fix(@angular/build): add a maximum rendering timeout for SSG

packages/angular/build/src/utils/server-rendering/render-page.ts

@@ -73,26 +73,46 @@ export async function renderPage({
     },
   ];
 
-  let html: string | undefined;
   assert(
     bootstrapAppFnOrModule,
     'The file "./main.server.mjs" does not have a default export for an AppServerModule or a bootstrapping function.',
   );
 
+  let renderAppPromise: Promise<string>;
   if (isBootstrapFn(bootstrapAppFnOrModule)) {
-    html = await renderApplication(bootstrapAppFnOrModule, {
+    renderAppPromise = renderApplication(bootstrapAppFnOrModule, {
       document,
       url: route,
       platformProviders,
     });
   } else {
-    html = await renderModule(bootstrapAppFnOrModule, {
+    renderAppPromise = renderModule(bootstrapAppFnOrModule, {
       document,
       url: route,
       extraProviders: platformProviders,
     });
   }
 
+  // The below should really handled by the framework!!!.
+  // See: https://github.com/angular/angular/issues/51549
+  let timer: NodeJS.Timeout;
+  const renderingTimeout = new Promise<never>(
+    (_, reject) =>
+      (timer = setTimeout(
+        () =>
+          reject(
+            new Error(
+              `Page ${new URL(route, 'resolve://').pathname} did not render in 30 seconds.`,
+            ),
+          ),
+        30_000,
+      )),
+  );
+
+  const html = await Promise.race([renderAppPromise, renderingTimeout]).finally(() =>
+    clearTimeout(timer),
+  );
+
   if (inlineCriticalCss) {
     const { InlineCriticalCssProcessor } = await import(
       '../../utils/index-file/inline-critical-css'

packages/angular_devkit/build_angular/src/builders/app-shell/render-worker.ts

@@ -103,6 +103,7 @@ async function render({ serverBundlePath, document, url }: RenderRequest): Promi
   }
 
   // The below should really handled by the framework!!!.
+  // See: https://github.com/angular/angular/issues/51549
   let timer: NodeJS.Timeout;
   const renderingTimeout = new Promise<never>(
     (_, reject) =>