expo-router 4.0.0-preview.8 → 4.0.0

package/build/link/useLinkHooks.d.ts

@@ -6,12 +6,13 @@ import { Href } from '../types';
  */
 export type WebAnchorProps = {
     /**
-     * Specifies where to open the `href`.
+     * Specifies where to open the [`href`](#href).
      *
      * - **_self**: the current tab.
      * - **_blank**: opens in a new tab or window.
      * - **_parent**: opens in the parent browsing context. If no parent, defaults to **_self**.
-     * - **_top**: opens in the highest browsing context ancestor. If no ancestors, defaults to **_self**.
+     * - **_top**: opens in the highest browsing context ancestor. If no ancestors,
+     * defaults to **_self**.
      *
      * This property is passed to the underlying anchor (`<a>`) tag.
      *
@@ -24,17 +25,22 @@ export type WebAnchorProps = {
      */
     target?: '_self' | '_blank' | '_parent' | '_top' | (string & object);
     /**
-     * Specifies the relationship between the `href` and the current route.
+     * Specifies the relationship between the [`href`](#href) and the current route.
      *
      * Common values:
-     * - **nofollow**: Indicates to search engines that they should not follow the `href`. This is often used for user-generated content or links that should not influence search engine rankings.
-     * - **noopener**: Suggests that the `href` should not have access to the opening window's `window.opener` object, which is a security measure to prevent potentially harmful behavior in cases of links that open new tabs or windows.
-     * - **noreferrer**: Requests that the browser not send the `Referer` HTTP header when navigating to the `href`. This can enhance user privacy.
+     * - **nofollow**: Indicates to search engines that they should not follow the `href`.
+     * This is often used for user-generated content or links that should not influence
+     * search engine rankings.
+     * - **noopener**: Suggests that the `href` should not have access to the opening
+     * window's `window.opener` object, which is a security measure to prevent potentially
+     * harmful behavior in cases of links that open new tabs or windows.
+     * - **noreferrer**: Requests that the browser does not send the `Referer` HTTP header
+     * when navigating to the `href`. This can enhance user privacy.
      *
      * The `rel` property is primarily used for informational and instructive purposes, helping browsers and web
-     * crawlers make better decisions about how to handle and interpret the links on a web page. It is important
-     * to use appropriate `rel` values to ensure that links behave as intended and adhere to best practices for web
-     * development and SEO (Search Engine Optimization).
+     * crawlers make better decisions about how to handle and interpret the links on a web
+     * page. It is important to use appropriate `rel` values to ensure that links behave as intended and adhere
+     * to best practices for web development and SEO (Search Engine Optimization).
      *
      * This property is passed to the underlying anchor (`<a>`) tag.
      *
@@ -45,12 +51,12 @@ export type WebAnchorProps = {
      */
     rel?: string;
     /**
-     * Specifies that the `href` should be downloaded when the user clicks on the link,
-     * instead of navigating to it. It is typically used for links that point to files that the user should download,
-     * such as PDFs, images, documents, etc.
+     * Specifies that the [`href`](#href) should be downloaded when the user clicks on the
+     * link, instead of navigating to it. It is typically used for links that point to
+     * files that the user should download, such as PDFs, images, documents, and more.
      *
-     * The value of the `download` property, which represents the filename for the downloaded file.
-     * This property is passed to the underlying anchor (`<a>`) tag.
+     * The value of the `download` property, which represents the filename for the
+     * downloaded file. This property is passed to the underlying anchor (`<a>`) tag.
      *
      * @example
      * ```jsx
@@ -59,28 +65,115 @@ export type WebAnchorProps = {
      */
     download?: string;
 };
-/**
- *
- */
-export interface LinkProps<T extends string | object> extends Omit<TextProps, 'href'>, WebAnchorProps {
-    /** Path to route to. */
-    href: Href<T>;
-    /** Forward props to child component. Useful for custom buttons. */
+export interface LinkProps extends Omit<TextProps, 'href'>, WebAnchorProps {
+    /**
+     * The path of the route to navigate to. It can either be:
+     * - **string**: A full path like `/profile/settings` or a relative path like `../settings`.
+     * - **object**: An object with a `pathname` and optional `params`. The `pathname` can be
+     * a full path like `/profile/settings` or a relative path like `../settings`. The
+     * params can be an object of key-value pairs.
+     *
+     * @example
+     * ```tsx Dynamic
+     * import { Link } from 'expo-router';
+     * import { View } from 'react-native';
+     *
+     * export default function Route() {
+     *  return (
+     *   <View>
+     *    <Link href="/about">About</Link>
+     *    <Link
+     *     href={{
+     *       pathname: '/user/[id]',
+     *       params: { id: 'bacon' }
+     *     }}>
+     *       View user
+     *    </Link>
+     *   </View>
+     *  );
+     *}
+     * ```
+     */
+    href: Href;
+    /**
+     * Used to customize the `Link` component. It will forward all props to the
+     * first child of the `Link`. Note that the child component must accept
+     * `onPress` or `onClick` props. The `href` and `role` are also
+     * passed to the child.
+     *
+     * @example
+     * ```tsx
+     * import { Link } from 'expo-router';
+     * import { Pressable, Text } from 'react-native';
+     *
+     * export default function Route() {
+     *  return (
+     *   <View>
+     *    <Link href="/home" asChild>
+     *      <Pressable>
+     *       <Text>Home</Text>
+     *      </Pressable>
+     *    </Link>
+     *   </View>
+     *  );
+     *}
+     * ```
+     */
     asChild?: boolean;
-    /** Should replace the current route without adding to the history. */
+    /**
+     * Removes the current route from the history and replace it with the
+     * specified URL. This is useful for [redirects](/router/reference/redirects/).
+     *
+     * @example
+     *```tsx
+     * import { Link } from 'expo-router';
+     * import { View } from 'react-native';
+     *
+     * export default function Route() {
+     *  return (
+     *   <View>
+     *     <Link replace href="/feed">Login</Link>
+     *   </View>
+     *  );
+     *}
+     * ```
+     */
     replace?: boolean;
-    /** Should push the current route  */
+    /**
+     * Always pushes a new route, and never pops or replaces to existing route.
+     * You can push the current route multiple times or with new parameters.
+     *
+     * @example
+     *```tsx
+     * import { Link } from 'expo-router';
+     * import { View } from 'react-native';
+     *
+     * export default function Route() {
+     *  return (
+     *   <View>
+     *     <Link push href="/feed">Login</Link>
+     *   </View>
+     *  );
+     *}
+     * ```
+     */
     push?: boolean;
-    /** On web, this sets the HTML `class` directly. On native, this can be used with CSS interop tools like Nativewind. */
+    /**
+     * On native, this can be used with CSS interop tools like Nativewind.
+     * On web, this sets the HTML `class` directly.
+     */
     className?: string;
     onPress?: (e: MouseEvent<HTMLAnchorElement> | GestureResponderEvent) => void;
     /**
-     * Relative URL references are either relative to the directory or the document. By default, relative paths are relative to the document.
+     * Relative URL references are either relative to the directory or the document.
+     * By default, relative paths are relative to the document.
      *
-     * @see [Resolving relative references in Mozilla's documentation](https://developer.mozilla.org/en-US/docs/Web/API/URL_API/Resolving_relative_references)
+     * @see [Resolving relative references in Mozilla's documentation](https://developer.mozilla.org/en-US/docs/Web/API/URL_API/Resolving_relative_references).
      */
     relativeToDirectory?: boolean;
-    /** Should this route replace the initial screen */
+    /**
+     * Replaces the initial screen with the current route.
+     */
     withAnchor?: boolean;
 }
 export declare function useInteropClassName(props: {
@@ -90,7 +183,7 @@ export declare function useInteropClassName(props: {
     $$css: boolean;
     __routerLinkClassName: string;
 })[] | null | undefined;
-export declare const useHrefAttrs: (props: Partial<LinkProps<any>>) => {
+export declare const useHrefAttrs: (props: Partial<LinkProps>) => {
     hrefAttrs?: any;
-} & Partial<LinkProps<any>>;
+} & Partial<LinkProps>;
 //# sourceMappingURL=useLinkHooks.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useLinkHooks.d.ts","sourceRoot":"","sources":["../../src/link/useLinkHooks.ts"],"names":[],"mappings":"AAEA,OAAO,EAAW,UAAU,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhC;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;;;;;;;;;;;;;OAgBG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAErE;;;;;;;;;;;;;;;;;;;OAmBG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;;;;;;;;;OAYG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAGF;;GAEG;AACH,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAClD,SAAQ,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,EAC7B,cAAc;IAChB,wBAAwB;IACxB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IAGd,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,uHAAuH;IACvH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,qBAAqB,KAAK,IAAI,CAAC;IAE7E;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAGD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE;;;wBAoB5F;AAED,eAAO,MAAM,YAAY,UACf,QAAQ,UAAU,GAAG,CAAC,CAAC,KAAK;IAAE,SAAS,CAAC,EAAE,GAAG,CAAA;CAAE,GAAG,QAAQ,UAAU,GAAG,CAAC,CAoBhF,CAAC"}
+{"version":3,"file":"useLinkHooks.d.ts","sourceRoot":"","sources":["../../src/link/useLinkHooks.ts"],"names":[],"mappings":"AAEA,OAAO,EAAW,UAAU,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhC;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;;;;;;;;;;;;;;OAiBG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAErE;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;;;;;;;;;OAYG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAGF,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,EAAE,cAAc;IACxE;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;IACH,IAAI,EAAE,IAAI,CAAC;IAGX;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;;;;;;;;;;;;;OAiBG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;;;;;;;;;OAiBG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,qBAAqB,KAAK,IAAI,CAAC;IAE7E;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAGD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE;;;wBAoB5F;AAED,eAAO,MAAM,YAAY,UACf,QAAQ,SAAS,CAAC,KAAK;IAAE,SAAS,CAAC,EAAE,GAAG,CAAA;CAAE,GAAG,QAAQ,SAAS,CAoBtE,CAAC"}

package/build/link/useLinkHooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLinkHooks.js","sourceRoot":"","sources":["../../src/link/useLinkHooks.ts"],"names":[],"mappings":";;;AAAA,wFAAwF;AACxF,mCAAmC;AACnC,iCAA4C;AAC5C,+CAA0E;AAqG1E,qDAAqD;AACrD,SAAgB,mBAAmB,CAAC,KAAyD;IAC3F,IAAI,uBAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;QACzB,OAAO,KAAK,CAAC,KAAK,CAAC;KACpB;IAED,sDAAsD;IACtD,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAClB,IAAI,KAAK,CAAC,SAAS,IAAI,IAAI,EAAE;YAC3B,OAAO,KAAK,CAAC,KAAK,CAAC;SACpB;QACD,MAAM,QAAQ,GAAG;YACf,KAAK,EAAE,IAAI;YACX,qBAAqB,EAAE,KAAK,CAAC,SAAS;SACvC,CAAC;QAEF,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;YAC9B,OAAO,CAAC,GAAG,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;SACnC;QACD,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;AACrC,CAAC;AApBD,kDAoBC;AAEY,QAAA,YAAY,GAAG,uBAAQ,CAAC,MAAM,CAEzC;IACA,GAAG,EAAE,SAAS,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAA2B;QACpF,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;YAClB,MAAM,SAAS,GAAG;gBAChB,GAAG;gBACH,MAAM;gBACN,QAAQ;aACT,CAAC;YACF,IAAI,OAAO,EAAE;gBACX,OAAO,SAAS,CAAC;aAClB;YACD,OAAO;gBACL,SAAS;aACV,CAAC;QACJ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IACvC,CAAC;IACD,OAAO,EAAE,SAAS,YAAY;QAC5B,OAAO,EAAE,CAAC;IACZ,CAAC;CACF,CAAC,CAAC","sourcesContent":["// Fork of @react-navigation/native Link.tsx with `href` and `replace` support added and\n// `to` / `action` support removed.\nimport { useMemo, MouseEvent } from 'react';\nimport { TextProps, GestureResponderEvent, Platform } from 'react-native';\n\nimport { Href } from '../types';\n\n// docsMissing\n/**\n * @platform web\n */\nexport type WebAnchorProps = {\n  /**\n   * Specifies where to open the `href`.\n   *\n   * - **_self**: the current tab.\n   * - **_blank**: opens in a new tab or window.\n   * - **_parent**: opens in the parent browsing context. If no parent, defaults to **_self**.\n   * - **_top**: opens in the highest browsing context ancestor. If no ancestors, defaults to **_self**.\n   *\n   * This property is passed to the underlying anchor (`<a>`) tag.\n   *\n   * @default '_self'\n   *\n   * @example\n   * ```jsx\n   * <Link href=\"https://expo.dev\" target=\"_blank\">Go to Expo in new tab</Link>\n   * ```\n   */\n  target?: '_self' | '_blank' | '_parent' | '_top' | (string & object);\n\n  /**\n   * Specifies the relationship between the `href` and the current route.\n   *\n   * Common values:\n   * - **nofollow**: Indicates to search engines that they should not follow the `href`. This is often used for user-generated content or links that should not influence search engine rankings.\n   * - **noopener**: Suggests that the `href` should not have access to the opening window's `window.opener` object, which is a security measure to prevent potentially harmful behavior in cases of links that open new tabs or windows.\n   * - **noreferrer**: Requests that the browser not send the `Referer` HTTP header when navigating to the `href`. This can enhance user privacy.\n   *\n   * The `rel` property is primarily used for informational and instructive purposes, helping browsers and web\n   * crawlers make better decisions about how to handle and interpret the links on a web page. It is important\n   * to use appropriate `rel` values to ensure that links behave as intended and adhere to best practices for web\n   * development and SEO (Search Engine Optimization).\n   *\n   * This property is passed to the underlying anchor (`<a>`) tag.\n   *\n   * @example\n   * ```jsx\n   * <Link href=\"https://expo.dev\" rel=\"nofollow\">Go to Expo</Link>`\n   * ```\n   */\n  rel?: string;\n\n  /**\n   * Specifies that the `href` should be downloaded when the user clicks on the link,\n   * instead of navigating to it. It is typically used for links that point to files that the user should download,\n   * such as PDFs, images, documents, etc.\n   *\n   * The value of the `download` property, which represents the filename for the downloaded file.\n   * This property is passed to the underlying anchor (`<a>`) tag.\n   *\n   * @example\n   * ```jsx\n   * <Link href=\"/image.jpg\" download=\"my-image.jpg\">Download image</Link>\n   * ```\n   */\n  download?: string;\n};\n\n// @docsMissing\n/**\n *\n */\nexport interface LinkProps<T extends string | object>\n  extends Omit<TextProps, 'href'>,\n    WebAnchorProps {\n  /** Path to route to. */\n  href: Href<T>;\n\n  // TODO(EvanBacon): This may need to be extracted for React Native style support.\n  /** Forward props to child component. Useful for custom buttons. */\n  asChild?: boolean;\n\n  /** Should replace the current route without adding to the history. */\n  replace?: boolean;\n  /** Should push the current route  */\n  push?: boolean;\n\n  /** On web, this sets the HTML `class` directly. On native, this can be used with CSS interop tools like Nativewind. */\n  className?: string;\n\n  onPress?: (e: MouseEvent<HTMLAnchorElement> | GestureResponderEvent) => void;\n\n  /**\n   * Relative URL references are either relative to the directory or the document. By default, relative paths are relative to the document.\n   *\n   * @see [Resolving relative references in Mozilla's documentation](https://developer.mozilla.org/en-US/docs/Web/API/URL_API/Resolving_relative_references)\n   */\n  relativeToDirectory?: boolean;\n\n  /** Should this route replace the initial screen */\n  withAnchor?: boolean;\n}\n\n// Mutate the style prop to add the className on web.\nexport function useInteropClassName(props: { style?: TextProps['style']; className?: string }) {\n  if (Platform.OS !== 'web') {\n    return props.style;\n  }\n\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useMemo(() => {\n    if (props.className == null) {\n      return props.style;\n    }\n    const cssStyle = {\n      $$css: true,\n      __routerLinkClassName: props.className,\n    };\n\n    if (Array.isArray(props.style)) {\n      return [...props.style, cssStyle];\n    }\n    return [props.style, cssStyle];\n  }, [props.style, props.className]);\n}\n\nexport const useHrefAttrs = Platform.select<\n  (props: Partial<LinkProps<any>>) => { hrefAttrs?: any } & Partial<LinkProps<any>>\n>({\n  web: function useHrefAttrs({ asChild, rel, target, download }: Partial<LinkProps<any>>) {\n    return useMemo(() => {\n      const hrefAttrs = {\n        rel,\n        target,\n        download,\n      };\n      if (asChild) {\n        return hrefAttrs;\n      }\n      return {\n        hrefAttrs,\n      };\n    }, [asChild, rel, target, download]);\n  },\n  default: function useHrefAttrs() {\n    return {};\n  },\n});\n"]}
+{"version":3,"file":"useLinkHooks.js","sourceRoot":"","sources":["../../src/link/useLinkHooks.ts"],"names":[],"mappings":";;;AAAA,wFAAwF;AACxF,mCAAmC;AACnC,iCAA4C;AAC5C,+CAA0E;AAgM1E,qDAAqD;AACrD,SAAgB,mBAAmB,CAAC,KAAyD;IAC3F,IAAI,uBAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;QACzB,OAAO,KAAK,CAAC,KAAK,CAAC;KACpB;IAED,sDAAsD;IACtD,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAClB,IAAI,KAAK,CAAC,SAAS,IAAI,IAAI,EAAE;YAC3B,OAAO,KAAK,CAAC,KAAK,CAAC;SACpB;QACD,MAAM,QAAQ,GAAG;YACf,KAAK,EAAE,IAAI;YACX,qBAAqB,EAAE,KAAK,CAAC,SAAS;SACvC,CAAC;QAEF,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;YAC9B,OAAO,CAAC,GAAG,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;SACnC;QACD,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;AACrC,CAAC;AApBD,kDAoBC;AAEY,QAAA,YAAY,GAAG,uBAAQ,CAAC,MAAM,CAEzC;IACA,GAAG,EAAE,SAAS,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAsB;QAC/E,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;YAClB,MAAM,SAAS,GAAG;gBAChB,GAAG;gBACH,MAAM;gBACN,QAAQ;aACT,CAAC;YACF,IAAI,OAAO,EAAE;gBACX,OAAO,SAAS,CAAC;aAClB;YACD,OAAO;gBACL,SAAS;aACV,CAAC;QACJ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IACvC,CAAC;IACD,OAAO,EAAE,SAAS,YAAY;QAC5B,OAAO,EAAE,CAAC;IACZ,CAAC;CACF,CAAC,CAAC","sourcesContent":["// Fork of @react-navigation/native Link.tsx with `href` and `replace` support added and\n// `to` / `action` support removed.\nimport { useMemo, MouseEvent } from 'react';\nimport { TextProps, GestureResponderEvent, Platform } from 'react-native';\n\nimport { Href } from '../types';\n\n// docsMissing\n/**\n * @platform web\n */\nexport type WebAnchorProps = {\n  /**\n   * Specifies where to open the [`href`](#href).\n   *\n   * - **_self**: the current tab.\n   * - **_blank**: opens in a new tab or window.\n   * - **_parent**: opens in the parent browsing context. If no parent, defaults to **_self**.\n   * - **_top**: opens in the highest browsing context ancestor. If no ancestors,\n   * defaults to **_self**.\n   *\n   * This property is passed to the underlying anchor (`<a>`) tag.\n   *\n   * @default '_self'\n   *\n   * @example\n   * ```jsx\n   * <Link href=\"https://expo.dev\" target=\"_blank\">Go to Expo in new tab</Link>\n   * ```\n   */\n  target?: '_self' | '_blank' | '_parent' | '_top' | (string & object);\n\n  /**\n   * Specifies the relationship between the [`href`](#href) and the current route.\n   *\n   * Common values:\n   * - **nofollow**: Indicates to search engines that they should not follow the `href`.\n   * This is often used for user-generated content or links that should not influence\n   * search engine rankings.\n   * - **noopener**: Suggests that the `href` should not have access to the opening\n   * window's `window.opener` object, which is a security measure to prevent potentially\n   * harmful behavior in cases of links that open new tabs or windows.\n   * - **noreferrer**: Requests that the browser does not send the `Referer` HTTP header\n   * when navigating to the `href`. This can enhance user privacy.\n   *\n   * The `rel` property is primarily used for informational and instructive purposes, helping browsers and web\n   * crawlers make better decisions about how to handle and interpret the links on a web\n   * page. It is important to use appropriate `rel` values to ensure that links behave as intended and adhere\n   * to best practices for web development and SEO (Search Engine Optimization).\n   *\n   * This property is passed to the underlying anchor (`<a>`) tag.\n   *\n   * @example\n   * ```jsx\n   * <Link href=\"https://expo.dev\" rel=\"nofollow\">Go to Expo</Link>`\n   * ```\n   */\n  rel?: string;\n\n  /**\n   * Specifies that the [`href`](#href) should be downloaded when the user clicks on the\n   * link, instead of navigating to it. It is typically used for links that point to\n   * files that the user should download, such as PDFs, images, documents, and more.\n   *\n   * The value of the `download` property, which represents the filename for the\n   * downloaded file. This property is passed to the underlying anchor (`<a>`) tag.\n   *\n   * @example\n   * ```jsx\n   * <Link href=\"/image.jpg\" download=\"my-image.jpg\">Download image</Link>\n   * ```\n   */\n  download?: string;\n};\n\n// @docsMissing\nexport interface LinkProps extends Omit<TextProps, 'href'>, WebAnchorProps {\n  /**\n   * The path of the route to navigate to. It can either be:\n   * - **string**: A full path like `/profile/settings` or a relative path like `../settings`.\n   * - **object**: An object with a `pathname` and optional `params`. The `pathname` can be\n   * a full path like `/profile/settings` or a relative path like `../settings`. The\n   * params can be an object of key-value pairs.\n   *\n   * @example\n   * ```tsx Dynamic\n   * import { Link } from 'expo-router';\n   * import { View } from 'react-native';\n   *\n   * export default function Route() {\n   *  return (\n   *   <View>\n   *    <Link href=\"/about\">About</Link>\n   *    <Link\n   *     href={{\n   *       pathname: '/user/[id]',\n   *       params: { id: 'bacon' }\n   *     }}>\n   *       View user\n   *    </Link>\n   *   </View>\n   *  );\n   *}\n   * ```\n   */\n  href: Href;\n\n  // TODO(EvanBacon): This may need to be extracted for React Native style support.\n  /**\n   * Used to customize the `Link` component. It will forward all props to the\n   * first child of the `Link`. Note that the child component must accept\n   * `onPress` or `onClick` props. The `href` and `role` are also\n   * passed to the child.\n   *\n   * @example\n   * ```tsx\n   * import { Link } from 'expo-router';\n   * import { Pressable, Text } from 'react-native';\n   *\n   * export default function Route() {\n   *  return (\n   *   <View>\n   *    <Link href=\"/home\" asChild>\n   *      <Pressable>\n   *       <Text>Home</Text>\n   *      </Pressable>\n   *    </Link>\n   *   </View>\n   *  );\n   *}\n   * ```\n   */\n  asChild?: boolean;\n\n  /**\n   * Removes the current route from the history and replace it with the\n   * specified URL. This is useful for [redirects](/router/reference/redirects/).\n   *\n   * @example\n   *```tsx\n   * import { Link } from 'expo-router';\n   * import { View } from 'react-native';\n   *\n   * export default function Route() {\n   *  return (\n   *   <View>\n   *     <Link replace href=\"/feed\">Login</Link>\n   *   </View>\n   *  );\n   *}\n   * ```\n   */\n  replace?: boolean;\n  /**\n   * Always pushes a new route, and never pops or replaces to existing route.\n   * You can push the current route multiple times or with new parameters.\n   *\n   * @example\n   *```tsx\n   * import { Link } from 'expo-router';\n   * import { View } from 'react-native';\n   *\n   * export default function Route() {\n   *  return (\n   *   <View>\n   *     <Link push href=\"/feed\">Login</Link>\n   *   </View>\n   *  );\n   *}\n   * ```\n   */\n  push?: boolean;\n\n  /**\n   * On native, this can be used with CSS interop tools like Nativewind.\n   * On web, this sets the HTML `class` directly.\n   */\n  className?: string;\n\n  onPress?: (e: MouseEvent<HTMLAnchorElement> | GestureResponderEvent) => void;\n\n  /**\n   * Relative URL references are either relative to the directory or the document.\n   * By default, relative paths are relative to the document.\n   *\n   * @see [Resolving relative references in Mozilla's documentation](https://developer.mozilla.org/en-US/docs/Web/API/URL_API/Resolving_relative_references).\n   */\n  relativeToDirectory?: boolean;\n\n  /**\n   * Replaces the initial screen with the current route.\n   */\n  withAnchor?: boolean;\n}\n\n// Mutate the style prop to add the className on web.\nexport function useInteropClassName(props: { style?: TextProps['style']; className?: string }) {\n  if (Platform.OS !== 'web') {\n    return props.style;\n  }\n\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useMemo(() => {\n    if (props.className == null) {\n      return props.style;\n    }\n    const cssStyle = {\n      $$css: true,\n      __routerLinkClassName: props.className,\n    };\n\n    if (Array.isArray(props.style)) {\n      return [...props.style, cssStyle];\n    }\n    return [props.style, cssStyle];\n  }, [props.style, props.className]);\n}\n\nexport const useHrefAttrs = Platform.select<\n  (props: Partial<LinkProps>) => { hrefAttrs?: any } & Partial<LinkProps>\n>({\n  web: function useHrefAttrs({ asChild, rel, target, download }: Partial<LinkProps>) {\n    return useMemo(() => {\n      const hrefAttrs = {\n        rel,\n        target,\n        download,\n      };\n      if (asChild) {\n        return hrefAttrs;\n      }\n      return {\n        hrefAttrs,\n      };\n    }, [asChild, rel, target, download]);\n  },\n  default: function useHrefAttrs() {\n    return {};\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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoC1B,wBAAgB,QAAQ,sBAiCvB"}
+{"version":3,"file":"Tutorial.d.ts","sourceRoot":"","sources":["../../src/onboard/Tutorial.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,wBAAgB,QAAQ,sBAgEvB"}

package/build/onboard/Tutorial.js

@@ -10,22 +10,6 @@ const react_native_safe_area_context_1 = require("react-native-safe-area-context
 const createEntryFile_1 = require("./createEntryFile");
 const exports_1 = require("../exports");
 const Pressable_1 = require("../views/Pressable");
-// TODO: Use openLinkFromBrowser thing
-function Header() {
-    return (<Pressable_1.Pressable>
-      {({ hovered }) => (<react_native_1.Text role="heading" aria-level={1} style={[styles.title, react_native_1.Platform.OS !== 'web' && { textAlign: 'left' }]}>
-          Welcome to{' '}
-          <exports_1.Link href="https://github.com/expo/expo-router/" style={[
-                hovered && {
-                    textDecorationColor: 'white',
-                    textDecorationLine: 'underline',
-                },
-            ]}>
-            Expo
-          </exports_1.Link>
-        </react_native_1.Text>)}
-    </Pressable_1.Pressable>);
-}
 const canAutoTouchFile = process.env.EXPO_ROUTER_APP_ROOT != null;
 function Tutorial() {
     react_1.default.useEffect(() => {
@@ -39,24 +23,50 @@ function Tutorial() {
                 location.replace('/');
             }
             if (typeof window !== 'undefined' && typeof window.document !== 'undefined') {
-                window.document.title = 'npx expo start';
+                window.document.title = 'Welcome to Expo';
             }
         }
     }, []);
-    return (<react_native_1.View style={styles.background}>
+    return (<react_native_safe_area_context_1.SafeAreaView style={styles.background}>
       <react_native_1.StatusBar barStyle="light-content"/>
-
-      <react_native_safe_area_context_1.SafeAreaView style={styles.safeArea}>
-        <react_native_1.View style={styles.container}>
-          <Header />
-          <react_native_1.Text role="heading" aria-level={2} style={styles.subtitle}>
-            Start by creating a file{'\n'}in the{' '}
-            <react_native_1.Text style={{ fontWeight: 'bold' }}>{getRootDir()}</react_native_1.Text> directory.
-          </react_native_1.Text>
-          {canAutoTouchFile && <Button />}
+      <react_native_1.View style={styles.container}>
+        <react_native_1.View style={styles.logotypeWrapper}>
+          <react_native_1.Image style={styles.logotype} source={require('expo-router/assets/logotype.png')}/>
         </react_native_1.View>
-      </react_native_safe_area_context_1.SafeAreaView>
-    </react_native_1.View>);
+        <react_native_1.Text role="heading" aria-level={1} style={styles.title}>
+          Welcome to Expo
+        </react_native_1.Text>
+        <react_native_1.Text role="heading" aria-level={2} style={[styles.subtitle, styles.textSecondary]}>
+          Start by creating a file{react_native_1.Platform.OS !== 'web' ? '\n' : ' '}in the{' '}
+          <react_native_1.Text style={{ fontWeight: '600' }}>{getRootDir()}</react_native_1.Text> directory.
+        </react_native_1.Text>
+        <react_native_1.Text>
+          <exports_1.Link href="https://docs.expo.dev/router/introduction/" {...react_native_1.Platform.select({ web: { target: '_blank' }, native: { asChild: true } })}>
+            <Pressable_1.Pressable>
+              {({ hovered, pressed }) => (<react_native_1.Text style={[
+                styles.link,
+                react_native_1.Platform.select({
+                    web: {
+                        transitionDuration: '200ms',
+                        marginBottom: 12,
+                    },
+                }),
+                hovered && {
+                    opacity: 0.8,
+                    textDecorationLine: 'underline',
+                },
+                pressed && {
+                    opacity: 0.8,
+                },
+            ]}>
+                  Learn more about Expo Router in the documentation.
+                </react_native_1.Text>)}
+            </Pressable_1.Pressable>
+          </exports_1.Link>
+        </react_native_1.Text>
+        {canAutoTouchFile && <Button />}
+      </react_native_1.View>
+    </react_native_safe_area_context_1.SafeAreaView>);
 }
 exports.Tutorial = Tutorial;
 function getRootDir() {
@@ -72,111 +82,155 @@ function getRootDir() {
 function Button() {
     return (<Pressable_1.Pressable onPress={() => {
             (0, createEntryFile_1.createEntryFileAsync)();
-        }} style={{
-            ...react_native_1.Platform.select({
-                web: {
-                    // subtle white shadow
-                    boxShadow: 'rgba(255, 255, 255, 0.15) 0px 0px 20px 5px',
-                },
-                native: {
-                    position: 'absolute',
-                    bottom: 24,
-                    left: 24,
-                    right: 24,
-                    overflow: 'hidden',
-                },
-            }),
-        }}>
+        }} style={styles.button}>
       {({ pressed, hovered }) => (<react_native_1.View style={[
                 styles.buttonContainer,
                 hovered && {
-                    backgroundColor: 'white',
-                },
-                pressed && {
-                    backgroundColor: 'rgba(255,255,255,0.7)',
+                    backgroundColor: '#fff',
                 },
+                pressed &&
+                    react_native_1.Platform.select({
+                        web: {
+                            transform: 'scale(0.98)',
+                            transitionDuration: '200ms',
+                        },
+                        default: {
+                            backgroundColor: '#fff',
+                        },
+                    }),
+            ]}>
+          <react_native_1.Text style={[
+                styles.code,
+                hovered && { color: '#000' },
+                pressed &&
+                    react_native_1.Platform.select({
+                        native: { color: '#000' },
+                    }),
             ]}>
-          <react_native_1.Text style={[styles.code, hovered && { color: 'black' }]}>
-            <react_native_1.Text style={{ color: '#BCC3CD' }}>$</react_native_1.Text> touch {getRootDir()}
-            /index.js
+            <react_native_1.Text style={styles.textSecondary}>$</react_native_1.Text> touch {getRootDir()}
+            /index.tsx
           </react_native_1.Text>
         </react_native_1.View>)}
     </Pressable_1.Pressable>);
 }
 const styles = react_native_1.StyleSheet.create({
     background: {
-        ...react_native_1.Platform.select({
-            web: {
-                backgroundImage: 'radial-gradient(circle at 1px 1px, rgba(255,255,255,0.15) 1px, transparent 0)',
-                backgroundPositionX: -3,
-                backgroundPositionY: -3,
-                backgroundSize: '40px 40px',
-            },
-        }),
-        backgroundColor: 'black',
+        backgroundColor: '#000',
         flex: 1,
     },
-    safeArea: {
-        flex: 1,
-        maxWidth: 960,
-        marginHorizontal: 'auto',
-        alignItems: 'stretch',
-    },
     container: {
         flex: 1,
         padding: 24,
-        alignItems: 'flex-start',
+        paddingBottom: 64,
+        alignItems: 'center',
         justifyContent: 'center',
+        marginHorizontal: 'auto',
+        gap: 16,
+        ...react_native_1.Platform.select({
+            web: {
+                maxWidth: 960,
+            },
+            native: {
+                width: '100%',
+            },
+        }),
+    },
+    logotypeWrapper: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: '#151718',
+        borderRadius: 12,
+        borderWidth: 1,
+        borderStyle: 'solid',
+        borderColor: '#313538',
+        width: 78,
+        height: 78,
+        marginBottom: 8,
+    },
+    logotype: {
+        width: 48,
+        height: 44,
     },
     title: {
-        color: 'white',
-        fontSize: 64,
-        paddingBottom: 24,
-        fontWeight: 'bold',
+        ...react_native_1.Platform.select({
+            web: {
+                fontSize: 64,
+                lineHeight: 68,
+            },
+            default: {
+                fontSize: 56,
+                lineHeight: 60,
+            },
+        }),
+        color: '#fff',
+        fontWeight: '800',
+        textAlign: 'center',
     },
     buttonContainer: {
         ...react_native_1.Platform.select({
             web: {
                 transitionDuration: '200ms',
-                backgroundColor: 'transparent',
-            },
-            default: {
-                backgroundColor: 'white',
             },
         }),
-        borderColor: 'white',
+        backgroundColor: 'transparent',
+        borderColor: '#fff',
         borderWidth: 2,
         paddingVertical: 12,
         paddingHorizontal: 24,
+        borderRadius: 8,
     },
-    buttonText: {
-        color: 'black',
+    button: {
+        ...react_native_1.Platform.select({
+            web: {
+                marginTop: 12,
+            },
+            native: {
+                position: 'absolute',
+                bottom: 24,
+                left: 32,
+                right: 32,
+                overflow: 'hidden',
+            },
+        }),
     },
     code: {
         ...react_native_1.Platform.select({
             web: {
                 transitionDuration: '200ms',
-                color: 'white',
-                fontFamily: 'Courier',
+                fontFamily: 'Courier, monospace',
             },
             default: {
-                color: 'black',
                 fontFamily: react_native_1.Platform.select({
                     ios: 'Courier New',
                     android: 'monospace',
                 }),
             },
         }),
+        color: '#fff',
+        textAlign: 'center',
         userSelect: 'none',
         fontSize: 18,
         fontWeight: 'bold',
     },
     subtitle: {
-        color: '#BCC3CD',
-        fontSize: 36,
-        fontWeight: '100',
-        paddingBottom: 36,
-        maxWidth: 960,
+        fontSize: 34,
+        fontWeight: '200',
+        textAlign: 'center',
+    },
+    link: {
+        fontSize: 20,
+        lineHeight: 26,
+        textAlign: 'center',
+        color: '#52a9ff',
+        marginTop: 12,
+        ...react_native_1.Platform.select({
+            web: {
+                marginBottom: 24,
+            },
+        }),
+    },
+    textSecondary: {
+        color: '#9ba1a6',
     },
 });
 //# sourceMappingURL=Tutorial.js.map

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 } 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\n// TODO: Use openLinkFromBrowser thing\nfunction Header() {\n  return (\n    <Pressable>\n      {({ hovered }) => (\n        <Text\n          role=\"heading\"\n          aria-level={1}\n          style={[styles.title, Platform.OS !== 'web' && { textAlign: 'left' }]}>\n          Welcome to{' '}\n          <Link\n            href=\"https://github.com/expo/expo-router/\"\n            style={[\n              hovered && {\n                textDecorationColor: 'white',\n                textDecorationLine: 'underline',\n              },\n            ]}>\n            Expo\n          </Link>\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 style={styles.background}>\n      <StatusBar barStyle=\"light-content\" />\n\n      <SafeAreaView style={styles.safeArea}>\n        <View style={styles.container}>\n          <Header />\n          <Text role=\"heading\" aria-level={2} style={styles.subtitle}>\n            Start by creating a file{'\\n'}in the{' '}\n            <Text style={{ fontWeight: 'bold' }}>{getRootDir()}</Text> directory.\n          </Text>\n          {canAutoTouchFile && <Button />}\n        </View>\n      </SafeAreaView>\n    </View>\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={{\n        ...Platform.select({\n          web: {\n            // subtle white shadow\n            boxShadow: 'rgba(255, 255, 255, 0.15) 0px 0px 20px 5px',\n          },\n          native: {\n            position: 'absolute',\n            bottom: 24,\n            left: 24,\n            right: 24,\n            overflow: 'hidden',\n          },\n        }),\n      }}>\n      {({ pressed, hovered }) => (\n        <View\n          style={[\n            styles.buttonContainer,\n            hovered && {\n              backgroundColor: 'white',\n            },\n            pressed && {\n              backgroundColor: 'rgba(255,255,255,0.7)',\n            },\n          ]}>\n          <Text style={[styles.code, hovered && { color: 'black' }]}>\n            <Text style={{ color: '#BCC3CD' }}>$</Text> touch {getRootDir()}\n            /index.js\n          </Text>\n        </View>\n      )}\n    </Pressable>\n  );\n}\n\nconst styles = StyleSheet.create({\n  background: {\n    ...Platform.select({\n      web: {\n        backgroundImage:\n          'radial-gradient(circle at 1px 1px, rgba(255,255,255,0.15) 1px, transparent 0)',\n        backgroundPositionX: -3,\n        backgroundPositionY: -3,\n        backgroundSize: '40px 40px',\n      },\n    }),\n    backgroundColor: 'black',\n    flex: 1,\n  },\n  safeArea: {\n    flex: 1,\n    maxWidth: 960,\n    marginHorizontal: 'auto',\n    alignItems: 'stretch',\n  },\n  container: {\n    flex: 1,\n    padding: 24,\n    alignItems: 'flex-start',\n    justifyContent: 'center',\n  },\n  title: {\n    color: 'white',\n    fontSize: 64,\n    paddingBottom: 24,\n    fontWeight: 'bold',\n  },\n  buttonContainer: {\n    ...Platform.select({\n      web: {\n        transitionDuration: '200ms',\n        backgroundColor: 'transparent',\n      },\n      default: {\n        backgroundColor: 'white',\n      },\n    }),\n\n    borderColor: 'white',\n    borderWidth: 2,\n    paddingVertical: 12,\n    paddingHorizontal: 24,\n  },\n  buttonText: {\n    color: 'black',\n  },\n  code: {\n    ...Platform.select({\n      web: {\n        transitionDuration: '200ms',\n        color: 'white',\n        fontFamily: 'Courier',\n      },\n      default: {\n        color: 'black',\n        fontFamily: Platform.select({\n          ios: 'Courier New',\n          android: 'monospace',\n        }),\n      },\n    }),\n\n    userSelect: 'none',\n    fontSize: 18,\n    fontWeight: 'bold',\n  },\n  subtitle: {\n    color: '#BCC3CD',\n    fontSize: 36,\n    fontWeight: '100',\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 { 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"]}

package/build/renderRootComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderRootComponent.d.ts","sourceRoot":"","sources":["../src/renderRootComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6C/B;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,QAyCtE"}
+{"version":3,"file":"renderRootComponent.d.ts","sourceRoot":"","sources":["../src/renderRootComponent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+C/B;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,QAwCtE"}

package/build/renderRootComponent.js

@@ -25,9 +25,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderRootComponent = void 0;
 const expo_1 = require("expo");
-const SplashScreen = __importStar(require("expo-splash-screen"));
 const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
+const SplashScreen = __importStar(require("./utils/splash"));
 function isBaseObject(obj) {
     if (Object.prototype.toString.call(obj) !== '[object Object]') {
         return false;
@@ -70,7 +70,6 @@ function renderRootComponent(Component) {
     try {
         // This must be delayed so the user has a chance to call it first.
         setTimeout(() => {
-            // @ts-expect-error: This function is native-only and for internal-use only.
             SplashScreen._internal_preventAutoHideAsync?.();
         });
         React.startTransition(() => {