@bleedingdev/modern-js-runtime-renderer-extensions 0.0.0 → 3.9.0-ultramodern.5

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021-present Modern.js
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/cjs/assetPolicy.js

@@ -0,0 +1,89 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __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__, {
+    createAssetPolicy: ()=>createAssetPolicy,
+    getRendererResources: ()=>getRendererResources
+});
+const runtime_extensions_namespaceObject = require("@modern-js/runtime-extensions");
+const router_state_namespaceObject = require("@modern-js/runtime-extensions/router-state");
+function getRendererResources(render) {
+    const resource = render.resource;
+    const context = render.runtimeContext;
+    return {
+        resource,
+        entryName: resource?.entryName ?? 'index',
+        routeManifest: 'string' === render.mode ? resource?.routeManifest : context.routeManifest
+    };
+}
+function createAssetPolicy(render) {
+    const { routeManifest, entryName } = getRendererResources(render);
+    return {
+        transformAssets (assets, info) {
+            const matchedRouteIds = (0, router_state_namespaceObject.getRouterMatchedRouteIds)(render.runtimeContext) ?? [];
+            if ('loadable' === info.source) {
+                const matched = (0, runtime_extensions_namespaceObject.getMatchedRouteChunks)(routeManifest, matchedRouteIds, info.createAsset);
+                if ('style' === info.kind) return [
+                    ...assets,
+                    ...matched
+                ];
+                const asyncEntryChunks = [
+                    ...info.groups.find((group)=>'async-entry' === group.name)?.assets ?? []
+                ];
+                const collectedChunks = [
+                    ...info.groups.find((group)=>'loadable' === group.name)?.assets ?? []
+                ];
+                return (0, runtime_extensions_namespaceObject.orderHydrationScriptChunks)({
+                    asyncEntryChunks,
+                    collectedChunks,
+                    matchedRouteChunks: matched,
+                    entryName
+                });
+            }
+            if ('style' !== info.kind || 0 === matchedRouteIds.length) return assets;
+            const routeAssets = routeManifest?.routeAssets;
+            if (void 0 === routeAssets) return assets;
+            const matched = matchedRouteIds.flatMap((routeId)=>routeAssets[routeId]?.referenceCssAssets ?? []).map(info.createAsset);
+            const entry = info.groups.find((group)=>'async-entry' === group.name)?.assets ?? [];
+            return [
+                ...matched,
+                ...entry
+            ];
+        }
+    };
+}
+exports.createAssetPolicy = __webpack_exports__.createAssetPolicy;
+exports.getRendererResources = __webpack_exports__.getRendererResources;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "createAssetPolicy",
+    "getRendererResources"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/federatedCss.js

@@ -0,0 +1,57 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __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__, {
+    createFederatedCssLinks: ()=>createFederatedCssLinks
+});
+const runtime_extensions_namespaceObject = require("@modern-js/runtime-extensions");
+const createFederatedCssLinks = (assets, options, { attributesToString, hasStylesheetLink })=>{
+    if (void 0 === assets || 0 === assets.length) return '';
+    const seen = new Set(options.existingAssets || []);
+    const attributes = attributesToString(Object.fromEntries(Object.entries(options.attributes || {}).filter(([name])=>![
+            'href',
+            'rel'
+        ].includes(name.toLowerCase()))));
+    const links = [];
+    for (const asset of assets){
+        const href = (0, runtime_extensions_namespaceObject.escapeHtmlAttribute)(asset);
+        if (!('' === asset || seen.has(asset) || hasStylesheetLink(options.template, asset) || hasStylesheetLink(options.template, href))) {
+            seen.add(asset);
+            links.push(`<link${attributes} href="${href}" rel="stylesheet" />`);
+        }
+    }
+    return links.join('');
+};
+exports.createFederatedCssLinks = __webpack_exports__.createFederatedCssLinks;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "createFederatedCssLinks"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/node.js

@@ -0,0 +1,53 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __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__, {
+    createRendererHeadPlugin: ()=>external_runtimePlugin_js_namespaceObject.createRendererHeadPlugin,
+    default: ()=>node,
+    rendererHeadPlugin: ()=>rendererHeadPlugin
+});
+const node_namespaceObject = require("@modern-js/runtime-extensions/node");
+const external_runtimePlugin_js_namespaceObject = require("./runtimePlugin.js");
+const rendererHeadPlugin = ()=>(0, external_runtimePlugin_js_namespaceObject.createRendererHeadPlugin)({
+        processNodeStream (source, context, terminalMarker) {
+            return source.pipe((0, node_namespaceObject.createNodeHeadMarkerStripper)(context, terminalMarker));
+        }
+    });
+const node = rendererHeadPlugin;
+exports.createRendererHeadPlugin = __webpack_exports__.createRendererHeadPlugin;
+exports["default"] = __webpack_exports__["default"];
+exports.rendererHeadPlugin = __webpack_exports__.rendererHeadPlugin;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "createRendererHeadPlugin",
+    "default",
+    "rendererHeadPlugin"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/runtimePlugin.js

@@ -0,0 +1,131 @@
+"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, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __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__, {
+    createRendererHeadPlugin: ()=>createRendererHeadPlugin,
+    default: ()=>runtimePlugin,
+    rendererHeadPlugin: ()=>rendererHeadPlugin
+});
+const runtime_extensions_namespaceObject = require("@modern-js/runtime-extensions");
+const context_projection_namespaceObject = require("@modern-js/runtime-extensions/context-projection");
+const head_runtime_namespaceObject = require("@modern-js/runtime-extensions/head-runtime");
+const helmet_context_namespaceObject = require("@modern-js/runtime-extensions/helmet-context");
+const external_react_namespaceObject = require("react");
+var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
+const external_assetPolicy_js_namespaceObject = require("./assetPolicy.js");
+const external_templatePolicy_js_namespaceObject = require("./templatePolicy.js");
+function createRendererHeadPlugin(options = {}) {
+    return {
+        name: '@modern-js/runtime-renderer-extensions',
+        setup (api) {
+            const head = (0, head_runtime_namespaceObject.createHeadRuntime)();
+            api.resolveComponent((component, { name })=>'head.Helmet' === name ? head.Head : component);
+            api.transformRuntimeContext(context_projection_namespaceObject.projectRuntimeContext);
+            api.wrapRoot((Root)=>{
+                const HeadRoot = (props)=>head.wrapClientRoot(external_react_default().createElement(Root, props));
+                return HeadRoot;
+            });
+            const createState = (runtimeContext)=>{
+                const helmetContext = (0, helmet_context_namespaceObject.ensureHelmetContext)(runtimeContext);
+                const lifecycle = {
+                    beforeReact () {
+                        (0, runtime_extensions_namespaceObject.beginHeadRender)(runtimeContext);
+                    },
+                    completedBody (html, { phase }) {
+                        if ('complete' === phase) return (0, runtime_extensions_namespaceObject.completeHeadRender)(runtimeContext, html);
+                        (0, runtime_extensions_namespaceObject.publishHeadRender)(runtimeContext);
+                        return html;
+                    },
+                    getHeadData () {
+                        return helmetContext.helmet ?? void 0;
+                    },
+                    onTerminal (terminal) {
+                        if ('complete' !== terminal.status) (0, runtime_extensions_namespaceObject.abortHeadRender)(runtimeContext);
+                    }
+                };
+                return {
+                    lifecycle,
+                    wrap (root) {
+                        return head.wrapServerRoot(root, {
+                            runtimeContext,
+                            helmetContext
+                        });
+                    }
+                };
+            };
+            api.extendStringSSRCollectors(({ render })=>{
+                const state = createState(render.runtimeContext);
+                return {
+                    ...state.lifecycle,
+                    ...(0, external_assetPolicy_js_namespaceObject.createAssetPolicy)(render),
+                    ...(0, external_templatePolicy_js_namespaceObject.createTemplatePolicy)(render),
+                    collect: state.wrap,
+                    effect () {}
+                };
+            });
+            api.extendStreamSSR((info)=>{
+                const { runtimeContext, terminalMarker } = info;
+                const processNodeStream = options.processNodeStream;
+                if ('node' === info.platform && void 0 === processNodeStream) throw new Error('Node head rendering requires the Node runtime-renderer-extensions entry');
+                const state = createState(runtimeContext);
+                return {
+                    ...state.lifecycle,
+                    ...(0, external_assetPolicy_js_namespaceObject.createAssetPolicy)(info),
+                    ...(0, external_templatePolicy_js_namespaceObject.createTemplatePolicy)(info),
+                    modifyRootElement: state.wrap,
+                    streamPhase: 'body',
+                    processStream: void 0 === processNodeStream ? void 0 : (source)=>processNodeStream(source, runtimeContext, terminalMarker),
+                    processReadableStream: (source)=>(0, runtime_extensions_namespaceObject.createConservingWebShellStream)(source, runtimeContext, terminalMarker)
+                };
+            });
+        }
+    };
+}
+const rendererHeadPlugin = ()=>createRendererHeadPlugin();
+const runtimePlugin = rendererHeadPlugin;
+exports.createRendererHeadPlugin = __webpack_exports__.createRendererHeadPlugin;
+exports["default"] = __webpack_exports__["default"];
+exports.rendererHeadPlugin = __webpack_exports__.rendererHeadPlugin;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "createRendererHeadPlugin",
+    "default",
+    "rendererHeadPlugin"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/templatePolicy.js

@@ -0,0 +1,76 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __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__, {
+    createTemplatePolicy: ()=>createTemplatePolicy
+});
+const runtime_extensions_namespaceObject = require("@modern-js/runtime-extensions");
+const router_state_namespaceObject = require("@modern-js/runtime-extensions/router-state");
+const external_assetPolicy_js_namespaceObject = require("./assetPolicy.js");
+const external_federatedCss_js_namespaceObject = require("./federatedCss.js");
+function createTemplatePolicy(render) {
+    const { resource, routeManifest, entryName } = (0, external_assetPolicy_js_namespaceObject.getRendererResources)(render);
+    const config = render.config;
+    return {
+        getRouterData () {
+            return (0, router_state_namespaceObject.getRouterServerSnapshot)(render.runtimeContext)?.routerData || void 0;
+        },
+        transformTemplateChunk (chunk, formatting) {
+            if ('styles' === chunk.name) return {
+                ...chunk,
+                content: chunk.content + (0, external_federatedCss_js_namespaceObject.createFederatedCssLinks)(resource?.moduleFederationCssAssets, {
+                    template: chunk.template,
+                    attributes: chunk.attributes,
+                    existingAssets: chunk.emittedAssets
+                }, formatting)
+            };
+            let content = chunk.content;
+            if ("scripts" === chunk.name && 'stream' === render.mode) content = (0, runtime_extensions_namespaceObject.createRouteHydrationScriptTags)(routeManifest, (0, router_state_namespaceObject.getRouterMatchedRouteIds)(render.runtimeContext) ?? [], entryName, {
+                nonce: config?.nonce,
+                template: chunk.template
+            });
+            else if ('data' === chunk.name) {
+                const scripts = (0, router_state_namespaceObject.getRouterHydrationScripts)(render.runtimeContext);
+                if (scripts.length > 0) content += `\n${scripts.join('\n')}`;
+            }
+            return {
+                ...chunk,
+                content: '',
+                template: (0, runtime_extensions_namespaceObject.replaceChunkJsPlaceholder)(chunk.template, content, entryName, chunk.placeholder)
+            };
+        }
+    };
+}
+exports.createTemplatePolicy = __webpack_exports__.createTemplatePolicy;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "createTemplatePolicy"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/esm/assetPolicy.mjs

@@ -0,0 +1,48 @@
+import { getMatchedRouteChunks, orderHydrationScriptChunks } from "@modern-js/runtime-extensions";
+import { getRouterMatchedRouteIds } from "@modern-js/runtime-extensions/router-state";
+function getRendererResources(render) {
+    const resource = render.resource;
+    const context = render.runtimeContext;
+    return {
+        resource,
+        entryName: resource?.entryName ?? 'index',
+        routeManifest: 'string' === render.mode ? resource?.routeManifest : context.routeManifest
+    };
+}
+function createAssetPolicy(render) {
+    const { routeManifest, entryName } = getRendererResources(render);
+    return {
+        transformAssets (assets, info) {
+            const matchedRouteIds = getRouterMatchedRouteIds(render.runtimeContext) ?? [];
+            if ('loadable' === info.source) {
+                const matched = getMatchedRouteChunks(routeManifest, matchedRouteIds, info.createAsset);
+                if ('style' === info.kind) return [
+                    ...assets,
+                    ...matched
+                ];
+                const asyncEntryChunks = [
+                    ...info.groups.find((group)=>'async-entry' === group.name)?.assets ?? []
+                ];
+                const collectedChunks = [
+                    ...info.groups.find((group)=>'loadable' === group.name)?.assets ?? []
+                ];
+                return orderHydrationScriptChunks({
+                    asyncEntryChunks,
+                    collectedChunks,
+                    matchedRouteChunks: matched,
+                    entryName
+                });
+            }
+            if ('style' !== info.kind || 0 === matchedRouteIds.length) return assets;
+            const routeAssets = routeManifest?.routeAssets;
+            if (void 0 === routeAssets) return assets;
+            const matched = matchedRouteIds.flatMap((routeId)=>routeAssets[routeId]?.referenceCssAssets ?? []).map(info.createAsset);
+            const entry = info.groups.find((group)=>'async-entry' === group.name)?.assets ?? [];
+            return [
+                ...matched,
+                ...entry
+            ];
+        }
+    };
+}
+export { createAssetPolicy, getRendererResources };

package/dist/esm/federatedCss.mjs

@@ -0,0 +1,19 @@
+import { escapeHtmlAttribute } from "@modern-js/runtime-extensions";
+const createFederatedCssLinks = (assets, options, { attributesToString, hasStylesheetLink })=>{
+    if (void 0 === assets || 0 === assets.length) return '';
+    const seen = new Set(options.existingAssets || []);
+    const attributes = attributesToString(Object.fromEntries(Object.entries(options.attributes || {}).filter(([name])=>![
+            'href',
+            'rel'
+        ].includes(name.toLowerCase()))));
+    const links = [];
+    for (const asset of assets){
+        const href = escapeHtmlAttribute(asset);
+        if (!('' === asset || seen.has(asset) || hasStylesheetLink(options.template, asset) || hasStylesheetLink(options.template, href))) {
+            seen.add(asset);
+            links.push(`<link${attributes} href="${href}" rel="stylesheet" />`);
+        }
+    }
+    return links.join('');
+};
+export { createFederatedCssLinks };

package/dist/esm/runtimePlugin.mjs

@@ -0,0 +1,78 @@
+import { abortHeadRender, beginHeadRender, completeHeadRender, createConservingWebShellStream, publishHeadRender } from "@modern-js/runtime-extensions";
+import { projectRuntimeContext } from "@modern-js/runtime-extensions/context-projection";
+import { createHeadRuntime } from "@modern-js/runtime-extensions/head-runtime";
+import { ensureHelmetContext } from "@modern-js/runtime-extensions/helmet-context";
+import react from "react";
+import { createAssetPolicy } from "./assetPolicy.mjs";
+import { createTemplatePolicy } from "./templatePolicy.mjs";
+function createRendererHeadPlugin(options = {}) {
+    return {
+        name: '@modern-js/runtime-renderer-extensions',
+        setup (api) {
+            const head = createHeadRuntime();
+            api.resolveComponent((component, { name })=>'head.Helmet' === name ? head.Head : component);
+            api.transformRuntimeContext(projectRuntimeContext);
+            api.wrapRoot((Root)=>{
+                const HeadRoot = (props)=>head.wrapClientRoot(react.createElement(Root, props));
+                return HeadRoot;
+            });
+            const createState = (runtimeContext)=>{
+                const helmetContext = ensureHelmetContext(runtimeContext);
+                const lifecycle = {
+                    beforeReact () {
+                        beginHeadRender(runtimeContext);
+                    },
+                    completedBody (html, { phase }) {
+                        if ('complete' === phase) return completeHeadRender(runtimeContext, html);
+                        publishHeadRender(runtimeContext);
+                        return html;
+                    },
+                    getHeadData () {
+                        return helmetContext.helmet ?? void 0;
+                    },
+                    onTerminal (terminal) {
+                        if ('complete' !== terminal.status) abortHeadRender(runtimeContext);
+                    }
+                };
+                return {
+                    lifecycle,
+                    wrap (root) {
+                        return head.wrapServerRoot(root, {
+                            runtimeContext,
+                            helmetContext
+                        });
+                    }
+                };
+            };
+            api.extendStringSSRCollectors(({ render })=>{
+                const state = createState(render.runtimeContext);
+                return {
+                    ...state.lifecycle,
+                    ...createAssetPolicy(render),
+                    ...createTemplatePolicy(render),
+                    collect: state.wrap,
+                    effect () {}
+                };
+            });
+            api.extendStreamSSR((info)=>{
+                const { runtimeContext, terminalMarker } = info;
+                const processNodeStream = options.processNodeStream;
+                if ('node' === info.platform && void 0 === processNodeStream) throw new Error('Node head rendering requires the Node runtime-renderer-extensions entry');
+                const state = createState(runtimeContext);
+                return {
+                    ...state.lifecycle,
+                    ...createAssetPolicy(info),
+                    ...createTemplatePolicy(info),
+                    modifyRootElement: state.wrap,
+                    streamPhase: 'body',
+                    processStream: void 0 === processNodeStream ? void 0 : (source)=>processNodeStream(source, runtimeContext, terminalMarker),
+                    processReadableStream: (source)=>createConservingWebShellStream(source, runtimeContext, terminalMarker)
+                };
+            });
+        }
+    };
+}
+const rendererHeadPlugin = ()=>createRendererHeadPlugin();
+const runtimePlugin = rendererHeadPlugin;
+export default runtimePlugin;
+export { createRendererHeadPlugin, rendererHeadPlugin };

package/dist/esm/templatePolicy.mjs

@@ -0,0 +1,38 @@
+import { createRouteHydrationScriptTags, replaceChunkJsPlaceholder } from "@modern-js/runtime-extensions";
+import { getRouterHydrationScripts, getRouterMatchedRouteIds, getRouterServerSnapshot } from "@modern-js/runtime-extensions/router-state";
+import { getRendererResources } from "./assetPolicy.mjs";
+import { createFederatedCssLinks } from "./federatedCss.mjs";
+function createTemplatePolicy(render) {
+    const { resource, routeManifest, entryName } = getRendererResources(render);
+    const config = render.config;
+    return {
+        getRouterData () {
+            return getRouterServerSnapshot(render.runtimeContext)?.routerData || void 0;
+        },
+        transformTemplateChunk (chunk, formatting) {
+            if ('styles' === chunk.name) return {
+                ...chunk,
+                content: chunk.content + createFederatedCssLinks(resource?.moduleFederationCssAssets, {
+                    template: chunk.template,
+                    attributes: chunk.attributes,
+                    existingAssets: chunk.emittedAssets
+                }, formatting)
+            };
+            let content = chunk.content;
+            if ("scripts" === chunk.name && 'stream' === render.mode) content = createRouteHydrationScriptTags(routeManifest, getRouterMatchedRouteIds(render.runtimeContext) ?? [], entryName, {
+                nonce: config?.nonce,
+                template: chunk.template
+            });
+            else if ('data' === chunk.name) {
+                const scripts = getRouterHydrationScripts(render.runtimeContext);
+                if (scripts.length > 0) content += `\n${scripts.join('\n')}`;
+            }
+            return {
+                ...chunk,
+                content: '',
+                template: replaceChunkJsPlaceholder(chunk.template, content, entryName, chunk.placeholder)
+            };
+        }
+    };
+}
+export { createTemplatePolicy };

package/dist/esm-node/assetPolicy.mjs

@@ -0,0 +1,49 @@
+import "node:module";
+import { getMatchedRouteChunks, orderHydrationScriptChunks } from "@modern-js/runtime-extensions";
+import { getRouterMatchedRouteIds } from "@modern-js/runtime-extensions/router-state";
+function getRendererResources(render) {
+    const resource = render.resource;
+    const context = render.runtimeContext;
+    return {
+        resource,
+        entryName: resource?.entryName ?? 'index',
+        routeManifest: 'string' === render.mode ? resource?.routeManifest : context.routeManifest
+    };
+}
+function createAssetPolicy(render) {
+    const { routeManifest, entryName } = getRendererResources(render);
+    return {
+        transformAssets (assets, info) {
+            const matchedRouteIds = getRouterMatchedRouteIds(render.runtimeContext) ?? [];
+            if ('loadable' === info.source) {
+                const matched = getMatchedRouteChunks(routeManifest, matchedRouteIds, info.createAsset);
+                if ('style' === info.kind) return [
+                    ...assets,
+                    ...matched
+                ];
+                const asyncEntryChunks = [
+                    ...info.groups.find((group)=>'async-entry' === group.name)?.assets ?? []
+                ];
+                const collectedChunks = [
+                    ...info.groups.find((group)=>'loadable' === group.name)?.assets ?? []
+                ];
+                return orderHydrationScriptChunks({
+                    asyncEntryChunks,
+                    collectedChunks,
+                    matchedRouteChunks: matched,
+                    entryName
+                });
+            }
+            if ('style' !== info.kind || 0 === matchedRouteIds.length) return assets;
+            const routeAssets = routeManifest?.routeAssets;
+            if (void 0 === routeAssets) return assets;
+            const matched = matchedRouteIds.flatMap((routeId)=>routeAssets[routeId]?.referenceCssAssets ?? []).map(info.createAsset);
+            const entry = info.groups.find((group)=>'async-entry' === group.name)?.assets ?? [];
+            return [
+                ...matched,
+                ...entry
+            ];
+        }
+    };
+}
+export { createAssetPolicy, getRendererResources };