server.ts

import { renderApplication } from "@angular/platform-server";
import bootstrap from "./src/main.server";

interface Env {
	ASSETS: { fetch: typeof fetch };
}

// We attach the Cloudflare `fetch()` handler to the global scope
// so that we can export it when we process the Angular output.
// See tools/bundle.mjs
async function workerFetchHandler(request: Request, env: Env) {
	const url = new URL(request.url);
	console.log("render SSR", url.href);

	// Get the root `index.html` content.
	const indexUrl = new URL("/", url);
	const indexResponse = await env.ASSETS.fetch(new Request(indexUrl));
	const document = await indexResponse.text();

	const content = await renderApplication(bootstrap, {
		document,
		url: url.pathname,
	});

	// console.log("rendered SSR", content);
	return new Response(content, indexResponse);
}

export default {
	fetch: (request: Request, env: Env) =>
		(globalThis as any)["__zone_symbol__Promise"].resolve(
			workerFetchHandler(request, env)
		),
};