feat: adjust adapter for angular@19

Author: pieh

demo/src/app/dashboard/dashboard.component.ts

@@ -2,7 +2,7 @@ import { Component, Inject, OnInit, Optional } from '@angular/core'
 import { Hero } from '../hero'
 import { HeroService } from '../hero.service'
 import { RouterModule } from '@angular/router'
-import type { Context } from '@netlify/edge-functions'
+import { REQUEST, REQUEST_CONTEXT } from '@angular/ssr/tokens'
 
 @Component({
   selector: 'app-dashboard',
@@ -16,8 +16,8 @@ export class DashboardComponent implements OnInit {
 
   constructor(
     private heroService: HeroService,
-    @Inject('netlify.request') @Optional() request?: Request,
-    @Inject('netlify.context') @Optional() context?: Context,
+    @Inject(REQUEST) @Optional() request?: Request,
+    @Inject(REQUEST_CONTEXT) @Optional() context?: any,
   ) {
     if (request) {
       console.log(

src/helpers/setUpEdgeFunction.js

@@ -54,6 +54,10 @@ const getPrerenderedRoutes = async (outputDir) => {
   const file = join(outputDir, 'prerendered-routes.json')
   if (!existsSync(file)) return []
   const { routes: prerenderedRoutes } = await readJson(file)
+
+  // angular@19 returns an object with routes as keys
+  if (!Array.isArray(prerenderedRoutes)) return Object.keys(prerenderedRoutes)
+
   return prerenderedRoutes
 }
 
@@ -103,22 +107,15 @@ const setUpEdgeFunction = async ({ angularJson, constants, failBuild }) => {
 
   const ssrFunction = `
   import "./polyfill.mjs";
-  import { Buffer } from "node:buffer";
-  import { renderApplication } from "${toPosix(relative(edgeFunctionDir, serverDistRoot))}/render-utils.server.mjs";
-  import bootstrap from "${toPosix(relative(edgeFunctionDir, serverDistRoot))}/main.server.mjs";
+  import { ɵgetOrCreateAngularServerApp as getOrCreateAngularServerApp } from "${toPosix(
+    relative(edgeFunctionDir, serverDistRoot),
+  )}/main.server.mjs";
   import "./fixup-event.mjs";
 
-  const document = Buffer.from(${JSON.stringify(
-    Buffer.from(html, 'utf-8').toString('base64'),
-  )}, 'base64').toString("utf-8");
+  const app = getOrCreateAngularServerApp()
   
   export default async (request, context) => {
-    const html = await renderApplication(bootstrap, {
-      url: request.url,
-      document,
-      platformProviders: [{ provide: "netlify.request", useValue: request }, { provide: "netlify.context", useValue: context }],
-    });
-    return new Response(html, { headers: { "content-type": "text/html" } });
+    return await app.render(request, context)
   };
   
   export const config = {