1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
import { createElement } from "react";import { renderToReadableStream } from "react-dom/server";import { serve as alephServe, type ServerOptions } from "../../server/mod.ts";import type { SSRContext, SSROptions } from "../../server/types.ts";import util from "../../shared/util.ts";import { App } from "./router.ts";
if (Deno.args.includes("--dev")) {  // Enable react refresh  Deno.env.set("SWC_REACT_REFRESH", "true");}
/** The `suspenseMark` to mark the susponse rendering is starting. */const suspenseMark = `data:text/javascript;/** suspense mark **/`;
export const render = (ctx: SSRContext): Promise<ReadableStream> => {  if (ctx.routing.length === 0 || ctx.routing.at(-1)?.url.pathname === "/_404") {    ctx.setStatus(404);  }  // support suspense rendering in server-side  ctx.setSuspenseMark("script", (el) => {    if (el.getAttribute("src") === suspenseMark) {      el.remove();      return true;    }    return false;  });  return renderToReadableStream(    createElement(App, { ssrContext: ctx }),    {      ...util.pick(ctx, "signal", "nonce"),      bootstrapScripts: [suspenseMark],    },  );};
export function serve(  options?: Omit<ServerOptions, "ssr"> & { ssr?: boolean | SSROptions },) {  alephServe({    ...options,    ssr: options?.ssr      ? {        ...(typeof options.ssr === "object" ? options.ssr : {}),        render,      }      : undefined,  });}