feat: add cloudflare ssr for playground

Author: jderochervlk

apps/docs/app/entry.server.js

@@ -0,0 +1,55 @@
+import React from "react";
+import { renderToReadableStream } from "react-dom/server";
+import { isbot } from "isbot";
+import { ServerRouter } from "react-router";
+
+export const streamTimeout = 5_000;
+
+export default async function handleRequest(
+  request,
+  responseStatusCode,
+  responseHeaders,
+  routerContext,
+) {
+  if (request.method.toUpperCase() === "HEAD") {
+    return new Response(null, {
+      status: responseStatusCode,
+      headers: responseHeaders,
+    });
+  }
+
+  let shellRendered = false;
+  let userAgent = request.headers.get("user-agent");
+
+  let body = await renderToReadableStream(
+    React.createElement(ServerRouter, {
+      context: routerContext,
+      url: request.url,
+    }),
+    {
+      signal: AbortSignal.timeout(streamTimeout + 1_000),
+      onError(error) {
+        responseStatusCode = 500;
+        if (shellRendered) {
+          console.error(error);
+        }
+      },
+    },
+  );
+
+  shellRendered = true;
+
+  if (
+    ((userAgent && isbot(userAgent)) || routerContext.isSpaMode) &&
+    body.allReady
+  ) {
+    await body.allReady;
+  }
+
+  responseHeaders.set("Content-Type", "text/html");
+
+  return new Response(body, {
+    headers: responseHeaders,
+    status: responseStatusCode,
+  });
+}

apps/docs/functions/try.data.js

@@ -0,0 +1 @@
+export { onRequest } from "../server/react-router-handler.js";

apps/docs/functions/try.js

@@ -0,0 +1 @@
+export { onRequest } from "../server/react-router-handler.js";

apps/docs/react-router.config.mjs

@@ -4,15 +4,22 @@ import * as os from "node:os";
 const { stdlibPaths } = await import("./app/DocsRoutes.jsx");
 
 export default {
-  ssr: false,
+  ssr: true,
+  routeDiscovery: { mode: "initial" },
 
   prerender: {
     concurrency: os.availableParallelism(),
     async paths({ getStaticPaths }) {
-      return [...(await getStaticPaths()), ...stdlibPaths];
+      return [
+        ...(await getStaticPaths()).filter(
+          (path) => path !== "/try" && path !== "try",
+        ),
+        ...stdlibPaths,
+      ];
     },
   },
   buildEnd: async () => {
+    fs.rmSync("./out", { recursive: true, force: true });
     fs.cpSync("./build/client", "./out", { recursive: true });
   },
 };

apps/docs/server/react-router-handler.js

@@ -0,0 +1,16 @@
+import { createRequestHandler } from "react-router";
+
+const mode = globalThis.process?.env?.NODE_ENV ?? "production";
+
+const handleReactRouterRequest = createRequestHandler(
+  () => import("../build/server/index.js"),
+  mode,
+);
+
+export function onRequest(context) {
+  return handleReactRouterRequest(context.request, {
+    cloudflare: {
+      env: context.env,
+    },
+  });
+}

apps/docs/wrangler.toml

@@ -0,0 +1,4 @@
+name = "rescript-lang-org"
+compatibility_date = "2026-05-01"
+compatibility_flags = ["nodejs_compat"]
+pages_build_output_dir = "out"