fix(@angular-devkit/build-angular): decode URL pathname decoding duri…

…ng SSG fetch

Previously, missing URL decoding led to assets not being located correctly.

Closes: #27590
(cherry picked from commit 5f14787)

packages/angular_devkit/build_angular/src/utils/server-rendering/fetch-patch.ts

@@ -39,7 +39,8 @@ export function patchFetchToLoadInMemoryAssets(): void {
       return originalFetch(input, init);
     }
 
-    const { pathname, protocol } = url;
+    const { protocol } = url;
+    const pathname = decodeURIComponent(url.pathname);
 
     if (protocol !== RESOLVE_PROTOCOL || !assetFiles[pathname]) {
       // Only handle relative requests or files that are in assets.

tests/legacy-cli/e2e/tests/build/prerender/http-requests-assets.ts

@@ -38,8 +38,11 @@ export default async function () {
         ],
       };
     `,
+
     // Add asset
     'src/assets/media.json': JSON.stringify({ dataFromAssets: true }),
+    'src/assets/media with-space.json': JSON.stringify({ dataFromAssetsWithSpace: true }),
+
     // Update component to do an HTTP call to asset.
     'src/app/app.component.ts': `
     import { Component, inject } from '@angular/core';
@@ -53,16 +56,23 @@ export default async function () {
       imports: [CommonModule, RouterOutlet],
       template: \`
         <p>{{ data | json }}</p>
+        <p>{{ dataWithSpace | json }}</p>
         <router-outlet></router-outlet>
       \`,
     })
     export class AppComponent {
       data: any;
+      dataWithSpace: any;
+
       constructor() {
         const http = inject(HttpClient);
         http.get('/assets/media.json').subscribe((d) => {
           this.data = d;
         });
+
+        http.get('/assets/media%20with-space.json').subscribe((d) => {
+          this.dataWithSpace = d;
+        });
       }
     }
     `,
@@ -74,4 +84,8 @@ export default async function () {
     'dist/test-project/browser/index.html',
     /<p>{[\S\s]*"dataFromAssets":[\s\S]*true[\S\s]*}<\/p>/,
   );
+  await expectFileToMatch(
+    'dist/test-project/browser/index.html',
+    /<p>{[\S\s]*"dataFromAssetsWithSpace":[\s\S]*true[\S\s]*}<\/p>/,
+  );
 }