@variousjs/various 5.1.3 → 5.1.5

package/dist/standalone.js

@@ -2208,6 +2208,7 @@ __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 */   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 */ });
@@ -2215,6 +2216,7 @@ 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'];
@@ -2762,24 +2764,20 @@ const resetDependencyConfig = (name, url) => {
   const dependencies = (0,_store__WEBPACK_IMPORTED_MODULE_0__.getStore)(_config__WEBPACK_IMPORTED_MODULE_2__.DEPENDENCIES_KEY);
 
   // ignore multiple custom module url
-  if (url && window.requirejs.defined(name)) {
+  if (url && isModuleLoaded(name)) {
+    return;
+  }
+  if (!dependencies[name] && url) {
+    window.requirejs.config({
+      paths: {
+        [name]: `${url}#${name}`
+      }
+    });
     return;
   }
   let path = getUrlHash(dependencies[name]);
-
-  // custom module url, but module loaded error
   if (url) {
-    path = `${url}#${name}`;
-    try {
-      const {
-        registry
-      } = window.requirejs.s.contexts._;
-      if (registry?.[name].error) {
-        path = getUrlHash(url);
-      }
-    } catch (e) {
-      // ignore
-    }
+    path = getUrlHash(`${url}#${name}`);
   }
   window.requirejs.undef(name);
   window.requirejs.config({
@@ -3099,6 +3097,115 @@ function createI18n(moduleDefined, updater) {
 
 /***/ }),
 
+/***/ "./src/core/index.tsx":
+/*!****************************!*\
+  !*** ./src/core/index.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 */   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 _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.1.5";
+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"], {
+        name: "app",
+        url: dependencies.app
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Root, null));
+    }
+  };
+};
+
+/***/ }),
+
 /***/ "./src/core/logger.ts":
 /*!****************************!*\
   !*** ./src/core/logger.ts ***!
@@ -3407,6 +3514,85 @@ function reactComponent(config) {
 
 /***/ }),
 
+/***/ "./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 ({
+  name,
+  module,
+  url,
+  target,
+  props,
+  type = 'react',
+  renderNode,
+  onMounted
+}) => {
+  try {
+    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,
+      ...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"], {
+      name: name,
+      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({
+      name,
+      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 ***!
@@ -3695,9 +3881,16 @@ function vueComponent(config) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   createAppConfig: function() { return /* binding */ createAppConfig; },
 /* harmony export */   defineModules: function() { return /* binding */ defineModules; }
 /* harmony export */ });
 /* harmony import */ var _core_helper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/helper */ "./src/core/helper.ts");
+/* harmony import */ var _core_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/store */ "./src/core/store.ts");
+/* harmony import */ var _core_config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../core/config */ "./src/core/config.ts");
+/* harmony import */ var _core_connector__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../core/connector */ "./src/core/connector.ts");
+
+
+
 
 const defineAsync = (name, dep) => new Promise(resolve => {
   window.define(name, [], () => dep);
@@ -3731,6 +3924,35 @@ function defineModules(deps) {
   });
   return Promise.all(defines.map(item => defineAsync(item.key, item.value)));
 }
+const createAppConfig = config => {
+  const {
+    dependencies,
+    errorFallback,
+    fallback,
+    store,
+    actions
+  } = config;
+  (0,_core_store__WEBPACK_IMPORTED_MODULE_1__.emit)({
+    [_core_config__WEBPACK_IMPORTED_MODULE_2__.STANDALONE_CONFIG_READY]: false
+  }, true);
+  if (errorFallback) {
+    _core_connector__WEBPACK_IMPORTED_MODULE_3__["default"].setErrorFallbackComponent(errorFallback);
+  }
+  if (fallback) {
+    _core_connector__WEBPACK_IMPORTED_MODULE_3__["default"].setFallbackComponent(fallback);
+  }
+  if (actions) {
+    _core_connector__WEBPACK_IMPORTED_MODULE_3__["default"].setStoreActions(actions);
+  }
+  if (store) {
+    (0,_core_store__WEBPACK_IMPORTED_MODULE_1__.emit)(store);
+  }
+  defineModules(dependencies).then(() => {
+    (0,_core_store__WEBPACK_IMPORTED_MODULE_1__.emit)({
+      [_core_config__WEBPACK_IMPORTED_MODULE_2__.STANDALONE_CONFIG_READY]: true
+    }, true);
+  });
+};
 
 /***/ }),
 
@@ -3822,8 +4044,11 @@ var __webpack_exports__ = {};
   \**********************************/
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   createAppConfig: function() { return /* reexport safe */ _helper__WEBPACK_IMPORTED_MODULE_6__.createAppConfig; },
 /* harmony export */   createComponent: function() { return /* binding */ createComponent; },
-/* harmony export */   createConfig: function() { return /* binding */ createConfig; }
+/* harmony export */   createDispatch: function() { return /* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_9__.createDispatch; },
+/* harmony export */   createLogger: function() { return /* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_9__.createLogger; },
+/* harmony export */   createPostMessage: function() { return /* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_9__.createPostMessage; }
 /* harmony export */ });
 /* 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 _variousjs_requirejs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @variousjs/requirejs */ "./node_modules/@variousjs/requirejs/require.js");
@@ -3836,6 +4061,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./helper */ "./src/standalone/helper.ts");
 /* harmony import */ var _core_store__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../core/store */ "./src/core/store.ts");
 /* harmony import */ var _core_config__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../core/config */ "./src/core/config.ts");
+/* harmony import */ var _core__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../core */ "./src/core/index.tsx");
+
+
 
 
 
@@ -3850,7 +4078,7 @@ __webpack_require__.r(__webpack_exports__);
   [_core_config__WEBPACK_IMPORTED_MODULE_8__.MESSAGE_KEY]: null,
   [_core_config__WEBPACK_IMPORTED_MODULE_8__.CONFIG_KEY]: {},
   [_core_config__WEBPACK_IMPORTED_MODULE_8__.DEPENDENCIES_KEY]: {},
-  configReady: undefined
+  [_core_config__WEBPACK_IMPORTED_MODULE_8__.STANDALONE_CONFIG_READY]: undefined
 });
 window.define('react', [], () => (react__WEBPACK_IMPORTED_MODULE_2___default()));
 const Standalone = props => {
@@ -3864,9 +4092,7 @@ const Standalone = props => {
     $ref,
     storeKeys
   } = props;
-  const {
-    configReady
-  } = (0,_core_store__WEBPACK_IMPORTED_MODULE_7__.useStore)('configReady');
+  const store = (0,_core_store__WEBPACK_IMPORTED_MODULE_7__.useStore)(_core_config__WEBPACK_IMPORTED_MODULE_8__.STANDALONE_CONFIG_READY);
   const [componentReady, setComponentReady] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false);
   const componentNode = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
   (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {
@@ -3880,7 +4106,7 @@ const Standalone = props => {
       setComponentReady(true);
     });
   }, [name, url, module, dependencies, type, storeKeys]);
-  if (!componentReady || configReady === false) {
+  if (!componentReady || store[_core_config__WEBPACK_IMPORTED_MODULE_8__.STANDALONE_CONFIG_READY] === false) {
     const FallBack = _core_connector__WEBPACK_IMPORTED_MODULE_5__["default"].getFallbackComponent();
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(FallBack, {
       $self: {
@@ -3905,38 +4131,8 @@ const createComponent = args => {
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Standalone, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
     $componentProps: props
   }, args)));
-  const dispatch = next => {
-    (0,_core_store__WEBPACK_IMPORTED_MODULE_7__.emit)(next, true);
-  };
   component.displayName = 'various-standalone-creator';
-  return Object.assign(component, {
-    dispatch
-  });
-};
-const createConfig = config => {
-  const {
-    baseDependencies,
-    errorFallback,
-    fallback,
-    store
-  } = config;
-  (0,_core_store__WEBPACK_IMPORTED_MODULE_7__.emit)({
-    configReady: false
-  }, true);
-  if (errorFallback) {
-    _core_connector__WEBPACK_IMPORTED_MODULE_5__["default"].setErrorFallbackComponent(errorFallback);
-  }
-  if (fallback) {
-    _core_connector__WEBPACK_IMPORTED_MODULE_5__["default"].setFallbackComponent(fallback);
-  }
-  if (store) {
-    (0,_core_store__WEBPACK_IMPORTED_MODULE_7__.emit)(store);
-  }
-  (0,_helper__WEBPACK_IMPORTED_MODULE_6__.defineModules)(baseDependencies).then(() => {
-    (0,_core_store__WEBPACK_IMPORTED_MODULE_7__.emit)({
-      configReady: true
-    });
-  });
+  return component;
 };
 }();
 module.exports = __webpack_exports__;