@bleedingdev/modern-js-server-core 3.2.0-ultramodern.9 → 3.2.0-ultramodern.91

package/dist/cjs/adapters/node/plugins/moduleFederationCss.js

@@ -0,0 +1,172 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    collectDirectRemoteModuleFederationCss: ()=>collectDirectRemoteModuleFederationCss,
+    collectModuleFederationManifestCss: ()=>collectModuleFederationManifestCss
+});
+const fileReader_namespaceObject = require("@modern-js/runtime-utils/fileReader");
+const utils_namespaceObject = require("@modern-js/utils");
+const external_path_namespaceObject = require("path");
+var external_path_default = /*#__PURE__*/ __webpack_require__.n(external_path_namespaceObject);
+const MODULE_FEDERATION_MANIFEST_FILE = 'mf-manifest.json';
+const DEFAULT_REMOTE_MANIFEST_TIMEOUT = 1500;
+const warn = (monitors, message, ...args)=>{
+    if (monitors) return void monitors.warn(message, ...args);
+    console.warn(message, ...args);
+};
+const ensureTrailingSlash = (value)=>value.endsWith('/') ? value : `${value}/`;
+const tryResolveUrl = (value, base)=>{
+    try {
+        return new URL(value, base).toString();
+    } catch  {
+        return;
+    }
+};
+const normalizeRemoteEntry = (entry)=>{
+    const value = entry.trim();
+    if (!value) return;
+    const atIndex = value.lastIndexOf('@');
+    return atIndex >= 0 ? value.slice(atIndex + 1) : value;
+};
+const getCssAssets = (assets)=>[
+        ...assets?.css?.sync || [],
+        ...assets?.css?.async || []
+    ];
+const getManifestFallbackBase = (manifestUrl)=>{
+    try {
+        return new URL('.', manifestUrl).toString();
+    } catch  {
+        return ensureTrailingSlash(manifestUrl);
+    }
+};
+const getManifestPublicPathBase = (publicPath, manifestUrl)=>{
+    if (!publicPath || 'auto' === publicPath) return getManifestFallbackBase(manifestUrl);
+    const base = tryResolveUrl(ensureTrailingSlash(publicPath), manifestUrl);
+    return base || getManifestFallbackBase(manifestUrl);
+};
+const appendResolvedCssAssets = (result, seen, assets, base)=>{
+    for (const asset of assets){
+        if (!asset) continue;
+        const resolved = tryResolveUrl(asset, base);
+        if (resolved && !seen.has(resolved)) {
+            seen.add(resolved);
+            result.push(resolved);
+        }
+    }
+};
+const collectModuleFederationManifestCss = (manifest, manifestUrl)=>{
+    const base = getManifestPublicPathBase(manifest.metaData?.publicPath, manifestUrl);
+    const result = [];
+    const seen = new Set();
+    for (const item of manifest.shared || [])appendResolvedCssAssets(result, seen, getCssAssets(item.assets), base);
+    for (const item of manifest.exposes || [])appendResolvedCssAssets(result, seen, getCssAssets(item.assets), base);
+    return result;
+};
+const fetchJsonWithTimeout = async (url, fetcher, timeout)=>{
+    const controller = new AbortController();
+    let timeoutId;
+    try {
+        const response = await Promise.race([
+            fetcher(url, {
+                signal: controller.signal
+            }),
+            new Promise((_, reject)=>{
+                timeoutId = setTimeout(()=>{
+                    controller.abort();
+                    reject(new Error(`Request timed out after ${timeout}ms`));
+                }, timeout);
+            })
+        ]);
+        if (!response.ok) throw new Error(`Unexpected status ${response.status}`);
+        return await response.json();
+    } finally{
+        if (timeoutId) clearTimeout(timeoutId);
+    }
+};
+const getHostManifest = async (pwd, monitors)=>{
+    const manifestPath = external_path_default().join(pwd, MODULE_FEDERATION_MANIFEST_FILE);
+    if (!await utils_namespaceObject.fs.pathExists(manifestPath)) return;
+    const manifestBuffer = await fileReader_namespaceObject.fileReader.readFileFromSystem(manifestPath, 'buffer');
+    if (null === manifestBuffer) return;
+    try {
+        return JSON.parse(manifestBuffer.toString('utf-8'));
+    } catch (error) {
+        warn(monitors, 'Parse module federation manifest failed, error = %s', error instanceof Error ? error.message : error);
+        return;
+    }
+};
+const collectDirectRemoteModuleFederationCss = async (pwd, options = {})=>{
+    const hostManifest = await getHostManifest(pwd, options.monitors);
+    if (!hostManifest) return [];
+    const fetcher = options.fetcher || globalThis.fetch?.bind(globalThis);
+    if (!fetcher) {
+        warn(options.monitors, 'Skip module federation remote CSS collection because fetch is unavailable.');
+        return [];
+    }
+    const timeout = options.timeout ?? DEFAULT_REMOTE_MANIFEST_TIMEOUT;
+    const cssAssets = [];
+    const seen = new Set();
+    for (const remote of hostManifest.remotes || []){
+        if (!remote.entry) continue;
+        const remoteEntry = normalizeRemoteEntry(remote.entry);
+        if (!remoteEntry) continue;
+        let remoteManifestUrl;
+        try {
+            remoteManifestUrl = new URL(remoteEntry).toString();
+        } catch  {
+            warn(options.monitors, 'Skip module federation remote CSS collection for non-absolute manifest URL %s', remoteEntry);
+            continue;
+        }
+        try {
+            const remoteManifest = await fetchJsonWithTimeout(remoteManifestUrl, fetcher, timeout);
+            for (const asset of collectModuleFederationManifestCss(remoteManifest, remoteManifestUrl))if (!seen.has(asset)) {
+                seen.add(asset);
+                cssAssets.push(asset);
+            }
+        } catch (error) {
+            warn(options.monitors, 'Load module federation remote manifest %s failed, error = %s', remoteManifestUrl, error instanceof Error ? error.message : error);
+        }
+    }
+    return cssAssets;
+};
+exports.collectDirectRemoteModuleFederationCss = __webpack_exports__.collectDirectRemoteModuleFederationCss;
+exports.collectModuleFederationManifestCss = __webpack_exports__.collectModuleFederationManifestCss;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "collectDirectRemoteModuleFederationCss",
+    "collectModuleFederationManifestCss"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/adapters/node/plugins/resource.js

@@ -48,6 +48,7 @@ const utils_namespaceObject = require("@modern-js/utils");
 const external_path_namespaceObject = require("path");
 var external_path_default = /*#__PURE__*/ __webpack_require__.n(external_path_namespaceObject);
 const index_js_namespaceObject = require("../../../utils/index.js");
+const external_moduleFederationCss_js_namespaceObject = require("./moduleFederationCss.js");
 async function getHtmlTemplates(pwd, routes) {
     const htmlRoutes = routes.filter((route)=>route.entryName);
     const htmls = await Promise.all(htmlRoutes.map(async (route)=>{
@@ -102,12 +103,16 @@ async function getServerManifest(pwd, routes, monitors) {
     const routeManifest = await (0, utils_namespaceObject.compatibleRequire)(routesManifestUri).catch((_)=>({}));
     const nestedRoutesJsonPath = external_path_default().join(pwd, utils_namespaceObject.NESTED_ROUTE_SPEC_FILE);
     const nestedRoutesJson = await (0, utils_namespaceObject.compatibleRequire)(nestedRoutesJsonPath).catch((_)=>({}));
+    const moduleFederationCssAssets = await (0, external_moduleFederationCss_js_namespaceObject.collectDirectRemoteModuleFederationCss)(pwd, {
+        monitors
+    });
     return {
         loaderBundles,
         renderBundles,
         loadableStats,
         routeManifest,
-        nestedRoutesJson
+        nestedRoutesJson,
+        moduleFederationCssAssets
     };
 }
 function injectServerManifest(pwd, routes, manifestPromise) {

package/dist/cjs/plugins/render/csrRscRender.js

@@ -33,12 +33,14 @@ const csrRscRender = async (req, options)=>{
     const serverBundle = serverManifest?.renderBundles?.[routeInfo.entryName || constants_namespaceObject.MAIN_ENTRY_NAME];
     const loadableStats = serverManifest.loadableStats || {};
     const routeManifest = serverManifest.routeManifest || {};
+    const moduleFederationCssAssets = serverManifest.moduleFederationCssAssets || [];
     const config = (0, external_utils_js_namespaceObject.createRequestHandlerConfig)(options.config);
     const requestHandlerOptions = {
         resource: {
             route: routeInfo,
             loadableStats,
             routeManifest,
+            moduleFederationCssAssets,
             entryName: routeInfo.entryName || constants_namespaceObject.MAIN_ENTRY_NAME
         },
         config,

package/dist/cjs/plugins/render/renderRscHandler.js

@@ -33,12 +33,14 @@ const renderRscHandler = async (req, options)=>{
     const serverBundle = serverManifest?.renderBundles?.[routeInfo.entryName || constants_namespaceObject.MAIN_ENTRY_NAME];
     const loadableStats = serverManifest.loadableStats || {};
     const routeManifest = serverManifest.routeManifest || {};
+    const moduleFederationCssAssets = serverManifest.moduleFederationCssAssets || [];
     const config = (0, external_utils_js_namespaceObject.createRequestHandlerConfig)(options.config);
     const requestHandlerOptions = {
         resource: {
             route: routeInfo,
             loadableStats,
             routeManifest,
+            moduleFederationCssAssets,
             entryName: routeInfo.entryName || constants_namespaceObject.MAIN_ENTRY_NAME
         },
         config,

package/dist/cjs/plugins/render/ssrRender.js

@@ -36,6 +36,7 @@ async function ssrRender(request, { routeInfo, html, config: userConfig, staticG
     const { entryName } = routeInfo;
     const loadableStats = serverManifest.loadableStats || {};
     const routeManifest = serverManifest.routeManifest || {};
+    const moduleFederationCssAssets = serverManifest.moduleFederationCssAssets || [];
     const headers = (0, index_js_namespaceObject.parseHeaders)(request);
     if (nodeReq) {
         for(const key in nodeReq.headers)if (!headers[key]) headers[key] = nodeReq.headers[key];
@@ -49,6 +50,7 @@ async function ssrRender(request, { routeInfo, html, config: userConfig, staticG
             route: routeInfo,
             loadableStats,
             routeManifest,
+            moduleFederationCssAssets,
             htmlTemplate: html,
             entryName: entryName || constants_namespaceObject.MAIN_ENTRY_NAME
         },

package/dist/esm/adapters/node/plugins/moduleFederationCss.mjs

@@ -0,0 +1,125 @@
+import { fileReader } from "@modern-js/runtime-utils/fileReader";
+import { fs } from "@modern-js/utils";
+import path from "path";
+const MODULE_FEDERATION_MANIFEST_FILE = 'mf-manifest.json';
+const DEFAULT_REMOTE_MANIFEST_TIMEOUT = 1500;
+const warn = (monitors, message, ...args)=>{
+    if (monitors) return void monitors.warn(message, ...args);
+    console.warn(message, ...args);
+};
+const ensureTrailingSlash = (value)=>value.endsWith('/') ? value : `${value}/`;
+const tryResolveUrl = (value, base)=>{
+    try {
+        return new URL(value, base).toString();
+    } catch  {
+        return;
+    }
+};
+const normalizeRemoteEntry = (entry)=>{
+    const value = entry.trim();
+    if (!value) return;
+    const atIndex = value.lastIndexOf('@');
+    return atIndex >= 0 ? value.slice(atIndex + 1) : value;
+};
+const getCssAssets = (assets)=>[
+        ...assets?.css?.sync || [],
+        ...assets?.css?.async || []
+    ];
+const getManifestFallbackBase = (manifestUrl)=>{
+    try {
+        return new URL('.', manifestUrl).toString();
+    } catch  {
+        return ensureTrailingSlash(manifestUrl);
+    }
+};
+const getManifestPublicPathBase = (publicPath, manifestUrl)=>{
+    if (!publicPath || 'auto' === publicPath) return getManifestFallbackBase(manifestUrl);
+    const base = tryResolveUrl(ensureTrailingSlash(publicPath), manifestUrl);
+    return base || getManifestFallbackBase(manifestUrl);
+};
+const appendResolvedCssAssets = (result, seen, assets, base)=>{
+    for (const asset of assets){
+        if (!asset) continue;
+        const resolved = tryResolveUrl(asset, base);
+        if (resolved && !seen.has(resolved)) {
+            seen.add(resolved);
+            result.push(resolved);
+        }
+    }
+};
+const collectModuleFederationManifestCss = (manifest, manifestUrl)=>{
+    const base = getManifestPublicPathBase(manifest.metaData?.publicPath, manifestUrl);
+    const result = [];
+    const seen = new Set();
+    for (const item of manifest.shared || [])appendResolvedCssAssets(result, seen, getCssAssets(item.assets), base);
+    for (const item of manifest.exposes || [])appendResolvedCssAssets(result, seen, getCssAssets(item.assets), base);
+    return result;
+};
+const fetchJsonWithTimeout = async (url, fetcher, timeout)=>{
+    const controller = new AbortController();
+    let timeoutId;
+    try {
+        const response = await Promise.race([
+            fetcher(url, {
+                signal: controller.signal
+            }),
+            new Promise((_, reject)=>{
+                timeoutId = setTimeout(()=>{
+                    controller.abort();
+                    reject(new Error(`Request timed out after ${timeout}ms`));
+                }, timeout);
+            })
+        ]);
+        if (!response.ok) throw new Error(`Unexpected status ${response.status}`);
+        return await response.json();
+    } finally{
+        if (timeoutId) clearTimeout(timeoutId);
+    }
+};
+const getHostManifest = async (pwd, monitors)=>{
+    const manifestPath = path.join(pwd, MODULE_FEDERATION_MANIFEST_FILE);
+    if (!await fs.pathExists(manifestPath)) return;
+    const manifestBuffer = await fileReader.readFileFromSystem(manifestPath, 'buffer');
+    if (null === manifestBuffer) return;
+    try {
+        return JSON.parse(manifestBuffer.toString('utf-8'));
+    } catch (error) {
+        warn(monitors, 'Parse module federation manifest failed, error = %s', error instanceof Error ? error.message : error);
+        return;
+    }
+};
+const collectDirectRemoteModuleFederationCss = async (pwd, options = {})=>{
+    const hostManifest = await getHostManifest(pwd, options.monitors);
+    if (!hostManifest) return [];
+    const fetcher = options.fetcher || globalThis.fetch?.bind(globalThis);
+    if (!fetcher) {
+        warn(options.monitors, 'Skip module federation remote CSS collection because fetch is unavailable.');
+        return [];
+    }
+    const timeout = options.timeout ?? DEFAULT_REMOTE_MANIFEST_TIMEOUT;
+    const cssAssets = [];
+    const seen = new Set();
+    for (const remote of hostManifest.remotes || []){
+        if (!remote.entry) continue;
+        const remoteEntry = normalizeRemoteEntry(remote.entry);
+        if (!remoteEntry) continue;
+        let remoteManifestUrl;
+        try {
+            remoteManifestUrl = new URL(remoteEntry).toString();
+        } catch  {
+            warn(options.monitors, 'Skip module federation remote CSS collection for non-absolute manifest URL %s', remoteEntry);
+            continue;
+        }
+        try {
+            const remoteManifest = await fetchJsonWithTimeout(remoteManifestUrl, fetcher, timeout);
+            for (const asset of collectModuleFederationManifestCss(remoteManifest, remoteManifestUrl))if (!seen.has(asset)) {
+                seen.add(asset);
+                cssAssets.push(asset);
+            }
+        } catch (error) {
+            warn(options.monitors, 'Load module federation remote manifest %s failed, error = %s', remoteManifestUrl, error instanceof Error ? error.message : error);
+        }
+    }
+    return cssAssets;
+};
+export { collectDirectRemoteModuleFederationCss, collectModuleFederationManifestCss };

package/dist/esm/adapters/node/plugins/resource.mjs

@@ -2,6 +2,7 @@ import { fileReader } from "@modern-js/runtime-utils/fileReader";
 import { LOADABLE_STATS_FILE, MAIN_ENTRY_NAME, NESTED_ROUTE_SPEC_FILE, ROUTE_MANIFEST_FILE, SERVER_BUNDLE_DIRECTORY, compatibleRequire, fs, isProd } from "@modern-js/utils";
 import path from "path";
 import { uniqueKeyByRoute } from "../../../utils/index.mjs";
+import { collectDirectRemoteModuleFederationCss } from "./moduleFederationCss.mjs";
 async function getHtmlTemplates(pwd, routes) {
     const htmlRoutes = routes.filter((route)=>route.entryName);
     const htmls = await Promise.all(htmlRoutes.map(async (route)=>{
@@ -56,12 +57,16 @@ async function getServerManifest(pwd, routes, monitors) {
     const routeManifest = await compatibleRequire(routesManifestUri).catch((_)=>({}));
     const nestedRoutesJsonPath = path.join(pwd, NESTED_ROUTE_SPEC_FILE);
     const nestedRoutesJson = await compatibleRequire(nestedRoutesJsonPath).catch((_)=>({}));
+    const moduleFederationCssAssets = await collectDirectRemoteModuleFederationCss(pwd, {
+        monitors
+    });
     return {
         loaderBundles,
         renderBundles,
         loadableStats,
         routeManifest,
-        nestedRoutesJson
+        nestedRoutesJson,
+        moduleFederationCssAssets
     };
 }
 function injectServerManifest(pwd, routes, manifestPromise) {

package/dist/esm/plugins/render/csrRscRender.mjs

@@ -5,12 +5,14 @@ const csrRscRender = async (req, options)=>{
     const serverBundle = serverManifest?.renderBundles?.[routeInfo.entryName || MAIN_ENTRY_NAME];
     const loadableStats = serverManifest.loadableStats || {};
     const routeManifest = serverManifest.routeManifest || {};
+    const moduleFederationCssAssets = serverManifest.moduleFederationCssAssets || [];
     const config = createRequestHandlerConfig(options.config);
     const requestHandlerOptions = {
         resource: {
             route: routeInfo,
             loadableStats,
             routeManifest,
+            moduleFederationCssAssets,
             entryName: routeInfo.entryName || MAIN_ENTRY_NAME
         },
         config,

package/dist/esm/plugins/render/renderRscHandler.mjs

@@ -5,12 +5,14 @@ const renderRscHandler = async (req, options)=>{
     const serverBundle = serverManifest?.renderBundles?.[routeInfo.entryName || MAIN_ENTRY_NAME];
     const loadableStats = serverManifest.loadableStats || {};
     const routeManifest = serverManifest.routeManifest || {};
+    const moduleFederationCssAssets = serverManifest.moduleFederationCssAssets || [];
     const config = createRequestHandlerConfig(options.config);
     const requestHandlerOptions = {
         resource: {
             route: routeInfo,
             loadableStats,
             routeManifest,
+            moduleFederationCssAssets,
             entryName: routeInfo.entryName || MAIN_ENTRY_NAME
         },
         config,

package/dist/esm/plugins/render/ssrRender.mjs

@@ -8,6 +8,7 @@ async function ssrRender(request, { routeInfo, html, config: userConfig, staticG
     const { entryName } = routeInfo;
     const loadableStats = serverManifest.loadableStats || {};
     const routeManifest = serverManifest.routeManifest || {};
+    const moduleFederationCssAssets = serverManifest.moduleFederationCssAssets || [];
     const headers = parseHeaders(request);
     if (nodeReq) {
         for(const key in nodeReq.headers)if (!headers[key]) headers[key] = nodeReq.headers[key];
@@ -21,6 +22,7 @@ async function ssrRender(request, { routeInfo, html, config: userConfig, staticG
             route: routeInfo,
             loadableStats,
             routeManifest,
+            moduleFederationCssAssets,
             htmlTemplate: html,
             entryName: entryName || MAIN_ENTRY_NAME
         },

package/dist/esm-node/adapters/node/plugins/moduleFederationCss.mjs

@@ -0,0 +1,126 @@
+import "node:module";
+import { fileReader } from "@modern-js/runtime-utils/fileReader";
+import { fs } from "@modern-js/utils";
+import path from "path";
+const MODULE_FEDERATION_MANIFEST_FILE = 'mf-manifest.json';
+const DEFAULT_REMOTE_MANIFEST_TIMEOUT = 1500;
+const warn = (monitors, message, ...args)=>{
+    if (monitors) return void monitors.warn(message, ...args);
+    console.warn(message, ...args);
+};
+const ensureTrailingSlash = (value)=>value.endsWith('/') ? value : `${value}/`;
+const tryResolveUrl = (value, base)=>{
+    try {
+        return new URL(value, base).toString();
+    } catch  {
+        return;
+    }
+};
+const normalizeRemoteEntry = (entry)=>{
+    const value = entry.trim();
+    if (!value) return;
+    const atIndex = value.lastIndexOf('@');
+    return atIndex >= 0 ? value.slice(atIndex + 1) : value;
+};
+const getCssAssets = (assets)=>[
+        ...assets?.css?.sync || [],
+        ...assets?.css?.async || []
+    ];
+const getManifestFallbackBase = (manifestUrl)=>{
+    try {
+        return new URL('.', manifestUrl).toString();
+    } catch  {
+        return ensureTrailingSlash(manifestUrl);
+    }
+};
+const getManifestPublicPathBase = (publicPath, manifestUrl)=>{
+    if (!publicPath || 'auto' === publicPath) return getManifestFallbackBase(manifestUrl);
+    const base = tryResolveUrl(ensureTrailingSlash(publicPath), manifestUrl);
+    return base || getManifestFallbackBase(manifestUrl);
+};
+const appendResolvedCssAssets = (result, seen, assets, base)=>{
+    for (const asset of assets){
+        if (!asset) continue;
+        const resolved = tryResolveUrl(asset, base);
+        if (resolved && !seen.has(resolved)) {
+            seen.add(resolved);
+            result.push(resolved);
+        }
+    }
+};
+const collectModuleFederationManifestCss = (manifest, manifestUrl)=>{
+    const base = getManifestPublicPathBase(manifest.metaData?.publicPath, manifestUrl);
+    const result = [];
+    const seen = new Set();
+    for (const item of manifest.shared || [])appendResolvedCssAssets(result, seen, getCssAssets(item.assets), base);
+    for (const item of manifest.exposes || [])appendResolvedCssAssets(result, seen, getCssAssets(item.assets), base);
+    return result;
+};
+const fetchJsonWithTimeout = async (url, fetcher, timeout)=>{
+    const controller = new AbortController();
+    let timeoutId;
+    try {
+        const response = await Promise.race([
+            fetcher(url, {
+                signal: controller.signal
+            }),
+            new Promise((_, reject)=>{
+                timeoutId = setTimeout(()=>{
+                    controller.abort();
+                    reject(new Error(`Request timed out after ${timeout}ms`));
+                }, timeout);
+            })
+        ]);
+        if (!response.ok) throw new Error(`Unexpected status ${response.status}`);
+        return await response.json();
+    } finally{
+        if (timeoutId) clearTimeout(timeoutId);
+    }
+};
+const getHostManifest = async (pwd, monitors)=>{
+    const manifestPath = path.join(pwd, MODULE_FEDERATION_MANIFEST_FILE);
+    if (!await fs.pathExists(manifestPath)) return;
+    const manifestBuffer = await fileReader.readFileFromSystem(manifestPath, 'buffer');
+    if (null === manifestBuffer) return;
+    try {
+        return JSON.parse(manifestBuffer.toString('utf-8'));
+    } catch (error) {
+        warn(monitors, 'Parse module federation manifest failed, error = %s', error instanceof Error ? error.message : error);
+        return;
+    }
+};
+const collectDirectRemoteModuleFederationCss = async (pwd, options = {})=>{
+    const hostManifest = await getHostManifest(pwd, options.monitors);
+    if (!hostManifest) return [];
+    const fetcher = options.fetcher || globalThis.fetch?.bind(globalThis);
+    if (!fetcher) {
+        warn(options.monitors, 'Skip module federation remote CSS collection because fetch is unavailable.');
+        return [];
+    }
+    const timeout = options.timeout ?? DEFAULT_REMOTE_MANIFEST_TIMEOUT;
+    const cssAssets = [];
+    const seen = new Set();
+    for (const remote of hostManifest.remotes || []){
+        if (!remote.entry) continue;
+        const remoteEntry = normalizeRemoteEntry(remote.entry);
+        if (!remoteEntry) continue;
+        let remoteManifestUrl;
+        try {
+            remoteManifestUrl = new URL(remoteEntry).toString();
+        } catch  {
+            warn(options.monitors, 'Skip module federation remote CSS collection for non-absolute manifest URL %s', remoteEntry);
+            continue;
+        }
+        try {
+            const remoteManifest = await fetchJsonWithTimeout(remoteManifestUrl, fetcher, timeout);
+            for (const asset of collectModuleFederationManifestCss(remoteManifest, remoteManifestUrl))if (!seen.has(asset)) {
+                seen.add(asset);
+                cssAssets.push(asset);
+            }
+        } catch (error) {
+            warn(options.monitors, 'Load module federation remote manifest %s failed, error = %s', remoteManifestUrl, error instanceof Error ? error.message : error);
+        }
+    }
+    return cssAssets;
+};
+export { collectDirectRemoteModuleFederationCss, collectModuleFederationManifestCss };

package/dist/esm-node/adapters/node/plugins/resource.mjs

@@ -3,6 +3,7 @@ import { fileReader } from "@modern-js/runtime-utils/fileReader";
 import { LOADABLE_STATS_FILE, MAIN_ENTRY_NAME, NESTED_ROUTE_SPEC_FILE, ROUTE_MANIFEST_FILE, SERVER_BUNDLE_DIRECTORY, compatibleRequire, fs, isProd } from "@modern-js/utils";
 import path from "path";
 import { uniqueKeyByRoute } from "../../../utils/index.mjs";
+import { collectDirectRemoteModuleFederationCss } from "./moduleFederationCss.mjs";
 async function getHtmlTemplates(pwd, routes) {
     const htmlRoutes = routes.filter((route)=>route.entryName);
     const htmls = await Promise.all(htmlRoutes.map(async (route)=>{
@@ -57,12 +58,16 @@ async function getServerManifest(pwd, routes, monitors) {
     const routeManifest = await compatibleRequire(routesManifestUri).catch((_)=>({}));
     const nestedRoutesJsonPath = path.join(pwd, NESTED_ROUTE_SPEC_FILE);
     const nestedRoutesJson = await compatibleRequire(nestedRoutesJsonPath).catch((_)=>({}));
+    const moduleFederationCssAssets = await collectDirectRemoteModuleFederationCss(pwd, {
+        monitors
+    });
     return {
         loaderBundles,
         renderBundles,
         loadableStats,
         routeManifest,
-        nestedRoutesJson
+        nestedRoutesJson,
+        moduleFederationCssAssets
     };
 }
 function injectServerManifest(pwd, routes, manifestPromise) {

package/dist/esm-node/plugins/render/csrRscRender.mjs

@@ -6,12 +6,14 @@ const csrRscRender = async (req, options)=>{
     const serverBundle = serverManifest?.renderBundles?.[routeInfo.entryName || MAIN_ENTRY_NAME];
     const loadableStats = serverManifest.loadableStats || {};
     const routeManifest = serverManifest.routeManifest || {};
+    const moduleFederationCssAssets = serverManifest.moduleFederationCssAssets || [];
     const config = createRequestHandlerConfig(options.config);
     const requestHandlerOptions = {
         resource: {
             route: routeInfo,
             loadableStats,
             routeManifest,
+            moduleFederationCssAssets,
             entryName: routeInfo.entryName || MAIN_ENTRY_NAME
         },
         config,

package/dist/esm-node/plugins/render/renderRscHandler.mjs

@@ -6,12 +6,14 @@ const renderRscHandler = async (req, options)=>{
     const serverBundle = serverManifest?.renderBundles?.[routeInfo.entryName || MAIN_ENTRY_NAME];
     const loadableStats = serverManifest.loadableStats || {};
     const routeManifest = serverManifest.routeManifest || {};
+    const moduleFederationCssAssets = serverManifest.moduleFederationCssAssets || [];
     const config = createRequestHandlerConfig(options.config);
     const requestHandlerOptions = {
         resource: {
             route: routeInfo,
             loadableStats,
             routeManifest,
+            moduleFederationCssAssets,
             entryName: routeInfo.entryName || MAIN_ENTRY_NAME
         },
         config,

package/dist/esm-node/plugins/render/ssrRender.mjs

@@ -9,6 +9,7 @@ async function ssrRender(request, { routeInfo, html, config: userConfig, staticG
     const { entryName } = routeInfo;
     const loadableStats = serverManifest.loadableStats || {};
     const routeManifest = serverManifest.routeManifest || {};
+    const moduleFederationCssAssets = serverManifest.moduleFederationCssAssets || [];
     const headers = parseHeaders(request);
     if (nodeReq) {
         for(const key in nodeReq.headers)if (!headers[key]) headers[key] = nodeReq.headers[key];
@@ -22,6 +23,7 @@ async function ssrRender(request, { routeInfo, html, config: userConfig, staticG
             route: routeInfo,
             loadableStats,
             routeManifest,
+            moduleFederationCssAssets,
             htmlTemplate: html,
             entryName: entryName || MAIN_ENTRY_NAME
         },

package/dist/types/adapters/node/plugins/moduleFederationCss.d.ts

@@ -0,0 +1,33 @@
+import type { Monitors } from '@modern-js/types';
+type ModuleFederationAssets = {
+    css?: {
+        sync?: string[];
+        async?: string[];
+    };
+};
+export type ModuleFederationManifest = {
+    metaData?: {
+        publicPath?: string;
+    };
+    shared?: Array<{
+        assets?: ModuleFederationAssets;
+    }>;
+    remotes?: Array<{
+        entry?: string;
+        assets?: ModuleFederationAssets;
+    }>;
+    exposes?: Array<{
+        assets?: ModuleFederationAssets;
+    }>;
+};
+type FetchLike = (input: string, init?: {
+    signal?: AbortSignal;
+}) => Promise<Response>;
+export type CollectDirectRemoteModuleFederationCssOptions = {
+    fetcher?: FetchLike;
+    monitors?: Monitors;
+    timeout?: number;
+};
+export declare const collectModuleFederationManifestCss: (manifest: ModuleFederationManifest, manifestUrl: string) => string[];
+export declare const collectDirectRemoteModuleFederationCss: (pwd: string, options?: CollectDirectRemoteModuleFederationCssOptions) => Promise<string[]>;
+export {};

package/dist/types/types/requestHandler.d.ts

@@ -7,6 +7,7 @@ export type Resource = {
     route: ServerRoute;
     htmlTemplate: string;
     entryName: string;
+    moduleFederationCssAssets?: string[];
 };
 export type Params = Record<string, any>;
 export type RequestHandlerConfig = {

package/dist/types/types/server.d.ts

@@ -32,6 +32,7 @@ export type ServerManifest = {
     loadableStats?: Record<string, any>;
     routeManifest?: Record<string, any>;
     nestedRoutesJson?: Record<string, any>;
+    moduleFederationCssAssets?: string[];
 };
 type ServerVariables = {
     /** @deprecated */

package/package.json

@@ -17,7 +17,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "3.2.0-ultramodern.9",
+  "version": "3.2.0-ultramodern.91",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/cjs/index.js",
   "exports": {
@@ -68,27 +68,27 @@
     "node": ">=20"
   },
   "dependencies": {
-    "@swc/helpers": "^0.5.21",
+    "@swc/helpers": "^0.5.23",
     "@web-std/fetch": "^4.2.1",
     "@web-std/file": "^3.0.3",
     "@web-std/stream": "^1.0.3",
     "cloneable-readable": "^3.0.0",
     "flatted": "^3.4.2",
-    "hono": "^4.12.19",
-    "ts-deepmerge": "7.0.3",
-    "@modern-js/plugin": "npm:@bleedingdev/modern-js-plugin@3.2.0-ultramodern.9",
-    "@modern-js/utils": "npm:@bleedingdev/modern-js-utils@3.2.0-ultramodern.9",
-    "@modern-js/runtime-utils": "npm:@bleedingdev/modern-js-runtime-utils@3.2.0-ultramodern.9"
+    "hono": "^4.12.22",
+    "ts-deepmerge": "8.0.0",
+    "@modern-js/plugin": "npm:@bleedingdev/modern-js-plugin@3.2.0-ultramodern.91",
+    "@modern-js/runtime-utils": "npm:@bleedingdev/modern-js-runtime-utils@3.2.0-ultramodern.91",
+    "@modern-js/utils": "npm:@bleedingdev/modern-js-utils@3.2.0-ultramodern.91"
   },
   "devDependencies": {
     "@rslib/core": "0.21.5",
     "@types/cloneable-readable": "^2.0.3",
     "@types/merge-deep": "^3.0.3",
-    "@types/node": "^25.8.0",
-    "@typescript/native-preview": "7.0.0-dev.20260516.1",
+    "@types/node": "^25.9.1",
+    "@typescript/native-preview": "7.0.0-dev.20260527.2",
     "http-proxy-middleware": "^4.0.0",
-    "@scripts/rstest-config": "2.66.0",
-    "@modern-js/types": "npm:@bleedingdev/modern-js-types@3.2.0-ultramodern.9"
+    "@modern-js/types": "npm:@bleedingdev/modern-js-types@3.2.0-ultramodern.91",
+    "@scripts/rstest-config": "2.66.0"
   },
   "sideEffects": false,
   "publishConfig": {