@variousjs/various 5.2.0 → 5.3.0

package/dist/index.dev.js

@@ -47,7 +47,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   BASE_DEPENDENCIES: function() { return /* binding */ BASE_DEPENDENCIES; },
 /* harmony export */   CONFIG_KEY: function() { return /* binding */ CONFIG_KEY; },
+/* harmony export */   DEFAULT_LOCALE: function() { return /* binding */ DEFAULT_LOCALE; },
 /* harmony export */   DEPENDENCIES_KEY: function() { return /* binding */ DEPENDENCIES_KEY; },
+/* harmony export */   I18NActions: function() { return /* binding */ I18NActions; },
+/* harmony export */   LOCALE_KEY: function() { return /* binding */ LOCALE_KEY; },
 /* harmony export */   MESSAGE_KEY: function() { return /* binding */ MESSAGE_KEY; },
 /* harmony export */   MOUNTED_COMPONENTS_KEY: function() { return /* binding */ MOUNTED_COMPONENTS_KEY; },
 /* harmony export */   STANDALONE_CONFIG_READY: function() { return /* binding */ STANDALONE_CONFIG_READY; },
@@ -58,7 +61,15 @@ const MOUNTED_COMPONENTS_KEY = Symbol('MOUNTED_COMPONENTS');
 const MESSAGE_KEY = Symbol('MESSAGE');
 const CONFIG_KEY = Symbol('CONFIG');
 const DEPENDENCIES_KEY = Symbol('DEPENDENCIES');
+const LOCALE_KEY = Symbol('LOCALE');
 const STANDALONE_CONFIG_READY = Symbol('STANDALONE_CONFIG_READY');
+const DEFAULT_LOCALE = 'en';
+let I18NActions = /*#__PURE__*/function (I18NActions) {
+  I18NActions["SetLocale"] = "setLocale";
+  I18NActions["GetLocale"] = "getLocale";
+  I18NActions["UpdateI18nConfig"] = "updateI18nConfig";
+  return I18NActions;
+}({});
 const VUE_FUNCTION_OPTIONS = ['beforeCreate', 'created', 'beforeMount', 'mounted', 'beforeUpdate', 'updated', 'beforeUnmount', 'unmounted', 'errorCaptured', 'renderTracked', 'renderTriggered', 'activated', 'deactivated', 'setup', 'data', 'render'];
 const VUE_VERSION = 3;
 const BASE_DEPENDENCIES = ['react', 'react-dom', '@variousjs/various', 'app'];
@@ -349,6 +360,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./store */ "./src/core/store.ts");
 /* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helper */ "./src/core/helper.ts");
 /* harmony import */ var _logger__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./logger */ "./src/core/logger.ts");
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./config */ "./src/core/config.ts");
+
 
 
 
@@ -381,6 +394,26 @@ const createDispatch = module => async function (params) {
   if (target === 'app') {
     const storeActions = _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getStoreActions();
     const storeAction = storeActions[action];
+    if (action === _config__WEBPACK_IMPORTED_MODULE_4__.I18NActions.SetLocale) {
+      (0,_store__WEBPACK_IMPORTED_MODULE_1__.emit)({
+        [_config__WEBPACK_IMPORTED_MODULE_4__.LOCALE_KEY]: payload
+      }, true);
+      return payload;
+    }
+    if (action === _config__WEBPACK_IMPORTED_MODULE_4__.I18NActions.GetLocale) {
+      return (0,_store__WEBPACK_IMPORTED_MODULE_1__.getStore)(_config__WEBPACK_IMPORTED_MODULE_4__.LOCALE_KEY);
+    }
+    if (action === _config__WEBPACK_IMPORTED_MODULE_4__.I18NActions.UpdateI18nConfig) {
+      const locale = (0,_store__WEBPACK_IMPORTED_MODULE_1__.getStore)(_config__WEBPACK_IMPORTED_MODULE_4__.LOCALE_KEY);
+      _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setGlobalI18nConfig(payload);
+      (0,_store__WEBPACK_IMPORTED_MODULE_1__.emit)({
+        [_config__WEBPACK_IMPORTED_MODULE_4__.LOCALE_KEY]: undefined
+      }, true);
+      (0,_store__WEBPACK_IMPORTED_MODULE_1__.emit)({
+        [_config__WEBPACK_IMPORTED_MODULE_4__.LOCALE_KEY]: locale
+      }, true);
+      return locale;
+    }
     if (!storeAction) {
       const errorMessage = `action "${action}" is not present`;
       const error = new _helper__WEBPACK_IMPORTED_MODULE_2__.VariousError({
@@ -437,6 +470,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helper */ "./src/core/helper.ts");
 /* harmony import */ var _connector__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./connector */ "./src/core/connector.ts");
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./store */ "./src/core/store.ts");
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./config */ "./src/core/config.ts");
+
 
 
 
@@ -473,12 +508,14 @@ class ErrorBoundary extends react__WEBPACK_IMPORTED_MODULE_0__.Component {
   render() {
     const ErrorFallbackNode = _connector__WEBPACK_IMPORTED_MODULE_2__["default"].getErrorFallbackComponent();
     const store = (0,_store__WEBPACK_IMPORTED_MODULE_3__.getUserStore)();
+    const locale = (0,_store__WEBPACK_IMPORTED_MODULE_3__.getStore)(_config__WEBPACK_IMPORTED_MODULE_4__.LOCALE_KEY);
     if (this.state.hasError) {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ErrorFallbackNode, {
         $self: this.$self,
         $reload: this.reload,
         $store: store,
-        $error: this.error
+        $error: this.error,
+        $locale: locale
       });
     }
     return this.props.children;
@@ -774,6 +811,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _connector__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./connector */ "./src/core/connector.ts");
 /* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helper */ "./src/core/helper.ts");
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./store */ "./src/core/store.ts");
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./config */ "./src/core/config.ts");
+
 
 
 
@@ -793,13 +832,11 @@ function createI18nConfig(method, module, callback) {
   if (module) {
     _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setI18nConfig(module, {
       loading: true,
-      lngStoreKey: '',
       resources: {}
     });
   } else {
     _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setGlobalI18nConfig({
       loading: true,
-      lngStoreKey: '',
       resources: {}
     });
   }
@@ -812,12 +849,12 @@ function createI18nConfig(method, module, callback) {
       callback?.();
       return;
     }
-    const locale = (0,_store__WEBPACK_IMPORTED_MODULE_2__.getStore)(res.lngStoreKey);
+    const locale = (0,_store__WEBPACK_IMPORTED_MODULE_2__.getStore)(_config__WEBPACK_IMPORTED_MODULE_3__.LOCALE_KEY);
     (0,_store__WEBPACK_IMPORTED_MODULE_2__.emit)({
-      [res.lngStoreKey]: undefined
+      [_config__WEBPACK_IMPORTED_MODULE_3__.LOCALE_KEY]: undefined
     }, true);
     (0,_store__WEBPACK_IMPORTED_MODULE_2__.emit)({
-      [res.lngStoreKey]: locale
+      [_config__WEBPACK_IMPORTED_MODULE_3__.LOCALE_KEY]: locale
     }, true);
     _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setGlobalI18nConfig({
       ...res,
@@ -850,18 +887,9 @@ function createI18n(module, updater) {
       return defaultText;
     }
     const {
-      lngStoreKey,
       resources
     } = i18nConfig;
-    const locale = (0,_store__WEBPACK_IMPORTED_MODULE_2__.getStore)(lngStoreKey);
-    if (lngStoreKey === undefined || locale === undefined) {
-      (0,_helper__WEBPACK_IMPORTED_MODULE_1__.onError)(new _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError({
-        module,
-        type: 'I18N',
-        originalError: new Error('locale key not defined')
-      }));
-      return defaultText;
-    }
+    const locale = (0,_store__WEBPACK_IMPORTED_MODULE_2__.getStore)(_config__WEBPACK_IMPORTED_MODULE_3__.LOCALE_KEY);
     const resource = resources?.[locale];
     if (!resource) {
       (0,_helper__WEBPACK_IMPORTED_MODULE_1__.onError)(new _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError({
@@ -892,17 +920,13 @@ function createI18n(module, updater) {
       return next.replace(regex, params[arg].toString());
     }, text);
   };
-  ctx.update = (config, type) => {
-    const i18nConfig = type === 'app' ? _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getGlobalI18nConfig() : _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getI18nConfig(module);
+  ctx.update = config => {
+    const i18nConfig = _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getI18nConfig(module);
     const next = {
       ...i18nConfig,
       ...config
     };
-    if (type === 'app') {
-      _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setGlobalI18nConfig(next);
-    } else {
-      _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setI18nConfig(module, next);
-    }
+    _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setI18nConfig(module, next);
     updater();
   };
   return ctx;
@@ -1072,6 +1096,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _logger__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./logger */ "./src/core/logger.ts");
 /* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./i18n */ "./src/core/i18n.ts");
 /* harmony import */ var _create_module__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./create-module */ "./src/core/create-module.ts");
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./config */ "./src/core/config.ts");
+
 
 
 
@@ -1161,6 +1187,7 @@ function reactComponent(config) {
         isError
       } = this.state;
       const store = (0,_store__WEBPACK_IMPORTED_MODULE_3__.getUserStore)();
+      const locale = (0,_store__WEBPACK_IMPORTED_MODULE_3__.getStore)(_config__WEBPACK_IMPORTED_MODULE_10__.LOCALE_KEY);
       const ComponentNode = this.ComponentNode;
       if (isError) {
         throw this.error;
@@ -1171,7 +1198,8 @@ function reactComponent(config) {
         }
         return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Fallback, {
           $self: this.$self,
-          $store: store
+          $store: store,
+          $locale: locale
         });
       }
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComponentNode, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, $componentProps, {
@@ -1181,11 +1209,12 @@ function reactComponent(config) {
         $postMessage: this.$postMessage,
         $t: this.$t,
         $logger: this.$logger,
-        ref: $ref
+        ref: $ref,
+        $locale: locale
       }));
     }
   }
-  const Connected = (0,_store__WEBPACK_IMPORTED_MODULE_3__.connect)(...storeKeys)(R);
+  const Connected = (0,_store__WEBPACK_IMPORTED_MODULE_3__.connect)(...storeKeys, _config__WEBPACK_IMPORTED_MODULE_10__.LOCALE_KEY)(R);
   Connected.displayName = 'various-connector';
   return Connected;
 }
@@ -1328,6 +1357,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _logger__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./logger */ "./src/core/logger.ts");
 /* harmony import */ var _message__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./message */ "./src/core/message.ts");
 /* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./i18n */ "./src/core/i18n.ts");
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./config */ "./src/core/config.ts");
+
 
 
 
@@ -1346,7 +1377,8 @@ function vueComponent(config) {
   } = config;
   const storeKeys = watchKeys || Object.keys((0,_store__WEBPACK_IMPORTED_MODULE_3__.getStore)());
   const V = props => {
-    const store = (0,_store__WEBPACK_IMPORTED_MODULE_3__.useStore)(...storeKeys);
+    const store = (0,_store__WEBPACK_IMPORTED_MODULE_3__.useStore)(...storeKeys, _config__WEBPACK_IMPORTED_MODULE_9__.LOCALE_KEY);
+    const locale = store[_config__WEBPACK_IMPORTED_MODULE_9__.LOCALE_KEY];
     const vueRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
     const vmRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
     const isVueMounted = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
@@ -1360,6 +1392,7 @@ function vueComponent(config) {
     const containerDivRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
     const propsReactiveRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
     const storeReactiveRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+    const localeReactiveRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
     const unMountVue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
     const unSubscribeMessageRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
     const updateVueComponentRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
@@ -1383,6 +1416,7 @@ function vueComponent(config) {
       storeReactiveRef.current = vueRef.current.ref({
         ...store
       });
+      localeReactiveRef.current = vueRef.current.ref(locale);
       const vueApp = vueRef.current.createApp({
         setup() {
           const renderKey = vueRef.current.ref(0);
@@ -1411,7 +1445,8 @@ function vueComponent(config) {
               $postMessage,
               $t,
               $store: storeReactiveRef.current.value,
-              $self: selfRef.current
+              $self: selfRef.current,
+              $locale: localeReactiveRef.current.value
             },
             // eslint-disable-next-line react/no-this-in-sfc
             key: this.key
@@ -1425,7 +1460,7 @@ function vueComponent(config) {
       }
       isVueMounted.current = true;
       unMountVue.current = () => vueApp.unmount();
-    }, [$componentProps, store]);
+    }, [$componentProps, store, locale]);
     const mountComponent = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(async () => {
       try {
         const vue = await (0,_create_module__WEBPACK_IMPORTED_MODULE_2__["default"])({
@@ -1495,12 +1530,18 @@ function vueComponent(config) {
         };
       }
     }, [store]);
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+      if (localeReactiveRef.current) {
+        localeReactiveRef.current.value = locale;
+      }
+    }, [locale]);
     if (isError) {
       throw errorRef.current;
     }
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, !componentReady && !$silent && !(0,_helper__WEBPACK_IMPORTED_MODULE_4__.isModuleLoaded)(module) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Fallback, {
       $self: selfRef.current,
-      $store: store
+      $store: store,
+      $locale: locale
     }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
       className: (0,_helper__WEBPACK_IMPORTED_MODULE_4__.getClassNameWithModule)(module, 'various-vue-component'),
       ref: containerDivRef
@@ -1663,7 +1704,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 // eslint-disable-next-line no-undef
-const version = "5.2.0";
+const version = "5.3.0";
 const getApp = config => {
   const {
     dependencies,
@@ -1691,13 +1732,14 @@ const getApp = config => {
     [_config__WEBPACK_IMPORTED_MODULE_2__.MOUNTED_COMPONENTS_KEY]: [],
     [_config__WEBPACK_IMPORTED_MODULE_2__.CONFIG_KEY]: rest,
     [_config__WEBPACK_IMPORTED_MODULE_2__.DEPENDENCIES_KEY]: dependencies,
-    [_config__WEBPACK_IMPORTED_MODULE_2__.MESSAGE_KEY]: null
+    [_config__WEBPACK_IMPORTED_MODULE_2__.MESSAGE_KEY]: null,
+    [_config__WEBPACK_IMPORTED_MODULE_2__.LOCALE_KEY]: i18n?.defaultLocale || _config__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_LOCALE
   });
   Root.displayName = 'various-app-root';
   return class extends react__WEBPACK_IMPORTED_MODULE_0__.Component {
     static displayName = 'various-app';
     componentDidMount() {
-      (0,_i18n__WEBPACK_IMPORTED_MODULE_4__.createI18nConfig)(i18n);
+      (0,_i18n__WEBPACK_IMPORTED_MODULE_4__.createI18nConfig)(i18n?.getResources);
     }
     render() {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_error_boundary__WEBPACK_IMPORTED_MODULE_6__["default"], {