refactor(router): replace APP_INITIALIZER (angular#60719)

The `APP_INITIALIZER` is deprecated. Replaced with `provideAppInitializer`.

PR Close angular#60719

Author: arturovt

goldens/public-api/router/index.api.md

@@ -789,7 +789,7 @@ export interface RouterFeature<FeatureKind extends RouterFeatureKind> {
     // (undocumented)
     ɵkind: FeatureKind;
     // (undocumented)
-    ɵproviders: Provider[];
+    ɵproviders: Array<Provider | EnvironmentProviders>;
 }
 
 // @public

packages/router/src/provide_router.ts

@@ -14,7 +14,6 @@ import {
 } from '@angular/common';
 import {
   APP_BOOTSTRAP_LISTENER,
-  APP_INITIALIZER,
   ApplicationRef,
   ComponentRef,
   ENVIRONMENT_INITIALIZER,
@@ -24,6 +23,7 @@ import {
   Injector,
   makeEnvironmentProviders,
   NgZone,
+  provideAppInitializer,
   Provider,
   runInInjectionContext,
   Type,
@@ -109,15 +109,15 @@ export function rootRoute(router: Router): ActivatedRoute {
  */
 export interface RouterFeature<FeatureKind extends RouterFeatureKind> {
   ɵkind: FeatureKind;
-  ɵproviders: Provider[];
+  ɵproviders: Array<Provider | EnvironmentProviders>;
 }
 
 /**
  * Helper function to create an object that represents a Router feature.
  */
 function routerFeature<FeatureKind extends RouterFeatureKind>(
   kind: FeatureKind,
-  providers: Provider[],
+  providers: Array<Provider | EnvironmentProviders>,
 ): RouterFeature<FeatureKind> {
   return {ɵkind: kind, ɵproviders: providers};
 }
@@ -348,40 +348,34 @@ export type InitialNavigationFeature =
 export function withEnabledBlockingInitialNavigation(): EnabledBlockingInitialNavigationFeature {
   const providers = [
     {provide: INITIAL_NAVIGATION, useValue: InitialNavigation.EnabledBlocking},
-    {
-      provide: APP_INITIALIZER,
-      multi: true,
-      deps: [Injector],
-      useFactory: (injector: Injector) => {
-        const locationInitialized: Promise<any> = injector.get(
-          LOCATION_INITIALIZED,
-          Promise.resolve(),
-        );
-
-        return () => {
-          return locationInitialized.then(() => {
-            return new Promise((resolve) => {
-              const router = injector.get(Router);
-              const bootstrapDone = injector.get(BOOTSTRAP_DONE);
-              afterNextNavigation(router, () => {
-                // Unblock APP_INITIALIZER in case the initial navigation was canceled or errored
-                // without a redirect.
-                resolve(true);
-              });
-
-              injector.get(NavigationTransitions).afterPreactivation = () => {
-                // Unblock APP_INITIALIZER once we get to `afterPreactivation`. At this point, we
-                // assume activation will complete successfully (even though this is not
-                // guaranteed).
-                resolve(true);
-                return bootstrapDone.closed ? of(void 0) : bootstrapDone;
-              };
-              router.initialNavigation();
-            });
+    provideAppInitializer(() => {
+      const injector = inject(Injector);
+      const locationInitialized: Promise<any> = injector.get(
+        LOCATION_INITIALIZED,
+        Promise.resolve(),
+      );
+
+      return locationInitialized.then(() => {
+        return new Promise((resolve) => {
+          const router = injector.get(Router);
+          const bootstrapDone = injector.get(BOOTSTRAP_DONE);
+          afterNextNavigation(router, () => {
+            // Unblock APP_INITIALIZER in case the initial navigation was canceled or errored
+            // without a redirect.
+            resolve(true);
           });
-        };
-      },
-    },
+
+          injector.get(NavigationTransitions).afterPreactivation = () => {
+            // Unblock APP_INITIALIZER once we get to `afterPreactivation`. At this point, we
+            // assume activation will complete successfully (even though this is not
+            // guaranteed).
+            resolve(true);
+            return bootstrapDone.closed ? of(void 0) : bootstrapDone;
+          };
+          router.initialNavigation();
+        });
+      });
+    }),
   ];
   return routerFeature(RouterFeatureKind.EnabledBlockingInitialNavigationFeature, providers);
 }
@@ -426,16 +420,9 @@ export type DisabledInitialNavigationFeature =
  */
 export function withDisabledInitialNavigation(): DisabledInitialNavigationFeature {
   const providers = [
-    {
-      provide: APP_INITIALIZER,
-      multi: true,
-      useFactory: () => {
-        const router = inject(Router);
-        return () => {
-          router.setUpLocationChangeListener();
-        };
-      },
-    },
+    provideAppInitializer(() => {
+      inject(Router).setUpLocationChangeListener();
+    }),
     {provide: INITIAL_NAVIGATION, useValue: InitialNavigation.Disabled},
   ];
   return routerFeature(RouterFeatureKind.DisabledInitialNavigationFeature, providers);