feat: avoid adding dev features

juanfran · Feb 6, 2025 · ef281e7 · ef281e7
1 parent 55afc04
commit ef281e7
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 18 deletions.
diff --git a/apps/web/src/main.ts b/apps/web/src/main.ts
@@ -2,13 +2,11 @@ import {
   enableProdMode,
   importProvidersFrom,
   provideExperimentalZonelessChangeDetection,
-  isDevMode,
 } from '@angular/core';
 
 import { environment } from './environments/environment';
 import { AppComponent } from './app/app.component';
 import { provideRouter, withComponentInputBinding } from '@angular/router';
-import { provideStoreDevtools } from '@ngrx/store-devtools';
 import { provideStore } from '@ngrx/store';
 import { provideRouterStore, routerReducer } from '@ngrx/router-store';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
@@ -44,21 +42,20 @@ bootstrapApplication(AppComponent, {
         app: appFeature.reducer,
         router: routerReducer,
       },
-      {
-        metaReducers: debugMetaReducers,
-        runtimeChecks: {
-          strictStateImmutability: true,
-          strictActionImmutability: true,
-          strictStateSerializability: true,
-          strictActionSerializability: true,
-          strictActionTypeUniqueness: true,
-        },
-      },
+      environment.production
+        ? {}
+        : {
+            metaReducers: debugMetaReducers,
+            runtimeChecks: {
+              strictStateImmutability: true,
+              strictActionImmutability: true,
+              strictStateSerializability: true,
+              strictActionSerializability: true,
+              strictActionTypeUniqueness: true,
+            },
+          },
     ),
     provideEffects(appEffects),
-    provideStoreDevtools({
-      logOnly: !isDevMode(),
-    }),
     provideRouterStore(),
 
     provideHttpClient(withInterceptors([authInterceptor])),
@@ -68,5 +65,6 @@ bootstrapApplication(AppComponent, {
       provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
       useValue: { appearance: 'outline', subscriptSizing: 'dynamic' },
     },
+    environment.providers,
   ],
 }).catch((err) => console.error(err));
diff --git a/scripts/setup-env.js b/scripts/setup-env.js
@@ -23,12 +23,17 @@ front.forEach((key) => {
 const prodConfig = JSON.stringify({
   ...frontConfig,
   production: true,
+  providers: [],
 });
 
-const devConfig = JSON.stringify({
+const devBaseConfig = JSON.stringify({
   ...frontConfig,
   production: false,
-});
+}, null, 2);
+
+const devConfigWithProviders = `${devBaseConfig.slice(0, -1)},
+  providers: [provideStoreDevtools({ maxAge: 25 })]
+}`;
 
 writeFileSync(
   './apps/web/src/environments/environment.prod.ts',
@@ -37,5 +42,7 @@ writeFileSync(
 
 writeFileSync(
   './apps/web/src/environments/environment.ts',
-  `export const environment = ${devConfig};`
+  `import { provideStoreDevtools } from '@ngrx/store-devtools';
+
+export const environment = ${devConfigWithProviders};`
 );