locizify 5.2.2 → 5.2.5

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+### v5.2.5
+
+- update locize dependency
+
+### v5.2.4
+
+- update locize dependency
+
+### v5.2.3
+
+- update i18next dependencies
+
 ### v5.2.2
 
 - update i18next dependencies

package/README.md

@@ -479,4 +479,6 @@ let isOff;
 
 isOff = locizify.editor.turnOff(); // -> true
 isOff = locizify.editor.turnOn(); // -> false
+
+locizify.editor.showLocizeLink(); // -> shows link to open directly in locize InContext editor
 ```

package/dist/commonjs/index.js

@@ -45,7 +45,9 @@ var originalInit = i18next.init;
 i18next.init = function () {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var callback = arguments.length > 1 ? arguments[1] : undefined;
-  options = _objectSpread(_objectSpread({}, defaults), options);
+  options = _objectSpread(_objectSpread(_objectSpread({}, defaults), options), {}, {
+    isLocizify: true
+  });
   var scriptEle = document.getElementById('locizify');
 
   if (scriptEle) {
@@ -125,7 +127,8 @@ _i18nextify["default"].getOptions = function (callback) {
 
 _i18nextify["default"].editor = {
   turnOn: _locize.turnOn,
-  turnOff: _locize.turnOff
+  turnOff: _locize.turnOff,
+  showLocizeLink: _locize.showLocizeLink
 };
 var _default = _i18nextify["default"];
 exports["default"] = _default;

package/dist/es/index.js

@@ -7,7 +7,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import i18nextify from 'i18nextify';
 import LocizeBackend from 'i18next-locize-backend';
-import { locizePlugin, turnOn, turnOff } from 'locize';
+import { locizePlugin, turnOn, turnOff, showLocizeLink } from 'locize';
 var i18next = i18nextify.i18next;
 var enforce = {
   saveMissingTo: 'all'
@@ -32,7 +32,9 @@ var originalInit = i18next.init;
 i18next.init = function () {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var callback = arguments.length > 1 ? arguments[1] : undefined;
-  options = _objectSpread(_objectSpread({}, defaults), options);
+  options = _objectSpread(_objectSpread(_objectSpread({}, defaults), options), {}, {
+    isLocizify: true
+  });
   var scriptEle = document.getElementById('locizify');
 
   if (scriptEle) {
@@ -112,6 +114,7 @@ i18nextify.getOptions = function (callback) {
 
 i18nextify.editor = {
   turnOn: turnOn,
-  turnOff: turnOff
+  turnOff: turnOff,
+  showLocizeLink: showLocizeLink
 };
 export default i18nextify;

package/dist/umd/locizify.js

@@ -9101,6 +9101,11 @@
         var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         var allOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
         var callback = arguments.length > 3 ? arguments[3] : undefined;
+
+        if (!options.referenceLng && allOptions.fallbackLng && Array.isArray(allOptions.fallbackLng) && allOptions.fallbackLng[0] !== 'dev') {
+          options.referenceLng = allOptions.fallbackLng[0];
+        }
+
         this.services = services;
         this.options = defaults$2(options, this.options || {}, getDefaults$3());
         this.allOptions = allOptions;
@@ -9668,6 +9673,55 @@
     return _typeof$4(obj);
   }
 
+  function _defineProperty$4(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
+  function ownKeys$9(object, enumerableOnly) {
+    var keys = Object.keys(object);
+
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      if (enumerableOnly) symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+      keys.push.apply(keys, symbols);
+    }
+
+    return keys;
+  }
+
+  function _objectSpread2$1(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? arguments[i] : {};
+
+      if (i % 2) {
+        ownKeys$9(Object(source), true).forEach(function (key) {
+          _defineProperty$4(target, key, source[key]);
+        });
+      } else if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+      } else {
+        ownKeys$9(Object(source)).forEach(function (key) {
+          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+      }
+    }
+
+    return target;
+  }
+
   function isWindow(obj) {
     return obj != null && obj === obj.window;
   }
@@ -9807,7 +9861,7 @@
   /* eslint-disable import/prefer-default-export */
 
 
-  function createClickHandler(cb) {
+  function createClickHandler(cb, options) {
     // eslint-disable-next-line consistent-return
     var handler = function handler(e) {
       var el = getClickedElement(e);
@@ -9830,11 +9884,17 @@
       var pR = parseFloat(style.getPropertyValue('padding-right'));
       var pL = parseFloat(style.getPropertyValue('padding-left'));
       var sizing = style.getPropertyValue('box-sizing');
+
+      function getFallbackNS() {
+        var i18next = options.getI18next();
+        if (i18next && i18next.options && i18next.options.isLocizify) return i18next.options.defaultNS;
+      }
+
       cb({
         tagName: rectEl.tagName,
         text: text,
         key: key,
-        ns: getElementNamespace(el),
+        ns: getElementNamespace(el) || getFallbackNS(),
         box: {
           top: top,
           left: left,
@@ -9848,6 +9908,48 @@
     return handler;
   }
 
+  var baseBtn = 'font-family: "Helvetica", "Arial", sans-serif; font-size: 14px; color: #fff; border: none; font-weight: 300; height: 30px; line-height: 30px; padding: 0 15px; text-align: center; min-width: 90px; text-decoration: none; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; outline: none; cursor: pointer; border-radius: 15px;'; // eslint-disable-next-line import/prefer-default-export
+
+  function initUI(options) {
+    var cont = window.document.createElement('div');
+    var style = 'font-family: "Helvetica", "Arial", sans-serif; bottom: 20px; right: 20px; padding: 10px; background-color: #fff; border: solid 1px #1976d2; box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5); border-radius: 3px;';
+    style += ' z-index: 2147483647; position: fixed;';
+    cont.setAttribute('style', style);
+    cont.setAttribute('ignorelocizeeditor', '');
+    cont.setAttribute('translated', ''); //   if(options.locizeEditorToggle.containerClasses) {
+    //     const classes = options.locizeEditorToggle.containerClasses.length > 1 ? options.locizeEditorToggle.containerClasses.split(' ') : options.locizeEditorToggle.containerClasses;
+    //     classes.forEach(function(cssClass) {
+    //       cont.classList.add(cssClass);
+    //     });
+    //   }
+
+    var title = window.document.createElement('h4');
+    title.id = 'locize-title';
+    title.innerHTML = 'Translate InContext:';
+    title.setAttribute('style', 'font-family: "Helvetica", "Arial", sans-serif; font-size: 14px; margin: 0 0 5px 0; color: #1976d2; font-weight: 300;');
+    title.setAttribute('ignorelocizeeditor', '');
+    cont.appendChild(title);
+    var turnOn = window.document.createElement('button');
+    turnOn.innerHTML = 'Open in locize';
+    turnOn.setAttribute('style', "".concat(baseBtn, "  background-color: #1976d2;"));
+
+    turnOn.onclick = function () {
+      var i18next = options.getI18next();
+      var backendOptions = i18next && i18next.options && i18next.options.backend;
+
+      var _backendOptions$optio = _objectSpread2$1(_objectSpread2$1({}, backendOptions), options),
+          projectId = _backendOptions$optio.projectId,
+          version = _backendOptions$optio.version;
+
+      var editorUrl = options.editorUrl || backendOptions && backendOptions.loadPath && backendOptions.loadPath.indexOf('https://api-dev.locize.app') === 0 && 'https://dev.locize.app' || 'https://www.locize.app';
+      window.location = "".concat(editorUrl, "/cat/").concat(projectId, "/v/").concat(version, "/incontext?sourceurl=").concat(encodeURI(window.location.href));
+    };
+
+    turnOn.setAttribute('ignorelocizeeditor', '');
+    cont.appendChild(turnOn);
+    window.document.body.appendChild(cont);
+  }
+
   var isInIframe = true;
 
   try {
@@ -9884,10 +9986,11 @@
     }
   }
 
+  var i18next;
   var locizePlugin = {
     type: '3rdParty',
     init: function init(i18n) {
-      // i18next = i18n;
+      i18next = i18n;
       addLocizeSavedHandler(function (res) {
         res.updated.forEach(function (item) {
           var lng = item.lng,
@@ -9906,10 +10009,26 @@
           if (!isUpdate) onAddedKey(lng, ns, k, val);
         };
       }
+
+      i18next.on('languageChanged', function (lng) {
+        setEditorLng(lng);
+      });
     }
   };
 
+  function getI18next() {
+    return i18next;
+  }
+
+  function showLocizeLink() {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (!isInIframe) initUI(_objectSpread2$1(_objectSpread2$1({}, options), {}, {
+      getI18next: getI18next
+    }));
+  }
+
   if (typeof window !== 'undefined') {
+    // eslint-disable-next-line consistent-return
     window.addEventListener('message', function (e) {
       if (e.data.message === 'isLocizeEnabled') {
         // console.warn("result: ", ev.data);
@@ -9922,6 +10041,8 @@
               message: 'clickedElement',
               payload: payload
             }, origin);
+          }, {
+            getI18next: getI18next
           }); // document.body.addEventListener('click', handler, true);
           // clickInterceptionEnabled = true;
         }
@@ -9960,7 +10081,7 @@
     });
   }
 
-  var turnOn = function turnOn() {
+  function turnOn() {
     scriptTurnedOff = false;
     if (!clickInterceptionEnabled) window.document.body.addEventListener('click', handler, true);
     clickInterceptionEnabled = true;
@@ -9968,9 +10089,9 @@
       message: 'turnedOn'
     }, origin);
     return scriptTurnedOff;
-  };
+  }
 
-  var turnOff = function turnOff() {
+  function turnOff() {
     scriptTurnedOff = true;
     if (clickInterceptionEnabled) window.document.body.removeEventListener('click', handler, true);
     clickInterceptionEnabled = false;
@@ -9981,10 +10102,40 @@
       message: 'forcedOff'
     }, origin);
     return scriptTurnedOff;
-  };
+  }
+
+  function setEditorLng(lng) {
+    // console.warn('setLng', lng);
+    if (source) source.postMessage({
+      message: 'setLng',
+      lng: lng
+    }, origin);
+  }
+
+  var oldHref = document.location.href;
+  window.addEventListener('load', function () {
+    var bodyList = document.querySelector('body');
+    var observer = new MutationObserver(function (mutations) {
+      mutations.forEach(function (mutation) {
+        if (oldHref != document.location.href) {
+          // console.warn('url changed', oldHref, document.location.href);
+          oldHref = document.location.href;
+          if (source) source.postMessage({
+            message: 'hrefChanged',
+            href: oldHref
+          }, origin);
+        }
+      });
+    });
+    var config = {
+      childList: true,
+      subtree: true
+    };
+    observer.observe(bodyList, config);
+  });
 
   var {
-    i18next
+    i18next: i18next$1
   } = i18nextify;
   var enforce = {
     saveMissingTo: 'all'
@@ -9993,16 +10144,18 @@
     reloadOnSave: true,
     bindSavedMissing: true
   };
-  i18next.use(I18NextLocizeBackend).use(locizePlugin);
-  i18next.on('editorSaved', () => {
+  i18next$1.use(I18NextLocizeBackend).use(locizePlugin);
+  i18next$1.on('editorSaved', () => {
     i18nextify.forceRerender();
   });
-  var originalInit = i18next.init;
+  var originalInit = i18next$1.init;
 
-  i18next.init = function () {
+  i18next$1.init = function () {
     var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var callback = arguments.length > 1 ? arguments[1] : undefined;
-    options = _objectSpread2(_objectSpread2({}, defaults$3), options);
+    options = _objectSpread2(_objectSpread2(_objectSpread2({}, defaults$3), options), {}, {
+      isLocizify: true
+    });
     var scriptEle = document.getElementById('locizify');
 
     if (scriptEle) {
@@ -10043,44 +10196,45 @@
       callback(err, t);
     }
 
-    if (!options.backend.autoPilot || options.backend.autoPilot === 'false') return originalInit.call(i18next, _objectSpread2(_objectSpread2({}, options), enforce), handleI18nextInitialized);
+    if (!options.backend.autoPilot || options.backend.autoPilot === 'false') return originalInit.call(i18next$1, _objectSpread2(_objectSpread2({}, options), enforce), handleI18nextInitialized);
     var locizeBackend = new I18NextLocizeBackend(options.backend);
     locizeBackend.getOptions((err, opts) => {
       if (err && typeof console === 'object' && typeof console.error === 'function') console.error(err);
-      originalInit.call(i18next, _objectSpread2(_objectSpread2(_objectSpread2({}, opts), options), enforce), handleI18nextInitialized);
+      originalInit.call(i18next$1, _objectSpread2(_objectSpread2(_objectSpread2({}, opts), options), enforce), handleI18nextInitialized);
     });
   };
 
   i18nextify.getLanguages = function (callback) {
-    if (i18next.services.backendConnector) {
-      i18next.services.backendConnector.backend.getLanguages(callback);
+    if (i18next$1.services.backendConnector) {
+      i18next$1.services.backendConnector.backend.getLanguages(callback);
     } else {
       function ready() {
-        i18next.off('initialized', ready);
-        i18next.services.backendConnector.backend.getLanguages(callback);
+        i18next$1.off('initialized', ready);
+        i18next$1.services.backendConnector.backend.getLanguages(callback);
       }
 
-      i18next.on('initialized', ready);
+      i18next$1.on('initialized', ready);
     }
   };
 
   i18nextify.getOptions = function (callback) {
-    if (i18next.services.backendConnector) {
-      i18next.services.backendConnector.backend.getOptions(callback);
+    if (i18next$1.services.backendConnector) {
+      i18next$1.services.backendConnector.backend.getOptions(callback);
     } else {
       function ready() {
-        i18next.off('initialized', ready);
-        i18next.services.backendConnector.backend.getOptions(callback);
+        i18next$1.off('initialized', ready);
+        i18next$1.services.backendConnector.backend.getOptions(callback);
       }
 
-      i18next.on('initialized', ready);
+      i18next$1.on('initialized', ready);
     }
   }; // add editor functions
 
 
   i18nextify.editor = {
-    turnOn: turnOn,
-    turnOff: turnOff
+    turnOn,
+    turnOff,
+    showLocizeLink
   };
 
   return i18nextify;