@variousjs/various 5.1.5 → 5.2.1

package/dist/index.dev.js

@@ -31,7 +31,7 @@ function _extends() {
   \***********************************************/
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-!function(t,e){ true?module.exports=e(__webpack_require__(/*! react */ "react")):0}(self,(t=>(()=>{"use strict";var e={294:(t,e,r)=>{r.d(e,{default:()=>c});var s=r(942),o=r(63),n=r.n(o);function i(t,e=new WeakMap){if("object"!=typeof t||null===t)return t;if(e.has(t))return e.get(t);const r=Array.isArray(t)?[]:{};e.set(t,r);const s=Reflect.ownKeys(t);for(const o of s)r[o]=i(t[o],e);return r}class c{constructor(){var t;(0,s.Z)(this,"state",void 0),(0,s.Z)(this,"listeners",void 0),(0,s.Z)(this,"emits",void 0),(0,s.Z)(this,"timer",void 0),(0,s.Z)(this,"onStateChange",void 0),(0,s.Z)(this,"getStore",void 0),(0,s.Z)(this,"createStore",(t=>{this.listeners=Reflect.ownKeys(t).reduce(((e,r)=>{const s=r;return this.state[s]=t[s],{...e,[r]:[]}}),{})})),(0,s.Z)(this,"subscribe",(t=>{const e={};return Reflect.ownKeys(t).forEach((r=>{const s=r;this.listeners[s]||(this.listeners[s]=[]),this.listeners[s].push(t[s]),e[s]=t[s]})),()=>{Reflect.ownKeys(e).forEach((t=>{const r=t;this.listeners[r]=this.listeners[r].filter((t=>t!==e[r]))}))}})),(0,s.Z)(this,"emit",((t,e)=>{this.emits={...this.emits,...t},e?this.trigger():(clearTimeout(this.timer),this.timer=setTimeout(this.trigger))})),(0,s.Z)(this,"dispatch",((t,...e)=>t({getStore:this.getStore,emit:t=>this.emit(t,!0)},...e))),(0,s.Z)(this,"trigger",(()=>{const t=this.emits,e=[],r=Reflect.ownKeys(t);for(let s=0;s<r.length;s+=1){const o=r[s];if(n()(this.state[o],t[o]))continue;const c=t[o],u=this.state[o];this.state[o]=i(t[o]),e.push({key:o,newValue:c,oldValue:u})}const s={};e.forEach((t=>{s[t.key]=[t.newValue,t.oldValue],this.listeners[t.key]&&this.listeners[t.key].forEach((e=>e(t.newValue,t.oldValue)))})),e.length&&this.onStateChange(s),this.emits={},this.timer=void 0})),this.state={},this.listeners={},this.emits={},this.timer=void 0,this.onStateChange=()=>null,this.getStore=(t=this.state,function(e){return e?i(t[e]):t})}set onChange(t){this.onStateChange=t}}},63:t=>{t.exports=function t(e,r){if(e===r)return!0;if(e&&r&&"object"==typeof e&&"object"==typeof r){if(e.constructor!==r.constructor)return!1;var s,o,n;if(Array.isArray(e)){if((s=e.length)!=r.length)return!1;for(o=s;0!=o--;)if(!t(e[o],r[o]))return!1;return!0}if(e.constructor===RegExp)return e.source===r.source&&e.flags===r.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===r.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===r.toString();if((s=(n=Object.keys(e)).length)!==Object.keys(r).length)return!1;for(o=s;0!=o--;)if(!Object.prototype.hasOwnProperty.call(r,n[o]))return!1;for(o=s;0!=o--;){var i=n[o];if(!t(e[i],r[i]))return!1}return!0}return e!=e&&r!=r}},250:e=>{e.exports=t},942:(t,e,r)=>{function s(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}r.d(e,{Z:()=>s})}},r={};function s(t){var o=r[t];if(void 0!==o)return o.exports;var n=r[t]={exports:{}};return e[t](n,n.exports,s),n.exports}s.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return s.d(e,{a:e}),e},s.d=(t,e)=>{for(var r in e)s.o(e,r)&&!s.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},s.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var o={};return(()=>{s.d(o,{default:()=>u});var t=s(942),e=s(294),r=s(250),n=s.n(r);const i=["name","prototype","length","propTypes","defaultProps","getDerivedStateFromProps","contextTypes","displayName"];class c extends e.default{constructor(...e){super(...e),(0,t.Z)(this,"connect",function(e){const{getStore:s,subscribe:o}=e;return function(...e){return function(c){class u extends r.Component{constructor(r){super(r),(0,t.Z)(this,"unsubscribe",void 0),(0,t.Z)(this,"state",{props:s()}),this.unsubscribe=o(e.reduce(((t,e)=>({...t,[e]:()=>{this.setState({props:s()})}})),{}))}componentWillUnmount(){this.unsubscribe()}render(){const{props:t}=this.state,e={...t,...this.props};return n().createElement(c,e)}}return Object.getOwnPropertyNames(c).forEach((t=>{const e=t;i.includes(t)||(u[e]=c[e])})),u}}}(this)),(0,t.Z)(this,"useStore",function(t){const{getStore:e,subscribe:s}=t;return function(...t){const[o,n]=(0,r.useState)(e());return(0,r.useLayoutEffect)((()=>s(t.reduce(((t,r)=>({...t,[r]:()=>{n((t=>({...t,[r]:e()[r]})))}})),{})))),o}}(this))}}const u=c})(),o.default})()));
+!function(t,e){ true?module.exports=e(__webpack_require__(/*! react */ "react")):0}(self,t=>(()=>{"use strict";var e={17(t){t.exports=function t(e,r){if(e===r)return!0;if(e&&r&&"object"==typeof e&&"object"==typeof r){if(e.constructor!==r.constructor)return!1;var o,s,n;if(Array.isArray(e)){if((o=e.length)!=r.length)return!1;for(s=o;0!==s--;)if(!t(e[s],r[s]))return!1;return!0}if(e.constructor===RegExp)return e.source===r.source&&e.flags===r.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===r.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===r.toString();if((o=(n=Object.keys(e)).length)!==Object.keys(r).length)return!1;for(s=o;0!==s--;)if(!Object.prototype.hasOwnProperty.call(r,n[s]))return!1;for(s=o;0!==s--;){var i=n[s];if(!t(e[i],r[i]))return!1}return!0}return e!=e&&r!=r}},232(t,e,r){r.d(e,{default:()=>u});var o=r(705),s=r(17),n=r.n(s);function i(t,e=new WeakMap){if("object"!=typeof t||null===t)return t;if(e.has(t))return e.get(t);const r=Array.isArray(t)?[]:{};e.set(t,r);const o=Reflect.ownKeys(t);for(const s of o)r[s]=i(t[s],e);return r}class u{constructor(){var t;(0,o.A)(this,"state",void 0),(0,o.A)(this,"listeners",void 0),(0,o.A)(this,"emits",void 0),(0,o.A)(this,"timer",void 0),(0,o.A)(this,"onStateChange",void 0),(0,o.A)(this,"getStore",void 0),(0,o.A)(this,"createStore",t=>{this.listeners=Reflect.ownKeys(t).reduce((e,r)=>{const o=r;return this.state[o]=t[o],{...e,[r]:[]}},{})}),(0,o.A)(this,"subscribe",t=>{const e={};return Reflect.ownKeys(t).forEach(r=>{const o=r;this.listeners[o]||(this.listeners[o]=[]),this.listeners[o].push(t[o]),e[o]=t[o]}),()=>{Reflect.ownKeys(e).forEach(t=>{const r=t;this.listeners[r]=this.listeners[r].filter(t=>t!==e[r])})}}),(0,o.A)(this,"emit",(t,e)=>{this.emits={...this.emits,...t},e?this.trigger():(clearTimeout(this.timer),this.timer=setTimeout(this.trigger))}),(0,o.A)(this,"dispatch",(t,...e)=>t({getStore:this.getStore,emit:t=>this.emit(t,!0)},...e)),(0,o.A)(this,"trigger",()=>{const t=this.emits,e=[],r=Reflect.ownKeys(t);for(let o=0;o<r.length;o+=1){const s=r[o];if(n()(this.state[s],t[s]))continue;const u=t[s],c=this.state[s];this.state[s]=i(t[s]),e.push({key:s,newValue:u,oldValue:c})}const o={};e.forEach(t=>{o[t.key]=[t.newValue,t.oldValue],this.listeners[t.key]&&this.listeners[t.key].forEach(e=>e(t.newValue,t.oldValue))}),e.length&&this.onStateChange(o),this.emits={},this.timer=void 0}),this.state={},this.listeners={},this.emits={},this.timer=void 0,this.onStateChange=()=>null,this.getStore=(t=this.state,function(e){return e?i(t[e]):t})}set onChange(t){this.onStateChange=t}}},438(e){e.exports=t},705(t,e,r){function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function s(t,e,r){return(e=function(t){var e=function(t){if("object"!=o(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==o(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}r.d(e,{A:()=>s})}},r={};function o(t){var s=r[t];if(void 0!==s)return s.exports;var n=r[t]={exports:{}};return e[t](n,n.exports,o),n.exports}o.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return o.d(e,{a:e}),e},o.d=(t,e)=>{for(var r in e)o.o(e,r)&&!o.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var s={};o.d(s,{default:()=>l});var n=o(705),i=o(232),u=o(438),c=o.n(u);const a=["name","prototype","length","getDerivedStateFromProps","getDerivedStateFromError"];class f extends i.default{constructor(...t){super(...t),(0,n.A)(this,"connect",function(t){const{getStore:e,subscribe:r}=t;return function(...t){return function(o){class s extends u.Component{constructor(o){super(o),(0,n.A)(this,"unsubscribe",void 0),(0,n.A)(this,"state",{props:e()}),this.unsubscribe=r(t.reduce((t,r)=>({...t,[r]:()=>{this.setState({props:e()})}}),{}))}componentWillUnmount(){this.unsubscribe()}render(){const{props:t}=this.state,e={...t,...this.props};return c().createElement(o,e)}}return Reflect.ownKeys(o).forEach(t=>{const e=String(t);if(!a.includes(e)){const e=Object.getOwnPropertyDescriptor(o,t);e&&Object.defineProperty(s,t,e)}}),s}}}(this)),(0,n.A)(this,"useStore",function(t){const{getStore:e,subscribe:r}=t;return function(...t){const[o,s]=(0,u.useState)(e());return(0,u.useLayoutEffect)(()=>r(t.reduce((t,r)=>({...t,[r]:()=>{s(t=>({...t,[r]:e()[r]}))}}),{}))),o}}(this))}}const l=f;return s.default})());
 //# sourceMappingURL=index.js.map
 
 /***/ }),
@@ -74,8 +74,6 @@ const BASE_DEPENDENCIES = ['react', 'react-dom', '@variousjs/various', 'app'];
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _default_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./default-component */ "./src/core/default-component.tsx");
-/* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helper */ "./src/core/helper.ts");
-
 
 class Connector {
   constructor() {
@@ -92,16 +90,14 @@ class Connector {
   getMiddlewares() {
     return this.middlewares;
   }
-  setI18nConfig(moduleDefined, config) {
-    const name = (0,_helper__WEBPACK_IMPORTED_MODULE_1__.getNameWithModule)(moduleDefined);
-    this.i18nConfigs[name] = {
-      ...this.i18nConfigs[name],
+  setI18nConfig(module, config) {
+    this.i18nConfigs[module] = {
+      ...this.i18nConfigs[module],
       ...config
     };
   }
-  getI18nConfig(moduleDefined) {
-    const name = (0,_helper__WEBPACK_IMPORTED_MODULE_1__.getNameWithModule)(moduleDefined);
-    return this.i18nConfigs[name];
+  getI18nConfig(module) {
+    return this.i18nConfigs[module];
   }
   setGlobalI18nConfig(config) {
     this.globalI18nConfig = {
@@ -112,17 +108,14 @@ class Connector {
   getGlobalI18nConfig() {
     return this.globalI18nConfig;
   }
-  setComponentActions(moduleDefined, actions) {
-    const name = (0,_helper__WEBPACK_IMPORTED_MODULE_1__.getNameWithModule)(moduleDefined);
-    this.componentActions[name] = actions;
+  setComponentActions(module, actions) {
+    this.componentActions[module] = actions;
   }
-  deleteComponentActions(moduleDefined) {
-    const name = (0,_helper__WEBPACK_IMPORTED_MODULE_1__.getNameWithModule)(moduleDefined);
-    delete this.componentActions[name];
+  deleteComponentActions(module) {
+    delete this.componentActions[module];
   }
-  getComponentActions(moduleDefined) {
-    const name = (0,_helper__WEBPACK_IMPORTED_MODULE_1__.getNameWithModule)(moduleDefined);
-    return this.componentActions[name];
+  getComponentActions(module) {
+    return this.componentActions[module];
   }
   setStoreActions(actions) {
     this.storeActions = actions;
@@ -166,13 +159,11 @@ __webpack_require__.r(__webpack_exports__);
 
 const createComponent = (config, storeKeys) => {
   const {
-    name,
     module,
     url,
     type = 'react'
   } = config;
   const C = (type === 'vue3' ? _vue_component__WEBPACK_IMPORTED_MODULE_2__["default"] : _react_component__WEBPACK_IMPORTED_MODULE_1__["default"])({
-    name,
     module,
     url,
     watchKeys: storeKeys
@@ -189,7 +180,6 @@ const createComponent = (config, storeKeys) => {
       $ref
     };
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_error_boundary__WEBPACK_IMPORTED_MODULE_3__["default"], {
-      name: name,
       module: module,
       url: url
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(C, nextProps));
@@ -221,10 +211,13 @@ const createModule = (config, logError = true) => {
   const dependencies = (0,_store__WEBPACK_IMPORTED_MODULE_1__.getStore)(_config__WEBPACK_IMPORTED_MODULE_0__.DEPENDENCIES_KEY);
   const middlewares = _connector__WEBPACK_IMPORTED_MODULE_2__["default"].getMiddlewares();
   const {
-    name,
-    module,
-    url
+    url,
+    module
   } = config;
+  const {
+    name,
+    entry
+  } = (0,_helper__WEBPACK_IMPORTED_MODULE_3__.getModuleInfo)(module);
   const loadStart = +new Date();
   const logOnError = e => {
     if (logError) {
@@ -232,12 +225,11 @@ const createModule = (config, logError = true) => {
     }
   };
   if (url) {
-    (0,_helper__WEBPACK_IMPORTED_MODULE_3__.resetDependencyConfig)(name, url);
+    (0,_helper__WEBPACK_IMPORTED_MODULE_3__.resetDependencyConfig)(module, url);
   }
   return new Promise((resolve, reject) => {
-    if (!url && !dependencies[name] && !(0,_helper__WEBPACK_IMPORTED_MODULE_3__.isModuleSpecified)(name)) {
+    if (!url && !dependencies[name] && !(0,_helper__WEBPACK_IMPORTED_MODULE_3__.isModuleSpecified)(module)) {
       const error = new _helper__WEBPACK_IMPORTED_MODULE_3__.VariousError({
-        name,
         module,
         type: 'NOT_DEFINED',
         originalError: new Error(`module "${name}" not defined`)
@@ -249,34 +241,31 @@ const createModule = (config, logError = true) => {
     window.requirejs([name], C => {
       const loadEnd = +new Date();
       middlewares?.onLoad?.({
-        name,
         module,
         loadStart,
         loadEnd,
-        beenLoaded: (0,_helper__WEBPACK_IMPORTED_MODULE_3__.isModuleLoaded)(name)
+        beenLoaded: (0,_helper__WEBPACK_IMPORTED_MODULE_3__.isModuleLoaded)(module)
       });
       if (!C) {
         const error = new _helper__WEBPACK_IMPORTED_MODULE_3__.VariousError({
-          name,
           module,
           type: 'INVALID_MODULE',
           originalError: new Error(`module "${name}" invalid`)
         });
-        (0,_helper__WEBPACK_IMPORTED_MODULE_3__.resetDependencyConfig)(name);
+        (0,_helper__WEBPACK_IMPORTED_MODULE_3__.resetDependencyConfig)(module);
         logOnError(error);
         reject(error);
         return;
       }
       const defaultModule = 'default' in C ? C.default : C;
-      const actualModule = !module ? defaultModule : C[module];
-      if (actualModule === undefined && module) {
+      const actualModule = !entry ? defaultModule : C[entry];
+      if (actualModule === undefined && entry) {
         const error = new _helper__WEBPACK_IMPORTED_MODULE_3__.VariousError({
-          name,
           module,
           type: 'SUBMODULE_NOT_DEFINED',
-          originalError: new Error(`submodule "${module}" not defined`)
+          originalError: new Error(`submodule "${entry}" not defined`)
         });
-        (0,_helper__WEBPACK_IMPORTED_MODULE_3__.resetDependencyConfig)(name);
+        (0,_helper__WEBPACK_IMPORTED_MODULE_3__.resetDependencyConfig)(module);
         logOnError(error);
         reject(error);
         return;
@@ -284,7 +273,7 @@ const createModule = (config, logError = true) => {
       resolve(actualModule);
     }, e => {
       const [requireModule] = e.requireModules;
-      (0,_helper__WEBPACK_IMPORTED_MODULE_3__.resetDependencyConfig)(name, url);
+      (0,_helper__WEBPACK_IMPORTED_MODULE_3__.resetDependencyConfig)(module, url);
       (0,_helper__WEBPACK_IMPORTED_MODULE_3__.resetDependencyConfig)(requireModule);
       let errorType = 'LOADING_ERROR';
       if (requireModule !== name) {
@@ -294,8 +283,7 @@ const createModule = (config, logError = true) => {
         errorType = requireModule === name ? 'SCRIPT_ERROR' : 'SUBMODULE_SCRIPT_ERROR';
       }
       const error = new _helper__WEBPACK_IMPORTED_MODULE_3__.VariousError({
-        name,
-        module: requireModule === name ? undefined : requireModule,
+        module: requireModule,
         type: errorType,
         originalError: e
       });
@@ -327,7 +315,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 const Fallback = props => {
-  const className = (0,_helper__WEBPACK_IMPORTED_MODULE_1__.getClassNameWithModule)(props.$self, 'various-component-fallback');
+  const className = (0,_helper__WEBPACK_IMPORTED_MODULE_1__.getClassNameWithModule)(props.$self.module, 'various-component-fallback');
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: className
   }, "Loading");
@@ -337,7 +325,7 @@ const ErrorFallback = ({
   $reload,
   $self
 }) => {
-  const className = (0,_helper__WEBPACK_IMPORTED_MODULE_1__.getClassNameWithModule)($self, 'various-component-error_fallback');
+  const className = (0,_helper__WEBPACK_IMPORTED_MODULE_1__.getClassNameWithModule)($self.module, 'various-component-error_fallback');
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: className
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", null, $error.type), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, $error.message), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
@@ -365,59 +353,51 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const createDispatch = moduleDefined => async function (params) {
+const createDispatch = module => async function (params) {
   const middlewares = _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getMiddlewares();
-  const logger = (0,_logger__WEBPACK_IMPORTED_MODULE_3__["default"])(moduleDefined);
+  const logger = (0,_logger__WEBPACK_IMPORTED_MODULE_3__["default"])(module);
   let {
-    name,
-    module,
     action,
-    value
+    payload,
+    target
   } = params;
   if (middlewares?.onDispatch) {
     const check = await middlewares.onDispatch({
-      target: {
-        name,
-        module
-      },
+      target,
       action,
-      value,
-      trigger: moduleDefined
+      payload,
+      trigger: module
     });
     if (check === false) {
       logger.warn('blocked by middleware', 'DISPATCH');
       return Promise.resolve();
     }
     if (check !== true) {
-      name = check.target.name;
-      module = check.target.module;
+      target = check.target;
       action = check.action;
-      value = check.value;
+      payload = check.payload;
     }
   }
-  if (name === 'app') {
+  if (target === 'app') {
     const storeActions = _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getStoreActions();
     const storeAction = storeActions[action];
     if (!storeAction) {
       const errorMessage = `action "${action}" is not present`;
       const error = new _helper__WEBPACK_IMPORTED_MODULE_2__.VariousError({
-        ...moduleDefined,
+        module,
         type: 'DISPATCH',
         originalError: new Error(errorMessage)
       });
       (0,_helper__WEBPACK_IMPORTED_MODULE_2__.onError)(error);
       throw error;
     }
-    return (0,_store__WEBPACK_IMPORTED_MODULE_1__.dispatch)(storeAction, value, moduleDefined);
+    return (0,_store__WEBPACK_IMPORTED_MODULE_1__.dispatch)(storeAction, payload, module);
   }
-  const componentActions = _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getComponentActions({
-    name,
-    module
-  });
+  const componentActions = _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getComponentActions(target);
   if (!componentActions) {
     const errorMessage = 'component is not ready';
     const error = new _helper__WEBPACK_IMPORTED_MODULE_2__.VariousError({
-      ...moduleDefined,
+      module,
       type: 'DISPATCH',
       originalError: new Error(errorMessage)
     });
@@ -428,14 +408,17 @@ const createDispatch = moduleDefined => async function (params) {
   if (!componentAction) {
     const errorMessage = `action "${action}" is not present`;
     const error = new _helper__WEBPACK_IMPORTED_MODULE_2__.VariousError({
-      ...moduleDefined,
+      module,
       type: 'DISPATCH',
       originalError: new Error(errorMessage)
     });
     (0,_helper__WEBPACK_IMPORTED_MODULE_2__.onError)(error);
     throw error;
   }
-  return Promise.resolve(componentAction(value, moduleDefined));
+  return Promise.resolve(componentAction({
+    payload,
+    trigger: module
+  }));
 };
 /* harmony default export */ __webpack_exports__["default"] = (createDispatch);
 
@@ -465,13 +448,11 @@ class ErrorBoundary extends react__WEBPACK_IMPORTED_MODULE_0__.Component {
   };
   componentDidCatch(e) {
     const {
-      name,
       module
     } = this.props;
     const error = e instanceof _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError ? e : new _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError({
-      name,
       module,
-      type: name === 'app' ? 'APP_ERROR' : 'SCRIPT_ERROR',
+      type: module === 'app' ? 'APP_ERROR' : 'SCRIPT_ERROR',
       originalError: e
     });
     this.setState({
@@ -479,11 +460,8 @@ class ErrorBoundary extends react__WEBPACK_IMPORTED_MODULE_0__.Component {
     });
     this.error = error;
     (0,_helper__WEBPACK_IMPORTED_MODULE_1__.onError)(error);
-    (0,_helper__WEBPACK_IMPORTED_MODULE_1__.resetDependencyConfig)(this.props.name);
-    (0,_helper__WEBPACK_IMPORTED_MODULE_1__.updateUnMountComponent)({
-      name,
-      module
-    });
+    (0,_helper__WEBPACK_IMPORTED_MODULE_1__.resetDependencyConfig)(module);
+    (0,_helper__WEBPACK_IMPORTED_MODULE_1__.updateUnMountComponent)(module);
   }
   $self = (0,_helper__WEBPACK_IMPORTED_MODULE_1__.getSelfInfo)(this.props);
   reload = () => {
@@ -525,8 +503,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   defineDependencies: function() { return /* binding */ defineDependencies; },
 /* harmony export */   getClassNameWithModule: function() { return /* binding */ getClassNameWithModule; },
 /* harmony export */   getConfig: function() { return /* binding */ getConfig; },
+/* harmony export */   getModuleInfo: function() { return /* binding */ getModuleInfo; },
 /* harmony export */   getMountedComponents: function() { return /* binding */ getMountedComponents; },
-/* harmony export */   getNameWithModule: function() { return /* binding */ getNameWithModule; },
 /* harmony export */   getSelfInfo: function() { return /* binding */ getSelfInfo; },
 /* harmony export */   isModuleLoaded: function() { return /* binding */ isModuleLoaded; },
 /* harmony export */   isModuleSpecified: function() { return /* binding */ isModuleSpecified; },
@@ -553,12 +531,22 @@ __webpack_require__.r(__webpack_exports__);
 
 
 const getUrlHash = url => `${url}?${+new Date()}`;
-const hasModule = (modules, module) => modules.some(c => c.name === module.name && c.module === module.module);
-const preloadModules = names => new Promise((resolve, reject) => {
+const getModuleInfo = module => {
+  const [name, entry] = module.split('.');
+  return {
+    name,
+    entry
+  };
+};
+const preloadModules = modules => new Promise((resolve, reject) => {
+  const names = modules.map(m => getModuleInfo(m).name);
   window.requirejs(names, resolve, reject);
 });
-const removeLoadedModules = names => {
-  names.forEach(name => {
+const removeLoadedModules = modules => {
+  modules.forEach(module => {
+    const {
+      name
+    } = getModuleInfo(module);
     if (!_config__WEBPACK_IMPORTED_MODULE_2__.BASE_DEPENDENCIES.includes(name)) {
       window.requirejs.undef(name);
     }
@@ -583,18 +571,27 @@ const defineDependencies = deps => {
     }
   }, true);
 };
-const isModuleLoaded = name => window.requirejs.defined(name);
-const isModuleSpecified = name => window.requirejs.specified(name);
+const isModuleLoaded = module => {
+  const {
+    name
+  } = getModuleInfo(module);
+  return window.requirejs.defined(name);
+};
+const isModuleSpecified = module => {
+  const {
+    name
+  } = getModuleInfo(module);
+  return window.requirejs.specified(name);
+};
 const getMountedComponents = () => (0,_store__WEBPACK_IMPORTED_MODULE_0__.getStore)(_config__WEBPACK_IMPORTED_MODULE_2__.MOUNTED_COMPONENTS_KEY);
 const onComponentMounted = (module, callback) => {
   const modules = Array.isArray(module) ? module : [module];
-  if (modules.every(m => hasModule(getMountedComponents(), m))) {
+  if (modules.every(m => getMountedComponents().includes(m))) {
     callback();
   }
   const unSubscribe = (0,_store__WEBPACK_IMPORTED_MODULE_0__.subscribe)({
     [_config__WEBPACK_IMPORTED_MODULE_2__.MOUNTED_COMPONENTS_KEY](value) {
-      const mountedModules = value;
-      if (modules.every(n => hasModule(mountedModules, n))) {
+      if (modules.every(n => value.includes(n))) {
         unSubscribe();
         callback();
       }
@@ -602,7 +599,10 @@ const onComponentMounted = (module, callback) => {
   });
   return unSubscribe;
 };
-const resetDependencyConfig = (name, url) => {
+const resetDependencyConfig = (module, url) => {
+  const {
+    name
+  } = getModuleInfo(module);
   const dependencies = (0,_store__WEBPACK_IMPORTED_MODULE_0__.getStore)(_config__WEBPACK_IMPORTED_MODULE_2__.DEPENDENCIES_KEY);
 
   // ignore multiple custom module url
@@ -628,26 +628,15 @@ const resetDependencyConfig = (name, url) => {
     }
   });
 };
-const getNameWithModule = moduleDefined => {
-  const {
-    name,
-    module
-  } = moduleDefined;
-  return module ? `${name}.${module}` : name;
-};
 function getConfig() {
   return (0,_store__WEBPACK_IMPORTED_MODULE_0__.getStore)(_config__WEBPACK_IMPORTED_MODULE_2__.CONFIG_KEY);
 }
 const onError = e => {
   const {
-    name,
     module,
     type
   } = e;
-  const logger = (0,_logger__WEBPACK_IMPORTED_MODULE_1__["default"])({
-    name,
-    module
-  });
+  const logger = (0,_logger__WEBPACK_IMPORTED_MODULE_1__["default"])(module);
   logger.error(e, type);
 };
 class VariousError extends Error {
@@ -656,17 +645,16 @@ class VariousError extends Error {
     this.type = data.type;
     this.originalError = data.originalError;
     this.module = data.module;
-    this.name = data.name;
   }
 }
-function checkReactComponent(component, moduleDefined) {
+function checkReactComponent(component, module) {
   return new Promise((reslove, reject) => {
     if (component.$$typeof || component.prototype?.isReactComponent || typeof component === 'function') {
       reslove();
       return;
     }
     reject(new VariousError({
-      ...moduleDefined,
+      module,
       originalError: new Error('not a valid React component'),
       type: 'INVALID_COMPONENT'
     }));
@@ -675,7 +663,7 @@ function checkReactComponent(component, moduleDefined) {
 function isPromiseLike(value) {
   return value != null && typeof value.then === 'function';
 }
-function checkVueComponent(component, moduleDefined) {
+function checkVueComponent(component, module) {
   const versionRegex = new RegExp(`^${_config__WEBPACK_IMPORTED_MODULE_2__.VUE_VERSION}\\.`);
   return new Promise((resolve, reject) => {
     window.requirejs(['vue'], Vue => {
@@ -687,7 +675,7 @@ function checkVueComponent(component, moduleDefined) {
         return;
       }
       reject(new VariousError({
-        ...moduleDefined,
+        module,
         originalError: new Error('not a valid Vue component'),
         type: 'INVALID_COMPONENT'
       }));
@@ -697,7 +685,6 @@ function checkVueComponent(component, moduleDefined) {
 function parseComponentActions(params) {
   const {
     componentNode,
-    name,
     module,
     type,
     i18nUpdate
@@ -723,66 +710,51 @@ function parseComponentActions(params) {
     actions[method] = componentNode[method];
   });
   if (i18nAction) {
-    (0,_i18n__WEBPACK_IMPORTED_MODULE_5__.createI18nConfig)(i18nAction, {
-      name,
-      module
-    }, i18nUpdate);
+    (0,_i18n__WEBPACK_IMPORTED_MODULE_5__.createI18nConfig)(i18nAction, module, i18nUpdate);
   }
-  _connector__WEBPACK_IMPORTED_MODULE_3__["default"].setComponentActions({
-    name,
-    module
-  }, actions);
+  _connector__WEBPACK_IMPORTED_MODULE_3__["default"].setComponentActions(module, actions);
   if (onMessageAction) {
-    return (0,_message__WEBPACK_IMPORTED_MODULE_4__.createOnMessage)({
-      name,
-      module
-    }, onMessageAction);
+    return (0,_message__WEBPACK_IMPORTED_MODULE_4__.createOnMessage)(module, onMessageAction);
   }
   return () => null;
 }
-function updateMountedComponent(moduleDefined) {
+function updateMountedComponent(module) {
   const mountedComponents = getMountedComponents();
-  if (!hasModule(mountedComponents, moduleDefined)) {
-    mountedComponents.push(moduleDefined);
+  if (!mountedComponents.includes(module)) {
+    mountedComponents.push(module);
   }
   (0,_store__WEBPACK_IMPORTED_MODULE_0__.emit)({
     [_config__WEBPACK_IMPORTED_MODULE_2__.MOUNTED_COMPONENTS_KEY]: mountedComponents
   }, true);
 }
-function updateUnMountComponent(moduleDefined) {
-  const {
-    name,
-    module
-  } = moduleDefined;
+function updateUnMountComponent(module) {
   let mountedComponents = getMountedComponents();
-  mountedComponents = mountedComponents.filter(item => item.name !== name || item.module !== module);
+  mountedComponents = mountedComponents.filter(item => item !== module);
   (0,_store__WEBPACK_IMPORTED_MODULE_0__.emit)({
     [_config__WEBPACK_IMPORTED_MODULE_2__.MOUNTED_COMPONENTS_KEY]: mountedComponents
   }, true);
-  _connector__WEBPACK_IMPORTED_MODULE_3__["default"].deleteComponentActions({
-    name,
-    module
-  });
+  _connector__WEBPACK_IMPORTED_MODULE_3__["default"].deleteComponentActions(module);
 }
 function getSelfInfo(params) {
   const {
-    name,
     module,
     url
   } = params;
   const dependencies = (0,_store__WEBPACK_IMPORTED_MODULE_0__.getStore)(_config__WEBPACK_IMPORTED_MODULE_2__.DEPENDENCIES_KEY);
+  const {
+    name
+  } = getModuleInfo(module);
   return {
-    name,
     module,
     url: url || dependencies[name]
   };
 }
-function getClassNameWithModule(self, prefix) {
+function getClassNameWithModule(module, prefix) {
   const {
     name,
-    module
-  } = self;
-  return `${prefix} ${[name, module].filter(Boolean).join('-')}`;
+    entry
+  } = getModuleInfo(module);
+  return `${prefix} ${[name, entry].filter(Boolean).join('-')}`;
 }
 
 /***/ }),
@@ -805,21 +777,21 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function createI18nConfig(method, moduleDefined, callback) {
+function createI18nConfig(method, module, callback) {
   if (!method) {
     return;
   }
   const i18nConfig = method();
   if (!(0,_helper__WEBPACK_IMPORTED_MODULE_1__.isPromiseLike)(i18nConfig)) {
-    if (moduleDefined) {
-      _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setI18nConfig(moduleDefined, i18nConfig);
+    if (module) {
+      _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setI18nConfig(module, i18nConfig);
     } else {
       _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setGlobalI18nConfig(i18nConfig);
     }
     return;
   }
-  if (moduleDefined) {
-    _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setI18nConfig(moduleDefined, {
+  if (module) {
+    _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setI18nConfig(module, {
       loading: true,
       lngStoreKey: '',
       resources: {}
@@ -832,8 +804,8 @@ function createI18nConfig(method, moduleDefined, callback) {
     });
   }
   i18nConfig.then(res => {
-    if (moduleDefined) {
-      _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setI18nConfig(moduleDefined, {
+    if (module) {
+      _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setI18nConfig(module, {
         ...res,
         loading: false
       });
@@ -853,23 +825,22 @@ function createI18nConfig(method, moduleDefined, callback) {
     });
   }).catch(e => {
     (0,_helper__WEBPACK_IMPORTED_MODULE_1__.onError)(new _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError({
-      name: moduleDefined?.name || 'app',
-      module: moduleDefined?.module,
+      module: module || 'app',
       type: 'I18N',
       originalError: e
     }));
   });
 }
-function createI18n(moduleDefined, updater) {
+function createI18n(module, updater) {
   const ctx = (key, params, defaultString) => {
-    const i18nConfig = _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getI18nConfig(moduleDefined) || _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getGlobalI18nConfig();
+    const i18nConfig = _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getI18nConfig(module) || _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getGlobalI18nConfig();
     let defaultText = defaultString;
     if (defaultText === undefined) {
       defaultText = typeof params === 'string' ? params : key;
     }
     if (!i18nConfig) {
       (0,_helper__WEBPACK_IMPORTED_MODULE_1__.onError)(new _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError({
-        ...moduleDefined,
+        module,
         type: 'I18N',
         originalError: new Error('config not exist')
       }));
@@ -885,7 +856,7 @@ function createI18n(moduleDefined, updater) {
     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({
-        ...moduleDefined,
+        module,
         type: 'I18N',
         originalError: new Error('locale key not defined')
       }));
@@ -894,7 +865,7 @@ function createI18n(moduleDefined, updater) {
     const resource = resources?.[locale];
     if (!resource) {
       (0,_helper__WEBPACK_IMPORTED_MODULE_1__.onError)(new _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError({
-        ...moduleDefined,
+        module,
         type: 'I18N',
         originalError: new Error(`locale resource \`${locale}\` not exist`)
       }));
@@ -902,7 +873,7 @@ function createI18n(moduleDefined, updater) {
     }
     if (!resource[key]) {
       (0,_helper__WEBPACK_IMPORTED_MODULE_1__.onError)(new _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError({
-        ...moduleDefined,
+        module,
         type: 'I18N',
         originalError: new Error(`locale key \`${key}\` not exist`)
       }));
@@ -922,7 +893,7 @@ function createI18n(moduleDefined, updater) {
     }, text);
   };
   ctx.update = (config, type) => {
-    const i18nConfig = type === 'app' ? _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getGlobalI18nConfig() : _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getI18nConfig(moduleDefined);
+    const i18nConfig = type === 'app' ? _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getGlobalI18nConfig() : _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getI18nConfig(module);
     const next = {
       ...i18nConfig,
       ...config
@@ -930,7 +901,7 @@ function createI18n(moduleDefined, updater) {
     if (type === 'app') {
       _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setGlobalI18nConfig(next);
     } else {
-      _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setI18nConfig(moduleDefined, next);
+      _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setI18nConfig(module, next);
     }
     updater();
   };
@@ -963,7 +934,7 @@ const logger = args => {
     error: 'red'
   };
   const color = colorMap[args.level];
-  const params = [`%c ${(0,_helper__WEBPACK_IMPORTED_MODULE_1__.getNameWithModule)(args)} `, `background:${color};border:1px solid ${color};padding:1px;border-radius:2px 0 0 2px;color: #fff;`];
+  const params = [`%c ${args.module} `, `background:${color};border:1px solid ${color};padding:1px;border-radius:2px 0 0 2px;color: #fff;`];
   if (args.type) {
     params[0] = `${params[0]}%c ${args.type} %c`;
     params.push(`border:1px solid ${color};padding:1px;border-radius:0 2px 2px 0;color:${color};`, 'background:transparent');
@@ -973,10 +944,10 @@ const logger = args => {
   }
   window.console[args.level](...params, args.message);
 };
-const createLogger = moduleDefined => ({
+const createLogger = module => ({
   info(message, type) {
     logger({
-      ...moduleDefined,
+      module,
       level: 'info',
       type,
       message
@@ -984,7 +955,7 @@ const createLogger = moduleDefined => ({
   },
   warn(message, type) {
     logger({
-      ...moduleDefined,
+      module,
       level: 'warn',
       type,
       message
@@ -993,13 +964,13 @@ const createLogger = moduleDefined => ({
   error(message, type) {
     const middlewares = _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getMiddlewares();
     const error = message instanceof _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError ? message : new _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError({
-      ...moduleDefined,
+      module,
       type: type || 'unknow',
       originalError: message instanceof Error ? message : new Error(message)
     });
     middlewares?.onError?.(error);
     logger({
-      ...moduleDefined,
+      module,
       level: 'error',
       type,
       message
@@ -1030,13 +1001,16 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const createPostMessage = moduleDefined => async (event, value) => {
+const createPostMessage = module => async ({
+  event,
+  payload
+}) => {
   const middlewares = _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getMiddlewares();
-  const logger = (0,_logger__WEBPACK_IMPORTED_MODULE_1__["default"])(moduleDefined);
+  const logger = (0,_logger__WEBPACK_IMPORTED_MODULE_1__["default"])(module);
   let next = {
-    trigger: moduleDefined,
+    trigger: module,
     event,
-    value
+    payload
   };
   if (middlewares?.onMessage) {
     const check = await middlewares.onMessage(next);
@@ -1055,22 +1029,22 @@ const createPostMessage = moduleDefined => async (event, value) => {
     [_config__WEBPACK_IMPORTED_MODULE_3__.MESSAGE_KEY]: {
       timestamp: +new Date(),
       event: next.event,
-      trigger: moduleDefined,
-      value: next.value
+      trigger: module,
+      payload: next.payload
     }
   });
 };
-const createOnMessage = (moduleDefined, onMessage) => (0,_store__WEBPACK_IMPORTED_MODULE_2__.subscribe)({
+const createOnMessage = (module, onMessage) => (0,_store__WEBPACK_IMPORTED_MODULE_2__.subscribe)({
   [_config__WEBPACK_IMPORTED_MODULE_3__.MESSAGE_KEY](v) {
     const {
       trigger,
-      value,
+      payload,
       event
     } = v;
-    if (moduleDefined.name !== trigger.name || moduleDefined.module !== trigger.module) {
+    if (module !== trigger) {
       onMessage({
         event,
-        value,
+        payload,
         trigger
       });
     }
@@ -1110,7 +1084,6 @@ __webpack_require__.r(__webpack_exports__);
 
 function reactComponent(config) {
   const {
-    name,
     module,
     url,
     watchKeys,
@@ -1133,36 +1106,22 @@ function reactComponent(config) {
       this.ComponentNode = null;
       this.isUnMounted = true;
       this.unSubscribeMessage();
-      (0,_helper__WEBPACK_IMPORTED_MODULE_2__.updateUnMountComponent)({
-        name,
-        module
-      });
+      (0,_helper__WEBPACK_IMPORTED_MODULE_2__.updateUnMountComponent)(module);
     }
     mountComponent = async () => {
       try {
         const componentNode = await (0,_create_module__WEBPACK_IMPORTED_MODULE_9__["default"])({
-          name,
           module,
           url
         }, false);
         if (this.isUnMounted) {
           return;
         }
-        await (0,_helper__WEBPACK_IMPORTED_MODULE_2__.checkReactComponent)(componentNode, {
-          name,
-          module
-        });
-        componentNode.displayName = (0,_helper__WEBPACK_IMPORTED_MODULE_2__.getNameWithModule)({
-          name,
-          module
-        });
-        (0,_helper__WEBPACK_IMPORTED_MODULE_2__.updateMountedComponent)({
-          name,
-          module
-        });
+        await (0,_helper__WEBPACK_IMPORTED_MODULE_2__.checkReactComponent)(componentNode, module);
+        componentNode.displayName = module;
+        (0,_helper__WEBPACK_IMPORTED_MODULE_2__.updateMountedComponent)(module);
         this.unSubscribeMessage = (0,_helper__WEBPACK_IMPORTED_MODULE_2__.parseComponentActions)({
           componentNode,
-          name,
           module,
           i18nUpdate: () => this.forceUpdate()
         });
@@ -1182,24 +1141,11 @@ function reactComponent(config) {
         });
       }
     };
-    $postMessage = (0,_message__WEBPACK_IMPORTED_MODULE_5__.createPostMessage)({
-      name,
-      module
-    });
-    $dispatch = (0,_dispatch__WEBPACK_IMPORTED_MODULE_6__["default"])({
-      name,
-      module
-    });
-    $t = (0,_i18n__WEBPACK_IMPORTED_MODULE_8__.createI18n)({
-      name,
-      module
-    }, () => this.forceUpdate());
-    $logger = (0,_logger__WEBPACK_IMPORTED_MODULE_7__["default"])({
-      name,
-      module
-    });
+    $postMessage = (0,_message__WEBPACK_IMPORTED_MODULE_5__.createPostMessage)(module);
+    $dispatch = (0,_dispatch__WEBPACK_IMPORTED_MODULE_6__["default"])(module);
+    $t = (0,_i18n__WEBPACK_IMPORTED_MODULE_8__.createI18n)(module, () => this.forceUpdate());
+    $logger = (0,_logger__WEBPACK_IMPORTED_MODULE_7__["default"])(module);
     $self = (0,_helper__WEBPACK_IMPORTED_MODULE_2__.getSelfInfo)({
-      name,
       module,
       url
     });
@@ -1220,7 +1166,7 @@ function reactComponent(config) {
         throw this.error;
       }
       if (!componentReady) {
-        if ($silent || (0,_helper__WEBPACK_IMPORTED_MODULE_2__.isModuleLoaded)(name)) {
+        if ($silent || (0,_helper__WEBPACK_IMPORTED_MODULE_2__.isModuleLoaded)(module)) {
           return null;
         }
         return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Fallback, {
@@ -1269,7 +1215,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 const renderComponent = async ({
-  name,
   module,
   url,
   target,
@@ -1280,10 +1225,9 @@ const renderComponent = async ({
 }) => {
   try {
     const ReactDOM = await (0,_create_module__WEBPACK_IMPORTED_MODULE_5__["default"])({
-      name: 'react-dom'
+      module: 'react-dom'
     });
     const C = (type === 'vue3' ? _vue_component__WEBPACK_IMPORTED_MODULE_2__["default"] : _react_component__WEBPACK_IMPORTED_MODULE_1__["default"])({
-      name,
       module,
       url,
       onMounted
@@ -1300,7 +1244,6 @@ const renderComponent = async ({
       $ref
     };
     const node = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_error_boundary__WEBPACK_IMPORTED_MODULE_4__["default"], {
-      name: name,
       module: module,
       url: url
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(C, nextProps));
@@ -1313,7 +1256,6 @@ const renderComponent = async ({
     });
   } catch (e) {
     const error = new _helper__WEBPACK_IMPORTED_MODULE_3__.VariousError({
-      name,
       module,
       type: 'SCRIPT_ERROR',
       originalError: e
@@ -1397,7 +1339,6 @@ __webpack_require__.r(__webpack_exports__);
 
 function vueComponent(config) {
   const {
-    name,
     module,
     url,
     watchKeys,
@@ -1413,7 +1354,6 @@ function vueComponent(config) {
     const isUnMountedRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
     const ComponentNodeRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
     const selfRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)((0,_helper__WEBPACK_IMPORTED_MODULE_4__.getSelfInfo)({
-      name,
       module,
       url
     }));
@@ -1431,22 +1371,10 @@ function vueComponent(config) {
       $componentProps
     } = props;
     const mountVue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
-      const $logger = (0,_logger__WEBPACK_IMPORTED_MODULE_6__["default"])({
-        name,
-        module
-      });
-      const $dispatch = (0,_dispatch__WEBPACK_IMPORTED_MODULE_5__["default"])({
-        name,
-        module
-      });
-      const $postMessage = (0,_message__WEBPACK_IMPORTED_MODULE_7__.createPostMessage)({
-        name,
-        module
-      });
-      const $t = (0,_i18n__WEBPACK_IMPORTED_MODULE_8__.createI18n)({
-        name,
-        module
-      }, () => {
+      const $logger = (0,_logger__WEBPACK_IMPORTED_MODULE_6__["default"])(module);
+      const $dispatch = (0,_dispatch__WEBPACK_IMPORTED_MODULE_5__["default"])(module);
+      const $postMessage = (0,_message__WEBPACK_IMPORTED_MODULE_7__.createPostMessage)(module);
+      const $t = (0,_i18n__WEBPACK_IMPORTED_MODULE_8__.createI18n)(module, () => {
         updateVueComponentRef.current?.();
       });
       propsReactiveRef.current = vueRef.current.ref({
@@ -1469,7 +1397,6 @@ function vueComponent(config) {
           const error = e;
           errorRef.current = error.message?.includes('https://react') ? new _helper__WEBPACK_IMPORTED_MODULE_4__.VariousError({
             originalError: new Error('not a valid Vue component'),
-            name,
             module,
             type: 'INVALID_COMPONENT'
           }) : error;
@@ -1502,28 +1429,20 @@ function vueComponent(config) {
     const mountComponent = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(async () => {
       try {
         const vue = await (0,_create_module__WEBPACK_IMPORTED_MODULE_2__["default"])({
-          name: 'vue'
+          module: 'vue'
         });
         vueRef.current = vue;
         const componentNode = await (0,_create_module__WEBPACK_IMPORTED_MODULE_2__["default"])({
-          name,
           module,
           url
         }, false);
         if (isUnMountedRef.current) {
           return;
         }
-        await (0,_helper__WEBPACK_IMPORTED_MODULE_4__.checkVueComponent)(componentNode, {
-          name,
-          module
-        });
-        (0,_helper__WEBPACK_IMPORTED_MODULE_4__.updateMountedComponent)({
-          name,
-          module
-        });
+        await (0,_helper__WEBPACK_IMPORTED_MODULE_4__.checkVueComponent)(componentNode, module);
+        (0,_helper__WEBPACK_IMPORTED_MODULE_4__.updateMountedComponent)(module);
         unSubscribeMessageRef.current = (0,_helper__WEBPACK_IMPORTED_MODULE_4__.parseComponentActions)({
           componentNode,
-          name,
           module,
           type: 'vue3',
           i18nUpdate() {
@@ -1550,10 +1469,7 @@ function vueComponent(config) {
         errorRef.current = undefined;
         ComponentNodeRef.current = undefined;
         isUnMountedRef.current = true;
-        (0,_helper__WEBPACK_IMPORTED_MODULE_4__.updateUnMountComponent)({
-          name,
-          module
-        });
+        (0,_helper__WEBPACK_IMPORTED_MODULE_4__.updateUnMountComponent)(module);
         unMountVue.current?.();
         unSubscribeMessageRef.current?.();
         isVueMounted.current = false;
@@ -1582,21 +1498,15 @@ function vueComponent(config) {
     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)(name) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Fallback, {
+    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
     }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-      className: (0,_helper__WEBPACK_IMPORTED_MODULE_4__.getClassNameWithModule)({
-        name,
-        module
-      }, 'various-vue-component'),
+      className: (0,_helper__WEBPACK_IMPORTED_MODULE_4__.getClassNameWithModule)(module, 'various-vue-component'),
       ref: containerDivRef
     }));
   };
-  V.displayName = (0,_helper__WEBPACK_IMPORTED_MODULE_4__.getNameWithModule)({
-    name,
-    module
-  });
+  V.displayName = module;
   const VueComponent = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(V, props);
   VueComponent.displayName = 'various-vue-component';
   return VueComponent;
@@ -1628,6 +1538,12 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_react__;
 /******/ 		if (cachedModule !== undefined) {
 /******/ 			return cachedModule.exports;
 /******/ 		}
+/******/ 		// Check if module exists (development only)
+/******/ 		if (__webpack_modules__[moduleId] === undefined) {
+/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
+/******/ 			e.code = 'MODULE_NOT_FOUND';
+/******/ 			throw e;
+/******/ 		}
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = __webpack_module_cache__[moduleId] = {
 /******/ 			// no module.id needed
@@ -1702,6 +1618,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   defineDependencies: function() { return /* reexport safe */ _helper__WEBPACK_IMPORTED_MODULE_11__.defineDependencies; },
 /* harmony export */   getApp: function() { return /* binding */ getApp; },
 /* harmony export */   getConfig: function() { return /* reexport safe */ _helper__WEBPACK_IMPORTED_MODULE_11__.getConfig; },
+/* harmony export */   getModuleInfo: function() { return /* reexport safe */ _helper__WEBPACK_IMPORTED_MODULE_11__.getModuleInfo; },
 /* harmony export */   getMountedComponents: function() { return /* reexport safe */ _helper__WEBPACK_IMPORTED_MODULE_11__.getMountedComponents; },
 /* harmony export */   getStore: function() { return /* reexport safe */ _store__WEBPACK_IMPORTED_MODULE_1__.getUserStore; },
 /* harmony export */   isModuleLoaded: function() { return /* reexport safe */ _helper__WEBPACK_IMPORTED_MODULE_11__.isModuleLoaded; },
@@ -1746,7 +1663,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 // eslint-disable-next-line no-undef
-const version = "5.1.5";
+const version = "5.2.1";
 const getApp = config => {
   const {
     dependencies,
@@ -1784,7 +1701,7 @@ const getApp = config => {
     }
     render() {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_error_boundary__WEBPACK_IMPORTED_MODULE_6__["default"], {
-        name: "app",
+        module: "app",
         url: dependencies.app
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Root, null));
     }