chayns-api 2.6.0-beta.6 → 2.6.0-beta.8

package/dist/cjs/components/ChaynsProvider.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _htmlescape = _interopRequireDefault(require("htmlescape"));
 var _react = _interopRequireWildcard(require("react"));
+var _useIsomorphicLayoutEffect = require("../hooks/useIsomorphicLayoutEffect");
 var _IChaynsReact = require("../types/IChaynsReact");
 var _deviceHelper = _interopRequireDefault(require("../util/deviceHelper"));
 var _AppWrapper = require("../wrapper/AppWrapper");
@@ -93,7 +94,7 @@ const ChaynsProvider = ({
       customWrapper.current.emitChange();
     }
   }, [customFunctions, isModule]);
-  (0, _react.useLayoutEffect)(() => {
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(() => {
     (0, _moduleWrapper.addModuleWrapper)(customWrapper.current);
     return () => {
       (0, _moduleWrapper.removeModuleWrapper)(customWrapper.current);

package/dist/cjs/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIsomorphicLayoutEffect = void 0;
+var _react = require("react");
+const useIsomorphicLayoutEffect = exports.useIsomorphicLayoutEffect = typeof window !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;

package/dist/cjs/util/collectCssChunks.js

@@ -4,32 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.collectCssChunks = void 0;
-const remoteInfoCache = {};
-const loadRemoteInfo = async url => {
-  if (!url.endsWith('/mf-manifest.json')) {
-    return null;
-  }
-  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 instance = globalThis.moduleFederationRuntime.getInstance();
+  const p = Object.values(modules).map(module => {
+    const info = instance.snapshotHandler.manifestCache.get(module.url);
     const chunks = [];
     info === null || info === void 0 || info.exposes.forEach(exposes => {
-      if (module.modules.has(exposes.path)) {
+      if (exposes.path && module.modules.has(exposes.path)) {
         var _exposes$assets$css, _exposes$assets;
         const {
           sync = [],
@@ -43,7 +24,6 @@ const collectCssChunks = async modules => {
     });
     return chunks;
   });
-  const r = await Promise.allSettled(p);
-  return r.flatMap(v => v.status === 'fulfilled' ? v.value : []).join('');
+  return p.flat().join('');
 };
 exports.collectCssChunks = collectCssChunks;

package/dist/esm/components/ChaynsProvider.js

@@ -1,5 +1,6 @@
 import htmlEscape from 'htmlescape';
-import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
+import { useIsomorphicLayoutEffect } from '../hooks/useIsomorphicLayoutEffect';
 import { AppName } from '../types/IChaynsReact';
 import getDeviceInfo from '../util/deviceHelper';
 import { AppWrapper } from '../wrapper/AppWrapper';
@@ -85,7 +86,7 @@ const ChaynsProvider = ({
       customWrapper.current.emitChange();
     }
   }, [customFunctions, isModule]);
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     addModuleWrapper(customWrapper.current);
     return () => {
       removeModuleWrapper(customWrapper.current);

package/dist/esm/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,2 @@
+import { useEffect, useLayoutEffect } from 'react';
+export const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;

package/dist/esm/util/collectCssChunks.js

@@ -1,29 +1,10 @@
-const remoteInfoCache = {};
-const loadRemoteInfo = async url => {
-  if (!url.endsWith('/mf-manifest.json')) {
-    return null;
-  }
-  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 instance = globalThis.moduleFederationRuntime.getInstance();
+  const p = Object.values(modules).map(module => {
+    const info = instance.snapshotHandler.manifestCache.get(module.url);
     const chunks = [];
     info === null || info === void 0 || info.exposes.forEach(exposes => {
-      if (module.modules.has(exposes.path)) {
+      if (exposes.path && module.modules.has(exposes.path)) {
         var _exposes$assets$css, _exposes$assets;
         const {
           sync = [],
@@ -37,6 +18,5 @@ export const collectCssChunks = async modules => {
     });
     return chunks;
   });
-  const r = await Promise.allSettled(p);
-  return r.flatMap(v => v.status === 'fulfilled' ? v.value : []).join('');
+  return p.flat().join('');
 };

package/dist/types/hooks/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,2 @@
+import { useLayoutEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;

package/package.json

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