locize 4.0.10 → 4.0.12

package/CHANGELOG.md

@@ -1,4 +1,8 @@
-### 4.0.7
+### 4.0.12
+
+- locizePlugin: start i18next-subliminal only if popup or in iframe
+
+### 4.0.11
 
 - fix highlighting
 

package/dist/cjs/api/handleEditKey.js

@@ -43,7 +43,9 @@ function setValueOnNode(meta, value) {
         }
       });
       children.forEach(function (replaceable) {
-        if (item.node.contains(replaceable.child)) item.node.removeChild(replaceable.child);
+        if (item.node.contains(replaceable.child)) {
+          item.node.removeChild(replaceable.child);
+        }
       });
     }
   }

package/dist/cjs/api/handleRequestPopupChanges.js

@@ -8,9 +8,9 @@ function handler(payload) {
   if (containerStyle) {
     var popup$1 = document.getElementById(popup.popupId);
     if (!popup$1) return;
-    var storedPos = localStorage.getItem('locize_popup_pos');
+    var storedPos = window.localStorage.getItem('locize_popup_pos');
     if (storedPos) storedPos = JSON.parse(storedPos);
-    var storedSize = localStorage.getItem('locize_popup_size');
+    var storedSize = window.localStorage.getItem('locize_popup_size');
     if (storedSize) storedSize = JSON.parse(storedSize);
     if (storedSize && storedSize.height && storedSize.width) {
       containerStyle.height = storedSize.height + 'px';
@@ -26,8 +26,12 @@ function handler(payload) {
       popup$1.style.setProperty('left', "calc(".concat(popup$1.style.left, " - ").concat(_diff, ")"));
       popup$1.style.setProperty('width', containerStyle.width);
     }
-    if (storedPos && storedPos.top && storedPos.top < window.innerHeight - containerStyle.height.replace('px', '')) popup$1.style.setProperty('top', storedPos.top + 'px');
-    if (storedPos && storedPos.left && storedPos.left < window.innerWidth - containerStyle.width.replace('px', '')) popup$1.style.setProperty('left', storedPos.left + 'px');
+    if (storedPos && storedPos.top && storedPos.top < window.innerHeight - containerStyle.height.replace('px', '')) {
+      popup$1.style.setProperty('top', storedPos.top + 'px');
+    }
+    if (storedPos && storedPos.left && storedPos.left < window.innerWidth - containerStyle.width.replace('px', '')) {
+      popup$1.style.setProperty('left', storedPos.left + 'px');
+    }
   }
 }
 postMessage.api.addHandler('requestPopupChanges', handler);

package/dist/cjs/api/handleSendMatchedUninstrumented.js

@@ -19,7 +19,9 @@ function handler(payload) {
       key: item.key
     }), item.value), uni === null || uni === void 0 ? void 0 : uni.node);
     if (uni && uni.keys) delete uni.keys["".concat(item.textType)];
-    if (uni && uni.keys && !Object.keys(uni.keys).length) uninstrumentedStore.uninstrumentedStore.remove(item.eleUniqueID, uni.node);
+    if (uni && uni.keys && !Object.keys(uni.keys).length) {
+      uninstrumentedStore.uninstrumentedStore.remove(item.eleUniqueID, uni.node);
+    }
   });
   postMessage.api.sendCurrentParsedContent();
 }

package/dist/cjs/implementations/dummyImplementation.js

@@ -7,21 +7,13 @@ function getImplementation() {
     getResource: function getResource(lng, ns, key) {
       return {};
     },
-    setResource: function setResource(lng, ns, key, value) {
-      return;
-    },
+    setResource: function setResource(lng, ns, key, value) {},
     getResourceBundle: function getResourceBundle(lng, ns, cb) {
       cb({});
     },
-    getDefaultNS: function getDefaultNS() {
-      return;
-    },
-    getLng: function getLng() {
-      return;
-    },
-    getSourceLng: function getSourceLng() {
-      return;
-    },
+    getDefaultNS: function getDefaultNS() {},
+    getLng: function getLng() {},
+    getSourceLng: function getSourceLng() {},
     getLocizeDetails: function getLocizeDetails() {
       return {};
     },

package/dist/cjs/implementations/i18nextImplementation.js

@@ -39,7 +39,9 @@ function getImplementation(i18n) {
       if (Array.isArray(fallback)) return fallback[fallback.length - 1];
       if (fallback && fallback["default"]) {
         if (typeof fallback["default"] === 'string') return fallback;
-        if (Array.isArray(fallback["default"])) return fallback["default"][fallback["default"].length - 1];
+        if (Array.isArray(fallback["default"])) {
+          return fallback["default"][fallback["default"].length - 1];
+        }
       }
       if (typeof fallback === 'function') {
         var res = fallback(i18n.resolvedLanguage);

package/dist/cjs/locizePlugin.js

@@ -2,10 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/toConsumableArray');
 var i18nextSubliminal = require('i18next-subliminal');
 var process = require('./process.js');
+var utils = require('./utils.js');
 var i18nextImplementation = require('./implementations/i18nextImplementation.js');
 
 function configurePostProcessor(i18next, options) {
@@ -29,7 +28,8 @@ var locizeEditorPlugin = function locizeEditorPlugin() {
       var options = i18n.options;
       i18next = i18n;
       var impl = i18nextImplementation.getImplementation(i18n);
-      configurePostProcessor(i18next, options);
+      var showInContext = opt.show || utils.getQsParameterByName(opt.qsProp) === 'true';
+      if (utils.isInIframe || showInContext) configurePostProcessor(i18next, options);
       process.start(impl, opt);
     }
   };

package/dist/cjs/parser.js

@@ -155,13 +155,13 @@ function handleNode(node) {
           ignoreMergedEleUniqueIds.push(child.uniqueID);
         }
         var txt = child.textContent;
-        if (nodeI18nMeta && nodeI18nMeta['html'] && i < node.childNodes.length - 1) {
+        if (nodeI18nMeta && nodeI18nMeta.html && i < node.childNodes.length - 1) {
           merge.push({
             childIndex: i,
             child: child,
             text: txt
           });
-        } else if (nodeI18nMeta && nodeI18nMeta['html'] && i === node.childNodes.length - 1) {
+        } else if (nodeI18nMeta && nodeI18nMeta.html && i === node.childNodes.length - 1) {
           merge.push({
             childIndex: i,
             child: child,
@@ -170,7 +170,7 @@ function handleNode(node) {
           storeIfQualifiedKey(node.uniqueID, null, 'html', nodeI18nMeta, node, merge, node.innerHTML);
           merge = [];
         } else if (txt) {
-          if (nodeI18nMeta && nodeI18nMeta['text']) {
+          if (nodeI18nMeta && nodeI18nMeta.text) {
             storeIfQualifiedKey(node.uniqueID, null, 'text', nodeI18nMeta, node, undefined, txt);
           } else if (child.nodeName === '#text' && !containsOnlySpaces(txt)) {
             uninstrumentedStore.uninstrumentedStore.save(node.uniqueID, 'text', node, txt);

package/dist/cjs/process.js

@@ -30,10 +30,6 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var dummyImplementation = dummyImplementation$1.getImplementation();
-var isInIframe = typeof window !== 'undefined';
-try {
-  isInIframe = self !== top;
-} catch (e) {}
 function start() {
   var implementation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : dummyImplementation;
   var opt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
@@ -59,7 +55,7 @@ function start() {
     postMessage.api.sendCurrentTargetLanguage(implementation.getLng());
   });
   function continueToStart() {
-    if (!isInIframe && !showInContext) return;
+    if (!utils.isInIframe && !showInContext) return;
     var observer$1 = observer.createObserver(document.body, function (eles) {
       eles.forEach(function (ele) {
         parser.parseTree(ele);
@@ -68,7 +64,7 @@ function start() {
     });
     observer$1.start();
     mouseDistance.startMouseTracking(observer$1);
-    if (!isInIframe && !document.getElementById(popup.popupId)) {
+    if (!utils.isInIframe && !document.getElementById(popup.popupId)) {
       document.body.append(popup.Popup(vars.getIframeUrl(), function () {
         postMessage.api.requestInitialize(config);
       }));
@@ -95,7 +91,7 @@ function start() {
     }
   }
   if (document.body) return continueToStart();
-  window.addEventListener('load', function () {
+  if (typeof window !== 'undefined') window.addEventListener('load', function () {
     return continueToStart();
   });
 }

package/dist/cjs/startStandalone.js

@@ -16,6 +16,8 @@ function startStandalone() {
     rest = _objectWithoutProperties__default["default"](options, _excluded);
   process.start(implementation, Object.keys(rest).length > 0 ? rest : undefined);
 }
-if (typeof window !== 'undefined') window.locizeStartStandalone = startStandalone;
+if (typeof window !== 'undefined') {
+  window.locizeStartStandalone = startStandalone;
+}
 
 exports.startStandalone = startStandalone;

package/dist/cjs/ui/elements/highlightBox.js

@@ -6,7 +6,7 @@ function HighlightBox(ele, borderColor, shadowColor) {
   var rect = ele.getBoundingClientRect();
   var box = document.createElement('div');
   box.classList.add('i18next-editor-highlight');
-  box.style = "position: absolute; z-index: 99999; top: ".concat(rect.top - 2 + window.scrollY, "px; left: ").concat(rect.left - 2 + window.scrollX, "px; height: ").concat(rect.height + 4, "px; width: ").concat(rect.width + 4, "px; border: 1px solid ").concat(borderColor, "; border-radius: 2px; ").concat(shadowColor ? "box-shadow: 0 0 20px 0 ".concat(shadowColor, ";") : '');
+  box.style = "position: absolute; z-index: 99999; pointer-events: none; top: ".concat(rect.top - 2 + window.scrollY, "px; left: ").concat(rect.left - 2 + window.scrollX, "px; height: ").concat(rect.height + 4, "px; width: ").concat(rect.width + 4, "px; border: 1px solid ").concat(borderColor, "; border-radius: 2px; ").concat(shadowColor ? "box-shadow: 0 0 20px 0 ".concat(shadowColor, ";") : '');
   box.setAttribute('data-i18next-editor-element', 'true');
   return box;
 }

package/dist/cjs/ui/highlightNode.js

@@ -15,7 +15,6 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 var selected = {};
 function highlight(item, node, keys) {
-  item.id;
   var rectEle = utils.getOptimizedBoundingRectEle(node);
   if (!item.highlightBox) {
     var box = highlightBox.HighlightBox(rectEle, vars.colors.highlight);

package/dist/cjs/ui/popup.js

@@ -25,7 +25,9 @@ function initDragElement() {
     }
   }
   function dragMouseDown(e) {
-    if (!overlay) overlay = document.getElementById('i18next-editor-popup-overlay');
+    if (!overlay) {
+      overlay = document.getElementById('i18next-editor-popup-overlay');
+    }
     if (overlay) overlay.style.display = 'block';
     mouseDistance.stopMouseTracking();
     elmnt = this.parentPopup;
@@ -52,7 +54,7 @@ function initDragElement() {
     mouseDistance.startMouseTracking();
     if (overlay) overlay.style.display = 'none';
     var ele = document.getElementById('i18next-editor-popup');
-    localStorage.setItem('locize_popup_pos', JSON.stringify({
+    window.localStorage.setItem('locize_popup_pos', JSON.stringify({
       top: parseInt(document.defaultView.getComputedStyle(ele).top, 10),
       left: parseInt(document.defaultView.getComputedStyle(ele).left, 10)
     }));
@@ -92,7 +94,9 @@ function initResizeElement() {
   }
   function initDrag(e) {
     mouseDistance.stopMouseTracking();
-    if (!overlay) overlay = document.getElementById('i18next-editor-popup-overlay');
+    if (!overlay) {
+      overlay = document.getElementById('i18next-editor-popup-overlay');
+    }
     if (overlay) overlay.style.display = 'block';
     element = this.parentPopup;
     startX = e.clientX;
@@ -110,7 +114,7 @@ function initResizeElement() {
     mouseDistance.startMouseTracking();
     if (overlay) overlay.style.display = 'none';
     var ele = document.getElementById('i18next-editor-popup');
-    localStorage.setItem('locize_popup_size', JSON.stringify({
+    window.localStorage.setItem('locize_popup_size', JSON.stringify({
       width: parseInt(document.defaultView.getComputedStyle(ele).width, 10),
       height: parseInt(document.defaultView.getComputedStyle(ele).height, 10)
     }));

package/dist/cjs/utils.js

@@ -37,12 +37,12 @@ function getElementI18nKey(el) {
 }
 function parseAttrFromKey(key) {
   var attr = 'text';
-  if (key.indexOf('[') == 0) {
+  if (key.indexOf('[') === 0) {
     var parts = key.split(']');
     key = parts[1];
     attr = parts[0].substr(1, parts[0].length - 1);
   }
-  var newKey = key.indexOf(';') == key.length - 1 ? key.substr(0, key.length - 2) : key;
+  var newKey = key.indexOf(';') === key.length - 1 ? key.substr(0, key.length - 2) : key;
   return [newKey, attr];
 }
 function getI18nMetaFromNode(el) {
@@ -52,7 +52,7 @@ function getI18nMetaFromNode(el) {
   var allKeys = {};
   if (key && key.indexOf(';') >= 0) {
     var keys = key.split(';');
-    for (var ix = 0, l_ix = keys.length; ix < l_ix; ix++) {
+    for (var ix = 0, lix = keys.length; ix < lix; ix++) {
       if (keys[ix] != '') {
         var _parseAttrFromKey = parseAttrFromKey(keys[ix]),
           _parseAttrFromKey2 = _slicedToArray__default["default"](_parseAttrFromKey, 2),
@@ -119,9 +119,15 @@ function getQsParameterByName(name, url) {
   if (!results[2]) return '';
   return decodeURIComponent(results[2].replace(/\+/g, ' '));
 }
+var _isInIframe = typeof window !== 'undefined';
+try {
+  _isInIframe = self !== top;
+} catch (e) {}
+var isInIframe = _isInIframe;
 
 exports.debounce = debounce;
 exports.getElementI18nKey = getElementI18nKey;
 exports.getElementNamespace = getElementNamespace;
 exports.getI18nMetaFromNode = getI18nMetaFromNode;
 exports.getQsParameterByName = getQsParameterByName;
+exports.isInIframe = isInIframe;

package/dist/esm/api/handleEditKey.js

@@ -39,7 +39,9 @@ function setValueOnNode(meta, value) {
         }
       });
       children.forEach(function (replaceable) {
-        if (item.node.contains(replaceable.child)) item.node.removeChild(replaceable.child);
+        if (item.node.contains(replaceable.child)) {
+          item.node.removeChild(replaceable.child);
+        }
       });
     }
   }

package/dist/esm/api/handleRequestPopupChanges.js

@@ -6,9 +6,9 @@ function handler(payload) {
   if (containerStyle) {
     var popup = document.getElementById(popupId);
     if (!popup) return;
-    var storedPos = localStorage.getItem('locize_popup_pos');
+    var storedPos = window.localStorage.getItem('locize_popup_pos');
     if (storedPos) storedPos = JSON.parse(storedPos);
-    var storedSize = localStorage.getItem('locize_popup_size');
+    var storedSize = window.localStorage.getItem('locize_popup_size');
     if (storedSize) storedSize = JSON.parse(storedSize);
     if (storedSize && storedSize.height && storedSize.width) {
       containerStyle.height = storedSize.height + 'px';
@@ -24,8 +24,12 @@ function handler(payload) {
       popup.style.setProperty('left', "calc(".concat(popup.style.left, " - ").concat(_diff, ")"));
       popup.style.setProperty('width', containerStyle.width);
     }
-    if (storedPos && storedPos.top && storedPos.top < window.innerHeight - containerStyle.height.replace('px', '')) popup.style.setProperty('top', storedPos.top + 'px');
-    if (storedPos && storedPos.left && storedPos.left < window.innerWidth - containerStyle.width.replace('px', '')) popup.style.setProperty('left', storedPos.left + 'px');
+    if (storedPos && storedPos.top && storedPos.top < window.innerHeight - containerStyle.height.replace('px', '')) {
+      popup.style.setProperty('top', storedPos.top + 'px');
+    }
+    if (storedPos && storedPos.left && storedPos.left < window.innerWidth - containerStyle.width.replace('px', '')) {
+      popup.style.setProperty('left', storedPos.left + 'px');
+    }
   }
 }
 api.addHandler('requestPopupChanges', handler);

package/dist/esm/api/handleSendMatchedUninstrumented.js

@@ -13,7 +13,9 @@ function handler(payload) {
       key: item.key
     }), item.value), uni === null || uni === void 0 ? void 0 : uni.node);
     if (uni && uni.keys) delete uni.keys["".concat(item.textType)];
-    if (uni && uni.keys && !Object.keys(uni.keys).length) uninstrumentedStore.remove(item.eleUniqueID, uni.node);
+    if (uni && uni.keys && !Object.keys(uni.keys).length) {
+      uninstrumentedStore.remove(item.eleUniqueID, uni.node);
+    }
   });
   api.sendCurrentParsedContent();
 }

package/dist/esm/implementations/dummyImplementation.js

@@ -3,21 +3,13 @@ function getImplementation() {
     getResource: function getResource(lng, ns, key) {
       return {};
     },
-    setResource: function setResource(lng, ns, key, value) {
-      return;
-    },
+    setResource: function setResource(lng, ns, key, value) {},
     getResourceBundle: function getResourceBundle(lng, ns, cb) {
       cb({});
     },
-    getDefaultNS: function getDefaultNS() {
-      return;
-    },
-    getLng: function getLng() {
-      return;
-    },
-    getSourceLng: function getSourceLng() {
-      return;
-    },
+    getDefaultNS: function getDefaultNS() {},
+    getLng: function getLng() {},
+    getSourceLng: function getSourceLng() {},
     getLocizeDetails: function getLocizeDetails() {
       return {};
     },

package/dist/esm/implementations/i18nextImplementation.js

@@ -30,7 +30,9 @@ function getImplementation(i18n) {
       if (Array.isArray(fallback)) return fallback[fallback.length - 1];
       if (fallback && fallback["default"]) {
         if (typeof fallback["default"] === 'string') return fallback;
-        if (Array.isArray(fallback["default"])) return fallback["default"][fallback["default"].length - 1];
+        if (Array.isArray(fallback["default"])) {
+          return fallback["default"][fallback["default"].length - 1];
+        }
       }
       if (typeof fallback === 'function') {
         var res = fallback(i18n.resolvedLanguage);

package/dist/esm/locizePlugin.js

@@ -1,8 +1,7 @@
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/toConsumableArray';
 import { PostProcessor } from 'i18next-subliminal';
 export { unwrap } from 'i18next-subliminal';
 import { start } from './process.js';
+import { getQsParameterByName, isInIframe } from './utils.js';
 import { getImplementation } from './implementations/i18nextImplementation.js';
 
 function configurePostProcessor(i18next, options) {
@@ -26,7 +25,8 @@ var locizeEditorPlugin = function locizeEditorPlugin() {
       var options = i18n.options;
       i18next = i18n;
       var impl = getImplementation(i18n);
-      configurePostProcessor(i18next, options);
+      var showInContext = opt.show || getQsParameterByName(opt.qsProp) === 'true';
+      if (isInIframe || showInContext) configurePostProcessor(i18next, options);
       start(impl, opt);
     }
   };

package/dist/esm/parser.js

@@ -147,13 +147,13 @@ function handleNode(node) {
           ignoreMergedEleUniqueIds.push(child.uniqueID);
         }
         var txt = child.textContent;
-        if (nodeI18nMeta && nodeI18nMeta['html'] && i < node.childNodes.length - 1) {
+        if (nodeI18nMeta && nodeI18nMeta.html && i < node.childNodes.length - 1) {
           merge.push({
             childIndex: i,
             child: child,
             text: txt
           });
-        } else if (nodeI18nMeta && nodeI18nMeta['html'] && i === node.childNodes.length - 1) {
+        } else if (nodeI18nMeta && nodeI18nMeta.html && i === node.childNodes.length - 1) {
           merge.push({
             childIndex: i,
             child: child,
@@ -162,7 +162,7 @@ function handleNode(node) {
           storeIfQualifiedKey(node.uniqueID, null, 'html', nodeI18nMeta, node, merge, node.innerHTML);
           merge = [];
         } else if (txt) {
-          if (nodeI18nMeta && nodeI18nMeta['text']) {
+          if (nodeI18nMeta && nodeI18nMeta.text) {
             storeIfQualifiedKey(node.uniqueID, null, 'text', nodeI18nMeta, node, undefined, txt);
           } else if (child.nodeName === '#text' && !containsOnlySpaces(txt)) {
             uninstrumentedStore.save(node.uniqueID, 'text', node, txt);

package/dist/esm/process.js

@@ -15,17 +15,13 @@ import './api/handleSelectedKeys.js';
 import './api/handleIsLocizeEnabled.js';
 import './api/handleSendMatchedUninstrumented.js';
 import { api } from './api/postMessage.js';
-import { getQsParameterByName } from './utils.js';
+import { getQsParameterByName, isInIframe } from './utils.js';
 import '@babel/runtime/helpers/esm/toConsumableArray';
 import { getImplementation } from './implementations/dummyImplementation.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var dummyImplementation = getImplementation();
-var isInIframe = typeof window !== 'undefined';
-try {
-  isInIframe = self !== top;
-} catch (e) {}
 function start() {
   var implementation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : dummyImplementation;
   var opt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
@@ -87,7 +83,7 @@ function start() {
     }
   }
   if (document.body) return continueToStart();
-  window.addEventListener('load', function () {
+  if (typeof window !== 'undefined') window.addEventListener('load', function () {
     return continueToStart();
   });
 }

package/dist/esm/startStandalone.js

@@ -8,6 +8,8 @@ function startStandalone() {
     rest = _objectWithoutProperties(options, _excluded);
   start(implementation, Object.keys(rest).length > 0 ? rest : undefined);
 }
-if (typeof window !== 'undefined') window.locizeStartStandalone = startStandalone;
+if (typeof window !== 'undefined') {
+  window.locizeStartStandalone = startStandalone;
+}
 
 export { startStandalone };

package/dist/esm/ui/elements/highlightBox.js

@@ -2,7 +2,7 @@ function HighlightBox(ele, borderColor, shadowColor) {
   var rect = ele.getBoundingClientRect();
   var box = document.createElement('div');
   box.classList.add('i18next-editor-highlight');
-  box.style = "position: absolute; z-index: 99999; top: ".concat(rect.top - 2 + window.scrollY, "px; left: ").concat(rect.left - 2 + window.scrollX, "px; height: ").concat(rect.height + 4, "px; width: ").concat(rect.width + 4, "px; border: 1px solid ").concat(borderColor, "; border-radius: 2px; ").concat(shadowColor ? "box-shadow: 0 0 20px 0 ".concat(shadowColor, ";") : '');
+  box.style = "position: absolute; z-index: 99999; pointer-events: none; top: ".concat(rect.top - 2 + window.scrollY, "px; left: ").concat(rect.left - 2 + window.scrollX, "px; height: ").concat(rect.height + 4, "px; width: ").concat(rect.width + 4, "px; border: 1px solid ").concat(borderColor, "; border-radius: 2px; ").concat(shadowColor ? "box-shadow: 0 0 20px 0 ".concat(shadowColor, ";") : '');
   box.setAttribute('data-i18next-editor-element', 'true');
   return box;
 }

package/dist/esm/ui/highlightNode.js

@@ -7,7 +7,6 @@ import { getOptimizedBoundingRectEle } from './utils.js';
 
 var selected = {};
 function highlight(item, node, keys) {
-  item.id;
   var rectEle = getOptimizedBoundingRectEle(node);
   if (!item.highlightBox) {
     var box = HighlightBox(rectEle, colors.highlight);

package/dist/esm/ui/popup.js

@@ -21,7 +21,9 @@ function initDragElement() {
     }
   }
   function dragMouseDown(e) {
-    if (!overlay) overlay = document.getElementById('i18next-editor-popup-overlay');
+    if (!overlay) {
+      overlay = document.getElementById('i18next-editor-popup-overlay');
+    }
     if (overlay) overlay.style.display = 'block';
     stopMouseTracking();
     elmnt = this.parentPopup;
@@ -48,7 +50,7 @@ function initDragElement() {
     startMouseTracking();
     if (overlay) overlay.style.display = 'none';
     var ele = document.getElementById('i18next-editor-popup');
-    localStorage.setItem('locize_popup_pos', JSON.stringify({
+    window.localStorage.setItem('locize_popup_pos', JSON.stringify({
       top: parseInt(document.defaultView.getComputedStyle(ele).top, 10),
       left: parseInt(document.defaultView.getComputedStyle(ele).left, 10)
     }));
@@ -88,7 +90,9 @@ function initResizeElement() {
   }
   function initDrag(e) {
     stopMouseTracking();
-    if (!overlay) overlay = document.getElementById('i18next-editor-popup-overlay');
+    if (!overlay) {
+      overlay = document.getElementById('i18next-editor-popup-overlay');
+    }
     if (overlay) overlay.style.display = 'block';
     element = this.parentPopup;
     startX = e.clientX;
@@ -106,7 +110,7 @@ function initResizeElement() {
     startMouseTracking();
     if (overlay) overlay.style.display = 'none';
     var ele = document.getElementById('i18next-editor-popup');
-    localStorage.setItem('locize_popup_size', JSON.stringify({
+    window.localStorage.setItem('locize_popup_size', JSON.stringify({
       width: parseInt(document.defaultView.getComputedStyle(ele).width, 10),
       height: parseInt(document.defaultView.getComputedStyle(ele).height, 10)
     }));

package/dist/esm/utils.js

@@ -29,12 +29,12 @@ function getElementI18nKey(el) {
 }
 function parseAttrFromKey(key) {
   var attr = 'text';
-  if (key.indexOf('[') == 0) {
+  if (key.indexOf('[') === 0) {
     var parts = key.split(']');
     key = parts[1];
     attr = parts[0].substr(1, parts[0].length - 1);
   }
-  var newKey = key.indexOf(';') == key.length - 1 ? key.substr(0, key.length - 2) : key;
+  var newKey = key.indexOf(';') === key.length - 1 ? key.substr(0, key.length - 2) : key;
   return [newKey, attr];
 }
 function getI18nMetaFromNode(el) {
@@ -44,7 +44,7 @@ function getI18nMetaFromNode(el) {
   var allKeys = {};
   if (key && key.indexOf(';') >= 0) {
     var keys = key.split(';');
-    for (var ix = 0, l_ix = keys.length; ix < l_ix; ix++) {
+    for (var ix = 0, lix = keys.length; ix < lix; ix++) {
       if (keys[ix] != '') {
         var _parseAttrFromKey = parseAttrFromKey(keys[ix]),
           _parseAttrFromKey2 = _slicedToArray(_parseAttrFromKey, 2),
@@ -111,5 +111,10 @@ function getQsParameterByName(name, url) {
   if (!results[2]) return '';
   return decodeURIComponent(results[2].replace(/\+/g, ' '));
 }
+var _isInIframe = typeof window !== 'undefined';
+try {
+  _isInIframe = self !== top;
+} catch (e) {}
+var isInIframe = _isInIframe;
 
-export { debounce, getElementI18nKey, getElementNamespace, getI18nMetaFromNode, getQsParameterByName };
+export { debounce, getElementI18nKey, getElementNamespace, getI18nMetaFromNode, getQsParameterByName, isInIframe };