@webtypen/webframez-react 0.0.15 → 0.0.17

package/dist/index.cjs

@@ -136,28 +136,6 @@ function renderRSCToString(payload, options = {}) {
     stream.pipe(writable);
   });
 }
-function createReadableStreamFromString(value) {
-  const encoder = new TextEncoder();
-  return new ReadableStream({
-    start(controller) {
-      controller.enqueue(encoder.encode(value));
-      controller.close();
-    }
-  });
-}
-async function renderHtmlFromFlightData(flightData, options) {
-  const appRequire = (0, import_node_module.createRequire)(import_node_path.default.join(process.cwd(), "__webframez_react_server__.js"));
-  const reactDomPkg = appRequire.resolve("react-dom/package.json");
-  const { renderToString } = appRequire(import_node_path.default.join(import_node_path.default.dirname(reactDomPkg), "server.node.js"));
-  const model = await (0, import_client.createFromReadableStream)(createReadableStreamFromString(flightData), {
-    serverConsumerManifest: {
-      moduleMap: options.moduleMap ?? {},
-      serverModuleMap: null,
-      moduleLoading: null
-    }
-  });
-  return renderToString(model);
-}
 function sendRSC(res, model, options = {}) {
   const {
     moduleMap = {},
@@ -202,6 +180,7 @@ function createRSCHandler(options) {
 
 // src/file-router.tsx
 var import_node_fs = __toESM(require("node:fs"), 1);
+var import_node_module2 = __toESM(require("node:module"), 1);
 var import_node_path2 = __toESM(require("node:path"), 1);
 
 // src/router-runtime.tsx
@@ -264,6 +243,23 @@ function injectRouteChildren(node, routeChildren) {
 
 // src/file-router.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
+var FORCED_PACKAGE_REQUESTS = [
+  "@webtypen/webframez-core",
+  "@webtypen/webframez-react",
+  "react",
+  "react/jsx-runtime",
+  "react/jsx-dev-runtime",
+  "react-dom",
+  "react-dom/client",
+  "react-dom/server",
+  "react-dom/server.node",
+  "react-server-dom-webpack",
+  "react-server-dom-webpack/server",
+  "react-server-dom-webpack/client",
+  "react-server-dom-webpack/client.node",
+  "scheduler"
+];
+var forcedPackageResolutionInstalled = false;
 function normalizePathname(pathname) {
   const trimmed = pathname.replace(/\/+$/, "") || "/";
   return trimmed.startsWith("/") ? trimmed : `/${trimmed}`;
@@ -312,6 +308,34 @@ var MANAGED_HEAD_ATTR = "data-webframez-head";
 function createManagedAttributes() {
   return `${MANAGED_HEAD_ATTR}="true"`;
 }
+function shouldForcePackageResolution(request) {
+  return FORCED_PACKAGE_REQUESTS.some(
+    (candidate) => request === candidate || request.startsWith(`${candidate}/`)
+  );
+}
+function installForcedPackageResolution() {
+  if (forcedPackageResolutionInstalled) {
+    return;
+  }
+  const moduleWithPrivateResolver = import_node_module2.default;
+  const originalResolveFilename = moduleWithPrivateResolver._resolveFilename;
+  const rootParent = {
+    id: "__webframez_react_runtime__",
+    filename: import_node_path2.default.join(process.cwd(), "__webframez_react_runtime__.js"),
+    path: process.cwd(),
+    paths: moduleWithPrivateResolver._nodeModulePaths(process.cwd())
+  };
+  moduleWithPrivateResolver._resolveFilename = function patchedResolveFilename(request, parent, isMain, options) {
+    if (typeof request === "string" && shouldForcePackageResolution(request)) {
+      try {
+        return originalResolveFilename.call(this, request, rootParent, false, options);
+      } catch {
+      }
+    }
+    return originalResolveFilename.call(this, request, parent, isMain, options);
+  };
+  forcedPackageResolutionInstalled = true;
+}
 function toRouteEntry(pagesDir, filePath) {
   const normalized = filePath.replace(/\\/g, "/");
   if (!normalized.endsWith("/index.js")) {
@@ -459,6 +483,7 @@ function isRouteAbort(value) {
   }
 }
 function createFileRouter(options) {
+  installForcedPackageResolution();
   const pagesDir = options.pagesDir;
   const layoutPath = import_node_path2.default.join(pagesDir, "layout.js");
   const errorPath = import_node_path2.default.join(pagesDir, "errors.js");
@@ -646,24 +671,46 @@ var INITIAL_HTML_WORKER_SCRIPT = `
 const path = require("node:path");
 const Module = require("node:module");
 const { Writable } = require("node:stream");
+const { createFromReadableStream } = require("react-server-dom-webpack/client.node");
 
 const pagesDir = process.env.WEBFRAMEZ_REACT_PAGES_DIR || "";
 if (!pagesDir) {
   throw new Error("Missing WEBFRAMEZ_REACT_PAGES_DIR");
 }
 
-const appRequire = Module.createRequire(path.join(pagesDir, "__webframez_react_worker__.js"));
 const originalResolveFilename = Module._resolveFilename;
-const forcedResolutions = new Map([
-  ["react", appRequire.resolve("react")],
-  ["react/jsx-runtime", appRequire.resolve("react/jsx-runtime")],
-  ["react/jsx-dev-runtime", appRequire.resolve("react/jsx-dev-runtime")],
-  ["react-dom/client", appRequire.resolve("react-dom/client")]
-]);
+const rootParent = {
+  id: "__webframez_react_worker__",
+  filename: path.join(process.cwd(), "__webframez_react_worker__.js"),
+  path: process.cwd(),
+  paths: Module._nodeModulePaths(process.cwd()),
+};
+const forcedPackageRequests = [
+  "@webtypen/webframez-core",
+  "@webtypen/webframez-react",
+  "react",
+  "react/jsx-runtime",
+  "react/jsx-dev-runtime",
+  "react-dom",
+  "react-dom/client",
+  "react-dom/server",
+  "react-dom/server.node",
+  "react-server-dom-webpack",
+  "react-server-dom-webpack/server",
+  "react-server-dom-webpack/client",
+  "react-server-dom-webpack/client.node",
+  "scheduler"
+];
+
+function shouldForcePackageResolution(request) {
+  return forcedPackageRequests.some((candidate) =>
+    request === candidate || request.startsWith(candidate + "/")
+  );
+}
 
 Module._resolveFilename = function(request, parent, isMain, options) {
-  if (forcedResolutions.has(request)) {
-    return forcedResolutions.get(request);
+  if (typeof request === "string" && shouldForcePackageResolution(request)) {
+    return originalResolveFilename.call(this, request, rootParent, false, options);
   }
   return originalResolveFilename.call(this, request, parent, isMain, options);
 };
@@ -710,21 +757,58 @@ function renderHtml(model) {
   });
 }
 
+function createReadableStreamFromString(value) {
+  const encoder = new TextEncoder();
+
+  return new ReadableStream({
+    start(controller) {
+      controller.enqueue(encoder.encode(value));
+      controller.close();
+    }
+  });
+}
+
+async function renderHtmlFromFlightData(flightData, moduleMap) {
+  const model = await createFromReadableStream(createReadableStreamFromString(flightData), {
+    serverConsumerManifest: {
+      moduleMap: moduleMap || {},
+      serverModuleMap: null,
+      moduleLoading: null
+    }
+  });
+
+  return renderHtml(model);
+}
+
 process.on("message", async (message) => {
-  if (!message || message.type !== "render") {
+  if (!message || (message.type !== "render-route" && message.type !== "render-flight")) {
     return;
   }
 
-  const previousBasename = globalThis.__RSC_BASENAME;
-  globalThis.__RSC_BASENAME = message.payload.basename || "";
-
   try {
-    const resolved = await router.resolve({
-      pathname: message.payload.pathname,
-      searchParams: message.payload.searchParams || {},
-      cookies: message.payload.cookies || {},
-    });
-    const html = await renderHtml(resolved.model);
+    let html = "";
+
+    if (message.type === "render-route") {
+      const previousBasename = globalThis.__RSC_BASENAME;
+      globalThis.__RSC_BASENAME = message.payload.basename || "";
+
+      try {
+        const resolved = await router.resolve({
+          pathname: message.payload.pathname,
+          searchParams: message.payload.searchParams || {},
+          cookies: message.payload.cookies || {},
+        });
+        html = await renderHtml(resolved.model);
+      } finally {
+        globalThis.__RSC_BASENAME = previousBasename;
+      }
+    } else {
+      html = await renderHtmlFromFlightData(
+        message.payload.flightData || "",
+        message.payload.moduleMap || {},
+      );
+    }
+
     if (typeof process.send === "function") {
       process.send({ id: message.id, ok: true, html });
     }
@@ -735,8 +819,6 @@ process.on("message", async (message) => {
     if (typeof process.send === "function") {
       process.send({ id: message.id, ok: false, error: formatted });
     }
-  } finally {
-    globalThis.__RSC_BASENAME = previousBasename;
   }
 });
 `;
@@ -848,7 +930,35 @@ ${stderrBuffer.trim()}` : "";
         pending.set(requestId, { resolve, reject, timeout });
         const request = {
           id: requestId,
-          type: "render",
+          type: "render-route",
+          payload
+        };
+        activeChild.send(request, (error) => {
+          if (!error) {
+            return;
+          }
+          const entry = pending.get(requestId);
+          if (!entry) {
+            return;
+          }
+          pending.delete(requestId);
+          clearTimeout(entry.timeout);
+          entry.reject(error instanceof Error ? error : new Error(String(error)));
+        });
+      });
+    },
+    renderFromFlightData(payload) {
+      const activeChild = startWorker();
+      const requestId = nextRequestId++;
+      return new Promise((resolve, reject) => {
+        const timeout = setTimeout(() => {
+          rejectPending(new Error("[webframez-react] Initial HTML worker timed out"));
+          stopWorker();
+        }, 1e4);
+        pending.set(requestId, { resolve, reject, timeout });
+        const request = {
+          id: requestId,
+          type: "render-flight",
           payload
         };
         activeChild.send(request, (error) => {
@@ -1099,7 +1209,11 @@ function createNodeRequestHandler(options) {
       } catch (retryError) {
         console.error("[webframez-react] Retry for initial HTML failed", retryError);
         try {
-          rootHtml = await renderHtmlFromFlightData(initialFlightData, { moduleMap });
+          initialHtmlWorker.dispose();
+          rootHtml = await initialHtmlWorker.renderFromFlightData({
+            flightData: initialFlightData,
+            moduleMap
+          });
         } catch (flightRenderError) {
           console.error("[webframez-react] Flight-to-HTML render failed", flightRenderError);
           res.statusCode = 500;

package/dist/index.js

@@ -100,28 +100,6 @@ function renderRSCToString(payload, options = {}) {
     stream.pipe(writable);
   });
 }
-function createReadableStreamFromString(value) {
-  const encoder = new TextEncoder();
-  return new ReadableStream({
-    start(controller) {
-      controller.enqueue(encoder.encode(value));
-      controller.close();
-    }
-  });
-}
-async function renderHtmlFromFlightData(flightData, options) {
-  const appRequire = createRequire(path.join(process.cwd(), "__webframez_react_server__.js"));
-  const reactDomPkg = appRequire.resolve("react-dom/package.json");
-  const { renderToString } = appRequire(path.join(path.dirname(reactDomPkg), "server.node.js"));
-  const model = await createFromReadableStream(createReadableStreamFromString(flightData), {
-    serverConsumerManifest: {
-      moduleMap: options.moduleMap ?? {},
-      serverModuleMap: null,
-      moduleLoading: null
-    }
-  });
-  return renderToString(model);
-}
 function sendRSC(res, model, options = {}) {
   const {
     moduleMap = {},
@@ -166,6 +144,7 @@ function createRSCHandler(options) {
 
 // src/file-router.tsx
 import fs from "node:fs";
+import Module from "node:module";
 import path2 from "node:path";
 
 // src/router-runtime.tsx
@@ -228,6 +207,23 @@ function injectRouteChildren(node, routeChildren) {
 
 // src/file-router.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
+var FORCED_PACKAGE_REQUESTS = [
+  "@webtypen/webframez-core",
+  "@webtypen/webframez-react",
+  "react",
+  "react/jsx-runtime",
+  "react/jsx-dev-runtime",
+  "react-dom",
+  "react-dom/client",
+  "react-dom/server",
+  "react-dom/server.node",
+  "react-server-dom-webpack",
+  "react-server-dom-webpack/server",
+  "react-server-dom-webpack/client",
+  "react-server-dom-webpack/client.node",
+  "scheduler"
+];
+var forcedPackageResolutionInstalled = false;
 function normalizePathname(pathname) {
   const trimmed = pathname.replace(/\/+$/, "") || "/";
   return trimmed.startsWith("/") ? trimmed : `/${trimmed}`;
@@ -276,6 +272,34 @@ var MANAGED_HEAD_ATTR = "data-webframez-head";
 function createManagedAttributes() {
   return `${MANAGED_HEAD_ATTR}="true"`;
 }
+function shouldForcePackageResolution(request) {
+  return FORCED_PACKAGE_REQUESTS.some(
+    (candidate) => request === candidate || request.startsWith(`${candidate}/`)
+  );
+}
+function installForcedPackageResolution() {
+  if (forcedPackageResolutionInstalled) {
+    return;
+  }
+  const moduleWithPrivateResolver = Module;
+  const originalResolveFilename = moduleWithPrivateResolver._resolveFilename;
+  const rootParent = {
+    id: "__webframez_react_runtime__",
+    filename: path2.join(process.cwd(), "__webframez_react_runtime__.js"),
+    path: process.cwd(),
+    paths: moduleWithPrivateResolver._nodeModulePaths(process.cwd())
+  };
+  moduleWithPrivateResolver._resolveFilename = function patchedResolveFilename(request, parent, isMain, options) {
+    if (typeof request === "string" && shouldForcePackageResolution(request)) {
+      try {
+        return originalResolveFilename.call(this, request, rootParent, false, options);
+      } catch {
+      }
+    }
+    return originalResolveFilename.call(this, request, parent, isMain, options);
+  };
+  forcedPackageResolutionInstalled = true;
+}
 function toRouteEntry(pagesDir, filePath) {
   const normalized = filePath.replace(/\\/g, "/");
   if (!normalized.endsWith("/index.js")) {
@@ -423,6 +447,7 @@ function isRouteAbort(value) {
   }
 }
 function createFileRouter(options) {
+  installForcedPackageResolution();
   const pagesDir = options.pagesDir;
   const layoutPath = path2.join(pagesDir, "layout.js");
   const errorPath = path2.join(pagesDir, "errors.js");
@@ -610,24 +635,46 @@ var INITIAL_HTML_WORKER_SCRIPT = `
 const path = require("node:path");
 const Module = require("node:module");
 const { Writable } = require("node:stream");
+const { createFromReadableStream } = require("react-server-dom-webpack/client.node");
 
 const pagesDir = process.env.WEBFRAMEZ_REACT_PAGES_DIR || "";
 if (!pagesDir) {
   throw new Error("Missing WEBFRAMEZ_REACT_PAGES_DIR");
 }
 
-const appRequire = Module.createRequire(path.join(pagesDir, "__webframez_react_worker__.js"));
 const originalResolveFilename = Module._resolveFilename;
-const forcedResolutions = new Map([
-  ["react", appRequire.resolve("react")],
-  ["react/jsx-runtime", appRequire.resolve("react/jsx-runtime")],
-  ["react/jsx-dev-runtime", appRequire.resolve("react/jsx-dev-runtime")],
-  ["react-dom/client", appRequire.resolve("react-dom/client")]
-]);
+const rootParent = {
+  id: "__webframez_react_worker__",
+  filename: path.join(process.cwd(), "__webframez_react_worker__.js"),
+  path: process.cwd(),
+  paths: Module._nodeModulePaths(process.cwd()),
+};
+const forcedPackageRequests = [
+  "@webtypen/webframez-core",
+  "@webtypen/webframez-react",
+  "react",
+  "react/jsx-runtime",
+  "react/jsx-dev-runtime",
+  "react-dom",
+  "react-dom/client",
+  "react-dom/server",
+  "react-dom/server.node",
+  "react-server-dom-webpack",
+  "react-server-dom-webpack/server",
+  "react-server-dom-webpack/client",
+  "react-server-dom-webpack/client.node",
+  "scheduler"
+];
+
+function shouldForcePackageResolution(request) {
+  return forcedPackageRequests.some((candidate) =>
+    request === candidate || request.startsWith(candidate + "/")
+  );
+}
 
 Module._resolveFilename = function(request, parent, isMain, options) {
-  if (forcedResolutions.has(request)) {
-    return forcedResolutions.get(request);
+  if (typeof request === "string" && shouldForcePackageResolution(request)) {
+    return originalResolveFilename.call(this, request, rootParent, false, options);
   }
   return originalResolveFilename.call(this, request, parent, isMain, options);
 };
@@ -674,21 +721,58 @@ function renderHtml(model) {
   });
 }
 
+function createReadableStreamFromString(value) {
+  const encoder = new TextEncoder();
+
+  return new ReadableStream({
+    start(controller) {
+      controller.enqueue(encoder.encode(value));
+      controller.close();
+    }
+  });
+}
+
+async function renderHtmlFromFlightData(flightData, moduleMap) {
+  const model = await createFromReadableStream(createReadableStreamFromString(flightData), {
+    serverConsumerManifest: {
+      moduleMap: moduleMap || {},
+      serverModuleMap: null,
+      moduleLoading: null
+    }
+  });
+
+  return renderHtml(model);
+}
+
 process.on("message", async (message) => {
-  if (!message || message.type !== "render") {
+  if (!message || (message.type !== "render-route" && message.type !== "render-flight")) {
     return;
   }
 
-  const previousBasename = globalThis.__RSC_BASENAME;
-  globalThis.__RSC_BASENAME = message.payload.basename || "";
-
   try {
-    const resolved = await router.resolve({
-      pathname: message.payload.pathname,
-      searchParams: message.payload.searchParams || {},
-      cookies: message.payload.cookies || {},
-    });
-    const html = await renderHtml(resolved.model);
+    let html = "";
+
+    if (message.type === "render-route") {
+      const previousBasename = globalThis.__RSC_BASENAME;
+      globalThis.__RSC_BASENAME = message.payload.basename || "";
+
+      try {
+        const resolved = await router.resolve({
+          pathname: message.payload.pathname,
+          searchParams: message.payload.searchParams || {},
+          cookies: message.payload.cookies || {},
+        });
+        html = await renderHtml(resolved.model);
+      } finally {
+        globalThis.__RSC_BASENAME = previousBasename;
+      }
+    } else {
+      html = await renderHtmlFromFlightData(
+        message.payload.flightData || "",
+        message.payload.moduleMap || {},
+      );
+    }
+
     if (typeof process.send === "function") {
       process.send({ id: message.id, ok: true, html });
     }
@@ -699,8 +783,6 @@ process.on("message", async (message) => {
     if (typeof process.send === "function") {
       process.send({ id: message.id, ok: false, error: formatted });
     }
-  } finally {
-    globalThis.__RSC_BASENAME = previousBasename;
   }
 });
 `;
@@ -812,7 +894,35 @@ ${stderrBuffer.trim()}` : "";
         pending.set(requestId, { resolve, reject, timeout });
         const request = {
           id: requestId,
-          type: "render",
+          type: "render-route",
+          payload
+        };
+        activeChild.send(request, (error) => {
+          if (!error) {
+            return;
+          }
+          const entry = pending.get(requestId);
+          if (!entry) {
+            return;
+          }
+          pending.delete(requestId);
+          clearTimeout(entry.timeout);
+          entry.reject(error instanceof Error ? error : new Error(String(error)));
+        });
+      });
+    },
+    renderFromFlightData(payload) {
+      const activeChild = startWorker();
+      const requestId = nextRequestId++;
+      return new Promise((resolve, reject) => {
+        const timeout = setTimeout(() => {
+          rejectPending(new Error("[webframez-react] Initial HTML worker timed out"));
+          stopWorker();
+        }, 1e4);
+        pending.set(requestId, { resolve, reject, timeout });
+        const request = {
+          id: requestId,
+          type: "render-flight",
           payload
         };
         activeChild.send(request, (error) => {
@@ -1063,7 +1173,11 @@ function createNodeRequestHandler(options) {
       } catch (retryError) {
         console.error("[webframez-react] Retry for initial HTML failed", retryError);
         try {
-          rootHtml = await renderHtmlFromFlightData(initialFlightData, { moduleMap });
+          initialHtmlWorker.dispose();
+          rootHtml = await initialHtmlWorker.renderFromFlightData({
+            flightData: initialFlightData,
+            moduleMap
+          });
         } catch (flightRenderError) {
           console.error("[webframez-react] Flight-to-HTML render failed", flightRenderError);
           res.statusCode = 500;

package/dist/router.cjs

@@ -38,6 +38,7 @@ module.exports = __toCommonJS(router_exports);
 
 // src/file-router.tsx
 var import_node_fs = __toESM(require("node:fs"), 1);
+var import_node_module = __toESM(require("node:module"), 1);
 var import_node_path = __toESM(require("node:path"), 1);
 
 // src/router-runtime.tsx
@@ -100,6 +101,23 @@ function injectRouteChildren(node, routeChildren) {
 
 // src/file-router.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
+var FORCED_PACKAGE_REQUESTS = [
+  "@webtypen/webframez-core",
+  "@webtypen/webframez-react",
+  "react",
+  "react/jsx-runtime",
+  "react/jsx-dev-runtime",
+  "react-dom",
+  "react-dom/client",
+  "react-dom/server",
+  "react-dom/server.node",
+  "react-server-dom-webpack",
+  "react-server-dom-webpack/server",
+  "react-server-dom-webpack/client",
+  "react-server-dom-webpack/client.node",
+  "scheduler"
+];
+var forcedPackageResolutionInstalled = false;
 function normalizePathname(pathname) {
   const trimmed = pathname.replace(/\/+$/, "") || "/";
   return trimmed.startsWith("/") ? trimmed : `/${trimmed}`;
@@ -148,6 +166,34 @@ var MANAGED_HEAD_ATTR = "data-webframez-head";
 function createManagedAttributes() {
   return `${MANAGED_HEAD_ATTR}="true"`;
 }
+function shouldForcePackageResolution(request) {
+  return FORCED_PACKAGE_REQUESTS.some(
+    (candidate) => request === candidate || request.startsWith(`${candidate}/`)
+  );
+}
+function installForcedPackageResolution() {
+  if (forcedPackageResolutionInstalled) {
+    return;
+  }
+  const moduleWithPrivateResolver = import_node_module.default;
+  const originalResolveFilename = moduleWithPrivateResolver._resolveFilename;
+  const rootParent = {
+    id: "__webframez_react_runtime__",
+    filename: import_node_path.default.join(process.cwd(), "__webframez_react_runtime__.js"),
+    path: process.cwd(),
+    paths: moduleWithPrivateResolver._nodeModulePaths(process.cwd())
+  };
+  moduleWithPrivateResolver._resolveFilename = function patchedResolveFilename(request, parent, isMain, options) {
+    if (typeof request === "string" && shouldForcePackageResolution(request)) {
+      try {
+        return originalResolveFilename.call(this, request, rootParent, false, options);
+      } catch {
+      }
+    }
+    return originalResolveFilename.call(this, request, parent, isMain, options);
+  };
+  forcedPackageResolutionInstalled = true;
+}
 function toRouteEntry(pagesDir, filePath) {
   const normalized = filePath.replace(/\\/g, "/");
   if (!normalized.endsWith("/index.js")) {
@@ -295,6 +341,7 @@ function isRouteAbort(value) {
   }
 }
 function createFileRouter(options) {
+  installForcedPackageResolution();
   const pagesDir = options.pagesDir;
   const layoutPath = import_node_path.default.join(pagesDir, "layout.js");
   const errorPath = import_node_path.default.join(pagesDir, "errors.js");