chayns-api 1.1.0-23 → 1.1.0-25

package/dist/cjs/host/module/utils/loadComponent.js

@@ -30,7 +30,12 @@ const componentMap = {};
     }
   }
 });
-const loadModule = (scope, module, url, preventSingleton = false) => {
+const loadModule = async (scope, module, url, preventSingleton = false) => {
+  // @ts-expect-error
+  if (typeof __webpack_init_sharing__ === 'function') {
+    // @ts-expect-error
+    await __webpack_init_sharing__('default');
+  }
   if (registeredScopes[scope] !== url || preventSingleton) {
     if (scope in registeredScopes) {
       console.error(`[chayns-api] call registerRemote with force for scope ${scope}. url: ${url}`);
@@ -77,9 +82,21 @@ const loadComponent = (scope, module, url, skipCompatMode = false, preventSingle
         environment
       } = Module.default;
       const shareScopes = await new Promise(resolve => {
+        // @ts-expect-error
+        if (typeof __webpack_share_scopes__ !== 'undefined') {
+          // @ts-expect-error
+          const shareScopes = __webpack_share_scopes__.default;
+          console.log('__webpack_share_scopes__', shareScopes);
+          const shareList = Object.entries(shareScopes.react).map(([k, v]) => ({
+            version: k,
+            from: v.from
+          }));
+          resolve(shareList);
+        }
         (0, _runtime.loadShareSync)('react', {
           resolver: shareOptions => {
             resolve(shareOptions);
+            console.log('mf runtime share scopes', shareOptions);
             return shareOptions[0];
           }
         });

package/dist/esm/host/module/utils/loadComponent.js

@@ -23,8 +23,13 @@ init({
     }
   }
 });
-export const loadModule = function (scope, module, url) {
+export const loadModule = async function (scope, module, url) {
   let preventSingleton = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  // @ts-expect-error
+  if (typeof __webpack_init_sharing__ === 'function') {
+    // @ts-expect-error
+    await __webpack_init_sharing__('default');
+  }
   if (registeredScopes[scope] !== url || preventSingleton) {
     if (scope in registeredScopes) {
       console.error(`[chayns-api] call registerRemote with force for scope ${scope}. url: ${url}`);
@@ -72,18 +77,33 @@ const loadComponent = function (scope, module, url) {
         environment
       } = Module.default;
       const shareScopes = await new Promise(resolve => {
+        // @ts-expect-error
+        if (typeof __webpack_share_scopes__ !== 'undefined') {
+          // @ts-expect-error
+          const shareScopes = __webpack_share_scopes__.default;
+          console.log('__webpack_share_scopes__', shareScopes);
+          const shareList = Object.entries(shareScopes.react).map(_ref => {
+            let [k, v] = _ref;
+            return {
+              version: k,
+              from: v.from
+            };
+          });
+          resolve(shareList);
+        }
         loadShareSync('react', {
           resolver: shareOptions => {
             resolve(shareOptions);
+            console.log('mf runtime share scopes', shareOptions);
             return shareOptions[0];
           }
         });
       });
-      const matchReactVersion = requiredVersion && semver.satisfies(hostVersion, requiredVersion) && !shareScopes.some(_ref => {
+      const matchReactVersion = requiredVersion && semver.satisfies(hostVersion, requiredVersion) && !shareScopes.some(_ref2 => {
         let {
           version,
           from
-        } = _ref;
+        } = _ref2;
         return semver.gt(version, hostVersion) && semver.satisfies(version, requiredVersion) || scope === from.split('-').join('_');
       });
       if (!matchReactVersion || environment !== 'production' || process.env.NODE_ENV === 'development') {

package/dist/types/host/module/utils/loadComponent.d.ts

@@ -1,3 +1,3 @@
-export declare const loadModule: (scope: any, module: any, url: any, preventSingleton?: boolean) => any;
+export declare const loadModule: (scope: any, module: any, url: any, preventSingleton?: boolean) => Promise<any>;
 declare const loadComponent: (scope: any, module: any, url: any, skipCompatMode?: boolean, preventSingleton?: boolean) => any;
 export default loadComponent;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "1.1.0-23",
+    "version": "1.1.0-25",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",

package/dist/cjs/host/module/utils/useDynamicScript.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.semaphore = exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _semaphoreAsyncAwait = _interopRequireDefault(require("semaphore-async-await"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const semaphore = exports.semaphore = {};
-const useDynamicScript = args => {
-  const [ready, setReady] = _react.default.useState(false);
-  const [failed, setFailed] = _react.default.useState(false);
-  (0, _react.useEffect)(() => {
-    if (!args.url) {
-      return undefined;
-    }
-    const element = document.createElement('script');
-    element.src = args.url;
-    element.type = 'text/javascript';
-    element.async = true;
-    setReady(false);
-    setFailed(false);
-    if (!(args.scope in semaphore)) {
-      semaphore[args.scope] = new _semaphoreAsyncAwait.default(1);
-    }
-    (async () => {
-      await semaphore[args.scope].acquire();
-      element.onload = () => {
-        setReady(true);
-        const listKey = args.scope + "_list";
-        if (!window[listKey]) window[listKey] = [];
-        window[listKey].push({
-          url: args.url,
-          container: window[args.scope]
-        });
-        window[args.scope] = null;
-      };
-      element.onerror = () => {
-        setReady(false);
-        setFailed(true);
-      };
-      document.head.appendChild(element);
-    })();
-    return () => {
-      semaphore[args.scope].release();
-      if (document.head.contains(element)) {
-        document.head.removeChild(element);
-      }
-    };
-  }, [args.url]);
-  return {
-    ready,
-    failed
-  };
-};
-var _default = exports.default = useDynamicScript;

package/dist/esm/host/module/utils/useDynamicScript.js

@@ -1,50 +0,0 @@
-import React, { useEffect } from 'react';
-import Semaphore from 'semaphore-async-await';
-export const semaphore = {};
-const useDynamicScript = args => {
-  const [ready, setReady] = React.useState(false);
-  const [failed, setFailed] = React.useState(false);
-  useEffect(() => {
-    if (!args.url) {
-      return undefined;
-    }
-    const element = document.createElement('script');
-    element.src = args.url;
-    element.type = 'text/javascript';
-    element.async = true;
-    setReady(false);
-    setFailed(false);
-    if (!(args.scope in semaphore)) {
-      semaphore[args.scope] = new Semaphore(1);
-    }
-    (async () => {
-      await semaphore[args.scope].acquire();
-      element.onload = () => {
-        setReady(true);
-        const listKey = args.scope + "_list";
-        if (!window[listKey]) window[listKey] = [];
-        window[listKey].push({
-          url: args.url,
-          container: window[args.scope]
-        });
-        window[args.scope] = null;
-      };
-      element.onerror = () => {
-        setReady(false);
-        setFailed(true);
-      };
-      document.head.appendChild(element);
-    })();
-    return () => {
-      semaphore[args.scope].release();
-      if (document.head.contains(element)) {
-        document.head.removeChild(element);
-      }
-    };
-  }, [args.url]);
-  return {
-    ready,
-    failed
-  };
-};
-export default useDynamicScript;

package/dist/types/host/module/utils/useDynamicScript.d.ts

@@ -1,9 +0,0 @@
-export declare const semaphore: {};
-declare const useDynamicScript: (args: {
-    url: string | undefined;
-    scope: string | undefined;
-}) => {
-    ready: boolean;
-    failed: boolean;
-};
-export default useDynamicScript;