@webtypen/webframez-react 0.0.16 → 0.0.18

package/dist/http.cjs

@@ -131,28 +131,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 = {},
@@ -232,9 +210,6 @@ function injectRouteChildren(node, routeChildren) {
 
 // src/file-router.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var ROOT_RUNTIME_REQUIRE = import_node_module2.default.createRequire(
-  import_node_path2.default.join(process.cwd(), "__webframez_react_runtime__.js")
-);
 var FORCED_PACKAGE_REQUESTS = [
   "@webtypen/webframez-core",
   "@webtypen/webframez-react",
@@ -311,10 +286,16 @@ function installForcedPackageResolution() {
   }
   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 ROOT_RUNTIME_REQUIRE.resolve(request);
+        return originalResolveFilename.call(this, request, rootParent, false, options);
       } catch {
       }
     }
@@ -653,49 +634,49 @@ 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 rootRequire = Module.createRequire(path.join(process.cwd(), "__webframez_react_worker__.js"));
 const originalResolveFilename = Module._resolveFilename;
-const forcedResolutions = new Map([
-  ["@webtypen/webframez-core", rootRequire.resolve("@webtypen/webframez-core")],
-  ["@webtypen/webframez-react", rootRequire.resolve("@webtypen/webframez-react")],
-  ["react", rootRequire.resolve("react")],
-  ["react/jsx-runtime", rootRequire.resolve("react/jsx-runtime")],
-  ["react/jsx-dev-runtime", rootRequire.resolve("react/jsx-dev-runtime")],
-  ["react-dom", rootRequire.resolve("react-dom")],
-  ["react-dom/client", rootRequire.resolve("react-dom/client")],
-  ["react-dom/server", rootRequire.resolve("react-dom/server")],
-  ["react-dom/server.node", rootRequire.resolve("react-dom/server.node")],
-  ["react-server-dom-webpack", rootRequire.resolve("react-server-dom-webpack")],
-  ["react-server-dom-webpack/server", rootRequire.resolve("react-server-dom-webpack/server")],
-  ["react-server-dom-webpack/client", rootRequire.resolve("react-server-dom-webpack/client")],
-  ["react-server-dom-webpack/client.node", rootRequire.resolve("react-server-dom-webpack/client.node")],
-  ["scheduler", rootRequire.resolve("scheduler")]
-]);
+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);
-  }
-  for (const forcedRequest of forcedResolutions.keys()) {
-    if (request.startsWith(forcedRequest + "/")) {
-      return rootRequire.resolve(request);
-    }
+  if (typeof request === "string" && shouldForcePackageResolution(request)) {
+    return originalResolveFilename.call(this, request, rootParent, false, options);
   }
   return originalResolveFilename.call(this, request, parent, isMain, options);
 };
 
-const { createFileRouter } = require("@webtypen/webframez-react/router");
 const reactDomPkg = require.resolve("react-dom/package.json", {
-  paths: [process.cwd(), pagesDir]
+  paths: [process.cwd()]
 });
 const reactDomServer = require(path.join(path.dirname(reactDomPkg), "server.node.js"));
-const router = createFileRouter({ pagesDir });
 
 function renderHtml(model) {
   return new Promise((resolve, reject) => {
@@ -732,21 +713,40 @@ 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-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);
+    const html = await renderHtmlFromFlightData(
+      message.payload.flightData || "",
+      message.payload.moduleMap || {},
+    );
+
     if (typeof process.send === "function") {
       process.send({ id: message.id, ok: true, html });
     }
@@ -757,8 +757,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;
   }
 });
 `;
@@ -787,7 +785,7 @@ function sanitizeInitialHtmlWorkerNodeOptions(rawNodeOptions) {
   }
   return rawNodeOptions.replace(/(^|\s)--conditions\s+react-server(?=\s|$)/g, " ").replace(/(^|\s)-r\s+(\S*webframez-react\/register)(?=\s|$)/g, " ").replace(/\s+/g, " ").trim();
 }
-function createInitialHtmlWorker(pagesDir) {
+function createInitialHtmlWorker(_pagesDir) {
   let child = null;
   let nextRequestId = 1;
   let stderrBuffer = "";
@@ -818,8 +816,7 @@ function createInitialHtmlWorker(pagesDir) {
       cwd: process.cwd(),
       env: {
         ...process.env,
-        NODE_OPTIONS: sanitizeInitialHtmlWorkerNodeOptions(process.env.NODE_OPTIONS),
-        WEBFRAMEZ_REACT_PAGES_DIR: pagesDir
+        NODE_OPTIONS: sanitizeInitialHtmlWorkerNodeOptions(process.env.NODE_OPTIONS)
       },
       stdio: ["ignore", "ignore", "pipe", "ipc"]
     });
@@ -859,7 +856,7 @@ ${stderrBuffer.trim()}` : "";
     return child;
   };
   return {
-    render(payload) {
+    renderFromFlightData(payload) {
       const activeChild = startWorker();
       const requestId = nextRequestId++;
       return new Promise((resolve, reject) => {
@@ -870,7 +867,7 @@ ${stderrBuffer.trim()}` : "";
         pending.set(requestId, { resolve, reject, timeout });
         const request = {
           id: requestId,
-          type: "render",
+          type: "render-flight",
           payload
         };
         activeChild.send(request, (error) => {
@@ -1102,26 +1099,26 @@ function createNodeRequestHandler(options) {
     });
     let rootHtml = "";
     try {
-      rootHtml = await initialHtmlWorker.render({
-        pathname: stripBasePath(url.pathname, basePath),
-        searchParams: parseSearchParams(url.searchParams),
-        cookies: requestCookies,
-        basename: basePath
+      rootHtml = await initialHtmlWorker.renderFromFlightData({
+        flightData: initialFlightData,
+        moduleMap
       });
     } catch (error) {
       console.error("[webframez-react] Failed to render initial HTML", error);
       try {
         initialHtmlWorker.dispose();
-        rootHtml = await initialHtmlWorker.render({
-          pathname: stripBasePath(url.pathname, basePath),
-          searchParams: parseSearchParams(url.searchParams),
-          cookies: requestCookies,
-          basename: basePath
+        rootHtml = await initialHtmlWorker.renderFromFlightData({
+          flightData: initialFlightData,
+          moduleMap
         });
       } 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/http.js

@@ -106,28 +106,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 = {},
@@ -207,9 +185,6 @@ function injectRouteChildren(node, routeChildren) {
 
 // src/file-router.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
-var ROOT_RUNTIME_REQUIRE = Module.createRequire(
-  path2.join(process.cwd(), "__webframez_react_runtime__.js")
-);
 var FORCED_PACKAGE_REQUESTS = [
   "@webtypen/webframez-core",
   "@webtypen/webframez-react",
@@ -286,10 +261,16 @@ function installForcedPackageResolution() {
   }
   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 ROOT_RUNTIME_REQUIRE.resolve(request);
+        return originalResolveFilename.call(this, request, rootParent, false, options);
       } catch {
       }
     }
@@ -628,49 +609,49 @@ 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 rootRequire = Module.createRequire(path.join(process.cwd(), "__webframez_react_worker__.js"));
 const originalResolveFilename = Module._resolveFilename;
-const forcedResolutions = new Map([
-  ["@webtypen/webframez-core", rootRequire.resolve("@webtypen/webframez-core")],
-  ["@webtypen/webframez-react", rootRequire.resolve("@webtypen/webframez-react")],
-  ["react", rootRequire.resolve("react")],
-  ["react/jsx-runtime", rootRequire.resolve("react/jsx-runtime")],
-  ["react/jsx-dev-runtime", rootRequire.resolve("react/jsx-dev-runtime")],
-  ["react-dom", rootRequire.resolve("react-dom")],
-  ["react-dom/client", rootRequire.resolve("react-dom/client")],
-  ["react-dom/server", rootRequire.resolve("react-dom/server")],
-  ["react-dom/server.node", rootRequire.resolve("react-dom/server.node")],
-  ["react-server-dom-webpack", rootRequire.resolve("react-server-dom-webpack")],
-  ["react-server-dom-webpack/server", rootRequire.resolve("react-server-dom-webpack/server")],
-  ["react-server-dom-webpack/client", rootRequire.resolve("react-server-dom-webpack/client")],
-  ["react-server-dom-webpack/client.node", rootRequire.resolve("react-server-dom-webpack/client.node")],
-  ["scheduler", rootRequire.resolve("scheduler")]
-]);
+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);
-  }
-  for (const forcedRequest of forcedResolutions.keys()) {
-    if (request.startsWith(forcedRequest + "/")) {
-      return rootRequire.resolve(request);
-    }
+  if (typeof request === "string" && shouldForcePackageResolution(request)) {
+    return originalResolveFilename.call(this, request, rootParent, false, options);
   }
   return originalResolveFilename.call(this, request, parent, isMain, options);
 };
 
-const { createFileRouter } = require("@webtypen/webframez-react/router");
 const reactDomPkg = require.resolve("react-dom/package.json", {
-  paths: [process.cwd(), pagesDir]
+  paths: [process.cwd()]
 });
 const reactDomServer = require(path.join(path.dirname(reactDomPkg), "server.node.js"));
-const router = createFileRouter({ pagesDir });
 
 function renderHtml(model) {
   return new Promise((resolve, reject) => {
@@ -707,21 +688,40 @@ 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-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);
+    const html = await renderHtmlFromFlightData(
+      message.payload.flightData || "",
+      message.payload.moduleMap || {},
+    );
+
     if (typeof process.send === "function") {
       process.send({ id: message.id, ok: true, html });
     }
@@ -732,8 +732,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;
   }
 });
 `;
@@ -762,7 +760,7 @@ function sanitizeInitialHtmlWorkerNodeOptions(rawNodeOptions) {
   }
   return rawNodeOptions.replace(/(^|\s)--conditions\s+react-server(?=\s|$)/g, " ").replace(/(^|\s)-r\s+(\S*webframez-react\/register)(?=\s|$)/g, " ").replace(/\s+/g, " ").trim();
 }
-function createInitialHtmlWorker(pagesDir) {
+function createInitialHtmlWorker(_pagesDir) {
   let child = null;
   let nextRequestId = 1;
   let stderrBuffer = "";
@@ -793,8 +791,7 @@ function createInitialHtmlWorker(pagesDir) {
       cwd: process.cwd(),
       env: {
         ...process.env,
-        NODE_OPTIONS: sanitizeInitialHtmlWorkerNodeOptions(process.env.NODE_OPTIONS),
-        WEBFRAMEZ_REACT_PAGES_DIR: pagesDir
+        NODE_OPTIONS: sanitizeInitialHtmlWorkerNodeOptions(process.env.NODE_OPTIONS)
       },
       stdio: ["ignore", "ignore", "pipe", "ipc"]
     });
@@ -834,7 +831,7 @@ ${stderrBuffer.trim()}` : "";
     return child;
   };
   return {
-    render(payload) {
+    renderFromFlightData(payload) {
       const activeChild = startWorker();
       const requestId = nextRequestId++;
       return new Promise((resolve, reject) => {
@@ -845,7 +842,7 @@ ${stderrBuffer.trim()}` : "";
         pending.set(requestId, { resolve, reject, timeout });
         const request = {
           id: requestId,
-          type: "render",
+          type: "render-flight",
           payload
         };
         activeChild.send(request, (error) => {
@@ -1077,26 +1074,26 @@ function createNodeRequestHandler(options) {
     });
     let rootHtml = "";
     try {
-      rootHtml = await initialHtmlWorker.render({
-        pathname: stripBasePath(url.pathname, basePath),
-        searchParams: parseSearchParams(url.searchParams),
-        cookies: requestCookies,
-        basename: basePath
+      rootHtml = await initialHtmlWorker.renderFromFlightData({
+        flightData: initialFlightData,
+        moduleMap
       });
     } catch (error) {
       console.error("[webframez-react] Failed to render initial HTML", error);
       try {
         initialHtmlWorker.dispose();
-        rootHtml = await initialHtmlWorker.render({
-          pathname: stripBasePath(url.pathname, basePath),
-          searchParams: parseSearchParams(url.searchParams),
-          cookies: requestCookies,
-          basename: basePath
+        rootHtml = await initialHtmlWorker.renderFromFlightData({
+          flightData: initialFlightData,
+          moduleMap
         });
       } 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;