dinou 6.1.1 → 7.0.0

package/dinou/core/render-html.js

@@ -1,407 +0,0 @@
-const path = require("path");
-global.__webpack_require__ = function (id) {
-  if (global.__webpack_require_map__ && global.__webpack_require_map__[id]) {
-    return require(global.__webpack_require_map__[id]);
-  }
-  if (typeof id === "string" && id.startsWith("./")) {
-    id = path.resolve(process.cwd(), id);
-  }
-  return require(id);
-};
-global.__webpack_chunk_load__ = function (chunkId) {
-  return Promise.resolve();
-};
-
-require("./register-paths");
-const babelRegister = require("@babel/register");
-babelRegister({
-  ignore: [/node_modules[\\/](?!dinou)/],
-  presets: [
-    ["@babel/preset-react", { runtime: "automatic" }],
-    "@babel/preset-typescript",
-  ],
-  plugins: ["@babel/transform-modules-commonjs"],
-  extensions: [".js", ".jsx", ".ts", ".tsx"],
-});
-const addHook = require("./asset-require-hook.js");
-const { extensions } = require("./asset-extensions.js");
-const createScopedName = require("./createScopedName");
-require("./css-require-hook.js")();
-addHook({
-  extensions,
-  name: function (localName, filepath) {
-    const result = createScopedName(localName, filepath);
-    return result + ".[ext]";
-  },
-  publicPath: "/assets/",
-});
-const getAssetFromManifest = require("./get-asset-from-manifest.js");
-const { renderToPipeableStream } = require("react-dom/server");
-const getJSX = require("./get-jsx");
-const { getErrorJSX } = require("./get-error-jsx");
-const isDevelopment = process.env.NODE_ENV !== "production";
-const isWebpack = process.env.DINOU_BUILD_TOOL === "webpack";
-const { requestStorage } = require("./request-context.js");
-const { createResponseProxy } = require("./context-proxy.js");
-
-function formatErrorHtml(error) {
-  const message = error.message || "Unknown error";
-  const stack = error.stack
-    ? error.stack.replace(/\n/g, "<br>").replace(/\s/g, "&nbsp;")
-    : "No stack trace available";
-
-  return `
-    <!DOCTYPE html>
-    <html lang="en">
-    <head>
-      <meta charset="UTF-8">
-      <meta name="viewport" content="width=device-width, initial-scale=1.0">
-      <title>Error</title>
-      <style>
-        body {
-          font-family: Arial, sans-serif;
-          margin: 0;
-          padding: 20px;
-          background-color: #f8f8f8;
-          color: #333;
-        }
-        .error-container {
-          max-width: 800px;
-          margin: 0 auto;
-          background-color: #fff;
-          padding: 20px;
-          border-radius: 8px;
-          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-        }
-        .error-title {
-          color: #d32f2f;
-          font-size: 24px;
-          margin-bottom: 10px;
-        }
-        .error-message {
-          font-size: 18px;
-          margin-bottom: 20px;
-        }
-        .error-stack {
-          background-color: #f5f5f5;
-          padding: 15px;
-          border-radius: 4px;
-          font-family: Consolas, monospace;
-          font-size: 14px;
-          overflow-x: auto;
-        }
-        .error-footer {
-          margin-top: 20px;
-          font-size: 14px;
-          color: #666;
-        }
-      </style>
-    </head>
-    <body>
-      <div class="error-container">
-        <h1 class="error-title">An Error Occurred</h1>
-        <p class="error-message">${message}</p>
-        <div class="error-stack">${stack}</div>
-      </div>
-    </body>
-    </html>
-  `;
-}
-
-function formatErrorHtmlProduction(error) {
-  const escapedMessage = JSON.stringify(`Render error: ${error.message}`);
-  const escapedStack = JSON.stringify(error.stack || "");
-
-  return `
-    <!DOCTYPE html>
-    <html>
-      <head><meta charset="utf-8"></head>
-      <body>
-        <script>
-          console.error(${escapedMessage} + "\\n" + ${escapedStack});
-        </script>
-      </body>
-    </html>
-  `;
-}
-
-function writeErrorOutput(error, isProd) {
-  process.stdout.write(
-    isProd ? formatErrorHtmlProduction(error) : formatErrorHtml(error),
-  );
-  process.stderr.write(
-    JSON.stringify({ error: error.message, stack: error.stack }),
-  );
-}
-
-function getImportMapHtml() {
-  const isWebpack = process.env.DINOU_BUILD_TOOL === "webpack";
-  if (isWebpack) return "";
-
-  const fs = require("fs");
-  const path = require("path");
-  const { pathToFileURL } = require("url");
-
-  const manifestPath = path.resolve(
-    process.cwd(),
-    ".dinou/react_client_manifest/react-client-manifest.json"
-  );
-
-  if (!fs.existsSync(manifestPath)) {
-    return "";
-  }
-
-  try {
-    const manifest = JSON.parse(fs.readFileSync(manifestPath, "utf8"));
-    const imports = {};
-    const moduleBasePath = pathToFileURL(process.cwd()).href + "/";
-
-    for (const [key, val] of Object.entries(manifest)) {
-      let specifier = key;
-      if (specifier.startsWith(moduleBasePath)) {
-        specifier = specifier.slice(moduleBasePath.length);
-      }
-      const hashIdx = specifier.indexOf("#");
-      if (hashIdx !== -1) {
-        specifier = specifier.slice(0, hashIdx);
-      }
-      imports[specifier] = val.id;
-    }
-
-    return `<script type="importmap">{"imports":${JSON.stringify(imports)}}</script><script>(function(){const map=document.querySelector('script[type="importmap"]');if(map)map.remove();if(document.currentScript)document.currentScript.remove();})();</script>`;
-  } catch (err) {
-    console.error("Error generating importmap:", err);
-    return "";
-  }
-}
-
-let cachedSsrManifest = null;
-let cachedRequireMap = null;
-function getSsrManifest() {
-  if (!isDevelopment && cachedSsrManifest) return cachedSsrManifest;
-  try {
-    const fs = require("fs");
-    const path = require("path");
-    const ssrManifestPath = path.resolve(
-      process.cwd(),
-      isDevelopment ? ".dinou/public/react-ssr-manifest.json" : ".dinou/dist3/react-ssr-manifest.json"
-    );
-    const clientManifestPath = path.resolve(
-      process.cwd(),
-      isDevelopment ? ".dinou/public/react-client-manifest.json" : ".dinou/dist3/react-client-manifest.json"
-    );
-
-    const ssrContent = fs.readFileSync(ssrManifestPath, "utf8");
-    const ssrManifest = JSON.parse(ssrContent);
-
-    if (fs.existsSync(clientManifestPath)) {
-      const clientContent = fs.readFileSync(clientManifestPath, "utf8");
-      const clientManifest = JSON.parse(clientContent);
-
-      const { fileURLToPath } = require("url");
-      const requireMap = {};
-      for (const [fileUrl, entry] of Object.entries(clientManifest)) {
-        if (entry && entry.id !== undefined) {
-          try {
-            requireMap[entry.id] = fileURLToPath(fileUrl);
-          } catch { }
-        }
-      }
-      global.__webpack_require_map__ = requireMap;
-      cachedRequireMap = requireMap;
-
-      if (ssrManifest.moduleMap) {
-        for (const [modId, exports] of Object.entries(ssrManifest.moduleMap)) {
-          for (const [expName, expData] of Object.entries(exports)) {
-            if (expData && expData.specifier) {
-              const clientEntry = clientManifest[expData.specifier];
-              if (clientEntry) {
-                expData.id = clientEntry.id;
-                expData.chunks = clientEntry.chunks;
-              }
-            }
-          }
-        }
-      }
-    }
-
-    cachedSsrManifest = ssrManifest;
-    return cachedSsrManifest;
-  } catch (e) {
-    if (cachedSsrManifest) {
-      console.warn("Using cached SSR manifest due to read error:", e.message);
-      if (cachedRequireMap) {
-        global.__webpack_require_map__ = cachedRequireMap;
-      }
-      return cachedSsrManifest;
-    }
-    console.error("Error reading SSR manifest:", e);
-    return {};
-  }
-}
-
-const { createFromNodeStream } = isWebpack
-  ? require("react-server-dom-webpack/client")
-  : require("@roggc/react-server-dom-esm/client");
-
-async function renderToStream(
-  reqPath,
-  query,
-  serializedBox,
-  isDynamic,
-) {
-  const context = {
-    req: serializedBox.req,
-    res: createResponseProxy(),
-  };
-  await requestStorage.run(context, async () => {
-    try {
-      const { createReadStream } = require("fs");
-      const rscStream = createReadStream(null, { fd: 4 });
-      const { pathToFileURL } = require("url");
-      const baseUrl = pathToFileURL(process.cwd()).href + "/";
-
-      const jsx = isWebpack
-        ? await createFromNodeStream(rscStream, getSsrManifest())
-        : await createFromNodeStream(rscStream, baseUrl, baseUrl);
-
-      const stream = renderToPipeableStream(jsx, {
-        onError(error) {
-          process.nextTick(async () => {
-            if (stream && !stream.destroyed) {
-              try {
-                stream.unpipe(process.stdout);
-                stream.destroy();
-              } catch { }
-            }
-            const isProd = process.env.NODE_ENV === "production";
-
-            try {
-              const errorJSX = await getErrorJSX(
-                reqPath,
-                query,
-                error,
-                isDevelopment,
-              );
-
-              if (!context.res.headersSent) context.res.status(500);
-
-              if (errorJSX === undefined) {
-                writeErrorOutput(error, isProd);
-                process.exit(1);
-              }
-
-              const errorStream = renderToPipeableStream(errorJSX, {
-                onShellReady() {
-                  const isWebpack = process.env.DINOU_BUILD_TOOL === "webpack";
-                  if (!isWebpack) {
-                    const importMapHtml = getImportMapHtml();
-                    process.stdout.write(importMapHtml);
-                  }
-                  errorStream.pipe(process.stdout);
-                },
-                onError(err) {
-                  console.error("Error rendering error JSX:", err);
-                  writeErrorOutput(error, isProd);
-                  process.exit(1);
-                },
-                bootstrapModules: isDevelopment
-                  ? [
-                    getAssetFromManifest("error.js"),
-                    isWebpack
-                      ? undefined
-                      : getAssetFromManifest("runtime.js"),
-                  ].filter(Boolean)
-                  : [getAssetFromManifest("error.js")],
-                bootstrapScriptContent: `window.__DINOU_ERROR_MESSAGE__=${JSON.stringify(
-                  error.message || "Unknown error",
-                )};window.__DINOU_ERROR_NAME__=${JSON.stringify(error.name)};${isDevelopment
-                  ? `window.__DINOU_ERROR_STACK__=${JSON.stringify(
-                    error.stack || "No stack trace available",
-                  )};`
-                  : ""
-                  }${isDevelopment
-                    ? `window.HMR_WEBSOCKET_URL="ws://localhost:3001";`
-                    : ""
-                  }`,
-              });
-            } catch (err) {
-              console.error("Render error (no error.tsx?):", err);
-              writeErrorOutput(error, isProd);
-              process.exit(1);
-            }
-          });
-        },
-        onShellReady() {
-          const isWebpack = process.env.DINOU_BUILD_TOOL === "webpack";
-          if (!isWebpack) {
-            const importMapHtml = getImportMapHtml();
-            process.stdout.write(importMapHtml);
-          }
-          stream.pipe(process.stdout);
-        },
-        bootstrapModules: isDevelopment
-          ? [
-            getAssetFromManifest("main.js"),
-            isWebpack ? undefined : getAssetFromManifest("runtime.js"),
-          ].filter(Boolean)
-          : [getAssetFromManifest("main.js")],
-        ...(isDevelopment
-          ? {
-            bootstrapScriptContent: `window.HMR_WEBSOCKET_URL="ws://localhost:3001";`,
-          }
-          : {}),
-      });
-    } catch (error) {
-      if (context && context.res && typeof context.res.status === "function") {
-        if (!context.res.headersSent) context.res.status(500);
-      }
-      process.stdout.write(formatErrorHtml(error));
-      process.stderr.write(
-        JSON.stringify({
-          error: error.message,
-          stack: error.stack,
-        }),
-      );
-      process.exit(1);
-    }
-  });
-}
-
-const reqPath = process.argv[2] || "/";
-const query = JSON.parse(process.argv[3] || "{}");
-const serializedBox = JSON.parse(process.argv[4] || "{}");
-const isDynamic = process.argv[5] === "true";
-
-process.on("uncaughtException", (error) => {
-  process.stdout.write(formatErrorHtml(error));
-  process.stderr.write(
-    JSON.stringify({
-      error: error.message,
-      stack: error.stack,
-    }),
-  );
-  process.exit(1);
-});
-
-process.on("unhandledRejection", (reason) => {
-  const error = reason instanceof Error ? reason : new Error(String(reason));
-  process.stdout.write(formatErrorHtml(error));
-  process.stderr.write(
-    JSON.stringify({
-      error: error.message,
-      stack: error.stack,
-    }),
-  );
-  process.exit(1);
-});
-
-renderToStream(
-  reqPath,
-  query,
-  serializedBox,
-  isDynamic,
-).catch((err) => {
-  console.error("❌ Fatal error starting render stream:", err);
-  process.exit(1);
-});