perf(web): keep the NgRx store devtools out of production bundles (#1810)

* perf(web): keep the NgRx store devtools out of production bundles

app.config.ts imported @ngrx/store-devtools statically and gated it on
AppConfig.production at runtime, so the optimizer kept the module in
main.js for the production, PWA and performance builds. The providers now
come from environments/store-devtools.providers.ts, an empty list in every
build; only the development and electron-e2e configurations swap in the
devtools through fileReplacements. A build-config test keeps it that way.

renderer.initialBytes: 1,608,610 -> 1,596,045 bytes (-12,565) on a local
production build; the baseline is lowered to the measured value.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

* perf(web): cite #1810 as the initial-bytes baseline evidence

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

---------

Co-authored-by: 4gray <fourgray@proton.me>
Co-authored-by: Claude Opus 5.5 <noreply@anthropic.com>

apps/web/src/app/app.config.ts

@@ -16,7 +16,6 @@ import { provideServiceWorker } from '@angular/service-worker';
 import { provideEffects } from '@ngrx/effects';
 import { provideRouterStore, routerReducer } from '@ngrx/router-store';
 import { provideStore } from '@ngrx/store';
-import { provideStoreDevtools } from '@ngrx/store-devtools';
 import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
 import { PlaylistEffects, playlistReducer } from '@iptvnator/m3u-state';
@@ -33,8 +32,8 @@ import {
     DataService,
 } from '@iptvnator/services';
 import { dbConfig } from '@iptvnator/shared/interfaces';
-import { AppConfig } from '../environments/environment';
 import { changeDetectionProviders } from '../environments/change-detection.providers';
+import { storeDevtoolsProviders } from '../environments/store-devtools.providers';
 import { routes } from './app.routes';
 import { ElectronService } from './services/electron.service';
 import { ExternalPlaybackService } from './services/external-playback.service';
@@ -122,7 +121,7 @@ export const appConfig: ApplicationConfig = {
         }),
         provideEffects([PlaylistEffects]),
         provideRouterStore(),
-        ...(AppConfig.production ? [] : [provideStoreDevtools({ maxAge: 25 })]),
+        ...storeDevtoolsProviders,
         provideServiceWorker('ngsw-worker.js', {
             enabled: shouldEnableServiceWorker(),
             registrationStrategy: 'registerWhenStable:30000',

apps/web/src/environments/store-devtools.providers.dev.ts

@@ -0,0 +1,8 @@
+import { EnvironmentProviders } from '@angular/core';
+import { provideStoreDevtools } from '@ngrx/store-devtools';
+
+// Swapped in for store-devtools.providers.ts by the development,
+// electron-e2e and electron-e2e-zoneless build configurations only.
+export const storeDevtoolsProviders: EnvironmentProviders[] = [
+    provideStoreDevtools({ maxAge: 25 }),
+];

apps/web/src/environments/store-devtools.providers.ts

@@ -0,0 +1,7 @@
+import { EnvironmentProviders } from '@angular/core';
+
+// Every build ships without the NgRx store devtools. The development and
+// electron-e2e configurations replace this file with
+// store-devtools.providers.dev.ts, so @ngrx/store-devtools never enters the
+// production, PWA or performance bundles.
+export const storeDevtoolsProviders: EnvironmentProviders[] = [];