chayns-api 2.5.0-beta.0 → 2.6.0-beta.1

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

@@ -167,6 +167,18 @@ var _loadComponent = _interopRequireWildcard(require("./host/module/utils/loadCo
 var _DialogHandler = _interopRequireDefault(require("./handler/DialogHandler"));
 var _dialog = _interopRequireWildcard(require("./calls/dialogs/index"));
 exports.dialog = _dialog;
+var _plugins = require("./plugins");
+Object.keys(_plugins).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _plugins[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _plugins[key];
+    }
+  });
+});
 var _initModuleFederationSharing = require("./util/initModuleFederationSharing");
 Object.keys(_initModuleFederationSharing).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -203,6 +215,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/SSRManifestPlugin.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SSRManifestPlugin = void 0;
+const SSRManifestPlugin = () => {
+  return {
+    name: 'ssr-manifest',
+    loadRemoteSnapshot(args) {
+      var _ref, _ref$ssrPublicPath;
+      if (args.from !== 'manifest') {
+        return args;
+      }
+      (_ref$ssrPublicPath = (_ref = args.remoteSnapshot).ssrPublicPath) !== null && _ref$ssrPublicPath !== void 0 ? _ref$ssrPublicPath : _ref.ssrPublicPath = new URL('.', args.manifestUrl).href;
+      if ('remoteEntry' in args.remoteSnapshot) {
+        var _args$remoteSnapshot, _args$remoteSnapshot$;
+        (_args$remoteSnapshot$ = (_args$remoteSnapshot = args.remoteSnapshot).ssrRemoteEntry) !== null && _args$remoteSnapshot$ !== void 0 ? _args$remoteSnapshot$ : _args$remoteSnapshot.ssrRemoteEntry = args.remoteSnapshot.remoteEntry;
+      }
+      if ('remoteEntryType' in args.remoteSnapshot) {
+        var _args$remoteSnapshot2, _args$remoteSnapshot3;
+        (_args$remoteSnapshot3 = (_args$remoteSnapshot2 = args.remoteSnapshot).ssrRemoteEntryType) !== null && _args$remoteSnapshot3 !== void 0 ? _args$remoteSnapshot3 : _args$remoteSnapshot2.ssrRemoteEntryType = args.remoteSnapshot.remoteEntryType;
+      }
+      return args;
+    }
+  };
+};
+exports.SSRManifestPlugin = SSRManifestPlugin;

package/dist/cjs/plugins/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SSRManifestPlugin", {
+  enumerable: true,
+  get: function () {
+    return _SSRManifestPlugin.SSRManifestPlugin;
+  }
+});
+var _SSRManifestPlugin = require("./SSRManifestPlugin");

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

@@ -13,7 +13,8 @@ try {
   ReactDOMClient = require('react-dom/client');
 } catch (e) {}
 const initModuleFederationSharing = ({
-  name
+  name,
+  plugins = []
 }) => {
   if (globalThis.moduleFederationRuntime) {
     return;
@@ -50,7 +51,7 @@ const initModuleFederationSharing = ({
     name: name !== null && name !== void 0 ? name : '',
     remotes: [],
     shared,
-    plugins: [(0, _SequentialLoadPlugin.SequentialLoadPlugin)()]
+    plugins: [(0, _SequentialLoadPlugin.SequentialLoadPlugin)(), ...plugins]
   });
 };
 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

@@ -15,6 +15,8 @@ export { default as loadComponent, loadModule } from './host/module/utils/loadCo
 export { default as DialogHandler } from './handler/DialogHandler';
 import * as _dialog from './calls/dialogs/index';
 export { _dialog as dialog };
+export * from './plugins';
 export * from './util/initModuleFederationSharing';
 export * from './util/bindChaynsApi';
-export * from './util/appStorage';
+export * from './util/appStorage';
+export * from './util/collectCssChunks';

package/dist/esm/plugins/SSRManifestPlugin.js

@@ -0,0 +1,21 @@
+export const SSRManifestPlugin = () => {
+  return {
+    name: 'ssr-manifest',
+    loadRemoteSnapshot(args) {
+      var _ref, _ref$ssrPublicPath;
+      if (args.from !== 'manifest') {
+        return args;
+      }
+      (_ref$ssrPublicPath = (_ref = args.remoteSnapshot).ssrPublicPath) !== null && _ref$ssrPublicPath !== void 0 ? _ref$ssrPublicPath : _ref.ssrPublicPath = new URL('.', args.manifestUrl).href;
+      if ('remoteEntry' in args.remoteSnapshot) {
+        var _args$remoteSnapshot, _args$remoteSnapshot$;
+        (_args$remoteSnapshot$ = (_args$remoteSnapshot = args.remoteSnapshot).ssrRemoteEntry) !== null && _args$remoteSnapshot$ !== void 0 ? _args$remoteSnapshot$ : _args$remoteSnapshot.ssrRemoteEntry = args.remoteSnapshot.remoteEntry;
+      }
+      if ('remoteEntryType' in args.remoteSnapshot) {
+        var _args$remoteSnapshot2, _args$remoteSnapshot3;
+        (_args$remoteSnapshot3 = (_args$remoteSnapshot2 = args.remoteSnapshot).ssrRemoteEntryType) !== null && _args$remoteSnapshot3 !== void 0 ? _args$remoteSnapshot3 : _args$remoteSnapshot2.ssrRemoteEntryType = args.remoteSnapshot.remoteEntryType;
+      }
+      return args;
+    }
+  };
+};

package/dist/esm/plugins/index.js

@@ -0,0 +1 @@
+export { SSRManifestPlugin } from './SSRManifestPlugin';

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

@@ -7,7 +7,8 @@ try {
 } catch (e) {}
 export const initModuleFederationSharing = _ref => {
   let {
-    name
+    name,
+    plugins = []
   } = _ref;
   if (globalThis.moduleFederationRuntime) {
     return;
@@ -44,6 +45,6 @@ export const initModuleFederationSharing = _ref => {
     name: name !== null && name !== void 0 ? name : '',
     remotes: [],
     shared,
-    plugins: [SequentialLoadPlugin()]
+    plugins: [SequentialLoadPlugin(), ...plugins]
   });
 };

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

@@ -14,6 +14,8 @@ export { default as StaticChaynsApi } from './wrapper/StaticChaynsApi';
 export { default as loadComponent, loadModule } from './host/module/utils/loadComponent';
 export { default as DialogHandler } from './handler/DialogHandler';
 export * as dialog from './calls/dialogs/index';
+export * from './plugins';
 export * from './util/initModuleFederationSharing';
 export * from './util/bindChaynsApi';
 export * from './util/appStorage';
+export * from './util/collectCssChunks';

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

@@ -0,0 +1,5 @@
+import type { FederationRuntimePlugin } from '@module-federation/enhanced/runtime';
+/**
+ * Adds SSR metadata and resolves public path when using manifest
+ */
+export declare const SSRManifestPlugin: () => FederationRuntimePlugin;

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

@@ -0,0 +1 @@
+export { SSRManifestPlugin } from './SSRManifestPlugin';

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

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

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

@@ -1,3 +1,4 @@
-export declare const initModuleFederationSharing: ({ name }: {
+export declare const initModuleFederationSharing: ({ name, plugins }: {
     name: any;
+    plugins?: never[] | undefined;
 }) => void;

package/package.json

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