main.ts

import { serve } from "std/http/server.ts";

import { build, initialize } from "esbuild";
import { denoPlugins } from "esbuild-deno-loader";

import handler, { HandlerCache } from "./handler.ts";
import * as Responses from "./Responses.ts";

await initialize({ worker: false });

const cache: HandlerCache = {
  async match(_, { entryPoint }) {
    const { outputFiles: [{ contents }] = [] } = await build({
      entryPoints: [entryPoint],
      bundle: true,
      minify: true,
      format: "esm",
      write: false,
      external: [
        "react",
        "react-dom",
        "react-dom/client",
        "react-dom/server",
        "https://esm.sh/react@18.2.0",
        "https://esm.sh/react-dom@18.2.0/client",
        "https://esm.sh/react-dom@18.2.0/server",
        "esm.sh/*",
      ],
      plugins: [
        ...denoPlugins({
          importMapURL: new URL("./importMap.json", import.meta.url).href,
          loader: "portable",
        }),
      ],
    });
    return Responses.javascript(contents);
  },
};

serve((request) => handler(request, { cache }));