fix: ServiceWorker intercepting requests

created wrapper for SW to exclude paths because ngsw-config only
disables caching, but the SW would still handle the request

angular.json

@@ -30,7 +30,8 @@
               {
                 "glob": "**/*",
                 "input": "public"
-              }
+              },
+              "src/sw.js"
             ],
             "styles": [
               "node_modules/bootstrap/dist/css/bootstrap.min.css",

ngsw-config.json

@@ -25,14 +25,6 @@
           "/**/*.(svg|cur|jpg|jpeg|png|apng|webp|avif|gif|otf|ttf|woff|woff2)"
         ]
       }
-    },
-    {
-      "name": "excluded-redirects",
-      "installMode": "lazy",
-      "updateMode": "lazy",
-      "resources": {
-        "urls": [ "/**" ]
-      }
     }
   ]
 }

src/app/app.config.ts

@@ -7,10 +7,8 @@ import { provideAnimationsAsync } from '@angular/platform-browser/animations/asy
 import { provideServiceWorker } from '@angular/service-worker';
 
 export const appConfig: ApplicationConfig = {
-  providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes),
+  providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes), provideClientHydration(withEventReplay()), provideAnimationsAsync('noop'), provideServiceWorker('./sw.js', {
-              provideClientHydration(withEventReplay()), provideAnimationsAsync('noop'),
+            enabled: !isDevMode(),
-              provideServiceWorker('ngsw-worker.js', {
+            registrationStrategy: 'registerWhenStable:30000'
-                enabled: !isDevMode(),
-                registrationStrategy: 'registerWhenStable:30000'
           })]
 };

src/sw.js

@@ -0,0 +1,12 @@
+self.addEventListener('fetch', event => {
+    if (event && 
+        event.request && 
+        event.request.url && 
+        // check if basename includes a dot, i.e. if it is not a file
+        ! event.request.url.split(/[\\/]/).pop().includes(".")
+    ) {
+      event.stopImmediatePropagation();
+    }
+  });
+  
+  self.importScripts('./ngsw-worker.js');