expo-router 0.0.24 → 0.0.25

package/build/ContextNavigationContainer.d.ts

@@ -1,5 +1,6 @@
 import { NavigationContainer } from "@react-navigation/native";
 import React from "react";
+import { useRootNavigation } from "./useCurrentRoute";
 declare type NavigationContainerProps = React.ComponentProps<typeof NavigationContainer>;
 export declare function useNavigationContainerContext(): [Partial<import("@react-navigation/native").NavigationContainerProps & {
     theme?: import("@react-navigation/native").Theme | undefined;
@@ -22,6 +23,7 @@ export declare function useNavigationContainerContext(): [Partial<import("@react
 export declare function ContextNavigationContainer(props: NavigationContainerProps): JSX.Element;
 export declare function RootContainer({ documentTitle, fallback, onReady, initialState, onStateChange, onUnhandledAction, theme, }: Omit<NavigationContainerProps, "independent" | "ref" | "children" | "linking">): null;
 export declare namespace RootContainer {
+    var useRef: typeof useRootNavigation;
     var getRef: () => import("@react-navigation/native").NavigationContainerRefWithCurrent<ReactNavigation.RootParamList>;
 }
 export {};

package/build/ContextNavigationContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextNavigationContainer.d.ts","sourceRoot":"","sources":["../src/ContextNavigationContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAsB,MAAM,OAAO,CAAC;AAQ3C,aAAK,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAClD,OAAO,mBAAmB,CAC3B,CAAC;AASF,wBAAgB,6BAA6B;;;;;;;;;;;;;;;;aAQ5C;AAED,8GAA8G;AAC9G,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,wBAAwB,eAsBzE;AAoDD,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,KAAK,GACN,EAAE,IAAI,CACL,wBAAwB,EACxB,aAAa,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CAC/C,QAwBA;yBAnCe,aAAa"}
+{"version":3,"file":"ContextNavigationContainer.d.ts","sourceRoot":"","sources":["../src/ContextNavigationContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAqB,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAIzE,aAAK,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAClD,OAAO,mBAAmB,CAC3B,CAAC;AASF,wBAAgB,6BAA6B;;;;;;;;;;;;;;;;aAQ5C;AAED,8GAA8G;AAC9G,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,wBAAwB,eAsBzE;AAyBD,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,KAAK,GACN,EAAE,IAAI,CACL,wBAAwB,EACxB,aAAa,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CAC/C,QAwBA;yBAnCe,aAAa"}

package/build/ContextNavigationContainer.js

@@ -1,8 +1,8 @@
-import { createNavigationContainerRef, findFocusedRoute, NavigationContainer, } from "@react-navigation/native";
-import React, { useCallback } from "react";
+import { createNavigationContainerRef, NavigationContainer, } from "@react-navigation/native";
+import React from "react";
 import { useLinkingConfig } from "./getLinkingConfig";
 import SplashModule from "./splash";
-import { VirtualRouteContext } from "./useCurrentRoute";
+import { RootNavigationRef, useRootNavigation } from "./useCurrentRoute";
 const navigationRef = createNavigationContainerRef();
 const NavigationContainerContext = React.createContext([{}, function () { }]);
 export function useNavigationContainerContext() {
@@ -27,34 +27,15 @@ export function ContextNavigationContainer(props) {
         ] },
         React.createElement(InternalContextNavigationContainer, null)));
 }
-function trimQuery(pathname) {
-    const queryIndex = pathname.indexOf("?");
-    if (queryIndex !== -1) {
-        return pathname.substring(0, queryIndex);
-    }
-    return pathname;
-}
 function InternalContextNavigationContainer(props) {
     const [contextProps] = useNavigationContainerContext();
-    const [state, setState] = React.useState({ pathname: null, query: {} });
-    const onStateChange = useCallback((state) => {
-        if (state) {
-            const currentRoute = findFocusedRoute(state);
-            setState({
-                pathname: trimQuery(currentRoute?.path ?? "/"),
-                query: currentRoute?.params ?? {},
-            });
-        }
-    }, [setState]);
-    return (React.createElement(VirtualRouteContext.Provider, { value: state },
+    const [isReady, setReady] = React.useState(false);
+    const ref = React.useMemo(() => (isReady ? navigationRef : null), [isReady]);
+    return (React.createElement(RootNavigationRef.Provider, { value: { ref } },
         React.createElement(NavigationContainer, { ...props, ...contextProps, ref: navigationRef, onReady: () => {
                 contextProps.onReady?.();
                 SplashModule?.hideAsync();
-                const initialState = navigationRef.current?.getRootState();
-                onStateChange(initialState);
-            }, onStateChange: (state) => {
-                contextProps.onStateChange?.(state);
-                onStateChange(state);
+                setReady(true);
             } })));
 }
 export function RootContainer({ documentTitle, fallback, onReady, initialState, onStateChange, onUnhandledAction, theme, }) {
@@ -80,6 +61,7 @@ export function RootContainer({ documentTitle, fallback, onReady, initialState,
     ]);
     return null;
 }
+RootContainer.useRef = useRootNavigation;
 /** Get the root navigation container ref. */
 RootContainer.getRef = () => {
     return navigationRef;

package/build/ContextNavigationContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextNavigationContainer.js","sourceRoot":"","sources":["../src/ContextNavigationContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createNavigationContainerRef,\n  findFocusedRoute,\n  NavigationContainer,\n} from \"@react-navigation/native\";\nimport React, { useCallback } from \"react\";\n\nimport { useLinkingConfig } from \"./getLinkingConfig\";\nimport SplashModule from \"./splash\";\nimport { VirtualRouteContext } from \"./useCurrentRoute\";\n\nconst navigationRef = createNavigationContainerRef();\n\ntype NavigationContainerProps = React.ComponentProps<\n  typeof NavigationContainer\n>;\n\nconst NavigationContainerContext = React.createContext<\n  [\n    Partial<NavigationContainerProps>,\n    (props: Partial<NavigationContainerProps>) => void\n  ]\n>([{}, function () {}]);\n\nexport function useNavigationContainerContext() {\n  const context = React.useContext(NavigationContainerContext);\n  if (!context) {\n    throw new Error(\n      \"useNavigationContainerContext must be used within a NavigationContainerContext\"\n    );\n  }\n  return context;\n}\n\n/** react-navigation `NavigationContainer` with automatic `linking` prop generated from the routes context. */\nexport function ContextNavigationContainer(props: NavigationContainerProps) {\n  const [state, setState] = React.useState<Partial<NavigationContainerProps>>(\n    {}\n  );\n\n  const linking = useLinkingConfig();\n  console.log(\"linking\", linking);\n\n  return (\n    <NavigationContainerContext.Provider\n      value={[\n        {\n          ...props,\n          linking,\n          ...state,\n        },\n        setState,\n      ]}\n    >\n      <InternalContextNavigationContainer />\n    </NavigationContainerContext.Provider>\n  );\n}\n\nfunction trimQuery(pathname: string): string {\n  const queryIndex = pathname.indexOf(\"?\");\n  if (queryIndex !== -1) {\n    return pathname.substring(0, queryIndex);\n  }\n  return pathname;\n}\n\nfunction InternalContextNavigationContainer(props: object) {\n  const [contextProps] = useNavigationContainerContext();\n  const [state, setState] = React.useState<{\n    pathname: string | null;\n    query: Record<string, any>;\n  }>({ pathname: null, query: {} });\n\n  const onStateChange = useCallback(\n    (state) => {\n      if (state) {\n        const currentRoute = findFocusedRoute(state);\n        setState({\n          pathname: trimQuery(currentRoute?.path ?? \"/\"),\n          query: currentRoute?.params ?? {},\n        });\n      }\n    },\n    [setState]\n  );\n\n  return (\n    <VirtualRouteContext.Provider value={state}>\n      {/* @ts-expect-error: children are required */}\n      <NavigationContainer\n        {...props}\n        {...contextProps}\n        ref={navigationRef}\n        onReady={() => {\n          contextProps.onReady?.();\n          SplashModule?.hideAsync();\n          const initialState = navigationRef.current?.getRootState();\n          onStateChange(initialState);\n        }}\n        onStateChange={(state) => {\n          contextProps.onStateChange?.(state);\n          onStateChange(state);\n        }}\n      />\n    </VirtualRouteContext.Provider>\n  );\n}\n\nexport function RootContainer({\n  documentTitle,\n  fallback,\n  onReady,\n  initialState,\n  onStateChange,\n  onUnhandledAction,\n  theme,\n}: Omit<\n  NavigationContainerProps,\n  \"independent\" | \"ref\" | \"children\" | \"linking\"\n>) {\n  const [, setProps] = useNavigationContainerContext();\n\n  React.useEffect(() => {\n    setProps({\n      documentTitle,\n      fallback,\n      onReady,\n      initialState,\n      onStateChange,\n      onUnhandledAction,\n      theme,\n    });\n  }, [\n    documentTitle,\n    fallback,\n    onReady,\n    initialState,\n    onStateChange,\n    onUnhandledAction,\n    theme,\n  ]);\n\n  return null;\n}\n\n/** Get the root navigation container ref. */\nRootContainer.getRef = () => {\n  return navigationRef;\n};\n"]}
+{"version":3,"file":"ContextNavigationContainer.js","sourceRoot":"","sources":["../src/ContextNavigationContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createNavigationContainerRef,\n  NavigationContainer,\n} from \"@react-navigation/native\";\nimport React from \"react\";\n\nimport { useLinkingConfig } from \"./getLinkingConfig\";\nimport SplashModule from \"./splash\";\nimport { RootNavigationRef, useRootNavigation } from \"./useCurrentRoute\";\n\nconst navigationRef = createNavigationContainerRef();\n\ntype NavigationContainerProps = React.ComponentProps<\n  typeof NavigationContainer\n>;\n\nconst NavigationContainerContext = React.createContext<\n  [\n    Partial<NavigationContainerProps>,\n    (props: Partial<NavigationContainerProps>) => void\n  ]\n>([{}, function () {}]);\n\nexport function useNavigationContainerContext() {\n  const context = React.useContext(NavigationContainerContext);\n  if (!context) {\n    throw new Error(\n      \"useNavigationContainerContext must be used within a NavigationContainerContext\"\n    );\n  }\n  return context;\n}\n\n/** react-navigation `NavigationContainer` with automatic `linking` prop generated from the routes context. */\nexport function ContextNavigationContainer(props: NavigationContainerProps) {\n  const [state, setState] = React.useState<Partial<NavigationContainerProps>>(\n    {}\n  );\n\n  const linking = useLinkingConfig();\n  console.log(\"linking\", linking);\n\n  return (\n    <NavigationContainerContext.Provider\n      value={[\n        {\n          ...props,\n          linking,\n          ...state,\n        },\n        setState,\n      ]}\n    >\n      <InternalContextNavigationContainer />\n    </NavigationContainerContext.Provider>\n  );\n}\n\nfunction InternalContextNavigationContainer(props: object) {\n  const [contextProps] = useNavigationContainerContext();\n  const [isReady, setReady] = React.useState(false);\n\n  const ref = React.useMemo(() => (isReady ? navigationRef : null), [isReady]);\n\n  return (\n    <RootNavigationRef.Provider value={{ ref }}>\n      {/* @ts-expect-error: children are required */}\n      <NavigationContainer\n        {...props}\n        {...contextProps}\n        ref={navigationRef}\n        onReady={() => {\n          contextProps.onReady?.();\n          SplashModule?.hideAsync();\n          setReady(true);\n        }}\n      />\n    </RootNavigationRef.Provider>\n  );\n}\n\nexport function RootContainer({\n  documentTitle,\n  fallback,\n  onReady,\n  initialState,\n  onStateChange,\n  onUnhandledAction,\n  theme,\n}: Omit<\n  NavigationContainerProps,\n  \"independent\" | \"ref\" | \"children\" | \"linking\"\n>) {\n  const [, setProps] = useNavigationContainerContext();\n\n  React.useEffect(() => {\n    setProps({\n      documentTitle,\n      fallback,\n      onReady,\n      initialState,\n      onStateChange,\n      onUnhandledAction,\n      theme,\n    });\n  }, [\n    documentTitle,\n    fallback,\n    onReady,\n    initialState,\n    onStateChange,\n    onUnhandledAction,\n    theme,\n  ]);\n\n  return null;\n}\n\nRootContainer.useRef = useRootNavigation;\n\n/** Get the root navigation container ref. */\nRootContainer.getRef = () => {\n  return navigationRef;\n};\n"]}

package/build/index.d.ts

@@ -1,3 +1,4 @@
+export { useFocusEffect } from "@react-navigation/native";
 export { ErrorBoundaryProps } from "./views/Try";
 export { Stack } from "./layouts/Stack";
 export { NativeStack } from "./layouts/NativeStack";
@@ -8,7 +9,7 @@ export { ExpoRoot } from "./views/Root";
 export { Unmatched } from "./views/Unmatched";
 export { ErrorBoundary } from "./views/ErrorBoundary";
 export { Layout, Children } from "./views/Layout";
-export { Link } from "./link/Link";
+export { Link, Redirect } from "./link/Link";
 export { useLink } from "./link/useLink";
 export { RootContainer } from "./ContextNavigationContainer";
 export * as Linking from "./link/linking";

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC"}

package/build/index.js

@@ -1,5 +1,6 @@
 // export { useRoutes } from "./Route";
 // export { useScreens } from "./useScreens";
+export { useFocusEffect } from "@react-navigation/native";
 export { Stack } from "./layouts/Stack";
 export { NativeStack } from "./layouts/NativeStack";
 export { Tabs } from "./layouts/Tabs";
@@ -9,7 +10,7 @@ export { ExpoRoot } from "./views/Root";
 export { Unmatched } from "./views/Unmatched";
 export { ErrorBoundary } from "./views/ErrorBoundary";
 export { Layout, Children } from "./views/Layout";
-export { Link } from "./link/Link";
+export { Link, Redirect } from "./link/Link";
 export { useLink } from "./link/useLink";
 export { RootContainer } from "./ContextNavigationContainer";
 import * as Linking_1 from "./link/linking";

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,6CAA6C;AAI7C,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;2BAEpC,gBAAgB;sBAA7B,OAAO","sourcesContent":["// export { useRoutes } from \"./Route\";\n// export { useScreens } from \"./useScreens\";\n\nexport { ErrorBoundaryProps } from \"./views/Try\";\n\nexport { Stack } from \"./layouts/Stack\";\nexport { NativeStack } from \"./layouts/NativeStack\";\nexport { Tabs } from \"./layouts/Tabs\";\nexport { Drawer } from \"./layouts/Drawer\";\nexport { withLayoutContext } from \"./layouts/withLayoutContext\";\n\nexport { ExpoRoot } from \"./views/Root\";\nexport { Unmatched } from \"./views/Unmatched\";\nexport { ErrorBoundary } from \"./views/ErrorBoundary\";\n\nexport { Layout, Children } from \"./views/Layout\";\nexport { Link } from \"./link/Link\";\nexport { useLink } from \"./link/useLink\";\nexport { RootContainer } from \"./ContextNavigationContainer\";\n\nexport * as Linking from \"./link/linking\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,6CAA6C;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAG1D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;2BAEpC,gBAAgB;sBAA7B,OAAO","sourcesContent":["// export { useRoutes } from \"./Route\";\n// export { useScreens } from \"./useScreens\";\n\nexport { useFocusEffect } from \"@react-navigation/native\";\nexport { ErrorBoundaryProps } from \"./views/Try\";\n\nexport { Stack } from \"./layouts/Stack\";\nexport { NativeStack } from \"./layouts/NativeStack\";\nexport { Tabs } from \"./layouts/Tabs\";\nexport { Drawer } from \"./layouts/Drawer\";\nexport { withLayoutContext } from \"./layouts/withLayoutContext\";\n\nexport { ExpoRoot } from \"./views/Root\";\nexport { Unmatched } from \"./views/Unmatched\";\nexport { ErrorBoundary } from \"./views/ErrorBoundary\";\n\nexport { Layout, Children } from \"./views/Layout\";\nexport { Link, Redirect } from \"./link/Link\";\nexport { useLink } from \"./link/useLink\";\nexport { RootContainer } from \"./ContextNavigationContainer\";\n\nexport * as Linking from \"./link/linking\";\n"]}

package/build/link/Link.d.ts

@@ -13,6 +13,10 @@ declare type Props = {
 } & (TextProps & {
     children: React.ReactNode;
 });
+/** Redirects to the href as soon as the component is mounted. */
+export declare function Redirect({ href }: {
+    href: Href;
+}): null;
 /**
  * Component to render link to another screen using a path.
  * Uses an anchor tag on the web.

package/build/link/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/link/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAE/D,OAAO,EAAE,IAAI,EAAe,MAAM,QAAQ,CAAC;AAG3C,aAAK,KAAK,GAAG;IACX,2CAA2C;IAC3C,IAAI,EAAE,IAAI,CAAC;IAGX,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,OAAO,CAAC,EAAE,CACR,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAG,qBAAqB,KACvE,IAAI,CAAC;CACX,GAAG,CAAC,SAAS,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC,CAAC;AAEhD;;;;;;;GAOG;AACH,eAAO,MAAM,IAAI,s7BAAmC,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/link/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAE/D,OAAO,EAAE,IAAI,EAAe,MAAM,QAAQ,CAAC;AAI3C,aAAK,KAAK,GAAG;IACX,2CAA2C;IAC3C,IAAI,EAAE,IAAI,CAAC;IAGX,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,OAAO,CAAC,EAAE,CACR,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAG,qBAAqB,KACvE,IAAI,CAAC;CACX,GAAG,CAAC,SAAS,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC,CAAC;AAEhD,iEAAiE;AACjE,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,QAMhD;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,IAAI,s7BAAmC,CAAC"}

package/build/link/Link.js

@@ -2,10 +2,20 @@
 // `to` / `action` support removed.
 import { Text } from "@bacons/react-views";
 import { Slot } from "@radix-ui/react-slot";
+import { useFocusEffect } from "@react-navigation/native";
 import * as React from "react";
 import { Platform } from "react-native";
 import { resolveHref } from "./href";
+import { useLink } from "./useLink";
 import useLinkToPathProps from "./useLinkToPathProps";
+/** Redirects to the href as soon as the component is mounted. */
+export function Redirect({ href }) {
+    const link = useLink();
+    useFocusEffect(() => {
+        link.replace(href);
+    });
+    return null;
+}
 /**
  * Component to render link to another screen using a path.
  * Uses an anchor tag on the web.

package/build/link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/link/Link.tsx"],"names":[],"mappings":"AAAA,wFAAwF;AACxF,mCAAmC;AACnC,OAAO,EAAE,IAAI,EAAa,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyB,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE/D,OAAO,EAAQ,WAAW,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAkBtD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;AAErD,SAAS,cAAc,CACrB,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,EAAS,EAC1C,GAA6B;IAE7B,6CAA6C;IAC7C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpE,MAAM,KAAK,GAAG,kBAAkB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,CAAC;IAElE,MAAM,OAAO,GAAG,CACd,CAA0E,EAC1E,EAAE;QACF,IAAI,SAAS,IAAI,IAAI,EAAE;YACrB,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;SACnB;QACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,KAAK,CAAC,aAAa;IACxB,0CAA0C;IAC1C,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACrB;QACE,GAAG;QACH,GAAG,KAAK;QACR,GAAG,IAAI;QACP,GAAG,QAAQ,CAAC,MAAM,CAAC;YACjB,GAAG,EAAE,EAAE,OAAO,EAAE,OAAO,EAAS;YAChC,OAAO,EAAE,EAAE,OAAO,EAAE;SACrB,CAAC;KACH,CACF,CAAC;AACJ,CAAC","sourcesContent":["// Fork of @react-navigation/native Link.tsx with `href` and `replace` support added and\n// `to` / `action` support removed.\nimport { Text, TextProps } from \"@bacons/react-views\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport * as React from \"react\";\nimport { GestureResponderEvent, Platform } from \"react-native\";\n\nimport { Href, resolveHref } from \"./href\";\nimport useLinkToPathProps from \"./useLinkToPathProps\";\n\ntype Props = {\n  /** Add a property which is familiar to  */\n  href: Href;\n\n  // TODO(EvanBacon): This may need to be extracted for React Native style support.\n  /** Forward props to child component. Useful for custom buttons. */\n  asChild?: boolean;\n\n  /** Should replace the current screen without adding to the history. */\n  replace?: boolean;\n\n  onPress?: (\n    e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent\n  ) => void;\n} & (TextProps & { children: React.ReactNode });\n\n/**\n * Component to render link to another screen using a path.\n * Uses an anchor tag on the web.\n *\n * @param props.href Absolute path to screen (e.g. `/feeds/hot`).\n * @param props.asChild Forward props to child component. Useful for custom buttons.\n * @param props.children Child elements to render the content.\n */\nexport const Link = React.forwardRef(ExpoRouterLink);\n\nfunction ExpoRouterLink(\n  { href, replace, asChild, ...rest }: Props,\n  ref: React.ForwardedRef<Text>\n) {\n  // TODO: Auto use router's client-side event.\n  const resolvedHref = React.useMemo(() => resolveHref(href), [href]);\n\n  const props = useLinkToPathProps({ href: resolvedHref, replace });\n\n  const onPress = (\n    e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent\n  ) => {\n    if (\"onPress\" in rest) {\n      rest.onPress?.(e);\n    }\n    props.onPress(e);\n  };\n\n  return React.createElement(\n    // @ts-expect-error: slot is not type-safe\n    asChild ? Slot : Text,\n    {\n      ref,\n      ...props,\n      ...rest,\n      ...Platform.select({\n        web: { onClick: onPress } as any,\n        default: { onPress },\n      }),\n    }\n  );\n}\n"]}
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/link/Link.tsx"],"names":[],"mappings":"AAAA,wFAAwF;AACxF,mCAAmC;AACnC,OAAO,EAAE,IAAI,EAAa,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyB,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE/D,OAAO,EAAQ,WAAW,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAkBtD,iEAAiE;AACjE,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAkB;IAC/C,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,cAAc,CAAC,GAAG,EAAE;QAClB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;AAErD,SAAS,cAAc,CACrB,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,EAAS,EAC1C,GAA6B;IAE7B,6CAA6C;IAC7C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpE,MAAM,KAAK,GAAG,kBAAkB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,CAAC;IAElE,MAAM,OAAO,GAAG,CACd,CAA0E,EAC1E,EAAE;QACF,IAAI,SAAS,IAAI,IAAI,EAAE;YACrB,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;SACnB;QACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,KAAK,CAAC,aAAa;IACxB,0CAA0C;IAC1C,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACrB;QACE,GAAG;QACH,GAAG,KAAK;QACR,GAAG,IAAI;QACP,GAAG,QAAQ,CAAC,MAAM,CAAC;YACjB,GAAG,EAAE,EAAE,OAAO,EAAE,OAAO,EAAS;YAChC,OAAO,EAAE,EAAE,OAAO,EAAE;SACrB,CAAC;KACH,CACF,CAAC;AACJ,CAAC","sourcesContent":["// Fork of @react-navigation/native Link.tsx with `href` and `replace` support added and\n// `to` / `action` support removed.\nimport { Text, TextProps } from \"@bacons/react-views\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useFocusEffect } from \"@react-navigation/native\";\nimport * as React from \"react\";\nimport { GestureResponderEvent, Platform } from \"react-native\";\n\nimport { Href, resolveHref } from \"./href\";\nimport { useLink } from \"./useLink\";\nimport useLinkToPathProps from \"./useLinkToPathProps\";\n\ntype Props = {\n  /** Add a property which is familiar to  */\n  href: Href;\n\n  // TODO(EvanBacon): This may need to be extracted for React Native style support.\n  /** Forward props to child component. Useful for custom buttons. */\n  asChild?: boolean;\n\n  /** Should replace the current screen without adding to the history. */\n  replace?: boolean;\n\n  onPress?: (\n    e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent\n  ) => void;\n} & (TextProps & { children: React.ReactNode });\n\n/** Redirects to the href as soon as the component is mounted. */\nexport function Redirect({ href }: { href: Href }) {\n  const link = useLink();\n  useFocusEffect(() => {\n    link.replace(href);\n  });\n  return null;\n}\n\n/**\n * Component to render link to another screen using a path.\n * Uses an anchor tag on the web.\n *\n * @param props.href Absolute path to screen (e.g. `/feeds/hot`).\n * @param props.asChild Forward props to child component. Useful for custom buttons.\n * @param props.children Child elements to render the content.\n */\nexport const Link = React.forwardRef(ExpoRouterLink);\n\nfunction ExpoRouterLink(\n  { href, replace, asChild, ...rest }: Props,\n  ref: React.ForwardedRef<Text>\n) {\n  // TODO: Auto use router's client-side event.\n  const resolvedHref = React.useMemo(() => resolveHref(href), [href]);\n\n  const props = useLinkToPathProps({ href: resolvedHref, replace });\n\n  const onPress = (\n    e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent\n  ) => {\n    if (\"onPress\" in rest) {\n      rest.onPress?.(e);\n    }\n    props.onPress(e);\n  };\n\n  return React.createElement(\n    // @ts-expect-error: slot is not type-safe\n    asChild ? Slot : Text,\n    {\n      ref,\n      ...props,\n      ...rest,\n      ...Platform.select({\n        web: { onClick: onPress } as any,\n        default: { onPress },\n      }),\n    }\n  );\n}\n"]}

package/build/link/useLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLink.d.ts","sourceRoot":"","sources":["../../src/link/useLink.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAI3C,wBAAgB,OAAO,IAAI;IACzB,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CAqBA"}
+{"version":3,"file":"useLink.d.ts","sourceRoot":"","sources":["../../src/link/useLink.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAK3C,wBAAgB,OAAO,IAAI;IACzB,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CA2BA"}

package/build/link/useLink.js

@@ -1,24 +1,21 @@
-import { useNavigation } from "@react-navigation/native";
-import { useMemo } from "react";
+import { useCallback } from "react";
 import { resolveHref } from "./href";
 import { useLinkToPath } from "./useLinkToPath";
+import { useLoadedNavigation } from "./useLoadedNavigation";
 // Wraps useLinkTo to provide an API which is similar to the Link component.
 export function useLink() {
+    const pending = useLoadedNavigation();
     const linkTo = useLinkToPath();
-    const navigation = useNavigation();
-    return useMemo(() => ({
-        push: (url) => {
-            const href = resolveHref(url);
-            linkTo(href);
-        },
-        replace: (url) => {
-            const href = resolveHref(url);
-            linkTo(href, "REPLACE");
-        },
-        back: () => navigation?.goBack(),
+    const push = useCallback((url) => pending(() => linkTo(resolveHref(url))), [pending, linkTo]);
+    const replace = useCallback((url) => pending(() => linkTo(resolveHref(url), "REPLACE")), [pending, linkTo]);
+    const back = useCallback(() => pending((navigation) => navigation.goBack()), [pending]);
+    return {
+        push,
+        back,
+        replace,
         parse: resolveHref,
         // TODO(EvanBacon): add `pathname`, `query`, maybe `reload`
         // TODO(EvanBacon): add `canGoBack` but maybe more like a `hasContext`
-    }), [navigation, linkTo]);
+    };
 }
 //# sourceMappingURL=useLink.js.map

package/build/link/useLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLink.js","sourceRoot":"","sources":["../../src/link/useLink.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAQ,WAAW,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,4EAA4E;AAC5E,MAAM,UAAU,OAAO;IAMrB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE,CAAC,GAAS,EAAE,EAAE;YAClB,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;YAC9B,MAAM,CAAC,IAAI,CAAC,CAAC;QACf,CAAC;QACD,OAAO,EAAE,CAAC,GAAS,EAAE,EAAE;YACrB,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;YAC9B,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QAC1B,CAAC;QACD,IAAI,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE;QAChC,KAAK,EAAE,WAAW;QAClB,2DAA2D;QAC3D,sEAAsE;KACvE,CAAC,EACF,CAAC,UAAU,EAAE,MAAM,CAAC,CACrB,CAAC;AACJ,CAAC","sourcesContent":["import { useNavigation } from \"@react-navigation/native\";\nimport { useMemo } from \"react\";\n\nimport { Href, resolveHref } from \"./href\";\nimport { useLinkToPath } from \"./useLinkToPath\";\n\n// Wraps useLinkTo to provide an API which is similar to the Link component.\nexport function useLink(): {\n  push: (href: Href) => void;\n  replace: (href: Href) => void;\n  back: () => void;\n  parse: typeof resolveHref;\n} {\n  const linkTo = useLinkToPath();\n  const navigation = useNavigation();\n\n  return useMemo(\n    () => ({\n      push: (url: Href) => {\n        const href = resolveHref(url);\n        linkTo(href);\n      },\n      replace: (url: Href) => {\n        const href = resolveHref(url);\n        linkTo(href, \"REPLACE\");\n      },\n      back: () => navigation?.goBack(),\n      parse: resolveHref,\n      // TODO(EvanBacon): add `pathname`, `query`, maybe `reload`\n      // TODO(EvanBacon): add `canGoBack` but maybe more like a `hasContext`\n    }),\n    [navigation, linkTo]\n  );\n}\n"]}
+{"version":3,"file":"useLink.js","sourceRoot":"","sources":["../../src/link/useLink.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAQ,WAAW,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,4EAA4E;AAC5E,MAAM,UAAU,OAAO;IAMrB,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC;IACtC,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,IAAI,GAAG,WAAW,CACtB,CAAC,GAAS,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EACtD,CAAC,OAAO,EAAE,MAAM,CAAC,CAClB,CAAC;IAEF,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,GAAS,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,CAAC,EACjE,CAAC,OAAO,EAAE,MAAM,CAAC,CAClB,CAAC;IAEF,MAAM,IAAI,GAAG,WAAW,CACtB,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAClD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO;QACL,IAAI;QACJ,IAAI;QACJ,OAAO;QACP,KAAK,EAAE,WAAW;QAClB,2DAA2D;QAC3D,sEAAsE;KACvE,CAAC;AACJ,CAAC","sourcesContent":["import { useCallback } from \"react\";\n\nimport { Href, resolveHref } from \"./href\";\nimport { useLinkToPath } from \"./useLinkToPath\";\nimport { useLoadedNavigation } from \"./useLoadedNavigation\";\n\n// Wraps useLinkTo to provide an API which is similar to the Link component.\nexport function useLink(): {\n  push: (href: Href) => void;\n  replace: (href: Href) => void;\n  back: () => void;\n  parse: typeof resolveHref;\n} {\n  const pending = useLoadedNavigation();\n  const linkTo = useLinkToPath();\n\n  const push = useCallback(\n    (url: Href) => pending(() => linkTo(resolveHref(url))),\n    [pending, linkTo]\n  );\n\n  const replace = useCallback(\n    (url: Href) => pending(() => linkTo(resolveHref(url), \"REPLACE\")),\n    [pending, linkTo]\n  );\n\n  const back = useCallback(\n    () => pending((navigation) => navigation.goBack()),\n    [pending]\n  );\n\n  return {\n    push,\n    back,\n    replace,\n    parse: resolveHref,\n    // TODO(EvanBacon): add `pathname`, `query`, maybe `reload`\n    // TODO(EvanBacon): add `canGoBack` but maybe more like a `hasContext`\n  };\n}\n"]}

package/build/link/useLoadedNavigation.d.ts

@@ -0,0 +1,6 @@
+import { NavigationProp } from "@react-navigation/native";
+declare type GenericNavigation = NavigationProp<ReactNavigation.RootParamList>;
+/** Returns a callback which is invoked when the navigation state has loaded. */
+export declare function useLoadedNavigation(): (fn: (navigation: GenericNavigation) => void) => void;
+export {};
+//# sourceMappingURL=useLoadedNavigation.d.ts.map

package/build/link/useLoadedNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLoadedNavigation.d.ts","sourceRoot":"","sources":["../../src/link/useLoadedNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAiB,MAAM,0BAA0B,CAAC;AAKzE,aAAK,iBAAiB,GAAG,cAAc,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;AAEvE,gFAAgF;AAChF,wBAAgB,mBAAmB,sBA8Bb,iBAAiB,KAAK,IAAI,UAU/C"}

package/build/link/useLoadedNavigation.js

@@ -0,0 +1,38 @@
+import { useNavigation } from "@react-navigation/native";
+import { useCallback, useEffect, useRef } from "react";
+import { RootContainer } from "../ContextNavigationContainer";
+/** Returns a callback which is invoked when the navigation state has loaded. */
+export function useLoadedNavigation() {
+    const root = RootContainer.useRef();
+    const navigation = useNavigation();
+    const isMounted = useRef(true);
+    const pending = useRef([]);
+    useEffect(() => {
+        isMounted.current = true;
+        return () => {
+            isMounted.current = false;
+        };
+    }, []);
+    const flush = useCallback(() => {
+        if (isMounted.current) {
+            const pendingCallbacks = pending.current;
+            pending.current = [];
+            pendingCallbacks.forEach((callback) => {
+                callback(navigation);
+            });
+        }
+    }, [navigation]);
+    useEffect(() => {
+        if (root) {
+            flush();
+        }
+    }, [root, flush]);
+    const push = useCallback((fn) => {
+        pending.current.push(fn);
+        if (root) {
+            flush();
+        }
+    }, [flush, root]);
+    return push;
+}
+//# sourceMappingURL=useLoadedNavigation.js.map

package/build/link/useLoadedNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLoadedNavigation.js","sourceRoot":"","sources":["../../src/link/useLoadedNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9D,gFAAgF;AAChF,MAAM,UAAU,mBAAmB;IACjC,MAAM,IAAI,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC;IACpC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,OAAO,GAAG,MAAM,CAA8C,EAAE,CAAC,CAAC;IAExE,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QACzB,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,MAAM,gBAAgB,GAAG,OAAO,CAAC,OAAO,CAAC;YACzC,OAAO,CAAC,OAAO,GAAG,EAAE,CAAC;YACrB,gBAAgB,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;gBACpC,QAAQ,CAAC,UAAU,CAAC,CAAC;YACvB,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE;YACR,KAAK,EAAE,CAAC;SACT;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAElB,MAAM,IAAI,GAAG,WAAW,CACtB,CAAC,EAA2C,EAAE,EAAE;QAC9C,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACzB,IAAI,IAAI,EAAE;YACR,KAAK,EAAE,CAAC;SACT;IACH,CAAC,EACD,CAAC,KAAK,EAAE,IAAI,CAAC,CACd,CAAC;IAEF,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["import { NavigationProp, useNavigation } from \"@react-navigation/native\";\nimport { useCallback, useEffect, useRef } from \"react\";\n\nimport { RootContainer } from \"../ContextNavigationContainer\";\n\ntype GenericNavigation = NavigationProp<ReactNavigation.RootParamList>;\n\n/** Returns a callback which is invoked when the navigation state has loaded. */\nexport function useLoadedNavigation() {\n  const root = RootContainer.useRef();\n  const navigation = useNavigation();\n  const isMounted = useRef(true);\n  const pending = useRef<((navigation: GenericNavigation) => void)[]>([]);\n\n  useEffect(() => {\n    isMounted.current = true;\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  const flush = useCallback(() => {\n    if (isMounted.current) {\n      const pendingCallbacks = pending.current;\n      pending.current = [];\n      pendingCallbacks.forEach((callback) => {\n        callback(navigation);\n      });\n    }\n  }, [navigation]);\n\n  useEffect(() => {\n    if (root) {\n      flush();\n    }\n  }, [root, flush]);\n\n  const push = useCallback(\n    (fn: (navigation: GenericNavigation) => void) => {\n      pending.current.push(fn);\n      if (root) {\n        flush();\n      }\n    },\n    [flush, root]\n  );\n\n  return push;\n}\n"]}

package/build/useCurrentRoute.d.ts

@@ -1,10 +1,7 @@
+import { NavigationContainerRefWithCurrent } from "@react-navigation/native";
 import React from "react";
-export declare const VirtualRouteContext: React.Context<{
-    pathname: string | null;
-    query: Record<string, any>;
+export declare const RootNavigationRef: React.Context<{
+    ref: NavigationContainerRefWithCurrent<ReactNavigation.RootParamList> | null;
 }>;
-export declare function useCurrentRoute(): {
-    pathname: string | null;
-    query: Record<string, any>;
-};
+export declare function useRootNavigation(): NavigationContainerRefWithCurrent<ReactNavigation.RootParamList> | null;
 //# sourceMappingURL=useCurrentRoute.d.ts.map

package/build/useCurrentRoute.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCurrentRoute.d.ts","sourceRoot":"","sources":["../src/useCurrentRoute.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,mBAAmB;cACpB,MAAM,GAAG,IAAI;WAChB,OAAO,MAAM,EAAE,GAAG,CAAC;EACK,CAAC;AAMlC,wBAAgB,eAAe;;;EAQ9B"}
+{"version":3,"file":"useCurrentRoute.d.ts","sourceRoot":"","sources":["../src/useCurrentRoute.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iCAAiC,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,iBAAiB;SACvB,kCAAkC,gBAAgB,aAAa,CAAC,GAAG,IAAI;EAC7D,CAAC;AAMlB,wBAAgB,iBAAiB,4EAQhC"}

package/build/useCurrentRoute.js

@@ -1,13 +1,13 @@
 import React from "react";
-export const VirtualRouteContext = React.createContext({ pathname: null, query: {} });
+export const RootNavigationRef = React.createContext({ ref: null });
 if (process.env.NODE_ENV !== "production") {
-    VirtualRouteContext.displayName = "VirtualRouteContext";
+    RootNavigationRef.displayName = "RootNavigationRef";
 }
-export function useCurrentRoute() {
-    const context = React.useContext(VirtualRouteContext);
+export function useRootNavigation() {
+    const context = React.useContext(RootNavigationRef);
     if (!context) {
-        throw new Error("useCurrentRoute must be used within a NavigationContainerContext");
+        throw new Error("useRootNavigation must be used within a NavigationContainerContext");
     }
-    return context;
+    return context.ref;
 }
 //# sourceMappingURL=useCurrentRoute.js.map

package/build/useCurrentRoute.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCurrentRoute.js","sourceRoot":"","sources":["../src/useCurrentRoute.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAGnD,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;AAElC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;CACzD;AAED,MAAM,UAAU,eAAe;IAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;IACtD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,kEAAkE,CACnE,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["import React from \"react\";\n\nexport const VirtualRouteContext = React.createContext<{\n  pathname: string | null;\n  query: Record<string, any>;\n}>({ pathname: null, query: {} });\n\nif (process.env.NODE_ENV !== \"production\") {\n  VirtualRouteContext.displayName = \"VirtualRouteContext\";\n}\n\nexport function useCurrentRoute() {\n  const context = React.useContext(VirtualRouteContext);\n  if (!context) {\n    throw new Error(\n      \"useCurrentRoute must be used within a NavigationContainerContext\"\n    );\n  }\n  return context;\n}\n"]}
+{"version":3,"file":"useCurrentRoute.js","sourceRoot":"","sources":["../src/useCurrentRoute.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAEjD,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;AAElB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC;CACrD;AAED,MAAM,UAAU,iBAAiB;IAC/B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACpD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,oEAAoE,CACrE,CAAC;KACH;IACD,OAAO,OAAO,CAAC,GAAG,CAAC;AACrB,CAAC","sourcesContent":["import { NavigationContainerRefWithCurrent } from \"@react-navigation/native\";\nimport React from \"react\";\n\nexport const RootNavigationRef = React.createContext<{\n  ref: NavigationContainerRefWithCurrent<ReactNavigation.RootParamList> | null;\n}>({ ref: null });\n\nif (process.env.NODE_ENV !== \"production\") {\n  RootNavigationRef.displayName = \"RootNavigationRef\";\n}\n\nexport function useRootNavigation() {\n  const context = React.useContext(RootNavigationRef);\n  if (!context) {\n    throw new Error(\n      \"useRootNavigation must be used within a NavigationContainerContext\"\n    );\n  }\n  return context.ref;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-router",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "main": "build/index.js",
   "files": [
     "entry.js",