@bleedingdev/modern-js-runtime-renderer-extensions 3.9.0-ultramodern.9 → 3.9.3-ultramodern.10

package/dist/cjs/runtimePlugin.js

@@ -61,11 +61,12 @@ function createRendererHeadPlugin(options = {}) {
                 const HeadRoot = (props)=>head.wrapClientRoot(Root ? external_react_default().createElement(Root, props) : props?.children ?? null);
                 return HeadRoot;
             });
-            const createState = (runtimeContext)=>{
+            const createState = ({ runtimeContext, monitors })=>{
                 const helmetContext = (0, helmet_context_namespaceObject.ensureHelmetContext)(runtimeContext);
+                const reportLateHead = 'production' === process.env.NODE_ENV ? (message)=>monitors.warn(message) : (message)=>monitors.error(message);
                 const lifecycle = {
                     beforeReact () {
-                        (0, runtime_extensions_namespaceObject.beginHeadRender)(runtimeContext);
+                        (0, runtime_extensions_namespaceObject.beginHeadRender)(runtimeContext, reportLateHead);
                     },
                     completedBody (html, { phase }) {
                         if ('complete' === phase) return (0, runtime_extensions_namespaceObject.completeHeadRender)(runtimeContext, html);
@@ -90,7 +91,7 @@ function createRendererHeadPlugin(options = {}) {
                 };
             };
             api.extendStringSSRCollectors(({ render })=>{
-                const state = createState(render.runtimeContext);
+                const state = createState(render);
                 return {
                     ...state.lifecycle,
                     ...(0, external_assetPolicy_js_namespaceObject.createAssetPolicy)(render),
@@ -103,7 +104,7 @@ function createRendererHeadPlugin(options = {}) {
                 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);
+                const state = createState(info);
                 return {
                     ...state.lifecycle,
                     ...(0, external_assetPolicy_js_namespaceObject.createAssetPolicy)(info),

package/dist/esm/runtimePlugin.mjs

@@ -16,11 +16,12 @@ function createRendererHeadPlugin(options = {}) {
                 const HeadRoot = (props)=>head.wrapClientRoot(Root ? react.createElement(Root, props) : props?.children ?? null);
                 return HeadRoot;
             });
-            const createState = (runtimeContext)=>{
+            const createState = ({ runtimeContext, monitors })=>{
                 const helmetContext = ensureHelmetContext(runtimeContext);
+                const reportLateHead = 'production' === process.env.NODE_ENV ? (message)=>monitors.warn(message) : (message)=>monitors.error(message);
                 const lifecycle = {
                     beforeReact () {
-                        beginHeadRender(runtimeContext);
+                        beginHeadRender(runtimeContext, reportLateHead);
                     },
                     completedBody (html, { phase }) {
                         if ('complete' === phase) return completeHeadRender(runtimeContext, html);
@@ -45,7 +46,7 @@ function createRendererHeadPlugin(options = {}) {
                 };
             };
             api.extendStringSSRCollectors(({ render })=>{
-                const state = createState(render.runtimeContext);
+                const state = createState(render);
                 return {
                     ...state.lifecycle,
                     ...createAssetPolicy(render),
@@ -58,7 +59,7 @@ function createRendererHeadPlugin(options = {}) {
                 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);
+                const state = createState(info);
                 return {
                     ...state.lifecycle,
                     ...createAssetPolicy(info),

package/dist/esm-node/runtimePlugin.mjs

@@ -17,11 +17,12 @@ function createRendererHeadPlugin(options = {}) {
                 const HeadRoot = (props)=>head.wrapClientRoot(Root ? react.createElement(Root, props) : props?.children ?? null);
                 return HeadRoot;
             });
-            const createState = (runtimeContext)=>{
+            const createState = ({ runtimeContext, monitors })=>{
                 const helmetContext = ensureHelmetContext(runtimeContext);
+                const reportLateHead = 'production' === process.env.NODE_ENV ? (message)=>monitors.warn(message) : (message)=>monitors.error(message);
                 const lifecycle = {
                     beforeReact () {
-                        beginHeadRender(runtimeContext);
+                        beginHeadRender(runtimeContext, reportLateHead);
                     },
                     completedBody (html, { phase }) {
                         if ('complete' === phase) return completeHeadRender(runtimeContext, html);
@@ -46,7 +47,7 @@ function createRendererHeadPlugin(options = {}) {
                 };
             };
             api.extendStringSSRCollectors(({ render })=>{
-                const state = createState(render.runtimeContext);
+                const state = createState(render);
                 return {
                     ...state.lifecycle,
                     ...createAssetPolicy(render),
@@ -59,7 +60,7 @@ function createRendererHeadPlugin(options = {}) {
                 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);
+                const state = createState(info);
                 return {
                     ...state.lifecycle,
                     ...createAssetPolicy(info),

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@bleedingdev/modern-js-runtime-renderer-extensions",
   "description": "UltraModern.js head rendering plugin registered through native runtime hooks.",
-  "homepage": "https://github.com/BleedingDev/ultramodern.js#readme",
+  "homepage": "https://github.com/ultramodernjs/ultramodern.js#readme",
   "bugs": {
-    "url": "https://github.com/BleedingDev/ultramodern.js/issues"
+    "url": "https://github.com/ultramodernjs/ultramodern.js/issues"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/BleedingDev/ultramodern.js.git",
+    "url": "git+https://github.com/ultramodernjs/ultramodern.js.git",
     "directory": "packages/runtime/renderer-extensions"
   },
   "license": "MIT",
-  "version": "3.9.0-ultramodern.9",
+  "version": "3.9.3-ultramodern.10",
   "engines": {
-    "node": ">=26.7.0"
+    "node": ">=26.12.0"
   },
   "types": "./dist/types/runtimePlugin.d.ts",
   "main": "./dist/cjs/node.js",
@@ -36,34 +36,40 @@
     }
   },
   "dependencies": {
-    "@modern-js/plugin": "npm:@bleedingdev/modern-js-plugin@3.9.0-ultramodern.9",
-    "@modern-js/runtime-extensions": "npm:@bleedingdev/modern-js-runtime-extensions@3.9.0-ultramodern.9"
+    "@modern-js/plugin": "npm:@bleedingdev/modern-js-plugin@3.9.3-ultramodern.10",
+    "@modern-js/runtime-extensions": "npm:@bleedingdev/modern-js-runtime-extensions@3.9.3-ultramodern.10"
   },
   "devDependencies": {
-    "@modern-js/render": "npm:@bleedingdev/modern-js-render@3.9.0-ultramodern.9",
-    "@modern-js/tsconfig": "npm:@bleedingdev/modern-js-tsconfig@3.9.0-ultramodern.9",
-    "@rslib/core": "1.0.0",
+    "@modern-js/render": "npm:@bleedingdev/modern-js-render@3.9.3-ultramodern.10",
+    "@modern-js/tsconfig": "npm:@bleedingdev/modern-js-tsconfig@3.9.3-ultramodern.10",
+    "@rslib/core": "1.0.3",
     "@scripts/rstest-config": "2.66.0",
-    "@testing-library/dom": "^10.4.1",
+    "@testing-library/dom": "^10.4.2",
     "@testing-library/react": "^16.3.3",
-    "@types/node": "^26.4.1",
-    "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.7",
-    "@typescript/native-preview": "7.0.0-dev.20260707.2",
+    "@types/node": "^26.6.5",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
     "esbuild": "^0.28.2",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
-    "typescript": "^7.0.2"
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "typescript": "7.0.2"
   },
   "peerDependencies": {
-    "react": "^19.2.8"
+    "react": "^19.3.1"
   },
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
   },
+  "files": [
+    "dist",
+    "src"
+  ],
   "scripts": {
     "build": "rslib build",
     "test": "rstest"
+  },
+  "ultramodern": {
+    "sourceName": "@modern-js/runtime-renderer-extensions"
   }
 }

package/src/runtimePlugin.ts

@@ -1,6 +1,7 @@
 import type {
   Collector,
   RuntimePlugin,
+  SSRRenderInfo,
   SSRRenderLifecycle,
   StreamSSRExtender,
 } from '@modern-js/plugin/runtime';
@@ -51,11 +52,15 @@ export function createRendererHeadPlugin(
         return HeadRoot;
       });
 
-      const createState = (runtimeContext: object) => {
+      const createState = ({ runtimeContext, monitors }: SSRRenderInfo) => {
         const helmetContext = ensureHelmetContext(runtimeContext);
+        const reportLateHead =
+          process.env.NODE_ENV === 'production'
+            ? (message: string) => monitors.warn(message)
+            : (message: string) => monitors.error(message);
         const lifecycle: SSRRenderLifecycle = {
           beforeReact() {
-            beginHeadRender(runtimeContext);
+            beginHeadRender(runtimeContext, reportLateHead);
           },
           completedBody(html, { phase }) {
             if (phase === 'complete') {
@@ -80,7 +85,7 @@ export function createRendererHeadPlugin(
       };
 
       api.extendStringSSRCollectors(({ render }): Collector => {
-        const state = createState(render.runtimeContext);
+        const state = createState(render);
         return {
           ...state.lifecycle,
           ...createAssetPolicy(render),
@@ -97,7 +102,7 @@ export function createRendererHeadPlugin(
             'Node head rendering requires the Node runtime-renderer-extensions entry',
           );
         }
-        const state = createState(runtimeContext);
+        const state = createState(info);
         return {
           ...state.lifecycle,
           ...createAssetPolicy(info),

package/rslib.config.mts

@@ -1,19 +0,0 @@
-import { RSLIB_CODE_ENTRY_GLOB, rslibConfig } from '@modern-js/rslib';
-import { defineConfig } from '@rslib/core';
-
-export default defineConfig({
-  ...rslibConfig,
-  lib: rslibConfig.lib.map(lib =>
-    lib.id === 'esm-web'
-      ? {
-          ...lib,
-          source: {
-            ...lib.source,
-            entry: {
-              index: [RSLIB_CODE_ENTRY_GLOB, '!./src/node.ts'],
-            },
-          },
-        }
-      : lib,
-  ),
-});

package/rstest.config.mts

@@ -1,29 +0,0 @@
-import type { ProjectConfig } from '@rstest/core';
-import { withTestPreset } from '@scripts/rstest-config';
-
-const commonConfig: ProjectConfig = {
-  root: __dirname,
-  globals: true,
-  setupFiles: ['@scripts/rstest-config/setup.ts'],
-  tools: {
-    swc: {
-      jsc: {
-        transform: {
-          react: {
-            runtime: 'automatic',
-          },
-        },
-      },
-    },
-  },
-};
-
-export default {
-  projects: [
-    withTestPreset({
-      name: 'renderer-extensions-node',
-      testEnvironment: 'node',
-      extends: commonConfig,
-    }),
-  ],
-};

package/tests/federatedCss.test.ts

@@ -1,49 +0,0 @@
-import {
-  attributesToString,
-  hasStylesheetLink,
-} from '../../plugin-runtime/src/core/server/utils';
-import { createFederatedCssLinks as createLinks } from '../src/federatedCss';
-
-const createFederatedCssLinks = (
-  assets: Parameters<typeof createLinks>[0],
-  options: Parameters<typeof createLinks>[1],
-) => createLinks(assets, options, { attributesToString, hasStylesheetLink });
-
-describe('createFederatedCssLinks', () => {
-  it('does not dedupe a stylesheet against a longer href substring', () => {
-    const html = createFederatedCssLinks(['/remote/theme.css'], {
-      template: '<link href="/remote/theme.css?v=next" rel="stylesheet" />',
-    });
-
-    expect(html).toBe('<link href="/remote/theme.css" rel="stylesheet" />');
-  });
-
-  it('escapes federated css asset urls before interpolating href attributes', () => {
-    const html = createFederatedCssLinks(
-      ['/remote/theme" onload="alert(1)&x=<tag>.css'],
-      {
-        template: '',
-      },
-    );
-
-    expect(html).toBe(
-      '<link href="/remote/theme&quot; onload=&quot;alert(1)&amp;x=&lt;tag&gt;.css" rel="stylesheet" />',
-    );
-    expect(html).not.toContain('onload="alert(1)');
-  });
-
-  it('escapes extra attributes and prevents duplicate renderer-owned attributes', () => {
-    const html = createFederatedCssLinks(['/remote/theme.css'], {
-      template: '',
-      attributes: {
-        nonce: 'nonce"&<value>',
-        href: 'https://attacker.example/override.css',
-        rel: 'preload',
-      },
-    });
-
-    expect(html).toBe(
-      '<link nonce="nonce&quot;&amp;&lt;value&gt;" href="/remote/theme.css" rel="stylesheet" />',
-    );
-  });
-});

package/tests/headRuntime.test.tsx

@@ -1,163 +0,0 @@
-import { getHelmetContext } from '@modern-js/runtime-extensions/helmet-context';
-import React, { useContext } from 'react';
-import { renderToReadableStream, renderToString } from 'react-dom/server';
-import {
-  getGlobalEnableRsc,
-  getGlobalInternalRuntimeContext,
-  getInitialContext,
-  InternalRuntimeContext,
-  setGlobalContext,
-  setGlobalInternalRuntimeContext,
-} from '../../plugin-runtime/src/core/context';
-import { registerPlugin } from '../../plugin-runtime/src/core/plugin';
-import {
-  wrapRuntimeContextProvider as nativeWrapRuntimeContextProvider,
-  wrapRuntimeComponentResolver,
-} from '../../plugin-runtime/src/core/react/wrapper';
-import { Helmet } from '../../plugin-runtime/src/exports/head';
-import rendererHeadPlugin from '../src/runtimePlugin';
-
-const previousRuntime = getGlobalInternalRuntimeContext();
-const previousRsc = getGlobalEnableRsc();
-beforeEach(() => {
-  setGlobalContext({ enableRsc: false });
-  registerPlugin([rendererHeadPlugin()]);
-});
-afterEach(() => {
-  setGlobalInternalRuntimeContext(previousRuntime);
-  setGlobalContext({ enableRsc: previousRsc });
-});
-
-// Exercise the unchanged native provider/head entry points through registered
-// collector providers. Transaction/lifecycle rendering is covered separately.
-function wrapRuntimeContextProvider(
-  app: React.ReactElement,
-  context: ReturnType<typeof getInitialContext>,
-) {
-  const hooks = getGlobalInternalRuntimeContext().hooks;
-  const App = hooks.wrapRoot.call(() => app);
-  let root = nativeWrapRuntimeContextProvider(<App />, context);
-  if (getGlobalEnableRsc() && !context.isBrowser) {
-    root = wrapRuntimeComponentResolver(root);
-  }
-  const collectors = hooks.extendStringSSRCollectors.call({
-    chunkSet: { renderLevel: 0, ssrScripts: '', jsChunk: '', cssChunk: '' },
-    render: {
-      runtimeContext: context,
-      request: new Request('https://example.test/tractors'),
-      platform: 'node',
-      mode: 'string',
-      isRsc: getGlobalEnableRsc() === true,
-    },
-  });
-  for (const collector of collectors) root = collector.collect?.(root) ?? root;
-  return root;
-}
-
-describe('registered native runtime/head compatibility', () => {
-  it('keeps overlapping requests on their original head contexts after projection', async () => {
-    const projectedContexts: object[] = [];
-    getGlobalInternalRuntimeContext().pluginAPI?.transformRuntimeContext(
-      (projection: any) => {
-        const internalContext = { ...projection.internalContext };
-        delete internalContext[
-          Symbol.for('@modern-js/runtime:context-extensions')
-        ];
-        projectedContexts.push(internalContext);
-        return { ...projection, internalContext };
-      },
-    );
-    const SuspendedHead = ({
-      ready,
-      title,
-    }: {
-      ready: Promise<void>;
-      title: string;
-    }) => {
-      React.use(ready);
-      return (
-        <Helmet>
-          <title>{title}</title>
-        </Helmet>
-      );
-    };
-    const requests = ['first request', 'second request'].map(title => {
-      let release = () => {};
-      const ready = new Promise<void>(resolve => {
-        release = resolve;
-      });
-      const context = getInitialContext(false);
-      return { title, ready, release, context };
-    });
-    const streams = await Promise.all(
-      requests.map(({ title, ready, context }) =>
-        renderToReadableStream(
-          wrapRuntimeContextProvider(
-            <React.Suspense fallback="pending">
-              <SuspendedHead ready={ready} title={title} />
-            </React.Suspense>,
-            context,
-          ),
-        ),
-      ),
-    );
-    requests[1].release();
-    requests[0].release();
-    await Promise.all(
-      streams.map(async stream => {
-        await stream.allReady;
-        return new Response(stream).text();
-      }),
-    );
-
-    for (const { context, title } of requests) {
-      expect(getHelmetContext(context)?.helmet?.title.toString()).toBe(
-        `<title data-rh="true">${title}</title>`,
-      );
-    }
-    expect(projectedContexts).toHaveLength(2);
-    for (const context of projectedContexts) {
-      expect(getHelmetContext(context)).toBeUndefined();
-    }
-  });
-
-  it('keeps response functions outside the RSC internal context', () => {
-    let internalValue: ReturnType<typeof getInitialContext> | undefined;
-
-    const Probe = () => {
-      internalValue = useContext(InternalRuntimeContext);
-      return null;
-    };
-
-    const response = {
-      setHeader: rstest.fn(),
-      status: rstest.fn(),
-      locals: { tenant: 'tractor-store' },
-    };
-    const context = getInitialContext(false);
-    context.ssrContext = {
-      request: {
-        params: { category: 'compact' },
-        pathname: '/tractors',
-        query: { sort: 'price' },
-        headers: { accept: 'text/html' },
-        host: 'example.test',
-        url: 'https://example.test/tractors?sort=price',
-      },
-      response,
-    };
-
-    setGlobalContext({ enableRsc: true });
-    try {
-      renderToString(wrapRuntimeContextProvider(<Probe />, context));
-    } finally {
-      setGlobalContext({ enableRsc: false });
-    }
-
-    expect(
-      Object.values(internalValue?.requestContext.response ?? {}).some(
-        value => typeof value === 'function',
-      ),
-    ).toBe(false);
-  });
-});