chayns-api 1.1.0-2 → 1.1.0-21

package/dist/cjs/host/module/Test3.js

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.fetchData = fetchData;
+var _useDynamicScript = require("./utils/useDynamicScript");
+var _semaphoreAsyncAwait = _interopRequireDefault(require("semaphore-async-await"));
+var _loadComponent = _interopRequireDefault(require("./utils/loadComponent"));
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Test = () => {
+  return /*#__PURE__*/_react.default.createElement("div", null, "Test12");
+};
+const Test2 = ({
+  fallback
+}) => {
+  return /*#__PURE__*/_react.default.createElement("div", null, fallback);
+};
+let status = 'pending';
+let error = false;
+function wrapPromise(promise) {
+  console.log("nice2222");
+  let response;
+  const suspender = promise.then(res => {
+    console.log("settttttt");
+    status = 'success';
+    response = res;
+  }, err => {
+    console.error(err);
+    status = 'error';
+    response = err;
+  });
+  const read = () => {
+    console.log("status", status);
+    switch (status) {
+      case 'pending':
+        throw suspender;
+      case 'error':
+        throw response;
+      default:
+        return response;
+    }
+  };
+  console.log("nice33333");
+  return {
+    read
+  };
+}
+function fetchData(url) {
+  console.log("ahhh");
+  const promise = fetch(url).then(async res => {
+    var t = await res.json();
+    console.log("tttt", t);
+    return {
+      test: 1
+    };
+  });
+  return wrapPromise(promise);
+}
+let Raw = Test;
+const Component = ({
+  fallback,
+  system
+}) => {
+  //
+  // return <div>Nice</div>;
+
+  const p = new Promise(async res => {
+    if (!global.window) {
+      Raw = Test2;
+      res(true);
+      return;
+    }
+    const args = {
+      url: system.url,
+      scope: system === null || system === void 0 ? void 0 : system.scope
+    };
+    if (!args.url) {
+      return undefined;
+    }
+    const element = document.createElement('script');
+    element.src = args.url;
+    element.type = 'text/javascript';
+    element.async = true;
+    if (!(args.scope in _useDynamicScript.semaphore)) {
+      _useDynamicScript.semaphore[args.scope] = new _semaphoreAsyncAwait.default(1);
+    }
+    (async () => {
+      await _useDynamicScript.semaphore[args.scope].acquire();
+      element.onload = async () => {
+        await new Promise(r => setTimeout(r, 3000));
+        console.log('dsajkhdkjashdkjashdkashjkdhsjakhdkjsa');
+        const listKey = args.scope + "_list";
+        if (!window[listKey]) window[listKey] = [];
+        window[listKey].push({
+          url: args.url,
+          container: window[args.scope]
+        });
+        window[args.scope] = null;
+        const tt = () => new Promise(async r2 => {
+          var test1 = await (await (0, _loadComponent.default)(system.scope, system.module, system.url, undefined, system.preventSingleton))();
+          console.log("ööööö", test1.default);
+          r2(test1.default);
+        });
+
+        // return React.lazy(tt);
+        Raw = await tt();
+        res(true);
+        console.log("Raw", Raw);
+      };
+      element.onerror = () => {
+        console.log("errorrrrrrrrrrrr");
+        res(false);
+      };
+      document.head.appendChild(element);
+    })();
+  });
+  const l = wrapPromise(p);
+  console.error("l.read", status);
+  l.read();
+  console.error("l.read2", error, Raw);
+  // !system || !ready || failed
+
+  if (error) {
+    return /*#__PURE__*/_react.default.createElement(Test, null);
+  }
+  if (global.window) {
+    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(Raw, {
+      fallback: fallback
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement(Raw, {
+    fallback: fallback
+  });
+
+  /* eslint-disable react-hooks/exhaustive-deps */
+};
+var _default = Component;
+exports.default = _default;

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

@@ -3,59 +3,104 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = loadComponent;
+exports.loadModule = exports.default = void 0;
+var _reactDom = _interopRequireDefault(require("react-dom"));
 var _semver = _interopRequireDefault(require("semver"));
 var _react = _interopRequireDefault(require("react"));
-var _useDynamicScript = require("./useDynamicScript");
+var _runtime = require("@module-federation/runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable */
-// @ts-nocheck
-
-let instances = {};
-function loadComponent(scope, module, url, skipCompatMode = false) {
-  return async () => {
-    // Initializes the shared scope. Fills it with known provided modules from this build and all remotes
-    // eslint-disable-next-line no-undef
-    await __webpack_init_sharing__('default');
-    const {
-      container
-    } = window[scope + "_list"].find(x => x.url === url); // or get the container somewhere else
-    // Initialize the container, it may provide shared modules
-    // eslint-disable-next-line no-undef
-    await container.init(__webpack_share_scopes__.default);
-    const factory = await container.get(module);
-    _useDynamicScript.semaphore[scope].release();
-    let ModuleMap = instances[`${scope}__${module}`];
-    let Module;
-    if (!ModuleMap) {
-      ModuleMap = {};
-      instances[`${scope}__${module}`] = ModuleMap;
+const registeredScopes = {};
+const moduleMap = {};
+const componentMap = {};
+(0, _runtime.init)({
+  // @ts-expect-error will be set by chayns-toolkit via DefinePlugin
+  name: process.env.__PACKAGE_NAME__,
+  remotes: [],
+  shared: {
+    react: {
+      version: _react.default.version,
+      scope: 'default',
+      lib: () => _react.default
+    },
+    'react-dom': {
+      version: _reactDom.default.version,
+      scope: 'default',
+      lib: () => _reactDom.default
     }
-    if (Object.keys(ModuleMap).length > 0) {
-      const newModule = factory();
-      Module = ModuleMap[`${newModule.default.buildEnv}__${newModule.default.appVersion}`];
-      if (!Module) {
-        Module = newModule;
-        ModuleMap[`${newModule.default.buildEnv}__${newModule.default.appVersion}`] = newModule;
-      }
-    } else {
-      Module = factory();
-      ModuleMap[`${Module.default.buildEnv}__${Module.default.appVersion}`] = Module;
+  }
+});
+const loadModule = (scope, module, url, preventSingleton = false) => {
+  if (registeredScopes[scope] !== url || preventSingleton) {
+    if (scope in registeredScopes) {
+      console.error(`[chayns-api] call registerRemote with force for scope ${scope}. url: ${url}`);
     }
-    if (skipCompatMode) return Module;
-    const hostVersion = _semver.default.minVersion(_react.default.version);
-    const {
-      requiredVersion,
-      environment
-    } = Module.default;
-    const matchReactVersion = requiredVersion && _semver.default.satisfies(hostVersion, requiredVersion);
-    if (!matchReactVersion || environment !== 'production') {
+    (0, _runtime.registerRemotes)([{
+      name: scope,
+      entry: url,
+      alias: scope
+    }], {
+      force: scope in registeredScopes
+    });
+    registeredScopes[scope] = url;
+    moduleMap[scope] = {};
+    componentMap[scope] = {};
+  }
+  if (!(module in moduleMap[scope])) {
+    const path = `${scope}/${module.replace(/^\.\//, '')}`;
+    const promise = (0, _runtime.loadRemote)(path);
+    promise.catch(e => {
+      console.error("[chayns-api] Failed to load module", scope, url, e);
+      // causes registerRemote with force = true on next attempt to load the component which tries to load the component again
+      registeredScopes[scope] = '';
+    });
+    return promise;
+  }
+  return moduleMap[scope][module];
+};
+exports.loadModule = loadModule;
+const loadComponent = (scope, module, url, skipCompatMode = false, preventSingleton = false) => {
+  if (skipCompatMode) {
+    console.warn('[chayns-api] skipCompatMode-option is deprecated and is set automatically now');
+  }
+  if (!componentMap[scope]) {
+    componentMap[scope] = {};
+  }
+  if (!(module in componentMap[scope])) {
+    const promise = loadModule(scope, module, url, preventSingleton).then(async Module => {
+      if (typeof Module.default === 'function') {
+        return Module;
+      }
+      const hostVersion = _semver.default.minVersion(_react.default.version);
+      const {
+        requiredVersion,
+        environment
+      } = Module.default;
+      const shareScopes = await new Promise(resolve => {
+        (0, _runtime.loadShareSync)('react', {
+          resolver: shareOptions => {
+            resolve(shareOptions);
+            return shareOptions[0];
+          }
+        });
+      });
+      const matchReactVersion = requiredVersion && _semver.default.satisfies(hostVersion, requiredVersion) && !shareScopes.some(t => {
+        const {
+          version,
+          from
+        } = t;
+        return _semver.default.gt(version, hostVersion) && _semver.default.satisfies(version, requiredVersion) || scope === from.split('-').join('_');
+      });
+      if (!matchReactVersion || environment !== 'production' || process.env.NODE_ENV === 'development') {
+        return {
+          default: Module.default.CompatComponent
+        };
+      }
       return {
-        default: Module.default.CompatComponent
+        default: Module.default.Component
       };
-    }
-    return {
-      default: Module.default.Component
-    };
-  };
-}
+    });
+    componentMap[scope][module] = /*#__PURE__*/_react.default.lazy(() => promise);
+  }
+  return componentMap[scope][module];
+};
+var _default = exports.default = loadComponent;

package/dist/cjs/index.js

@@ -7,8 +7,14 @@ var _exportNames = {
   ChaynsProvider: true,
   getDeviceInfo: true,
   getScreenSize: true,
+  getClientDeviceInfo: true,
   ChaynsHost: true,
   withCompatMode: true,
+  withHydrationBoundary: true,
+  StaticChaynsApi: true,
+  loadComponent: true,
+  loadModule: true,
+  DialogHandler: true,
   dialog: true
 };
 Object.defineProperty(exports, "ChaynsHost", {
@@ -23,7 +29,25 @@ Object.defineProperty(exports, "ChaynsProvider", {
     return _ChaynsProvider.default;
   }
 });
+Object.defineProperty(exports, "DialogHandler", {
+  enumerable: true,
+  get: function () {
+    return _DialogHandler.default;
+  }
+});
+Object.defineProperty(exports, "StaticChaynsApi", {
+  enumerable: true,
+  get: function () {
+    return _StaticChaynsApi.default;
+  }
+});
 exports.dialog = exports.default = void 0;
+Object.defineProperty(exports, "getClientDeviceInfo", {
+  enumerable: true,
+  get: function () {
+    return _deviceHelper.getClientDeviceInfo;
+  }
+});
 Object.defineProperty(exports, "getDeviceInfo", {
   enumerable: true,
   get: function () {
@@ -36,12 +60,31 @@ Object.defineProperty(exports, "getScreenSize", {
     return _deviceHelper.getScreenSize;
   }
 });
+Object.defineProperty(exports, "loadComponent", {
+  enumerable: true,
+  get: function () {
+    return _loadComponent.default;
+  }
+});
+Object.defineProperty(exports, "loadModule", {
+  enumerable: true,
+  get: function () {
+    return _loadComponent.loadModule;
+  }
+});
 Object.defineProperty(exports, "withCompatMode", {
   enumerable: true,
   get: function () {
     return _withCompatMode.withCompatMode;
   }
 });
+Object.defineProperty(exports, "withHydrationBoundary", {
+  enumerable: true,
+  get: function () {
+    return _withHydrationBoundary.default;
+  }
+});
+require("./util/transferNestedFunctions");
 var _ChaynsProvider = _interopRequireDefault(require("./components/ChaynsProvider"));
 var _deviceHelper = _interopRequireWildcard(require("./util/deviceHelper"));
 var _ChaynsHost = _interopRequireDefault(require("./host/ChaynsHost"));
@@ -105,13 +148,28 @@ Object.keys(_IChaynsReact).forEach(function (key) {
     }
   });
 });
+var _constants = require("./constants");
+Object.keys(_constants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _constants[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _constants[key];
+    }
+  });
+});
+var _withHydrationBoundary = _interopRequireDefault(require("./components/withHydrationBoundary"));
+var _StaticChaynsApi = _interopRequireDefault(require("./wrapper/StaticChaynsApi"));
+var _loadComponent = _interopRequireWildcard(require("./host/module/utils/loadComponent"));
+var _DialogHandler = _interopRequireDefault(require("./handler/DialogHandler"));
 var _dialog = _interopRequireWildcard(require("./calls/dialogs/index"));
 exports.dialog = _dialog;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+var _default = exports.default = {
   buildEnv: process.env.BUILD_ENV,
   appVersion: process.env.VERSION
-};
-exports.default = _default;
+};