@variousjs/various 5.0.2 → 5.1.1

package/dist/index.dev.js

@@ -1,4 +1,4 @@
-define(["react","react-dom/client"], function(__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_react_dom_client__) { return /******/ (function() { // webpackBootstrap
+define(["react"], function(__WEBPACK_EXTERNAL_MODULE_react__) { return /******/ (function() { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
 /***/ "./node_modules/@babel/runtime/helpers/esm/extends.js":
@@ -50,7 +50,6 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 */   ROOT: function() { return /* binding */ ROOT; },
 /* harmony export */   VUE_FUNCTION_OPTIONS: function() { return /* binding */ VUE_FUNCTION_OPTIONS; },
 /* harmony export */   VUE_VERSION: function() { return /* binding */ VUE_VERSION; }
 /* harmony export */ });
@@ -58,7 +57,6 @@ const MOUNTED_COMPONENTS_KEY = Symbol('MOUNTED_COMPONENTS');
 const MESSAGE_KEY = Symbol('MESSAGE');
 const CONFIG_KEY = Symbol('CONFIG');
 const DEPENDENCIES_KEY = Symbol('DEPENDENCIES');
-const ROOT = '#root';
 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'];
@@ -79,8 +77,8 @@ __webpack_require__.r(__webpack_exports__);
 
 class Connector {
   constructor() {
-    this.loaderComponent = _default_component__WEBPACK_IMPORTED_MODULE_0__.Loader;
-    this.errorComponent = _default_component__WEBPACK_IMPORTED_MODULE_0__.Error;
+    this.fallbackComponent = _default_component__WEBPACK_IMPORTED_MODULE_0__.Fallback;
+    this.errorFallbackComponent = _default_component__WEBPACK_IMPORTED_MODULE_0__.ErrorFallback;
     this.storeActions = {};
     this.componentActions = {};
     this.i18nConfigs = {};
@@ -130,17 +128,17 @@ class Connector {
   getStoreActions() {
     return this.storeActions;
   }
-  setLoaderComponent(loaderComponent) {
-    this.loaderComponent = loaderComponent;
+  setFallbackComponent(fallbackComponent) {
+    this.fallbackComponent = fallbackComponent;
   }
-  getLoaderComponent() {
-    return this.loaderComponent;
+  getFallbackComponent() {
+    return this.fallbackComponent;
   }
-  setErrorComponent(errorComponent) {
-    this.errorComponent = errorComponent;
+  setErrorFallbackComponent(errorFallbackComponent) {
+    this.errorFallbackComponent = errorFallbackComponent;
   }
-  getErrorComponent() {
-    return this.errorComponent;
+  getErrorFallbackComponent() {
+    return this.errorFallbackComponent;
   }
 }
 /* harmony default export */ __webpack_exports__["default"] = (new Connector());
@@ -235,7 +233,7 @@ const createModule = (config, logError = true) => {
     (0,_helper__WEBPACK_IMPORTED_MODULE_3__.resetDependencyConfig)(name, url);
   }
   return new Promise((resolve, reject) => {
-    if (!url && !dependencies[name]) {
+    if (!url && !dependencies[name] && !(0,_helper__WEBPACK_IMPORTED_MODULE_3__.isModuleSpecified)(name)) {
       const error = new _helper__WEBPACK_IMPORTED_MODULE_3__.VariousError({
         name,
         module,
@@ -317,22 +315,35 @@ const createModule = (config, logError = true) => {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Container: function() { return /* binding */ Container; },
-/* harmony export */   Error: function() { return /* binding */ Error; },
-/* harmony export */   Loader: function() { return /* binding */ Loader; }
+/* 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 Loader = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, "Loading");
-const Error = ({
+const Fallback = props => {
+  const className = (0,_helper__WEBPACK_IMPORTED_MODULE_1__.getClassNameWithModule)(props.$self, 'various-component-fallback');
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: className
+  }, "Loading");
+};
+const ErrorFallback = ({
   $error,
-  $reload
-}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, `[${$error.type}] ${$error.message}`), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
-  type: "button",
-  onClick: $reload
-}, "Reload"));
-const Container = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, "App Container is not defined");
+  $reload,
+  $self
+}) => {
+  const className = (0,_helper__WEBPACK_IMPORTED_MODULE_1__.getClassNameWithModule)($self, '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"));
+};
+const Root = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, "App Container is not defined");
 
 /***/ }),
 
@@ -480,10 +491,10 @@ class ErrorBoundary extends react__WEBPACK_IMPORTED_MODULE_0__.Component {
     });
   };
   render() {
-    const ErrorNode = _connector__WEBPACK_IMPORTED_MODULE_2__["default"].getErrorComponent();
+    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(ErrorNode, {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ErrorFallbackNode, {
         $self: this.$self,
         $reload: this.reload,
         $store: store,
@@ -510,11 +521,13 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 */   getMountedComponents: function() { return /* binding */ getMountedComponents; },
 /* harmony export */   getNameWithModule: function() { return /* binding */ getNameWithModule; },
 /* harmony export */   getSelfInfo: function() { return /* binding */ getSelfInfo; },
 /* harmony export */   isModuleLoaded: function() { return /* binding */ isModuleLoaded; },
+/* harmony export */   isModuleSpecified: function() { return /* binding */ isModuleSpecified; },
 /* harmony export */   isPromiseLike: function() { return /* binding */ isPromiseLike; },
 /* harmony export */   onComponentMounted: function() { return /* binding */ onComponentMounted; },
 /* harmony export */   onError: function() { return /* binding */ onError; },
@@ -568,7 +581,8 @@ const defineDependencies = deps => {
     }
   }, true);
 };
-const isModuleLoaded = name => window.requirejs.specified(name) && !!window.requirejs.s.contexts._.defined[name];
+const isModuleLoaded = name => window.requirejs.defined(name);
+const isModuleSpecified = name => window.requirejs.specified(name);
 const getMountedComponents = () => (0,_store__WEBPACK_IMPORTED_MODULE_0__.getStore)(_config__WEBPACK_IMPORTED_MODULE_2__.MOUNTED_COMPONENTS_KEY);
 const onComponentMounted = (module, callback) => {
   const modules = Array.isArray(module) ? module : [module];
@@ -765,6 +779,13 @@ function getSelfInfo(params) {
     url: url || dependencies[name]
   };
 }
+function getClassNameWithModule(self, prefix) {
+  const {
+    name,
+    module
+  } = self;
+  return `${prefix} ${[name, module].filter(Boolean).join('-')}`;
+}
 
 /***/ }),
 
@@ -1184,7 +1205,7 @@ function reactComponent(config) {
       url
     });
     render() {
-      const LoaderNode = _connector__WEBPACK_IMPORTED_MODULE_4__["default"].getLoaderComponent();
+      const Fallback = _connector__WEBPACK_IMPORTED_MODULE_4__["default"].getFallbackComponent();
       const {
         $silent,
         $componentProps,
@@ -1203,7 +1224,7 @@ function reactComponent(config) {
         if ($silent || (0,_helper__WEBPACK_IMPORTED_MODULE_2__.isModuleLoaded)(name)) {
           return null;
         }
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(LoaderNode, {
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Fallback, {
           $self: this.$self,
           $store: store
         });
@@ -1237,19 +1258,18 @@ function reactComponent(config) {
 __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_dom_client__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom/client */ "react-dom/client");
-/* harmony import */ var react_dom_client__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom_client__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _react_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./react-component */ "./src/core/react-component.tsx");
-/* harmony import */ var _vue_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./vue-component */ "./src/core/vue-component.tsx");
-/* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./helper */ "./src/core/helper.ts");
-/* harmony import */ var _error_boundary__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./error-boundary */ "./src/core/error-boundary.tsx");
+/* 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 = ({
+const renderComponent = async ({
   name,
   module,
   url,
@@ -1259,14 +1279,17 @@ const renderComponent = ({
   renderNode,
   onMounted
 }) => {
-  const C = (type === 'vue3' ? _vue_component__WEBPACK_IMPORTED_MODULE_3__["default"] : _react_component__WEBPACK_IMPORTED_MODULE_2__["default"])({
-    name,
-    module,
-    url,
-    onMounted
-  });
   try {
-    const root = (0,react_dom_client__WEBPACK_IMPORTED_MODULE_1__.createRoot)(target);
+    const ReactDOM = await (0,_create_module__WEBPACK_IMPORTED_MODULE_5__["default"])({
+      name: 'react-dom'
+    });
+    const C = (type === 'vue3' ? _vue_component__WEBPACK_IMPORTED_MODULE_2__["default"] : _react_component__WEBPACK_IMPORTED_MODULE_1__["default"])({
+      name,
+      module,
+      url,
+      onMounted
+    });
+    const root = ReactDOM.createRoot(target);
     const {
       $silent,
       $ref,
@@ -1277,7 +1300,7 @@ const renderComponent = ({
       $silent,
       $ref
     };
-    const node = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_error_boundary__WEBPACK_IMPORTED_MODULE_5__["default"], {
+    const node = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_error_boundary__WEBPACK_IMPORTED_MODULE_4__["default"], {
       name: name,
       module: module,
       url: url
@@ -1290,12 +1313,13 @@ const renderComponent = ({
       });
     });
   } catch (e) {
-    (0,_helper__WEBPACK_IMPORTED_MODULE_4__.onError)(new _helper__WEBPACK_IMPORTED_MODULE_4__.VariousError({
+    const error = new _helper__WEBPACK_IMPORTED_MODULE_3__.VariousError({
       name,
       module,
       type: 'SCRIPT_ERROR',
       originalError: e
-    }));
+    });
+    (0,_helper__WEBPACK_IMPORTED_MODULE_3__.onError)(error);
     return () => Promise.resolve();
   }
 };
@@ -1401,7 +1425,7 @@ function vueComponent(config) {
     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 LoaderNode = _connector__WEBPACK_IMPORTED_MODULE_1__["default"].getLoaderComponent();
+    const Fallback = _connector__WEBPACK_IMPORTED_MODULE_1__["default"].getFallbackComponent();
     const {
       $silent,
       $componentProps
@@ -1550,14 +1574,14 @@ function vueComponent(config) {
     if (isError) {
       throw errorRef.current;
     }
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, !componentReady && !$silent && !(0,_helper__WEBPACK_IMPORTED_MODULE_4__.isModuleLoaded)(name) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(LoaderNode, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, !componentReady && !$silent && !(0,_helper__WEBPACK_IMPORTED_MODULE_4__.isModuleLoaded)(name) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Fallback, {
       $self: selfRef.current,
       $store: store
     }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-      className: `various-component-${(0,_helper__WEBPACK_IMPORTED_MODULE_4__.getNameWithModule)({
+      className: (0,_helper__WEBPACK_IMPORTED_MODULE_4__.getClassNameWithModule)({
         name,
         module
-      })}`,
+      }, 'various-vue-component'),
       ref: containerDivRef
     }));
   };
@@ -1582,17 +1606,6 @@ function vueComponent(config) {
 "use strict";
 module.exports = __WEBPACK_EXTERNAL_MODULE_react__;
 
-/***/ }),
-
-/***/ "react-dom/client":
-/*!***********************************!*\
-  !*** external "react-dom/client" ***!
-  \***********************************/
-/***/ (function(module) {
-
-"use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE_react_dom_client__;
-
 /***/ })
 
 /******/ 	});
@@ -1672,43 +1685,41 @@ var __webpack_exports__ = {};
   \****************************/
 __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_8___default.a; },
-/* harmony export */   createComponent: function() { return /* reexport safe */ _create_component__WEBPACK_IMPORTED_MODULE_14__["default"]; },
-/* harmony export */   createDispatch: function() { return /* reexport safe */ _dispatch__WEBPACK_IMPORTED_MODULE_9__["default"]; },
-/* harmony export */   createLogger: function() { return /* reexport safe */ _logger__WEBPACK_IMPORTED_MODULE_11__["default"]; },
-/* harmony export */   createModule: function() { return /* reexport safe */ _create_module__WEBPACK_IMPORTED_MODULE_13__["default"]; },
-/* harmony export */   createPostMessage: function() { return /* reexport safe */ _message__WEBPACK_IMPORTED_MODULE_10__.createPostMessage; },
-/* harmony export */   defineDependencies: function() { return /* reexport safe */ _helper__WEBPACK_IMPORTED_MODULE_12__.defineDependencies; },
-/* harmony export */   getConfig: function() { return /* reexport safe */ _helper__WEBPACK_IMPORTED_MODULE_12__.getConfig; },
-/* harmony export */   getMountedComponents: function() { return /* reexport safe */ _helper__WEBPACK_IMPORTED_MODULE_12__.getMountedComponents; },
-/* harmony export */   getStore: function() { return /* reexport safe */ _store__WEBPACK_IMPORTED_MODULE_2__.getUserStore; },
-/* harmony export */   isModuleLoaded: function() { return /* reexport safe */ _helper__WEBPACK_IMPORTED_MODULE_12__.isModuleLoaded; },
-/* harmony export */   onComponentMounted: function() { return /* reexport safe */ _helper__WEBPACK_IMPORTED_MODULE_12__.onComponentMounted; },
-/* harmony export */   preloadModules: function() { return /* reexport safe */ _helper__WEBPACK_IMPORTED_MODULE_12__.preloadModules; },
-/* harmony export */   removeLoadedModules: function() { return /* reexport safe */ _helper__WEBPACK_IMPORTED_MODULE_12__.removeLoadedModules; },
-/* harmony export */   renderComponent: function() { return /* reexport safe */ _render_component__WEBPACK_IMPORTED_MODULE_15__["default"]; },
+/* 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 */   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 react_dom_client__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom/client */ "react-dom/client");
-/* harmony import */ var react_dom_client__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom_client__WEBPACK_IMPORTED_MODULE_1__);
-/* 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");
-/* harmony import */ var _connector__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./connector */ "./src/core/connector.ts");
-/* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./i18n */ "./src/core/i18n.ts");
-/* harmony import */ var _default_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./default-component */ "./src/core/default-component.tsx");
-/* harmony import */ var _error_boundary__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./error-boundary */ "./src/core/error-boundary.tsx");
-/* harmony import */ var nycticorax__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! nycticorax */ "./node_modules/nycticorax/dist/index.js");
-/* harmony import */ var nycticorax__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(nycticorax__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _dispatch__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./dispatch */ "./src/core/dispatch.ts");
-/* harmony import */ var _message__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./message */ "./src/core/message.ts");
-/* harmony import */ var _logger__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./logger */ "./src/core/logger.ts");
-/* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./helper */ "./src/core/helper.ts");
-/* harmony import */ var _create_module__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./create-module */ "./src/core/create-module.ts");
-/* harmony import */ var _create_component__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./create-component */ "./src/core/create-component.tsx");
-/* harmony import */ var _render_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./render-component */ "./src/core/render-component.tsx");
-
+/* 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");
 
 
 
@@ -1727,52 +1738,50 @@ __webpack_require__.r(__webpack_exports__);
 
 
 // eslint-disable-next-line no-undef
-const version = "5.0.2";
-/* harmony default export */ __webpack_exports__["default"] = (config => {
+const version = "5.1.1";
+const getApp = config => {
   const {
     dependencies,
-    root,
     store = {},
     actions = {},
-    Loader: LoaderComponent,
-    Error: ErrorComponent,
-    Container: ContainerComponent = _default_component__WEBPACK_IMPORTED_MODULE_6__.Container,
+    Fallback,
+    ErrorFallback,
+    Root = _default_component__WEBPACK_IMPORTED_MODULE_5__.Root,
     middlewares,
     i18n,
     ...rest
   } = config;
   if (middlewares) {
-    _connector__WEBPACK_IMPORTED_MODULE_4__["default"].setMiddlewares(middlewares);
+    _connector__WEBPACK_IMPORTED_MODULE_3__["default"].setMiddlewares(middlewares);
   }
-  _connector__WEBPACK_IMPORTED_MODULE_4__["default"].setStoreActions(actions);
-  if (LoaderComponent) {
-    _connector__WEBPACK_IMPORTED_MODULE_4__["default"].setLoaderComponent(LoaderComponent);
+  _connector__WEBPACK_IMPORTED_MODULE_3__["default"].setStoreActions(actions);
+  if (Fallback) {
+    _connector__WEBPACK_IMPORTED_MODULE_3__["default"].setFallbackComponent(Fallback);
   }
-  if (ErrorComponent) {
-    _connector__WEBPACK_IMPORTED_MODULE_4__["default"].setErrorComponent(ErrorComponent);
+  if (ErrorFallback) {
+    _connector__WEBPACK_IMPORTED_MODULE_3__["default"].setErrorFallbackComponent(ErrorFallback);
   }
-  (0,_store__WEBPACK_IMPORTED_MODULE_2__.createStore)({
+  (0,_store__WEBPACK_IMPORTED_MODULE_1__.createStore)({
     ...store,
-    [_config__WEBPACK_IMPORTED_MODULE_3__.MOUNTED_COMPONENTS_KEY]: [],
-    [_config__WEBPACK_IMPORTED_MODULE_3__.CONFIG_KEY]: rest,
-    [_config__WEBPACK_IMPORTED_MODULE_3__.DEPENDENCIES_KEY]: dependencies,
-    [_config__WEBPACK_IMPORTED_MODULE_3__.MESSAGE_KEY]: null
+    [_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
   });
-  ContainerComponent.displayName = 'various-container';
-  class R extends react__WEBPACK_IMPORTED_MODULE_0__.Component {
+  Root.displayName = 'various-app-root';
+  return class extends react__WEBPACK_IMPORTED_MODULE_0__.Component {
     static displayName = 'various-app';
     componentDidMount() {
-      (0,_i18n__WEBPACK_IMPORTED_MODULE_5__.createI18nConfig)(i18n);
+      (0,_i18n__WEBPACK_IMPORTED_MODULE_4__.createI18nConfig)(i18n);
     }
     render() {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_error_boundary__WEBPACK_IMPORTED_MODULE_7__["default"], {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_error_boundary__WEBPACK_IMPORTED_MODULE_6__["default"], {
         name: "app",
         url: dependencies.app
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ContainerComponent, null));
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Root, null));
     }
-  }
-  (0,react_dom_client__WEBPACK_IMPORTED_MODULE_1__.createRoot)(document.querySelector(root || _config__WEBPACK_IMPORTED_MODULE_3__.ROOT)).render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(R, null));
-});
+  };
+};
 }();
 /******/ 	return __webpack_exports__;
 /******/ })()