@lukoweb/apitogo 0.2.52 → 0.2.54

package/src/vite/prerender/worker.ts

@@ -1,118 +1,132 @@
-import fs from "node:fs/promises";
-import path from "node:path";
-import Piscina from "piscina";
-import { matchPath } from "react-router";
-import { ProtectedRoutesSchema } from "../../config/validators/ProtectedRoutesSchema.js";
-import type { ZudokuConfig } from "../../config/validators/ZudokuConfig.js";
-import { runPluginTransformConfig } from "../../lib/core/transform-config.js";
-import { joinUrl } from "../../lib/util/joinUrl.js";
-import type { WorkerResult } from "./prerender.js";
-
-type EntryServer = typeof import("../../app/entry.server.js");
-
-export type StaticWorkerData = {
-  template: string;
-  distDir: string;
-  serverConfigPath: string;
-  entryServerPath: string;
-  writeRedirects: boolean;
-};
-
-export type WorkerData = { urlPath: string };
-
-const { template, distDir, serverConfigPath, entryServerPath, writeRedirects } =
-  Piscina.workerData as StaticWorkerData;
-
-const server: EntryServer = await import(entryServerPath);
-const rawConfig: ZudokuConfig = await import(serverConfigPath).then(
-  (m) => m.default,
-);
-const config = await runPluginTransformConfig(rawConfig);
-
-const routes = server.getRoutesByConfig(config);
-const { basePath } = config;
-
-const renderPage = async ({ urlPath }: WorkerData): Promise<WorkerResult> => {
-  const filename = urlPath === "/" ? "/index.html" : `${urlPath}.html`;
-  const pathname = joinUrl(basePath, urlPath);
-  const url = joinUrl("http://localhost", pathname);
-  const outputPath = path.join(distDir, filename);
-
-  const request = new Request(url);
-
-  const protectedRoutes = ProtectedRoutesSchema.parse(config.protectedRoutes);
-  const isProtectedRoute = protectedRoutes
-    ? Object.keys(protectedRoutes).some((route) =>
-        matchPath({ path: route, end: true }, urlPath),
-      )
-    : false;
-
-  // Get the main response
-  const response = await server.handleRequest({
-    template,
-    request,
-    routes,
-    basePath,
-  });
-
-  // Check for redirects
-  if ([301, 302, 303, 307, 308].includes(response.status)) {
-    const redirectTo = response.headers.get("Location") ?? "";
-
-    if (writeRedirects) {
-      const redirectHtml = `<!doctype html><script>window.location.href=${JSON.stringify(redirectTo)};</script>`;
-      await fs.mkdir(path.dirname(outputPath), { recursive: true });
-      await fs.writeFile(outputPath, redirectHtml);
-    }
-
-    return {
-      outputPath,
-      redirect: { from: pathname, to: redirectTo },
-      statusCode: response.status,
-      html: "",
-    };
-  }
-
-  if (response.status >= 500) {
-    throw new Error(
-      `SSR failed with status ${response.status} for path: ${urlPath}`,
-    );
-  }
-
-  // Get HTML content for file write
-  const fileContent = response.body ? await response.text() : "";
-
-  // For protected routes, do a second render with protection bypassed for search index
-  let html = fileContent;
-  if (isProtectedRoute) {
-    const bypassRequest = new Request(url);
-    const bypassResponse = await server.handleRequest({
-      template,
-      request: bypassRequest,
-      routes,
-      basePath,
-      bypassProtection: true,
-    });
-
-    if (bypassResponse.status >= 500) {
-      throw new Error(
-        `SSR failed (bypass render) with status ${bypassResponse.status} for path: ${urlPath}`,
-      );
-    }
-
-    html = bypassResponse.body ? await bypassResponse.text() : "";
-  }
-
-  // Write the file
-  await fs.mkdir(path.dirname(outputPath), { recursive: true });
-  await fs.writeFile(outputPath, fileContent);
-
-  return {
-    outputPath,
-    statusCode: response.status,
-    redirect: undefined,
-    html,
-  };
-};
-
-export default renderPage;
+import fs from "node:fs/promises";
+import path from "node:path";
+import Piscina from "piscina";
+import { matchPath } from "react-router";
+import { ProtectedRoutesSchema } from "../../config/validators/ProtectedRoutesSchema.js";
+import type { ZudokuConfig } from "../../config/validators/ZudokuConfig.js";
+import { runPluginTransformConfig } from "../../lib/core/transform-config.js";
+import { joinUrl } from "../../lib/util/joinUrl.js";
+import type { WorkerResult } from "./prerender.js";
+
+type EntryServer = typeof import("../../app/entry.server.js");
+
+export type StaticWorkerData = {
+  template: string;
+  distDir: string;
+  serverConfigPath: string;
+  entryServerPath: string;
+  writeRedirects: boolean;
+};
+
+export type WorkerData = { urlPath: string };
+
+const { template, distDir, serverConfigPath, entryServerPath, writeRedirects } =
+  Piscina.workerData as StaticWorkerData;
+
+/**
+ * Pages that redirect (the account pages before sign-in, for example) render a `<Navigate>`. In a static render it
+ * does nothing, and React Router says so on every build; the browser does the redirect when the page loads. The
+ * warning only worried tenants in the deploy output (API-126), so this one message is dropped.
+ */
+export const isStaticNavigateWarning = (args: unknown[]): boolean =>
+  typeof args[0] === "string" &&
+  args[0].includes("<Navigate> must not be used on the initial render");
+// biome-ignore lint/suspicious/noConsole: this filters React Router's own console warning, it does not log.
+const warn = console.warn.bind(console);
+console.warn = (...args: unknown[]) => {
+  if (!isStaticNavigateWarning(args)) warn(...args);
+};
+
+const server: EntryServer = await import(entryServerPath);
+const rawConfig: ZudokuConfig = await import(serverConfigPath).then(
+  (m) => m.default,
+);
+const config = await runPluginTransformConfig(rawConfig);
+
+const routes = server.getRoutesByConfig(config);
+const { basePath } = config;
+
+const renderPage = async ({ urlPath }: WorkerData): Promise<WorkerResult> => {
+  const filename = urlPath === "/" ? "/index.html" : `${urlPath}.html`;
+  const pathname = joinUrl(basePath, urlPath);
+  const url = joinUrl("http://localhost", pathname);
+  const outputPath = path.join(distDir, filename);
+
+  const request = new Request(url);
+
+  const protectedRoutes = ProtectedRoutesSchema.parse(config.protectedRoutes);
+  const isProtectedRoute = protectedRoutes
+    ? Object.keys(protectedRoutes).some((route) =>
+        matchPath({ path: route, end: true }, urlPath),
+      )
+    : false;
+
+  // Get the main response
+  const response = await server.handleRequest({
+    template,
+    request,
+    routes,
+    basePath,
+  });
+
+  // Check for redirects
+  if ([301, 302, 303, 307, 308].includes(response.status)) {
+    const redirectTo = response.headers.get("Location") ?? "";
+
+    if (writeRedirects) {
+      const redirectHtml = `<!doctype html><script>window.location.href=${JSON.stringify(redirectTo)};</script>`;
+      await fs.mkdir(path.dirname(outputPath), { recursive: true });
+      await fs.writeFile(outputPath, redirectHtml);
+    }
+
+    return {
+      outputPath,
+      redirect: { from: pathname, to: redirectTo },
+      statusCode: response.status,
+      html: "",
+    };
+  }
+
+  if (response.status >= 500) {
+    throw new Error(
+      `SSR failed with status ${response.status} for path: ${urlPath}`,
+    );
+  }
+
+  // Get HTML content for file write
+  const fileContent = response.body ? await response.text() : "";
+
+  // For protected routes, do a second render with protection bypassed for search index
+  let html = fileContent;
+  if (isProtectedRoute) {
+    const bypassRequest = new Request(url);
+    const bypassResponse = await server.handleRequest({
+      template,
+      request: bypassRequest,
+      routes,
+      basePath,
+      bypassProtection: true,
+    });
+
+    if (bypassResponse.status >= 500) {
+      throw new Error(
+        `SSR failed (bypass render) with status ${bypassResponse.status} for path: ${urlPath}`,
+      );
+    }
+
+    html = bypassResponse.body ? await bypassResponse.text() : "";
+  }
+
+  // Write the file
+  await fs.mkdir(path.dirname(outputPath), { recursive: true });
+  await fs.writeFile(outputPath, fileContent);
+
+  return {
+    outputPath,
+    statusCode: response.status,
+    redirect: undefined,
+    html,
+  };
+};
+
+export default renderPage;