Function useRecordRecentPages

packages/shared/src/hooks/useRecentPages.ts:43–79

(enabled: boolean)

// reading History. Reads document.title after a short delay so the page's
// SEO effect has set it.
export const useRecordRecentPages = (enabled: boolean): void => {
  const router = useRouter();

  useEffect(() => {
    if (!enabled || typeof window === 'undefined' || !router?.events) {
      return undefined;
    }

    let timeoutId: number | undefined;
    const capture = (url: string) => {
      if (router.pathname === '/posts/[id]') {
        return;
      }
      const path = url.split('?')[0].split('#')[0];
      // Only the latest navigation matters — drop any pending capture so
      // rapid navigation doesn't stack timers or record stale titles.
      window.clearTimeout(timeoutId);
      timeoutId = window.setTimeout(() => {
        const title = cleanTitle(document.title);
        if (title) {
          recordRecentPage({
            path,
            title,
            type: typeForPathname(router.pathname),
          });
        }
      }, 250);
    };

    capture(router.asPath);
    router.events.on('routeChangeComplete', capture);
    return () => {
      window.clearTimeout(timeoutId);
      router.events.off('routeChangeComplete', capture);
    };
  }, [enabled, router]);
};