copy_tuner_client 0.4.1 → 0.4.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c098cb6d7890bf5a323384b2d54c93b003cd1970
-  data.tar.gz: 6173b84b9849c4287d60383c001c7d8bec529b6d
+  metadata.gz: e5a1d2d35e0f10c245a66e5f9f1f1fe0b5e55b8f
+  data.tar.gz: 9f6bd6a383a8b9533c361b165e36b6895af20ac4
 SHA512:
-  metadata.gz: e0fa49fa3e7d61bc70f9c0f850545152662ea373af0e4b01e25ab9831ca08e489a04c7812d0f7a3b70ba8529a0bf0668373405c54b5641cc3f9458f1bcee8834
-  data.tar.gz: ce85993d4cc05cd4cf46b186d1667d490e9679a9d6e0f5853ed5d3cd624a582ddc399266fc4170d97e4f8764f7b91e0830f2a4e03dd06ba7fca59f3d9bcf3a4a
+  metadata.gz: ad94cec56fa02a2bb263adb2965dacfd970369771a80cfc98653b1c5a8fc7c9a5dae7644dfee97762d6f1c1c4516f6d124f6b0c66132d11dfb6174cfca4cf1a0
+  data.tar.gz: 0a9704779c56a55e9efc55b2f8b781279ebee8c707e18332f72a78608c10fedcfe5b368827a5a3c4ff25aef7a4705b1533669c397cfbfdd650ad7c32b2950f32

data/.babelrc

@@ -0,0 +1,18 @@
+{
+  "presets": [
+    [
+      "env",
+      {
+        "modules": false,
+        "targets": {
+          "browsers": "> 1%",
+          "uglify": true,
+        },
+        "useBuiltIns": true,
+      },
+    ],
+  ],
+  "plugins": [
+    "external-helpers"
+  ]
+}

data/.eslintrc

@@ -0,0 +1,4 @@
+---
+  extends: airbnb-base
+  env:
+    browser: true

data/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.4.2
+- changes
+  - span tag is no longer added to translation text. 
+
 ## 0.4.1
 - bug fixes
   - js injection failed if jquery is not used. #33
@@ -5,8 +9,8 @@
   - Wrong key is displayed if scoped option is used. #35
 
 - deprecation
-  - config.copyray_js_injection_regexp_for_debug is no loger needed.
-  - config.copyray_js_injection_regexp_for_precompiled  is no loger needed.
+  - config.copyray_js_injection_regexp_for_debug is no longer needed.
+  - config.copyray_js_injection_regexp_for_precompiled  is no longer needed.
 
 ## 0.4.0
 - Remove jQuery dependency.

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    copy_tuner_client (0.4.1)
+    copy_tuner_client (0.4.2)
       i18n (>= 0.5.0)
       json
 

data/README.md

@@ -38,7 +38,7 @@ bundle exec rake copy_tuner:export
 以下のスクリプトタグを追加する。(必要なpolyfillを個別に読み込んでも可)
 
 ```
-<script src="https://ft-polyfill-service.herokuapp.com/v2/polyfill.min.js"></script>
+<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
 ```
 
 [Polyfill service](https://cdn.polyfill.io/v2/docs/)
@@ -63,9 +63,9 @@ Development
     $ bundle exec rake install    # install to local gem
     $ bundle exec rake release    # release gem to rubygems.org
 
-## CoffeeScript
+## JavaScript
 
 ```
-$ npm run watch   # Watch files for changes, rerunning the specified command when any file is updated.
-$ npm run build   # Compile a .coffee script into a .js JavaScript file of the same name.
+$ npm run watch   # Watch files for changes
+$ npm run build   # Compile to a <script> containing a self-executing function
 ```

data/app/assets/javascripts/copyray.js

@@ -1,477 +1,1005 @@
-// Generated by CoffeeScript 1.12.6
-(function() {
-  var HIDDEN_CLASS, MAX_ZINDEX, getAllComments, getOffset, init, isMac, isVisible, util,
-    hasProp = {}.hasOwnProperty,
-    bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
-    extend = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
-
-  if (window.Copyray == null) {
-    window.Copyray = {};
-  }
+(function () {
+'use strict';
+
+var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+
+
+
+
+function createCommonjsModule(fn, module) {
+	return module = { exports: {} }, fn(module, module.exports), module.exports;
+}
+
+var KeyCode$1 = createCommonjsModule(function (module, exports) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+exports.default = function () {
+
+    var keys = {
+        KEY_CANCEL: 3,
+        KEY_HELP: 6,
+        KEY_BACK_SPACE: 8,
+        KEY_TAB: 9,
+        KEY_CLEAR: 12,
+        KEY_RETURN: 13,
+        KEY_ENTER: 14,
+        KEY_SHIFT: 16,
+        KEY_CONTROL: 17,
+        KEY_ALT: 18,
+        KEY_PAUSE: 19,
+        KEY_CAPS_LOCK: 20,
+        KEY_ESCAPE: 27,
+        KEY_SPACE: 32,
+        KEY_PAGE_UP: 33,
+        KEY_PAGE_DOWN: 34,
+        KEY_END: 35,
+        KEY_HOME: 36,
+        KEY_LEFT: 37,
+        KEY_UP: 38,
+        KEY_RIGHT: 39,
+        KEY_DOWN: 40,
+        KEY_PRINTSCREEN: 44,
+        KEY_INSERT: 45,
+        KEY_DELETE: 46,
+        KEY_0: 48,
+        KEY_1: 49,
+        KEY_2: 50,
+        KEY_3: 51,
+        KEY_4: 52,
+        KEY_5: 53,
+        KEY_6: 54,
+        KEY_7: 55,
+        KEY_8: 56,
+        KEY_9: 57,
+        KEY_SEMICOLON: 59,
+        KEY_EQUALS: 61,
+        KEY_A: 65,
+        KEY_B: 66,
+        KEY_C: 67,
+        KEY_D: 68,
+        KEY_E: 69,
+        KEY_F: 70,
+        KEY_G: 71,
+        KEY_H: 72,
+        KEY_I: 73,
+        KEY_J: 74,
+        KEY_K: 75,
+        KEY_L: 76,
+        KEY_M: 77,
+        KEY_N: 78,
+        KEY_O: 79,
+        KEY_P: 80,
+        KEY_Q: 81,
+        KEY_R: 82,
+        KEY_S: 83,
+        KEY_T: 84,
+        KEY_U: 85,
+        KEY_V: 86,
+        KEY_W: 87,
+        KEY_X: 88,
+        KEY_Y: 89,
+        KEY_Z: 90,
+        KEY_CONTEXT_MENU: 93,
+        KEY_NUMPAD0: 96,
+        KEY_NUMPAD1: 97,
+        KEY_NUMPAD2: 98,
+        KEY_NUMPAD3: 99,
+        KEY_NUMPAD4: 100,
+        KEY_NUMPAD5: 101,
+        KEY_NUMPAD6: 102,
+        KEY_NUMPAD7: 103,
+        KEY_NUMPAD8: 104,
+        KEY_NUMPAD9: 105,
+        KEY_MULTIPLY: 106,
+        KEY_ADD: 107,
+        KEY_SEPARATOR: 108,
+        KEY_SUBTRACT: 109,
+        KEY_DECIMAL: 110,
+        KEY_DIVIDE: 111,
+        KEY_F1: 112,
+        KEY_F2: 113,
+        KEY_F3: 114,
+        KEY_F4: 115,
+        KEY_F5: 116,
+        KEY_F6: 117,
+        KEY_F7: 118,
+        KEY_F8: 119,
+        KEY_F9: 120,
+        KEY_F10: 121,
+        KEY_F11: 122,
+        KEY_F12: 123,
+        KEY_F13: 124,
+        KEY_F14: 125,
+        KEY_F15: 126,
+        KEY_F16: 127,
+        KEY_F17: 128,
+        KEY_F18: 129,
+        KEY_F19: 130,
+        KEY_F20: 131,
+        KEY_F21: 132,
+        KEY_F22: 133,
+        KEY_F23: 134,
+        KEY_F24: 135,
+        KEY_NUM_LOCK: 144,
+        KEY_SCROLL_LOCK: 145,
+        KEY_COMMA: 188,
+        KEY_PERIOD: 190,
+        KEY_SLASH: 191,
+        KEY_BACK_QUOTE: 192,
+        KEY_OPEN_BRACKET: 219,
+        KEY_BACK_SLASH: 220,
+        KEY_CLOSE_BRACKET: 221,
+        KEY_QUOTE: 222,
+        KEY_META: 224
+    };
 
-  MAX_ZINDEX = 2147483647;
+    function KeyCode() {}
 
-  HIDDEN_CLASS = 'copy-tuner-hidden';
+    Object.keys(keys).forEach(function (key) {
+        KeyCode[key] = keys[key];
+    });
 
-  isMac = navigator.platform.toUpperCase().indexOf('MAC') !== -1;
+    return KeyCode;
+}();
+});
 
-  isVisible = function(element) {
-    return !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length);
-  };
+var index = KeyCode$1.default;
 
-  getOffset = function(elment) {
-    var box;
-    box = elment.getBoundingClientRect();
-    return {
-      top: box.top + window.pageYOffset - document.documentElement.clientTop,
-      left: box.left + window.pageXOffset - document.documentElement.clientLeft
-    };
-  };
+var isMac = navigator.platform.toUpperCase().indexOf('MAC') !== -1;
+
+var isVisible = function isVisible(element) {
+  return !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length);
+};
 
-  Copyray.specimens = function() {
-    return Copyray.BlurbSpecimen.all;
+var getOffset = function getOffset(elment) {
+  var box = elment.getBoundingClientRect();
+
+  return {
+    top: box.top + (window.pageYOffset - document.documentElement.clientTop),
+    left: box.left + (window.pageXOffset - document.documentElement.clientLeft)
   };
+};
 
-  Copyray.constructorInfo = function(constructor) {
-    var func, info, ref;
-    if (window.CopyrayPaths) {
-      ref = window.CopyrayPaths;
-      for (info in ref) {
-        if (!hasProp.call(ref, info)) continue;
-        func = ref[info];
-        if (func === constructor) {
-          return JSON.parse(info);
-        }
-      }
-    }
+var computeBoundingBox = function computeBoundingBox(element) {
+  if (!isVisible(element)) {
     return null;
+  }
+
+  var boxFrame = getOffset(element);
+  boxFrame.right = boxFrame.left + element.offsetWidth;
+  boxFrame.bottom = boxFrame.top + element.offsetHeight;
+
+  return {
+    left: boxFrame.left,
+    top: boxFrame.top,
+    width: boxFrame.right - boxFrame.left,
+    height: boxFrame.bottom - boxFrame.top
   };
+};
 
-  getAllComments = function(rootElement) {
-    var comments, curNode, filterNone, iterator;
-    filterNone = function() {
-      return NodeFilter.FILTER_ACCEPT;
-    };
-    comments = [];
-    iterator = document.createNodeIterator(rootElement, NodeFilter.SHOW_COMMENT, filterNone, false);
-    while ((curNode = iterator.nextNode())) {
-      comments.push(curNode);
+var classCallCheck = function (instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+};
+
+var createClass = function () {
+  function defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
     }
-    return comments;
-  };
+  }
 
-  Copyray.findBlurbs = function() {
-    return util.bm('findBlurbs', function() {
-      var comments;
-      comments = getAllComments(document.body).filter(function(comment) {
-        return comment.nodeValue.startsWith('COPYRAY START');
-      });
-      return comments.forEach(function(comment) {
-        var _, blurbElement, el, id, path, ref, url;
-        ref = comment.nodeValue.match(/^COPYRAY START (\d+) (\S*) (\S*)/), _ = ref[0], id = ref[1], path = ref[2], url = ref[3];
-        blurbElement = null;
-        el = comment.nextSibling;
-        while (!(!el || (el.nodeType === Node.COMMENT_NODE && el.data === ("COPYRAY END " + id)))) {
-          if (el.nodeType === Node.ELEMENT_NODE && el.tagName !== 'SCRIPT') {
-            blurbElement = el;
-            break;
-          }
-          el = el.nextSibling;
-        }
-        if ((el != null ? el.nodeType : void 0) === Node.COMMENT_NODE) {
-          el.parentNode.removeChild(el);
-        }
-        comment.parentNode.removeChild(comment);
-        if (blurbElement) {
-          return Copyray.BlurbSpecimen.add(blurbElement, {
-            name: path.split('/').slice(-1)[0],
-            path: path,
-            url: url
-          });
-        }
-      });
-    });
+  return function (Constructor, protoProps, staticProps) {
+    if (protoProps) defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) defineProperties(Constructor, staticProps);
+    return Constructor;
   };
+}();
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
-  Copyray.open = function(url) {
-    return window.open(url, null, 'width=700, height=600');
-  };
 
-  Copyray.show = function(type) {
-    if (type == null) {
-      type = null;
+var slicedToArray = function () {
+  function sliceIterator(arr, i) {
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
+
+    try {
+      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+
+        if (i && _arr.length === i) break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"]) _i["return"]();
+      } finally {
+        if (_d) throw _e;
+      }
     }
-    Copyray.Overlay.instance().show(type);
-    return Copyray.showBar();
-  };
 
-  Copyray.hide = function() {
-    Copyray.Overlay.instance().hide();
-    return Copyray.hideBar();
-  };
+    return _arr;
+  }
 
-  Copyray.addToggleButton = function() {
-    var element;
-    element = document.createElement('a');
-    element.addEventListener('click', function() {
-      return Copyray.show();
-    });
-    element.classList.add('copyray-toggle-button');
-    element.textContent = 'Open CopyTuner';
-    return document.body.appendChild(element);
+  return function (arr, i) {
+    if (Array.isArray(arr)) {
+      return arr;
+    } else if (Symbol.iterator in Object(arr)) {
+      return sliceIterator(arr, i);
+    } else {
+      throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    }
   };
+}();
 
-  Copyray.Specimen = (function() {
-    Specimen.add = function(el, info) {
-      if (info == null) {
-        info = {};
-      }
-      return this.all.push(new this(el, info));
-    };
+var ZINDEX = 2000000000;
 
-    Specimen.remove = function(el) {
-      var ref;
-      return (ref = this.find(el)) != null ? ref.remove() : void 0;
-    };
+var Specimen = function () {
+  function Specimen(element, key, callback) {
+    classCallCheck(this, Specimen);
 
-    Specimen.find = function(el) {
-      var i, len, ref, specimen;
-      ref = this.all;
-      for (i = 0, len = ref.length; i < len; i++) {
-        specimen = ref[i];
-        if (specimen.el === el) {
-          return specimen;
-        }
-      }
-      return null;
-    };
+    this.element = element;
+    this.key = key;
+    this.callback = callback;
+  }
 
-    Specimen.reset = function() {
-      return this.all = [];
-    };
+  createClass(Specimen, [{
+    key: 'show',
+    value: function show() {
+      var _this = this;
+
+      this.box = this.makeBox();
+      if (this.box === null) return;
+
+      this.box.addEventListener('click', function () {
+        _this.callback(_this.key);
+      });
 
-    function Specimen(el, info) {
-      if (info == null) {
-        info = {};
+      document.body.appendChild(this.box);
+    }
+  }, {
+    key: 'remove',
+    value: function remove() {
+      if (!this.box) {
+        return;
       }
-      this.makeLabel = bind(this.makeLabel, this);
-      this.el = el;
-      this.name = info.name;
-      this.path = info.path;
-      this.url = info.url;
+      this.box.remove();
+      this.box = null;
     }
+  }, {
+    key: 'makeBox',
+    value: function makeBox() {
+      var box = document.createElement('div');
+      box.classList.add('copyray-specimen');
+      box.classList.add('Specimen');
+
+      var bounds = computeBoundingBox(this.element);
+      if (bounds === null) return null;
+
+      Object.keys(bounds).forEach(function (key) {
+        var value = bounds[key];
+        box.style[key] = value + 'px';
+      });
+      box.style.zIndex = ZINDEX;
 
-    Specimen.prototype.remove = function() {
-      var idx;
-      idx = this.constructor.all.indexOf(this);
-      if (idx !== -1) {
-        return this.constructor.all.splice(idx, 1);
-      }
-    };
+      var _getComputedStyle = getComputedStyle(this.element),
+          position = _getComputedStyle.position,
+          top = _getComputedStyle.top,
+          left = _getComputedStyle.left;
 
-    Specimen.prototype.makeBox = function() {
-      var key, ref, value;
-      this.bounds = util.computeBoundingBox([this.el]);
-      this.box = document.createElement('div');
-      this.box.classList.add('copyray-specimen');
-      this.box.classList.add(this.constructor.name);
-      ref = this.bounds;
-      for (key in ref) {
-        value = ref[key];
-        this.box.style[key] = value + "px";
+      if (position === 'fixed') {
+        this.box.style.position = 'fixed';
+        this.box.style.top = top + 'px';
+        this.box.style.left = left + 'px';
       }
-      if (getComputedStyle(this.el).position === 'fixed') {
-        this.box.css({
-          position: 'fixed',
-          top: getComputedStyle(this.el).top,
-          left: getComputedStyle(this.el).left
-        });
-      }
-      this.box.addEventListener('click', (function(_this) {
-        return function() {
-          return Copyray.open(_this.url + "/blurbs/" + _this.path + "/edit");
-        };
-      })(this));
-      return this.box.appendChild(this.makeLabel());
-    };
 
-    Specimen.prototype.makeLabel = function() {
-      var div;
-      div = document.createElement('div');
+      box.appendChild(this.makeLabel());
+      return box;
+    }
+  }, {
+    key: 'makeLabel',
+    value: function makeLabel() {
+      var div = document.createElement('div');
       div.classList.add('copyray-specimen-handle');
-      div.classList.add(this.constructor.name);
-      div.textContent = this.name;
+      div.classList.add('Specimen');
+      div.textContent = this.key;
       return div;
-    };
+    }
+  }]);
+  return Specimen;
+}();
+
+/**
+ * lodash (Custom Build) <https://lodash.com/>
+ * Build: `lodash modularize exports="npm" -o ./`
+ * Copyright jQuery Foundation and other contributors <https://jquery.org/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */
+
+/** Used as the `TypeError` message for "Functions" methods. */
+var FUNC_ERROR_TEXT = 'Expected a function';
+
+/** Used as references for various `Number` constants. */
+var NAN = 0 / 0;
+
+/** `Object#toString` result references. */
+var symbolTag = '[object Symbol]';
+
+/** Used to match leading and trailing whitespace. */
+var reTrim = /^\s+|\s+$/g;
+
+/** Used to detect bad signed hexadecimal string values. */
+var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+
+/** Used to detect binary string values. */
+var reIsBinary = /^0b[01]+$/i;
+
+/** Used to detect octal string values. */
+var reIsOctal = /^0o[0-7]+$/i;
+
+/** Built-in method references without a dependency on `root`. */
+var freeParseInt = parseInt;
+
+/** Detect free variable `global` from Node.js. */
+var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+
+/** Detect free variable `self`. */
+var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+/** Used as a reference to the global object. */
+var root = freeGlobal || freeSelf || Function('return this')();
+
+/** Used for built-in method references. */
+var objectProto = Object.prototype;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var objectToString = objectProto.toString;
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeMax = Math.max;
+var nativeMin = Math.min;
+
+/**
+ * Gets the timestamp of the number of milliseconds that have elapsed since
+ * the Unix epoch (1 January 1970 00:00:00 UTC).
+ *
+ * @static
+ * @memberOf _
+ * @since 2.4.0
+ * @category Date
+ * @returns {number} Returns the timestamp.
+ * @example
+ *
+ * _.defer(function(stamp) {
+ *   console.log(_.now() - stamp);
+ * }, _.now());
+ * // => Logs the number of milliseconds it took for the deferred invocation.
+ */
+var now = function() {
+  return root.Date.now();
+};
+
+/**
+ * Creates a debounced function that delays invoking `func` until after `wait`
+ * milliseconds have elapsed since the last time the debounced function was
+ * invoked. The debounced function comes with a `cancel` method to cancel
+ * delayed `func` invocations and a `flush` method to immediately invoke them.
+ * Provide `options` to indicate whether `func` should be invoked on the
+ * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
+ * with the last arguments provided to the debounced function. Subsequent
+ * calls to the debounced function return the result of the last `func`
+ * invocation.
+ *
+ * **Note:** If `leading` and `trailing` options are `true`, `func` is
+ * invoked on the trailing edge of the timeout only if the debounced function
+ * is invoked more than once during the `wait` timeout.
+ *
+ * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+ * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+ *
+ * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+ * for details over the differences between `_.debounce` and `_.throttle`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to debounce.
+ * @param {number} [wait=0] The number of milliseconds to delay.
+ * @param {Object} [options={}] The options object.
+ * @param {boolean} [options.leading=false]
+ *  Specify invoking on the leading edge of the timeout.
+ * @param {number} [options.maxWait]
+ *  The maximum time `func` is allowed to be delayed before it's invoked.
+ * @param {boolean} [options.trailing=true]
+ *  Specify invoking on the trailing edge of the timeout.
+ * @returns {Function} Returns the new debounced function.
+ * @example
+ *
+ * // Avoid costly calculations while the window size is in flux.
+ * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
+ *
+ * // Invoke `sendMail` when clicked, debouncing subsequent calls.
+ * jQuery(element).on('click', _.debounce(sendMail, 300, {
+ *   'leading': true,
+ *   'trailing': false
+ * }));
+ *
+ * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
+ * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
+ * var source = new EventSource('/stream');
+ * jQuery(source).on('message', debounced);
+ *
+ * // Cancel the trailing debounced invocation.
+ * jQuery(window).on('popstate', debounced.cancel);
+ */
+function debounce(func, wait, options) {
+  var lastArgs,
+      lastThis,
+      maxWait,
+      result,
+      timerId,
+      lastCallTime,
+      lastInvokeTime = 0,
+      leading = false,
+      maxing = false,
+      trailing = true;
+
+  if (typeof func != 'function') {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  wait = toNumber(wait) || 0;
+  if (isObject(options)) {
+    leading = !!options.leading;
+    maxing = 'maxWait' in options;
+    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
+    trailing = 'trailing' in options ? !!options.trailing : trailing;
+  }
 
-    return Specimen;
+  function invokeFunc(time) {
+    var args = lastArgs,
+        thisArg = lastThis;
 
-  })();
+    lastArgs = lastThis = undefined;
+    lastInvokeTime = time;
+    result = func.apply(thisArg, args);
+    return result;
+  }
 
-  Copyray.BlurbSpecimen = (function(superClass) {
-    extend(BlurbSpecimen, superClass);
+  function leadingEdge(time) {
+    // Reset any `maxWait` timer.
+    lastInvokeTime = time;
+    // Start the timer for the trailing edge.
+    timerId = setTimeout(timerExpired, wait);
+    // Invoke the leading edge.
+    return leading ? invokeFunc(time) : result;
+  }
 
-    function BlurbSpecimen() {
-      return BlurbSpecimen.__super__.constructor.apply(this, arguments);
-    }
+  function remainingWait(time) {
+    var timeSinceLastCall = time - lastCallTime,
+        timeSinceLastInvoke = time - lastInvokeTime,
+        result = wait - timeSinceLastCall;
 
-    BlurbSpecimen.all = [];
+    return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;
+  }
 
-    return BlurbSpecimen;
+  function shouldInvoke(time) {
+    var timeSinceLastCall = time - lastCallTime,
+        timeSinceLastInvoke = time - lastInvokeTime;
 
-  })(Copyray.Specimen);
+    // Either this is the first call, activity has stopped and we're at the
+    // trailing edge, the system time has gone backwards and we're treating
+    // it as the trailing edge, or we've hit the `maxWait` limit.
+    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
+      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
+  }
 
-  Copyray.Overlay = (function() {
-    Overlay.instance = function() {
-      return this.singletonInstance || (this.singletonInstance = new this);
-    };
+  function timerExpired() {
+    var time = now();
+    if (shouldInvoke(time)) {
+      return trailingEdge(time);
+    }
+    // Restart the timer.
+    timerId = setTimeout(timerExpired, remainingWait(time));
+  }
 
-    function Overlay() {
-      Copyray.Overlay.singletonInstance = this;
-      this.overlay = document.createElement('div');
-      this.overlay.setAttribute('id', 'copyray-overlay');
-      this.shownBoxes = [];
-      this.overlay.addEventListener('click', (function(_this) {
-        return function() {
-          return _this.hide();
-        };
-      })(this));
+  function trailingEdge(time) {
+    timerId = undefined;
+
+    // Only invoke if we have `lastArgs` which means `func` has been
+    // debounced at least once.
+    if (trailing && lastArgs) {
+      return invokeFunc(time);
     }
+    lastArgs = lastThis = undefined;
+    return result;
+  }
 
-    Overlay.prototype.show = function(type) {
-      if (type == null) {
-        type = null;
-      }
-      this.reset();
-      Copyray.isShowing = true;
-      return util.bm('show', (function(_this) {
-        return function() {
-          var element, i, len, results, specimens;
-          if (!document.body.contains(_this.overlay)) {
-            document.body.appendChild(_this.overlay);
-            Copyray.findBlurbs();
-            specimens = Copyray.specimens();
-          }
-          results = [];
-          for (i = 0, len = specimens.length; i < len; i++) {
-            element = specimens[i];
-            element.makeBox();
-            element.box.style.zIndex = Math.ceil(MAX_ZINDEX * 0.9 + element.bounds.top + element.bounds.left);
-            _this.shownBoxes.push(element.box);
-            results.push(document.body.appendChild(element.box));
-          }
-          return results;
-        };
-      })(this));
-    };
+  function cancel() {
+    if (timerId !== undefined) {
+      clearTimeout(timerId);
+    }
+    lastInvokeTime = 0;
+    lastArgs = lastCallTime = lastThis = timerId = undefined;
+  }
 
-    Overlay.prototype.reset = function() {
-      var $box, i, len, ref;
-      ref = this.shownBoxes;
-      for (i = 0, len = ref.length; i < len; i++) {
-        $box = ref[i];
-        $box.remove();
-      }
-      return this.shownBoxes = [];
-    };
+  function flush() {
+    return timerId === undefined ? result : trailingEdge(now());
+  }
 
-    Overlay.prototype.hide = function() {
-      Copyray.isShowing = false;
-      this.overlay.remove();
-      this.reset();
-      return Copyray.hideBar();
-    };
+  function debounced() {
+    var time = now(),
+        isInvoking = shouldInvoke(time);
 
-    return Overlay;
-
-  })();
-
-  util = {
-    bm: function(name, fn) {
-      var result, time;
-      time = new Date;
-      result = fn();
-      return result;
-    },
-    computeBoundingBox: function(elements) {
-      var boxFrame;
-      if (elements.length === 1 && elements[0].clientHeight) {
-        return util.computeBoundingBox(elements[0].children);
+    lastArgs = arguments;
+    lastThis = this;
+    lastCallTime = time;
+
+    if (isInvoking) {
+      if (timerId === undefined) {
+        return leadingEdge(lastCallTime);
+      }
+      if (maxing) {
+        // Handle invocations in a tight loop.
+        timerId = setTimeout(timerExpired, wait);
+        return invokeFunc(lastCallTime);
       }
-      boxFrame = {
-        top: Number.POSITIVE_INFINITY,
-        left: Number.POSITIVE_INFINITY,
-        right: Number.NEGATIVE_INFINITY,
-        bottom: Number.NEGATIVE_INFINITY
-      };
-      Array.from(elements).forEach(function(element) {
-        var frame;
-        if (!isVisible(element)) {
+    }
+    if (timerId === undefined) {
+      timerId = setTimeout(timerExpired, wait);
+    }
+    return result;
+  }
+  debounced.cancel = cancel;
+  debounced.flush = flush;
+  return debounced;
+}
+
+/**
+ * Checks if `value` is the
+ * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+ * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+ * @example
+ *
+ * _.isObject({});
+ * // => true
+ *
+ * _.isObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isObject(_.noop);
+ * // => true
+ *
+ * _.isObject(null);
+ * // => false
+ */
+function isObject(value) {
+  var type = typeof value;
+  return !!value && (type == 'object' || type == 'function');
+}
+
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+function isObjectLike(value) {
+  return !!value && typeof value == 'object';
+}
+
+/**
+ * Checks if `value` is classified as a `Symbol` primitive or object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+ * @example
+ *
+ * _.isSymbol(Symbol.iterator);
+ * // => true
+ *
+ * _.isSymbol('abc');
+ * // => false
+ */
+function isSymbol(value) {
+  return typeof value == 'symbol' ||
+    (isObjectLike(value) && objectToString.call(value) == symbolTag);
+}
+
+/**
+ * Converts `value` to a number.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to process.
+ * @returns {number} Returns the number.
+ * @example
+ *
+ * _.toNumber(3.2);
+ * // => 3.2
+ *
+ * _.toNumber(Number.MIN_VALUE);
+ * // => 5e-324
+ *
+ * _.toNumber(Infinity);
+ * // => Infinity
+ *
+ * _.toNumber('3.2');
+ * // => 3.2
+ */
+function toNumber(value) {
+  if (typeof value == 'number') {
+    return value;
+  }
+  if (isSymbol(value)) {
+    return NAN;
+  }
+  if (isObject(value)) {
+    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
+    value = isObject(other) ? (other + '') : other;
+  }
+  if (typeof value != 'string') {
+    return value === 0 ? value : +value;
+  }
+  value = value.replace(reTrim, '');
+  var isBinary = reIsBinary.test(value);
+  return (isBinary || reIsOctal.test(value))
+    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
+    : (reIsBadHex.test(value) ? NAN : +value);
+}
+
+var index$1 = debounce;
+
+var HIDDEN_CLASS = 'copy-tuner-hidden';
+
+var CopytunerBar = function () {
+  function CopytunerBar(element, data, callback) {
+    classCallCheck(this, CopytunerBar);
+
+    this.element = element;
+    this.data = data;
+    this.callback = callback;
+    this.searchBoxElement = element.querySelector('.js-copy-tuner-bar-search');
+    this.logMenuElement = this.makeLogMenu();
+    this.element.appendChild(this.logMenuElement);
+
+    this.addHandler();
+  }
+
+  createClass(CopytunerBar, [{
+    key: 'addHandler',
+    value: function addHandler() {
+      var _this = this;
+
+      var openLogButton = this.element.querySelector('.js-copy-tuner-bar-open-log');
+      openLogButton.addEventListener('click', function (event) {
+        event.preventDefault();
+        _this.toggleLogMenu();
+      });
+
+      this.searchBoxElement.addEventListener('input', index$1(this.onKeyup.bind(this), 250));
+    }
+  }, {
+    key: 'show',
+    value: function show() {
+      this.element.classList.remove(HIDDEN_CLASS);
+      this.searchBoxElement.focus();
+    }
+  }, {
+    key: 'hide',
+    value: function hide() {
+      this.element.classList.add(HIDDEN_CLASS);
+    }
+  }, {
+    key: 'showLogMenu',
+    value: function showLogMenu() {
+      this.logMenuElement.classList.remove(HIDDEN_CLASS);
+    }
+  }, {
+    key: 'toggleLogMenu',
+    value: function toggleLogMenu() {
+      this.logMenuElement.classList.toggle(HIDDEN_CLASS);
+    }
+  }, {
+    key: 'makeLogMenu',
+    value: function makeLogMenu() {
+      var _this2 = this;
+
+      var div = document.createElement('div');
+      div.setAttribute('id', 'copy-tuner-bar-log-menu');
+      div.classList.add(HIDDEN_CLASS);
+
+      var table = document.createElement('table');
+      var tbody = document.createElement('tbody');
+      tbody.classList.remove('is-not-initialized');
+
+      Object.keys(this.data).sort().forEach(function (key) {
+        var value = _this2.data[key];
+
+        if (value === '') {
           return;
         }
-        frame = getOffset(element);
-        frame.right = frame.left + element.offsetWidth;
-        frame.bottom = frame.top + element.offsetHeight;
-        if (frame.top < boxFrame.top) {
-          boxFrame.top = frame.top;
-        }
-        if (frame.left < boxFrame.left) {
-          boxFrame.left = frame.left;
-        }
-        if (frame.right > boxFrame.right) {
-          boxFrame.right = frame.right;
-        }
-        if (frame.bottom > boxFrame.bottom) {
-          return boxFrame.bottom = frame.bottom;
-        }
+
+        var td1 = document.createElement('td');
+        td1.textContent = key;
+        var td2 = document.createElement('td');
+        td2.textContent = value;
+        var tr = document.createElement('tr');
+        tr.classList.add('copy-tuner-bar-log-menu__row');
+        tr.dataset.key = key;
+
+        tr.addEventListener('click', function (_ref) {
+          var currentTarget = _ref.currentTarget;
+
+          _this2.callback(currentTarget.dataset.key);
+        });
+
+        tr.appendChild(td1);
+        tr.appendChild(td2);
+        tbody.appendChild(tr);
       });
-      return {
-        left: boxFrame.left,
-        top: boxFrame.top,
-        width: boxFrame.right - boxFrame.left,
-        height: boxFrame.bottom - boxFrame.top
-      };
+
+      table.appendChild(tbody);
+      div.appendChild(table);
+
+      return div;
     }
-  };
+  }, {
+    key: 'onKeyup',
+    value: function onKeyup(_ref2) {
+      var target = _ref2.target;
 
-  Copyray.showBar = function() {
-    document.getElementById('copy-tuner-bar').classList.remove(HIDDEN_CLASS);
-    document.querySelector('.copyray-toggle-button').classList.add(HIDDEN_CLASS);
-    return Copyray.focusSearchBox();
-  };
+      var keyword = target.value.trim();
+      this.showLogMenu();
 
-  Copyray.hideBar = function() {
-    document.getElementById('copy-tuner-bar').classList.add(HIDDEN_CLASS);
-    document.querySelector('.copyray-toggle-button').classList.remove(HIDDEN_CLASS);
-    return document.querySelector('.js-copy-tuner-bar-log-menu').classList.add(HIDDEN_CLASS);
-  };
+      var rows = Array.from(this.logMenuElement.getElementsByTagName('tr'));
 
-  Copyray.createLogMenu = function() {
-    var baseUrl, log, tbody;
-    tbody = document.querySelector('.js-copy-tuner-bar-log-menu__tbody.is-not-initialized');
-    if (!tbody) {
-      return;
-    }
-    tbody.classList.remove('is-not-initialized');
-    baseUrl = document.getElementById('copy-tuner-data').dataset.copyTunerUrl;
-    log = JSON.parse(document.getElementById('copy-tuner-data').dataset.copyTunerTranslationLog);
-    return Object.keys(log).sort().forEach(function(key) {
-      var td1, td2, tr, url, value;
-      value = log[key];
-      if (value === '') {
-        return;
-      }
-      url = baseUrl + "/blurbs/" + key + "/edit";
-      td1 = document.createElement('td');
-      td1.textContent = key;
-      td2 = document.createElement('td');
-      td2.textContent = value;
-      tr = document.createElement('tr');
-      tr.classList.add('copy-tuner-bar-log-menu__row');
-      tr.classList.add('js-copy-tuner-blurb-row');
-      tr.dataset.url = url;
-      tr.addEventListener('click', function(arg) {
-        var currentTarget;
-        currentTarget = arg.currentTarget;
-        return Copyray.open(currentTarget.dataset.url);
+      rows.forEach(function (row) {
+        var isShow = keyword === '' || Array.from(row.getElementsByTagName('td')).some(function (td) {
+          return td.textContent.includes(keyword);
+        });
+        row.classList.toggle(HIDDEN_CLASS, !isShow);
       });
-      tr.appendChild(td1);
-      tr.appendChild(td2);
-      return tbody.appendChild(tr);
-    });
-  };
+    }
+  }]);
+  return CopytunerBar;
+}();
 
-  Copyray.focusSearchBox = function() {
-    return document.querySelector('.js-copy-tuner-bar-search').focus();
+var findBlurbs = function findBlurbs() {
+  var filterNone = function filterNone() {
+    return NodeFilter.FILTER_ACCEPT;
   };
 
-  Copyray.toggleLogMenu = function() {
-    Copyray.createLogMenu();
-    return document.getElementById('copy-tuner-bar-log-menu').classList.toggle(HIDDEN_CLASS);
-  };
+  var iterator = document.createNodeIterator(document.body, NodeFilter.SHOW_COMMENT, filterNone, false);
 
-  Copyray.setupLogMenu = function() {
-    var element;
-    element = document.querySelector('.js-copy-tuner-bar-open-log');
-    return element.addEventListener('click', function(event) {
-      event.preventDefault();
-      return Copyray.toggleLogMenu();
-    });
-  };
+  var comments = [];
+  var curNode = void 0;
+  // eslint-disable-next-line no-cond-assign
+  while (curNode = iterator.nextNode()) {
+    comments.push(curNode);
+  }
 
-  Copyray.setupSearchBar = function() {
-    var barElement, lastKeyword, timer;
-    timer = null;
-    lastKeyword = '';
-    barElement = document.querySelector('.js-copy-tuner-bar-search');
-    barElement.addEventListener('focus', function(arg) {
-      var target;
-      target = arg.target;
-      return lastKeyword = target.value;
-    });
-    return barElement.addEventListener('keyup', function(arg) {
-      var keyword, target;
-      target = arg.target;
-      keyword = target.value.trim();
-      if (lastKeyword !== keyword) {
-        if (!isVisible(document.getElementById('copy-tuner-bar-log-menu'))) {
-          Copyray.toggleLogMenu();
-        }
-        clearTimeout(timer);
-        timer = setTimeout(function() {
-          var rows;
-          rows = Array.from(document.getElementsByClassName('js-copy-tuner-blurb-row'));
-          if (keyword === '') {
-            return rows.forEach(function(row) {
-              return row.classList.remove(HIDDEN_CLASS);
-            });
-          } else {
-            rows.forEach(function(row) {
-              return row.classList.add(HIDDEN_CLASS);
-            });
-            return rows.filter(function(row) {
-              return Array.from(row.getElementsByTagName('td')).some(function(td) {
-                return td.textContent.includes(keyword);
-              });
-            }).forEach(function(row) {
-              return row.classList.remove(HIDDEN_CLASS);
-            });
-          }
-        }, 500);
-        return lastKeyword = keyword;
+  return comments.filter(function (comment) {
+    return comment.nodeValue.startsWith('COPYRAY');
+  }).map(function (comment) {
+    var _comment$nodeValue$ma = comment.nodeValue.match(/^COPYRAY (\S*)$/),
+        _comment$nodeValue$ma2 = slicedToArray(_comment$nodeValue$ma, 2),
+        key = _comment$nodeValue$ma2[1];
+
+    var element = comment.parentNode;
+    return { key: key, element: element };
+  });
+};
+
+var Copyray = function () {
+  function Copyray(baseUrl, data) {
+    classCallCheck(this, Copyray);
+
+    this.baseUrl = baseUrl;
+    this.data = data;
+    this.isShowing = false;
+    this.specimens = [];
+    this.overlay = this.makeOverlay();
+    this.toggleButton = this.makeToggleButton();
+    this.boundOpen = this.open.bind(this);
+
+    this.copyTunerBar = new CopytunerBar(document.getElementById('copy-tuner-bar'), this.data, this.boundOpen);
+  }
+
+  createClass(Copyray, [{
+    key: 'show',
+    value: function show() {
+      this.reset();
+
+      document.body.appendChild(this.overlay);
+      this.makeSpecimens();
+
+      this.specimens.forEach(function (specimen) {
+        specimen.show();
+      });
+
+      this.copyTunerBar.show();
+      this.isShowing = true;
+    }
+  }, {
+    key: 'hide',
+    value: function hide() {
+      this.overlay.remove();
+      this.reset();
+      this.copyTunerBar.hide();
+      this.isShowing = false;
+    }
+  }, {
+    key: 'toggle',
+    value: function toggle() {
+      if (this.isShowing) {
+        this.hide();
+      } else {
+        this.show();
       }
-    });
-  };
+    }
+  }, {
+    key: 'open',
+    value: function open(key) {
+      var url = this.baseUrl + '/blurbs/' + key + '/edit';
+      window.open(url, null, 'width=700, height=600');
+    }
+  }, {
+    key: 'makeSpecimens',
+    value: function makeSpecimens() {
+      var _this = this;
+
+      findBlurbs().forEach(function (_ref) {
+        var element = _ref.element,
+            key = _ref.key;
+
+        _this.specimens.push(new Specimen(element, key, _this.boundOpen));
+      });
+    }
+  }, {
+    key: 'makeToggleButton',
+    value: function makeToggleButton() {
+      var _this2 = this;
+
+      var element = document.createElement('a');
 
-  init = function() {
-    if (Copyray.initialized) {
+      element.addEventListener('click', function () {
+        _this2.show();
+      });
+
+      element.classList.add('copyray-toggle-button');
+      element.textContent = 'Open CopyTuner';
+      document.body.appendChild(element);
+
+      return element;
+    }
+  }, {
+    key: 'makeOverlay',
+    value: function makeOverlay() {
+      var _this3 = this;
+
+      var div = document.createElement('div');
+      div.setAttribute('id', 'copyray-overlay');
+      div.addEventListener('click', function () {
+        return _this3.hide();
+      });
+      return div;
+    }
+  }, {
+    key: 'reset',
+    value: function reset() {
+      this.specimens.forEach(function (specimen) {
+        specimen.remove();
+      });
+    }
+  }]);
+  return Copyray;
+}();
+
+var start = function start() {
+  var dataElement = document.getElementById('copy-tuner-data');
+  var copyTunerUrl = dataElement.dataset.copyTunerUrl;
+  var data = JSON.parse(document.getElementById('copy-tuner-data').dataset.copyTunerTranslationLog);
+  var copyray = new Copyray(copyTunerUrl, data);
+
+  document.addEventListener('keydown', function (event) {
+    if (copyray.isShowing && event.keyCode === index.KEY_ESCAPE) {
+      copyray.hide();
       return;
     }
-    Copyray.initialized = true;
-    document.addEventListener('keydown', function(event) {
-      if ((isMac && event.metaKey || !isMac && event.ctrlKey) && event.shiftKey && event.keyCode === 75) {
-        if (Copyray.isShowing) {
-          Copyray.hide();
-        } else {
-          Copyray.show();
-        }
-      }
-      if (Copyray.isShowing && event.keyCode === 27) {
-        return Copyray.hide();
-      }
-    });
-    new Copyray.Overlay;
-    Copyray.findBlurbs();
-    Copyray.addToggleButton();
-    Copyray.setupSearchBar();
-    Copyray.setupLogMenu();
-    return typeof console !== "undefined" && console !== null ? console.log("Ready to Copyray. Press " + (isMac ? 'cmd+shift+k' : 'ctrl+shift+k') + " to scan your UI.") : void 0;
-  };
 
-  if (document.readyState === 'complete' || document.readyState !== 'loading') {
-    init();
-  } else {
-    document.addEventListener('DOMContentLoaded', init);
+    if ((isMac && event.metaKey || !isMac && event.ctrlKey) && event.shiftKey && event.keyCode === index.KEY_K) {
+      copyray.toggle();
+    }
+  });
+
+  if (console) {
+    // eslint-disable-next-line no-console
+    console.log('Ready to Copyray. Press ' + (isMac ? 'cmd+shift+k' : 'ctrl+shift+k') + ' to scan your UI.');
   }
 
-}).call(this);
+  window.copyray = copyray;
+};
+
+if (document.readyState === 'complete' || document.readyState !== 'loading') {
+  start();
+} else {
+  document.addEventListener('DOMContentLoaded', start);
+}
+
+}());