expo-router 0.0.10 → 0.0.14

package/build/ContextNavigationContainer.d.ts

@@ -1,33 +1,33 @@
-import { LinkingOptions, NavigationContainer } from "@react-navigation/native";
-import React from "react";
+import { NavigationContainer, NavigationContainerRef } from '@react-navigation/native';
+import React from 'react';
 declare type NavigationContainerProps = React.ComponentProps<typeof NavigationContainer>;
 export declare function useNavigationContainerContext(): [Partial<import("@react-navigation/native").NavigationContainerProps & {
     theme?: import("@react-navigation/native").Theme | undefined;
-    linking?: LinkingOptions<{}> | undefined;
+    linking?: import("@react-navigation/native").LinkingOptions<{}> | undefined;
     fallback?: React.ReactNode;
     documentTitle?: import("@react-navigation/native").DocumentTitleOptions | undefined;
     onReady?: (() => void) | undefined;
 } & {
-    ref?: React.Ref<import("@react-navigation/native").NavigationContainerRef<{}>> | undefined;
+    ref?: React.Ref<NavigationContainerRef<{}>> | undefined;
 }>, (props: Partial<import("@react-navigation/native").NavigationContainerProps & {
     theme?: import("@react-navigation/native").Theme | undefined;
-    linking?: LinkingOptions<{}> | undefined;
+    linking?: import("@react-navigation/native").LinkingOptions<{}> | undefined;
     fallback?: React.ReactNode;
     documentTitle?: import("@react-navigation/native").DocumentTitleOptions | undefined;
     onReady?: (() => void) | undefined;
 } & {
-    ref?: React.Ref<import("@react-navigation/native").NavigationContainerRef<{}>> | undefined;
+    ref?: React.Ref<NavigationContainerRef<{}>> | undefined;
 }>) => void];
 /** react-navigation `NavigationContainer` with automatic `linking` prop generated from the routes context. */
 export declare const ContextNavigationContainer: React.ForwardRefExoticComponent<Pick<import("@react-navigation/native").NavigationContainerProps & {
     theme?: import("@react-navigation/native").Theme | undefined;
-    linking?: LinkingOptions<{}> | undefined;
+    linking?: import("@react-navigation/native").LinkingOptions<{}> | undefined;
     fallback?: React.ReactNode;
     documentTitle?: import("@react-navigation/native").DocumentTitleOptions | undefined;
     onReady?: (() => void) | undefined;
 } & {
-    ref?: React.Ref<import("@react-navigation/native").NavigationContainerRef<{}>> | undefined;
-}, keyof import("@react-navigation/native").NavigationContainerProps | "theme" | "linking" | "fallback" | "documentTitle" | "onReady"> & React.RefAttributes<import("@react-navigation/native").NavigationContainerRef<{}>>>;
-export declare function RootContainer({ documentTitle, fallback, initialState, onStateChange, onUnhandledAction, theme }: Omit<NavigationContainerProps, 'independent' | 'onReady' | 'ref' | 'children' | 'linking'>): null;
+    ref?: React.Ref<NavigationContainerRef<{}>> | undefined;
+}, keyof import("@react-navigation/native").NavigationContainerProps | "theme" | "linking" | "fallback" | "documentTitle" | "onReady"> & React.RefAttributes<NavigationContainerRef<{}>>>;
+export declare function RootContainer({ documentTitle, fallback, onReady, initialState, onStateChange, onUnhandledAction, theme }: Omit<NavigationContainerProps, 'independent' | 'ref' | 'children' | 'linking'>): null;
 export {};
 //# sourceMappingURL=ContextNavigationContainer.d.ts.map

package/build/ContextNavigationContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextNavigationContainer.d.ts","sourceRoot":"","sources":["../src/ContextNavigationContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/E,OAAO,KAA+B,MAAM,OAAO,CAAC;AAKpD,aAAK,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAChD,OAAO,mBAAmB,CAC7B,CAAC;AASF,wBAAgB,6BAA6B;;;;;;;;;;;;;;;;aAQ5C;AAED,8GAA8G;AAC9G,eAAO,MAAM,0BAA0B;;;;;;;;4NA2BtC,CAAC;AAgBF,wBAAgB,aAAa,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,KAAK,EAAE,EAAE,IAAI,CAAC,wBAAwB,EAAE,aAAa,GAAG,SAAS,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CAAC,QAQ3M"}
+{"version":3,"file":"ContextNavigationContainer.d.ts","sourceRoot":"","sources":["../src/ContextNavigationContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,mBAAmB,EAAE,sBAAsB,EAAiB,MAAM,0BAA0B,CAAC;AACxH,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,aAAK,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAChD,OAAO,mBAAmB,CAC7B,CAAC;AAIF,wBAAgB,6BAA6B;;;;;;;;;;;;;;;;aAQ5C;AAED,8GAA8G;AAC9G,eAAO,MAAM,0BAA0B;;;;;;;;yLAsBtC,CAAC;AAiDF,wBAAgB,aAAa,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,KAAK,EAAE,EAAE,IAAI,CAAC,wBAAwB,EAAE,aAAa,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CAAC,QAQxM"}

package/build/ContextNavigationContainer.js

@@ -1,12 +1,8 @@
-import { NavigationContainer } from "@react-navigation/native";
-import React, { useMemo, useCallback } from "react";
-import { useRoutesContext } from "./context";
-import { getLinkingConfig } from "./getLinkingConfig";
-import SplashModule from "./splash";
-function useLinkingConfig() {
-    const routes = useRoutesContext();
-    return useMemo(() => getLinkingConfig(routes), [routes]);
-}
+import { findFocusedRoute, NavigationContainer } from '@react-navigation/native';
+import React, { useCallback } from 'react';
+import { useLinkingConfig } from './getLinkingConfig';
+import SplashModule from './splash';
+import { VirtualRouteContext } from './useCurrentRoute';
 const NavigationContainerContext = React.createContext([{}, function () { }]);
 export function useNavigationContainerContext() {
     const context = React.useContext(NavigationContainerContext);
@@ -20,32 +16,50 @@ export const ContextNavigationContainer = React.forwardRef((props, ref) => {
     const [state, setState] = React.useState({});
     const linking = useLinkingConfig();
     console.log('linking', linking);
-    const onReady = useCallback(() => {
-        props.onReady?.();
-        SplashModule?.hideAsync();
-    }, [props.onReady]);
     return (React.createElement(NavigationContainerContext.Provider, { value: [
             {
                 ...props,
                 linking,
-                onReady,
                 ...state,
             },
             setState,
         ] },
         React.createElement(InternalContextNavigationContainer, { ref: ref })));
 });
+function trimQuery(pathname) {
+    const queryIndex = pathname.indexOf('?');
+    if (queryIndex !== -1) {
+        return pathname.substring(0, queryIndex);
+    }
+    return pathname;
+}
 const InternalContextNavigationContainer = React.forwardRef((props, ref) => {
     const [contextProps] = useNavigationContainerContext();
-    return (
-    // @ts-expect-error: children are required
-    React.createElement(NavigationContainer, { ref: ref, ...props, ...contextProps }));
+    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]);
+    const navigationRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => navigationRef.current, [navigationRef]);
+    return (React.createElement(VirtualRouteContext.Provider, { value: state },
+        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);
+            } })));
 });
-export function RootContainer({ documentTitle, fallback, initialState, onStateChange, onUnhandledAction, theme }) {
+export function RootContainer({ documentTitle, fallback, onReady, initialState, onStateChange, onUnhandledAction, theme }) {
     const [, setProps] = useNavigationContainerContext();
     React.useEffect(() => {
-        setProps({ documentTitle, fallback, initialState, onStateChange, onUnhandledAction, theme });
-    }, [documentTitle, fallback, initialState, onStateChange, onUnhandledAction, theme]);
+        setProps({ documentTitle, fallback, onReady, initialState, onStateChange, onUnhandledAction, theme });
+    }, [documentTitle, fallback, onReady, initialState, onStateChange, onUnhandledAction, theme]);
     return null;
 }
 //# sourceMappingURL=ContextNavigationContainer.js.map

package/build/ContextNavigationContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextNavigationContainer.js","sourceRoot":"","sources":["../src/ContextNavigationContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/E,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,YAAY,MAAM,UAAU,CAAC;AAMpC,SAAS,gBAAgB;IACrB,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;IAClC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AAC7D,CAAC;AAED,MAAM,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAA0F,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;AAEvK,MAAM,UAAU,6BAA6B;IACzC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC;IAC7D,IAAI,CAAC,OAAO,EAAE;QACV,MAAM,IAAI,KAAK,CACX,gFAAgF,CACnF,CAAC;KACL;IACD,OAAO,OAAO,CAAC;AACnB,CAAC;AAED,8GAA8G;AAC9G,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,CAAC,UAAU,CACtD,CAAC,KAA+B,EAAE,GAAoC,EAAE,EAAE;IACtE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAoC,EAAE,CAAC,CAAC;IAEhF,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAChC,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;QAClB,YAAY,EAAE,SAAS,EAAE,CAAC;IAC9B,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACH,oBAAC,0BAA0B,CAAC,QAAQ,IAAC,KAAK,EAAE;YACxC;gBACI,GAAG,KAAK;gBACR,OAAO;gBACP,OAAO;gBACP,GAAG,KAAK;aACX;YACD,QAAQ;SACX;QACG,oBAAC,kCAAkC,IAC/B,GAAG,EAAE,GAAG,GACV,CACgC,CACzC,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,MAAM,kCAAkC,GAAG,KAAK,CAAC,UAAU,CACvD,CAAC,KAAS,EAAE,GAAoC,EAAE,EAAE;IAChD,MAAM,CAAC,YAAY,CAAC,GAAG,6BAA6B,EAAE,CAAC;IACvD,OAAO;IACH,0CAA0C;IAC1C,oBAAC,mBAAmB,IAChB,GAAG,EAAE,GAAG,KACJ,KAAK,KACL,YAAY,GAClB,CACL,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,KAAK,EAA8F;IACxM,MAAM,CAAC,EAAE,QAAQ,CAAC,GAAG,6BAA6B,EAAE,CAAC;IAErD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,QAAQ,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,KAAK,EAAE,CAAC,CAAC;IACjG,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,KAAK,CAAC,CAAC,CAAC;IAErF,OAAO,IAAI,CAAC;AAChB,CAAC","sourcesContent":["import { LinkingOptions, NavigationContainer } from \"@react-navigation/native\";\nimport React, { useMemo, useCallback } from \"react\";\nimport { useRoutesContext } from \"./context\";\nimport { getLinkingConfig } from \"./getLinkingConfig\";\nimport SplashModule from \"./splash\";\n\ntype NavigationContainerProps = React.ComponentProps<\n    typeof NavigationContainer\n>;\n\nfunction useLinkingConfig(): LinkingOptions<{}> {\n    const routes = useRoutesContext();\n    return useMemo(() => getLinkingConfig(routes), [routes]);\n}\n\nconst NavigationContainerContext = React.createContext<[Partial<NavigationContainerProps>, (props: Partial<NavigationContainerProps>) => void]>([{}, 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 const ContextNavigationContainer = React.forwardRef(\n    (props: NavigationContainerProps, ref: NavigationContainerProps[\"ref\"]) => {\n        const [state, setState] = React.useState<Partial<NavigationContainerProps>>({});\n\n        const linking = useLinkingConfig();\n        console.log('linking', linking);\n        const onReady = useCallback(() => {\n            props.onReady?.();\n            SplashModule?.hideAsync();\n        }, [props.onReady]);\n\n        return (\n            <NavigationContainerContext.Provider value={[\n                {\n                    ...props,\n                    linking,\n                    onReady,\n                    ...state,\n                },\n                setState,\n            ]}>\n                <InternalContextNavigationContainer\n                    ref={ref}\n                />\n            </NavigationContainerContext.Provider>\n        );\n    }\n);\n\nconst InternalContextNavigationContainer = React.forwardRef(\n    (props: {}, ref: NavigationContainerProps[\"ref\"]) => {\n        const [contextProps] = useNavigationContainerContext();\n        return (\n            // @ts-expect-error: children are required\n            <NavigationContainer\n                ref={ref}\n                {...props}\n                {...contextProps}\n            />\n        );\n    }\n);\n\nexport function RootContainer({ documentTitle, fallback, initialState, onStateChange, onUnhandledAction, theme }: Omit<NavigationContainerProps, 'independent' | 'onReady' | 'ref' | 'children' | 'linking'>) {\n    const [, setProps] = useNavigationContainerContext();\n\n    React.useEffect(() => {\n        setProps({ documentTitle, fallback, initialState, onStateChange, onUnhandledAction, theme });\n    }, [documentTitle, fallback, initialState, onStateChange, onUnhandledAction, theme]);\n\n    return null;\n}"]}
+{"version":3,"file":"ContextNavigationContainer.js","sourceRoot":"","sources":["../src/ContextNavigationContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { findFocusedRoute, NavigationContainer, NavigationContainerRef, ParamListBase } from '@react-navigation/native';\nimport React, { useCallback } from 'react';\n\nimport { useLinkingConfig } from './getLinkingConfig';\nimport SplashModule from './splash';\nimport { VirtualRouteContext } from './useCurrentRoute';\n\ntype NavigationContainerProps = React.ComponentProps<\n    typeof NavigationContainer\n>;\n\nconst NavigationContainerContext = React.createContext<[Partial<NavigationContainerProps>, (props: Partial<NavigationContainerProps>) => void]>([{}, 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 const ContextNavigationContainer = React.forwardRef(\n    (props: NavigationContainerProps, ref: NavigationContainerProps[\"ref\"]) => {\n        const [state, setState] = React.useState<Partial<NavigationContainerProps>>({});\n\n        const linking = useLinkingConfig();\n        console.log('linking', linking);\n\n        return (\n            <NavigationContainerContext.Provider value={[\n                {\n                    ...props,\n                    linking,\n                    ...state,\n                },\n                setState,\n            ]}>\n                <InternalContextNavigationContainer\n                    ref={ref}\n                />\n            </NavigationContainerContext.Provider>\n        );\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\nconst InternalContextNavigationContainer = React.forwardRef(\n    (props: {}, ref: NavigationContainerProps[\"ref\"]) => {\n        const [contextProps] = useNavigationContainerContext();\n        const [state, setState] = React.useState<{ pathname: string | null, query: Record<string, any> }>({ pathname: null, query: {} });\n\n        const onStateChange = useCallback((state) => {\n            if (state) {\n                const currentRoute = findFocusedRoute(state);\n                setState({ pathname: trimQuery(currentRoute?.path ?? '/'), query: currentRoute?.params ?? {} });\n            }\n        }, [setState]);\n\n        const navigationRef = React.useRef<NavigationContainerRef<ParamListBase>>(null);\n\n        React.useImperativeHandle(ref, () => navigationRef.current!, [navigationRef]);\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);\n\nexport function RootContainer({ documentTitle, fallback, onReady, initialState, onStateChange, onUnhandledAction, theme }: Omit<NavigationContainerProps, 'independent' | 'ref' | 'children' | 'linking'>) {\n    const [, setProps] = useNavigationContainerContext();\n\n    React.useEffect(() => {\n        setProps({ documentTitle, fallback, onReady, initialState, onStateChange, onUnhandledAction, theme });\n    }, [documentTitle, fallback, onReady, initialState, onStateChange, onUnhandledAction, theme]);\n\n    return null;\n}"]}

package/build/getLinkingConfig.d.ts

@@ -2,4 +2,5 @@ import { LinkingOptions, PathConfigMap } from "@react-navigation/native";
 import { RouteNode } from "./Route";
 export declare function treeToReactNavigationLinkingRoutes(nodes: RouteNode[], parents?: string[]): PathConfigMap<{}>;
 export declare function getLinkingConfig(routes: RouteNode[]): LinkingOptions<{}>;
+export declare function useLinkingConfig(): LinkingOptions<{}>;
 //# sourceMappingURL=getLinkingConfig.d.ts.map

package/build/getLinkingConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getLinkingConfig.d.ts","sourceRoot":"","sources":["../src/getLinkingConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AASzE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AA4BpC,wBAAgB,kCAAkC,CAChD,KAAK,EAAE,SAAS,EAAE,EAClB,OAAO,GAAE,MAAM,EAAO,GACrB,aAAa,CAAC,EAAE,CAAC,CAwBnB;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,CAAC,EAAE,CAAC,CAuBxE"}
+{"version":3,"file":"getLinkingConfig.d.ts","sourceRoot":"","sources":["../src/getLinkingConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAUzE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AA6BpC,wBAAgB,kCAAkC,CAChD,KAAK,EAAE,SAAS,EAAE,EAClB,OAAO,GAAE,MAAM,EAAO,GACrB,aAAa,CAAC,EAAE,CAAC,CAwBnB;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,CAAC,EAAE,CAAC,CAuBxE;AAED,wBAAgB,gBAAgB,IAAI,cAAc,CAAC,EAAE,CAAC,CAGrD"}

package/build/getLinkingConfig.js

@@ -1,6 +1,8 @@
+import { useMemo } from "react";
 import { getAllWebRedirects } from "./aasa";
 import { matchDeepDynamicRouteName, matchDynamicName, matchFragmentName, } from "./matchers";
-import { addEventListener, getInitialURL, rootURL, getPathFromState, getStateFromPath, } from "./linking";
+import { addEventListener, getInitialURL, getRootURL, getPathFromState, getStateFromPath, } from "./linking";
+import { useRoutesContext } from "./context";
 // `[page]` -> `:page`
 // `page` -> `page`
 function convertDynamicRouteToReactNavigation(name) {
@@ -41,7 +43,7 @@ export function getLinkingConfig(routes) {
     return {
         prefixes: [
             /* your linking prefixes */
-            rootURL,
+            getRootURL(),
             // This ensures that we can redirect correctly when the user comes from an associated domain
             // i.e. iOS Safari banner.
             ...getAllWebRedirects(),
@@ -60,4 +62,8 @@ export function getLinkingConfig(routes) {
         getPathFromState,
     };
 }
+export function useLinkingConfig() {
+    const routes = useRoutesContext();
+    return useMemo(() => getLinkingConfig(routes), [routes]);
+}
 //# sourceMappingURL=getLinkingConfig.js.map

package/build/getLinkingConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"getLinkingConfig.js","sourceRoot":"","sources":["../src/getLinkingConfig.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,OAAO,EACL,yBAAyB,EACzB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,WAAW,CAAC;AAEnB,sBAAsB;AACtB,mBAAmB;AACnB,SAAS,oCAAoC,CAAC,IAAY;IACxD,IAAI,yBAAyB,CAAC,IAAI,CAAC,EAAE;QACnC,OAAO,GAAG,CAAC;KACZ;IACD,MAAM,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAE3C,IAAI,WAAW,EAAE;QACf,OAAO,IAAI,WAAW,EAAE,CAAC;KAC1B;IAED,IAAI,IAAI,KAAK,OAAO,IAAI,iBAAiB,CAAC,IAAI,CAAC,EAAE;QAC/C,OAAO,EAAE,CAAC;KACX;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,kCAAkC,CAChD,KAAkB,EAClB,UAAoB,EAAE;IAEtB,kEAAkE;IAClE,yFAAyF;IACzF,MAAM,SAAS,GAAG,KAAK;SACpB,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACZ,MAAM,IAAI,GAAG,oCAAoC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE9D,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACzB,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;SAC3B;QAED,MAAM,OAAO,GAAG,kCAAkC,CAAC,IAAI,CAAC,QAAQ,EAAE;YAChE,GAAG,OAAO;YACV,IAAI;SACL,CAAC,CAAC;QAEH,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAU,CAAC;IAClD,CAAC,CAAC;SACD,MAAM,CAAoB,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,EAAE;QACnD,GAAG,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC;QACrB,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;IAET,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,MAAmB;IAClD,OAAO;QACL,QAAQ,EAAE;YACR,2BAA2B;YAC3B,OAAO;YAEP,4FAA4F;YAC5F,0BAA0B;YAC1B,GAAG,kBAAkB,EAAE;SACxB;QACD,MAAM,EAAE;YACN,OAAO,EAAE,kCAAkC,CAAC,MAAM,CAAC;SACpD;QACD,8EAA8E;QAC9E,wEAAwE;QACxE,+EAA+E;QAC/E,8GAA8G;QAC9G,8EAA8E;QAC9E,aAAa,EAAE,aAAa;QAC5B,SAAS,EAAE,gBAAgB;QAC3B,gBAAgB;QAChB,gBAAgB;KACjB,CAAC;AACJ,CAAC","sourcesContent":["import { LinkingOptions, PathConfigMap } from \"@react-navigation/native\";\n\nimport { getAllWebRedirects } from \"./aasa\";\n\nimport {\n  matchDeepDynamicRouteName,\n  matchDynamicName,\n  matchFragmentName,\n} from \"./matchers\";\nimport { RouteNode } from \"./Route\";\nimport {\n  addEventListener,\n  getInitialURL,\n  rootURL,\n  getPathFromState,\n  getStateFromPath,\n} from \"./linking\";\n\n// `[page]` -> `:page`\n// `page` -> `page`\nfunction convertDynamicRouteToReactNavigation(name: string) {\n  if (matchDeepDynamicRouteName(name)) {\n    return \"*\";\n  }\n  const dynamicName = matchDynamicName(name);\n\n  if (dynamicName) {\n    return `:${dynamicName}`;\n  }\n\n  if (name === \"index\" || matchFragmentName(name)) {\n    return \"\";\n  }\n\n  return name;\n}\n\nexport function treeToReactNavigationLinkingRoutes(\n  nodes: RouteNode[],\n  parents: string[] = []\n): PathConfigMap<{}> {\n  // TODO: Intercept errors, strip invalid routes, and warn instead.\n  // Our warnings can be more helpful than upstream since we know the associated file name.\n  const firstPass = nodes\n    .map((node) => {\n      const path = convertDynamicRouteToReactNavigation(node.route);\n\n      if (!node.children.length) {\n        return [node.route, path];\n      }\n\n      const screens = treeToReactNavigationLinkingRoutes(node.children, [\n        ...parents,\n        path,\n      ]);\n\n      return [node.route, { path, screens }] as const;\n    })\n    .reduce<PathConfigMap<{}>>((acc, [route, current]) => {\n      acc[route] = current;\n      return acc;\n    }, {});\n\n  return firstPass;\n}\n\nexport function getLinkingConfig(routes: RouteNode[]): LinkingOptions<{}> {\n  return {\n    prefixes: [\n      /* your linking prefixes */\n      rootURL,\n\n      // This ensures that we can redirect correctly when the user comes from an associated domain\n      // i.e. iOS Safari banner.\n      ...getAllWebRedirects(),\n    ],\n    config: {\n      screens: treeToReactNavigationLinkingRoutes(routes),\n    },\n    // A custom getInitialURL is used on native to ensure the app always starts at\n    // the root path if it's launched from something other than a deep link.\n    // This helps keep the native functionality working like the web functionality.\n    // For example, if you had a root navigator where the first screen was `/settings` and the second was `/index`\n    // then `/index` would be used on web and `/settings` would be used on native.\n    getInitialURL: getInitialURL,\n    subscribe: addEventListener,\n    getStateFromPath,\n    getPathFromState,\n  };\n}\n"]}
+{"version":3,"file":"getLinkingConfig.js","sourceRoot":"","sources":["../src/getLinkingConfig.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,OAAO,EACL,yBAAyB,EACzB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE7C,sBAAsB;AACtB,mBAAmB;AACnB,SAAS,oCAAoC,CAAC,IAAY;IACxD,IAAI,yBAAyB,CAAC,IAAI,CAAC,EAAE;QACnC,OAAO,GAAG,CAAC;KACZ;IACD,MAAM,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAE3C,IAAI,WAAW,EAAE;QACf,OAAO,IAAI,WAAW,EAAE,CAAC;KAC1B;IAED,IAAI,IAAI,KAAK,OAAO,IAAI,iBAAiB,CAAC,IAAI,CAAC,EAAE;QAC/C,OAAO,EAAE,CAAC;KACX;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,kCAAkC,CAChD,KAAkB,EAClB,UAAoB,EAAE;IAEtB,kEAAkE;IAClE,yFAAyF;IACzF,MAAM,SAAS,GAAG,KAAK;SACpB,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACZ,MAAM,IAAI,GAAG,oCAAoC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE9D,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACzB,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;SAC3B;QAED,MAAM,OAAO,GAAG,kCAAkC,CAAC,IAAI,CAAC,QAAQ,EAAE;YAChE,GAAG,OAAO;YACV,IAAI;SACL,CAAC,CAAC;QAEH,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAU,CAAC;IAClD,CAAC,CAAC;SACD,MAAM,CAAoB,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,EAAE;QACnD,GAAG,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC;QACrB,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;IAET,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,MAAmB;IAClD,OAAO;QACL,QAAQ,EAAE;YACR,2BAA2B;YAC3B,UAAU,EAAE;YAEZ,4FAA4F;YAC5F,0BAA0B;YAC1B,GAAG,kBAAkB,EAAE;SACxB;QACD,MAAM,EAAE;YACN,OAAO,EAAE,kCAAkC,CAAC,MAAM,CAAC;SACpD;QACD,8EAA8E;QAC9E,wEAAwE;QACxE,+EAA+E;QAC/E,8GAA8G;QAC9G,8EAA8E;QAC9E,aAAa,EAAE,aAAa;QAC5B,SAAS,EAAE,gBAAgB;QAC3B,gBAAgB;QAChB,gBAAgB;KACjB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;IAClC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AAC3D,CAAC","sourcesContent":["import { LinkingOptions, PathConfigMap } from \"@react-navigation/native\";\nimport { useMemo } from \"react\";\n\nimport { getAllWebRedirects } from \"./aasa\";\n\nimport {\n  matchDeepDynamicRouteName,\n  matchDynamicName,\n  matchFragmentName,\n} from \"./matchers\";\nimport { RouteNode } from \"./Route\";\nimport {\n  addEventListener,\n  getInitialURL,\n  getRootURL,\n  getPathFromState,\n  getStateFromPath,\n} from \"./linking\";\nimport { useRoutesContext } from \"./context\";\n\n// `[page]` -> `:page`\n// `page` -> `page`\nfunction convertDynamicRouteToReactNavigation(name: string) {\n  if (matchDeepDynamicRouteName(name)) {\n    return \"*\";\n  }\n  const dynamicName = matchDynamicName(name);\n\n  if (dynamicName) {\n    return `:${dynamicName}`;\n  }\n\n  if (name === \"index\" || matchFragmentName(name)) {\n    return \"\";\n  }\n\n  return name;\n}\n\nexport function treeToReactNavigationLinkingRoutes(\n  nodes: RouteNode[],\n  parents: string[] = []\n): PathConfigMap<{}> {\n  // TODO: Intercept errors, strip invalid routes, and warn instead.\n  // Our warnings can be more helpful than upstream since we know the associated file name.\n  const firstPass = nodes\n    .map((node) => {\n      const path = convertDynamicRouteToReactNavigation(node.route);\n\n      if (!node.children.length) {\n        return [node.route, path];\n      }\n\n      const screens = treeToReactNavigationLinkingRoutes(node.children, [\n        ...parents,\n        path,\n      ]);\n\n      return [node.route, { path, screens }] as const;\n    })\n    .reduce<PathConfigMap<{}>>((acc, [route, current]) => {\n      acc[route] = current;\n      return acc;\n    }, {});\n\n  return firstPass;\n}\n\nexport function getLinkingConfig(routes: RouteNode[]): LinkingOptions<{}> {\n  return {\n    prefixes: [\n      /* your linking prefixes */\n      getRootURL(),\n\n      // This ensures that we can redirect correctly when the user comes from an associated domain\n      // i.e. iOS Safari banner.\n      ...getAllWebRedirects(),\n    ],\n    config: {\n      screens: treeToReactNavigationLinkingRoutes(routes),\n    },\n    // A custom getInitialURL is used on native to ensure the app always starts at\n    // the root path if it's launched from something other than a deep link.\n    // This helps keep the native functionality working like the web functionality.\n    // For example, if you had a root navigator where the first screen was `/settings` and the second was `/index`\n    // then `/index` would be used on web and `/settings` would be used on native.\n    getInitialURL: getInitialURL,\n    subscribe: addEventListener,\n    getStateFromPath,\n    getPathFromState,\n  };\n}\n\nexport function useLinkingConfig(): LinkingOptions<{}> {\n  const routes = useRoutesContext();\n  return useMemo(() => getLinkingConfig(routes), [routes]);\n}\n"]}

package/build/index.d.ts

@@ -1,5 +1,3 @@
-export { useRoutes } from "./Route";
-export { useScreens } from "./useScreens";
 export { ErrorBoundaryProps } from "./views/Try";
 export { Stack } from "./layouts/Stack";
 export { NativeStack } from "./layouts/NativeStack";
@@ -11,6 +9,7 @@ export { Unmatched } from "./views/Unmatched";
 export { ErrorBoundary } from "./views/ErrorBoundary";
 export { Layout, Children } from "./views/Layout";
 export { Link } from "./views/Link";
-export { RootContainer, useNavigationContainerContext } from "./ContextNavigationContainer";
-export * as Linking from './linking';
+export { useLink } from "./useLink";
+export { RootContainer } from "./ContextNavigationContainer";
+export * as Linking from "./linking";
 //# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,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,cAAc,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAE5F,OAAO,KAAK,OAAO,MAAM,WAAW,CAAA"}
+{"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,cAAc,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG7D,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC"}

package/build/index.js

@@ -1,5 +1,5 @@
-export { useRoutes } from "./Route";
-export { useScreens } from "./useScreens";
+// export { useRoutes } from "./Route";
+// export { useScreens } from "./useScreens";
 export { Stack } from "./layouts/Stack";
 export { NativeStack } from "./layouts/NativeStack";
 export { Tabs } from "./layouts/Tabs";
@@ -10,7 +10,8 @@ export { Unmatched } from "./views/Unmatched";
 export { ErrorBoundary } from "./views/ErrorBoundary";
 export { Layout, Children } from "./views/Layout";
 export { Link } from "./views/Link";
-export { RootContainer, useNavigationContainerContext } from "./ContextNavigationContainer";
-import * as Linking_1 from './linking';
+export { useLink } from "./useLink";
+export { RootContainer } from "./ContextNavigationContainer";
+import * as Linking_1 from "./linking";
 export { Linking_1 as Linking };
 //# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,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,cAAc,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;2BAEnE,WAAW;sBAAxB,OAAO","sourcesContent":["export { useRoutes } from \"./Route\";\nexport { 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 \"./views/Link\";\nexport { RootContainer, useNavigationContainerContext } from \"./ContextNavigationContainer\";\n\nexport * as Linking from './linking'"]}
+{"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,cAAc,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;2BAGpC,WAAW;sBAAxB,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 \"./views/Link\";\nexport { useLink } from \"./useLink\";\nexport { RootContainer } from \"./ContextNavigationContainer\";\n// export { useCurrentRoute } from \"./useCurrentRoute\";\n\nexport * as Linking from \"./linking\";\n"]}

package/build/linking.d.ts

@@ -1,13 +1,7 @@
 import getPathFromState from "./fork/getPathFromState";
 import getStateFromPath from "./fork/getStateFromPath";
-/**
- * Get the client-side URL. On web this is always the current URL, on native this may differ from the native Linking state.
- *
- * You can use `Linking.createURL(useClientURL())` to get the absolute URL.
- */
-export declare function useClientURL(): string;
 export declare function getInitialURL(): Promise<string>;
-export declare const rootURL: string;
+export declare function getRootURL(): string;
 export declare function addEventListener(listener: (url: string) => void): () => void;
 export { getStateFromPath, getPathFromState };
 //# sourceMappingURL=linking.d.ts.map

package/build/linking.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"linking.d.ts","sourceRoot":"","sources":["../src/linking.ts"],"names":[],"mappings":"AAIA,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AAGvD;;;;GAIG;AACH,wBAAgB,YAAY,WAU3B;AAOD,wBAAsB,aAAa,IAAI,OAAO,CAAC,MAAM,CAAC,CA+BrD;AAED,eAAO,MAAM,OAAO,QAAyB,CAAC;AAE9C,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,cAiC/D;AAED,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"linking.d.ts","sourceRoot":"","sources":["../src/linking.ts"],"names":[],"mappings":"AAGA,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AAOvD,wBAAsB,aAAa,IAAI,OAAO,CAAC,MAAM,CAAC,CA+BrD;AAID,wBAAgB,UAAU,WAKzB;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,cAiC/D;AAED,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/build/linking.js

@@ -1,24 +1,7 @@
 import Constants, { ExecutionEnvironment } from "expo-constants";
 import * as Linking from "expo-linking";
-import { Platform } from "react-native";
 import getPathFromState from "./fork/getPathFromState";
 import getStateFromPath from "./fork/getStateFromPath";
-import { useOptionalNavigation } from "./useOptionalNavigation";
-/**
- * Get the client-side URL. On web this is always the current URL, on native this may differ from the native Linking state.
- *
- * You can use `Linking.createURL(useClientURL())` to get the absolute URL.
- */
-export function useClientURL() {
-    if (Platform.OS === "web") {
-        return Linking.useURL() ?? window.location.href;
-    }
-    const navigation = useOptionalNavigation();
-    if (navigation) {
-        return getPathFromState(navigation.getState());
-    }
-    return "/";
-}
 // A custom getInitialURL is used on native to ensure the app always starts at
 // the root path if it's launched from something other than a deep link.
 // This helps keep the native functionality working like the web functionality.
@@ -37,21 +20,27 @@ export async function getInitialURL() {
                 // If the URL is defined (default in Expo Go dev apps) and the URL has no path:
                 // `exp://192.168.87.39:19000/` then use the default `exp://192.168.87.39:19000/--/`
                 if (parsed.path === null || ["", "/"].includes(parsed.path)) {
-                    return rootURL;
+                    return getRootURL();
                 }
             }
             // The path will be nullish in bare apps when the app is launched from the home screen.
             // TODO(EvanBacon): define some policy around notifications.
-            return url ?? rootURL;
+            return url ?? getRootURL();
         })(),
         new Promise((resolve) => 
         // Timeout in 150ms if `getInitialState` doesn't resolve
         // Workaround for https://github.com/facebook/react-native/issues/25675
-        setTimeout(() => resolve(rootURL), 150)),
+        setTimeout(() => resolve(getRootURL()), 150)),
     ]);
     return url;
 }
-export const rootURL = Linking.createURL("/");
+let _rootURL;
+export function getRootURL() {
+    if (_rootURL === undefined) {
+        _rootURL = Linking.createURL("/");
+    }
+    return _rootURL;
+}
 export function addEventListener(listener) {
     let callback = undefined;
     if (Constants.executionEnvironment === ExecutionEnvironment.StoreClient) {
@@ -61,7 +50,7 @@ export function addEventListener(listener) {
             // If the URL is defined (default in Expo Go dev apps) and the URL has no path:
             // `exp://192.168.87.39:19000/` then use the default `exp://192.168.87.39:19000/--/`
             if (parsed.path === null || ["", "/"].includes(parsed.path)) {
-                listener(rootURL);
+                listener(getRootURL());
             }
             else {
                 listener(url);

package/build/linking.js.map

@@ -1 +1 @@
-{"version":3,"file":"linking.js","sourceRoot":"","sources":["../src/linking.ts"],"names":[],"mappings":"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","sourcesContent":["import Constants, { ExecutionEnvironment } from \"expo-constants\";\nimport * as Linking from \"expo-linking\";\nimport { Platform } from \"react-native\";\n\nimport getPathFromState from \"./fork/getPathFromState\";\nimport getStateFromPath from \"./fork/getStateFromPath\";\nimport { useOptionalNavigation } from \"./useOptionalNavigation\";\n\n/**\n * Get the client-side URL. On web this is always the current URL, on native this may differ from the native Linking state.\n *\n * You can use `Linking.createURL(useClientURL())` to get the absolute URL.\n */\nexport function useClientURL() {\n  if (Platform.OS === \"web\") {\n    return Linking.useURL() ?? window.location.href;\n  }\n  const navigation = useOptionalNavigation();\n\n  if (navigation) {\n    return getPathFromState(navigation.getState());\n  }\n  return \"/\";\n}\n\n// A custom getInitialURL is used on native to ensure the app always starts at\n// the root path if it's launched from something other than a deep link.\n// This helps keep the native functionality working like the web functionality.\n// For example, if you had a root navigator where the first screen was `/settings` and the second was `/index`\n// then `/index` would be used on web and `/settings` would be used on native.\nexport async function getInitialURL(): Promise<string> {\n  const url = await Promise.race<string>([\n    (async () => {\n      const url = await Linking.getInitialURL();\n\n      // NOTE(EvanBacon): This could probably be wrapped with the development boundary\n      // since Expo Go is mostly just used in development.\n\n      // Expo Go is weird and requires the root path to be `/--/`\n      if (\n        url &&\n        Constants.executionEnvironment === ExecutionEnvironment.StoreClient\n      ) {\n        const parsed = Linking.parse(url);\n        // If the URL is defined (default in Expo Go dev apps) and the URL has no path:\n        // `exp://192.168.87.39:19000/` then use the default `exp://192.168.87.39:19000/--/`\n        if (parsed.path === null || [\"\", \"/\"].includes(parsed.path)) {\n          return rootURL;\n        }\n      }\n      // The path will be nullish in bare apps when the app is launched from the home screen.\n      // TODO(EvanBacon): define some policy around notifications.\n      return url ?? rootURL;\n    })(),\n    new Promise<string>((resolve) =>\n      // Timeout in 150ms if `getInitialState` doesn't resolve\n      // Workaround for https://github.com/facebook/react-native/issues/25675\n      setTimeout(() => resolve(rootURL), 150)\n    ),\n  ]);\n  return url;\n}\n\nexport const rootURL = Linking.createURL(\"/\");\n\nexport function addEventListener(listener: (url: string) => void) {\n  let callback: (({ url }: { url: string }) => void) | undefined = undefined;\n\n  if (Constants.executionEnvironment === ExecutionEnvironment.StoreClient) {\n    // This extra work is only done in the Expo Go app.\n    callback = ({ url }: { url: string }) => {\n      const parsed = Linking.parse(url);\n      // If the URL is defined (default in Expo Go dev apps) and the URL has no path:\n      // `exp://192.168.87.39:19000/` then use the default `exp://192.168.87.39:19000/--/`\n      if (parsed.path === null || [\"\", \"/\"].includes(parsed.path)) {\n        listener(rootURL);\n      } else {\n        listener(url);\n      }\n    };\n  } else {\n    callback = ({ url }: { url: string }) => listener(url);\n  }\n  const subscription = Linking.addEventListener(\"url\", callback) as\n    | { remove(): void }\n    | undefined;\n\n  // Storing this in a local variable stops Jest from complaining about import after teardown\n  const removeEventListener = Linking.removeEventListener?.bind(Linking);\n\n  return () => {\n    // https://github.com/facebook/react-native/commit/6d1aca806cee86ad76de771ed3a1cc62982ebcd7\n    if (subscription?.remove) {\n      subscription.remove();\n    } else {\n      removeEventListener?.(\"url\", callback);\n    }\n  };\n}\n\nexport { getStateFromPath, getPathFromState };\n"]}
+{"version":3,"file":"linking.js","sourceRoot":"","sources":["../src/linking.ts"],"names":[],"mappings":"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","sourcesContent":["import Constants, { ExecutionEnvironment } from \"expo-constants\";\nimport * as Linking from \"expo-linking\";\n\nimport getPathFromState from \"./fork/getPathFromState\";\nimport getStateFromPath from \"./fork/getStateFromPath\";\n\n// A custom getInitialURL is used on native to ensure the app always starts at\n// the root path if it's launched from something other than a deep link.\n// This helps keep the native functionality working like the web functionality.\n// For example, if you had a root navigator where the first screen was `/settings` and the second was `/index`\n// then `/index` would be used on web and `/settings` would be used on native.\nexport async function getInitialURL(): Promise<string> {\n  const url = await Promise.race<string>([\n    (async () => {\n      const url = await Linking.getInitialURL();\n\n      // NOTE(EvanBacon): This could probably be wrapped with the development boundary\n      // since Expo Go is mostly just used in development.\n\n      // Expo Go is weird and requires the root path to be `/--/`\n      if (\n        url &&\n        Constants.executionEnvironment === ExecutionEnvironment.StoreClient\n      ) {\n        const parsed = Linking.parse(url);\n        // If the URL is defined (default in Expo Go dev apps) and the URL has no path:\n        // `exp://192.168.87.39:19000/` then use the default `exp://192.168.87.39:19000/--/`\n        if (parsed.path === null || [\"\", \"/\"].includes(parsed.path)) {\n          return getRootURL();\n        }\n      }\n      // The path will be nullish in bare apps when the app is launched from the home screen.\n      // TODO(EvanBacon): define some policy around notifications.\n      return url ?? getRootURL();\n    })(),\n    new Promise<string>((resolve) =>\n      // Timeout in 150ms if `getInitialState` doesn't resolve\n      // Workaround for https://github.com/facebook/react-native/issues/25675\n      setTimeout(() => resolve(getRootURL()), 150)\n    ),\n  ]);\n  return url;\n}\n\nlet _rootURL: string | undefined;\n\nexport function getRootURL() {\n  if (_rootURL === undefined) {\n    _rootURL = Linking.createURL(\"/\");\n  }\n  return _rootURL;\n}\n\nexport function addEventListener(listener: (url: string) => void) {\n  let callback: (({ url }: { url: string }) => void) | undefined = undefined;\n\n  if (Constants.executionEnvironment === ExecutionEnvironment.StoreClient) {\n    // This extra work is only done in the Expo Go app.\n    callback = ({ url }: { url: string }) => {\n      const parsed = Linking.parse(url);\n      // If the URL is defined (default in Expo Go dev apps) and the URL has no path:\n      // `exp://192.168.87.39:19000/` then use the default `exp://192.168.87.39:19000/--/`\n      if (parsed.path === null || [\"\", \"/\"].includes(parsed.path)) {\n        listener(getRootURL());\n      } else {\n        listener(url);\n      }\n    };\n  } else {\n    callback = ({ url }: { url: string }) => listener(url);\n  }\n  const subscription = Linking.addEventListener(\"url\", callback) as\n    | { remove(): void }\n    | undefined;\n\n  // Storing this in a local variable stops Jest from complaining about import after teardown\n  const removeEventListener = Linking.removeEventListener?.bind(Linking);\n\n  return () => {\n    // https://github.com/facebook/react-native/commit/6d1aca806cee86ad76de771ed3a1cc62982ebcd7\n    if (subscription?.remove) {\n      subscription.remove();\n    } else {\n      removeEventListener?.(\"url\", callback);\n    }\n  };\n}\n\nexport { getStateFromPath, getPathFromState };\n"]}

package/build/onboard/Tutorial.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tutorial.d.ts","sourceRoot":"","sources":["../../src/onboard/Tutorial.tsx"],"names":[],"mappings":";AAmCA,wBAAgB,QAAQ,gBAsDvB"}
+{"version":3,"file":"Tutorial.d.ts","sourceRoot":"","sources":["../../src/onboard/Tutorial.tsx"],"names":[],"mappings":";AAmCA,wBAAgB,QAAQ,gBAyDvB"}

package/build/onboard/Tutorial.js

@@ -26,7 +26,8 @@ export function Tutorial() {
             if (typeof location !== "undefined" && location.pathname !== "/") {
                 location.replace("/");
             }
-            if (typeof window !== "undefined" && typeof window.document !== "undefined") {
+            if (typeof window !== "undefined" &&
+                typeof window.document !== "undefined") {
                 window.document.title = "npx expo start";
             }
         }
@@ -45,7 +46,7 @@ export function Tutorial() {
                 marginHorizontal: "auto",
                 alignItems: "stretch",
             } },
-            React.createElement(View, { accessibilityRole: "main", style: styles.container },
+            React.createElement(View, { style: styles.container },
                 React.createElement(Header, null),
                 React.createElement(Text, { accessibilityRole: "header", accessibilityLevel: 2, style: styles.subtitle },
                     "Get started by creating a file",
@@ -65,15 +66,19 @@ function Button() {
             ...Platform.select({
                 native: {
                     position: "absolute",
-                    bottom: 8,
+                    bottom: 24,
                     left: 24,
                     right: 24,
+                    overflow: "hidden",
                 },
             }),
         } }, ({ pressed, hovered }) => (React.createElement(View, { style: [
             {
                 transitionDuration: "200ms",
-                backgroundColor: "transparent",
+                backgroundColor: Platform.select({
+                    web: "transparent",
+                    default: "white",
+                }),
                 borderColor: "white",
                 borderWidth: 2,
                 paddingVertical: 12,
@@ -91,7 +96,10 @@ function Button() {
                     fontSize: 18,
                     transitionDuration: "200ms",
                     fontWeight: "bold",
-                    color: "white",
+                    color: Platform.select({
+                        web: "white",
+                        default: "black",
+                    }),
                 },
                 styles.code,
                 hovered && { color: "black" },

package/build/onboard/Tutorial.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tutorial.js","sourceRoot":"","sources":["../../src/onboard/Tutorial.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { SafeAreaView, StatusBar, Platform } from \"react-native\";\nimport { View, Text, Pressable, StyleSheet } from \"@bacons/react-views\";\nimport { createEntryFileAsync } from \"./createEntryFile\";\n\n// TODO: Use openLinkFromBrowser thing\nfunction Header() {\n    return (\n        <Pressable>\n            {({ hovered }) => (\n                <Text\n                    accessibilityRole=\"header\"\n                    accessibilityLevel={1}\n                    style={[styles.title, Platform.OS !== \"web\" && { textAlign: \"left\" }]}\n                >\n                    Welcome to{\" \"}\n                    <Text\n                        href=\"https://github.com/expo/expo-router/\"\n                        style={[\n                            hovered && {\n                                textDecorationColor: \"white\",\n                                textDecorationLine: \"underline\",\n                            },\n                        ]}\n                    >\n                        Expo\n                    </Text>\n                </Text>\n            )}\n        </Pressable>\n    );\n}\n\nconst canAutoTouchFile = process.env.EXPO_ROUTER_APP_ROOT != null;\n\nexport function Tutorial() {\n    React.useEffect(() => {\n        if (Platform.OS === \"web\") {\n            // Reset the route on web so the initial route isn't a 404 after\n            // the user has created the entry file.\n            // This is useful for cases where you are testing the tutorial.\n            // To test: touch the new file, then navigate to a missing route `/foobar`, then delete the app folder.\n            // you should see the tutorial again and be able to create the entry file once more.\n            if (typeof location !== \"undefined\" && location.pathname !== \"/\") {\n                location.replace(\"/\");\n            }\n            if (typeof window !== \"undefined\" && typeof window.document !== \"undefined\") {\n                window.document.title = \"npx expo start\";\n            }\n        }\n    }, []);\n\n    return (\n        <View\n            style={{\n                backgroundColor: \"black\",\n                flex: 1,\n                backgroundImage:\n                    \"radial-gradient(circle at 1px 1px, rgba(255,255,255,0.15) 1px, transparent 0)\",\n                backgroundPosition: \"-3px -3px\",\n                backgroundSize: \"40px 40px\",\n            }}\n        >\n            <StatusBar barStyle=\"light-content\" />\n\n            <SafeAreaView\n                style={{\n                    flex: 1,\n                    maxWidth: 960,\n                    marginHorizontal: \"auto\",\n                    alignItems: \"stretch\",\n                }}\n            >\n                <View accessibilityRole=\"main\" style={styles.container}>\n                    <Header />\n                    <Text\n                        accessibilityRole=\"header\"\n                        accessibilityLevel={2}\n                        style={styles.subtitle}\n                    >\n                        Get started by creating a file{\"\\n\"}in the{\" \"}\n                        <Text style={{ fontWeight: \"bold\" }}>app</Text> directory{\"\\n\"}that\n                        exports a React component.\n                    </Text>\n                    {canAutoTouchFile && <Button />}\n                </View>\n            </SafeAreaView>\n        </View>\n    );\n}\n\nfunction Button() {\n    return (\n        <Pressable\n            onPress={() => {\n                createEntryFileAsync();\n            }}\n            style={{\n                ...Platform.select({\n                    native: {\n                        position: \"absolute\",\n                        bottom: 8,\n                        left: 24,\n                        right: 24,\n                    },\n                }),\n            }}\n        >\n            {({ pressed, hovered }) => (\n                <View\n                    style={[\n                        {\n                            transitionDuration: \"200ms\",\n                            backgroundColor: \"transparent\",\n                            borderColor: \"white\",\n                            borderWidth: 2,\n                            paddingVertical: 12,\n                            paddingHorizontal: 24,\n                        },\n                        hovered && {\n                            backgroundColor: \"white\",\n                        },\n                        pressed && {\n                            backgroundColor: \"rgba(255,255,255,0.7)\",\n                        },\n                    ]}\n                >\n                    <Text\n                        selectable={false}\n                        style={[\n                            {\n                                fontSize: 18,\n                                transitionDuration: \"200ms\",\n                                fontWeight: \"bold\",\n                                color: \"white\",\n                            },\n                            styles.code,\n                            hovered && { color: \"black\" },\n                        ]}\n                    >\n                        <Text style={{ color: \"#BCC3CD\" }}>$</Text> touch app/index.js\n                    </Text>\n                </View>\n            )}\n        </Pressable>\n    );\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        padding: 24,\n        alignItems: \"start\",\n        justifyContent: \"center\",\n    },\n    title: {\n        color: \"white\",\n        fontSize: 64,\n        paddingBottom: 24,\n        fontWeight: \"bold\",\n    },\n    buttonText: {\n        color: \"black\",\n    },\n    code: {\n        fontFamily: Platform.select({\n            default: \"Courier\",\n            ios: \"Courier New\",\n            android: \"monospace\",\n        }),\n    },\n    subtitle: {\n        color: \"#BCC3CD\",\n        fontSize: 36,\n        fontWeight: \"light\",\n        paddingBottom: 36,\n        maxWidth: 960,\n    },\n});\n"]}
+{"version":3,"file":"Tutorial.js","sourceRoot":"","sources":["../../src/onboard/Tutorial.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAEzD,sCAAsC;AACtC,SAAS,MAAM;IACb,OAAO,CACL,oBAAC,SAAS,QACP,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,oBAAC,IAAI,IACH,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,CAAC,EACrB,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;;QAE1D,GAAG;QACd,oBAAC,IAAI,IACH,IAAI,EAAC,sCAAsC,EAC3C,KAAK,EAAE;gBACL,OAAO,IAAI;oBACT,mBAAmB,EAAE,OAAO;oBAC5B,kBAAkB,EAAE,WAAW;iBAChC;aACF,WAGI,CACF,CACR,CACS,CACb,CAAC;AACJ,CAAC;AAED,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,CAAC,oBAAoB,IAAI,IAAI,CAAC;AAElE,MAAM,UAAU,QAAQ;IACtB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;YACzB,gEAAgE;YAChE,uCAAuC;YACvC,+DAA+D;YAC/D,uGAAuG;YACvG,oFAAoF;YACpF,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,QAAQ,CAAC,QAAQ,KAAK,GAAG,EAAE;gBAChE,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;aACvB;YACD,IACE,OAAO,MAAM,KAAK,WAAW;gBAC7B,OAAO,MAAM,CAAC,QAAQ,KAAK,WAAW,EACtC;gBACA,MAAM,CAAC,QAAQ,CAAC,KAAK,GAAG,gBAAgB,CAAC;aAC1C;SACF;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,eAAe,EAAE,OAAO;YACxB,IAAI,EAAE,CAAC;YACP,eAAe,EACb,+EAA+E;YACjF,kBAAkB,EAAE,WAAW;YAC/B,cAAc,EAAE,WAAW;SAC5B;QAED,oBAAC,SAAS,IAAC,QAAQ,EAAC,eAAe,GAAG;QAEtC,oBAAC,YAAY,IACX,KAAK,EAAE;gBACL,IAAI,EAAE,CAAC;gBACP,QAAQ,EAAE,GAAG;gBACb,gBAAgB,EAAE,MAAM;gBACxB,UAAU,EAAE,SAAS;aACtB;YAED,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS;gBAC3B,oBAAC,MAAM,OAAG;gBACV,oBAAC,IAAI,IACH,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,CAAC,EACrB,KAAK,EAAE,MAAM,CAAC,QAAQ;;oBAES,IAAI;;oBAAQ,GAAG;oBAC9C,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,UAAY;;oBAAW,IAAI;sDAEzD;gBACN,gBAAgB,IAAI,oBAAC,MAAM,OAAG,CAC1B,CACM,CACV,CACR,CAAC;AACJ,CAAC;AAED,SAAS,MAAM;IACb,OAAO,CACL,oBAAC,SAAS,IACR,OAAO,EAAE,GAAG,EAAE;YACZ,oBAAoB,EAAE,CAAC;QACzB,CAAC,EACD,KAAK,EAAE;YACL,GAAG,QAAQ,CAAC,MAAM,CAAC;gBACjB,MAAM,EAAE;oBACN,QAAQ,EAAE,UAAU;oBACpB,MAAM,EAAE,EAAE;oBACV,IAAI,EAAE,EAAE;oBACR,KAAK,EAAE,EAAE;oBACT,QAAQ,EAAE,QAAQ;iBACnB;aACF,CAAC;SACH,IAEA,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACzB,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,kBAAkB,EAAE,OAAO;gBAC3B,eAAe,EAAE,QAAQ,CAAC,MAAM,CAAC;oBAC/B,GAAG,EAAE,aAAa;oBAClB,OAAO,EAAE,OAAO;iBACjB,CAAC;gBAEF,WAAW,EAAE,OAAO;gBACpB,WAAW,EAAE,CAAC;gBACd,eAAe,EAAE,EAAE;gBACnB,iBAAiB,EAAE,EAAE;aACtB;YACD,OAAO,IAAI;gBACT,eAAe,EAAE,OAAO;aACzB;YACD,OAAO,IAAI;gBACT,eAAe,EAAE,uBAAuB;aACzC;SACF;QAED,oBAAC,IAAI,IACH,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE;gBACL;oBACE,QAAQ,EAAE,EAAE;oBACZ,kBAAkB,EAAE,OAAO;oBAC3B,UAAU,EAAE,MAAM;oBAClB,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC;wBACrB,GAAG,EAAE,OAAO;wBACZ,OAAO,EAAE,OAAO;qBACjB,CAAC;iBACH;gBACD,MAAM,CAAC,IAAI;gBACX,OAAO,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;aAC9B;YAED,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAU;kCACtC,CACF,CACR,CACS,CACb,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,OAAO,EAAE,EAAE;QACX,UAAU,EAAE,OAAO;QACnB,cAAc,EAAE,QAAQ;KACzB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,EAAE;QACZ,aAAa,EAAE,EAAE;QACjB,UAAU,EAAE,MAAM;KACnB;IACD,UAAU,EAAE;QACV,KAAK,EAAE,OAAO;KACf;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC;YAC1B,OAAO,EAAE,SAAS;YAClB,GAAG,EAAE,aAAa;YAClB,OAAO,EAAE,WAAW;SACrB,CAAC;KACH;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,OAAO;QACnB,aAAa,EAAE,EAAE;QACjB,QAAQ,EAAE,GAAG;KACd;CACF,CAAC,CAAC","sourcesContent":["import React from \"react\";\nimport { SafeAreaView, StatusBar, Platform } from \"react-native\";\nimport { View, Text, Pressable, StyleSheet } from \"@bacons/react-views\";\nimport { createEntryFileAsync } from \"./createEntryFile\";\n\n// TODO: Use openLinkFromBrowser thing\nfunction Header() {\n  return (\n    <Pressable>\n      {({ hovered }) => (\n        <Text\n          accessibilityRole=\"header\"\n          accessibilityLevel={1}\n          style={[styles.title, Platform.OS !== \"web\" && { textAlign: \"left\" }]}\n        >\n          Welcome to{\" \"}\n          <Text\n            href=\"https://github.com/expo/expo-router/\"\n            style={[\n              hovered && {\n                textDecorationColor: \"white\",\n                textDecorationLine: \"underline\",\n              },\n            ]}\n          >\n            Expo\n          </Text>\n        </Text>\n      )}\n    </Pressable>\n  );\n}\n\nconst canAutoTouchFile = process.env.EXPO_ROUTER_APP_ROOT != null;\n\nexport function Tutorial() {\n  React.useEffect(() => {\n    if (Platform.OS === \"web\") {\n      // Reset the route on web so the initial route isn't a 404 after\n      // the user has created the entry file.\n      // This is useful for cases where you are testing the tutorial.\n      // To test: touch the new file, then navigate to a missing route `/foobar`, then delete the app folder.\n      // you should see the tutorial again and be able to create the entry file once more.\n      if (typeof location !== \"undefined\" && location.pathname !== \"/\") {\n        location.replace(\"/\");\n      }\n      if (\n        typeof window !== \"undefined\" &&\n        typeof window.document !== \"undefined\"\n      ) {\n        window.document.title = \"npx expo start\";\n      }\n    }\n  }, []);\n\n  return (\n    <View\n      style={{\n        backgroundColor: \"black\",\n        flex: 1,\n        backgroundImage:\n          \"radial-gradient(circle at 1px 1px, rgba(255,255,255,0.15) 1px, transparent 0)\",\n        backgroundPosition: \"-3px -3px\",\n        backgroundSize: \"40px 40px\",\n      }}\n    >\n      <StatusBar barStyle=\"light-content\" />\n\n      <SafeAreaView\n        style={{\n          flex: 1,\n          maxWidth: 960,\n          marginHorizontal: \"auto\",\n          alignItems: \"stretch\",\n        }}\n      >\n        <View style={styles.container}>\n          <Header />\n          <Text\n            accessibilityRole=\"header\"\n            accessibilityLevel={2}\n            style={styles.subtitle}\n          >\n            Get started by creating a file{\"\\n\"}in the{\" \"}\n            <Text style={{ fontWeight: \"bold\" }}>app</Text> directory{\"\\n\"}that\n            exports a React component.\n          </Text>\n          {canAutoTouchFile && <Button />}\n        </View>\n      </SafeAreaView>\n    </View>\n  );\n}\n\nfunction Button() {\n  return (\n    <Pressable\n      onPress={() => {\n        createEntryFileAsync();\n      }}\n      style={{\n        ...Platform.select({\n          native: {\n            position: \"absolute\",\n            bottom: 24,\n            left: 24,\n            right: 24,\n            overflow: \"hidden\",\n          },\n        }),\n      }}\n    >\n      {({ pressed, hovered }) => (\n        <View\n          style={[\n            {\n              transitionDuration: \"200ms\",\n              backgroundColor: Platform.select({\n                web: \"transparent\",\n                default: \"white\",\n              }),\n\n              borderColor: \"white\",\n              borderWidth: 2,\n              paddingVertical: 12,\n              paddingHorizontal: 24,\n            },\n            hovered && {\n              backgroundColor: \"white\",\n            },\n            pressed && {\n              backgroundColor: \"rgba(255,255,255,0.7)\",\n            },\n          ]}\n        >\n          <Text\n            selectable={false}\n            style={[\n              {\n                fontSize: 18,\n                transitionDuration: \"200ms\",\n                fontWeight: \"bold\",\n                color: Platform.select({\n                  web: \"white\",\n                  default: \"black\",\n                }),\n              },\n              styles.code,\n              hovered && { color: \"black\" },\n            ]}\n          >\n            <Text style={{ color: \"#BCC3CD\" }}>$</Text> touch app/index.js\n          </Text>\n        </View>\n      )}\n    </Pressable>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    padding: 24,\n    alignItems: \"start\",\n    justifyContent: \"center\",\n  },\n  title: {\n    color: \"white\",\n    fontSize: 64,\n    paddingBottom: 24,\n    fontWeight: \"bold\",\n  },\n  buttonText: {\n    color: \"black\",\n  },\n  code: {\n    fontFamily: Platform.select({\n      default: \"Courier\",\n      ios: \"Courier New\",\n      android: \"monospace\",\n    }),\n  },\n  subtitle: {\n    color: \"#BCC3CD\",\n    fontSize: 36,\n    fontWeight: \"light\",\n    paddingBottom: 36,\n    maxWidth: 960,\n  },\n});\n"]}

package/build/onboard/createEntryFile.js

@@ -22,9 +22,7 @@ export default function Page() {
     <View style={styles.container}>
       <View style={styles.main}>
         <Text style={styles.title}>Hello World</Text>
-        <Text style={styles.subtitle}>
-          This is the first page of your{"\\n"}native app, and website.
-        </Text>
+        <Text style={styles.subtitle}>This is the first page of your app.</Text>
       </View>
     </View>
   );
@@ -34,6 +32,7 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
     alignItems: "center",
+    padding: 24,
   },
   main: {
     flex: 1,

package/build/onboard/createEntryFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"createEntryFile.js","sourceRoot":"","sources":["../../src/onboard/createEntryFile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,4DAA4D;AAC5D,MAAM,UAAU,oBAAoB;IAClC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,gBAAgB;QAChB,OAAO,CAAC,IAAI,CAAC,gDAAgD,CAAC,CAAC;QAC/D,OAAO;KACR;IAED,+CAA+C;IAC/C,OAAO,KAAK,CAAC,YAAY,EAAE,CAAC,GAAG,GAAG,aAAa,EAAE;QAC/C,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;YACnB,QAAQ,EAAE,QAAQ;YAClB,IAAI,EAAE,gBAAgB;SACvB,CAAC;KACH,CAAC,CAAC;AACL,CAAC;AAED,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmChB,CAAC","sourcesContent":["import { getDevServer } from \"../getDevServer\";\n\n/** Middleware for creating an entry file in the project. */\nexport function createEntryFileAsync() {\n  if (process.env.NODE_ENV === \"production\") {\n    // No dev server\n    console.warn(\"createEntryFile() cannot be used in production\");\n    return;\n  }\n\n  // Pings middleware in the Expo CLI dev server.\n  return fetch(getDevServer().url + \"_expo/touch\", {\n    method: \"POST\",\n    body: JSON.stringify({\n      contents: TEMPLATE,\n      path: \"./app/index.js\",\n    }),\n  });\n}\n\nconst TEMPLATE = `import { StyleSheet, Text, View } from \"react-native\";\n\nexport default function Page() {\n  return (\n    <View style={styles.container}>\n      <View style={styles.main}>\n        <Text style={styles.title}>Hello World</Text>\n        <Text style={styles.subtitle}>\n          This is the first page of your{\"\\\\n\"}native app, and website.\n        </Text>\n      </View>\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    alignItems: \"center\",\n  },\n  main: {\n    flex: 1,\n    justifyContent: \"center\",\n    maxWidth: 960,\n    marginHorizontal: \"auto\",\n  },\n  title: {\n    fontSize: 64,\n    fontWeight: \"bold\",\n  },\n  subtitle: {\n    fontSize: 36,\n    color: \"#38434D\",\n  },\n});\n`;\n"]}
+{"version":3,"file":"createEntryFile.js","sourceRoot":"","sources":["../../src/onboard/createEntryFile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,4DAA4D;AAC5D,MAAM,UAAU,oBAAoB;IAClC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,gBAAgB;QAChB,OAAO,CAAC,IAAI,CAAC,gDAAgD,CAAC,CAAC;QAC/D,OAAO;KACR;IAED,+CAA+C;IAC/C,OAAO,KAAK,CAAC,YAAY,EAAE,CAAC,GAAG,GAAG,aAAa,EAAE;QAC/C,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;YACnB,QAAQ,EAAE,QAAQ;YAClB,IAAI,EAAE,gBAAgB;SACvB,CAAC;KACH,CAAC,CAAC;AACL,CAAC;AAED,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkChB,CAAC","sourcesContent":["import { getDevServer } from \"../getDevServer\";\n\n/** Middleware for creating an entry file in the project. */\nexport function createEntryFileAsync() {\n  if (process.env.NODE_ENV === \"production\") {\n    // No dev server\n    console.warn(\"createEntryFile() cannot be used in production\");\n    return;\n  }\n\n  // Pings middleware in the Expo CLI dev server.\n  return fetch(getDevServer().url + \"_expo/touch\", {\n    method: \"POST\",\n    body: JSON.stringify({\n      contents: TEMPLATE,\n      path: \"./app/index.js\",\n    }),\n  });\n}\n\nconst TEMPLATE = `import { StyleSheet, Text, View } from \"react-native\";\n\nexport default function Page() {\n  return (\n    <View style={styles.container}>\n      <View style={styles.main}>\n        <Text style={styles.title}>Hello World</Text>\n        <Text style={styles.subtitle}>This is the first page of your app.</Text>\n      </View>\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    alignItems: \"center\",\n    padding: 24,\n  },\n  main: {\n    flex: 1,\n    justifyContent: \"center\",\n    maxWidth: 960,\n    marginHorizontal: \"auto\",\n  },\n  title: {\n    fontSize: 64,\n    fontWeight: \"bold\",\n  },\n  subtitle: {\n    fontSize: 36,\n    color: \"#38434D\",\n  },\n});\n`;\n"]}

package/build/useCurrentRoute.d.ts

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

package/build/useCurrentRoute.d.ts.map

@@ -0,0 +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"}

package/build/useCurrentRoute.js

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

package/build/useCurrentRoute.js.map

@@ -0,0 +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"]}

package/build/useLink.d.ts

@@ -0,0 +1,7 @@
+import { Href, resolveHref } from "./views/Link";
+export declare function useLink(): {
+    push: (href: Href) => void;
+    back: () => void;
+    parse: typeof resolveHref;
+};
+//# sourceMappingURL=useLink.d.ts.map

package/build/useLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLink.d.ts","sourceRoot":"","sources":["../src/useLink.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGjD,wBAAgB,OAAO,IAAI;IACzB,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC3B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CAiBA"}

package/build/useLink.js

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

package/build/useLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLink.js","sourceRoot":"","sources":["../src/useLink.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAQ,WAAW,EAAE,MAAM,cAAc,CAAC;AAEjD,4EAA4E;AAC5E,MAAM,UAAU,OAAO;IAKrB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,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,IAAI,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE;QAChC,KAAK,EAAE,WAAW;QAClB,sEAAsE;QACtE,sEAAsE;KACvE,CAAC,EACF,CAAC,UAAU,EAAE,MAAM,CAAC,CACrB,CAAC;AACJ,CAAC","sourcesContent":["import { useLinkTo, useNavigation } from \"@react-navigation/native\";\nimport { useMemo } from \"react\";\n\nimport { Href, resolveHref } from \"./views/Link\";\n\n// Wraps useLinkTo to provide an API which is similar to the Link component.\nexport function useLink(): {\n  push: (href: Href) => void;\n  back: () => void;\n  parse: typeof resolveHref;\n} {\n  const linkTo = useLinkTo();\n  const navigation = useNavigation();\n\n  return useMemo(\n    () => ({\n      push: (url: Href) => {\n        const href = resolveHref(url);\n        linkTo(href);\n      },\n      back: () => navigation?.goBack(),\n      parse: resolveHref,\n      // TODO(EvanBacon): add `replace`, `pathname`, `query`, maybe `reload`\n      // TODO(EvanBacon): add `canGoBack` but maybe more like a `hasContext`\n    }),\n    [navigation, linkTo]\n  );\n}\n"]}

package/build/views/Link.d.ts

@@ -1,11 +1,17 @@
-import type { NavigationAction } from '@react-navigation/core';
-import * as React from 'react';
-import { GestureResponderEvent } from 'react-native';
-import { TextProps } from '@bacons/react-views';
-import type { To } from '@react-navigation/native/src/useLinkTo';
+import { TextProps } from "@bacons/react-views";
+import * as React from "react";
+import { GestureResponderEvent } from "react-native";
+import type { NavigationAction } from "@react-navigation/core";
+import type { To } from "@react-navigation/native/src/useLinkTo";
+export declare type Href = string | {
+    pathname?: string;
+    query?: Record<string, any>;
+};
 declare type Props<ParamList extends ReactNavigation.RootParamList> = {
+    /** Add a property which is familiar to  */
+    href?: Href;
+    /** Forward props to child component. Useful for custom buttons. */
     asChild?: boolean;
-    href?: string;
     to?: To<ParamList>;
     action?: NavigationAction;
     target?: string;
@@ -22,5 +28,9 @@ declare type Props<ParamList extends ReactNavigation.RootParamList> = {
  * @param props.children Child elements to render the content.
  */
 export declare const Link: React.ForwardRefExoticComponent<Pick<Props<ReactNavigation.RootParamList>, "children" | "key" | "action" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onLayout" | "onTextLayout" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "testID" | "nativeID" | "maxFontSizeMultiplier" | "adjustsFontSizeToFit" | "minimumFontScale" | "suppressHighlighting" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "asChild" | "to" | keyof import("@bacons/react-views/build/Text").WebTextProps> & React.RefAttributes<Text>>;
+export declare const resolveHref: (href: {
+    pathname?: string;
+    query?: Record<string, any>;
+} | string) => string;
 export {};
 //# sourceMappingURL=Link.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/views/Link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAQ,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAGrD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,wCAAwC,CAAC;AAEjE,aAAK,KAAK,CAAC,SAAS,SAAS,eAAe,CAAC,aAAa,IAAI;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;IACnB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,CACN,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAG,qBAAqB,KACzE,IAAI,CAAC;CACb,GAAG,CAAC,SAAS,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC,CAAC;AAEhD;;;;;;;GAOG;AACH,eAAO,MAAM,IAAI,29BAA6B,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/views/Link.tsx"],"names":[],"mappings":"AACA,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,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,wCAAwC,CAAC;AAEjE,oBAAY,IAAI,GAAG,MAAM,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE,CAAC;AAE/E,aAAK,KAAK,CAAC,SAAS,SAAS,eAAe,CAAC,aAAa,IAAI;IAC5D,2CAA2C;IAC3C,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,EAAE,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;IACnB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,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,29BAA6B,CAAC;AAE/C,eAAO,MAAM,WAAW,SAChB;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE,GAAG,MAAM,KAChE,MAUF,CAAC"}

package/build/views/Link.js

@@ -1,8 +1,9 @@
-import * as React from 'react';
-import { Platform } from 'react-native';
-import { Text } from '@bacons/react-views';
-import { useLinkProps, } from '@react-navigation/native';
-import { Slot } from '@radix-ui/react-slot';
+// Fork of @react-navigation/native Link.tsx
+import { Text } from "@bacons/react-views";
+import { Slot } from "@radix-ui/react-slot";
+import { useLinkProps } from "@react-navigation/native";
+import * as React from "react";
+import { Platform } from "react-native";
 /**
  * Component to render link to another screen using a path.
  * Uses an anchor tag on the web.
@@ -12,22 +13,61 @@ import { Slot } from '@radix-ui/react-slot';
  * @param props.children Child elements to render the content.
  */
 export const Link = React.forwardRef(BaseLink);
-function BaseLink({ to, href, action, asChild, ...rest }, ref) {
+export const resolveHref = (href) => {
+    if (typeof href === "string") {
+        return href ?? "";
+    }
+    const path = href.pathname ?? "";
+    if (!href?.query) {
+        return path;
+    }
+    const { pathname, query } = createQualifiedPathname(path, { ...href.query });
+    return pathname + (Object.keys(query).length ? `?${createQuery(query)}` : "");
+};
+function createQualifiedPathname(pathname, query) {
+    for (const [key, value = ""] of Object.entries(query)) {
+        const dynamicKey = `[${key}]`;
+        const deepDynamicKey = `[...${key}]`;
+        if (pathname.includes(dynamicKey)) {
+            pathname = pathname.replace(dynamicKey, Array.isArray(value) ? value.join("/") : value);
+        }
+        else if (pathname.includes(deepDynamicKey)) {
+            pathname = pathname.replace(deepDynamicKey, Array.isArray(value) ? value.join("/") : value);
+        }
+        else {
+            continue;
+        }
+        delete query[key];
+    }
+    return { pathname, query };
+}
+function createQuery(query) {
+    return Object.keys(query)
+        .map((key) => `${key}=${query[key]}`)
+        .join("&");
+}
+function useResolvedHref({ href, to, }) {
     // TODO: Auto use router's client-side event.
-    const resolvedTo = React.useMemo(() => {
-        const resolved = href ? href : to;
-        if (resolved == null) {
+    return React.useMemo(() => {
+        if (href) {
+            return resolveHref(href);
+        }
+        if (to == null) {
             throw new Error(`You must specify either 'href' or 'to' prop in a <Link />.`);
         }
-        if (typeof resolved === 'string' && !resolved.startsWith('/')) {
+        if (typeof to === "string" && !to.startsWith("/")) {
             // TODO: Auto delegate out external links
-            return '/';
+            return "/";
         }
-        return resolved;
+        return to;
     }, [href, to]);
+}
+function BaseLink({ to, href, action, asChild, ...rest }, ref) {
+    // TODO: Auto use router's client-side event.
+    const resolvedTo = useResolvedHref({ href, to });
     const props = useLinkProps({ to: resolvedTo, action });
     const onPress = (e) => {
-        if ('onPress' in rest) {
+        if ("onPress" in rest) {
             rest.onPress?.(e);
         }
         props.onPress(e);

package/build/views/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/views/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyB,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAa,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,YAAY,GAAG,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAc3C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;AAE/C,SAAS,QAAQ,CAAkD,EAC/D,EAAE,EACF,IAAI,EACJ,MAAM,EACN,OAAO,EACP,GAAG,IAAI,EACQ,EAAE,GAA6B;IAC9C,6CAA6C;IAC7C,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QAClC,IAAI,QAAQ,IAAI,IAAI,EAAE;YAClB,MAAM,IAAI,KAAK,CACX,4DAA4D,CAC/D,CAAC;SACL;QACD,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;YAC3D,yCAAyC;YACzC,OAAO,GAAG,CAAA;SACb;QACD,OAAO,QAAQ,CAAC;IACpB,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;IACf,MAAM,KAAK,GAAG,YAAY,CAAY,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC;IAElE,MAAM,OAAO,GAAG,CACZ,CAA0E,EAC5E,EAAE;QACA,IAAI,SAAS,IAAI,IAAI,EAAE;YACnB,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;SACrB;QAED,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,KAAK,CAAC,aAAa;IACtB,0CAA0C;IAC1C,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACrB;QACI,GAAG;QACH,GAAG,KAAK;QACR,GAAG,IAAI;QACP,GAAG,QAAQ,CAAC,MAAM,CAAC;YACf,GAAG,EAAE,EAAE,OAAO,EAAE,OAAO,EAAS;YAChC,OAAO,EAAE,EAAE,OAAO,EAAE;SACvB,CAAC;KACL,CAAC,CAAC;AACX,CAAC","sourcesContent":["// Fork of @react-navigation/native Link.tsx\nimport type { NavigationAction } from '@react-navigation/core';\nimport * as React from 'react';\nimport { GestureResponderEvent, Platform } from 'react-native';\nimport { Text, TextProps } from '@bacons/react-views'\nimport { useLinkProps, } from '@react-navigation/native';\nimport { Slot } from '@radix-ui/react-slot'\nimport type { To } from '@react-navigation/native/src/useLinkTo';\n\ntype Props<ParamList extends ReactNavigation.RootParamList> = {\n    asChild?: boolean;\n    href?: string;\n    to?: To<ParamList>;\n    action?: NavigationAction;\n    target?: string;\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.action Optional action to use for in-page navigation. By default, the path is parsed to an action based on linking config.\n * @param props.children Child elements to render the content.\n */\nexport const Link = React.forwardRef(BaseLink);\n\nfunction BaseLink<ParamList extends ReactNavigation.RootParamList>({\n    to,\n    href,\n    action,\n    asChild,\n    ...rest\n}: Props<ParamList>, ref: React.ForwardedRef<Text>) {\n    // TODO: Auto use router's client-side event.\n    const resolvedTo = React.useMemo(() => {\n        const resolved = href ? href : to;\n        if (resolved == null) {\n            throw new Error(\n                `You must specify either 'href' or 'to' prop in a <Link />.`\n            );\n        }\n        if (typeof resolved === 'string' && !resolved.startsWith('/')) {\n            // TODO: Auto delegate out external links\n            return '/'\n        }\n        return resolved;\n    }, [href, to]);\n    const props = useLinkProps<ParamList>({ to: resolvedTo, action });\n\n    const onPress = (\n        e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent\n    ) => {\n        if ('onPress' in rest) {\n            rest.onPress?.(e);\n        }\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"]}
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/views/Link.tsx"],"names":[],"mappings":"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","sourcesContent":["// Fork of @react-navigation/native Link.tsx\nimport { Text, TextProps } from \"@bacons/react-views\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useLinkProps } from \"@react-navigation/native\";\nimport * as React from \"react\";\nimport { GestureResponderEvent, Platform } from \"react-native\";\n\nimport type { NavigationAction } from \"@react-navigation/core\";\nimport type { To } from \"@react-navigation/native/src/useLinkTo\";\n\nexport type Href = string | { pathname?: string; query?: Record<string, any> };\n\ntype Props<ParamList extends ReactNavigation.RootParamList> = {\n  /** Add a property which is familiar to  */\n  href?: Href;\n\n  /** Forward props to child component. Useful for custom buttons. */\n  asChild?: boolean;\n\n  to?: To<ParamList>;\n  action?: NavigationAction;\n  target?: string;\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.action Optional action to use for in-page navigation. By default, the path is parsed to an action based on linking config.\n * @param props.children Child elements to render the content.\n */\nexport const Link = React.forwardRef(BaseLink);\n\nexport const resolveHref = (\n  href: { pathname?: string; query?: Record<string, any> } | string\n): string => {\n  if (typeof href === \"string\") {\n    return href ?? \"\";\n  }\n  const path = href.pathname ?? \"\";\n  if (!href?.query) {\n    return path;\n  }\n  const { pathname, query } = createQualifiedPathname(path, { ...href.query });\n  return pathname + (Object.keys(query).length ? `?${createQuery(query)}` : \"\");\n};\n\nfunction createQualifiedPathname(pathname: string, query: Record<string, any>) {\n  for (const [key, value = \"\"] of Object.entries(query)) {\n    const dynamicKey = `[${key}]`;\n    const deepDynamicKey = `[...${key}]`;\n    if (pathname.includes(dynamicKey)) {\n      pathname = pathname.replace(\n        dynamicKey,\n        Array.isArray(value) ? value.join(\"/\") : value\n      );\n    } else if (pathname.includes(deepDynamicKey)) {\n      pathname = pathname.replace(\n        deepDynamicKey,\n        Array.isArray(value) ? value.join(\"/\") : value\n      );\n    } else {\n      continue;\n    }\n\n    delete query[key];\n  }\n  return { pathname, query };\n}\n\nfunction createQuery(query: Record<string, any>) {\n  return Object.keys(query)\n    .map((key) => `${key}=${query[key]}`)\n    .join(\"&\");\n}\n\nfunction useResolvedHref<ParamList extends ReactNavigation.RootParamList>({\n  href,\n  to,\n}: Pick<Props<ParamList>, \"href\" | \"to\">) {\n  // TODO: Auto use router's client-side event.\n  return React.useMemo(() => {\n    if (href) {\n      return resolveHref(href);\n    }\n\n    if (to == null) {\n      throw new Error(\n        `You must specify either 'href' or 'to' prop in a <Link />.`\n      );\n    }\n    if (typeof to === \"string\" && !to.startsWith(\"/\")) {\n      // TODO: Auto delegate out external links\n      return \"/\";\n    }\n    return to;\n  }, [href, to]);\n}\n\nfunction BaseLink<ParamList extends ReactNavigation.RootParamList>(\n  { to, href, action, asChild, ...rest }: Props<ParamList>,\n  ref: React.ForwardedRef<Text>\n) {\n  // TODO: Auto use router's client-side event.\n  const resolvedTo = useResolvedHref({ href, to });\n\n  const props = useLinkProps<ParamList>({ to: resolvedTo, action });\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/views/Unmatched.js

@@ -8,7 +8,7 @@ export const Unmatched = forwardRef((props, ref) => {
     const url = createURL("");
     return (
     // @ts-ignore
-    React.createElement(View, { ref: ref, accessibilityRole: "main", style: styles.container },
+    React.createElement(View, { ref: ref, style: styles.container },
         React.createElement(Text, { accessibilityRole: "header", accessibilityLevel: 1, style: styles.title }, "Unmatched Route"),
         React.createElement(Text, { accessibilityRole: "header", accessibilityLevel: 2, style: styles.subtitle },
             "Page could not be found.",

package/build/views/Unmatched.js.map

@@ -1 +1 @@
-{"version":3,"file":"Unmatched.js","sourceRoot":"","sources":["../../src/views/Unmatched.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAEjD,2CAA2C;AAC3C,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/C,MAAM,GAAG,GAAG,SAAS,CAAC,EAAE,CAAC,CAAC;IAC1B,OAAO;IACH,aAAa;IACb,oBAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,iBAAiB,EAAC,MAAM,EAAC,KAAK,EAAE,MAAM,CAAC,SAAS;QAC5D,oBAAC,IAAI,IACD,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,CAAC,EACrB,KAAK,EAAE,MAAM,CAAC,KAAK,sBAGhB;QACP,oBAAC,IAAI,IACD,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,CAAC,EACrB,KAAK,EAAE,MAAM,CAAC,QAAQ;;YAEG,GAAG;YAC5B,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAE,MAAM,CAAC,IAAI,eAE1B,CACJ;QAEP,oBAAC,IAAI,IAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,IAC9B,GAAG,CACD;QAEN,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,IAAI,CACvC,oBAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,cAEnC,CACV,CACE,CACV,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC7B,SAAS,EAAE;QACP,IAAI,EAAE,CAAC;QACP,eAAe,EAAE,OAAO;QACxB,OAAO,EAAE,EAAE;QACX,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KAC3B;IACD,KAAK,EAAE;QACH,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,EAAE;QACZ,aAAa,EAAE,EAAE;QACjB,YAAY,EAAE,EAAE;QAChB,iBAAiB,EAAE,SAAS;QAC5B,iBAAiB,EAAE,CAAC;QACpB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,MAAM;KACrB;IACD,QAAQ,EAAE;QACN,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,QAAQ;KACtB;IACD,IAAI,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE;CAChE,CAAC,CAAC","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { createURL } from \"expo-linking\";\nimport { StyleSheet } from \"@bacons/react-views\";\nimport { Link } from \"./Link\";\nimport { Text, View } from \"@bacons/react-views\";\n\n/** Default screen for unmatched routes. */\nexport const Unmatched = forwardRef((props, ref) => {\n    const url = createURL(\"\");\n    return (\n        // @ts-ignore\n        <View ref={ref} accessibilityRole=\"main\" style={styles.container}>\n            <Text\n                accessibilityRole=\"header\"\n                accessibilityLevel={1}\n                style={styles.title}\n            >\n                Unmatched Route\n            </Text>\n            <Text\n                accessibilityRole=\"header\"\n                accessibilityLevel={2}\n                style={styles.subtitle}\n            >\n                Page could not be found.{\" \"}\n                <Link href=\"/\" style={styles.link}>\n                    Go back.\n                </Link>\n            </Text>\n\n            <Link href={\"/\"} style={styles.link}>\n                {url}\n            </Link>\n\n            {process.env.NODE_ENV === \"development\" && (\n                <Link href={\"/__index\"} style={styles.link}>\n                    Sitemap\n                </Link>\n            )}\n        </View>\n    );\n});\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        backgroundColor: \"black\",\n        padding: 24,\n        alignItems: \"center\",\n        justifyContent: \"center\",\n    },\n    title: {\n        color: \"white\",\n        fontSize: 36,\n        paddingBottom: 12,\n        marginBottom: 12,\n        borderBottomColor: \"#323232\",\n        borderBottomWidth: 1,\n        textAlign: \"center\",\n        fontWeight: \"bold\",\n    },\n    subtitle: {\n        color: \"white\",\n        fontSize: 18,\n        marginBottom: 12,\n        textAlign: \"center\",\n    },\n    link: { color: \"rgba(255,255,255,0.4)\", textAlign: \"center\" },\n});\n"]}
+{"version":3,"file":"Unmatched.js","sourceRoot":"","sources":["../../src/views/Unmatched.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAEjD,2CAA2C;AAC3C,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/C,MAAM,GAAG,GAAG,SAAS,CAAC,EAAE,CAAC,CAAC;IAC1B,OAAO;IACH,aAAa;IACb,oBAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS;QACnC,oBAAC,IAAI,IACD,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,CAAC,EACrB,KAAK,EAAE,MAAM,CAAC,KAAK,sBAGhB;QACP,oBAAC,IAAI,IACD,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,CAAC,EACrB,KAAK,EAAE,MAAM,CAAC,QAAQ;;YAEG,GAAG;YAC5B,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAE,MAAM,CAAC,IAAI,eAE1B,CACJ;QAEP,oBAAC,IAAI,IAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,IAC9B,GAAG,CACD;QAEN,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,IAAI,CACvC,oBAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,cAEnC,CACV,CACE,CACV,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC7B,SAAS,EAAE;QACP,IAAI,EAAE,CAAC;QACP,eAAe,EAAE,OAAO;QACxB,OAAO,EAAE,EAAE;QACX,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KAC3B;IACD,KAAK,EAAE;QACH,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,EAAE;QACZ,aAAa,EAAE,EAAE;QACjB,YAAY,EAAE,EAAE;QAChB,iBAAiB,EAAE,SAAS;QAC5B,iBAAiB,EAAE,CAAC;QACpB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,MAAM;KACrB;IACD,QAAQ,EAAE;QACN,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,QAAQ;KACtB;IACD,IAAI,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE;CAChE,CAAC,CAAC","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { createURL } from \"expo-linking\";\nimport { StyleSheet } from \"@bacons/react-views\";\nimport { Link } from \"./Link\";\nimport { Text, View } from \"@bacons/react-views\";\n\n/** Default screen for unmatched routes. */\nexport const Unmatched = forwardRef((props, ref) => {\n    const url = createURL(\"\");\n    return (\n        // @ts-ignore\n        <View ref={ref} style={styles.container}>\n            <Text\n                accessibilityRole=\"header\"\n                accessibilityLevel={1}\n                style={styles.title}\n            >\n                Unmatched Route\n            </Text>\n            <Text\n                accessibilityRole=\"header\"\n                accessibilityLevel={2}\n                style={styles.subtitle}\n            >\n                Page could not be found.{\" \"}\n                <Link href=\"/\" style={styles.link}>\n                    Go back.\n                </Link>\n            </Text>\n\n            <Link href={\"/\"} style={styles.link}>\n                {url}\n            </Link>\n\n            {process.env.NODE_ENV === \"development\" && (\n                <Link href={\"/__index\"} style={styles.link}>\n                    Sitemap\n                </Link>\n            )}\n        </View>\n    );\n});\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        backgroundColor: \"black\",\n        padding: 24,\n        alignItems: \"center\",\n        justifyContent: \"center\",\n    },\n    title: {\n        color: \"white\",\n        fontSize: 36,\n        paddingBottom: 12,\n        marginBottom: 12,\n        borderBottomColor: \"#323232\",\n        borderBottomWidth: 1,\n        textAlign: \"center\",\n        fontWeight: \"bold\",\n    },\n    subtitle: {\n        color: \"white\",\n        fontSize: 18,\n        marginBottom: 12,\n        textAlign: \"center\",\n    },\n    link: { color: \"rgba(255,255,255,0.4)\", textAlign: \"center\" },\n});\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-router",
-  "version": "0.0.10",
+  "version": "0.0.14",
   "main": "build/index.js",
   "files": [
     "entry.js",
@@ -44,7 +44,7 @@
     "jest": "^26.6.3"
   },
   "dependencies": {
-    "@bacons/expo-metro-runtime": "^1.2.0",
+    "@bacons/expo-metro-runtime": "^2.0.1",
     "@bacons/react-views": "^1.1.3",
     "@radix-ui/react-slot": "^1.0.0",
     "@react-navigation/bottom-tabs": "^6.3.3",
@@ -54,6 +54,7 @@
     "@react-navigation/stack": "^6.2.3",
     "expo-constants": "~13.2.4",
     "expo-linking": "^3.2.2",
+    "expo-splash-screen": "^0.16.2",
     "expo-status-bar": "^1.4.0",
     "react-native-gesture-handler": "~2.5.0",
     "react-native-reanimated": "~2.9.1",

package/build/useOptionalNavigation.d.ts

@@ -1,8 +0,0 @@
-import { NavigationProp } from "@react-navigation/native";
-/**
- * Hook to access the navigation prop of the parent screen anywhere.
- *
- * @returns Navigation prop of the parent screen.
- */
-export declare function useOptionalNavigation<T = NavigationProp<ReactNavigation.RootParamList>>(): T | null;
-//# sourceMappingURL=useOptionalNavigation.d.ts.map

package/build/useOptionalNavigation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOptionalNavigation.d.ts","sourceRoot":"","sources":["../src/useOptionalNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,cAAc,EACf,MAAM,0BAA0B,CAAC;AAGlC;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,CAAC,GAAG,cAAc,CAAC,eAAe,CAAC,aAAa,CAAC,KAC9C,CAAC,GAAG,IAAI,CAMZ"}

package/build/useOptionalNavigation.js

@@ -1,14 +0,0 @@
-import { NavigationContainerRefContext, NavigationContext, } from "@react-navigation/native";
-import * as React from "react";
-/**
- * Hook to access the navigation prop of the parent screen anywhere.
- *
- * @returns Navigation prop of the parent screen.
- */
-export function useOptionalNavigation() {
-    const root = React.useContext(NavigationContainerRefContext);
-    const navigation = React.useContext(NavigationContext);
-    // FIXME: Figure out a better way to do this
-    return (navigation ?? root ?? null);
-}
-//# sourceMappingURL=useOptionalNavigation.js.map

package/build/useOptionalNavigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOptionalNavigation.js","sourceRoot":"","sources":["../src/useOptionalNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,6BAA6B,EAC7B,iBAAiB,GAElB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;GAIG;AACH,MAAM,UAAU,qBAAqB;IAGnC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,6BAA6B,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAEvD,4CAA4C;IAC5C,OAAO,CAAC,UAAU,IAAI,IAAI,IAAI,IAAI,CAAwB,CAAC;AAC7D,CAAC","sourcesContent":["import {\n  NavigationContainerRefContext,\n  NavigationContext,\n  NavigationProp,\n} from \"@react-navigation/native\";\nimport * as React from \"react\";\n\n/**\n * Hook to access the navigation prop of the parent screen anywhere.\n *\n * @returns Navigation prop of the parent screen.\n */\nexport function useOptionalNavigation<\n  T = NavigationProp<ReactNavigation.RootParamList>\n>(): T | null {\n  const root = React.useContext(NavigationContainerRefContext);\n  const navigation = React.useContext(NavigationContext);\n\n  // FIXME: Figure out a better way to do this\n  return (navigation ?? root ?? null) as unknown as T | null;\n}\n"]}