expo-router 0.0.6 → 0.0.8

package/babel.js

@@ -58,6 +58,21 @@ module.exports = function (api) {
           return;
         }
 
+        // Used for log box and stuff
+        if (
+          t.isIdentifier(parent.node.property, {
+            name: "EXPO_PROJECT_ROOT",
+          }) &&
+          !parent.parentPath.isAssignmentExpression()
+        ) {
+          parent.replaceWith(
+            t.stringLiteral(
+              process.env.EXPO_PROJECT_ROOT || state.file.opts.root || ""
+            )
+          );
+          return;
+        }
+
         if (
           !t.isIdentifier(parent.node.property, {
             name: "EXPO_ROUTER_APP_ROOT",

package/build/ContextNavigator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextNavigator.d.ts","sourceRoot":"","sources":["../src/ContextNavigator.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AA0DzC,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,cAAc,CAAA;CAAE,eAsBxE"}
+{"version":3,"file":"ContextNavigator.d.ts","sourceRoot":"","sources":["../src/ContextNavigator.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AA0DzC,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,cAAc,CAAA;CAAE,eAmBxE"}

package/build/ContextNavigator.js

@@ -45,9 +45,9 @@ export function ContextNavigator({ context }) {
     if (Tutorial) {
         return React.createElement(Tutorial, null);
     }
-    const children = useMemo(() => (React.createElement(Route, { filename: "./" },
-        React.createElement(ContextNavigationContainer, null,
-            React.createElement(NativeStack, { screenOptions: { animation: "none", headerShown: false } })))), []);
-    return (React.createElement(RoutesContextProvider, { context: context }, children));
+    return (React.createElement(RoutesContextProvider, { context: context },
+        React.createElement(Route, { filename: "./" },
+            React.createElement(ContextNavigationContainer, null,
+                React.createElement(NativeStack, { screenOptions: { animation: "none", headerShown: false } })))));
 }
 //# sourceMappingURL=ContextNavigator.js.map

package/build/ContextNavigator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextNavigator.js","sourceRoot":"","sources":["../src/ContextNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,SAAS,wBAAwB,CAAC,OAAuB;IACrD,4CAA4C;IAC5C,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACtD,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AACrD,CAAC;AAED,SAAS,qBAAqB,CAAC,EAC3B,OAAO,EACP,QAAQ,GAIX;IACG,MAAM,MAAM,GAAG,wBAAwB,CAAC,OAAO,CAAC,CAAC;IACjD,OAAO,CACH,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IAAG,QAAQ,CAA0B,CAC7E,CAAC;AACN,CAAC;AAED,SAAS,0BAA0B,CAC/B,SAAc;IAEd,OAAO,CACH,CAAC,CAAC,SAAS;QACX,CAAC,OAAO,SAAS,KAAK,UAAU;YAC5B,SAAS,EAAE,SAAS,EAAE,gBAAgB;YACtC,SAAS,CAAC,QAAQ,KAAK,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAC9D,CAAC;AACN,CAAC;AAED,yIAAyI;AACzI,SAAS,WAAW,CAAC,OAAuB;IACxC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACvC,OAAO,IAAI,CAAC;KACf;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACtD,MAAM,oBAAoB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACpB,2FAA2F;YAC3F,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC;YACxC,IAAI,0BAA0B,CAAC,SAAS,CAAC,EAAE;gBACvC,OAAO,IAAI,CAAC;aACf;SACJ;QACD,OAAO,KAAK,CAAC;IACjB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAI,oBAAoB,EAAE;QACtB,OAAO,IAAI,CAAC;KACf;IAED,OAAO,OAAO,CAAC,oBAAoB,CAAC,CAAC,QAAQ,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAAE,OAAO,EAA+B;IACrE,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IACtC,IAAI,QAAQ,EAAE;QACV,OAAO,oBAAC,QAAQ,OAAG,CAAC;KACvB;IAED,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC3B,oBAAC,KAAK,IAAC,QAAQ,EAAC,IAAI;QAChB,oBAAC,0BAA0B;YAEvB,oBAAC,WAAW,IACR,aAAa,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAC1D,CACuB,CACzB,CACX,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,oBAAC,qBAAqB,IAAC,OAAO,EAAE,OAAO,IAClC,QAAQ,CACW,CAC3B,CAAC;AACN,CAAC","sourcesContent":["import React, { useMemo } from 'react';\n\nimport { RoutesContext } from './context';\nimport { ContextNavigationContainer } from './ContextNavigationContainer';\nimport { getRoutes } from './getRoutes';\nimport { NativeStack } from './layouts/NativeStack';\nimport { Route } from './Route';\nimport { RequireContext } from './types';\n\n\nfunction useContextModuleAsRoutes(context: RequireContext) {\n    // TODO: Is this an optimal hook dependency?\n    const keys = useMemo(() => context.keys(), [context]);\n    return useMemo(() => getRoutes(context), [keys]);\n}\n\nfunction RoutesContextProvider({\n    context,\n    children,\n}: {\n    context: RequireContext;\n    children: React.ReactNode;\n}) {\n    const routes = useContextModuleAsRoutes(context);\n    return (\n        <RoutesContext.Provider value={routes}>{children}</RoutesContext.Provider>\n    );\n}\n\nfunction isFunctionOrReactComponent(\n    Component: any\n): Component is React.ComponentType {\n    return (\n        !!Component &&\n        (typeof Component === \"function\" ||\n            Component?.prototype?.isReactComponent ||\n            Component.$$typeof === Symbol.for(\"react.forward_ref\"))\n    );\n}\n\n/** Returns the Tutorial component if there are no React components exported as default from any files in the provided context module. */\nfunction useTutorial(context: RequireContext) {\n    if (process.env.NODE_ENV === \"production\") {\n        return null;\n    }\n\n    const keys = useMemo(() => context.keys(), [context]);\n    const hasAnyValidComponent = useMemo(() => {\n        for (const key of keys) {\n            // NOTE(EvanBacon): This should only ever occur in development as it breaks lazily loading.\n            const component = context(key)?.default;\n            if (isFunctionOrReactComponent(component)) {\n                return true;\n            }\n        }\n        return false;\n    }, [keys]);\n\n    if (hasAnyValidComponent) {\n        return null;\n    }\n\n    return require(\"./onboard/Tutorial\").Tutorial;\n}\n\nexport function ContextNavigator({ context }: { context: RequireContext }) {\n    const Tutorial = useTutorial(context);\n    if (Tutorial) {\n        return <Tutorial />;\n    }\n\n    const children = useMemo(() => (\n        <Route filename=\"./\">\n            <ContextNavigationContainer>\n                {/* Using a switch navigator at the root to host all pages. */}\n                <NativeStack\n                    screenOptions={{ animation: \"none\", headerShown: false }}\n                />\n            </ContextNavigationContainer>\n        </Route>\n    ), []);\n\n    return (\n        <RoutesContextProvider context={context}>\n            {children}\n        </RoutesContextProvider>\n    );\n}\n\n"]}
+{"version":3,"file":"ContextNavigator.js","sourceRoot":"","sources":["../src/ContextNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,SAAS,wBAAwB,CAAC,OAAuB;IACrD,4CAA4C;IAC5C,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACtD,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AACrD,CAAC;AAED,SAAS,qBAAqB,CAAC,EAC3B,OAAO,EACP,QAAQ,GAIX;IACG,MAAM,MAAM,GAAG,wBAAwB,CAAC,OAAO,CAAC,CAAC;IACjD,OAAO,CACH,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IAAG,QAAQ,CAA0B,CAC7E,CAAC;AACN,CAAC;AAED,SAAS,0BAA0B,CAC/B,SAAc;IAEd,OAAO,CACH,CAAC,CAAC,SAAS;QACX,CAAC,OAAO,SAAS,KAAK,UAAU;YAC5B,SAAS,EAAE,SAAS,EAAE,gBAAgB;YACtC,SAAS,CAAC,QAAQ,KAAK,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAC9D,CAAC;AACN,CAAC;AAED,yIAAyI;AACzI,SAAS,WAAW,CAAC,OAAuB;IACxC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACvC,OAAO,IAAI,CAAC;KACf;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACtD,MAAM,oBAAoB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACpB,2FAA2F;YAC3F,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC;YACxC,IAAI,0BAA0B,CAAC,SAAS,CAAC,EAAE;gBACvC,OAAO,IAAI,CAAC;aACf;SACJ;QACD,OAAO,KAAK,CAAC;IACjB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAI,oBAAoB,EAAE;QACtB,OAAO,IAAI,CAAC;KACf;IAED,OAAO,OAAO,CAAC,oBAAoB,CAAC,CAAC,QAAQ,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAAE,OAAO,EAA+B;IACrE,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IACtC,IAAI,QAAQ,EAAE;QACV,OAAO,oBAAC,QAAQ,OAAG,CAAC;KACvB;IAGD,OAAO,CACH,oBAAC,qBAAqB,IAAC,OAAO,EAAE,OAAO;QACnC,oBAAC,KAAK,IAAC,QAAQ,EAAC,IAAI;YAChB,oBAAC,0BAA0B;gBAEvB,oBAAC,WAAW,IACR,aAAa,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAC1D,CACuB,CACzB,CACY,CAC3B,CAAC;AACN,CAAC","sourcesContent":["import React, { useMemo } from 'react';\n\nimport { RoutesContext } from './context';\nimport { ContextNavigationContainer } from './ContextNavigationContainer';\nimport { getRoutes } from './getRoutes';\nimport { NativeStack } from './layouts/NativeStack';\nimport { Route } from './Route';\nimport { RequireContext } from './types';\n\n\nfunction useContextModuleAsRoutes(context: RequireContext) {\n    // TODO: Is this an optimal hook dependency?\n    const keys = useMemo(() => context.keys(), [context]);\n    return useMemo(() => getRoutes(context), [keys]);\n}\n\nfunction RoutesContextProvider({\n    context,\n    children,\n}: {\n    context: RequireContext;\n    children: React.ReactNode;\n}) {\n    const routes = useContextModuleAsRoutes(context);\n    return (\n        <RoutesContext.Provider value={routes}>{children}</RoutesContext.Provider>\n    );\n}\n\nfunction isFunctionOrReactComponent(\n    Component: any\n): Component is React.ComponentType {\n    return (\n        !!Component &&\n        (typeof Component === \"function\" ||\n            Component?.prototype?.isReactComponent ||\n            Component.$$typeof === Symbol.for(\"react.forward_ref\"))\n    );\n}\n\n/** Returns the Tutorial component if there are no React components exported as default from any files in the provided context module. */\nfunction useTutorial(context: RequireContext) {\n    if (process.env.NODE_ENV === \"production\") {\n        return null;\n    }\n\n    const keys = useMemo(() => context.keys(), [context]);\n    const hasAnyValidComponent = useMemo(() => {\n        for (const key of keys) {\n            // NOTE(EvanBacon): This should only ever occur in development as it breaks lazily loading.\n            const component = context(key)?.default;\n            if (isFunctionOrReactComponent(component)) {\n                return true;\n            }\n        }\n        return false;\n    }, [keys]);\n\n    if (hasAnyValidComponent) {\n        return null;\n    }\n\n    return require(\"./onboard/Tutorial\").Tutorial;\n}\n\nexport function ContextNavigator({ context }: { context: RequireContext }) {\n    const Tutorial = useTutorial(context);\n    if (Tutorial) {\n        return <Tutorial />;\n    }\n\n\n    return (\n        <RoutesContextProvider context={context}>\n            <Route filename=\"./\">\n                <ContextNavigationContainer>\n                    {/* Using a switch navigator at the root to host all pages. */}\n                    <NativeStack\n                        screenOptions={{ animation: \"none\", headerShown: false }}\n                    />\n                </ContextNavigationContainer>\n            </Route>\n        </RoutesContextProvider>\n    );\n}\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,gBAoDvB"}
+{"version":3,"file":"Tutorial.d.ts","sourceRoot":"","sources":["../../src/onboard/Tutorial.tsx"],"names":[],"mappings":";AAmCA,wBAAgB,QAAQ,gBAsDvB"}

package/build/onboard/Tutorial.js

@@ -4,7 +4,7 @@ import { View, Text, Pressable, StyleSheet } from "@bacons/react-views";
 import { createEntryFileAsync } from "./createEntryFile";
 // TODO: Use openLinkFromBrowser thing
 function Header() {
-    return (React.createElement(Pressable, null, ({ hovered }) => (React.createElement(Text, { accessibilityRole: "heading", accessibilityLevel: 1, style: [styles.title, Platform.OS !== "web" && { textAlign: "left" }] },
+    return (React.createElement(Pressable, null, ({ hovered }) => (React.createElement(Text, { accessibilityRole: "header", accessibilityLevel: 1, style: [styles.title, Platform.OS !== "web" && { textAlign: "left" }] },
         "Welcome to",
         " ",
         React.createElement(Text, { href: "https://github.com/expo/expo-router/", style: [
@@ -17,16 +17,18 @@ function Header() {
 const canAutoTouchFile = process.env.EXPO_ROUTER_APP_ROOT != null;
 export function Tutorial() {
     React.useEffect(() => {
-        // Reset the route on web so the initial route isn't a 404 after
-        // the user has created the entry file.
-        // This is useful for cases where you are testing the tutorial.
-        // To test: touch the new file, then navigate to a missing route `/foobar`, then delete the app folder.
-        // you should see the tutorial again and be able to create the entry file once more.
-        if (typeof location !== "undefined" && location.pathname !== "/") {
-            location.replace("/");
-        }
-        if (typeof window !== "undefined") {
-            window.document.title = "npx expo start";
+        if (Platform.OS === "web") {
+            // Reset the route on web so the initial route isn't a 404 after
+            // the user has created the entry file.
+            // This is useful for cases where you are testing the tutorial.
+            // To test: touch the new file, then navigate to a missing route `/foobar`, then delete the app folder.
+            // you should see the tutorial again and be able to create the entry file once more.
+            if (typeof location !== "undefined" && location.pathname !== "/") {
+                location.replace("/");
+            }
+            if (typeof window !== "undefined" && typeof window.document !== "undefined") {
+                window.document.title = "npx expo start";
+            }
         }
     }, []);
     return (React.createElement(View, { style: {
@@ -45,7 +47,7 @@ export function Tutorial() {
             } },
             React.createElement(View, { accessibilityRole: "main", style: styles.container },
                 React.createElement(Header, null),
-                React.createElement(Text, { accessibilityRole: "heading", accessibilityLevel: 2, style: styles.subtitle },
+                React.createElement(Text, { accessibilityRole: "header", accessibilityLevel: 2, style: styles.subtitle },
                     "Get started by creating a file",
                     "\n",
                     "in the",

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=\"heading\"\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        // 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\") {\n            window.document.title = \"npx expo start\";\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=\"heading\"\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":"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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"]}

package/build/views/ErrorBoundary.js

@@ -7,7 +7,7 @@ export function ErrorBoundary({ error, retry }) {
     return (React.createElement(View, { accessibilityRole: 'main', style: [styles.container] },
         React.createElement(SafeAreaView, { style: { flex: 1, maxWidth: 720, marginHorizontal: 'auto' } },
             React.createElement(View, { style: { marginBottom: 12, flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-between', alignItems: 'center' } },
-                React.createElement(Text, { accessibilityRole: "heading", accessibilityLevel: 1, style: styles.title }, "Something went wrong"),
+                React.createElement(Text, { accessibilityRole: "header", accessibilityLevel: 1, style: styles.title }, "Something went wrong"),
                 React.createElement(View, { style: { flexDirection: 'row', alignItems: 'center' } },
                     React.createElement(Pressable, null, ({ hovered }) => (React.createElement(TouchableOpacity, { onPress: retry },
                         React.createElement(View, { style: [{ transitionDuration: '100ms', paddingVertical: 12, paddingHorizontal: 24, borderColor: 'white', borderWidth: 2, marginLeft: 8 }, hovered && { backgroundColor: 'white' }] },

package/build/views/ErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/views/ErrorBoundary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Pressable, StyleSheet, Text, View } from '@bacons/react-views';\nimport React from 'react';\nimport { Platform, ScrollView, TouchableOpacity } from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\n\nimport { ErrorBoundaryProps } from './Try';\nimport { Link } from './Link';\n\nexport function ErrorBoundary({ error, retry }: ErrorBoundaryProps) {\n    return (\n        <View accessibilityRole='main' style={[styles.container]}>\n            <SafeAreaView style={{ flex: 1, maxWidth: 720, marginHorizontal: 'auto' }}>\n                <View style={{ marginBottom: 12, flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-between', alignItems: 'center' }}>\n                    <Text\n                        accessibilityRole=\"heading\" accessibilityLevel={1}\n                        style={styles.title}\n                    >\n                        Something went wrong\n                    </Text>\n                    <View style={{ flexDirection: 'row', alignItems: 'center' }}>\n                        <Pressable>\n                            {({ hovered }) => (\n                                <TouchableOpacity onPress={retry}>\n                                    <View style={[{ transitionDuration: '100ms', paddingVertical: 12, paddingHorizontal: 24, borderColor: 'white', borderWidth: 2, marginLeft: 8 }, hovered && { backgroundColor: 'white' }]}>\n                                        <Text style={[styles.buttonText, { transitionDuration: '100ms', color: hovered ? 'black' : 'white' }]}>\n                                            Retry\n                                        </Text>\n                                    </View>\n                                </TouchableOpacity>\n                            )}\n                        </Pressable>\n                    </View>\n                </View>\n\n                <StackTrace error={error} />\n                {process.env.NODE_ENV === 'development' && <Link href={'/__index'} style={styles.link}>\n                    Sitemap\n                </Link>}\n            </SafeAreaView>\n        </View>\n    );\n}\n\nfunction StackTrace({ error }: { error: Error }) {\n    return (\n        <ScrollView style={{ marginVertical: 8, borderColor: 'rgba(255,255,255,0.5)', borderWidth: 1, padding: 12, }}>\n            <Text style={[styles.code, { color: 'white' }]}>\n                {error.stack}\n            </Text>\n        </ScrollView>\n    );\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        backgroundColor: \"black\",\n        padding: 24,\n        alignItems: \"stretch\",\n        justifyContent: \"center\",\n    },\n    title: {\n        color: \"white\",\n        fontSize: 36,\n\n        // textAlign: \"center\",\n        fontWeight: \"bold\",\n    },\n    buttonText: {\n        fontSize: 18,\n        fontWeight: 'bold',\n        color: 'black',\n    },\n    code: {\n        fontFamily: Platform.select({ default: 'Courier', ios: 'Courier New', android: 'monospace' }),\n        fontWeight: '500',\n    },\n    subtitle: {\n        color: \"white\",\n        fontSize: 14,\n        marginBottom: 12,\n        // textAlign: \"center\",\n    },\n    link: { color: \"rgba(255,255,255,0.4)\", textDecorationStyle: 'solid', textDecorationLine: 'underline', fontSize: 14, textAlign: \"center\" },\n});\n"]}
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/views/ErrorBoundary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Pressable, StyleSheet, Text, View } from '@bacons/react-views';\nimport React from 'react';\nimport { Platform, ScrollView, TouchableOpacity } from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\n\nimport { ErrorBoundaryProps } from './Try';\nimport { Link } from './Link';\n\nexport function ErrorBoundary({ error, retry }: ErrorBoundaryProps) {\n    return (\n        <View accessibilityRole='main' style={[styles.container]}>\n            <SafeAreaView style={{ flex: 1, maxWidth: 720, marginHorizontal: 'auto' }}>\n                <View style={{ marginBottom: 12, flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-between', alignItems: 'center' }}>\n                    <Text\n                        accessibilityRole=\"header\" accessibilityLevel={1}\n                        style={styles.title}\n                    >\n                        Something went wrong\n                    </Text>\n                    <View style={{ flexDirection: 'row', alignItems: 'center' }}>\n                        <Pressable>\n                            {({ hovered }) => (\n                                <TouchableOpacity onPress={retry}>\n                                    <View style={[{ transitionDuration: '100ms', paddingVertical: 12, paddingHorizontal: 24, borderColor: 'white', borderWidth: 2, marginLeft: 8 }, hovered && { backgroundColor: 'white' }]}>\n                                        <Text style={[styles.buttonText, { transitionDuration: '100ms', color: hovered ? 'black' : 'white' }]}>\n                                            Retry\n                                        </Text>\n                                    </View>\n                                </TouchableOpacity>\n                            )}\n                        </Pressable>\n                    </View>\n                </View>\n\n                <StackTrace error={error} />\n                {process.env.NODE_ENV === 'development' && <Link href={'/__index'} style={styles.link}>\n                    Sitemap\n                </Link>}\n            </SafeAreaView>\n        </View>\n    );\n}\n\nfunction StackTrace({ error }: { error: Error }) {\n    return (\n        <ScrollView style={{ marginVertical: 8, borderColor: 'rgba(255,255,255,0.5)', borderWidth: 1, padding: 12, }}>\n            <Text style={[styles.code, { color: 'white' }]}>\n                {error.stack}\n            </Text>\n        </ScrollView>\n    );\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        backgroundColor: \"black\",\n        padding: 24,\n        alignItems: \"stretch\",\n        justifyContent: \"center\",\n    },\n    title: {\n        color: \"white\",\n        fontSize: 36,\n\n        // textAlign: \"center\",\n        fontWeight: \"bold\",\n    },\n    buttonText: {\n        fontSize: 18,\n        fontWeight: 'bold',\n        color: 'black',\n    },\n    code: {\n        fontFamily: Platform.select({ default: 'Courier', ios: 'Courier New', android: 'monospace' }),\n        fontWeight: '500',\n    },\n    subtitle: {\n        color: \"white\",\n        fontSize: 14,\n        marginBottom: 12,\n        // textAlign: \"center\",\n    },\n    link: { color: \"rgba(255,255,255,0.4)\", textDecorationStyle: 'solid', textDecorationLine: 'underline', fontSize: 14, textAlign: \"center\" },\n});\n"]}

package/build/views/Link.d.ts

@@ -21,6 +21,6 @@ declare type Props<ParamList extends ReactNavigation.RootParamList> = {
  * @param props.action Optional action to use for in-page navigation. By default, the path is parsed to an action based on linking config.
  * @param props.children Child elements to render the content.
  */
-export declare const Link: React.ForwardRefExoticComponent<Pick<Props<ReactNavigation.RootParamList>, "children" | "key" | "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" | "action" | keyof import("@bacons/react-views/build/Text").WebTextProps> & React.RefAttributes<Text>>;
+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 {};
 //# sourceMappingURL=Link.d.ts.map

package/build/views/Link.js

@@ -26,6 +26,7 @@ function BaseLink({ to, href, action, asChild, ...rest }, ref) {
         return resolved;
     }, [href, to]);
     const props = useLinkProps({ to: resolvedTo, action });
+    console.log('link props', resolvedTo, action, props);
     const onPress = (e) => {
         if ('onPress' in rest) {
             rest.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":"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,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IACrD,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    console.log('link props', resolvedTo, action, props);\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"]}

package/build/views/Unmatched.js

@@ -9,8 +9,8 @@ export const Unmatched = forwardRef((props, ref) => {
     return (
     // @ts-ignore
     React.createElement(View, { ref: ref, accessibilityRole: "main", style: styles.container },
-        React.createElement(Text, { accessibilityRole: "heading", accessibilityLevel: 1, style: styles.title }, "Unmatched Route"),
-        React.createElement(Text, { accessibilityRole: "heading", accessibilityLevel: 2, style: styles.subtitle },
+        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.",
             " ",
             React.createElement(Link, { href: "/", style: styles.link }, "Go back.")),

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,SAAS,EAC3B,kBAAkB,EAAE,CAAC,EACrB,KAAK,EAAE,MAAM,CAAC,KAAK,sBAGhB;QACP,oBAAC,IAAI,IACD,iBAAiB,EAAC,SAAS,EAC3B,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=\"heading\"\n                accessibilityLevel={1}\n                style={styles.title}\n            >\n                Unmatched Route\n            </Text>\n            <Text\n                accessibilityRole=\"heading\"\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,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"]}

package/package.json

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