Revert "Refactor CSS chunk collection"

This reverts commit 1ee5676.

Author: Heiner Pöpping

src/util/collectCssChunks.ts

@@ -1,21 +1,56 @@
 import { ModuleContextValueType } from '../constants';
 
+type RemoteInfo = {
+    exposes: {
+        path: string,
+        assets?: {
+            css?: {
+                sync?: string[],
+                async?: string[]
+            }
+        }
+    }[]
+}
+
+const remoteInfoCache: Record<string, RemoteInfo | null> = {};
+
+const loadRemoteInfo = async (url: string) => {
+    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: RemoteInfo = 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: ModuleContextValueType) => {
-    const instance = globalThis.moduleFederationRuntime.getInstance();
-    const p = Object.values(modules).map((module) => {
-        const info = instance.snapshotHandler.manifestCache.get(module.url);
+    const p = Object.values(modules).map(async (module) => {
+        const info = await loadRemoteInfo(module.url);
 
         const chunks: string[] = [];
         info?.exposes.forEach((exposes) => {
-            if (exposes.path && module.modules.has(exposes.path)) {
+            if (module.modules.has(exposes.path)) {
                 const { sync = [], async = [] } = exposes.assets?.css ?? {};
                 [...sync, ...async].forEach((chunk) => {
                     const url = new URL(chunk, module.url);
-                    chunks.push(`<link rel="stylesheet" href="${url}">`);
+                    chunks.push(`<link rel="stylesheet" href="${url}">`)
                 });
             }
-        });
+        })
         return chunks;
-    });
-    return p.flat().join('');
+    })
+    const r = await Promise.allSettled(p);
+    return r.flatMap((v) => v.status === 'fulfilled' ? v.value : []).join('')
 };