expo-router 4.0.3 → 4.0.4

package/build/onboard/Tutorial.js

@@ -155,11 +155,11 @@ const styles = react_native_1.StyleSheet.create({
         ...react_native_1.Platform.select({
             web: {
                 fontSize: 64,
-                lineHeight: 68,
+                lineHeight: 64,
             },
             default: {
                 fontSize: 56,
-                lineHeight: 60,
+                lineHeight: 56,
             },
         }),
         color: '#fff',

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 { Platform, StatusBar, StyleSheet, Text, View, Image } from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\n\nimport { createEntryFileAsync } from './createEntryFile';\nimport { Link } from '../exports';\nimport { Pressable } from '../views/Pressable';\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 = 'Welcome to Expo';\n      }\n    }\n  }, []);\n\n  return (\n    <SafeAreaView style={styles.background}>\n      <StatusBar barStyle=\"light-content\" />\n      <View style={styles.container}>\n        <View style={styles.logotypeWrapper}>\n          <Image style={styles.logotype} source={require('expo-router/assets/logotype.png')} />\n        </View>\n        <Text role=\"heading\" aria-level={1} style={styles.title}>\n          Welcome to Expo\n        </Text>\n        <Text role=\"heading\" aria-level={2} style={[styles.subtitle, styles.textSecondary]}>\n          Start by creating a file{Platform.OS !== 'web' ? '\\n' : ' '}in the{' '}\n          <Text style={{ fontWeight: '600' }}>{getRootDir()}</Text> directory.\n        </Text>\n        <Text>\n          <Link\n            href=\"https://docs.expo.dev/router/introduction/\"\n            {...Platform.select({ web: { target: '_blank' }, native: { asChild: true } })}>\n            <Pressable>\n              {({ hovered, pressed }) => (\n                <Text\n                  style={[\n                    styles.link,\n                    Platform.select({\n                      web: {\n                        transitionDuration: '200ms',\n                        marginBottom: 12,\n                      },\n                    }),\n                    hovered && {\n                      opacity: 0.8,\n                      textDecorationLine: 'underline',\n                    },\n                    pressed && {\n                      opacity: 0.8,\n                    },\n                  ]}>\n                  Learn more about Expo Router in the documentation.\n                </Text>\n              )}\n            </Pressable>\n          </Link>\n        </Text>\n        {canAutoTouchFile && <Button />}\n      </View>\n    </SafeAreaView>\n  );\n}\n\nfunction getRootDir() {\n  const dir = process.env.EXPO_ROUTER_ABS_APP_ROOT!;\n  if (dir.match(/\\/src\\/app$/)) {\n    return 'src/app';\n  } else if (dir.match(/\\/app$/)) {\n    return 'app';\n  }\n  return dir.split('/').pop() ?? dir;\n}\n\nfunction Button() {\n  return (\n    <Pressable\n      onPress={() => {\n        createEntryFileAsync();\n      }}\n      style={styles.button}>\n      {({ pressed, hovered }) => (\n        <View\n          style={[\n            styles.buttonContainer,\n            hovered && {\n              backgroundColor: '#fff',\n            },\n            pressed &&\n              Platform.select({\n                web: {\n                  transform: 'scale(0.98)',\n                  transitionDuration: '200ms',\n                },\n                default: {\n                  backgroundColor: '#fff',\n                },\n              }),\n          ]}>\n          <Text\n            style={[\n              styles.code,\n              hovered && { color: '#000' },\n              pressed &&\n                Platform.select({\n                  native: { color: '#000' },\n                }),\n            ]}>\n            <Text style={styles.textSecondary}>$</Text> touch {getRootDir()}\n            /index.tsx\n          </Text>\n        </View>\n      )}\n    </Pressable>\n  );\n}\n\nconst styles = StyleSheet.create({\n  background: {\n    backgroundColor: '#000',\n    flex: 1,\n  },\n  container: {\n    flex: 1,\n    padding: 24,\n    paddingBottom: 64,\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginHorizontal: 'auto',\n    gap: 16,\n    ...Platform.select({\n      web: {\n        maxWidth: 960,\n      },\n      native: {\n        width: '100%',\n      },\n    }),\n  },\n  logotypeWrapper: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: '#151718',\n    borderRadius: 12,\n    borderWidth: 1,\n    borderStyle: 'solid',\n    borderColor: '#313538',\n    width: 78,\n    height: 78,\n    marginBottom: 8,\n  },\n  logotype: {\n    width: 48,\n    height: 44,\n  },\n  title: {\n    ...Platform.select({\n      web: {\n        fontSize: 64,\n        lineHeight: 68,\n      },\n      default: {\n        fontSize: 56,\n        lineHeight: 60,\n      },\n    }),\n    color: '#fff',\n    fontWeight: '800',\n    textAlign: 'center',\n  },\n  buttonContainer: {\n    ...Platform.select({\n      web: {\n        transitionDuration: '200ms',\n      },\n    }),\n    backgroundColor: 'transparent',\n    borderColor: '#fff',\n    borderWidth: 2,\n    paddingVertical: 12,\n    paddingHorizontal: 24,\n    borderRadius: 8,\n  },\n  button: {\n    ...Platform.select({\n      web: {\n        marginTop: 12,\n      },\n      native: {\n        position: 'absolute',\n        bottom: 24,\n        left: 32,\n        right: 32,\n        overflow: 'hidden',\n      },\n    }),\n  },\n  code: {\n    ...Platform.select({\n      web: {\n        transitionDuration: '200ms',\n        fontFamily: 'Courier, monospace',\n      },\n      default: {\n        fontFamily: Platform.select({\n          ios: 'Courier New',\n          android: 'monospace',\n        }),\n      },\n    }),\n    color: '#fff',\n    textAlign: 'center',\n    userSelect: 'none',\n    fontSize: 18,\n    fontWeight: 'bold',\n  },\n  subtitle: {\n    fontSize: 34,\n    fontWeight: '200',\n    textAlign: 'center',\n  },\n  link: {\n    fontSize: 20,\n    lineHeight: 26,\n    textAlign: 'center',\n    color: '#52a9ff',\n    marginTop: 12,\n    ...Platform.select({\n      web: {\n        marginBottom: 24,\n      },\n    }),\n  },\n  textSecondary: {\n    color: '#9ba1a6',\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 { Platform, StatusBar, StyleSheet, Text, View, Image } from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\n\nimport { createEntryFileAsync } from './createEntryFile';\nimport { Link } from '../exports';\nimport { Pressable } from '../views/Pressable';\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 = 'Welcome to Expo';\n      }\n    }\n  }, []);\n\n  return (\n    <SafeAreaView style={styles.background}>\n      <StatusBar barStyle=\"light-content\" />\n      <View style={styles.container}>\n        <View style={styles.logotypeWrapper}>\n          <Image style={styles.logotype} source={require('expo-router/assets/logotype.png')} />\n        </View>\n        <Text role=\"heading\" aria-level={1} style={styles.title}>\n          Welcome to Expo\n        </Text>\n        <Text role=\"heading\" aria-level={2} style={[styles.subtitle, styles.textSecondary]}>\n          Start by creating a file{Platform.OS !== 'web' ? '\\n' : ' '}in the{' '}\n          <Text style={{ fontWeight: '600' }}>{getRootDir()}</Text> directory.\n        </Text>\n        <Text>\n          <Link\n            href=\"https://docs.expo.dev/router/introduction/\"\n            {...Platform.select({ web: { target: '_blank' }, native: { asChild: true } })}>\n            <Pressable>\n              {({ hovered, pressed }) => (\n                <Text\n                  style={[\n                    styles.link,\n                    Platform.select({\n                      web: {\n                        transitionDuration: '200ms',\n                        marginBottom: 12,\n                      },\n                    }),\n                    hovered && {\n                      opacity: 0.8,\n                      textDecorationLine: 'underline',\n                    },\n                    pressed && {\n                      opacity: 0.8,\n                    },\n                  ]}>\n                  Learn more about Expo Router in the documentation.\n                </Text>\n              )}\n            </Pressable>\n          </Link>\n        </Text>\n        {canAutoTouchFile && <Button />}\n      </View>\n    </SafeAreaView>\n  );\n}\n\nfunction getRootDir() {\n  const dir = process.env.EXPO_ROUTER_ABS_APP_ROOT!;\n  if (dir.match(/\\/src\\/app$/)) {\n    return 'src/app';\n  } else if (dir.match(/\\/app$/)) {\n    return 'app';\n  }\n  return dir.split('/').pop() ?? dir;\n}\n\nfunction Button() {\n  return (\n    <Pressable\n      onPress={() => {\n        createEntryFileAsync();\n      }}\n      style={styles.button}>\n      {({ pressed, hovered }) => (\n        <View\n          style={[\n            styles.buttonContainer,\n            hovered && {\n              backgroundColor: '#fff',\n            },\n            pressed &&\n              Platform.select({\n                web: {\n                  transform: 'scale(0.98)',\n                  transitionDuration: '200ms',\n                },\n                default: {\n                  backgroundColor: '#fff',\n                },\n              }),\n          ]}>\n          <Text\n            style={[\n              styles.code,\n              hovered && { color: '#000' },\n              pressed &&\n                Platform.select({\n                  native: { color: '#000' },\n                }),\n            ]}>\n            <Text style={styles.textSecondary}>$</Text> touch {getRootDir()}\n            /index.tsx\n          </Text>\n        </View>\n      )}\n    </Pressable>\n  );\n}\n\nconst styles = StyleSheet.create({\n  background: {\n    backgroundColor: '#000',\n    flex: 1,\n  },\n  container: {\n    flex: 1,\n    padding: 24,\n    paddingBottom: 64,\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginHorizontal: 'auto',\n    gap: 16,\n    ...Platform.select({\n      web: {\n        maxWidth: 960,\n      },\n      native: {\n        width: '100%',\n      },\n    }),\n  },\n  logotypeWrapper: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: '#151718',\n    borderRadius: 12,\n    borderWidth: 1,\n    borderStyle: 'solid',\n    borderColor: '#313538',\n    width: 78,\n    height: 78,\n    marginBottom: 8,\n  },\n  logotype: {\n    width: 48,\n    height: 44,\n  },\n  title: {\n    ...Platform.select({\n      web: {\n        fontSize: 64,\n        lineHeight: 64,\n      },\n      default: {\n        fontSize: 56,\n        lineHeight: 56,\n      },\n    }),\n    color: '#fff',\n    fontWeight: '800',\n    textAlign: 'center',\n  },\n  buttonContainer: {\n    ...Platform.select({\n      web: {\n        transitionDuration: '200ms',\n      },\n    }),\n    backgroundColor: 'transparent',\n    borderColor: '#fff',\n    borderWidth: 2,\n    paddingVertical: 12,\n    paddingHorizontal: 24,\n    borderRadius: 8,\n  },\n  button: {\n    ...Platform.select({\n      web: {\n        marginTop: 12,\n      },\n      native: {\n        position: 'absolute',\n        bottom: 24,\n        left: 32,\n        right: 32,\n        overflow: 'hidden',\n      },\n    }),\n  },\n  code: {\n    ...Platform.select({\n      web: {\n        transitionDuration: '200ms',\n        fontFamily: 'Courier, monospace',\n      },\n      default: {\n        fontFamily: Platform.select({\n          ios: 'Courier New',\n          android: 'monospace',\n        }),\n      },\n    }),\n    color: '#fff',\n    textAlign: 'center',\n    userSelect: 'none',\n    fontSize: 18,\n    fontWeight: 'bold',\n  },\n  subtitle: {\n    fontSize: 34,\n    fontWeight: '200',\n    textAlign: 'center',\n  },\n  link: {\n    fontSize: 20,\n    lineHeight: 26,\n    textAlign: 'center',\n    color: '#52a9ff',\n    marginTop: 12,\n    ...Platform.select({\n      web: {\n        marginBottom: 24,\n      },\n    }),\n  },\n  textSecondary: {\n    color: '#9ba1a6',\n  },\n});\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Unmatched.d.ts","sourceRoot":"","sources":["../../src/views/Unmatched.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAsBtD;;;;GAIG;AACH,wBAAgB,SAAS,sBA2CxB"}
+{"version":3,"file":"Unmatched.d.ts","sourceRoot":"","sources":["../../src/views/Unmatched.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B;;;;GAIG;AACH,wBAAgB,SAAS,sBAqHxB"}

package/build/views/Unmatched.js

@@ -12,86 +12,176 @@ const react_native_1 = require("react-native");
 const hooks_1 = require("../hooks");
 const Link_1 = require("../link/Link");
 const useNavigation_1 = require("../useNavigation");
+const Pressable_1 = require("../views/Pressable");
 const useLayoutEffect = typeof window !== 'undefined' ? react_1.default.useLayoutEffect : function () { };
-function NoSSR({ children }) {
-    const [render, setRender] = react_1.default.useState(false);
-    react_1.default.useEffect(() => {
-        setRender(true);
-    }, []);
-    if (!render) {
-        return null;
-    }
-    return <>{children}</>;
-}
 /**
  * Default screen for unmatched routes.
  *
  * @hidden
  */
 function Unmatched() {
+    const [render, setRender] = react_1.default.useState(false);
     const router = (0, hooks_1.useRouter)();
     const navigation = (0, useNavigation_1.useNavigation)();
     const pathname = (0, hooks_1.usePathname)();
     const url = (0, expo_linking_1.createURL)(pathname);
+    react_1.default.useEffect(() => {
+        setRender(true);
+    }, []);
     useLayoutEffect(() => {
         navigation.setOptions({
             title: 'Not Found',
         });
     }, [navigation]);
     return (<react_native_1.View style={styles.container}>
+      <NotFoundAsset />
       <react_native_1.Text role="heading" aria-level={1} style={styles.title}>
         Unmatched Route
       </react_native_1.Text>
-      <react_native_1.Text role="heading" aria-level={2} style={styles.subtitle}>
-        Page could not be found.{' '}
-        <react_native_1.Text onPress={() => {
-            if (router.canGoBack()) {
-                router.back();
-            }
-            else {
-                router.replace('/');
-            }
-        }} style={styles.link}>
-          Go back.
-        </react_native_1.Text>
+      <react_native_1.Text role="heading" aria-level={2} style={[styles.subtitle, styles.secondaryText]}>
+        Page could not be found.
       </react_native_1.Text>
-
-      <NoSSR>
-        <Link_1.Link href={pathname} replace style={styles.link}>
-          {url}
+      {render ? (<Link_1.Link href={pathname} replace {...react_native_1.Platform.select({ native: { asChild: true } })}>
+          <Pressable_1.Pressable>
+            {({ hovered, pressed }) => (<react_native_1.Text style={[
+                    styles.pageLink,
+                    styles.secondaryText,
+                    react_native_1.Platform.select({
+                        web: {
+                            transitionDuration: '200ms',
+                            opacity: 1,
+                        },
+                    }),
+                    hovered && {
+                        opacity: 0.8,
+                        textDecorationLine: 'underline',
+                    },
+                    pressed && {
+                        opacity: 0.8,
+                    },
+                ]}>
+                {url}
+              </react_native_1.Text>)}
+          </Pressable_1.Pressable>
+        </Link_1.Link>) : (<react_native_1.View style={[styles.pageLink, styles.placeholder]}/>)}
+      <react_native_1.View style={styles.linkContainer}>
+        <Pressable_1.Pressable>
+          {({ hovered, pressed }) => (<react_native_1.Text onPress={() => {
+                if (router.canGoBack()) {
+                    router.back();
+                }
+                else {
+                    router.replace('/');
+                }
+            }} style={[
+                styles.link,
+                react_native_1.Platform.select({
+                    web: {
+                        transitionDuration: '200ms',
+                        opacity: 1,
+                    },
+                }),
+                hovered && {
+                    opacity: 0.8,
+                    textDecorationLine: 'underline',
+                },
+                pressed && {
+                    opacity: 0.8,
+                },
+            ]}>
+              Go back
+            </react_native_1.Text>)}
+        </Pressable_1.Pressable>
+        <react_native_1.Text style={[styles.linkSeparator, styles.secondaryText]}>•</react_native_1.Text>
+        <Link_1.Link href="/_sitemap" replace {...react_native_1.Platform.select({ native: { asChild: true } })}>
+          <Pressable_1.Pressable>
+            {({ hovered, pressed }) => (<react_native_1.Text style={[
+                styles.link,
+                react_native_1.Platform.select({
+                    web: {
+                        transitionDuration: '200ms',
+                        opacity: 1,
+                    },
+                }),
+                hovered && {
+                    opacity: 0.8,
+                    textDecorationLine: 'underline',
+                },
+                pressed && {
+                    opacity: 0.8,
+                },
+            ]}>
+                Sitemap
+              </react_native_1.Text>)}
+          </Pressable_1.Pressable>
         </Link_1.Link>
-      </NoSSR>
-
-      <Link_1.Link href="/_sitemap" replace style={[styles.link, { marginTop: 8 }]}>
-        Sitemap
-      </Link_1.Link>
+      </react_native_1.View>
     </react_native_1.View>);
 }
 exports.Unmatched = Unmatched;
+function NotFoundAsset() {
+    return <react_native_1.Image source={require('expo-router/assets/unmatched.png')} style={styles.image}/>;
+}
 const styles = react_native_1.StyleSheet.create({
     container: {
         flex: 1,
         backgroundColor: 'black',
         padding: 24,
+        paddingBottom: 64,
         alignItems: 'center',
         justifyContent: 'center',
     },
+    image: {
+        width: 270,
+        height: 168,
+        resizeMode: 'contain',
+        marginBottom: 28,
+    },
     title: {
-        color: 'white',
-        fontSize: 36,
-        paddingBottom: 12,
-        marginBottom: 12,
-        borderBottomColor: '#323232',
-        borderBottomWidth: 1,
+        ...react_native_1.Platform.select({
+            web: {
+                fontSize: 64,
+                lineHeight: 64,
+            },
+            default: {
+                fontSize: 56,
+                lineHeight: 56,
+            },
+        }),
+        color: '#fff',
+        fontWeight: '800',
         textAlign: 'center',
-        fontWeight: 'bold',
     },
     subtitle: {
-        color: 'white',
-        fontSize: 18,
+        fontSize: 34,
+        marginTop: 4,
         marginBottom: 12,
+        fontWeight: '200',
         textAlign: 'center',
     },
-    link: { color: 'rgba(255,255,255,0.4)', textAlign: 'center' },
+    pageLink: {
+        minHeight: 20,
+    },
+    secondaryText: {
+        color: '#9ba1a6',
+    },
+    placeholder: {
+        backgroundColor: '#9ba1a644',
+        minWidth: 180,
+        borderRadius: 5,
+    },
+    linkContainer: {
+        marginTop: 28,
+        flexDirection: 'row',
+        gap: 12,
+    },
+    link: {
+        fontSize: 20,
+        textAlign: 'center',
+        color: '#52a9ff',
+    },
+    linkSeparator: {
+        fontSize: 20,
+    },
 });
 //# sourceMappingURL=Unmatched.js.map

package/build/views/Unmatched.js.map

@@ -1 +1 @@
-{"version":3,"file":"Unmatched.js","sourceRoot":"","sources":["../../src/views/Unmatched.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright © 2024 650 Industries.\n'use client';\n\nimport { createURL } from 'expo-linking';\nimport React, { type PropsWithChildren } from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { usePathname, useRouter } from '../hooks';\nimport { Link } from '../link/Link';\nimport { useNavigation } from '../useNavigation';\n\nconst useLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : function () {};\n\nfunction NoSSR({ children }: PropsWithChildren) {\n  const [render, setRender] = React.useState(false);\n  React.useEffect(() => {\n    setRender(true);\n  }, []);\n\n  if (!render) {\n    return null;\n  }\n\n  return <>{children}</>;\n}\n\n/**\n * Default screen for unmatched routes.\n *\n * @hidden\n */\nexport function Unmatched() {\n  const router = useRouter();\n  const navigation = useNavigation();\n  const pathname = usePathname();\n  const url = createURL(pathname);\n\n  useLayoutEffect(() => {\n    navigation.setOptions({\n      title: 'Not Found',\n    });\n  }, [navigation]);\n\n  return (\n    <View style={styles.container}>\n      <Text role=\"heading\" aria-level={1} style={styles.title}>\n        Unmatched Route\n      </Text>\n      <Text role=\"heading\" aria-level={2} style={styles.subtitle}>\n        Page could not be found.{' '}\n        <Text\n          onPress={() => {\n            if (router.canGoBack()) {\n              router.back();\n            } else {\n              router.replace('/');\n            }\n          }}\n          style={styles.link}>\n          Go back.\n        </Text>\n      </Text>\n\n      <NoSSR>\n        <Link href={pathname} replace style={styles.link}>\n          {url}\n        </Link>\n      </NoSSR>\n\n      <Link href=\"/_sitemap\" replace style={[styles.link, { marginTop: 8 }]}>\n        Sitemap\n      </Link>\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":"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","sourcesContent":["// Copyright © 2024 650 Industries.\n'use client';\n\nimport { createURL } from 'expo-linking';\nimport React from 'react';\nimport { StyleSheet, Text, View, Platform, Image } from 'react-native';\n\nimport { usePathname, useRouter } from '../hooks';\nimport { Link } from '../link/Link';\nimport { useNavigation } from '../useNavigation';\nimport { Pressable } from '../views/Pressable';\n\nconst useLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : function () {};\n\n/**\n * Default screen for unmatched routes.\n *\n * @hidden\n */\nexport function Unmatched() {\n  const [render, setRender] = React.useState(false);\n\n  const router = useRouter();\n  const navigation = useNavigation();\n  const pathname = usePathname();\n  const url = createURL(pathname);\n\n  React.useEffect(() => {\n    setRender(true);\n  }, []);\n\n  useLayoutEffect(() => {\n    navigation.setOptions({\n      title: 'Not Found',\n    });\n  }, [navigation]);\n\n  return (\n    <View style={styles.container}>\n      <NotFoundAsset />\n      <Text role=\"heading\" aria-level={1} style={styles.title}>\n        Unmatched Route\n      </Text>\n      <Text role=\"heading\" aria-level={2} style={[styles.subtitle, styles.secondaryText]}>\n        Page could not be found.\n      </Text>\n      {render ? (\n        <Link href={pathname} replace {...Platform.select({ native: { asChild: true } })}>\n          <Pressable>\n            {({ hovered, pressed }) => (\n              <Text\n                style={[\n                  styles.pageLink,\n                  styles.secondaryText,\n                  Platform.select({\n                    web: {\n                      transitionDuration: '200ms',\n                      opacity: 1,\n                    },\n                  }),\n                  hovered && {\n                    opacity: 0.8,\n                    textDecorationLine: 'underline',\n                  },\n                  pressed && {\n                    opacity: 0.8,\n                  },\n                ]}>\n                {url}\n              </Text>\n            )}\n          </Pressable>\n        </Link>\n      ) : (\n        <View style={[styles.pageLink, styles.placeholder]} />\n      )}\n      <View style={styles.linkContainer}>\n        <Pressable>\n          {({ hovered, pressed }) => (\n            <Text\n              onPress={() => {\n                if (router.canGoBack()) {\n                  router.back();\n                } else {\n                  router.replace('/');\n                }\n              }}\n              style={[\n                styles.link,\n                Platform.select({\n                  web: {\n                    transitionDuration: '200ms',\n                    opacity: 1,\n                  },\n                }),\n                hovered && {\n                  opacity: 0.8,\n                  textDecorationLine: 'underline',\n                },\n                pressed && {\n                  opacity: 0.8,\n                },\n              ]}>\n              Go back\n            </Text>\n          )}\n        </Pressable>\n        <Text style={[styles.linkSeparator, styles.secondaryText]}>•</Text>\n        <Link href=\"/_sitemap\" replace {...Platform.select({ native: { asChild: true } })}>\n          <Pressable>\n            {({ hovered, pressed }) => (\n              <Text\n                style={[\n                  styles.link,\n                  Platform.select({\n                    web: {\n                      transitionDuration: '200ms',\n                      opacity: 1,\n                    },\n                  }),\n                  hovered && {\n                    opacity: 0.8,\n                    textDecorationLine: 'underline',\n                  },\n                  pressed && {\n                    opacity: 0.8,\n                  },\n                ]}>\n                Sitemap\n              </Text>\n            )}\n          </Pressable>\n        </Link>\n      </View>\n    </View>\n  );\n}\n\nfunction NotFoundAsset() {\n  return <Image source={require('expo-router/assets/unmatched.png')} style={styles.image} />;\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: 'black',\n    padding: 24,\n    paddingBottom: 64,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  image: {\n    width: 270,\n    height: 168,\n    resizeMode: 'contain',\n    marginBottom: 28,\n  },\n  title: {\n    ...Platform.select({\n      web: {\n        fontSize: 64,\n        lineHeight: 64,\n      },\n      default: {\n        fontSize: 56,\n        lineHeight: 56,\n      },\n    }),\n    color: '#fff',\n    fontWeight: '800',\n    textAlign: 'center',\n  },\n  subtitle: {\n    fontSize: 34,\n    marginTop: 4,\n    marginBottom: 12,\n    fontWeight: '200',\n    textAlign: 'center',\n  },\n  pageLink: {\n    minHeight: 20,\n  },\n  secondaryText: {\n    color: '#9ba1a6',\n  },\n  placeholder: {\n    backgroundColor: '#9ba1a644',\n    minWidth: 180,\n    borderRadius: 5,\n  },\n  linkContainer: {\n    marginTop: 28,\n    flexDirection: 'row',\n    gap: 12,\n  },\n  link: {\n    fontSize: 20,\n    textAlign: 'center',\n    color: '#52a9ff',\n  },\n  linkSeparator: {\n    fontSize: 20,\n  },\n});\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-router",
-  "version": "4.0.3",
+  "version": "4.0.4",
   "description": "Expo Router is a file-based router for React Native and web applications.",
   "author": "650 Industries, Inc.",
   "license": "MIT",
@@ -116,5 +116,5 @@
     "semver": "~7.6.3",
     "server-only": "^0.0.1"
   },
-  "gitHead": "2c50bd7f0abaefb6fabcfd6d3935066724990b33"
+  "gitHead": "c4999f5aa407155a170830a0fa17e3e3ca1fcbee"
 }