expo-router 5.2.0-canary-20250613-b29d676-2 → 5.2.0-canary-20250701-6a945c5

package/build/link/Link.js

@@ -1,57 +1,10 @@
 "use strict";
-'use client';
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Link = void 0;
-exports.Redirect = Redirect;
-// Fork of @react-navigation/native Link.tsx with `href` and `replace` support added and
-// `to` / `action` support removed.
-const react_1 = require("react");
-const react_native_1 = require("react-native");
+exports.Redirect = exports.Link = void 0;
+const ExpoLink_1 = require("./ExpoLink");
+const LinkWithPreview_1 = require("./LinkWithPreview");
 const href_1 = require("./href");
-const useLinkToPathProps_1 = __importDefault(require("./useLinkToPathProps"));
-const hooks_1 = require("../hooks");
-const useFocusEffect_1 = require("../useFocusEffect");
-const useLinkHooks_1 = require("./useLinkHooks");
-const Prefetch_1 = require("../Prefetch");
-const Slot_1 = require("../ui/Slot");
-/**
- * Redirects to the `href` as soon as the component is mounted.
- *
- * @example
- * ```tsx
- * import { View, Text } from 'react-native';
- * import { Redirect } from 'expo-router';
- *
- * export default function Page() {
- *  const { user } = useAuth();
- *
- *  if (!user) {
- *    return <Redirect href="/login" />;
- *  }
- *
- *  return (
- *    <View>
- *      <Text>Welcome Back!</Text>
- *    </View>
- *  );
- * }
- * ```
- */
-function Redirect({ href, relativeToDirectory, withAnchor }) {
-    const router = (0, hooks_1.useRouter)();
-    (0, useFocusEffect_1.useFocusEffect)(() => {
-        try {
-            router.replace(href, { relativeToDirectory, withAnchor });
-        }
-        catch (error) {
-            console.error(error);
-        }
-    });
-    return null;
-}
+exports.Link = Object.assign(
 /**
  * Component that renders a link using [`href`](#href) to another route.
  * By default, it accepts children and wraps them in a `<Text>` component.
@@ -78,52 +31,81 @@ function Redirect({ href, relativeToDirectory, withAnchor }) {
  *}
  * ```
  */
-exports.Link = (0, react_1.forwardRef)(ExpoRouterLink);
-exports.Link.resolveHref = href_1.resolveHref;
-function ExpoRouterLink({ href, replace, push, dismissTo, 
-// TODO: This does not prevent default on the anchor tag.
-relativeToDirectory, asChild, rel, target, download, withAnchor, dangerouslySingular: singular, prefetch, ...rest }, ref) {
-    // Mutate the style prop to add the className on web.
-    const style = (0, useLinkHooks_1.useInteropClassName)(rest);
-    // If not passing asChild, we need to forward the props to the anchor tag using React Native Web's `hrefAttrs`.
-    const hrefAttrs = (0, useLinkHooks_1.useHrefAttrs)({ asChild, rel, target, download });
-    const resolvedHref = (0, react_1.useMemo)(() => {
-        if (href == null) {
-            throw new Error('Link: href is required');
-        }
-        return (0, href_1.resolveHref)(href);
-    }, [href]);
-    let event;
-    if (push)
-        event = 'PUSH';
-    if (replace)
-        event = 'REPLACE';
-    if (dismissTo)
-        event = 'POP_TO';
-    const props = (0, useLinkToPathProps_1.default)({
-        href: resolvedHref,
-        event,
-        relativeToDirectory,
-        withAnchor,
-        dangerouslySingular: singular,
-    });
-    const onPress = (e) => {
-        if ('onPress' in rest) {
-            rest.onPress?.(e);
-        }
-        props.onPress(e);
-    };
-    const Component = asChild ? Slot_1.Slot : react_native_1.Text;
-    // Avoid using createElement directly, favoring JSX, to allow tools like NativeWind to perform custom JSX handling on native.
-    const element = (<Component ref={ref} {...props} {...hrefAttrs} {...rest} style={style} {...react_native_1.Platform.select({
-        web: {
-            onClick: onPress,
-        },
-        default: { onPress },
-    })}/>);
-    return prefetch ? (<>
-      <Prefetch_1.Prefetch href={href}/>
-      {element}
-    </>) : (element);
-}
+function Link(props) {
+    // Re-exporting ExpoLink here so that Link.* can be used in server components.
+    return <ExpoLink_1.ExpoLink {...props}/>;
+}, {
+    resolveHref: href_1.resolveHref,
+    /**
+     * A component used to group context menu actions for a link.
+     *
+     * If multiple `Link.Menu` components are used within a single `Link`, only the first one will be rendered.
+     * Only `Link.MenuAction` components are allowed as children of `Link.Menu`.
+     *
+     * @example
+     * ```tsx
+     * <Link.Menu>
+     *   <Link.MenuAction title="Action 1" onPress={()=>{}} />
+     *   <Link.MenuAction title="Action 2" onPress={()=>{}} />
+     * </Link.Menu>
+     * ```
+     *
+     * @platform ios
+     */
+    Menu: LinkWithPreview_1.LinkMenu,
+    /**
+     * A component used as a link trigger. The content of this component will be rendered in the base link.
+     *
+     * If multiple `Link.Trigger` components are used within a single `Link`, only the first one will be rendered.
+     *
+     * @example
+     * ```tsx
+     * <Link href="/about">
+     *   <Link.Trigger>
+     *     Trigger
+     *   </Link.Trigger>
+     * </Link>
+     * ```
+     *
+     * @platform ios
+     */
+    Trigger: LinkWithPreview_1.LinkTrigger,
+    /**
+     * A component used to render and customize the link preview.
+     *
+     * If `Link.Preview` is used without any props, it will render a preview of the `href` passed to the `Link`.
+     *
+     * If multiple `Link.Preview` components are used within a single `Link`, only the first one will be rendered.
+     *
+     * To customize the preview, you can pass custom content as children.
+     *
+     * @example
+     * ```tsx
+     * <Link href="/about">
+     *   <Link.Preview>
+     *     <Text>Custom Preview Content</Text>
+     *   </Link.Trigger>
+     * </Link>
+     * ```
+     *
+     * @example
+     * ```tsx
+     * <Link href="/about">
+     *   <Link.Preview />
+     * </Link>
+     * ```
+     *
+     * @platform ios
+     */
+    Preview: LinkWithPreview_1.LinkPreview,
+    /**
+     * A component used to render a context menu action for a link.
+     * This component should only be used as a child of `Link.Menu`.
+     *
+     * @platform ios
+     */
+    MenuAction: LinkWithPreview_1.LinkMenuAction,
+});
+var Redirect_1 = require("./Redirect");
+Object.defineProperty(exports, "Redirect", { enumerable: true, get: function () { return Redirect_1.Redirect; } });
 //# sourceMappingURL=Link.js.map

package/build/link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/link/Link.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n// Fork of @react-navigation/native Link.tsx with `href` and `replace` support added and\n// `to` / `action` support removed.\nimport { PropsWithChildren, forwardRef, useMemo, MouseEvent, ForwardedRef, JSX } from 'react';\nimport { Text, GestureResponderEvent, Platform } from 'react-native';\n\nimport { resolveHref } from './href';\nimport useLinkToPathProps from './useLinkToPathProps';\nimport { useRouter } from '../hooks';\nimport { Href } from '../types';\nimport { useFocusEffect } from '../useFocusEffect';\nimport { useInteropClassName, useHrefAttrs, LinkProps, WebAnchorProps } from './useLinkHooks';\nimport { Prefetch } from '../Prefetch';\nimport { Slot } from '../ui/Slot';\n\nexport interface LinkComponent {\n  (props: PropsWithChildren<LinkProps>): JSX.Element;\n  /** Helper method to resolve an Href object into a string. */\n  resolveHref: (href: Href) => string;\n}\n\nexport type RedirectProps = {\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 { Redirect } from 'expo-router';\n   *\n   * export default function RedirectToAbout() {\n   *  return (\n   *    <Redirect href=\"/about\">About</Link>\n   *  );\n   *}\n   * ```\n   */\n  href: Href;\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/**\n * Redirects to the `href` as soon as the component is mounted.\n *\n * @example\n * ```tsx\n * import { View, Text } from 'react-native';\n * import { Redirect } from 'expo-router';\n *\n * export default function Page() {\n *  const { user } = useAuth();\n *\n *  if (!user) {\n *    return <Redirect href=\"/login\" />;\n *  }\n *\n *  return (\n *    <View>\n *      <Text>Welcome Back!</Text>\n *    </View>\n *  );\n * }\n * ```\n */\nexport function Redirect({ href, relativeToDirectory, withAnchor }: RedirectProps) {\n  const router = useRouter();\n  useFocusEffect(() => {\n    try {\n      router.replace(href, { relativeToDirectory, withAnchor });\n    } catch (error) {\n      console.error(error);\n    }\n  });\n  return null;\n}\n\n/**\n * Component that renders a link using [`href`](#href) to another route.\n * By default, it accepts children and wraps them in a `<Text>` component.\n *\n * Uses an anchor tag (`<a>`) on web and performs a client-side navigation to preserve\n * the state of the website and navigate faster. The web-only attributes such as `target`,\n * `rel`, and `download` are supported and passed to the anchor tag on web. See\n * [`WebAnchorProps`](#webanchorprops) for more details.\n *\n * > **Note**: Client-side navigation works with both single-page apps,\n * and [static-rendering](/router/reference/static-rendering/).\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 href=\"/about\">About</Link>\n *   </View>\n *  );\n *}\n * ```\n */\nexport const Link = forwardRef(ExpoRouterLink) as unknown as LinkComponent;\n\nLink.resolveHref = resolveHref;\n\nfunction ExpoRouterLink(\n  {\n    href,\n    replace,\n    push,\n    dismissTo,\n    // TODO: This does not prevent default on the anchor tag.\n    relativeToDirectory,\n    asChild,\n    rel,\n    target,\n    download,\n    withAnchor,\n    dangerouslySingular: singular,\n    prefetch,\n    ...rest\n  }: LinkProps,\n  ref: ForwardedRef<Text>\n) {\n  // Mutate the style prop to add the className on web.\n  const style = useInteropClassName(rest);\n\n  // If not passing asChild, we need to forward the props to the anchor tag using React Native Web's `hrefAttrs`.\n  const hrefAttrs = useHrefAttrs({ asChild, rel, target, download });\n\n  const resolvedHref = useMemo(() => {\n    if (href == null) {\n      throw new Error('Link: href is required');\n    }\n    return resolveHref(href);\n  }, [href]);\n\n  let event;\n  if (push) event = 'PUSH';\n  if (replace) event = 'REPLACE';\n  if (dismissTo) event = 'POP_TO';\n\n  const props = useLinkToPathProps({\n    href: resolvedHref,\n    event,\n    relativeToDirectory,\n    withAnchor,\n    dangerouslySingular: singular,\n  });\n\n  const onPress = (e: MouseEvent<HTMLAnchorElement> | GestureResponderEvent) => {\n    if ('onPress' in rest) {\n      rest.onPress?.(e);\n    }\n    props.onPress(e);\n  };\n\n  const Component = asChild ? Slot : Text;\n\n  // Avoid using createElement directly, favoring JSX, to allow tools like NativeWind to perform custom JSX handling on native.\n  const element = (\n    <Component\n      ref={ref}\n      {...props}\n      {...hrefAttrs}\n      {...rest}\n      style={style}\n      {...Platform.select({\n        web: {\n          onClick: onPress,\n        } as any,\n        default: { onPress },\n      })}\n    />\n  );\n\n  return prefetch ? (\n    <>\n      <Prefetch href={href} />\n      {element}\n    </>\n  ) : (\n    element\n  );\n}\n\nexport { LinkProps, WebAnchorProps };\n"]}
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/link/Link.tsx"],"names":[],"mappings":";;;AAAA,yCAAsC;AACtC,uDAAuF;AACvF,iCAAqC;AAGxB,QAAA,IAAI,GAAG,MAAM,CAAC,MAAM;AAC/B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,SAAS,IAAI,CAAC,KAAgB;IAC5B,8EAA8E;IAC9E,OAAO,CAAC,mBAAQ,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACjC,CAAC,EACD;IACE,WAAW,EAAX,kBAAW;IACX;;;;;;;;;;;;;;;OAeG;IACH,IAAI,EAAE,0BAAQ;IACd;;;;;;;;;;;;;;;OAeG;IACH,OAAO,EAAE,6BAAW;IACpB;;;;;;;;;;;;;;;;;;;;;;;;;;OA0BG;IACH,OAAO,EAAE,6BAAW;IACpB;;;;;OAKG;IACH,UAAU,EAAE,gCAAc;CAC3B,CACF,CAAC;AAKF,uCAAqD;AAA5C,oGAAA,QAAQ,OAAA","sourcesContent":["import { ExpoLink } from './ExpoLink';\nimport { LinkMenu, LinkMenuAction, LinkPreview, LinkTrigger } from './LinkWithPreview';\nimport { resolveHref } from './href';\nimport { LinkProps, WebAnchorProps } from './useLinkHooks';\n\nexport const Link = Object.assign(\n  /**\n   * Component that renders a link using [`href`](#href) to another route.\n   * By default, it accepts children and wraps them in a `<Text>` component.\n   *\n   * Uses an anchor tag (`<a>`) on web and performs a client-side navigation to preserve\n   * the state of the website and navigate faster. The web-only attributes such as `target`,\n   * `rel`, and `download` are supported and passed to the anchor tag on web. See\n   * [`WebAnchorProps`](#webanchorprops) for more details.\n   *\n   * > **Note**: Client-side navigation works with both single-page apps,\n   * and [static-rendering](/router/reference/static-rendering/).\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 href=\"/about\">About</Link>\n   *   </View>\n   *  );\n   *}\n   * ```\n   */\n  function Link(props: LinkProps) {\n    // Re-exporting ExpoLink here so that Link.* can be used in server components.\n    return <ExpoLink {...props} />;\n  },\n  {\n    resolveHref,\n    /**\n     * A component used to group context menu actions for a link.\n     *\n     * If multiple `Link.Menu` components are used within a single `Link`, only the first one will be rendered.\n     * Only `Link.MenuAction` components are allowed as children of `Link.Menu`.\n     *\n     * @example\n     * ```tsx\n     * <Link.Menu>\n     *   <Link.MenuAction title=\"Action 1\" onPress={()=>{}} />\n     *   <Link.MenuAction title=\"Action 2\" onPress={()=>{}} />\n     * </Link.Menu>\n     * ```\n     *\n     * @platform ios\n     */\n    Menu: LinkMenu,\n    /**\n     * A component used as a link trigger. The content of this component will be rendered in the base link.\n     *\n     * If multiple `Link.Trigger` components are used within a single `Link`, only the first one will be rendered.\n     *\n     * @example\n     * ```tsx\n     * <Link href=\"/about\">\n     *   <Link.Trigger>\n     *     Trigger\n     *   </Link.Trigger>\n     * </Link>\n     * ```\n     *\n     * @platform ios\n     */\n    Trigger: LinkTrigger,\n    /**\n     * A component used to render and customize the link preview.\n     *\n     * If `Link.Preview` is used without any props, it will render a preview of the `href` passed to the `Link`.\n     *\n     * If multiple `Link.Preview` components are used within a single `Link`, only the first one will be rendered.\n     *\n     * To customize the preview, you can pass custom content as children.\n     *\n     * @example\n     * ```tsx\n     * <Link href=\"/about\">\n     *   <Link.Preview>\n     *     <Text>Custom Preview Content</Text>\n     *   </Link.Trigger>\n     * </Link>\n     * ```\n     *\n     * @example\n     * ```tsx\n     * <Link href=\"/about\">\n     *   <Link.Preview />\n     * </Link>\n     * ```\n     *\n     * @platform ios\n     */\n    Preview: LinkPreview,\n    /**\n     * A component used to render a context menu action for a link.\n     * This component should only be used as a child of `Link.Menu`.\n     *\n     * @platform ios\n     */\n    MenuAction: LinkMenuAction,\n  }\n);\n\nexport type LinkComponent = typeof Link;\n\nexport { LinkProps, WebAnchorProps };\nexport { Redirect, RedirectProps } from './Redirect';\n"]}

package/build/link/LinkWithPreview.d.ts

@@ -0,0 +1,36 @@
+import React, { type PropsWithChildren, type ReactElement } from 'react';
+import { LinkProps } from './useLinkHooks';
+export declare function LinkWithPreview({ children, ...rest }: LinkProps): React.JSX.Element;
+interface LinkMenuAction {
+    /**
+     * The title of the menu item.
+     */
+    title: string;
+    onPress: () => void;
+}
+export declare function LinkMenuAction(_: LinkMenuAction): null;
+interface LinkMenuProps {
+    children: ReactElement<LinkMenuAction> | ReactElement<LinkMenuAction>[];
+}
+export declare function LinkMenu({ children }: LinkMenuProps): React.JSX.Element[] | null;
+interface LinkPreviewProps {
+    /**
+     * Sets the preferred width of the preview.
+     * If not set, full width of the screen will be used.
+     *
+     * This is only **preferred** width, the actual width may be different
+     */
+    width?: number;
+    /**
+     * Sets the preferred height of the preview.
+     * If not set, full height of the screen will be used.
+     *
+     * This is only **preferred** height, the actual height may be different
+     */
+    height?: number;
+    children?: React.ReactNode;
+}
+export declare function LinkPreview({ children, width, height }: LinkPreviewProps): React.JSX.Element | null;
+export declare function LinkTrigger(props: PropsWithChildren): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+export {};
+//# sourceMappingURL=LinkWithPreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkWithPreview.d.ts","sourceRoot":"","sources":["../../src/link/LinkWithPreview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAOZ,KAAK,iBAAiB,EACtB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AAaf,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAS3C,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,qBAgH/D;AAED,UAAU,cAAc;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,cAAc,QAE/C;AACD,UAAU,aAAa;IACrB,QAAQ,EAAE,YAAY,CAAC,cAAc,CAAC,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,CAAC;CACzE;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,8BAOnD;AAED,UAAU,gBAAgB;IACxB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,gBAAgB,4BA2BxE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,iBAAiB,mSAYnD"}

package/build/link/LinkWithPreview.js

@@ -0,0 +1,192 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkWithPreview = LinkWithPreview;
+exports.LinkMenuAction = LinkMenuAction;
+exports.LinkMenu = LinkMenu;
+exports.LinkPreview = LinkPreview;
+exports.LinkTrigger = LinkTrigger;
+const react_1 = __importStar(require("react"));
+const hooks_1 = require("../hooks");
+const BaseExpoRouterLink_1 = require("./BaseExpoRouterLink");
+const HrefPreview_1 = require("./preview/HrefPreview");
+const LinkPreviewContext_1 = require("./preview/LinkPreviewContext");
+const native_1 = require("./preview/native");
+const useNextScreenId_1 = require("./preview/useNextScreenId");
+const url_1 = require("../utils/url");
+const PreviewRouteContext_1 = require("./preview/PreviewRouteContext");
+const Slot_1 = require("../ui/Slot");
+const InternalLinkPreviewContext = (0, react_1.createContext)(undefined);
+function LinkWithPreview({ children, ...rest }) {
+    const router = (0, hooks_1.useRouter)();
+    const { setIsPreviewOpen } = (0, LinkPreviewContext_1.useLinkPreviewContext)();
+    const [isCurrentPreviewOpen, setIsCurrenPreviewOpen] = (0, react_1.useState)(false);
+    const hrefWithoutQuery = String(rest.href).split('?')[0];
+    const prevHrefWithoutQuery = (0, react_1.useRef)(hrefWithoutQuery);
+    (0, react_1.useEffect)(() => {
+        if (isCurrentPreviewOpen) {
+            if (prevHrefWithoutQuery.current !== hrefWithoutQuery) {
+                throw new Error('Link does not support changing the href prop after the preview has been opened. Please ensure that the href prop is stable and does not change between renders.');
+            }
+        }
+        else {
+            prevHrefWithoutQuery.current = hrefWithoutQuery;
+        }
+    }, [hrefWithoutQuery]);
+    const [nextScreenId, updateNextScreenId] = (0, useNextScreenId_1.useNextScreenId)();
+    (0, react_1.useEffect)(() => {
+        if ((0, url_1.shouldLinkExternally)(String(rest.href))) {
+            if (process.env.NODE_ENV !== 'production') {
+                throw new Error('External links previews are not supported');
+            }
+            else {
+                console.warn('External links previews are not supported');
+            }
+        }
+        if (rest.replace) {
+            if (process.env.NODE_ENV !== 'production') {
+                throw new Error('Using replace links with preview is not supported');
+            }
+            else {
+                console.warn('Using replace links with preview is not supported');
+            }
+        }
+    }, [rest.href, rest.replace]);
+    const triggerElement = react_1.default.useMemo(() => getFirstChildOfType(children, LinkTrigger), [children]);
+    const menuElement = react_1.default.useMemo(() => getFirstChildOfType(children, LinkMenu), [children]);
+    const previewElement = react_1.default.useMemo(() => getFirstChildOfType(children, LinkPreview), [children]);
+    if (previewElement && !triggerElement) {
+        if (process.env.NODE_ENV !== 'production') {
+            throw new Error('When you use Link.Preview, you must use Link.Trigger to specify the trigger element.');
+        }
+        else {
+            console.warn('When you use Link.Preview, you must use Link.Trigger to specify the trigger element.');
+        }
+    }
+    const trigger = react_1.default.useMemo(() => triggerElement ?? <LinkTrigger>{children}</LinkTrigger>, [triggerElement, children]);
+    const actionsHandlers = react_1.default.useMemo(() => convertActionsToActionsHandlers(convertChildrenArrayToActions(react_1.default.Children.toArray(menuElement?.props.children))), [menuElement]);
+    const preview = react_1.default.useMemo(() => previewElement ?? <LinkPreview />, [previewElement, rest.href]);
+    if ((0, url_1.shouldLinkExternally)(String(rest.href)) || rest.replace) {
+        return <BaseExpoRouterLink_1.BaseExpoRouterLink children={children} {...rest}/>;
+    }
+    return (<native_1.NativeLinkPreview nextScreenId={nextScreenId} onActionSelected={({ nativeEvent: { id } }) => {
+            actionsHandlers[id]?.();
+        }} onWillPreviewOpen={() => {
+            router.prefetch(rest.href);
+            setIsPreviewOpen(true);
+            setIsCurrenPreviewOpen(true);
+        }} onDidPreviewOpen={() => {
+            updateNextScreenId(rest.href);
+        }} onPreviewDidClose={() => {
+            setIsPreviewOpen(false);
+            setIsCurrenPreviewOpen(false);
+        }} onPreviewTapped={() => {
+            router.navigate(rest.href, { __internal__PreviewKey: nextScreenId });
+        }}>
+      <InternalLinkPreviewContext value={{ isVisible: isCurrentPreviewOpen, href: rest.href }}>
+        <native_1.NativeLinkPreviewTrigger>
+          <BaseExpoRouterLink_1.BaseExpoRouterLink {...rest} children={trigger} ref={rest.ref}/>
+        </native_1.NativeLinkPreviewTrigger>
+        {preview}
+        {menuElement}
+      </InternalLinkPreviewContext>
+    </native_1.NativeLinkPreview>);
+}
+function LinkMenuAction(_) {
+    return null;
+}
+function LinkMenu({ children }) {
+    if ((0, PreviewRouteContext_1.useIsPreview)() || !(0, react_1.use)(InternalLinkPreviewContext)) {
+        return null;
+    }
+    return convertChildrenArrayToActions(react_1.default.Children.toArray(children)).map((action) => {
+        return <native_1.NativeLinkPreviewAction key={action.id} title={action.title} id={action.id}/>;
+    });
+}
+function LinkPreview({ children, width, height }) {
+    const internalPreviewContext = (0, react_1.use)(InternalLinkPreviewContext);
+    if ((0, PreviewRouteContext_1.useIsPreview)() || !internalPreviewContext) {
+        return null;
+    }
+    const { isVisible, href } = internalPreviewContext;
+    const contentSize = {
+        width: width ?? 0,
+        height: height ?? 0,
+    };
+    let content;
+    if (children) {
+        content = isVisible ? children : null;
+    }
+    else {
+        content = isVisible ? <HrefPreview_1.HrefPreview href={href}/> : null;
+    }
+    return (<native_1.NativeLinkPreviewContent style={{
+            /* Setting default background here, so that the preview is not transparent */
+            backgroundColor: '#fff',
+        }} preferredContentSize={contentSize}>
+      {content}
+    </native_1.NativeLinkPreviewContent>);
+}
+function LinkTrigger(props) {
+    if (react_1.default.Children.count(props.children) > 1 || !(0, react_1.isValidElement)(props.children)) {
+        // If onPress is passed, this means that Link passed props to this component.
+        // We can assume that asChild is used, so we throw an error, because link will not work in this case.
+        if (props && typeof props === 'object' && 'onPress' in props) {
+            throw new Error('When using Link.Trigger in an asChild Link, you must pass a single child element that will emit onPress event.');
+        }
+        return props.children;
+    }
+    return <Slot_1.Slot {...props}/>;
+}
+function getFirstChildOfType(children, type) {
+    return react_1.default.Children.toArray(children).find((child) => (0, react_1.isValidElement)(child) && child.type === type);
+}
+function convertActionsToActionsHandlers(items) {
+    return (items ?? []).reduce((acc, item) => ({
+        ...acc,
+        [item.id]: item.onPress,
+    }), {});
+}
+function convertChildrenArrayToActions(children) {
+    return children
+        .filter((item) => (0, react_1.isValidElement)(item) && item.type === LinkMenuAction)
+        .map((child, index) => ({
+        id: `${child.props.title}-${index}`,
+        title: child.props.title,
+        onPress: child.props.onPress,
+    }));
+}
+//# sourceMappingURL=LinkWithPreview.js.map

package/build/link/LinkWithPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkWithPreview.js","sourceRoot":"","sources":["../../src/link/LinkWithPreview.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, {\n  createContext,\n  isValidElement,\n  use,\n  useEffect,\n  useRef,\n  useState,\n  type PropsWithChildren,\n  type ReactElement,\n} from 'react';\n\nimport { useRouter } from '../hooks';\nimport { BaseExpoRouterLink } from './BaseExpoRouterLink';\nimport { HrefPreview } from './preview/HrefPreview';\nimport { useLinkPreviewContext } from './preview/LinkPreviewContext';\nimport {\n  NativeLinkPreview,\n  NativeLinkPreviewAction,\n  NativeLinkPreviewContent,\n  NativeLinkPreviewTrigger,\n} from './preview/native';\nimport { useNextScreenId } from './preview/useNextScreenId';\nimport { LinkProps } from './useLinkHooks';\nimport { shouldLinkExternally } from '../utils/url';\nimport { useIsPreview } from './preview/PreviewRouteContext';\nimport { Slot } from '../ui/Slot';\n\nconst InternalLinkPreviewContext = createContext<\n  { isVisible: boolean; href: LinkProps['href'] } | undefined\n>(undefined);\n\nexport function LinkWithPreview({ children, ...rest }: LinkProps) {\n  const router = useRouter();\n  const { setIsPreviewOpen } = useLinkPreviewContext();\n  const [isCurrentPreviewOpen, setIsCurrenPreviewOpen] = useState(false);\n\n  const hrefWithoutQuery = String(rest.href).split('?')[0];\n  const prevHrefWithoutQuery = useRef(hrefWithoutQuery);\n\n  useEffect(() => {\n    if (isCurrentPreviewOpen) {\n      if (prevHrefWithoutQuery.current !== hrefWithoutQuery) {\n        throw new Error(\n          'Link does not support changing the href prop after the preview has been opened. Please ensure that the href prop is stable and does not change between renders.'\n        );\n      }\n    } else {\n      prevHrefWithoutQuery.current = hrefWithoutQuery;\n    }\n  }, [hrefWithoutQuery]);\n\n  const [nextScreenId, updateNextScreenId] = useNextScreenId();\n\n  useEffect(() => {\n    if (shouldLinkExternally(String(rest.href))) {\n      if (process.env.NODE_ENV !== 'production') {\n        throw new Error('External links previews are not supported');\n      } else {\n        console.warn('External links previews are not supported');\n      }\n    }\n    if (rest.replace) {\n      if (process.env.NODE_ENV !== 'production') {\n        throw new Error('Using replace links with preview is not supported');\n      } else {\n        console.warn('Using replace links with preview is not supported');\n      }\n    }\n  }, [rest.href, rest.replace]);\n\n  const triggerElement = React.useMemo(\n    () => getFirstChildOfType(children, LinkTrigger),\n    [children]\n  );\n  const menuElement = React.useMemo(() => getFirstChildOfType(children, LinkMenu), [children]);\n  const previewElement = React.useMemo(\n    () => getFirstChildOfType(children, LinkPreview),\n    [children]\n  );\n\n  if (previewElement && !triggerElement) {\n    if (process.env.NODE_ENV !== 'production') {\n      throw new Error(\n        'When you use Link.Preview, you must use Link.Trigger to specify the trigger element.'\n      );\n    } else {\n      console.warn(\n        'When you use Link.Preview, you must use Link.Trigger to specify the trigger element.'\n      );\n    }\n  }\n\n  const trigger = React.useMemo(\n    () => triggerElement ?? <LinkTrigger>{children}</LinkTrigger>,\n    [triggerElement, children]\n  );\n\n  const actionsHandlers = React.useMemo(\n    () =>\n      convertActionsToActionsHandlers(\n        convertChildrenArrayToActions(React.Children.toArray(menuElement?.props.children))\n      ),\n    [menuElement]\n  );\n  const preview = React.useMemo(\n    () => previewElement ?? <LinkPreview />,\n    [previewElement, rest.href]\n  );\n\n  if (shouldLinkExternally(String(rest.href)) || rest.replace) {\n    return <BaseExpoRouterLink children={children} {...rest} />;\n  }\n\n  return (\n    <NativeLinkPreview\n      nextScreenId={nextScreenId}\n      onActionSelected={({ nativeEvent: { id } }) => {\n        actionsHandlers[id]?.();\n      }}\n      onWillPreviewOpen={() => {\n        router.prefetch(rest.href);\n        setIsPreviewOpen(true);\n        setIsCurrenPreviewOpen(true);\n      }}\n      onDidPreviewOpen={() => {\n        updateNextScreenId(rest.href);\n      }}\n      onPreviewDidClose={() => {\n        setIsPreviewOpen(false);\n        setIsCurrenPreviewOpen(false);\n      }}\n      onPreviewTapped={() => {\n        router.navigate(rest.href, { __internal__PreviewKey: nextScreenId });\n      }}>\n      <InternalLinkPreviewContext value={{ isVisible: isCurrentPreviewOpen, href: rest.href }}>\n        <NativeLinkPreviewTrigger>\n          <BaseExpoRouterLink {...rest} children={trigger} ref={rest.ref} />\n        </NativeLinkPreviewTrigger>\n        {preview}\n        {menuElement}\n      </InternalLinkPreviewContext>\n    </NativeLinkPreview>\n  );\n}\n\ninterface LinkMenuAction {\n  /**\n   * The title of the menu item.\n   */\n  title: string;\n  onPress: () => void;\n}\n\nexport function LinkMenuAction(_: LinkMenuAction) {\n  return null;\n}\ninterface LinkMenuProps {\n  children: ReactElement<LinkMenuAction> | ReactElement<LinkMenuAction>[];\n}\n\nexport function LinkMenu({ children }: LinkMenuProps) {\n  if (useIsPreview() || !use(InternalLinkPreviewContext)) {\n    return null;\n  }\n  return convertChildrenArrayToActions(React.Children.toArray(children)).map((action) => {\n    return <NativeLinkPreviewAction key={action.id} title={action.title} id={action.id} />;\n  });\n}\n\ninterface LinkPreviewProps {\n  /**\n   * Sets the preferred width of the preview.\n   * If not set, full width of the screen will be used.\n   *\n   * This is only **preferred** width, the actual width may be different\n   */\n  width?: number;\n\n  /**\n   * Sets the preferred height of the preview.\n   * If not set, full height of the screen will be used.\n   *\n   * This is only **preferred** height, the actual height may be different\n   */\n  height?: number;\n  children?: React.ReactNode;\n}\n\nexport function LinkPreview({ children, width, height }: LinkPreviewProps) {\n  const internalPreviewContext = use(InternalLinkPreviewContext);\n  if (useIsPreview() || !internalPreviewContext) {\n    return null;\n  }\n  const { isVisible, href } = internalPreviewContext;\n  const contentSize = {\n    width: width ?? 0,\n    height: height ?? 0,\n  };\n  let content: React.ReactNode;\n  if (children) {\n    content = isVisible ? children : null;\n  } else {\n    content = isVisible ? <HrefPreview href={href} /> : null;\n  }\n\n  return (\n    <NativeLinkPreviewContent\n      style={{\n        /* Setting default background here, so that the preview is not transparent */\n        backgroundColor: '#fff',\n      }}\n      preferredContentSize={contentSize}>\n      {content}\n    </NativeLinkPreviewContent>\n  );\n}\n\nexport function LinkTrigger(props: PropsWithChildren) {\n  if (React.Children.count(props.children) > 1 || !isValidElement(props.children)) {\n    // If onPress is passed, this means that Link passed props to this component.\n    // We can assume that asChild is used, so we throw an error, because link will not work in this case.\n    if (props && typeof props === 'object' && 'onPress' in props) {\n      throw new Error(\n        'When using Link.Trigger in an asChild Link, you must pass a single child element that will emit onPress event.'\n      );\n    }\n    return props.children;\n  }\n  return <Slot {...props} />;\n}\n\nfunction getFirstChildOfType<PropsT>(\n  children: React.ReactNode | React.ReactNode[],\n  type: (props: PropsT) => unknown\n) {\n  return React.Children.toArray(children).find(\n    (child): child is ReactElement<PropsT> => isValidElement(child) && child.type === type\n  );\n}\n\nfunction convertActionsToActionsHandlers(\n  items: { id: string; title: string; onPress: () => void }[] | undefined\n) {\n  return (items ?? []).reduce(\n    (acc, item) => ({\n      ...acc,\n      [item.id]: item.onPress,\n    }),\n    {} as Record<string, () => void>\n  );\n}\n\nfunction convertChildrenArrayToActions(children: ReturnType<typeof React.Children.toArray>) {\n  return children\n    .filter(\n      (item): item is ReactElement<LinkMenuAction> =>\n        isValidElement(item) && item.type === LinkMenuAction\n    )\n    .map((child, index) => ({\n      id: `${child.props.title}-${index}`,\n      title: child.props.title,\n      onPress: child.props.onPress,\n    }));\n}\n"]}

package/build/link/Redirect.d.ts

@@ -0,0 +1,58 @@
+import type { Href } from '../types';
+export type RedirectProps = {
+    /**
+     * 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 { Redirect } from 'expo-router';
+     *
+     * export default function RedirectToAbout() {
+     *  return (
+     *    <Redirect href="/about" />
+     *  );
+     *}
+     * ```
+     */
+    href: Href;
+    /**
+     * 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).
+     */
+    relativeToDirectory?: boolean;
+    /**
+     * Replaces the initial screen with the current route.
+     */
+    withAnchor?: boolean;
+};
+/**
+ * Redirects to the `href` as soon as the component is mounted.
+ *
+ * @example
+ * ```tsx
+ * import { View, Text } from 'react-native';
+ * import { Redirect } from 'expo-router';
+ *
+ * export default function Page() {
+ *  const { user } = useAuth();
+ *
+ *  if (!user) {
+ *    return <Redirect href="/login" />;
+ *  }
+ *
+ *  return (
+ *    <View>
+ *      <Text>Welcome Back!</Text>
+ *    </View>
+ *  );
+ * }
+ * ```
+ */
+export declare function Redirect({ href, relativeToDirectory, withAnchor }: RedirectProps): null;
+//# sourceMappingURL=Redirect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Redirect.d.ts","sourceRoot":"","sources":["../../src/link/Redirect.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAIrC,MAAM,MAAM,aAAa,GAAG;IAC1B;;;;;;;;;;;;;;;;;OAiBG;IACH,IAAI,EAAE,IAAI,CAAC;IAEX;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,UAAU,EAAE,EAAE,aAAa,QAahF"}

package/build/link/Redirect.js

@@ -0,0 +1,46 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Redirect = Redirect;
+const hooks_1 = require("../hooks");
+const useFocusEffect_1 = require("../useFocusEffect");
+const PreviewRouteContext_1 = require("./preview/PreviewRouteContext");
+/**
+ * Redirects to the `href` as soon as the component is mounted.
+ *
+ * @example
+ * ```tsx
+ * import { View, Text } from 'react-native';
+ * import { Redirect } from 'expo-router';
+ *
+ * export default function Page() {
+ *  const { user } = useAuth();
+ *
+ *  if (!user) {
+ *    return <Redirect href="/login" />;
+ *  }
+ *
+ *  return (
+ *    <View>
+ *      <Text>Welcome Back!</Text>
+ *    </View>
+ *  );
+ * }
+ * ```
+ */
+function Redirect({ href, relativeToDirectory, withAnchor }) {
+    const router = (0, hooks_1.useRouter)();
+    const isPreview = (0, PreviewRouteContext_1.useIsPreview)();
+    (0, useFocusEffect_1.useFocusEffect)(() => {
+        if (!isPreview) {
+            try {
+                router.replace(href, { relativeToDirectory, withAnchor });
+            }
+            catch (error) {
+                console.error(error);
+            }
+        }
+    });
+    return null;
+}
+//# sourceMappingURL=Redirect.js.map

package/build/link/Redirect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Redirect.js","sourceRoot":"","sources":["../../src/link/Redirect.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAiEb,4BAaC;AA5ED,oCAAqC;AAErC,sDAAmD;AACnD,uEAA6D;AAqC7D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,SAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,UAAU,EAAiB;IAC/E,MAAM,MAAM,GAAG,IAAA,iBAAS,GAAE,CAAC;IAC3B,MAAM,SAAS,GAAG,IAAA,kCAAY,GAAE,CAAC;IACjC,IAAA,+BAAc,EAAC,GAAG,EAAE;QAClB,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,IAAI,CAAC;gBACH,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,mBAAmB,EAAE,UAAU,EAAE,CAAC,CAAC;YAC5D,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["'use client';\n\nimport { useRouter } from '../hooks';\nimport type { Href } from '../types';\nimport { useFocusEffect } from '../useFocusEffect';\nimport { useIsPreview } from './preview/PreviewRouteContext';\n\nexport type RedirectProps = {\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 { Redirect } from 'expo-router';\n   *\n   * export default function RedirectToAbout() {\n   *  return (\n   *    <Redirect href=\"/about\" />\n   *  );\n   *}\n   * ```\n   */\n  href: Href;\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/**\n * Redirects to the `href` as soon as the component is mounted.\n *\n * @example\n * ```tsx\n * import { View, Text } from 'react-native';\n * import { Redirect } from 'expo-router';\n *\n * export default function Page() {\n *  const { user } = useAuth();\n *\n *  if (!user) {\n *    return <Redirect href=\"/login\" />;\n *  }\n *\n *  return (\n *    <View>\n *      <Text>Welcome Back!</Text>\n *    </View>\n *  );\n * }\n * ```\n */\nexport function Redirect({ href, relativeToDirectory, withAnchor }: RedirectProps) {\n  const router = useRouter();\n  const isPreview = useIsPreview();\n  useFocusEffect(() => {\n    if (!isPreview) {\n      try {\n        router.replace(href, { relativeToDirectory, withAnchor });\n      } catch (error) {\n        console.error(error);\n      }\n    }\n  });\n  return null;\n}\n"]}

package/build/link/preview/HrefPreview.d.ts

@@ -0,0 +1,5 @@
+import { Href } from '../../types';
+export declare function HrefPreview({ href }: {
+    href: Href;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=HrefPreview.d.ts.map

package/build/link/preview/HrefPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HrefPreview.d.ts","sourceRoot":"","sources":["../../../src/link/preview/HrefPreview.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,IAAI,EAAuB,MAAM,aAAa,CAAC;AAMxD,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,sCA+BnD"}