Function KonamiProvider

app/_providers/KonamiProvider.tsx:32–78

({ children }: { children: React.ReactNode })

};

export function KonamiProvider({ children }: { children: React.ReactNode }) {
  const content = useRef<Map<Text, string>>(new Map());
  const { setUser } = useAppMode();
  const router = useRouter();
  const routerRef = useRef(router);

  useEffect(() => {
    routerRef.current = router;
  }, [router]);

  const handleSpecialTranslation = useCallback(
    (translation: string) => {
      updateUserSettings({ preferredLocale: translation }).then((result) => {
        if (result.success && result.data?.user) {
          setUser(result.data.user);
          routerRef.current.refresh();
        }
      });
    },
    [setUser]
  );

  const { isChaos, toggleChaos, activeGif, clearGif } = useEasterEggs({
    onSpecialTranslation: handleSpecialTranslation,
  });

  const apply = useCallback(
    () => startChaos(getTextNodes(document.body), content.current),
    []
  );

  const reset = useCallback(() => {
    resetChaos(content.current);
  }, []);

  useEffect(() => {
    if (!isChaos) return reset();
    apply();
  }, [isChaos, apply, reset]);

  return (
    <ChaosContext.Provider value={{ isChaos, toggleChaos }}>
      {children}
      <ImageOverlay src={activeGif} onClose={clearGif} alt="Easter egg" />
    </ChaosContext.Provider>
  );
}