Function initializeNavigationAdapter

adev/src/app/routing/router_providers.ts:95–148

()

 * button or the escape key (again, on desktop).
 */
const initializeNavigationAdapter = () => {
  const router = inject(Router);
  const window = inject(WINDOW);
  const navigation = window.navigation;
  if (!navigation || !inject(DOCUMENT).startViewTransition) {
    return;
  }

  let intercept = false;
  let clearNavigation: (() => void) | undefined;
  navigation.addEventListener('navigateerror', async () => {
    if (!clearNavigation) {
      return;
    }
    clearNavigation = undefined;
    router.currentNavigation()?.abort();
  });
  navigation.addEventListener('navigate', (navigateEvent) => {
    if (!intercept) {
      return;
    }
    navigateEvent.intercept({
      handler: () =>
        new Promise<void>((_, reject) => {
          clearNavigation = () => {
            clearNavigation = undefined;
            reject();
          };
        }),
    });
  });

  merge(transitionCreated.pipe(map(() => 'viewtransition')), router.events).subscribe((e) => {
    // Skip this for popstate/traversals that are already committed.
    // The rollback is problematic so we only do it for navigations that
    // defer the actual update (pushState) on the browser.
    const currentNavigation = router.currentNavigation();
    if (currentNavigation?.trigger === 'popstate' || currentNavigation?.extras.replaceUrl) {
      return;
    }
    if (e instanceof NavigationStart) {
      intercept = true;
      window.history.replaceState(window.history.state, '', window.location.href);
      intercept = false;
    } else if (
      // viewtransition happens before NavigateEnd
      e === 'viewtransition' ||
      e instanceof NavigationCancel ||
      e instanceof NavigationError
    ) {
      clearNavigation?.();
    }
  });
};