@variousjs/various 5.1.0 → 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'];
@@ -1260,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,
@@ -1282,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,
@@ -1300,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
@@ -1313,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();
   }
 };
@@ -1605,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__;
-
 /***/ })
 
 /******/ 	});
@@ -1695,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");
 
 
 
@@ -1750,52 +1738,50 @@ __webpack_require__.r(__webpack_exports__);
 
 
 // eslint-disable-next-line no-undef
-const version = "5.1.0";
-/* harmony default export */ __webpack_exports__["default"] = (config => {
+const version = "5.1.1";
+const getApp = config => {
   const {
     dependencies,
-    root,
     store = {},
     actions = {},
     Fallback,
     ErrorFallback,
-    Root = _default_component__WEBPACK_IMPORTED_MODULE_6__.Root,
+    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);
+  _connector__WEBPACK_IMPORTED_MODULE_3__["default"].setStoreActions(actions);
   if (Fallback) {
-    _connector__WEBPACK_IMPORTED_MODULE_4__["default"].setFallbackComponent(Fallback);
+    _connector__WEBPACK_IMPORTED_MODULE_3__["default"].setFallbackComponent(Fallback);
   }
   if (ErrorFallback) {
-    _connector__WEBPACK_IMPORTED_MODULE_4__["default"].setErrorFallbackComponent(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
   });
   Root.displayName = 'various-app-root';
-  class R extends react__WEBPACK_IMPORTED_MODULE_0__.Component {
+  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(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__;
 /******/ })()