chayns-api 2.4.30 → 2.6.0-beta.0

package/dist/cjs/constants/index.js

@@ -24,4 +24,15 @@ Object.keys(_DefaultLoginDialogOptions).forEach(function (key) {
       return _DefaultLoginDialogOptions[key];
     }
   });
+});
+var _moduleContext = require("./moduleContext");
+Object.keys(_moduleContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _moduleContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _moduleContext[key];
+    }
+  });
 });

package/dist/cjs/constants/moduleContext.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModuleContext = void 0;
+var _react = require("react");
+let ModuleContext = exports.ModuleContext = void 0;
+if (!globalThis.window && globalThis._moduleContext) {
+  exports.ModuleContext = ModuleContext = globalThis._moduleContext;
+} else {
+  exports.ModuleContext = ModuleContext = (0, _react.createContext)({});
+  globalThis._moduleContext = ModuleContext;
+}

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _moduleContext = require("../../constants/moduleContext");
 var _loadComponent = _interopRequireDefault(require("./utils/loadComponent"));
 var _url = require("../../util/url");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -16,6 +17,15 @@ const System = ({
   ...props
 }) => {
   const Component = (0, _react.useMemo)(() => (0, _loadComponent.default)(system.scope, system.module, globalThis.window ? system.url : system.serverUrl, undefined, system.preventSingleton), [system.scope, system.module, system.url, system.serverUrl, system.preventSingleton]);
+  if (!globalThis.window) {
+    var _system$scope, _moduleContext$_syste;
+    const moduleContext = (0, _react.useContext)(_moduleContext.ModuleContext);
+    (_moduleContext$_syste = moduleContext[_system$scope = system.scope]) !== null && _moduleContext$_syste !== void 0 ? _moduleContext$_syste : moduleContext[_system$scope] = {
+      url: new URL('mf-manifest.json', system.url).toString(),
+      modules: new Set()
+    };
+    moduleContext[system.scope].modules.add(system.module);
+  }
   return _react.default.createElement(_react.default.Suspense, {
     fallback: fallback || ''
   }, _react.default.createElement(Component, props));

package/dist/cjs/index.js

@@ -203,6 +203,18 @@ Object.keys(_appStorage).forEach(function (key) {
     }
   });
 });
+var _collectCssChunks = require("./util/collectCssChunks");
+Object.keys(_collectCssChunks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _collectCssChunks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _collectCssChunks[key];
+    }
+  });
+});
 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(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/plugins/SequentialLoadPlugin.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SequentialLoadPlugin = void 0;
+const SequentialLoadPlugin = () => {
+  return {
+    name: 'sequential-load',
+    async beforeInitContainer(args) {
+      const manifest = args.origin.snapshotHandler.manifestCache.get(args.remoteEntryInitOptions.version);
+      const requiredShares = new Set(manifest === null || manifest === void 0 ? void 0 : manifest.shared.map(share => share.name));
+      for (const [key, pkg] of Object.entries(args.shareScope)) {
+        if (manifest && !requiredShares.has(key)) {
+          continue;
+        }
+        for (const version of Object.values(pkg)) {
+          if (!version.loaded && version.loading) {
+            await version.loading;
+          }
+        }
+      }
+      return args;
+    }
+  };
+};
+exports.SequentialLoadPlugin = SequentialLoadPlugin;

package/dist/cjs/util/collectCssChunks.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectCssChunks = void 0;
+const remoteInfoCache = {};
+const loadRemoteInfo = async url => {
+  if (remoteInfoCache[url]) {
+    return remoteInfoCache[url];
+  }
+  const res = await fetch(url);
+  if (res.status === 200) {
+    const info = await res.json();
+    remoteInfoCache[url] = info;
+    return info;
+  }
+  if (res.status === 404) {
+    remoteInfoCache[url] = null;
+    return null;
+  }
+  throw new Error(`Could not load remote info from ${url}`);
+};
+const collectCssChunks = async modules => {
+  const p = Object.values(modules).map(async module => {
+    const info = await loadRemoteInfo(module.url);
+    const chunks = [];
+    info === null || info === void 0 || info.exposes.forEach(exposes => {
+      if (module.modules.has(exposes.path)) {
+        var _exposes$assets$css, _exposes$assets;
+        const {
+          sync = [],
+          async = []
+        } = (_exposes$assets$css = (_exposes$assets = exposes.assets) === null || _exposes$assets === void 0 ? void 0 : _exposes$assets.css) !== null && _exposes$assets$css !== void 0 ? _exposes$assets$css : {};
+        [...sync, ...async].forEach(chunk => {
+          const url = new URL(chunk, module.url);
+          chunks.push(`<link rel="stylesheet" href="${url}">`);
+        });
+      }
+    });
+    return chunks;
+  });
+  const r = await Promise.allSettled(p);
+  return r.flatMap(v => v.status === 'fulfilled' ? v.value : []).join('');
+};
+exports.collectCssChunks = collectCssChunks;

package/dist/cjs/util/initModuleFederationSharing.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.initModuleFederationSharing = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
+var _SequentialLoadPlugin = require("../plugins/SequentialLoadPlugin");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 let ReactDOMClient;
 try {
@@ -48,7 +49,8 @@ const initModuleFederationSharing = ({
   init({
     name: name !== null && name !== void 0 ? name : '',
     remotes: [],
-    shared
+    shared,
+    plugins: [(0, _SequentialLoadPlugin.SequentialLoadPlugin)()]
   });
 };
 exports.initModuleFederationSharing = initModuleFederationSharing;

package/dist/esm/constants/index.js

@@ -1,2 +1,3 @@
 export * from './hydrationContext';
-export * from './DefaultLoginDialogOptions';
+export * from './DefaultLoginDialogOptions';
+export * from './moduleContext';

package/dist/esm/constants/moduleContext.js

@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+export let ModuleContext;
+if (!globalThis.window && globalThis._moduleContext) {
+  ModuleContext = globalThis._moduleContext;
+} else {
+  ModuleContext = createContext({});
+  globalThis._moduleContext = ModuleContext;
+}

package/dist/esm/host/module/ModuleHost.js

@@ -1,4 +1,5 @@
-import React, { useMemo } from 'react';
+import React, { useContext, useMemo } from 'react';
+import { ModuleContext } from '../../constants/moduleContext';
 import loadComponent from './utils/loadComponent';
 import { replaceStagingUrl } from "../../util/url";
 const System = _ref => {
@@ -8,6 +9,15 @@ const System = _ref => {
     ...props
   } = _ref;
   const Component = useMemo(() => loadComponent(system.scope, system.module, globalThis.window ? system.url : system.serverUrl, undefined, system.preventSingleton), [system.scope, system.module, system.url, system.serverUrl, system.preventSingleton]);
+  if (!globalThis.window) {
+    var _system$scope, _moduleContext$_syste;
+    const moduleContext = useContext(ModuleContext);
+    (_moduleContext$_syste = moduleContext[_system$scope = system.scope]) !== null && _moduleContext$_syste !== void 0 ? _moduleContext$_syste : moduleContext[_system$scope] = {
+      url: new URL('mf-manifest.json', system.url).toString(),
+      modules: new Set()
+    };
+    moduleContext[system.scope].modules.add(system.module);
+  }
   return React.createElement(React.Suspense, {
     fallback: fallback || ''
   }, React.createElement(Component, props));

package/dist/esm/index.js

@@ -17,4 +17,5 @@ import * as _dialog from './calls/dialogs/index';
 export { _dialog as dialog };
 export * from './util/initModuleFederationSharing';
 export * from './util/bindChaynsApi';
-export * from './util/appStorage';
+export * from './util/appStorage';
+export * from './util/collectCssChunks';

package/dist/esm/plugins/SequentialLoadPlugin.js

@@ -0,0 +1,20 @@
+export const SequentialLoadPlugin = () => {
+  return {
+    name: 'sequential-load',
+    async beforeInitContainer(args) {
+      const manifest = args.origin.snapshotHandler.manifestCache.get(args.remoteEntryInitOptions.version);
+      const requiredShares = new Set(manifest === null || manifest === void 0 ? void 0 : manifest.shared.map(share => share.name));
+      for (const [key, pkg] of Object.entries(args.shareScope)) {
+        if (manifest && !requiredShares.has(key)) {
+          continue;
+        }
+        for (const version of Object.values(pkg)) {
+          if (!version.loaded && version.loading) {
+            await version.loading;
+          }
+        }
+      }
+      return args;
+    }
+  };
+};

package/dist/esm/util/collectCssChunks.js

@@ -0,0 +1,39 @@
+const remoteInfoCache = {};
+const loadRemoteInfo = async url => {
+  if (remoteInfoCache[url]) {
+    return remoteInfoCache[url];
+  }
+  const res = await fetch(url);
+  if (res.status === 200) {
+    const info = await res.json();
+    remoteInfoCache[url] = info;
+    return info;
+  }
+  if (res.status === 404) {
+    remoteInfoCache[url] = null;
+    return null;
+  }
+  throw new Error(`Could not load remote info from ${url}`);
+};
+export const collectCssChunks = async modules => {
+  const p = Object.values(modules).map(async module => {
+    const info = await loadRemoteInfo(module.url);
+    const chunks = [];
+    info === null || info === void 0 || info.exposes.forEach(exposes => {
+      if (module.modules.has(exposes.path)) {
+        var _exposes$assets$css, _exposes$assets;
+        const {
+          sync = [],
+          async = []
+        } = (_exposes$assets$css = (_exposes$assets = exposes.assets) === null || _exposes$assets === void 0 ? void 0 : _exposes$assets.css) !== null && _exposes$assets$css !== void 0 ? _exposes$assets$css : {};
+        [...sync, ...async].forEach(chunk => {
+          const url = new URL(chunk, module.url);
+          chunks.push(`<link rel="stylesheet" href="${url}">`);
+        });
+      }
+    });
+    return chunks;
+  });
+  const r = await Promise.allSettled(p);
+  return r.flatMap(v => v.status === 'fulfilled' ? v.value : []).join('');
+};

package/dist/esm/util/initModuleFederationSharing.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import { SequentialLoadPlugin } from '../plugins/SequentialLoadPlugin';
 let ReactDOMClient;
 try {
   ReactDOMClient = require('react-dom/client');
@@ -42,6 +43,7 @@ export const initModuleFederationSharing = _ref => {
   init({
     name: name !== null && name !== void 0 ? name : '',
     remotes: [],
-    shared
+    shared,
+    plugins: [SequentialLoadPlugin()]
   });
 };

package/dist/types/constants/index.d.ts

@@ -1,2 +1,3 @@
 export * from './hydrationContext';
 export * from './DefaultLoginDialogOptions';
+export * from './moduleContext';

package/dist/types/constants/moduleContext.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type ModuleContextValueType = Record<string, {
+    url: string;
+    modules: Set<string>;
+}>;
+export declare let ModuleContext: React.Context<ModuleContextValueType>;

package/dist/types/index.d.ts

@@ -17,3 +17,4 @@ export * as dialog from './calls/dialogs/index';
 export * from './util/initModuleFederationSharing';
 export * from './util/bindChaynsApi';
 export * from './util/appStorage';
+export * from './util/collectCssChunks';

package/dist/types/plugins/SequentialLoadPlugin.d.ts

@@ -0,0 +1,5 @@
+import type { FederationRuntimePlugin } from '@module-federation/enhanced/runtime';
+/**
+ * Plugin to prevent parallel loading of shared dependencies
+ */
+export declare const SequentialLoadPlugin: () => FederationRuntimePlugin;

package/dist/types/util/collectCssChunks.d.ts

@@ -0,0 +1,2 @@
+import { ModuleContextValueType } from '../constants';
+export declare const collectCssChunks: (modules: ModuleContextValueType) => Promise<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "2.4.30",
+    "version": "2.6.0-beta.0",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",