locize 3.2.5 → 4.0.0

package/dist/esm/implementations/dummyImplementation.js

@@ -0,0 +1,31 @@
+function getImplementation() {
+  var impl = {
+    getResource: function getResource(lng, ns, key) {
+      return {};
+    },
+    setResource: function setResource(lng, ns, key, value) {
+      return;
+    },
+    getResourceBundle: function getResourceBundle(lng, ns, cb) {
+      cb({});
+    },
+    getDefaultNS: function getDefaultNS() {
+      return;
+    },
+    getLng: function getLng() {
+      return;
+    },
+    getSourceLng: function getSourceLng() {
+      return;
+    },
+    getLocizeDetails: function getLocizeDetails() {
+      return {};
+    },
+    bindLanguageChange: function bindLanguageChange(cb) {},
+    bindMissingKeyHandler: function bindMissingKeyHandler(cb) {},
+    triggerRerender: function triggerRerender() {}
+  };
+  return impl;
+}
+
+export { getImplementation };

package/dist/esm/implementations/i18nextImplementation.js

@@ -0,0 +1,85 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+
+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; }
+function getImplementation(i18n) {
+  var impl = {
+    getResource: function getResource(lng, ns, key) {
+      return i18n.getResource && i18n.getResource(lng, ns, key);
+    },
+    setResource: function setResource(lng, ns, key, value) {
+      return i18n.addResource(lng, ns, key, value, {
+        silent: true
+      });
+    },
+    getResourceBundle: function getResourceBundle(lng, ns, cb) {
+      i18n.loadNamespaces(ns, function () {
+        cb(i18n.getResourceBundle(lng, ns));
+      });
+    },
+    getDefaultNS: function getDefaultNS() {
+      return i18n.options.defaultNS;
+    },
+    getLng: function getLng() {
+      return i18n.resolvedLanguage || i18n.languages && i18n.languages[0] || i18n.options.lng;
+    },
+    getSourceLng: function getSourceLng() {
+      var fallback = i18n.options.fallbackLng;
+      if (typeof fallback === 'string') return fallback;
+      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 (typeof fallback === 'function') {
+        var res = fallback(i18n.resolvedLanguage);
+        if (typeof res === 'string') return res;
+        if (Array.isArray(res)) return res[res.length - 1];
+      }
+      return 'dev';
+    },
+    getLocizeDetails: function getLocizeDetails() {
+      var backendName;
+      if (i18n.services.backendConnector.backend && i18n.services.backendConnector.backend.options && i18n.services.backendConnector.backend.options.loadPath && i18n.services.backendConnector.backend.options.loadPath.indexOf('.locize.') > 0) {
+        backendName = 'I18nextLocizeBackend';
+      } else {
+        backendName = i18n.services.backendConnector.backend ? i18n.services.backendConnector.backend.constructor.name : 'options.resources';
+      }
+      var opts = {
+        backendName: backendName,
+        sourceLng: impl.getSourceLng(),
+        i18nFormat: i18n.options.compatibilityJSON === 'v3' ? 'i18next_v3' : 'i18next_v4',
+        i18nFramework: 'i18next',
+        isLocizify: i18n.options.isLocizify,
+        defaultNS: i18n.options.defaultNS,
+        targetLngs: _toConsumableArray(new Set([].concat(i18n.options.preload, i18n.options.supportedLngs, [impl.getLng()]))).filter(function (l) {
+          return l !== 'cimode' && l !== false && l !== 'false' && l !== undefined && l !== impl.getSourceLng();
+        }),
+        ns: _toConsumableArray(new Set([].concat(i18n.options.ns, i18n.options.fallbackNS, i18n.options.defaultNS))).filter(function (n) {
+          return n !== false && n !== 'false';
+        })
+      };
+      if (!i18n.options.backend && !i18n.options.editor) return opts;
+      var pickFrom = i18n.options.editor || i18n.options.backend;
+      return _objectSpread(_objectSpread({}, opts), {}, {
+        projectId: pickFrom.projectId,
+        version: pickFrom.version
+      });
+    },
+    bindLanguageChange: function bindLanguageChange(cb) {
+      i18n.on('languageChanged', cb);
+    },
+    bindMissingKeyHandler: function bindMissingKeyHandler(cb) {
+      i18n.options.missingKeyHandler = function (lng, ns, k, val, isUpdate, opts) {
+        if (!isUpdate) cb(lng, ns, k, val);
+      };
+    },
+    triggerRerender: function triggerRerender() {
+      i18n.emit('editorSaved');
+    }
+  };
+  return impl;
+}
+
+export { getImplementation };

package/dist/esm/index.d.ts

@@ -4,8 +4,8 @@ export * from 'i18next-subliminal'
  * The i18next plugin for the locize incontext editor.
  */
 export interface LocizePlugin {
-  type: '3rdParty';
-  init(i18next: any): () => void;
+  type: '3rdParty'
+  init(i18next: any): () => void
 }
 
 /**
@@ -17,29 +17,22 @@ export const locizePlugin: LocizePlugin
  * Returns an i18next plugin that will only show the incontext editor if the qsProp in your url is set to true or if you pass { show: true }.
  * @param opt defaults to: { qsProp: 'incontext', show: false }
  */
-export function locizeEditorPlugin(opt?: { qsProp?: string, show?: boolean }): LocizePlugin
-
-/**
- * Turn on programmatically.
- */
-export function turnOn(): void;
-
-/**
- * Turn off programmatically.
- */
-export function turnOff(): void;
+export function locizeEditorPlugin(opt?: {
+  qsProp?: string
+  show?: boolean
+}): LocizePlugin
 
 /**
  * Set the language for the editor.
  */
-export function setEditorLng(lng: string): void;
+export function setEditorLng(lng: string): void
 
 /**
  * To load the translations somewhere.
  */
-export function addLocizeSavedHandler(fn: (data: any) => void): void;
+export function addLocizeSavedHandler(fn: (data: any) => void): void
 
 /**
  * If used without i18next.
  */
-export function startStandalone(): void;
+export function startStandalone(): void

package/dist/esm/index.js

@@ -1,7 +1,7 @@
 import { locizePlugin, locizeEditorPlugin } from './locizePlugin.js';
 export { locizeEditorPlugin, locizePlugin } from './locizePlugin.js';
-import { startStandalone } from './startStandalone.js';
-export { startStandalone } from './startStandalone.js';
+import { startStandalone } from './_startStandalone.js';
+export { startStandalone } from './_startStandalone.js';
 import './api/handleEditKey.js';
 import './api/handleCommitKey.js';
 import './api/handleCommitKeys.js';
@@ -10,10 +10,9 @@ import './api/handleRequestPopupChanges.js';
 import './api/handleRequestResourceBundle.js';
 import './api/handleSelectedKeys.js';
 import './api/handleIsLocizeEnabled.js';
-import './api/handleTurnOn.js';
-import './api/handleTurnOff.js';
-import { addLocizeSavedHandler, turnOn, turnOff, setEditorLng } from './api/postMessage.js';
-export { addLocizeSavedHandler, setEditorLng, turnOff, turnOn } from './api/postMessage.js';
+import './api/handleSendMatchedUninstrumented.js';
+import { addLocizeSavedHandler, setEditorLng } from './api/postMessage.js';
+export { addLocizeSavedHandler, setEditorLng } from './api/postMessage.js';
 import { wrap, unwrap, containsHiddenMeta, PostProcessor } from 'i18next-subliminal';
 export { PostProcessor, containsHiddenMeta, unwrap, wrap } from 'i18next-subliminal';
 
@@ -25,8 +24,6 @@ var index = {
   addLocizeSavedHandler: addLocizeSavedHandler,
   locizePlugin: locizePlugin,
   locizeEditorPlugin: locizeEditorPlugin,
-  turnOn: turnOn,
-  turnOff: turnOff,
   setEditorLng: setEditorLng,
   startStandalone: startStandalone
 };

package/dist/esm/locizePlugin.js

@@ -1,16 +1,10 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+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 { startLegacy } from './processLegacy.js';
-import { getQsParameterByName } from './utils.js';
+import { getImplementation } from './implementations/i18nextImplementation.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 isInIframe = typeof window !== 'undefined';
-try {
-  isInIframe = self !== top;
-} catch (e) {}
 function configurePostProcessor(i18next, options) {
   i18next.use(PostProcessor);
   if (typeof options.postProcess === 'string') {
@@ -22,75 +16,6 @@ function configurePostProcessor(i18next, options) {
   }
   options.postProcessPassResolved = true;
 }
-function getImplementation(i18n) {
-  var impl = {
-    getResource: function getResource(lng, ns, key) {
-      return i18n.getResource(lng, ns, key);
-    },
-    setResource: function setResource(lng, ns, key, value) {
-      return i18n.addResource(lng, ns, key, value, {
-        silent: true
-      });
-    },
-    getResourceBundle: function getResourceBundle(lng, ns, cb) {
-      i18n.loadNamespaces(ns, function () {
-        cb(i18n.getResourceBundle(lng, ns));
-      });
-    },
-    getLng: function getLng() {
-      return i18n.resolvedLanguage || i18n.languages[0];
-    },
-    getSourceLng: function getSourceLng() {
-      var fallback = i18n.options.fallbackLng;
-      if (typeof fallback === 'string') return fallback;
-      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 (typeof fallback === 'function') {
-        var res = fallback(i18n.resolvedLanguage);
-        if (typeof res === 'string') return res;
-        if (Array.isArray(res)) return res[res.length - 1];
-      }
-      return 'dev';
-    },
-    getLocizeDetails: function getLocizeDetails() {
-      var backendName;
-      if (i18n.services.backendConnector.backend && i18n.services.backendConnector.backend.options && i18n.services.backendConnector.backend.options.loadPath && i18n.services.backendConnector.backend.options.loadPath.indexOf('.locize.') > 0) {
-        backendName = 'I18NextLocizeBackend';
-      } else {
-        backendName = i18n.services.backendConnector.backend ? i18n.services.backendConnector.backend.constructor.name : 'options.resources';
-      }
-      var opts = {
-        backendName: backendName,
-        sourceLng: impl.getSourceLng(),
-        i18nFormat: i18n.options.compatibilityJSON === 'v3' ? 'i18next_v3' : 'i18next_v4',
-        i18nFramework: 'i18next',
-        isLocizify: i18n.options.isLocizify,
-        defaultNS: i18n.options.defaultNS
-      };
-      if (!i18n.options.backend && !i18n.options.editor) return opts;
-      var pickFrom = i18n.options.backend || i18n.options.editor;
-      return _objectSpread(_objectSpread({}, opts), {}, {
-        projectId: pickFrom.projectId,
-        version: pickFrom.version
-      });
-    },
-    bindLanguageChange: function bindLanguageChange(cb) {
-      i18n.on('languageChanged', cb);
-    },
-    bindMissingKeyHandler: function bindMissingKeyHandler(cb) {
-      i18n.options.missingKeyHandler = function (lng, ns, k, val, isUpdate, opts) {
-        if (!isUpdate) cb(lng, ns, k, val);
-      };
-    },
-    triggerRerender: function triggerRerender() {
-      i18n.emit('editorSaved');
-    }
-  };
-  return impl;
-}
 var i18next;
 var locizeEditorPlugin = function locizeEditorPlugin() {
   var opt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -100,14 +25,9 @@ var locizeEditorPlugin = function locizeEditorPlugin() {
     init: function init(i18n) {
       var options = i18n.options;
       i18next = i18n;
-      var showInContext = opt.show || getQsParameterByName(opt.qsProp) === 'true';
-      if (!isInIframe && showInContext) configurePostProcessor(i18next, options);
       var impl = getImplementation(i18n);
-      if (!isInIframe && showInContext) {
-        start(impl);
-      } else if (isInIframe) {
-        startLegacy(impl);
-      }
+      configurePostProcessor(i18next, options);
+      start(impl, opt);
     }
   };
 };

package/dist/esm/observer.js

@@ -93,6 +93,7 @@ function createObserver(ele, handle) {
         characterData: true,
         subtree: true
       };
+      handle([ele]);
       observer.observe(ele, observerConfig);
     },
     skipNext: function skipNext() {

package/dist/esm/parser.js

@@ -2,7 +2,8 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { containsHiddenMeta, containsHiddenStartMarker, unwrap } from 'i18next-subliminal';
 import { store } from './store.js';
 import { uninstrumentedStore } from './uninstrumentedStore.js';
-import { validAttributes } from './vars.js';
+import { ignoreElements, validAttributes } from './vars.js';
+import { getI18nMetaFromNode } from './utils.js';
 import './shims/uniqueID.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; }
@@ -16,35 +17,84 @@ function setImplementation(impl) {
 function walk(node, func) {
   if (node.dataset && node.dataset.i18nextEditorElement === 'true') return;
   func(node);
+  var instr = store.get(node.uniqueID);
+  var uninstr = uninstrumentedStore.get(node.uniqueID);
+  if (instr || uninstr) {
+    var _node$parentElement;
+    var id = (_node$parentElement = node.parentElement) === null || _node$parentElement === void 0 ? void 0 : _node$parentElement.uniqueID;
+    uninstrumentedStore.remove(id, node.parentElement);
+  }
   var children = node.childNodes;
-  for (var i = 0; i < children.length; i++) {
-    walk(children[i], func);
+  for (var _i = 0; _i < children.length; _i++) {
+    walk(children[_i], func);
   }
 }
-function extractMeta(id, type, meta, children) {
-  var _i18n, _i18n2;
+function extractHiddenMeta(id, type, meta, children) {
+  var _i18n, _i18n2, _i18n3;
   var invisibleMeta = meta.invisibleMeta,
     text = meta.text;
   if (!invisibleMeta || !invisibleMeta.key || !invisibleMeta.ns) return;
-  if (!currentSourceLng) currentSourceLng = (_i18n = i18n) === null || _i18n === void 0 ? void 0 : _i18n.getSourceLng();
+  if (!currentSourceLng) currentSourceLng = i18n.getSourceLng();
   return _objectSpread(_objectSpread({
     eleUniqueID: id,
     textType: type,
-    children: children ? children.map(function (c) {
+    children: children && children.map ? children.map(function (c) {
       return c.childIndex;
     }).join(',') : null,
     qualifiedKey: "".concat(invisibleMeta.ns, ":").concat(invisibleMeta.key)
   }, invisibleMeta), {}, {
     extractedText: text,
-    i18nTargetLng: (_i18n2 = i18n) === null || _i18n2 === void 0 ? void 0 : _i18n2.getLng(),
+    i18nTargetLng: (_i18n = i18n) === null || _i18n === void 0 ? void 0 : _i18n.getLng(),
     i18nSourceLng: currentSourceLng,
-    i18nRawText: _defineProperty(_defineProperty({}, "".concat(invisibleMeta.lng), invisibleMeta.source === 'translation' && i18n ? i18n.getResource(invisibleMeta.lng, invisibleMeta.ns, invisibleMeta.key) : null), "".concat(currentSourceLng), invisibleMeta.source === 'translation' && i18n ? i18n.getResource(currentSourceLng, invisibleMeta.ns, invisibleMeta.key) : null)
+    i18nRawText: _defineProperty(_defineProperty({}, "".concat(invisibleMeta.lng), invisibleMeta.source === 'translation' && i18n ? (_i18n2 = i18n) === null || _i18n2 === void 0 ? void 0 : _i18n2.getResource(invisibleMeta.lng, invisibleMeta.ns, invisibleMeta.key) : null), "".concat(currentSourceLng), invisibleMeta.source === 'translation' && i18n ? (_i18n3 = i18n) === null || _i18n3 === void 0 ? void 0 : _i18n3.getResource(currentSourceLng, invisibleMeta.ns, invisibleMeta.key) : null)
   });
 }
+function extractNodeMeta(id, type) {
+  var _i18n4, _i18n5, _i18n6, _i18n7, _i18n8;
+  var nodeMeta = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var text = arguments.length > 3 ? arguments[3] : undefined;
+  var children = arguments.length > 4 ? arguments[4] : undefined;
+  var meta = nodeMeta[type];
+  if (!meta) return;
+  if (!currentSourceLng) currentSourceLng = i18n.getSourceLng();
+  var i18nTargetLng = i18n.getLng();
+  return {
+    eleUniqueID: id,
+    textType: type,
+    children: children && children.map ? children.map(function (c) {
+      return c.childIndex;
+    }).join(',') : null,
+    qualifiedKey: meta.key && (meta.ns || (_i18n4 = i18n) !== null && _i18n4 !== void 0 && _i18n4.getDefaultNS()) ? "".concat(meta.ns || ((_i18n5 = i18n) === null || _i18n5 === void 0 ? void 0 : _i18n5.getDefaultNS()), ":").concat(meta.key) : null,
+    key: meta.key,
+    ns: meta.ns || ((_i18n6 = i18n) === null || _i18n6 === void 0 ? void 0 : _i18n6.getDefaultNS()),
+    extractedText: text,
+    i18nTargetLng: i18nTargetLng,
+    i18nSourceLng: currentSourceLng,
+    i18nRawText: _defineProperty(_defineProperty({}, "".concat(i18nTargetLng), i18n && meta.ns && meta.key ? ((_i18n7 = i18n) === null || _i18n7 === void 0 ? void 0 : _i18n7.getResource(i18nTargetLng, meta.ns, meta.key)) || text : text), "".concat(currentSourceLng), i18n && meta.ns && meta.key ? (_i18n8 = i18n) === null || _i18n8 === void 0 ? void 0 : _i18n8.getResource(currentSourceLng, meta.ns, meta.key) : null)
+  };
+}
 function containsOnlySpaces(str) {
   return /^\s*$/.test(str);
 }
+function storeIfQualifiedKey(id, subliminal, type, nodeI18nMeta, node, children, txt) {
+  var stored = store.get(id);
+  var storedMeta = stored && stored.keys["".concat(type)] || {};
+  var typeMeta = nodeI18nMeta["".concat(type)] || {};
+  if (!typeMeta.key && storedMeta.key) typeMeta.key = storedMeta.key;
+  if (!typeMeta.ns && storedMeta.ns) typeMeta.ns = storedMeta.ns;
+  nodeI18nMeta["".concat(type)] = typeMeta;
+  var meta = extractNodeMeta(id, type, nodeI18nMeta, txt, children);
+  if (meta.qualifiedKey) {
+    store.save(id, null, type, meta, node, children);
+    uninstrumentedStore.removeKey(i, type, node);
+  } else {
+    uninstrumentedStore.save(id, type, node, txt);
+  }
+}
 function handleNode(node) {
+  if (ignoreElements.indexOf(node.nodeName) > -1) return;
+  var nodeI18nMeta = getI18nMetaFromNode(node);
+  var usedSubliminalForText = false;
   if (node.childNodes && !ignoreMergedEleUniqueIds.includes(node.uniqueID)) {
     var merge = [];
     node.childNodes.forEach(function (child, i) {
@@ -60,9 +110,11 @@ function handleNode(node) {
       if (containsOnlySpaces(txt)) return;
       var hasHiddenMeta = containsHiddenMeta(txt);
       var hasHiddenStartMarker = containsHiddenStartMarker(txt);
+      if (hasHiddenMeta) usedSubliminalForText = true;
       if (hasHiddenStartMarker && hasHiddenMeta) {
         var meta = unwrap(txt);
-        store.save(node.uniqueID, meta.invisibleMeta, 'text', extractMeta(node.uniqueID, 'text', meta), node);
+        uninstrumentedStore.remove(node.uniqueID, node);
+        store.save(node.uniqueID, meta.invisibleMeta, 'text', extractHiddenMeta(node.uniqueID, 'text', meta), node);
       } else if (hasHiddenStartMarker) {
         merge.push({
           childIndex: i,
@@ -84,21 +136,54 @@ function handleNode(node) {
         var _meta = unwrap(merge.reduce(function (mem, item) {
           return mem + item.text;
         }, ''));
-        store.save(node.uniqueID, _meta.invisibleMeta, 'html', extractMeta(node.uniqueID, 'html', _meta, merge), node, merge);
+        uninstrumentedStore.removeKey(node.uniqueID, 'html', node, txt);
+        store.save(node.uniqueID, _meta.invisibleMeta, 'html', extractHiddenMeta(node.uniqueID, 'html', _meta, merge), node, merge);
         merge = [];
-      } else if (txt) {
-        uninstrumentedStore.save(node.uniqueID, 'text', node);
       }
     });
+    if (!usedSubliminalForText) {
+      node.childNodes.forEach(function (child, i) {
+        if (merge.length && child.nodeName !== '#text') {
+          ignoreMergedEleUniqueIds.push(child.uniqueID);
+        }
+        var txt = child.textContent;
+        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) {
+          merge.push({
+            childIndex: i,
+            child: child,
+            text: txt
+          });
+          storeIfQualifiedKey(node.uniqueID, null, 'html', nodeI18nMeta, node, merge, node.innerHTML);
+          merge = [];
+        } else if (txt) {
+          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);
+          }
+        }
+      });
+    }
   }
   if (!node.getAttribute) return;
   validAttributes.forEach(function (attr) {
     var txt = node.getAttribute(attr);
     if (containsHiddenMeta(txt)) {
       var meta = unwrap(txt);
-      store.save(node.uniqueID, meta.invisibleMeta, "attr:".concat(attr), extractMeta(node.uniqueID, "attr:".concat(attr), meta), node);
+      uninstrumentedStore.removeKey(node.uniqueID, attr, node);
+      store.save(node.uniqueID, meta.invisibleMeta, attr, extractHiddenMeta(node.uniqueID, "".concat(attr), meta), node);
     } else if (txt) {
-      uninstrumentedStore.save(node.uniqueID, "attr:".concat(attr), node);
+      if (nodeI18nMeta && nodeI18nMeta[attr]) {
+        storeIfQualifiedKey(node.uniqueID, null, attr, nodeI18nMeta, node, undefined, txt);
+      } else {
+        uninstrumentedStore.save(node.uniqueID, attr, node, txt);
+      }
     }
   });
 }
@@ -110,4 +195,4 @@ function parseTree(node) {
   return store.data;
 }
 
-export { parseTree, setImplementation };
+export { extractNodeMeta, parseTree, setImplementation };

package/dist/esm/process.js

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { parseTree, setImplementation } from './parser.js';
+import { setImplementation, parseTree } from './parser.js';
 import { createObserver } from './observer.js';
 import { startMouseTracking } from './ui/mouseDistance.js';
 import { initDragElement, initResizeElement } from './ui/popup.js';
@@ -13,15 +13,27 @@ import './api/handleRequestPopupChanges.js';
 import './api/handleRequestResourceBundle.js';
 import './api/handleSelectedKeys.js';
 import './api/handleIsLocizeEnabled.js';
-import './api/handleTurnOn.js';
-import './api/handleTurnOff.js';
+import './api/handleSendMatchedUninstrumented.js';
 import { api } from './api/postMessage.js';
+import { getQsParameterByName } 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] : {};
+  var implementation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : dummyImplementation;
+  var opt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    show: false,
+    qsProp: 'incontext'
+  };
   if (typeof document === 'undefined') return;
+  var showInContext = opt.show || getQsParameterByName(opt.qsProp) === 'true';
   var scriptEle = document.getElementById('locize');
   var config = {};
   ['projectId', 'version'].forEach(function (attr) {
@@ -31,13 +43,15 @@ function start() {
     if (value === 'false') value = false;
     if (value !== undefined && value !== null) config[attr] = value;
   });
-  config = _objectSpread(_objectSpread({}, implementation.getLocizeDetails()), config);
+  config = _objectSpread(_objectSpread(_objectSpread({}, implementation.getLocizeDetails()), config), opt);
+  api.config = config;
   api.init(implementation);
   setImplementation(implementation);
   implementation === null || implementation === void 0 || implementation.bindLanguageChange(function (lng) {
     api.sendCurrentTargetLanguage(implementation.getLng());
   });
   function continueToStart() {
+    if (!isInIframe && !showInContext) return;
     var observer = createObserver(document.body, function (eles) {
       eles.forEach(function (ele) {
         parseTree(ele);
@@ -46,13 +60,31 @@ function start() {
     });
     observer.start();
     startMouseTracking(observer);
-    if (!document.getElementById(popupId)) {
+    if (!isInIframe && !document.getElementById(popupId)) {
       document.body.append(Popup(getIframeUrl(), function () {
         api.requestInitialize(config);
       }));
       initDragElement();
       initResizeElement();
     }
+    if (typeof window !== 'undefined') {
+      var oldHref = window.document.location.href;
+      api.sendHrefchanged(oldHref);
+      var bodyList = window.document.querySelector('body');
+      var _observer = new window.MutationObserver(function (mutations) {
+        mutations.forEach(function (mutation) {
+          if (oldHref !== window.document.location.href) {
+            oldHref = window.document.location.href;
+            api.sendHrefchanged(oldHref);
+          }
+        });
+      });
+      var _config = {
+        childList: true,
+        subtree: true
+      };
+      _observer.observe(bodyList, _config);
+    }
   }
   if (document.body) return continueToStart();
   window.addEventListener('load', function () {

package/dist/esm/store.js

@@ -21,6 +21,7 @@ function save(id, subliminal, type, meta, node, children) {
       subliminal: subliminal
     };
   }
+  if (subliminal) data[id].subliminal = subliminal;
   data[id].keys = _objectSpread(_objectSpread({}, data[id].keys), {}, _defineProperty({}, "".concat(type), meta));
   if (children) {
     data[id].children = _objectSpread(_objectSpread({}, data[id].children), {}, _defineProperty({}, "".concat(type, "-").concat(children.map(function (c) {

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

@@ -0,0 +1,9 @@
+function HighlightBox(ele, borderColor, shadowColor) {
+  var rect = ele.getBoundingClientRect();
+  var box = document.createElement('div');
+  box.style = "position: absolute; 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;
+}
+
+export { HighlightBox };