locize 2.4.6 → 3.0.1

package/dist/cjs/utils.js

@@ -0,0 +1,138 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _typeof = require('@babel/runtime/helpers/typeof');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
+
+function debounce(func, wait, immediate) {
+  var timeout;
+  return function () {
+    var context = this;
+    var args = arguments;
+    var later = function later() {
+      timeout = null;
+      if (!immediate) func.apply(context, args);
+    };
+    var callNow = immediate && !timeout;
+    clearTimeout(timeout);
+    timeout = setTimeout(later, wait);
+    if (callNow) func.apply(context, args);
+  };
+}
+function isWindow(obj) {
+  return obj != null && obj === obj.window;
+}
+function getWindow(elem) {
+  return isWindow(elem) ? elem : elem.nodeType === 9 && elem.defaultView;
+}
+function offset(elem) {
+  var box = {
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  };
+  var doc = elem && elem.ownerDocument;
+  var docElem = doc && doc.documentElement;
+  if (!docElem) return box;
+  if (_typeof__default["default"](elem.getBoundingClientRect) !== ("undefined" )) {
+    box = elem.getBoundingClientRect();
+  }
+  var win = getWindow(doc);
+  var top = box.top + win.pageYOffset - docElem.clientTop;
+  var left = box.left + win.pageXOffset - docElem.clientLeft;
+  return {
+    top: top,
+    left: left,
+    right: left + (box.right - box.left),
+    bottom: top + (box.bottom - box.top)
+  };
+}
+function getClickedElement(e) {
+  if (e.srcElement && e.srcElement.nodeType === 1 && (e.srcElement.nodeName === 'BUTTON' || e.srcElement.nodeName === 'INPUT')) {
+    if (e.srcElement.getAttribute && e.srcElement.getAttribute('ignorelocizeeditor') === '') {
+      return null;
+    }
+    return e.srcElement;
+  }
+  var el;
+  if (e.originalEvent && e.originalEvent.explicitOriginalTarget) {
+    el = e.originalEvent.explicitOriginalTarget;
+  } else {
+    var parent = e.srcElement;
+    if (parent.getAttribute && parent.getAttribute('ignorelocizeeditor') === '') return null;
+    var left = e.pageX;
+    var top = e.pageY;
+    var topStartsAt = 0;
+    var topBreaksAt;
+    for (var i = 0; i < parent.childNodes.length; i++) {
+      var n = parent.childNodes[i];
+      var nOffset = offset(n);
+      if (n.nodeType === 1 && nOffset.bottom < top) topStartsAt = i + 1;
+      if (!topBreaksAt && nOffset.top + (n.clientHeight || 0) > top) topBreaksAt = i;
+    }
+    if (topStartsAt + 1 > parent.childNodes.length) topStartsAt = parent.childNodes.length - 1;
+    if (!topBreaksAt) topBreaksAt = parent.childNodes.length;
+    for (var y = topStartsAt; y < topBreaksAt; y++) {
+      var _n = parent.childNodes[y];
+      var _nOffset = offset(_n);
+      if (_nOffset.left > left) {
+        break;
+      }
+      if (_n && _n.nodeType !== 8) el = _n;
+    }
+  }
+  return el;
+}
+function getElementText(el) {
+  var str = el.textContent || el.text && el.text.innerText || el.placeholder;
+  if (typeof str !== 'string') return;
+  return str.replace(/\n +/g, '').trim();
+}
+function getAttribute(el, name) {
+  return el && el.getAttribute && el.getAttribute(name);
+}
+function getElementI18nKey(el) {
+  var key = getAttribute(el, 'data-i18n');
+  if (key) return key;
+  if (el.nodeType === window.Node.TEXT_NODE && el.parentElement) {
+    return getElementI18nKey(el.parentElement);
+  }
+  return undefined;
+}
+function getElementNamespace(el) {
+  var found;
+  var find = function find(ele) {
+    var opts = getAttribute(ele, 'i18next-options');
+    if (!opts) opts = getAttribute(ele, 'data-i18next-options');
+    if (!opts) opts = getAttribute(ele, 'i18n-options');
+    if (!opts) opts = getAttribute(ele, 'data-i18n-options');
+    if (opts) {
+      var jsonData = {};
+      try {
+        jsonData = JSON.parse(opts);
+      } catch (e) {}
+      if (jsonData.ns) found = jsonData.ns;
+    }
+    if (!found) found = getAttribute(ele, 'i18next-ns');
+    if (!found) found = getAttribute(ele, 'data-i18next-ns');
+    if (!found) found = getAttribute(ele, 'i18n-ns');
+    if (!found) found = getAttribute(ele, 'data-i18n-ns');
+    if (!found && ele.parentElement) find(ele.parentElement);
+  };
+  find(el);
+  return found;
+}
+
+exports.debounce = debounce;
+exports.getClickedElement = getClickedElement;
+exports.getElementI18nKey = getElementI18nKey;
+exports.getElementNamespace = getElementNamespace;
+exports.getElementText = getElementText;
+exports.getWindow = getWindow;
+exports.isWindow = isWindow;
+exports.offset = offset;

package/dist/cjs/vars.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var validAttributes = ['placeholder', 'title', 'alt'];
+var colors = {
+  highlight: '#26a69a',
+  warning: '#e67a00'
+};
+var getIframeUrl = function getIframeUrl() {
+  var _prc$env;
+  var p;
+  if (typeof process !== 'undefined') p = process;
+  if (!p && typeof window !== 'undefined') p = window.process;
+  var prc = p || {};
+  var env = ((_prc$env = prc.env) === null || _prc$env === void 0 ? void 0 : _prc$env.locizeIncontext) || 'production';
+  return env === 'development' ? 'http://localhost:3003/' : env === 'staging' ? 'https://incontext-dev.locize.app' : 'https://incontext.locize.app';
+};
+
+exports.colors = colors;
+exports.getIframeUrl = getIframeUrl;
+exports.validAttributes = validAttributes;

package/dist/esm/api/handleCommitKey.js

@@ -0,0 +1,15 @@
+import { api } from './postMessage.js';
+import { setValueOnNode } from './handleEditKey.js';
+
+function handler(payload) {
+  var meta = payload.meta,
+    value = payload.value,
+    lng = payload.lng;
+  if (meta && value !== undefined) {
+    setValueOnNode(meta, value);
+    var usedLng = lng || api.i18n.getLng();
+    api.i18n.setResource(usedLng, meta.ns, meta.key, value);
+    api.i18n.triggerRerender();
+  }
+}
+api.addHandler('commitKey', handler);

package/dist/esm/api/handleCommitKeys.js

@@ -0,0 +1,33 @@
+import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+import { api } from './postMessage.js';
+import { store } from '../store.js';
+import { setValueOnNode } from './handleEditKey.js';
+
+function handler(payload) {
+  var updated = payload.updated;
+  updated.forEach(function (item) {
+    var lng = item.lng,
+      ns = item.ns,
+      key = item.key,
+      data = item.data,
+      metas = item.metas,
+      meta = item.meta;
+    if (meta && data.value) setValueOnNode(meta, data.value);
+    if (metas) {
+      Object.values(metas).forEach(function (metaItem) {
+        setValueOnNode(metaItem, data.value);
+      });
+    }
+    api.i18n.setResource(lng, ns, key, data.value);
+  });
+  Object.values(store.data).forEach(function (item) {
+    if (item.originalChildNodes) {
+      var _item$node;
+      (_item$node = item.node).replaceChildren.apply(_item$node, _toConsumableArray(item.originalChildNodes));
+    }
+  });
+  api.i18n.triggerRerender();
+  if (api.locizeSavedHandler) api.locizeSavedHandler(payload);
+  if (window.locizeSavedHandler) window.locizeSavedHandler(payload);
+}
+api.addHandler('commitKeys', handler);

package/dist/esm/api/handleConfirmInitialized.js

@@ -0,0 +1,9 @@
+import { api } from './postMessage.js';
+
+function handler(payload) {
+  api.initialized = true;
+  clearInterval(api.initInterval);
+  api.sendCurrentParsedContent();
+  api.sendCurrentTargetLanguage();
+}
+api.addHandler('confirmInitialized', handler);

package/dist/esm/api/handleEditKey.js

@@ -0,0 +1,56 @@
+import { wrap } from 'i18next-subliminal';
+import { api } from './postMessage.js';
+import { store } from '../store.js';
+
+function setValueOnNode(meta, value) {
+  var item = store.get(meta.eleUniqueID);
+  if (!item || !item.keys[meta.textType]) return;
+  var txtWithHiddenMeta = wrap(value, item.subliminal);
+  if (meta.textType === 'text') {
+    item.node.textContent = txtWithHiddenMeta;
+  } else if (meta.textType.indexOf('attr:') === 0) {
+    var attr = meta.textType.replace('attr:', '');
+    item.node.setAttribute(attr, txtWithHiddenMeta);
+  } else if (meta.textType === 'html') {
+    var id = "".concat(meta.textType, "-").concat(meta.children);
+    if (!item.originalChildNodes) {
+      var clones = [];
+      item.node.childNodes.forEach(function (c) {
+        clones.push(c);
+      });
+      item.originalChildNodes = clones;
+    }
+    if (item.children[id].length === item.node.childNodes.length) {
+      item.node.innerHTML = txtWithHiddenMeta;
+    } else {
+      var children = item.children[id];
+      var first = children[0].child;
+      var dummy = document.createElement('div');
+      dummy.innerHTML = txtWithHiddenMeta;
+      var nodes = [];
+      dummy.childNodes.forEach(function (c) {
+        nodes.push(c);
+      });
+      nodes.forEach(function (c) {
+        try {
+          item.node.insertBefore(c, first);
+        } catch (error) {
+          item.node.appendChild(c);
+        }
+      });
+      children.forEach(function (replaceable) {
+        if (item.node.contains(replaceable.child)) item.node.removeChild(replaceable.child);
+      });
+    }
+  }
+}
+function handler(payload) {
+  var meta = payload.meta,
+    value = payload.value;
+  if (meta && value !== undefined) {
+    setValueOnNode(meta, value);
+  }
+}
+api.addHandler('editKey', handler);
+
+export { setValueOnNode };

package/dist/esm/api/handleIsLocizeEnabled.js

@@ -0,0 +1,9 @@
+import { api } from './postMessage.js';
+
+function handler(payload, e) {
+  api.source = e.source;
+  api.origin = e.origin;
+  api.legacy = true;
+  api.sendLocizeIsEnabled();
+}
+api.addHandler('isLocizeEnabled', handler);

package/dist/esm/api/handleRequestPopupChanges.js

@@ -0,0 +1,19 @@
+import { api } from './postMessage.js';
+
+function handler(payload) {
+  var containerStyle = payload.containerStyle;
+  if (containerStyle) {
+    var popup = document.getElementById('i18next-editor-popup');
+    if (containerStyle.height) {
+      var diff = "calc(".concat(containerStyle.height, " - ").concat(popup.style.height, ")");
+      popup.style.setProperty('top', "calc(".concat(popup.style.top, " - ").concat(diff, ")"));
+      popup.style.setProperty('height', containerStyle.height);
+    }
+    if (containerStyle.width) {
+      var _diff = "calc(".concat(containerStyle.width, " - ").concat(popup.style.width, ")");
+      popup.style.setProperty('left', "calc(".concat(popup.style.left, " - ").concat(_diff, ")"));
+      popup.style.setProperty('width', containerStyle.width);
+    }
+  }
+}
+api.addHandler('requestPopupChanges', handler);

package/dist/esm/api/handleRequestResourceBundle.js

@@ -0,0 +1,20 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { api } from './postMessage.js';
+
+var _excluded = ["lng", "ns"];
+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 handler(payload) {
+  var lng = payload.lng,
+    ns = payload.ns,
+    rest = _objectWithoutProperties(payload, _excluded);
+  api.i18n.getResourceBundle(lng, ns, function (resources) {
+    api.confirmResourceBundle(_objectSpread({
+      resources: resources,
+      lng: lng,
+      ns: ns
+    }, rest));
+  });
+}
+api.addHandler('requestResourceBundle', handler);

package/dist/esm/api/handleSelectedKeys.js

@@ -0,0 +1,25 @@
+import { api } from './postMessage.js';
+import { store } from '../store.js';
+import { resetHighlight, selectedHighlight } from '../ui/highlightNode.js';
+
+var previousMatches = [];
+function handler(payload) {
+  var keys = payload.keys;
+  var matchingItems = [];
+  Object.values(store.data).forEach(function (item) {
+    var matches = Object.values(item.keys).filter(function (k) {
+      return keys.includes(k.qualifiedKey);
+    });
+    if (matches.length) {
+      matchingItems.push(item);
+    }
+  });
+  previousMatches.forEach(function (item) {
+    resetHighlight(item, item.node, item.keys, false);
+  });
+  matchingItems.forEach(function (item) {
+    selectedHighlight(item, item.node, item.keys);
+  });
+  previousMatches = matchingItems;
+}
+api.addHandler('selectedKeys', handler);

package/dist/esm/api/handleTurnOff.js

@@ -0,0 +1,6 @@
+import { api } from './postMessage.js';
+
+function handler(payload, e) {
+  api.turnOff();
+}
+api.addHandler('turnOff', handler);

package/dist/esm/api/handleTurnOn.js

@@ -0,0 +1,6 @@
+import { api } from './postMessage.js';
+
+function handler(payload, e) {
+  api.turnOn();
+}
+api.addHandler('turnOn', handler);

package/dist/esm/api/postMessage.js

@@ -0,0 +1,148 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { getIframeUrl } from '../vars.js';
+import { store } from '../store.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; }
+function addLocizeSavedHandler(handler) {
+  api.locizeSavedHandler = handler;
+}
+function turnOn() {
+  api.scriptTurnedOff = false;
+  api.turnOn();
+  return api.scriptTurnedOff;
+}
+function turnOff() {
+  api.turnOff();
+  api.scriptTurnedOff = true;
+  return api.scriptTurnedOff;
+}
+function setEditorLng(lng) {
+  api.sendCurrentTargetLanguage(lng);
+}
+var pendingMsgs = [];
+function sendMessage(action, payload) {
+  if (!api.source) {
+    var _document$getElementB;
+    api.source = (_document$getElementB = document.getElementById('i18next-editor-iframe')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.contentWindow;
+  }
+  if (!api.origin) api.origin = getIframeUrl();
+  if (!api.source || !api.source.postMessage) {
+    pendingMsgs.push({
+      action: action,
+      payload: payload
+    });
+    return;
+  }
+  if (api.legacy) {
+    api.source.postMessage(_objectSpread({
+      message: action
+    }, payload), api.origin);
+  } else {
+    api.source.postMessage({
+      sender: 'i18next-editor',
+      senderAPIVersion: 'v1',
+      action: action,
+      message: action,
+      payload: payload
+    }, api.origin);
+  }
+  var todo = pendingMsgs;
+  pendingMsgs = [];
+  todo.forEach(function (_ref) {
+    var action = _ref.action,
+      payload = _ref.payload;
+    sendMessage(action, payload);
+  });
+}
+var handlers = {};
+var repeat = 5;
+var api = {
+  init: function init(implementation, clickHandler) {
+    api.i18n = implementation;
+    api.clickHandler = clickHandler;
+  },
+  requestInitialize: function requestInitialize(payload) {
+    sendMessage('requestInitialize', payload);
+    api.initInterval = setInterval(function () {
+      repeat = repeat - 1;
+      api.requestInitialize(payload);
+      if (repeat < 0 && api.initInterval) clearInterval(api.initInterval);
+    }, 1000);
+  },
+  selectKey: function selectKey(meta) {
+    sendMessage('selectKey', meta);
+  },
+  confirmResourceBundle: function confirmResourceBundle(payload) {
+    sendMessage('confirmResourceBundle', payload);
+  },
+  sendCurrentParsedContent: function sendCurrentParsedContent() {
+    sendMessage('sendCurrentParsedContent', {
+      content: Object.values(store.data).map(function (item) {
+        return {
+          id: item.id,
+          keys: item.keys
+        };
+      })
+    });
+  },
+  sendCurrentTargetLanguage: function sendCurrentTargetLanguage(lng) {
+    sendMessage('sendCurrentTargetLanguage', {
+      targetLng: lng || api.i18n.getLng()
+    });
+  },
+  addHandler: function addHandler(action, fc) {
+    if (!handlers[action]) handlers[action] = [];
+    handlers[action].push(fc);
+  },
+  sendLocizeIsEnabled: function sendLocizeIsEnabled() {
+    sendMessage('locizeIsEnabled', {
+      enabled: true
+    });
+  },
+  turnOn: function turnOn() {
+    if (api.scriptTurnedOff) return sendMessage('forcedOff');
+    if (!api.clickInterceptionEnabled) {
+      window.document.body.addEventListener('click', api.clickHandler, true);
+    }
+    api.clickInterceptionEnabled = true;
+    sendMessage('turnedOn');
+  },
+  turnOff: function turnOff() {
+    if (api.scriptTurnedOff) return sendMessage('forcedOff');
+    if (api.clickInterceptionEnabled) {
+      window.document.body.removeEventListener('click', api.clickHandler, true);
+    }
+    api.clickInterceptionEnabled = false;
+    sendMessage('turnedOff');
+  },
+  onAddedKey: function onAddedKey(lng, ns, key, value) {
+    var msg = {
+      lng: lng,
+      ns: ns,
+      key: key,
+      value: value
+    };
+    sendMessage('added', msg);
+  }
+};
+if (typeof window !== 'undefined') {
+  window.addEventListener('message', function (e) {
+    var _e$data = e.data,
+      sender = _e$data.sender,
+      action = _e$data.action,
+      message = _e$data.message,
+      payload = _e$data.payload;
+    if (message && handlers[message]) {
+      handlers[message].forEach(function (fc) {
+        fc(payload, e);
+      });
+    } else if (sender === 'i18next-editor-frame' && handlers[action]) {
+      handlers[action].forEach(function (fc) {
+        fc(payload);
+      });
+    }
+  });
+}
+
+export { addLocizeSavedHandler, api, sendMessage, setEditorLng, turnOff, turnOn };

package/dist/esm/clickHandler.js

@@ -0,0 +1,44 @@
+import { getClickedElement, getElementText, getElementI18nKey, getElementNamespace } from './utils.js';
+
+function createClickHandler(cb) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var handler = function handler(e) {
+    var el = getClickedElement(e);
+    if (!el) return {};
+    e.preventDefault();
+    e.stopPropagation();
+    var text = getElementText(el);
+    var key = getElementI18nKey(el);
+    var rectEl = el.getBoundingClientRect ? el : el.parentElement;
+    var _rectEl$getBoundingCl = rectEl.getBoundingClientRect(),
+      top = _rectEl$getBoundingCl.top,
+      left = _rectEl$getBoundingCl.left,
+      width = _rectEl$getBoundingCl.width,
+      height = _rectEl$getBoundingCl.height;
+    var style = window.getComputedStyle(rectEl, null);
+    var pT = parseFloat(style.getPropertyValue('padding-top'));
+    var pB = parseFloat(style.getPropertyValue('padding-bottom'));
+    var pR = parseFloat(style.getPropertyValue('padding-right'));
+    var pL = parseFloat(style.getPropertyValue('padding-left'));
+    var sizing = style.getPropertyValue('box-sizing');
+    function getFallbackNS() {
+      if (options.isLocizify) return options.defaultNS;
+    }
+    cb({
+      tagName: rectEl.tagName,
+      text: text,
+      key: key,
+      ns: getElementNamespace(el) || getFallbackNS(),
+      box: {
+        top: top,
+        left: left,
+        width: sizing === 'border-box' ? width : width - pR - pL,
+        height: sizing === 'border-box' ? height : height - pT - pB
+      },
+      style: style.cssText
+    });
+  };
+  return handler;
+}
+
+export { createClickHandler };

package/dist/esm/index.d.mts

@@ -0,0 +1 @@
+export * from './index.js'

package/dist/esm/index.d.ts

@@ -0,0 +1,15 @@
+export * from 'i18next-subliminal'
+
+export interface LocizePlugin {
+  type: '3rdParty';
+  init(i18next: any): () => void;
+}
+
+export const locizePlugin: LocizePlugin
+
+export function turnOn(): void;
+export function turnOff(): void;
+export function setEditorLng(lng: string): void;
+export function addLocizeSavedHandler(fn: (data: any) => void): void;
+
+export function startStandalone(): void;

package/dist/esm/index.js

@@ -0,0 +1,33 @@
+import { locizePlugin } from './locizePlugin.js';
+export { locizePlugin } from './locizePlugin.js';
+import { startStandalone } from './startStandalone.js';
+export { startStandalone } from './startStandalone.js';
+import './api/handleEditKey.js';
+import './api/handleCommitKey.js';
+import './api/handleCommitKeys.js';
+import './api/handleConfirmInitialized.js';
+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 { wrap, unwrap, containsHiddenMeta, PostProcessor } from 'i18next-subliminal';
+export { PostProcessor, containsHiddenMeta, unwrap, wrap } from 'i18next-subliminal';
+
+var index = {
+  wrap: wrap,
+  unwrap: unwrap,
+  containsHiddenMeta: containsHiddenMeta,
+  PostProcessor: PostProcessor,
+  addLocizeSavedHandler: addLocizeSavedHandler,
+  locizePlugin: locizePlugin,
+  turnOn: turnOn,
+  turnOff: turnOff,
+  setEditorLng: setEditorLng,
+  startStandalone: startStandalone
+};
+
+export { index as default };