Added base template for config ui.

appengine/config_service/ui/bower_components/stacky/lib/formatting.js

Index: appengine/config_service/ui/bower_components/stacky/lib/formatting.js
diff --git a/appengine/config_service/ui/bower_components/stacky/lib/formatting.js b/appengine/config_service/ui/bower_components/stacky/lib/formatting.js
new file mode 100644
index 0000000000000000000000000000000000000000..651cf3c4e3db0b3bc39c95c38bbf643a5e9ee322
--- /dev/null
+++ b/appengine/config_service/ui/bower_components/stacky/lib/formatting.js
@@ -0,0 +1,158 @@
+/**
+ * @license
+ * Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+ *
+ * This code may only be used under the BSD style license found at polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also subject to
+ * an additional IP rights grant found at polymer.github.io/PATENTS.txt
+ */
+(function(scope) {
+'use strict';
+
+var parse = scope.parse || require('./parsing').parse;
+
+scope.defaults = {
+  // Methods are aligned up to this much padding.
+  maxMethodPadding: 40,
+  // A string to prefix each line with.
+  indent: '',
+  // A string to show for stack lines that are missing a method.
+  methodPlaceholder: '<unknown>',
+  // A list of Strings/RegExps that will be stripped from `location` values on
+  // each line (via `String#replace`).
+  locationStrip: [],
+  // A list of Strings/RegExps that indicate that a line is *not* important, and
+  // should be styled as such.
+  unimportantLocation: [],
+  // A filter function to completely remove lines
+  filter: function() { return false; },
+  // styles are functions that take a string and return that string when styled.
+  styles: {
+    method:      passthrough,
+    location:    passthrough,
+    line:        passthrough,
+    column:      passthrough,
+    unimportant: passthrough,
+  },
+};
+
+// See Tero Tolonen's answer at
+// http://stackoverflow.com/questions/17575790/environment-detection-node-js-or-browser
+/*jshint -W054 */
+var isNode = new Function('try {return this===global;}catch(e){return false;}');
+
+// For Stacky-in-Node, we default to colored stacks.
+if (isNode()) {
+  var chalk = require('chalk');
+
+  scope.defaults.styles = {
+    method:      chalk.magenta,
+    location:    chalk.blue,
+    line:        chalk.cyan,
+    column:      chalk.cyan,
+    unimportant: chalk.dim
+  };
+}
+
+
+function pretty(stackOrParsed, options) {
+  options = mergeDefaults(options || {}, scope.defaults);
+  var lines = Array.isArray(stackOrParsed) ? stackOrParsed : parse(stackOrParsed);
+  lines = clean(lines, options);
+
+  var padSize = methodPadding(lines, options);
+  var parts = lines.map(function(line) {
+    var method   = line.method || options.methodPlaceholder;
+    var pad      = options.indent + padding(padSize - method.length);
+
+    var locationBits = [
+      options.styles.location(line.location),
+      options.styles.line(line.line),
+    ];
+    if ('column' in line) {
+      locationBits.push(options.styles.column(line.column));
+    }
+    var location = locationBits.join(':');
+
+    var text = pad + options.styles.method(method) + ' at ' + location;
+    if (!line.important) {
+      text = options.styles.unimportant(text);
+    }
+    return text;
+  });
+
+  return parts.join('\n');
+}
+
+function clean(lines, options) {
+  var result = [];
+  for (var i = 0, line; line = lines[i]; i++) {
+    if (options.filter(line)) continue;
+    line.location  = cleanLocation(line.location, options);
+    line.important = isImportant(line, options);
+    result.push(line);
+  }
+
+  return result;
+}
+
+// Utility
+
+function passthrough(string) {
+  return string;
+}
+
+function mergeDefaults(options, defaults) {
+  var result = Object.create(defaults);
+  Object.keys(options).forEach(function(key) {
+    var value = options[key];
+    if (typeof value === 'object' && !Array.isArray(value)) {
+      value = mergeDefaults(value, defaults[key]);
+    }
+    result[key] = value;
+  });
+  return result;
+}
+
+function methodPadding(lines, options) {
+  var size = options.methodPlaceholder.length;
+  for (var i = 0, line; line = lines[i]; i++) {
+    size = Math.min(options.maxMethodPadding, Math.max(size, line.method.length));
+  }
+  return size;
+}
+
+function padding(length) {
+  var result = '';
+  for (var i = 0; i < length; i++) {
+    result = result + ' ';
+  }
+  return result;
+}
+
+function cleanLocation(location, options) {
+  if (options.locationStrip) {
+    for (var i = 0, matcher; matcher = options.locationStrip[i]; i++) {
+      location = location.replace(matcher, '');
+    }
+  }
+
+  return location;
+}
+
+function isImportant(line, options) {
+  if (options.unimportantLocation) {
+    for (var i = 0, matcher; matcher = options.unimportantLocation[i]; i++) {
+      if (line.location.match(matcher)) return false;
+    }
+  }
+
+  return true;
+}
+
+scope.clean  = clean;
+scope.pretty = pretty;
+})(typeof module !== 'undefined' ? module.exports : (this.Stacky = this.Stacky || {}));
+