@variousjs/various 5.2.1 → 6.0.0

package/dist/index.dev.js

@@ -1,1715 +1,1398 @@
-define(["react"], function(__WEBPACK_EXTERNAL_MODULE_react__) { return /******/ (function() { // webpackBootstrap
-/******/ 	var __webpack_modules__ = ({
-
-/***/ "./node_modules/@babel/runtime/helpers/esm/extends.js":
-/*!************************************************************!*\
-  !*** ./node_modules/@babel/runtime/helpers/esm/extends.js ***!
-  \************************************************************/
-/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": function() { return /* binding */ _extends; }
-/* harmony export */ });
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
+import e, { Component, useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+//#region \0@oxc-project+runtime@0.142.0/helpers/esm/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
 }
-
-
-/***/ }),
-
-/***/ "./node_modules/nycticorax/dist/index.js":
-/*!***********************************************!*\
-  !*** ./node_modules/nycticorax/dist/index.js ***!
-  \***********************************************/
-/***/ (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={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
-
-/***/ }),
-
-/***/ "./src/core/config.ts":
-/*!****************************!*\
-  !*** ./src/core/config.ts ***!
-  \****************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__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 */   DEPENDENCIES_KEY: function() { return /* binding */ DEPENDENCIES_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; },
-/* harmony export */   VUE_FUNCTION_OPTIONS: function() { return /* binding */ VUE_FUNCTION_OPTIONS; },
-/* harmony export */   VUE_VERSION: function() { return /* binding */ VUE_VERSION; }
-/* harmony export */ });
-const MOUNTED_COMPONENTS_KEY = Symbol('MOUNTED_COMPONENTS');
-const MESSAGE_KEY = Symbol('MESSAGE');
-const CONFIG_KEY = Symbol('CONFIG');
-const DEPENDENCIES_KEY = Symbol('DEPENDENCIES');
-const STANDALONE_CONFIG_READY = Symbol('STANDALONE_CONFIG_READY');
-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'];
-
-/***/ }),
-
-/***/ "./src/core/connector.ts":
-/*!*******************************!*\
-  !*** ./src/core/connector.ts ***!
-  \*******************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"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");
-
-class Connector {
-  constructor() {
-    this.fallbackComponent = _default_component__WEBPACK_IMPORTED_MODULE_0__.Fallback;
-    this.errorFallbackComponent = _default_component__WEBPACK_IMPORTED_MODULE_0__.ErrorFallback;
-    this.storeActions = {};
-    this.componentActions = {};
-    this.i18nConfigs = {};
-    this.middlewares = {};
-  }
-  setMiddlewares(m) {
-    this.middlewares = m;
-  }
-  getMiddlewares() {
-    return this.middlewares;
-  }
-  setI18nConfig(module, config) {
-    this.i18nConfigs[module] = {
-      ...this.i18nConfigs[module],
-      ...config
-    };
-  }
-  getI18nConfig(module) {
-    return this.i18nConfigs[module];
-  }
-  setGlobalI18nConfig(config) {
-    this.globalI18nConfig = {
-      ...this.globalI18nConfig,
-      ...config
-    };
-  }
-  getGlobalI18nConfig() {
-    return this.globalI18nConfig;
-  }
-  setComponentActions(module, actions) {
-    this.componentActions[module] = actions;
-  }
-  deleteComponentActions(module) {
-    delete this.componentActions[module];
-  }
-  getComponentActions(module) {
-    return this.componentActions[module];
-  }
-  setStoreActions(actions) {
-    this.storeActions = actions;
-  }
-  getStoreActions() {
-    return this.storeActions;
-  }
-  setFallbackComponent(fallbackComponent) {
-    this.fallbackComponent = fallbackComponent;
-  }
-  getFallbackComponent() {
-    return this.fallbackComponent;
-  }
-  setErrorFallbackComponent(errorFallbackComponent) {
-    this.errorFallbackComponent = errorFallbackComponent;
-  }
-  getErrorFallbackComponent() {
-    return this.errorFallbackComponent;
-  }
+//#endregion
+//#region \0@oxc-project+runtime@0.142.0/helpers/esm/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
 }
-/* harmony default export */ __webpack_exports__["default"] = (new Connector());
-
-/***/ }),
-
-/***/ "./src/core/create-component.tsx":
-/*!***************************************!*\
-  !*** ./src/core/create-component.tsx ***!
-  \***************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _react_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./react-component */ "./src/core/react-component.tsx");
-/* harmony import */ var _vue_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./vue-component */ "./src/core/vue-component.tsx");
-/* harmony import */ var _error_boundary__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./error-boundary */ "./src/core/error-boundary.tsx");
-
-
-
-
-const createComponent = (config, storeKeys) => {
-  const {
-    module,
-    url,
-    type = 'react'
-  } = config;
-  const C = (type === 'vue3' ? _vue_component__WEBPACK_IMPORTED_MODULE_2__["default"] : _react_component__WEBPACK_IMPORTED_MODULE_1__["default"])({
-    module,
-    url,
-    watchKeys: storeKeys
-  });
-  const component = props => {
-    const {
-      $silent,
-      $ref,
-      ...rest
-    } = props || {};
-    const nextProps = {
-      $componentProps: rest,
-      $silent,
-      $ref
-    };
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_error_boundary__WEBPACK_IMPORTED_MODULE_3__["default"], {
-      module: module,
-      url: url
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(C, nextProps));
-  };
-  component.displayName = 'various-creator';
-  return component;
+//#endregion
+//#region \0@oxc-project+runtime@0.142.0/helpers/esm/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.142.0/helpers/esm/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.142.0/helpers/esm/objectSpread2.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 _objectSpread2(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;
+}
+//#endregion
+//#region node_modules/nycticorax/dist/esm/index.js
+var o = {
+	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 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;
+		};
+	},
+	232(t, e, r) {
+		r.d(e, { A: () => u });
+		var s = r(705), o = r(17), n = r.n(o);
+		function i(t, e = /* @__PURE__ */ 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 u {
+			constructor() {
+				var t;
+				(0, s.A)(this, "state", void 0), (0, s.A)(this, "listeners", void 0), (0, s.A)(this, "emits", void 0), (0, s.A)(this, "timer", void 0), (0, s.A)(this, "onStateChange", void 0), (0, s.A)(this, "getStore", void 0), (0, s.A)(this, "createStore", (t) => {
+					this.listeners = Reflect.ownKeys(t).reduce((e, r) => {
+						const s = r;
+						return this.state[s] = t[s], _objectSpread2(_objectSpread2({}, e), {}, { [r]: [] });
+					}, {});
+				}), (0, s.A)(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.A)(this, "emit", (t, e) => {
+					this.emits = _objectSpread2(_objectSpread2({}, this.emits), t), e ? this.trigger() : (clearTimeout(this.timer), this.timer = setTimeout(this.trigger));
+				}), (0, s.A)(this, "dispatch", (t, ...e) => t({
+					getStore: this.getStore,
+					emit: (t) => this.emit(t, !0)
+				}, ...e)), (0, s.A)(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 u = t[o], c = this.state[o];
+						this.state[o] = i(t[o]), e.push({
+							key: o,
+							newValue: u,
+							oldValue: c
+						});
+					}
+					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;
+			}
+		}
+	},
+	705(t, e, r) {
+		function s(t) {
+			return s = "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;
+			}, s(t);
+		}
+		function o(t, e, r) {
+			return (e = function(t) {
+				var e = function(t) {
+					if ("object" != s(t) || !t) return t;
+					var e = t[Symbol.toPrimitive];
+					if (void 0 !== e) {
+						var r = e.call(t, "string");
+						if ("object" != s(r)) return r;
+						throw new TypeError("@@toPrimitive must return a primitive value.");
+					}
+					return String(t);
+				}(t);
+				return "symbol" == s(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: () => o });
+	}
 };
-/* harmony default export */ __webpack_exports__["default"] = (createComponent);
-
-/***/ }),
-
-/***/ "./src/core/create-module.ts":
-/*!***********************************!*\
-  !*** ./src/core/create-module.ts ***!
-  \***********************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./config */ "./src/core/config.ts");
-/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./store */ "./src/core/store.ts");
-/* harmony import */ var _connector__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./connector */ "./src/core/connector.ts");
-/* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helper */ "./src/core/helper.ts");
-
-
-
-
-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 {
-    url,
-    module
-  } = config;
-  const {
-    name,
-    entry
-  } = (0,_helper__WEBPACK_IMPORTED_MODULE_3__.getModuleInfo)(module);
-  const loadStart = +new Date();
-  const logOnError = e => {
-    if (logError) {
-      (0,_helper__WEBPACK_IMPORTED_MODULE_3__.onError)(e);
-    }
-  };
-  if (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)(module)) {
-      const error = new _helper__WEBPACK_IMPORTED_MODULE_3__.VariousError({
-        module,
-        type: 'NOT_DEFINED',
-        originalError: new Error(`module "${name}" not defined`)
-      });
-      logOnError(error);
-      reject(error);
-      return;
-    }
-    window.requirejs([name], C => {
-      const loadEnd = +new Date();
-      middlewares?.onLoad?.({
-        module,
-        loadStart,
-        loadEnd,
-        beenLoaded: (0,_helper__WEBPACK_IMPORTED_MODULE_3__.isModuleLoaded)(module)
-      });
-      if (!C) {
-        const error = new _helper__WEBPACK_IMPORTED_MODULE_3__.VariousError({
-          module,
-          type: 'INVALID_MODULE',
-          originalError: new Error(`module "${name}" invalid`)
-        });
-        (0,_helper__WEBPACK_IMPORTED_MODULE_3__.resetDependencyConfig)(module);
-        logOnError(error);
-        reject(error);
-        return;
-      }
-      const defaultModule = 'default' in C ? C.default : C;
-      const actualModule = !entry ? defaultModule : C[entry];
-      if (actualModule === undefined && entry) {
-        const error = new _helper__WEBPACK_IMPORTED_MODULE_3__.VariousError({
-          module,
-          type: 'SUBMODULE_NOT_DEFINED',
-          originalError: new Error(`submodule "${entry}" not defined`)
-        });
-        (0,_helper__WEBPACK_IMPORTED_MODULE_3__.resetDependencyConfig)(module);
-        logOnError(error);
-        reject(error);
-        return;
-      }
-      resolve(actualModule);
-    }, e => {
-      const [requireModule] = e.requireModules;
-      (0,_helper__WEBPACK_IMPORTED_MODULE_3__.resetDependencyConfig)(module, url);
-      (0,_helper__WEBPACK_IMPORTED_MODULE_3__.resetDependencyConfig)(requireModule);
-      let errorType = 'LOADING_ERROR';
-      if (requireModule !== name) {
-        errorType = 'SUBMODULE_LOADING_ERROR';
-      }
-      if (!e.message.includes('https://requirejs.org/docs/errors.html')) {
-        errorType = requireModule === name ? 'SCRIPT_ERROR' : 'SUBMODULE_SCRIPT_ERROR';
-      }
-      const error = new _helper__WEBPACK_IMPORTED_MODULE_3__.VariousError({
-        module: requireModule,
-        type: errorType,
-        originalError: e
-      });
-      logOnError(error);
-      reject(error);
-    });
-  });
+var n = {};
+function i(t) {
+	var e = n[t];
+	if (void 0 !== e) return e.exports;
+	var r = n[t] = { exports: {} };
+	return o[t](r, r.exports, i), r.exports;
+}
+i.n = (t) => {
+	var e = t && t.__esModule ? () => t.default : () => t;
+	return i.d(e, { a: e }), e;
+}, i.d = (t, e) => {
+	for (var r in e) i.o(e, r) && !i.o(t, r) && Object.defineProperty(t, r, {
+		enumerable: !0,
+		get: e[r]
+	});
+}, i.o = (t, e) => Object.prototype.hasOwnProperty.call(t, e);
+var u = i(705);
+var c = i(232);
+var a = [
+	"name",
+	"prototype",
+	"length",
+	"getDerivedStateFromProps",
+	"getDerivedStateFromError"
+];
+var f = class extends c.A {
+	constructor(...o) {
+		super(...o), (0, u.A)(this, "connect", function(r) {
+			const { getStore: s, subscribe: o } = r;
+			return function(...r) {
+				return function(n) {
+					class i extends Component {
+						constructor(t) {
+							super(t), (0, u.A)(this, "unsubscribe", void 0), (0, u.A)(this, "state", { props: s() }), this.unsubscribe = o(r.reduce((t, e) => _objectSpread2(_objectSpread2({}, t), {}, { [e]: () => {
+								this.setState({ props: s() });
+							} }), {}));
+						}
+						componentWillUnmount() {
+							this.unsubscribe();
+						}
+						render() {
+							const { props: t } = this.state, r = _objectSpread2(_objectSpread2({}, t), this.props);
+							return e.createElement(n, r);
+						}
+					}
+					return Reflect.ownKeys(n).forEach((t) => {
+						const e = String(t);
+						if (!a.includes(e)) {
+							const e = Object.getOwnPropertyDescriptor(n, t);
+							e && Object.defineProperty(i, t, e);
+						}
+					}), i;
+				};
+			};
+		}(this)), (0, u.A)(this, "useStore", function(t) {
+			const { getStore: e, subscribe: o } = t;
+			return function(...t) {
+				const [n, i] = useState(e());
+				return useLayoutEffect(() => o(t.reduce((t, r) => _objectSpread2(_objectSpread2({}, t), {}, { [r]: () => {
+					i((t) => _objectSpread2(_objectSpread2({}, t), {}, { [r]: e()[r] }));
+				} }), {}))), n;
+			};
+		}(this));
+	}
 };
-/* harmony default export */ __webpack_exports__["default"] = (createModule);
-
-/***/ }),
-
-/***/ "./src/core/default-component.tsx":
-/*!****************************************!*\
-  !*** ./src/core/default-component.tsx ***!
-  \****************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   ErrorFallback: function() { return /* binding */ ErrorFallback; },
-/* harmony export */   Fallback: function() { return /* binding */ Fallback; },
-/* harmony export */   Root: function() { return /* binding */ Root; }
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helper */ "./src/core/helper.ts");
-
-
-const Fallback = props => {
-  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");
+var h = f;
+//#endregion
+//#region src/core/store.ts
+var { createStore, getStore, connect, emit, subscribe, dispatch, useStore } = new h();
+function getUserStore() {
+	const globalStore = getStore();
+	const keys = Object.keys(globalStore);
+	const store = {};
+	keys.forEach((key) => {
+		store[key] = globalStore[key];
+	});
+	return store;
+}
+//#endregion
+//#region src/core/config.ts
+var MOUNTED_COMPONENTS_KEY = Symbol("MOUNTED_COMPONENTS");
+var MESSAGE_KEY = Symbol("MESSAGE");
+var CONFIG_KEY = Symbol("CONFIG");
+var DEPENDENCIES_KEY = Symbol("DEPENDENCIES");
+var LOCALE_KEY = Symbol("LOCALE");
+var I18NActions = /* @__PURE__ */ function(I18NActions) {
+	I18NActions["SetLocale"] = "setLocale";
+	I18NActions["GetLocale"] = "getLocale";
+	I18NActions["UpdateI18nConfig"] = "updateI18nConfig";
+	return I18NActions;
+}({});
+var VUE_FUNCTION_OPTIONS = [
+	"beforeCreate",
+	"created",
+	"beforeMount",
+	"mounted",
+	"beforeUpdate",
+	"updated",
+	"beforeUnmount",
+	"unmounted",
+	"errorCaptured",
+	"renderTracked",
+	"renderTriggered",
+	"activated",
+	"deactivated",
+	"setup",
+	"data",
+	"render"
+];
+var BASE_DEPENDENCIES = [
+	"react",
+	"react-dom",
+	"@variousjs/various",
+	"app"
+];
+//#endregion
+//#region src/core/logger.ts
+var logger = (args) => {
+	var _middlewares$onLog;
+	const middlewares = connector_default.getMiddlewares();
+	if ((middlewares === null || middlewares === void 0 || (_middlewares$onLog = middlewares.onLog) === null || _middlewares$onLog === void 0 ? void 0 : _middlewares$onLog.call(middlewares, args)) === false) return;
+	const color = {
+		info: "blue",
+		warn: "orange",
+		error: "red"
+	}[args.level];
+	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");
+	}
+	if (args.level !== "info") params[0] = ` ${params[0]}`;
+	window.console[args.level](...params, args.message);
 };
-const ErrorFallback = ({
-  $error,
-  $reload,
-  $self
-}) => {
-  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", {
-    type: "button",
-    onClick: $reload
-  }, "Reload"));
+var createLogger = (module) => ({
+	info(message, type) {
+		logger({
+			module,
+			level: "info",
+			type,
+			message
+		});
+	},
+	warn(message, type) {
+		logger({
+			module,
+			level: "warn",
+			type,
+			message
+		});
+	},
+	error(message, type) {
+		var _middlewares$onError;
+		const middlewares = connector_default.getMiddlewares();
+		const error = message instanceof VariousError ? message : new VariousError({
+			module,
+			type: type || "unknow",
+			originalError: message instanceof Error ? message : new Error(message)
+		});
+		middlewares === null || middlewares === void 0 || (_middlewares$onError = middlewares.onError) === null || _middlewares$onError === void 0 || _middlewares$onError.call(middlewares, error);
+		logger({
+			module,
+			level: "error",
+			type,
+			message
+		});
+	}
+});
+//#endregion
+//#region src/core/message.ts
+var createPostMessage = (module) => async ({ event, payload }) => {
+	const middlewares = connector_default.getMiddlewares();
+	const logger = createLogger(module);
+	let next = {
+		trigger: module,
+		event,
+		payload
+	};
+	if (middlewares === null || middlewares === void 0 ? void 0 : middlewares.onMessage) {
+		const check = await middlewares.onMessage(next);
+		if (check === false) {
+			logger.warn("blocked by middleware", "POST_MESSAGE");
+			return;
+		}
+		if (check !== true) next = _objectSpread2(_objectSpread2({}, next), check);
+	}
+	emit({ [MESSAGE_KEY]: {
+		timestamp: +/* @__PURE__ */ new Date(),
+		event: next.event,
+		trigger: module,
+		payload: next.payload
+	} });
 };
-const Root = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, "App Container is not defined");
-
-/***/ }),
-
-/***/ "./src/core/dispatch.ts":
-/*!******************************!*\
-  !*** ./src/core/dispatch.ts ***!
-  \******************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _connector__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./connector */ "./src/core/connector.ts");
-/* 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");
-
-
-
-
-const createDispatch = module => async function (params) {
-  const middlewares = _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getMiddlewares();
-  const logger = (0,_logger__WEBPACK_IMPORTED_MODULE_3__["default"])(module);
-  let {
-    action,
-    payload,
-    target
-  } = params;
-  if (middlewares?.onDispatch) {
-    const check = await middlewares.onDispatch({
-      target,
-      action,
-      payload,
-      trigger: module
-    });
-    if (check === false) {
-      logger.warn('blocked by middleware', 'DISPATCH');
-      return Promise.resolve();
-    }
-    if (check !== true) {
-      target = check.target;
-      action = check.action;
-      payload = check.payload;
-    }
-  }
-  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({
-        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, payload, 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({
-      module,
-      type: 'DISPATCH',
-      originalError: new Error(errorMessage)
-    });
-    (0,_helper__WEBPACK_IMPORTED_MODULE_2__.onError)(error);
-    throw error;
-  }
-  const componentAction = componentActions[action];
-  if (!componentAction) {
-    const errorMessage = `action "${action}" is not present`;
-    const error = new _helper__WEBPACK_IMPORTED_MODULE_2__.VariousError({
-      module,
-      type: 'DISPATCH',
-      originalError: new Error(errorMessage)
-    });
-    (0,_helper__WEBPACK_IMPORTED_MODULE_2__.onError)(error);
-    throw error;
-  }
-  return Promise.resolve(componentAction({
-    payload,
-    trigger: module
-  }));
+var createOnMessage = (module, onMessage) => subscribe({ [MESSAGE_KEY](v) {
+	const { trigger, payload, event } = v;
+	if (module !== trigger) onMessage({
+		event,
+		payload,
+		trigger
+	});
+} });
+//#endregion
+//#region src/core/i18n.ts
+function createI18nConfig(method, module, callback) {
+	if (!method) return;
+	const i18nConfig = method();
+	if (!isPromiseLike(i18nConfig)) {
+		if (module) connector_default.setI18nConfig(module, i18nConfig);
+		else connector_default.setGlobalI18nConfig(i18nConfig);
+		return;
+	}
+	if (module) connector_default.setI18nConfig(module, {
+		loading: true,
+		resources: {}
+	});
+	else connector_default.setGlobalI18nConfig({
+		loading: true,
+		resources: {}
+	});
+	i18nConfig.then((res) => {
+		if (module) {
+			connector_default.setI18nConfig(module, _objectSpread2(_objectSpread2({}, res), {}, { loading: false }));
+			callback === null || callback === void 0 || callback();
+			return;
+		}
+		const locale = getStore(LOCALE_KEY);
+		emit({ [LOCALE_KEY]: void 0 }, true);
+		emit({ [LOCALE_KEY]: locale }, true);
+		connector_default.setGlobalI18nConfig(_objectSpread2(_objectSpread2({}, res), {}, { loading: false }));
+	}).catch((e) => {
+		onError(new VariousError({
+			module: module || "app",
+			type: "I18N",
+			originalError: e
+		}));
+	});
+}
+function createI18n(module, updater) {
+	const ctx = (key, params, defaultString) => {
+		const i18nConfig = connector_default.getI18nConfig(module) || connector_default.getGlobalI18nConfig();
+		let defaultText = defaultString;
+		if (defaultText === void 0) defaultText = typeof params === "string" ? params : key;
+		if (!i18nConfig) {
+			onError(new VariousError({
+				module,
+				type: "I18N",
+				originalError: /* @__PURE__ */ new Error("config not exist")
+			}));
+			return defaultText;
+		}
+		if (i18nConfig.loading) return defaultText;
+		const { resources } = i18nConfig;
+		const locale = getStore(LOCALE_KEY);
+		const resource = resources === null || resources === void 0 ? void 0 : resources[locale];
+		if (!resource) {
+			onError(new VariousError({
+				module,
+				type: "I18N",
+				originalError: /* @__PURE__ */ new Error(`locale resource \`${locale}\` not exist`)
+			}));
+			return defaultText;
+		}
+		if (!resource[key]) {
+			onError(new VariousError({
+				module,
+				type: "I18N",
+				originalError: /* @__PURE__ */ new Error(`locale key \`${key}\` not exist`)
+			}));
+			return defaultText;
+		}
+		const text = resource[key];
+		if (!params || typeof params === "string" || Object.prototype.toString.call(params) !== "[object Object]") return text;
+		const args = Object.keys(params);
+		if (!args.length) return text;
+		return args.reduce((next, arg) => {
+			const regex = new RegExp(`{\\s*${arg}\\s*}`, "g");
+			return next.replace(regex, params[arg].toString());
+		}, text);
+	};
+	ctx.update = (config) => {
+		const next = _objectSpread2(_objectSpread2({}, connector_default.getI18nConfig(module)), config);
+		connector_default.setI18nConfig(module, next);
+		updater();
+	};
+	return ctx;
+}
+//#endregion
+//#region \0vite/preload-helper.js
+var scriptRel = "modulepreload";
+var assetsURL = function(dep) {
+	return "/" + dep;
 };
-/* harmony default export */ __webpack_exports__["default"] = (createDispatch);
-
-/***/ }),
-
-/***/ "./src/core/error-boundary.tsx":
-/*!*************************************!*\
-  !*** ./src/core/error-boundary.tsx ***!
-  \*************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* 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");
-
-
-
-
-class ErrorBoundary extends react__WEBPACK_IMPORTED_MODULE_0__.Component {
-  static displayName = 'various-error-boundary';
-  state = {
-    hasError: false
-  };
-  componentDidCatch(e) {
-    const {
-      module
-    } = this.props;
-    const error = e instanceof _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError ? e : new _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError({
-      module,
-      type: module === 'app' ? 'APP_ERROR' : 'SCRIPT_ERROR',
-      originalError: e
-    });
-    this.setState({
-      hasError: true
-    });
-    this.error = error;
-    (0,_helper__WEBPACK_IMPORTED_MODULE_1__.onError)(error);
-    (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 = () => {
-    this.error = undefined;
-    this.setState({
-      hasError: false
-    });
-  };
-  render() {
-    const ErrorFallbackNode = _connector__WEBPACK_IMPORTED_MODULE_2__["default"].getErrorFallbackComponent();
-    const store = (0,_store__WEBPACK_IMPORTED_MODULE_3__.getUserStore)();
-    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
-      });
-    }
-    return this.props.children;
-  }
+var seen = {};
+var __vitePreload = function preload(baseModule, deps, importerUrl) {
+	let promise = Promise.resolve();
+	if (deps && deps.length > 0) {
+		const links = document.getElementsByTagName("link");
+		const cspNonceMeta = document.querySelector("meta[property=csp-nonce]");
+		const cspNonce = (cspNonceMeta === null || cspNonceMeta === void 0 ? void 0 : cspNonceMeta.nonce) || (cspNonceMeta === null || cspNonceMeta === void 0 ? void 0 : cspNonceMeta.getAttribute("nonce"));
+		function allSettled(promises) {
+			return Promise.all(promises.map((p) => Promise.resolve(p).then((value) => ({
+				status: "fulfilled",
+				value
+			}), (reason) => ({
+				status: "rejected",
+				reason
+			}))));
+		}
+		function importMetaResolve(specifier) {
+			if (import.meta.resolve) return import.meta.resolve(specifier);
+			return new URL(
+				specifier,
+				/** #__KEEP__ */
+				import.meta.url
+			).href;
+		}
+		promise = allSettled(deps.map((dep) => {
+			dep = assetsURL(dep, importerUrl);
+			dep = importMetaResolve(dep);
+			if (dep in seen) return;
+			seen[dep] = true;
+			const isCss = dep.endsWith(".css");
+			for (let i = links.length - 1; i >= 0; i--) {
+				const link = links[i];
+				if (link.href === dep && (!isCss || link.rel === "stylesheet")) return;
+			}
+			const link = document.createElement("link");
+			link.rel = isCss ? "stylesheet" : scriptRel;
+			if (!isCss) link.as = "script";
+			link.crossOrigin = "";
+			link.href = dep;
+			if (cspNonce) link.setAttribute("nonce", cspNonce);
+			document.head.appendChild(link);
+			if (isCss) return new Promise((res, rej) => {
+				link.addEventListener("load", res);
+				link.addEventListener("error", () => rej(/* @__PURE__ */ new Error(`Unable to preload CSS for ${dep}`)));
+			});
+		}));
+	}
+	function handlePreloadError(err) {
+		const e = new Event("vite:preloadError", { cancelable: true });
+		e.payload = err;
+		window.dispatchEvent(e);
+		if (!e.defaultPrevented) throw err;
+	}
+	return promise.then((res) => {
+		for (const item of res || []) {
+			if (item.status !== "rejected") continue;
+			handlePreloadError(item.reason);
+		}
+		return baseModule().catch(handlePreloadError);
+	});
+};
+//#endregion
+//#region src/core/system.ts
+function getRegistry() {
+	if (!window.__various) window.__various = {
+		modules: /* @__PURE__ */ new Map(),
+		urls: /* @__PURE__ */ new Map(),
+		loaded: /* @__PURE__ */ new Map()
+	};
+	return window.__various;
 }
-/* harmony default export */ __webpack_exports__["default"] = (ErrorBoundary);
-
-/***/ }),
-
-/***/ "./src/core/helper.ts":
-/*!****************************!*\
-  !*** ./src/core/helper.ts ***!
-  \****************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   VariousError: function() { return /* binding */ VariousError; },
-/* harmony export */   checkReactComponent: function() { return /* binding */ checkReactComponent; },
-/* harmony export */   checkVueComponent: function() { return /* binding */ checkVueComponent; },
-/* 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 */   getSelfInfo: function() { return /* binding */ getSelfInfo; },
-/* harmony export */   isModuleLoaded: function() { return /* binding */ isModuleLoaded; },
-/* harmony export */   isModuleSpecified: function() { return /* binding */ isModuleSpecified; },
-/* harmony export */   isPromiseLike: function() { return /* binding */ isPromiseLike; },
-/* harmony export */   onComponentMounted: function() { return /* binding */ onComponentMounted; },
-/* harmony export */   onError: function() { return /* binding */ onError; },
-/* harmony export */   parseComponentActions: function() { return /* binding */ parseComponentActions; },
-/* harmony export */   preloadModules: function() { return /* binding */ preloadModules; },
-/* harmony export */   removeLoadedModules: function() { return /* binding */ removeLoadedModules; },
-/* harmony export */   resetDependencyConfig: function() { return /* binding */ resetDependencyConfig; },
-/* harmony export */   updateMountedComponent: function() { return /* binding */ updateMountedComponent; },
-/* harmony export */   updateUnMountComponent: function() { return /* binding */ updateUnMountComponent; }
-/* harmony export */ });
-/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./store */ "./src/core/store.ts");
-/* harmony import */ var _logger__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./logger */ "./src/core/logger.ts");
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./config */ "./src/core/config.ts");
-/* harmony import */ var _connector__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./connector */ "./src/core/connector.ts");
-/* harmony import */ var _message__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./message */ "./src/core/message.ts");
-/* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./i18n */ "./src/core/i18n.ts");
-
-
-
-
-
-
-const getUrlHash = url => `${url}?${+new Date()}`;
-const getModuleInfo = module => {
-  const [name, entry] = module.split('.');
-  return {
-    name,
-    entry
-  };
+var { modules: moduleRegistry, urls: moduleUrls, loaded: loadedModules } = getRegistry();
+function resolveUrl(url) {
+	if (url.startsWith("http") || url.startsWith("/") || url.startsWith("blob:")) return url;
+	return new URL(url, document.baseURI).href;
+}
+function setModuleUrl(name, url) {
+	moduleUrls.set(name, url);
+}
+function getModuleUrl(name) {
+	return moduleUrls.get(name);
+}
+async function importModule(name) {
+	const url = moduleUrls.get(name);
+	if (url) {
+		const absoluteUrl = resolveUrl(url);
+		if (loadedModules.has(absoluteUrl)) return loadedModules.get(absoluteUrl);
+		const mod = await __vitePreload(() => import(
+			/* @vite-ignore */
+			absoluteUrl
+), []);
+		loadedModules.set(absoluteUrl, mod);
+		return mod;
+	}
+	if (moduleRegistry.has(name)) return moduleRegistry.get(name);
+	throw new Error(`module "${name}" not defined`);
+}
+function isModuleDefined(name) {
+	if (moduleRegistry.has(name)) return true;
+	const url = moduleUrls.get(name);
+	if (url && loadedModules.has(resolveUrl(url))) return true;
+	return false;
+}
+function isModuleSpecified$1(name) {
+	return moduleUrls.has(name) || isModuleDefined(name);
+}
+function deleteModule(name) {
+	moduleRegistry.delete(name);
+	const url = moduleUrls.get(name);
+	if (url) loadedModules.delete(resolveUrl(url));
+}
+//#endregion
+//#region src/core/helper.ts
+var getUrlHash = (url) => `${url}?${+/* @__PURE__ */ new Date()}`;
+var 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 = modules => {
-  modules.forEach(module => {
-    const {
-      name
-    } = getModuleInfo(module);
-    if (!_config__WEBPACK_IMPORTED_MODULE_2__.BASE_DEPENDENCIES.includes(name)) {
-      window.requirejs.undef(name);
-    }
-  });
+var preloadModules = (modules) => {
+	const names = modules.map((m) => getModuleInfo(m).name);
+	return Promise.all(names.map((n) => importModule(n))).then(() => void 0);
 };
-const defineDependencies = deps => {
-  const dependencies = (0,_store__WEBPACK_IMPORTED_MODULE_0__.getStore)(_config__WEBPACK_IMPORTED_MODULE_2__.DEPENDENCIES_KEY);
-  const next = {};
-  Object.keys(deps).forEach(name => {
-    if (!_config__WEBPACK_IMPORTED_MODULE_2__.BASE_DEPENDENCIES.includes(name)) {
-      next[name] = `${deps[name]}#${name}`;
-      window.requirejs.undef(name);
-    }
-  });
-  window.requirejs.config({
-    paths: next
-  });
-  (0,_store__WEBPACK_IMPORTED_MODULE_0__.emit)({
-    [_config__WEBPACK_IMPORTED_MODULE_2__.DEPENDENCIES_KEY]: {
-      ...dependencies,
-      ...next
-    }
-  }, true);
+var removeLoadedModules = (modules) => {
+	modules.forEach((module) => {
+		const { name } = getModuleInfo(module);
+		if (!BASE_DEPENDENCIES.includes(name)) deleteModule(name);
+	});
 };
-const isModuleLoaded = module => {
-  const {
-    name
-  } = getModuleInfo(module);
-  return window.requirejs.defined(name);
+var defineDependencies = (deps) => {
+	const dependencies = getStore(DEPENDENCIES_KEY);
+	const next = {};
+	Object.keys(deps).forEach((name) => {
+		if (!BASE_DEPENDENCIES.includes(name)) {
+			next[name] = deps[name];
+			if (getModuleUrl(name) !== deps[name]) deleteModule(name);
+			setModuleUrl(name, deps[name]);
+		}
+	});
+	emit({ [DEPENDENCIES_KEY]: _objectSpread2(_objectSpread2({}, dependencies), next) }, true);
 };
-const isModuleSpecified = module => {
-  const {
-    name
-  } = getModuleInfo(module);
-  return window.requirejs.specified(name);
+var isModuleLoaded = (module) => {
+	const { name } = getModuleInfo(module);
+	return isModuleDefined(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 => getMountedComponents().includes(m))) {
-    callback();
-  }
-  const unSubscribe = (0,_store__WEBPACK_IMPORTED_MODULE_0__.subscribe)({
-    [_config__WEBPACK_IMPORTED_MODULE_2__.MOUNTED_COMPONENTS_KEY](value) {
-      if (modules.every(n => value.includes(n))) {
-        unSubscribe();
-        callback();
-      }
-    }
-  });
-  return unSubscribe;
+var isModuleSpecified = (module) => {
+	const { name } = getModuleInfo(module);
+	return isModuleSpecified$1(name);
 };
-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
-  if (url && isModuleLoaded(name)) {
-    return;
-  }
-  if (!dependencies[name] && url) {
-    window.requirejs.config({
-      paths: {
-        [name]: `${url}#${name}`
-      }
-    });
-    return;
-  }
-  let path = getUrlHash(dependencies[name]);
-  if (url) {
-    path = getUrlHash(`${url}#${name}`);
-  }
-  window.requirejs.undef(name);
-  window.requirejs.config({
-    paths: {
-      [name]: path
-    }
-  });
+var getMountedComponents = () => getStore(MOUNTED_COMPONENTS_KEY);
+var onComponentMounted = (module, callback) => {
+	const modules = Array.isArray(module) ? module : [module];
+	if (modules.every((m) => getMountedComponents().includes(m))) callback();
+	const unSubscribe = subscribe({ [MOUNTED_COMPONENTS_KEY](value) {
+		if (modules.every((n) => value.includes(n))) {
+			unSubscribe();
+			callback();
+		}
+	} });
+	return unSubscribe;
+};
+var resetDependencyConfig = (module, url) => {
+	const { name } = getModuleInfo(module);
+	const dependencies = getStore(DEPENDENCIES_KEY);
+	if (url && isModuleDefined(name)) return;
+	if (!dependencies[name] && url) {
+		setModuleUrl(name, url);
+		return;
+	}
+	let moduleUrl = getUrlHash(dependencies[name]);
+	if (url) moduleUrl = getUrlHash(url);
+	deleteModule(name);
+	setModuleUrl(name, moduleUrl);
 };
 function getConfig() {
-  return (0,_store__WEBPACK_IMPORTED_MODULE_0__.getStore)(_config__WEBPACK_IMPORTED_MODULE_2__.CONFIG_KEY);
+	return getStore(CONFIG_KEY);
 }
-const onError = e => {
-  const {
-    module,
-    type
-  } = e;
-  const logger = (0,_logger__WEBPACK_IMPORTED_MODULE_1__["default"])(module);
-  logger.error(e, type);
+var onError = (e) => {
+	const { module, type } = e;
+	createLogger(module).error(e, type);
+};
+var VariousError = class extends Error {
+	constructor(data) {
+		super(data.originalError.message);
+		_defineProperty(this, "type", void 0);
+		_defineProperty(this, "originalError", void 0);
+		_defineProperty(this, "module", void 0);
+		this.type = data.type;
+		this.originalError = data.originalError;
+		this.module = data.module;
+	}
 };
-class VariousError extends Error {
-  constructor(data) {
-    super(data.originalError.message);
-    this.type = data.type;
-    this.originalError = data.originalError;
-    this.module = data.module;
-  }
-}
 function checkReactComponent(component, module) {
-  return new Promise((reslove, reject) => {
-    if (component.$$typeof || component.prototype?.isReactComponent || typeof component === 'function') {
-      reslove();
-      return;
-    }
-    reject(new VariousError({
-      module,
-      originalError: new Error('not a valid React component'),
-      type: 'INVALID_COMPONENT'
-    }));
-  });
+	return new Promise((reslove, reject) => {
+		var _component$prototype;
+		if (component.$$typeof || ((_component$prototype = component.prototype) === null || _component$prototype === void 0 ? void 0 : _component$prototype.isReactComponent) || typeof component === "function") {
+			reslove();
+			return;
+		}
+		reject(new VariousError({
+			module,
+			originalError: /* @__PURE__ */ new Error("not a valid React component"),
+			type: "INVALID_COMPONENT"
+		}));
+	});
 }
 function isPromiseLike(value) {
-  return value != null && typeof value.then === 'function';
+	return value != null && typeof value.then === "function";
 }
 function checkVueComponent(component, module) {
-  const versionRegex = new RegExp(`^${_config__WEBPACK_IMPORTED_MODULE_2__.VUE_VERSION}\\.`);
-  return new Promise((resolve, reject) => {
-    window.requirejs(['vue'], Vue => {
-      if (!versionRegex.test(Vue.version)) {
-        reject(new Error(`Vue ${_config__WEBPACK_IMPORTED_MODULE_2__.VUE_VERSION}+ required, detected an incompatible version`));
-      }
-      if (typeof component?.render === 'function' || typeof component?.setup === 'function') {
-        resolve();
-        return;
-      }
-      reject(new VariousError({
-        module,
-        originalError: new Error('not a valid Vue component'),
-        type: 'INVALID_COMPONENT'
-      }));
-    });
-  });
+	const versionRegex = new RegExp(`^3\\.`);
+	return new Promise((resolve, reject) => {
+		importModule("vue").then((Vue) => {
+			const vueObj = Vue.default || Vue;
+			if (!versionRegex.test(vueObj.version)) {
+				reject(/* @__PURE__ */ new Error(`Vue 3+ required, detected an incompatible version`));
+				return;
+			}
+			if (typeof (component === null || component === void 0 ? void 0 : component.render) === "function" || typeof (component === null || component === void 0 ? void 0 : component.setup) === "function") {
+				resolve();
+				return;
+			}
+			reject(new VariousError({
+				module,
+				originalError: /* @__PURE__ */ new Error("not a valid Vue component"),
+				type: "INVALID_COMPONENT"
+			}));
+		}).catch(reject);
+	});
 }
 function parseComponentActions(params) {
-  const {
-    componentNode,
-    module,
-    type,
-    i18nUpdate
-  } = params;
-  const actions = {};
-  let onMessageAction;
-  let i18nAction;
-  Object.getOwnPropertyNames(componentNode).forEach(method => {
-    if (typeof componentNode[method] !== 'function') {
-      return;
-    }
-    if (method === '$onMessage') {
-      onMessageAction = componentNode[method];
-      return;
-    }
-    if (method === '$i18n') {
-      i18nAction = componentNode[method];
-      return;
-    }
-    if (type === 'vue3' && _config__WEBPACK_IMPORTED_MODULE_2__.VUE_FUNCTION_OPTIONS.includes(method)) {
-      return;
-    }
-    actions[method] = componentNode[method];
-  });
-  if (i18nAction) {
-    (0,_i18n__WEBPACK_IMPORTED_MODULE_5__.createI18nConfig)(i18nAction, module, i18nUpdate);
-  }
-  _connector__WEBPACK_IMPORTED_MODULE_3__["default"].setComponentActions(module, actions);
-  if (onMessageAction) {
-    return (0,_message__WEBPACK_IMPORTED_MODULE_4__.createOnMessage)(module, onMessageAction);
-  }
-  return () => null;
+	const { componentNode, module, type, i18nUpdate } = params;
+	const actions = {};
+	let onMessageAction;
+	let i18nAction;
+	Object.getOwnPropertyNames(componentNode).forEach((method) => {
+		if (typeof componentNode[method] !== "function") return;
+		if (method === "$onMessage") {
+			onMessageAction = componentNode[method];
+			return;
+		}
+		if (method === "$i18n") {
+			i18nAction = componentNode[method];
+			return;
+		}
+		if (type === "vue3" && VUE_FUNCTION_OPTIONS.includes(method)) return;
+		actions[method] = componentNode[method];
+	});
+	if (i18nAction) createI18nConfig(i18nAction, module, i18nUpdate);
+	connector_default.setComponentActions(module, actions);
+	if (onMessageAction) return createOnMessage(module, onMessageAction);
+	return () => null;
 }
 function updateMountedComponent(module) {
-  const mountedComponents = getMountedComponents();
-  if (!mountedComponents.includes(module)) {
-    mountedComponents.push(module);
-  }
-  (0,_store__WEBPACK_IMPORTED_MODULE_0__.emit)({
-    [_config__WEBPACK_IMPORTED_MODULE_2__.MOUNTED_COMPONENTS_KEY]: mountedComponents
-  }, true);
+	const mountedComponents = getMountedComponents();
+	if (!mountedComponents.includes(module)) mountedComponents.push(module);
+	emit({ [MOUNTED_COMPONENTS_KEY]: mountedComponents }, true);
 }
 function updateUnMountComponent(module) {
-  let mountedComponents = getMountedComponents();
-  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(module);
+	let mountedComponents = getMountedComponents();
+	mountedComponents = mountedComponents.filter((item) => item !== module);
+	emit({ [MOUNTED_COMPONENTS_KEY]: mountedComponents }, true);
+	connector_default.deleteComponentActions(module);
 }
 function getSelfInfo(params) {
-  const {
-    module,
-    url
-  } = params;
-  const dependencies = (0,_store__WEBPACK_IMPORTED_MODULE_0__.getStore)(_config__WEBPACK_IMPORTED_MODULE_2__.DEPENDENCIES_KEY);
-  const {
-    name
-  } = getModuleInfo(module);
-  return {
-    module,
-    url: url || dependencies[name]
-  };
+	const { module, url } = params;
+	const dependencies = getStore(DEPENDENCIES_KEY);
+	const { name } = getModuleInfo(module);
+	return {
+		module,
+		url: url || dependencies[name] || getModuleUrl(name) || ""
+	};
 }
 function getClassNameWithModule(module, prefix) {
-  const {
-    name,
-    entry
-  } = getModuleInfo(module);
-  return `${prefix} ${[name, entry].filter(Boolean).join('-')}`;
+	const { name, entry } = getModuleInfo(module);
+	return `${prefix} ${[name, entry].filter(Boolean).join("-")}`;
 }
-
-/***/ }),
-
-/***/ "./src/core/i18n.ts":
-/*!**************************!*\
-  !*** ./src/core/i18n.ts ***!
-  \**************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   createI18n: function() { return /* binding */ createI18n; },
-/* harmony export */   createI18nConfig: function() { return /* binding */ createI18nConfig; }
-/* harmony export */ });
-/* 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");
-
-
-
-function createI18nConfig(method, module, callback) {
-  if (!method) {
-    return;
-  }
-  const i18nConfig = method();
-  if (!(0,_helper__WEBPACK_IMPORTED_MODULE_1__.isPromiseLike)(i18nConfig)) {
-    if (module) {
-      _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setI18nConfig(module, i18nConfig);
-    } else {
-      _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setGlobalI18nConfig(i18nConfig);
-    }
-    return;
-  }
-  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: {}
-    });
-  }
-  i18nConfig.then(res => {
-    if (module) {
-      _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setI18nConfig(module, {
-        ...res,
-        loading: false
-      });
-      callback?.();
-      return;
-    }
-    const locale = (0,_store__WEBPACK_IMPORTED_MODULE_2__.getStore)(res.lngStoreKey);
-    (0,_store__WEBPACK_IMPORTED_MODULE_2__.emit)({
-      [res.lngStoreKey]: undefined
-    }, true);
-    (0,_store__WEBPACK_IMPORTED_MODULE_2__.emit)({
-      [res.lngStoreKey]: locale
-    }, true);
-    _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setGlobalI18nConfig({
-      ...res,
-      loading: false
-    });
-  }).catch(e => {
-    (0,_helper__WEBPACK_IMPORTED_MODULE_1__.onError)(new _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError({
-      module: module || 'app',
-      type: 'I18N',
-      originalError: e
-    }));
-  });
+//#endregion
+//#region src/core/default-component.tsx
+var Fallback = (props) => {
+	const className = getClassNameWithModule(props.$self.module, "various-component-fallback");
+	return /* @__PURE__ */ e.createElement("div", { className }, "Loading");
+};
+var ErrorFallback = ({ $error, $reload, $self }) => {
+	const className = getClassNameWithModule($self.module, "various-component-error_fallback");
+	return /* @__PURE__ */ e.createElement("div", { className }, /* @__PURE__ */ e.createElement("h3", null, $error.type), /* @__PURE__ */ e.createElement("p", null, $error.message), /* @__PURE__ */ e.createElement("button", {
+		type: "button",
+		onClick: $reload
+	}, "Reload"));
+};
+var Root = () => /* @__PURE__ */ e.createElement("div", null, "App Container is not defined");
+//#endregion
+//#region src/core/connector.ts
+var Connector = class {
+	constructor() {
+		_defineProperty(this, "fallbackComponent", void 0);
+		_defineProperty(this, "errorFallbackComponent", void 0);
+		_defineProperty(this, "storeActions", void 0);
+		_defineProperty(this, "componentActions", void 0);
+		_defineProperty(this, "i18nConfigs", void 0);
+		_defineProperty(this, "globalI18nConfig", void 0);
+		_defineProperty(this, "middlewares", void 0);
+		this.fallbackComponent = Fallback;
+		this.errorFallbackComponent = ErrorFallback;
+		this.storeActions = {};
+		this.componentActions = {};
+		this.i18nConfigs = {};
+		this.middlewares = {};
+	}
+	setMiddlewares(m) {
+		this.middlewares = m;
+	}
+	getMiddlewares() {
+		return this.middlewares;
+	}
+	setI18nConfig(module, config) {
+		this.i18nConfigs[module] = _objectSpread2(_objectSpread2({}, this.i18nConfigs[module]), config);
+	}
+	getI18nConfig(module) {
+		return this.i18nConfigs[module];
+	}
+	setGlobalI18nConfig(config) {
+		this.globalI18nConfig = _objectSpread2(_objectSpread2({}, this.globalI18nConfig), config);
+	}
+	getGlobalI18nConfig() {
+		return this.globalI18nConfig;
+	}
+	setComponentActions(module, actions) {
+		this.componentActions[module] = actions;
+	}
+	deleteComponentActions(module) {
+		delete this.componentActions[module];
+	}
+	getComponentActions(module) {
+		return this.componentActions[module];
+	}
+	setStoreActions(actions) {
+		this.storeActions = actions;
+	}
+	getStoreActions() {
+		return this.storeActions;
+	}
+	setFallbackComponent(fallbackComponent) {
+		this.fallbackComponent = fallbackComponent;
+	}
+	getFallbackComponent() {
+		return this.fallbackComponent;
+	}
+	setErrorFallbackComponent(errorFallbackComponent) {
+		this.errorFallbackComponent = errorFallbackComponent;
+	}
+	getErrorFallbackComponent() {
+		return this.errorFallbackComponent;
+	}
+};
+var connector_default = new Connector();
+//#endregion
+//#region src/core/error-boundary.tsx
+var ErrorBoundary = class extends Component {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "state", { hasError: false });
+		_defineProperty(this, "error", void 0);
+		_defineProperty(this, "$self", getSelfInfo(this.props));
+		_defineProperty(this, "reload", () => {
+			this.error = void 0;
+			this.setState({ hasError: false });
+		});
+	}
+	componentDidCatch(e) {
+		const { module } = this.props;
+		const error = e instanceof VariousError ? e : new VariousError({
+			module,
+			type: module === "app" ? "APP_ERROR" : "SCRIPT_ERROR",
+			originalError: e
+		});
+		this.setState({ hasError: true });
+		this.error = error;
+		onError(error);
+		resetDependencyConfig(module);
+		updateUnMountComponent(module);
+	}
+	render() {
+		const ErrorFallbackNode = connector_default.getErrorFallbackComponent();
+		const store = getUserStore();
+		const locale = getStore(LOCALE_KEY);
+		if (this.state.hasError) return /* @__PURE__ */ e.createElement(ErrorFallbackNode, {
+			$self: this.$self,
+			$reload: this.reload,
+			$store: store,
+			$error: this.error,
+			$locale: locale
+		});
+		return this.props.children;
+	}
+};
+_defineProperty(ErrorBoundary, "displayName", "various-error-boundary");
+//#endregion
+//#region \0@oxc-project+runtime@0.142.0/helpers/esm/objectWithoutPropertiesLoose.js
+function _objectWithoutPropertiesLoose(r, e) {
+	if (null == r) return {};
+	var t = {};
+	for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+		if (e.includes(n)) continue;
+		t[n] = r[n];
+	}
+	return t;
 }
-function createI18n(module, updater) {
-  const ctx = (key, params, defaultString) => {
-    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({
-        module,
-        type: 'I18N',
-        originalError: new Error('config not exist')
-      }));
-      return defaultText;
-    }
-    if (i18nConfig.loading) {
-      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 resource = resources?.[locale];
-    if (!resource) {
-      (0,_helper__WEBPACK_IMPORTED_MODULE_1__.onError)(new _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError({
-        module,
-        type: 'I18N',
-        originalError: new Error(`locale resource \`${locale}\` not exist`)
-      }));
-      return defaultText;
-    }
-    if (!resource[key]) {
-      (0,_helper__WEBPACK_IMPORTED_MODULE_1__.onError)(new _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError({
-        module,
-        type: 'I18N',
-        originalError: new Error(`locale key \`${key}\` not exist`)
-      }));
-      return defaultText;
-    }
-    const text = resource[key];
-    if (!params || typeof params === 'string' || Object.prototype.toString.call(params) !== '[object Object]') {
-      return text;
-    }
-    const args = Object.keys(params);
-    if (!args.length) {
-      return text;
-    }
-    return args.reduce((next, arg) => {
-      const regex = new RegExp(`{\\s*${arg}\\s*}`, 'g');
-      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);
-    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);
-    }
-    updater();
-  };
-  return ctx;
+//#endregion
+//#region \0@oxc-project+runtime@0.142.0/helpers/esm/objectWithoutProperties.js
+function _objectWithoutProperties(e, t) {
+	if (null == e) return {};
+	var o, r, i = _objectWithoutPropertiesLoose(e, t);
+	if (Object.getOwnPropertySymbols) {
+		var s = Object.getOwnPropertySymbols(e);
+		for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+	}
+	return i;
 }
-
-/***/ }),
-
-/***/ "./src/core/logger.ts":
-/*!****************************!*\
-  !*** ./src/core/logger.ts ***!
-  \****************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__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");
-
-
-const logger = args => {
-  const middlewares = _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getMiddlewares();
-  const canLog = middlewares?.onLog?.(args);
-  if (canLog === false) {
-    return;
-  }
-  const colorMap = {
-    info: 'blue',
-    warn: 'orange',
-    error: 'red'
-  };
-  const color = colorMap[args.level];
-  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');
-  }
-  if (args.level !== 'info') {
-    params[0] = ` ${params[0]}`;
-  }
-  window.console[args.level](...params, args.message);
+//#endregion
+//#region src/core/dispatch.ts
+var createDispatch = (module) => async function(params) {
+	const middlewares = connector_default.getMiddlewares();
+	const logger = createLogger(module);
+	let { action, payload, target } = params;
+	if (middlewares === null || middlewares === void 0 ? void 0 : middlewares.onDispatch) {
+		const check = await middlewares.onDispatch({
+			target,
+			action,
+			payload,
+			trigger: module
+		});
+		if (check === false) {
+			logger.warn("blocked by middleware", "DISPATCH");
+			return Promise.resolve();
+		}
+		if (check !== true) {
+			target = check.target;
+			action = check.action;
+			payload = check.payload;
+		}
+	}
+	if (target === "app") {
+		const storeAction = connector_default.getStoreActions()[action];
+		if (action === I18NActions.SetLocale) {
+			emit({ [LOCALE_KEY]: payload }, true);
+			return payload;
+		}
+		if (action === I18NActions.GetLocale) return getStore(LOCALE_KEY);
+		if (action === I18NActions.UpdateI18nConfig) {
+			const locale = getStore(LOCALE_KEY);
+			connector_default.setGlobalI18nConfig(payload);
+			emit({ [LOCALE_KEY]: void 0 }, true);
+			emit({ [LOCALE_KEY]: locale }, true);
+			return locale;
+		}
+		if (!storeAction) {
+			const errorMessage = `action "${action}" is not present`;
+			const error = new VariousError({
+				module,
+				type: "DISPATCH",
+				originalError: new Error(errorMessage)
+			});
+			onError(error);
+			throw error;
+		}
+		return dispatch(storeAction, payload, module);
+	}
+	const componentActions = connector_default.getComponentActions(target);
+	if (!componentActions) {
+		const error = new VariousError({
+			module,
+			type: "DISPATCH",
+			originalError: /* @__PURE__ */ new Error("component is not ready")
+		});
+		onError(error);
+		throw error;
+	}
+	const componentAction = componentActions[action];
+	if (!componentAction) {
+		const errorMessage = `action "${action}" is not present`;
+		const error = new VariousError({
+			module,
+			type: "DISPATCH",
+			originalError: new Error(errorMessage)
+		});
+		onError(error);
+		throw error;
+	}
+	return Promise.resolve(componentAction({
+		payload,
+		trigger: module
+	}));
 };
-const createLogger = module => ({
-  info(message, type) {
-    logger({
-      module,
-      level: 'info',
-      type,
-      message
-    });
-  },
-  warn(message, type) {
-    logger({
-      module,
-      level: 'warn',
-      type,
-      message
-    });
-  },
-  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({
-      module,
-      type: type || 'unknow',
-      originalError: message instanceof Error ? message : new Error(message)
-    });
-    middlewares?.onError?.(error);
-    logger({
-      module,
-      level: 'error',
-      type,
-      message
-    });
-  }
-});
-/* harmony default export */ __webpack_exports__["default"] = (createLogger);
-
-/***/ }),
-
-/***/ "./src/core/message.ts":
-/*!*****************************!*\
-  !*** ./src/core/message.ts ***!
-  \*****************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   createOnMessage: function() { return /* binding */ createOnMessage; },
-/* harmony export */   createPostMessage: function() { return /* binding */ createPostMessage; }
-/* harmony export */ });
-/* harmony import */ var _connector__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./connector */ "./src/core/connector.ts");
-/* harmony import */ var _logger__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./logger */ "./src/core/logger.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");
-
-
-
-
-const createPostMessage = module => async ({
-  event,
-  payload
-}) => {
-  const middlewares = _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getMiddlewares();
-  const logger = (0,_logger__WEBPACK_IMPORTED_MODULE_1__["default"])(module);
-  let next = {
-    trigger: module,
-    event,
-    payload
-  };
-  if (middlewares?.onMessage) {
-    const check = await middlewares.onMessage(next);
-    if (check === false) {
-      logger.warn('blocked by middleware', 'POST_MESSAGE');
-      return;
-    }
-    if (check !== true) {
-      next = {
-        ...next,
-        ...check
-      };
-    }
-  }
-  (0,_store__WEBPACK_IMPORTED_MODULE_2__.emit)({
-    [_config__WEBPACK_IMPORTED_MODULE_3__.MESSAGE_KEY]: {
-      timestamp: +new Date(),
-      event: next.event,
-      trigger: module,
-      payload: next.payload
-    }
-  });
+//#endregion
+//#region src/core/create-module.ts
+var createModule = (config, logError = true) => {
+	const dependencies = getStore(DEPENDENCIES_KEY);
+	const middlewares = connector_default.getMiddlewares();
+	const { url, module } = config;
+	const { name, entry } = getModuleInfo(module);
+	const loadStart = +/* @__PURE__ */ new Date();
+	const logOnError = (e) => {
+		if (logError) onError(e);
+	};
+	if (url) resetDependencyConfig(module, url);
+	return new Promise((resolve, reject) => {
+		if (!url && !dependencies[name] && !isModuleSpecified(module)) {
+			const error = new VariousError({
+				module,
+				type: "NOT_DEFINED",
+				originalError: /* @__PURE__ */ new Error(`module "${name}" not defined`)
+			});
+			logOnError(error);
+			reject(error);
+			return;
+		}
+		importModule(name).then((C) => {
+			var _middlewares$onLoad;
+			const loadEnd = +/* @__PURE__ */ new Date();
+			middlewares === null || middlewares === void 0 || (_middlewares$onLoad = middlewares.onLoad) === null || _middlewares$onLoad === void 0 || _middlewares$onLoad.call(middlewares, {
+				module,
+				loadStart,
+				loadEnd,
+				beenLoaded: isModuleLoaded(module)
+			});
+			if (!C || typeof C === "object" && Object.keys(C).length === 0) {
+				const error = new VariousError({
+					module,
+					type: "INVALID_MODULE",
+					originalError: /* @__PURE__ */ new Error(`module "${name}" invalid`)
+				});
+				resetDependencyConfig(module);
+				logOnError(error);
+				reject(error);
+				return;
+			}
+			const defaultModule = "default" in C ? C.default : C;
+			const actualModule = !entry ? defaultModule : C[entry];
+			if (actualModule === void 0 && entry) {
+				const error = new VariousError({
+					module,
+					type: "SUBMODULE_NOT_DEFINED",
+					originalError: /* @__PURE__ */ new Error(`submodule "${entry}" not defined`)
+				});
+				resetDependencyConfig(module);
+				logOnError(error);
+				reject(error);
+				return;
+			}
+			resolve(actualModule);
+		}).catch((e) => {
+			resetDependencyConfig(module, url);
+			let errorType = "LOADING_ERROR";
+			if (!url && e.message && !e.message.includes(name)) errorType = "SUBMODULE_LOADING_ERROR";
+			const error = new VariousError({
+				module: name,
+				type: errorType,
+				originalError: e
+			});
+			logOnError(error);
+			reject(error);
+		});
+	});
 };
-const createOnMessage = (module, onMessage) => (0,_store__WEBPACK_IMPORTED_MODULE_2__.subscribe)({
-  [_config__WEBPACK_IMPORTED_MODULE_3__.MESSAGE_KEY](v) {
-    const {
-      trigger,
-      payload,
-      event
-    } = v;
-    if (module !== trigger) {
-      onMessage({
-        event,
-        payload,
-        trigger
-      });
-    }
-  }
-});
-
-/***/ }),
-
-/***/ "./src/core/react-component.tsx":
-/*!**************************************!*\
-  !*** ./src/core/react-component.tsx ***!
-  \**************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helper */ "./src/core/helper.ts");
-/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./store */ "./src/core/store.ts");
-/* harmony import */ var _connector__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./connector */ "./src/core/connector.ts");
-/* harmony import */ var _message__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./message */ "./src/core/message.ts");
-/* harmony import */ var _dispatch__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./dispatch */ "./src/core/dispatch.ts");
-/* 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");
-
-
-
-
-
-
-
-
-
-
+//#endregion
+//#region src/core/react-component.tsx
 function reactComponent(config) {
-  const {
-    module,
-    url,
-    watchKeys,
-    onMounted
-  } = config;
-  const storeKeys = watchKeys || Object.keys((0,_store__WEBPACK_IMPORTED_MODULE_3__.getStore)());
-  class R extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
-    static displayName = 'various-react-component';
-    state = {
-      componentReady: false,
-      isError: false
-    };
-    unSubscribeMessage = () => null;
-    componentDidMount() {
-      this.isUnMounted = false; // fix StrictMode
-      this.mountComponent();
-    }
-    componentWillUnmount() {
-      this.error = undefined;
-      this.ComponentNode = null;
-      this.isUnMounted = true;
-      this.unSubscribeMessage();
-      (0,_helper__WEBPACK_IMPORTED_MODULE_2__.updateUnMountComponent)(module);
-    }
-    mountComponent = async () => {
-      try {
-        const componentNode = await (0,_create_module__WEBPACK_IMPORTED_MODULE_9__["default"])({
-          module,
-          url
-        }, false);
-        if (this.isUnMounted) {
-          return;
-        }
-        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,
-          module,
-          i18nUpdate: () => this.forceUpdate()
-        });
-        this.ComponentNode = componentNode;
-        this.setState({
-          componentReady: true
-        });
-        onMounted?.();
-      } catch (e) {
-        if (this.isUnMounted) {
-          return;
-        }
-        this.error = e;
-        this.setState({
-          componentReady: true,
-          isError: true
-        });
-      }
-    };
-    $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)({
-      module,
-      url
-    });
-    render() {
-      const Fallback = _connector__WEBPACK_IMPORTED_MODULE_4__["default"].getFallbackComponent();
-      const {
-        $silent,
-        $componentProps,
-        $ref
-      } = this.props;
-      const {
-        componentReady,
-        isError
-      } = this.state;
-      const store = (0,_store__WEBPACK_IMPORTED_MODULE_3__.getUserStore)();
-      const ComponentNode = this.ComponentNode;
-      if (isError) {
-        throw this.error;
-      }
-      if (!componentReady) {
-        if ($silent || (0,_helper__WEBPACK_IMPORTED_MODULE_2__.isModuleLoaded)(module)) {
-          return null;
-        }
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Fallback, {
-          $self: this.$self,
-          $store: store
-        });
-      }
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComponentNode, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, $componentProps, {
-        $self: this.$self,
-        $dispatch: this.$dispatch,
-        $store: store,
-        $postMessage: this.$postMessage,
-        $t: this.$t,
-        $logger: this.$logger,
-        ref: $ref
-      }));
-    }
-  }
-  const Connected = (0,_store__WEBPACK_IMPORTED_MODULE_3__.connect)(...storeKeys)(R);
-  Connected.displayName = 'various-connector';
-  return Connected;
-}
-/* harmony default export */ __webpack_exports__["default"] = (reactComponent);
-
-/***/ }),
-
-/***/ "./src/core/render-component.tsx":
-/*!***************************************!*\
-  !*** ./src/core/render-component.tsx ***!
-  \***************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _react_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./react-component */ "./src/core/react-component.tsx");
-/* harmony import */ var _vue_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./vue-component */ "./src/core/vue-component.tsx");
-/* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helper */ "./src/core/helper.ts");
-/* harmony import */ var _error_boundary__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./error-boundary */ "./src/core/error-boundary.tsx");
-/* harmony import */ var _create_module__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./create-module */ "./src/core/create-module.ts");
-
-
-
-
-
-
-const renderComponent = async ({
-  module,
-  url,
-  target,
-  props,
-  type = 'react',
-  renderNode,
-  onMounted
-}) => {
-  try {
-    const ReactDOM = await (0,_create_module__WEBPACK_IMPORTED_MODULE_5__["default"])({
-      module: 'react-dom'
-    });
-    const C = (type === 'vue3' ? _vue_component__WEBPACK_IMPORTED_MODULE_2__["default"] : _react_component__WEBPACK_IMPORTED_MODULE_1__["default"])({
-      module,
-      url,
-      onMounted
-    });
-    const root = ReactDOM.createRoot(target);
-    const {
-      $silent,
-      $ref,
-      ...rest
-    } = props || {};
-    const nextProps = {
-      $componentProps: rest,
-      $silent,
-      $ref
-    };
-    const node = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_error_boundary__WEBPACK_IMPORTED_MODULE_4__["default"], {
-      module: module,
-      url: url
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(C, nextProps));
-    root.render(renderNode ? renderNode(node) : node);
-    return () => new Promise(resolve => {
-      setTimeout(() => {
-        root.unmount();
-        resolve();
-      });
-    });
-  } catch (e) {
-    const error = new _helper__WEBPACK_IMPORTED_MODULE_3__.VariousError({
-      module,
-      type: 'SCRIPT_ERROR',
-      originalError: e
-    });
-    (0,_helper__WEBPACK_IMPORTED_MODULE_3__.onError)(error);
-    return () => Promise.resolve();
-  }
-};
-/* harmony default export */ __webpack_exports__["default"] = (renderComponent);
-
-/***/ }),
-
-/***/ "./src/core/store.ts":
-/*!***************************!*\
-  !*** ./src/core/store.ts ***!
-  \***************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   connect: function() { return /* binding */ connect; },
-/* harmony export */   createStore: function() { return /* binding */ createStore; },
-/* harmony export */   dispatch: function() { return /* binding */ dispatch; },
-/* harmony export */   emit: function() { return /* binding */ emit; },
-/* harmony export */   getStore: function() { return /* binding */ getStore; },
-/* harmony export */   getUserStore: function() { return /* binding */ getUserStore; },
-/* harmony export */   subscribe: function() { return /* binding */ subscribe; },
-/* harmony export */   useStore: function() { return /* binding */ useStore; }
-/* harmony export */ });
-/* harmony import */ var nycticorax__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! nycticorax */ "./node_modules/nycticorax/dist/index.js");
-/* harmony import */ var nycticorax__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(nycticorax__WEBPACK_IMPORTED_MODULE_0__);
-
-const {
-  createStore,
-  getStore,
-  connect,
-  emit,
-  subscribe,
-  dispatch,
-  useStore
-} = new (nycticorax__WEBPACK_IMPORTED_MODULE_0___default())();
-function getUserStore() {
-  const globalStore = getStore();
-  const keys = Object.keys(globalStore);
-  const store = {};
-  keys.forEach(key => {
-    store[key] = globalStore[key];
-  });
-  return store;
+	const { module, url, watchKeys, onMounted } = config;
+	const storeKeys = watchKeys || Object.keys(getStore());
+	class R extends Component {
+		constructor(..._args) {
+			var _this;
+			super(..._args);
+			_this = this;
+			_defineProperty(this, "state", {
+				componentReady: false,
+				isError: false
+			});
+			_defineProperty(this, "error", void 0);
+			_defineProperty(this, "ComponentNode", void 0);
+			_defineProperty(this, "isUnMounted", void 0);
+			_defineProperty(this, "unSubscribeMessage", () => null);
+			_defineProperty(this, "mountComponent", async () => {
+				try {
+					const componentNode = await createModule({
+						module,
+						url
+					}, false);
+					if (_this.isUnMounted) return;
+					await checkReactComponent(componentNode, module);
+					componentNode.displayName = module;
+					updateMountedComponent(module);
+					_this.unSubscribeMessage = parseComponentActions({
+						componentNode,
+						module,
+						i18nUpdate: () => _this.forceUpdate()
+					});
+					_this.ComponentNode = componentNode;
+					_this.setState({ componentReady: true });
+					onMounted === null || onMounted === void 0 || onMounted();
+				} catch (e) {
+					if (_this.isUnMounted) return;
+					_this.error = e;
+					_this.setState({
+						componentReady: true,
+						isError: true
+					});
+				}
+			});
+			_defineProperty(this, "$postMessage", createPostMessage(module));
+			_defineProperty(this, "$dispatch", createDispatch(module));
+			_defineProperty(this, "$t", createI18n(module, () => this.forceUpdate()));
+			_defineProperty(this, "$logger", createLogger(module));
+			_defineProperty(this, "$self", getSelfInfo({
+				module,
+				url
+			}));
+		}
+		componentDidMount() {
+			this.isUnMounted = false;
+			this.mountComponent();
+		}
+		componentWillUnmount() {
+			this.error = void 0;
+			this.ComponentNode = null;
+			this.isUnMounted = true;
+			this.unSubscribeMessage();
+			updateUnMountComponent(module);
+		}
+		render() {
+			const Fallback = connector_default.getFallbackComponent();
+			const { $silent, $componentProps, $ref } = this.props;
+			const { componentReady, isError } = this.state;
+			const store = getUserStore();
+			const locale = getStore(LOCALE_KEY);
+			const ComponentNode = this.ComponentNode;
+			if (isError) throw this.error;
+			if (!componentReady) {
+				if ($silent || isModuleLoaded(module)) return null;
+				return /* @__PURE__ */ e.createElement(Fallback, {
+					$self: this.$self,
+					$store: store,
+					$locale: locale
+				});
+			}
+			return /* @__PURE__ */ e.createElement(ComponentNode, _objectSpread2(_objectSpread2({}, $componentProps), {}, {
+				$self: this.$self,
+				$dispatch: this.$dispatch,
+				$store: store,
+				$postMessage: this.$postMessage,
+				$t: this.$t,
+				$logger: this.$logger,
+				ref: $ref,
+				$locale: locale
+			}));
+		}
+	}
+	_defineProperty(R, "displayName", "various-react-component");
+	const Connected = connect(...storeKeys, LOCALE_KEY)(R);
+	Connected.displayName = "various-connector";
+	return Connected;
 }
-
-/***/ }),
-
-/***/ "./src/core/vue-component.tsx":
-/*!************************************!*\
-  !*** ./src/core/vue-component.tsx ***!
-  \************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _connector__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./connector */ "./src/core/connector.ts");
-/* harmony import */ var _create_module__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./create-module */ "./src/core/create-module.ts");
-/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./store */ "./src/core/store.ts");
-/* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./helper */ "./src/core/helper.ts");
-/* harmony import */ var _dispatch__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./dispatch */ "./src/core/dispatch.ts");
-/* 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");
-
-
-
-
-
-
-
-
-
+//#endregion
+//#region src/core/vue-component.tsx
 function vueComponent(config) {
-  const {
-    module,
-    url,
-    watchKeys,
-    onMounted
-  } = 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 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);
-    const errorRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
-    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)({
-      module,
-      url
-    }));
-    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 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)();
-    const [componentReady, setComponentReady] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
-    const [isError, setIsError] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
-    const Fallback = _connector__WEBPACK_IMPORTED_MODULE_1__["default"].getFallbackComponent();
-    const {
-      $silent,
-      $componentProps
-    } = props;
-    const mountVue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
-      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({
-        ...$componentProps
-      });
-      storeReactiveRef.current = vueRef.current.ref({
-        ...store
-      });
-      const vueApp = vueRef.current.createApp({
-        setup() {
-          const renderKey = vueRef.current.ref(0);
-          updateVueComponentRef.current = () => {
-            renderKey.value += 1;
-          };
-          return {
-            key: renderKey
-          };
-        },
-        errorCaptured(e) {
-          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'),
-            module,
-            type: 'INVALID_COMPONENT'
-          }) : error;
-          setIsError(true);
-        },
-        render() {
-          return vueRef.current.h(ComponentNodeRef.current, {
-            ...propsReactiveRef.current.value,
-            various: {
-              $dispatch,
-              $logger,
-              $postMessage,
-              $t,
-              $store: storeReactiveRef.current.value,
-              $self: selfRef.current
-            },
-            // eslint-disable-next-line react/no-this-in-sfc
-            key: this.key
-          });
-        }
-      });
-
-      // fix StrictMode
-      if (!vmRef.current) {
-        vmRef.current = vueApp.mount(containerDivRef.current);
-      }
-      isVueMounted.current = true;
-      unMountVue.current = () => vueApp.unmount();
-    }, [$componentProps, store]);
-    const mountComponent = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(async () => {
-      try {
-        const vue = await (0,_create_module__WEBPACK_IMPORTED_MODULE_2__["default"])({
-          module: 'vue'
-        });
-        vueRef.current = vue;
-        const componentNode = await (0,_create_module__WEBPACK_IMPORTED_MODULE_2__["default"])({
-          module,
-          url
-        }, false);
-        if (isUnMountedRef.current) {
-          return;
-        }
-        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,
-          module,
-          type: 'vue3',
-          i18nUpdate() {
-            updateVueComponentRef.current?.();
-          }
-        });
-        ComponentNodeRef.current = componentNode;
-        setTimeout(mountVue);
-        setComponentReady(true);
-        onMounted?.();
-      } catch (e) {
-        if (isUnMountedRef.current) {
-          return;
-        }
-        errorRef.current = e;
-        setComponentReady(true);
-        setIsError(true);
-      }
-    }, [mountVue]);
-    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-      // fix StrictMode
-      isUnMountedRef.current = false;
-      return () => {
-        errorRef.current = undefined;
-        ComponentNodeRef.current = undefined;
-        isUnMountedRef.current = true;
-        (0,_helper__WEBPACK_IMPORTED_MODULE_4__.updateUnMountComponent)(module);
-        unMountVue.current?.();
-        unSubscribeMessageRef.current?.();
-        isVueMounted.current = false;
-      };
-    }, []);
-    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-      if (isVueMounted.current) {
-        return;
-      }
-      mountComponent();
-    }, [mountComponent]);
-    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-      if (propsReactiveRef.current) {
-        propsReactiveRef.current.value = {
-          ...$componentProps
-        };
-      }
-    }, [$componentProps]);
-    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-      if (storeReactiveRef.current) {
-        storeReactiveRef.current.value = {
-          ...store
-        };
-      }
-    }, [store]);
-    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
-    }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-      className: (0,_helper__WEBPACK_IMPORTED_MODULE_4__.getClassNameWithModule)(module, 'various-vue-component'),
-      ref: containerDivRef
-    }));
-  };
-  V.displayName = module;
-  const VueComponent = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(V, props);
-  VueComponent.displayName = 'various-vue-component';
-  return VueComponent;
+	const { module, url, watchKeys, onMounted } = config;
+	const storeKeys = watchKeys || Object.keys(getStore());
+	const V = (props) => {
+		const store = useStore(...storeKeys, LOCALE_KEY);
+		const locale = store[LOCALE_KEY];
+		const vueRef = useRef();
+		const vmRef = useRef();
+		const isVueMounted = useRef(false);
+		const errorRef = useRef();
+		const isUnMountedRef = useRef(false);
+		const ComponentNodeRef = useRef();
+		const selfRef = useRef(getSelfInfo({
+			module,
+			url
+		}));
+		const containerDivRef = useRef(null);
+		const propsReactiveRef = useRef();
+		const storeReactiveRef = useRef();
+		const localeReactiveRef = useRef();
+		const unMountVue = useRef();
+		const unSubscribeMessageRef = useRef();
+		const updateVueComponentRef = useRef();
+		const [componentReady, setComponentReady] = useState(false);
+		const [isError, setIsError] = useState(false);
+		const Fallback = connector_default.getFallbackComponent();
+		const { $silent, $componentProps } = props;
+		const mountVue = useCallback(() => {
+			const $logger = createLogger(module);
+			const $dispatch = createDispatch(module);
+			const $postMessage = createPostMessage(module);
+			const $t = createI18n(module, () => {
+				var _updateVueComponentRe;
+				(_updateVueComponentRe = updateVueComponentRef.current) === null || _updateVueComponentRe === void 0 || _updateVueComponentRe.call(updateVueComponentRef);
+			});
+			propsReactiveRef.current = vueRef.current.ref(_objectSpread2({}, $componentProps));
+			storeReactiveRef.current = vueRef.current.ref(_objectSpread2({}, store));
+			localeReactiveRef.current = vueRef.current.ref(locale);
+			const vueApp = vueRef.current.createApp({
+				setup() {
+					const renderKey = vueRef.current.ref(0);
+					updateVueComponentRef.current = () => {
+						renderKey.value += 1;
+					};
+					return { key: renderKey };
+				},
+				errorCaptured(e) {
+					var _error$message;
+					const error = e;
+					errorRef.current = ((_error$message = error.message) === null || _error$message === void 0 ? void 0 : _error$message.includes("https://react")) ? new VariousError({
+						originalError: /* @__PURE__ */ new Error("not a valid Vue component"),
+						module,
+						type: "INVALID_COMPONENT"
+					}) : error;
+					setIsError(true);
+				},
+				render() {
+					return vueRef.current.h(ComponentNodeRef.current, _objectSpread2(_objectSpread2({}, propsReactiveRef.current.value), {}, {
+						various: {
+							$dispatch,
+							$logger,
+							$postMessage,
+							$t,
+							$store: storeReactiveRef.current.value,
+							$self: selfRef.current,
+							$locale: localeReactiveRef.current.value
+						},
+						key: this.key
+					}));
+				}
+			});
+			if (!vmRef.current) vmRef.current = vueApp.mount(containerDivRef.current);
+			isVueMounted.current = true;
+			unMountVue.current = () => vueApp.unmount();
+		}, [
+			$componentProps,
+			store,
+			locale
+		]);
+		const mountComponent = useCallback(async () => {
+			try {
+				const vue = await createModule({ module: "vue" });
+				vueRef.current = vue;
+				const componentNode = await createModule({
+					module,
+					url
+				}, false);
+				if (isUnMountedRef.current) return;
+				await checkVueComponent(componentNode, module);
+				updateMountedComponent(module);
+				unSubscribeMessageRef.current = parseComponentActions({
+					componentNode,
+					module,
+					type: "vue3",
+					i18nUpdate() {
+						var _updateVueComponentRe2;
+						(_updateVueComponentRe2 = updateVueComponentRef.current) === null || _updateVueComponentRe2 === void 0 || _updateVueComponentRe2.call(updateVueComponentRef);
+					}
+				});
+				ComponentNodeRef.current = componentNode;
+				setTimeout(mountVue);
+				setComponentReady(true);
+				onMounted === null || onMounted === void 0 || onMounted();
+			} catch (e) {
+				if (isUnMountedRef.current) return;
+				errorRef.current = e;
+				setComponentReady(true);
+				setIsError(true);
+			}
+		}, [mountVue]);
+		useEffect(() => {
+			isUnMountedRef.current = false;
+			return () => {
+				var _unMountVue$current, _unSubscribeMessageRe;
+				errorRef.current = void 0;
+				ComponentNodeRef.current = void 0;
+				isUnMountedRef.current = true;
+				updateUnMountComponent(module);
+				(_unMountVue$current = unMountVue.current) === null || _unMountVue$current === void 0 || _unMountVue$current.call(unMountVue);
+				(_unSubscribeMessageRe = unSubscribeMessageRef.current) === null || _unSubscribeMessageRe === void 0 || _unSubscribeMessageRe.call(unSubscribeMessageRef);
+				isVueMounted.current = false;
+			};
+		}, []);
+		useEffect(() => {
+			if (isVueMounted.current) return;
+			mountComponent();
+		}, [mountComponent]);
+		useEffect(() => {
+			if (propsReactiveRef.current) propsReactiveRef.current.value = _objectSpread2({}, $componentProps);
+		}, [$componentProps]);
+		useEffect(() => {
+			if (storeReactiveRef.current) storeReactiveRef.current.value = _objectSpread2({}, store);
+		}, [store]);
+		useEffect(() => {
+			if (localeReactiveRef.current) localeReactiveRef.current.value = locale;
+		}, [locale]);
+		if (isError) throw errorRef.current;
+		return /* @__PURE__ */ e.createElement(e.Fragment, null, !componentReady && !$silent && !isModuleLoaded(module) ? /* @__PURE__ */ e.createElement(Fallback, {
+			$self: selfRef.current,
+			$store: store,
+			$locale: locale
+		}) : null, /* @__PURE__ */ e.createElement("div", {
+			className: getClassNameWithModule(module, "various-vue-component"),
+			ref: containerDivRef
+		}));
+	};
+	V.displayName = module;
+	const VueComponent = (props) => /* @__PURE__ */ e.createElement(V, props);
+	VueComponent.displayName = "various-vue-component";
+	return VueComponent;
 }
-/* harmony default export */ __webpack_exports__["default"] = (vueComponent);
-
-/***/ }),
-
-/***/ "react":
-/*!************************!*\
-  !*** external "react" ***!
-  \************************/
-/***/ (function(module) {
-
-"use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE_react__;
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		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
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	!function() {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = function(module) {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				function() { return module['default']; } :
-/******/ 				function() { return module; };
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	}();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	!function() {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = function(exports, definition) {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	}();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	!function() {
-/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
-/******/ 	}();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	!function() {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = function(exports) {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	}();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
-!function() {
-"use strict";
-/*!****************************!*\
-  !*** ./src/core/index.tsx ***!
-  \****************************/
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Nycticorax: function() { return /* reexport default from dynamic */ nycticorax__WEBPACK_IMPORTED_MODULE_7___default.a; },
-/* harmony export */   createComponent: function() { return /* reexport safe */ _create_component__WEBPACK_IMPORTED_MODULE_13__["default"]; },
-/* harmony export */   createDispatch: function() { return /* reexport safe */ _dispatch__WEBPACK_IMPORTED_MODULE_8__["default"]; },
-/* harmony export */   createLogger: function() { return /* reexport safe */ _logger__WEBPACK_IMPORTED_MODULE_10__["default"]; },
-/* harmony export */   createModule: function() { return /* reexport safe */ _create_module__WEBPACK_IMPORTED_MODULE_12__["default"]; },
-/* harmony export */   createPostMessage: function() { return /* reexport safe */ _message__WEBPACK_IMPORTED_MODULE_9__.createPostMessage; },
-/* 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; },
-/* harmony export */   onComponentMounted: function() { return /* reexport safe */ _helper__WEBPACK_IMPORTED_MODULE_11__.onComponentMounted; },
-/* harmony export */   preloadModules: function() { return /* reexport safe */ _helper__WEBPACK_IMPORTED_MODULE_11__.preloadModules; },
-/* harmony export */   removeLoadedModules: function() { return /* reexport safe */ _helper__WEBPACK_IMPORTED_MODULE_11__.removeLoadedModules; },
-/* harmony export */   renderComponent: function() { return /* reexport safe */ _render_component__WEBPACK_IMPORTED_MODULE_14__["default"]; },
-/* harmony export */   version: function() { return /* binding */ version; }
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./store */ "./src/core/store.ts");
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./config */ "./src/core/config.ts");
-/* harmony import */ var _connector__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./connector */ "./src/core/connector.ts");
-/* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./i18n */ "./src/core/i18n.ts");
-/* harmony import */ var _default_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./default-component */ "./src/core/default-component.tsx");
-/* harmony import */ var _error_boundary__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./error-boundary */ "./src/core/error-boundary.tsx");
-/* harmony import */ var nycticorax__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! nycticorax */ "./node_modules/nycticorax/dist/index.js");
-/* harmony import */ var nycticorax__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(nycticorax__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _dispatch__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./dispatch */ "./src/core/dispatch.ts");
-/* harmony import */ var _message__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./message */ "./src/core/message.ts");
-/* harmony import */ var _logger__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./logger */ "./src/core/logger.ts");
-/* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./helper */ "./src/core/helper.ts");
-/* harmony import */ var _create_module__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./create-module */ "./src/core/create-module.ts");
-/* harmony import */ var _create_component__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./create-component */ "./src/core/create-component.tsx");
-/* harmony import */ var _render_component__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./render-component */ "./src/core/render-component.tsx");
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-// eslint-disable-next-line no-undef
-const version = "5.2.1";
-const getApp = config => {
-  const {
-    dependencies,
-    store = {},
-    actions = {},
-    Fallback,
-    ErrorFallback,
-    Root = _default_component__WEBPACK_IMPORTED_MODULE_5__.Root,
-    middlewares,
-    i18n,
-    ...rest
-  } = config;
-  if (middlewares) {
-    _connector__WEBPACK_IMPORTED_MODULE_3__["default"].setMiddlewares(middlewares);
-  }
-  _connector__WEBPACK_IMPORTED_MODULE_3__["default"].setStoreActions(actions);
-  if (Fallback) {
-    _connector__WEBPACK_IMPORTED_MODULE_3__["default"].setFallbackComponent(Fallback);
-  }
-  if (ErrorFallback) {
-    _connector__WEBPACK_IMPORTED_MODULE_3__["default"].setErrorFallbackComponent(ErrorFallback);
-  }
-  (0,_store__WEBPACK_IMPORTED_MODULE_1__.createStore)({
-    ...store,
-    [_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
-  });
-  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);
-    }
-    render() {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_error_boundary__WEBPACK_IMPORTED_MODULE_6__["default"], {
-        module: "app",
-        url: dependencies.app
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Root, null));
-    }
-  };
+//#endregion
+//#region src/core/create-component.tsx
+var _excluded$2 = ["$silent", "$ref"];
+var createComponent = (config, storeKeys) => {
+	const { module, url, type = "react" } = config;
+	const C = (type === "vue3" ? vueComponent : reactComponent)({
+		module,
+		url,
+		watchKeys: storeKeys
+	});
+	const component = (props) => {
+		const _ref = props || {}, { $silent, $ref } = _ref;
+		const nextProps = {
+			$componentProps: _objectWithoutProperties(_ref, _excluded$2),
+			$silent,
+			$ref
+		};
+		return /* @__PURE__ */ e.createElement(ErrorBoundary, {
+			module,
+			url
+		}, /* @__PURE__ */ e.createElement(C, nextProps));
+	};
+	component.displayName = "various-creator";
+	return component;
+};
+//#endregion
+//#region src/core/render-component.tsx
+var _excluded$1 = ["$silent", "$ref"];
+var renderComponent = async ({ module, url, target, props, type = "react", renderNode, onMounted }) => {
+	try {
+		const ReactDOM = await createModule({ module: "react-dom/client" });
+		const C = (type === "vue3" ? vueComponent : reactComponent)({
+			module,
+			url,
+			onMounted
+		});
+		const root = ReactDOM.createRoot(target);
+		const _ref = props || {}, { $silent, $ref } = _ref;
+		const nextProps = {
+			$componentProps: _objectWithoutProperties(_ref, _excluded$1),
+			$silent,
+			$ref
+		};
+		const node = /* @__PURE__ */ e.createElement(ErrorBoundary, {
+			module,
+			url
+		}, /* @__PURE__ */ e.createElement(C, nextProps));
+		root.render(renderNode ? renderNode(node) : node);
+		return () => new Promise((resolve) => {
+			setTimeout(() => {
+				root.unmount();
+				resolve();
+			});
+		});
+	} catch (e) {
+		onError(new VariousError({
+			module,
+			type: "SCRIPT_ERROR",
+			originalError: e
+		}));
+		return () => Promise.resolve();
+	}
 };
-}();
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});;
+//#endregion
+//#region src/core/index.tsx
+var _excluded = [
+	"dependencies",
+	"store",
+	"actions",
+	"Fallback",
+	"ErrorFallback",
+	"Root",
+	"middlewares",
+	"i18n"
+];
+var version = "6.0.0";
+var getApp = (config) => {
+	var _Class;
+	const { dependencies, store = {}, actions = {}, Fallback, ErrorFallback, Root: Root$1 = Root, middlewares, i18n } = config, rest = _objectWithoutProperties(config, _excluded);
+	if (middlewares) connector_default.setMiddlewares(middlewares);
+	connector_default.setStoreActions(actions);
+	if (Fallback) connector_default.setFallbackComponent(Fallback);
+	if (ErrorFallback) connector_default.setErrorFallbackComponent(ErrorFallback);
+	createStore(_objectSpread2(_objectSpread2({}, store), {}, {
+		[MOUNTED_COMPONENTS_KEY]: [],
+		[CONFIG_KEY]: rest,
+		[DEPENDENCIES_KEY]: dependencies,
+		[MESSAGE_KEY]: null,
+		[LOCALE_KEY]: (i18n === null || i18n === void 0 ? void 0 : i18n.defaultLocale) || "en"
+	}));
+	Root$1.displayName = "various-app-root";
+	return _Class = class extends Component {
+		componentDidMount() {
+			createI18nConfig(i18n === null || i18n === void 0 ? void 0 : i18n.getResources);
+		}
+		render() {
+			return /* @__PURE__ */ e.createElement(ErrorBoundary, {
+				module: "app",
+				url: dependencies.app
+			}, /* @__PURE__ */ e.createElement(Root$1, null));
+		}
+	}, _defineProperty(_Class, "displayName", "various-app"), _Class;
+};
+//#endregion
+export { h as Nycticorax, createComponent, createDispatch, createLogger, createModule, createPostMessage, defineDependencies, getApp, getConfig, getModuleInfo, getMountedComponents, getUserStore as getStore, isModuleLoaded, onComponentMounted, preloadModules, removeLoadedModules, renderComponent, version };
+
 //# sourceMappingURL=index.dev.js.map