expo-router 0.0.6 → 0.0.7

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

@@ -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: {

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=\"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        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=\"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"]}

package/package.json

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