@gtkx/navigation 2.0.0-beta.10 → 2.0.0-beta.12

package/src/shared/scene-page.tsx

@@ -1,5 +1,6 @@
 import type { ReactElement, ReactNode } from "react";
 import { AdwBin, AdwViewStackPage } from "@gtkx/jsx/adw";
+import { useState } from "react";
 
 type ScenePageProps = {
     name: string;
@@ -7,21 +8,32 @@ type ScenePageProps = {
     iconName?: string;
     badgeNumber?: number;
     needsAttention?: boolean;
+    useUnderline?: boolean;
+    isFocused: boolean;
     isLoaded: boolean;
     render: () => ReactElement;
 };
 
-const ScenePage = ({ name, title, isLoaded, render, ...page }: ScenePageProps): ReactNode => (
-    <AdwViewStackPage
-        name={name}
-        title={title}
-        iconName={page.iconName}
-        badgeNumber={page.badgeNumber}
-        needsAttention={page.needsAttention}
-        useUnderline={false}
-    >
-        <AdwBin>{isLoaded ? render() : null}</AdwBin>
-    </AdwViewStackPage>
-);
+const ScenePage = ({ name, title, isFocused, isLoaded, render, ...page }: ScenePageProps): ReactNode => {
+    const [hasLoaded, setHasLoaded] = useState(isLoaded);
+
+    if (isLoaded && !hasLoaded) {
+        setHasLoaded(true);
+    }
+
+    return (
+        <AdwViewStackPage
+            name={name}
+            title={title}
+            iconName={page.iconName}
+            badgeNumber={page.badgeNumber}
+            needsAttention={page.needsAttention}
+            accessibleHidden={!isFocused}
+            useUnderline={page.useUnderline ?? false}
+        >
+            <AdwBin>{hasLoaded ? render() : null}</AdwBin>
+        </AdwViewStackPage>
+    );
+};
 
 export { ScenePage };

package/src/split-view/create-split-view-navigator.tsx

@@ -56,7 +56,7 @@ function SplitViewNavigator({
     popOnEscape,
     ...options
 }: SplitViewNavigatorProps): ReactNode {
-    const { state, describe, descriptors, navigation, NavigationContent } = useNavigationBuilder<
+    const { state, describe, descriptors, navigation, render } = useNavigationBuilder<
         StackNavigationState<ParamListBase>,
         StackRouterOptions,
         StackActionHelpers<ParamListBase>,
@@ -64,22 +64,20 @@ function SplitViewNavigator({
         SplitViewNavigationEventMap
     >(splitViewRouter, options);
 
-    return (
-        <NavigationContent>
-            <SplitView
-                state={state}
-                navigation={navigation}
-                descriptors={descriptors}
-                describe={describe}
-                collapsed={collapsed}
-                contentPlaceholder={contentPlaceholder}
-                sidebarPosition={sidebarPosition}
-                minSidebarWidth={minSidebarWidth}
-                maxSidebarWidth={maxSidebarWidth}
-                sidebarWidthFraction={sidebarWidthFraction}
-                popOnEscape={popOnEscape}
-            />
-        </NavigationContent>
+    return render(
+        <SplitView
+            state={state}
+            navigation={navigation}
+            descriptors={descriptors}
+            describe={describe}
+            collapsed={collapsed}
+            contentPlaceholder={contentPlaceholder}
+            sidebarPosition={sidebarPosition}
+            minSidebarWidth={minSidebarWidth}
+            maxSidebarWidth={maxSidebarWidth}
+            sidebarWidthFraction={sidebarWidthFraction}
+            popOnEscape={popOnEscape}
+        />,
     );
 }
 

package/src/split-view/split-view.tsx

@@ -57,17 +57,20 @@ const useContentSync = (
     viewRef: ViewRef,
     navigation: SplitViewNavigationHelpers,
 ): ((isShown: boolean | null) => void) =>
-    useCallback((isShown: boolean | null) => {
-        if (isShown === null || isShown === hasContent(navigation.getState())) {
-            return;
-        }
-
-        if (!isShown) {
-            popContent(navigation);
-        }
-
-        settleShowContent(viewRef, isShown, hasContent(navigation.getState()));
-    }, [viewRef, navigation]);
+    useCallback(
+        (isShown: boolean | null) => {
+            if (isShown === null || isShown === hasContent(navigation.getState())) {
+                return;
+            }
+
+            if (!isShown) {
+                popContent(navigation);
+            }
+
+            settleShowContent(viewRef, isShown, hasContent(navigation.getState()));
+        },
+        [viewRef, navigation],
+    );
 
 const EscapeGuard = (): ReactNode => (
     <GtkEventControllerKey
@@ -83,9 +86,12 @@ const SidebarPage = ({ descriptor }: { descriptor: SplitViewDescriptor }): React
         return <AdwNavigationPage title={options.title ?? route.name}>{descriptor.render()}</AdwNavigationPage>;
     }
 
-    const topBar = options.header === undefined
-        ? <HeaderBar options={options} showBackButton={false} />
-        : <>{options.header({ route, navigation, options, back: undefined })}</>;
+    const topBar =
+        options.header === undefined ? (
+            <HeaderBar options={options} showBackButton={false} />
+        ) : (
+            <>{options.header({ route, navigation, options, back: undefined })}</>
+        );
 
     return (
         <AdwNavigationPage title={options.title ?? route.name}>
@@ -117,18 +123,18 @@ const SplitView = (props: SplitViewProps): ReactNode => {
                 title={contentTitle(state, descriptors)}
                 controllers={collapsed && props.popOnEscape === false ? <EscapeGuard /> : null}
             >
-                {hasContent(state)
-                    ? (
-                            <StackView
-                                offset={1}
-                                popOnEscape={props.popOnEscape}
-                                state={state}
-                                navigation={navigation}
-                                descriptors={descriptors}
-                                describe={describe}
-                            />
-                        )
-                    : <>{contentPlaceholder}</>}
+                {hasContent(state) ? (
+                    <StackView
+                        offset={1}
+                        popOnEscape={props.popOnEscape}
+                        state={state}
+                        navigation={navigation}
+                        descriptors={descriptors}
+                        describe={describe}
+                    />
+                ) : (
+                    <>{contentPlaceholder}</>
+                )}
             </AdwNavigationPage>
         </AdwNavigationSplitView>
     );

package/src/split-view/types.ts

@@ -29,7 +29,8 @@ type SplitViewNavigationProp<
     StackNavigationState<ParamList>,
     SplitViewNavigationOptions,
     SplitViewNavigationEventMap
-> & StackActionHelpers<ParamList>;
+> &
+    StackActionHelpers<ParamList>;
 
 /** Props a split view screen component receives. */
 type SplitViewScreenProps<
@@ -84,8 +85,8 @@ type SplitViewNavigatorProps = DefaultNavigatorOptions<
     SplitViewNavigationEventMap,
     SplitViewNavigationProp<ParamListBase>
 > &
-StackRouterOptions &
-SplitViewNavigationConfig;
+    StackRouterOptions &
+    SplitViewNavigationConfig;
 
 export type {
     SplitViewDescriptor,

package/src/stack/create-stack-navigator.tsx

@@ -46,7 +46,7 @@ const createStackScreen: StaticScreenFactory<StackTypeBag> = createScreenFactory
 
 /** Renders the screens of a {@link createStackNavigator} as pages of an `AdwNavigationView`. */
 function StackNavigator({ popOnEscape, ...options }: StackNavigatorProps): ReactNode {
-    const { state, describe, descriptors, navigation, NavigationContent } = useNavigationBuilder<
+    const { state, describe, descriptors, navigation, render } = useNavigationBuilder<
         StackNavigationState<ParamListBase>,
         StackRouterOptions,
         StackActionHelpers<ParamListBase>,
@@ -54,16 +54,14 @@ function StackNavigator({ popOnEscape, ...options }: StackNavigatorProps): React
         StackNavigationEventMap
     >(StackRouter, options);
 
-    return (
-        <NavigationContent>
-            <StackView
-                popOnEscape={popOnEscape}
-                state={state}
-                navigation={navigation}
-                descriptors={descriptors}
-                describe={describe}
-            />
-        </NavigationContent>
+    return render(
+        <StackView
+            popOnEscape={popOnEscape}
+            state={state}
+            navigation={navigation}
+            descriptors={descriptors}
+            describe={describe}
+        />,
     );
 }
 

package/src/stack/stack-pages.ts

@@ -33,18 +33,6 @@ const neededKeys = (state: StackState, closing: StackDescriptorMap, offset: numb
 const hasSameMembers = (left: readonly string[], right: readonly string[]): boolean =>
     left.length === right.length && left.every((key) => right.includes(key));
 
-const hasRefreshedFocus = (tracking: PageTracking, descriptors: StackDescriptorMap): boolean => {
-    const { focusedKey } = tracking;
-
-    if (focusedKey === undefined) {
-        return false;
-    }
-
-    const next = descriptors[focusedKey];
-
-    return next !== undefined && tracking.descriptors[focusedKey]?.route !== next.route;
-};
-
 const appendOrder = (previous: readonly string[], needed: readonly string[]): string[] => [
     ...previous.filter((key) => needed.includes(key)),
     ...needed.filter((key) => !previous.includes(key)),
@@ -112,27 +100,29 @@ const useStackPages = (
 ): StackPages => {
     const [tracking, setTracking] = useState<PageTracking>(() => initialTracking(state, descriptors, offset));
 
-    if (!hasSameMembers(tracking.order, neededKeys(state, tracking.closing, offset)) ||
+    if (
+        !hasSameMembers(tracking.order, neededKeys(state, tracking.closing, offset)) ||
         tracking.focusedKey !== getFocusedKey(state, offset) ||
-        hasRefreshedFocus(tracking, descriptors)) {
+        tracking.descriptors !== descriptors
+    ) {
         setTracking(advance(tracking, state, descriptors, offset));
     }
 
     const release = useCallback((key: string) => {
-        setTracking((current) => (current.closing[key] === undefined
-            ? current
-            : {
-                    ...current,
-                    order: current.order.filter((entry) => entry !== key),
-                    closing: withoutKeys(current.closing, [key]),
-                }));
+        setTracking((current) =>
+            current.closing[key] === undefined
+                ? current
+                : {
+                      ...current,
+                      order: current.order.filter((entry) => entry !== key),
+                      closing: withoutKeys(current.closing, [key]),
+                  },
+        );
     }, []);
 
     const sources = { state, descriptors, closing: tracking.closing };
 
-    const pages = tracking.order
-        .map((key) => resolvePage(key, sources, describe))
-        .filter((page) => page !== undefined);
+    const pages = tracking.order.map((key) => resolvePage(key, sources, describe)).filter((page) => page !== undefined);
 
     return { pages, release };
 };

package/src/stack/stack-view.tsx

@@ -2,6 +2,7 @@ import type * as Adw from "@gtkx/gi/adw";
 import type { ParamListBase, StackNavigationState } from "@react-navigation/core";
 import type { ReactNode, RefObject } from "react";
 import { AdwNavigationPage, AdwNavigationView, AdwToolbarView } from "@gtkx/jsx/adw";
+import { useLatestRef } from "@gtkx/react/internal";
 import { useCallback, useEffect, useRef } from "react";
 import type { Describe } from "./stack-pages.js";
 import type { OptionsByKey } from "./sync-navigation-stack.js";
@@ -11,14 +12,12 @@ import type {
     StackNavigationConfig,
     StackNavigationEventMap,
     StackNavigationHelpers,
-    StackNavigationOptions,
 } from "./types.js";
 import { HeaderBar } from "../shared/header-bar.js";
 import { useStackPages } from "./stack-pages.js";
 import { reconcilePoppedStack, syncNavigationStack } from "./sync-navigation-stack.js";
 
 type ViewRef = RefObject<Adw.NavigationView | null>;
-type MutableOptions = Record<string, StackNavigationOptions>;
 
 type StackViewProps = StackNavigationConfig & {
     state: StackNavigationState<ParamListBase>;
@@ -49,28 +48,6 @@ const previousDescriptor = (
     return previousKey === undefined ? undefined : descriptors[previousKey];
 };
 
-const useLatest = <T,>(value: T): RefObject<T> => {
-    const ref = useRef(value);
-
-    useEffect(() => {
-        ref.current = value;
-    }, [value]);
-
-    return ref;
-};
-
-const useTrackedOptions = (descriptors: StackDescriptorMap): RefObject<MutableOptions> => {
-    const optionsRef = useRef<MutableOptions>({});
-
-    useEffect(() => {
-        for (const [key, descriptor] of Object.entries(descriptors)) {
-            optionsRef.current[key] = descriptor.options;
-        }
-    }, [descriptors]);
-
-    return optionsRef;
-};
-
 const useStackSync = (
     viewRef: ViewRef,
     state: StackNavigationState<ParamListBase>,
@@ -98,7 +75,7 @@ const usePoppedHandler = (
     options: RefObject<OptionsByKey>,
     offset: number,
 ): (() => void) => {
-    const navigationRef = useLatest(navigation);
+    const navigationRef = useLatestRef(navigation);
     const isScheduledRef = useRef(false);
 
     return useCallback(() => {
@@ -128,9 +105,12 @@ const StackPageContent = ({ descriptor, previous }: Omit<StackPageProps, "naviga
 
     const back = previous === undefined ? undefined : { title: previous.options.title ?? previous.route.name };
 
-    const topBar = options.header === undefined
-        ? <HeaderBar options={options} showBackButton={options.headerBackVisible ?? true} />
-        : <>{options.header({ route, navigation, options, back })}</>;
+    const topBar =
+        options.header === undefined ? (
+            <HeaderBar options={options} showBackButton={options.headerBackVisible ?? true} />
+        ) : (
+            <>{options.header({ route, navigation, options, back })}</>
+        );
 
     return <AdwToolbarView topBar={topBar}>{descriptor.render()}</AdwToolbarView>;
 };
@@ -179,8 +159,8 @@ const StackPage = ({ descriptor, previous, navigation, onHidden }: StackPageProp
 const StackView = (props: StackViewProps): ReactNode => {
     const { state, navigation, descriptors, describe, popOnEscape, offset = 0 } = props;
     const viewRef = useRef<Adw.NavigationView | null>(null);
-    const options = useTrackedOptions(descriptors);
     const { pages, release } = useStackPages(state, descriptors, describe, offset);
+    const options = useLatestRef<OptionsByKey>(Object.fromEntries(pages.map((page) => [page.route.key, page.options])));
     const onPopped = usePoppedHandler(viewRef, navigation, options, offset);
     useStackSync(viewRef, state, options, offset);
 

package/src/stack/types.ts

@@ -68,7 +68,8 @@ type StackNavigationProp<
     StackNavigationState<ParamList>,
     StackNavigationOptions,
     StackNavigationEventMap
-> & StackActionHelpers<ParamList>;
+> &
+    StackActionHelpers<ParamList>;
 
 /** Props a stack screen component receives. */
 type StackScreenProps<
@@ -112,8 +113,8 @@ type StackNavigatorProps = DefaultNavigatorOptions<
     StackNavigationEventMap,
     StackNavigationProp<ParamListBase>
 > &
-StackRouterOptions &
-StackNavigationConfig;
+    StackRouterOptions &
+    StackNavigationConfig;
 
 export type {
     StackDescriptor,

package/src/tabs/create-tab-navigator.tsx

@@ -41,7 +41,7 @@ const createTabScreen: StaticScreenFactory<TabTypeBag> = createScreenFactory<Tab
 
 /** Renders the screens of a {@link createTabNavigator} as pages of an `AdwViewStack` with a view switcher. */
 function TabNavigator({ tabBarPosition, ...options }: TabNavigatorProps): ReactNode {
-    const { state, descriptors, navigation, NavigationContent } = useNavigationBuilder<
+    const { state, descriptors, navigation, render } = useNavigationBuilder<
         TabNavigationState<ParamListBase>,
         TabRouterOptions,
         TabActionHelpers<ParamListBase>,
@@ -49,10 +49,8 @@ function TabNavigator({ tabBarPosition, ...options }: TabNavigatorProps): ReactN
         TabNavigationEventMap
     >(TabRouter, options);
 
-    return (
-        <NavigationContent>
-            <TabView tabBarPosition={tabBarPosition} state={state} navigation={navigation} descriptors={descriptors} />
-        </NavigationContent>
+    return render(
+        <TabView tabBarPosition={tabBarPosition} state={state} navigation={navigation} descriptors={descriptors} />,
     );
 }
 

package/src/tabs/tab-view.tsx

@@ -8,7 +8,6 @@ import type { TabDescriptor, TabDescriptorMap, TabNavigationConfig, TabNavigatio
 import { HeaderBar } from "../shared/header-bar.js";
 import { getFocusedRoute, requireDescriptor } from "../shared/routes.js";
 import { ScenePage } from "../shared/scene-page.js";
-import { useLoadedRoutes } from "../shared/use-loaded-routes.js";
 import { usePopToTopOnBlur } from "../shared/use-pop-to-top-on-blur.js";
 
 type TabViewProps = TabNavigationConfig & {
@@ -24,25 +23,29 @@ type TabHeaderProps = {
 
 type TabPageProps = {
     descriptor: TabDescriptor;
+    isFocused: boolean;
     isLoaded: boolean;
 };
 
 const useTabSelection = (navigation: TabNavigationHelpers): ((name: string | null) => void) =>
-    useCallback((name: string | null) => {
-        const current = navigation.getState();
-        const focusedKey = getFocusedRoute(current).key;
-        const route = current.routes.find((candidate) => candidate.key === name);
-
-        if (route === undefined || route.key === focusedKey) {
-            return;
-        }
-
-        const event = navigation.emit({ type: "tabPress", target: route.key, canPreventDefault: true });
-
-        if (!event.defaultPrevented) {
-            navigation.dispatch({ ...CommonActions.navigate(route.name, route.params), target: current.key });
-        }
-    }, [navigation]);
+    useCallback(
+        (name: string | null) => {
+            const current = navigation.getState();
+            const focusedKey = getFocusedRoute(current).key;
+            const route = current.routes.find((candidate) => candidate.key === name);
+
+            if (route === undefined || route.key === focusedKey) {
+                return;
+            }
+
+            const event = navigation.emit({ type: "tabPress", target: route.key, canPreventDefault: true });
+
+            if (!event.defaultPrevented) {
+                navigation.dispatch({ ...CommonActions.navigate(route.name, route.params), target: current.key });
+            }
+        },
+        [navigation],
+    );
 
 const defaultTabHeader = ({ descriptor, viewSwitcher }: TabHeaderProps): ReactElement => (
     <HeaderBar
@@ -68,16 +71,18 @@ const TabHeader = (props: TabHeaderProps): ReactNode => {
     );
 };
 
-const TabPage = ({ descriptor, isLoaded }: TabPageProps): ReactNode => {
+const TabPage = ({ descriptor, isFocused, isLoaded }: TabPageProps): ReactNode => {
     const { route, options } = descriptor;
 
     return (
         <ScenePage
             name={route.key}
             title={options.tabBarLabel ?? options.title ?? route.name}
+            useUnderline={options.useUnderline}
             iconName={options.tabBarIcon}
             badgeNumber={options.tabBarBadge}
             needsAttention={options.needsAttention}
+            isFocused={isFocused}
             isLoaded={isLoaded || options.lazy === false}
             render={() => descriptor.render()}
         />
@@ -88,21 +93,19 @@ const TabView = ({ state, navigation, descriptors, tabBarPosition = "top" }: Tab
     const [stack, setStack] = useState<Adw.ViewStack | null>(null);
     const focused = getFocusedRoute(state);
     const descriptor = requireDescriptor(descriptors, focused.key);
-    const loaded = useLoadedRoutes(focused.key, state.preloadedRouteKeys);
     const onVisibleChildChanged = useTabSelection(navigation);
 
-    const viewSwitcher = stack === null
-        ? undefined
-        : <AdwViewSwitcher stack={stack} policy={Adw.ViewSwitcherPolicy.WIDE} />;
+    const viewSwitcher =
+        stack === null ? undefined : <AdwViewSwitcher stack={stack} policy={Adw.ViewSwitcherPolicy.WIDE} />;
 
     const hasSwitcherBar = tabBarPosition === "bottom" && stack !== null;
     usePopToTopOnBlur(state, descriptors, navigation);
 
     return (
         <AdwToolbarView
-            topBar={(
+            topBar={
                 <TabHeader descriptor={descriptor} viewSwitcher={tabBarPosition === "top" ? viewSwitcher : undefined} />
-            )}
+            }
             bottomBar={hasSwitcherBar ? <AdwViewSwitcherBar stack={stack} reveal /> : undefined}
         >
             <AdwViewStack
@@ -115,7 +118,8 @@ const TabView = ({ state, navigation, descriptors, tabBarPosition = "top" }: Tab
                     <TabPage
                         key={route.key}
                         descriptor={requireDescriptor(descriptors, route.key)}
-                        isLoaded={loaded.has(route.key)}
+                        isFocused={route.key === focused.key}
+                        isLoaded={route.key === focused.key || state.preloadedRouteKeys.includes(route.key)}
                     />
                 ))}
             </AdwViewStack>

package/src/tabs/types.ts

@@ -29,6 +29,8 @@ type TabNavigationOptions = HeaderOptions & {
     header?: (props: TabHeaderProps) => ReactNode;
     /** Label shown in the view switcher; defaults to `title`, then to the route name. */
     tabBarLabel?: string;
+    /** Whether underscores in the tab label indicate mnemonics; defaults to `false`. */
+    useUnderline?: boolean;
     /** Icon name shown in the view switcher. */
     tabBarIcon?: string;
     /** Badge number shown in the view switcher; `0` hides the badge. */
@@ -61,7 +63,8 @@ type TabNavigationProp<
     TabNavigationState<ParamList>,
     TabNavigationOptions,
     TabNavigationEventMap
-> & TabActionHelpers<ParamList>;
+> &
+    TabActionHelpers<ParamList>;
 
 /** Props a tab screen component receives. */
 type TabScreenProps<
@@ -103,8 +106,8 @@ type TabNavigatorProps = DefaultNavigatorOptions<
     TabNavigationEventMap,
     TabNavigationProp<ParamListBase>
 > &
-TabRouterOptions &
-TabNavigationConfig;
+    TabRouterOptions &
+    TabNavigationConfig;
 
 export type {
     TabDescriptor,

package/src/theme.ts

@@ -11,7 +11,6 @@ type AdwaitaTheme = {
 };
 
 declare module "@react-navigation/core" {
-    // eslint-disable-next-line @typescript-eslint/consistent-type-definitions
     interface Theme extends AdwaitaTheme {}
 }
 

package/dist/shared/use-loaded-routes.d.ts

@@ -1,3 +0,0 @@
-declare const useLoadedRoutes: (focusedKey: string, preloadedKeys: readonly string[]) => ReadonlySet<string>;
-export { useLoadedRoutes };
-//# sourceMappingURL=use-loaded-routes.d.ts.map

package/dist/shared/use-loaded-routes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-loaded-routes.d.ts","sourceRoot":"","sources":["../../src/shared/use-loaded-routes.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,eAAe,GAAI,YAAY,MAAM,EAAE,eAAe,SAAS,MAAM,EAAE,KAAG,WAAW,CAAC,MAAM,CASjG,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/shared/use-loaded-routes.js

@@ -1,11 +0,0 @@
-import { useState } from "react";
-const useLoadedRoutes = (focusedKey, preloadedKeys) => {
-    const [loaded, setLoaded] = useState(() => new Set([focusedKey]));
-    const pending = [focusedKey, ...preloadedKeys].filter((key) => !loaded.has(key));
-    if (pending.length > 0) {
-        setLoaded(new Set([...loaded, ...pending]));
-    }
-    return loaded;
-};
-export { useLoadedRoutes };
-//# sourceMappingURL=use-loaded-routes.js.map

package/dist/shared/use-loaded-routes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-loaded-routes.js","sourceRoot":"","sources":["../../src/shared/use-loaded-routes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,eAAe,GAAG,CAAC,UAAkB,EAAE,aAAgC,EAAuB,EAAE;IAClG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAsB,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACvF,MAAM,OAAO,GAAG,CAAC,UAAU,EAAE,GAAG,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAEjF,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACrB,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IAChD,CAAC;IAED,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import { useState } from \"react\";\n\nconst useLoadedRoutes = (focusedKey: string, preloadedKeys: readonly string[]): ReadonlySet<string> => {\n    const [loaded, setLoaded] = useState<ReadonlySet<string>>(() => new Set([focusedKey]));\n    const pending = [focusedKey, ...preloadedKeys].filter((key) => !loaded.has(key));\n\n    if (pending.length > 0) {\n        setLoaded(new Set([...loaded, ...pending]));\n    }\n\n    return loaded;\n};\n\nexport { useLoadedRoutes };\n"]}

package/src/shared/use-loaded-routes.ts

@@ -1,14 +0,0 @@
-import { useState } from "react";
-
-const useLoadedRoutes = (focusedKey: string, preloadedKeys: readonly string[]): ReadonlySet<string> => {
-    const [loaded, setLoaded] = useState<ReadonlySet<string>>(() => new Set([focusedKey]));
-    const pending = [focusedKey, ...preloadedKeys].filter((key) => !loaded.has(key));
-
-    if (pending.length > 0) {
-        setLoaded(new Set([...loaded, ...pending]));
-    }
-
-    return loaded;
-};
-
-export { useLoadedRoutes };