@bsky.app/peek-menu 0.2.0

package/.eslintrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  root: true,
+  extends: ['universe/native', 'universe/web'],
+  ignorePatterns: ['build'],
+}

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @bsky.app/peek-menu
+
+## 0.2.0
+
+### Minor Changes
+
+- [#27](https://github.com/bluesky-social/toolbox/pull/27) [`890bae9`](https://github.com/bluesky-social/toolbox/commit/890bae91f04f08c0ac8b20bdc8ce4cead3a68e63) Thanks [@mozzius](https://github.com/mozzius)! - Initial release of @bsky.app/peek-menu, extracted from social-app's expo-bluesky-context-menu module.

package/README.md

@@ -0,0 +1,121 @@
+# @bsky.app/peek-menu
+
+Native iOS context menu with peek preview for images. Long-pressing a wrapped view shows a `UIContextMenuInteraction` with a full-size image preview and action menu. Android and web fall through to a passthrough `View`.
+
+## Installation
+
+```
+npm install @bsky.app/peek-menu
+```
+
+**Note:** The iOS native side shares `SDImageCache.shared` with `expo-image` via `SDWebImage ~> 5.21.0`. Your app must have a compatible SDWebImage version installed (expo-image provides this).
+
+## Usage
+
+Declarative, compound-component API. `Root` collects children tagged as `Trigger` and `Menu`, serializes the menu items, and renders a single native view.
+
+```tsx
+import * as PeekMenu from '@bsky.app/peek-menu'
+
+;<PeekMenu.Root>
+  <PeekMenu.Trigger
+    preview={{
+      type: 'image',
+      uri: fullsizeUrl,
+      thumbUri: thumbUrl,
+      aspectRatio: 1.5,
+    }}
+    borderRadius={12}>
+    {children}
+  </PeekMenu.Trigger>
+  <PeekMenu.Menu>
+    <PeekMenu.MenuItem id="save" onSelect={handleSave}>
+      <PeekMenu.MenuItemIcon icon={SaveIcon} />
+      <PeekMenu.MenuItemText>Save image</PeekMenu.MenuItemText>
+    </PeekMenu.MenuItem>
+  </PeekMenu.Menu>
+</PeekMenu.Root>
+```
+
+`Trigger`, `Menu`, `MenuItem`, `MenuItemIcon`, and `MenuItemText` are sentinel components — they render nothing. `Root` walks the children tree at render time, extracts their props, and passes serialized data to the native view.
+
+### Props
+
+**`Trigger`**
+
+- `preview?: PreviewContent` — what to show during peek. Only `image` is implemented; `video` and `externalCard` are typed but will fall back to no preview.
+- `borderRadius?: number` — corner radius of the thumbnail. Used in the native targeted-preview so the lift animation matches the clipping.
+- `onPreviewPress?: () => void` — fires when the user taps the expanded preview to commit into it (i.e. open the lightbox).
+
+**`MenuItem`**
+
+- `id: string` — stable identifier, sent back in the `onItemPress` event.
+- `onSelect: () => void` — called when this item is tapped.
+- `destructive?: boolean` — renders the item in red.
+- `disabled?: boolean` — greys the item out.
+
+**`MenuItemIcon`**
+
+- `icon: SvgIconMeta` — any object with `svgPaths: string[]`, `svgViewBox: string`, and `svgStrokeWidth: number`. Rendered natively via `IconRenderer`.
+
+### Icon compatibility
+
+The `SvgIconMeta` type is intentionally minimal:
+
+```ts
+type SvgIconMeta = {
+  svgPaths: string[]
+  svgViewBox: string
+  svgStrokeWidth: number
+}
+```
+
+Any icon component that carries these three properties (e.g. those created with `createSinglePathSVG`) can be passed directly — TypeScript's structural typing handles the rest.
+
+### Preview types
+
+```ts
+type PreviewContent =
+  | {type: 'image'; uri: string; thumbUri?: string; aspectRatio: number}
+  | {type: 'video'; uri: string; poster?: string; aspectRatio: number} // not yet implemented
+  | {type: 'externalCard'; thumbUri?: string; title: string; url: string} // not yet implemented
+```
+
+## Platform behavior
+
+| Platform | Behavior                                                            |
+| -------- | ------------------------------------------------------------------- |
+| iOS      | Native `UIContextMenuInteraction` with peek preview and action menu |
+| Android  | Passthrough `View` wrapper (no context menu)                        |
+| Web      | Passthrough `View` wrapper (no context menu)                        |
+
+## iOS native architecture
+
+### Image loading
+
+`ImagePreviewController` shares SDWebImage's `SDImageCache.shared` and `SDWebImageManager.shared` with expo-image, so cache hits are free:
+
+1. **Memory cache hit on fullsize?** Paint it immediately — zero latency.
+2. **Memory or disk cache hit on thumbnail?** Paint the thumb as a placeholder, then async-load the fullsize. Thumbs are small enough that a sync disk read is acceptable.
+3. **No cache hit?** Show nothing initially, async-load the fullsize.
+
+For best results, prefetch the fullsize image into memory on press-in so it's ready by the time the peek animation starts:
+
+```tsx
+<Pressable
+  onPressIn={() => {
+    InteractionManager.runAfterInteractions(() => {
+      Image.prefetch(fullsizeUri, 'memory')
+    })
+  }}>
+  {children}
+</Pressable>
+```
+
+This is the pattern used by social-app — `Image.prefetch(url, 'memory')` from expo-image writes into `SDImageCache.shared`, which the native preview controller reads from synchronously.
+
+### Known limitations
+
+- **Carousel clipping**: When an image is inside a horizontal `FlatList`, the `UIScrollView`'s `clipsToBounds` clips the peek lift animation and its shadow.
+- **Android/web**: No native implementation yet. Falls through to a plain `View` wrapper.
+- **Video and external card previews**: Typed in `PreviewContent` but not implemented on the native side.

package/build/ExpoContextMenuNativeView.android.d.ts

@@ -0,0 +1,6 @@
+import { type NativeViewProps } from './types';
+/**
+ * Android fallback: passthrough wrapper with no context menu interaction.
+ */
+export default function NativeView({ children, style }: NativeViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExpoContextMenuNativeView.android.d.ts.map

package/build/ExpoContextMenuNativeView.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoContextMenuNativeView.android.d.ts","sourceRoot":"","sources":["../src/ExpoContextMenuNativeView.android.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,eAAe,EAAC,MAAM,SAAS,CAAA;AAE5C;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,EAAE,eAAe,2CAEpE"}

package/build/ExpoContextMenuNativeView.android.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from 'react-native';
+/**
+ * Android fallback: passthrough wrapper with no context menu interaction.
+ */
+export default function NativeView({ children, style }) {
+    return _jsx(View, { style: style, children: children });
+}
+//# sourceMappingURL=ExpoContextMenuNativeView.android.js.map

package/build/ExpoContextMenuNativeView.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoContextMenuNativeView.android.js","sourceRoot":"","sources":["../src/ExpoContextMenuNativeView.android.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAA;AAIjC;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAkB;IACnE,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAQ,CAAA;AAC9C,CAAC","sourcesContent":["import {View} from 'react-native'\n\nimport {type NativeViewProps} from './types'\n\n/**\n * Android fallback: passthrough wrapper with no context menu interaction.\n */\nexport default function NativeView({children, style}: NativeViewProps) {\n  return <View style={style}>{children}</View>\n}\n"]}

package/build/ExpoContextMenuNativeView.d.ts

@@ -0,0 +1,5 @@
+import { type ComponentType } from 'react';
+import { type NativeViewProps } from './types';
+declare const NativeView: ComponentType<NativeViewProps>;
+export default NativeView;
+//# sourceMappingURL=ExpoContextMenuNativeView.d.ts.map

package/build/ExpoContextMenuNativeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoContextMenuNativeView.d.ts","sourceRoot":"","sources":["../src/ExpoContextMenuNativeView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,aAAa,EAAC,MAAM,OAAO,CAAA;AAGxC,OAAO,EAAC,KAAK,eAAe,EAAC,MAAM,SAAS,CAAA;AAE5C,QAAA,MAAM,UAAU,EAAE,aAAa,CAAC,eAAe,CAE9C,CAAA;AAED,eAAe,UAAU,CAAA"}

package/build/ExpoContextMenuNativeView.js

@@ -0,0 +1,4 @@
+import { requireNativeViewManager } from 'expo-modules-core';
+const NativeView = requireNativeViewManager('ExpoBlueskyPeekMenu');
+export default NativeView;
+//# sourceMappingURL=ExpoContextMenuNativeView.js.map

package/build/ExpoContextMenuNativeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoContextMenuNativeView.js","sourceRoot":"","sources":["../src/ExpoContextMenuNativeView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,wBAAwB,EAAC,MAAM,mBAAmB,CAAA;AAI1D,MAAM,UAAU,GAAmC,wBAAwB,CACzE,qBAAqB,CACtB,CAAA;AAED,eAAe,UAAU,CAAA","sourcesContent":["import {type ComponentType} from 'react'\nimport {requireNativeViewManager} from 'expo-modules-core'\n\nimport {type NativeViewProps} from './types'\n\nconst NativeView: ComponentType<NativeViewProps> = requireNativeViewManager(\n  'ExpoBlueskyPeekMenu',\n)\n\nexport default NativeView\n"]}

package/build/ExpoContextMenuNativeView.web.d.ts

@@ -0,0 +1,7 @@
+import { type NativeViewProps } from './types';
+/**
+ * Web fallback: passthrough. Long-press is a no-op; tap handling is delegated
+ * to children.
+ */
+export default function NativeView({ children, style }: NativeViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExpoContextMenuNativeView.web.d.ts.map

package/build/ExpoContextMenuNativeView.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoContextMenuNativeView.web.d.ts","sourceRoot":"","sources":["../src/ExpoContextMenuNativeView.web.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,eAAe,EAAC,MAAM,SAAS,CAAA;AAE5C;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,EAAE,eAAe,2CAEpE"}

package/build/ExpoContextMenuNativeView.web.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from 'react-native';
+/**
+ * Web fallback: passthrough. Long-press is a no-op; tap handling is delegated
+ * to children.
+ */
+export default function NativeView({ children, style }) {
+    return _jsx(View, { style: style, children: children });
+}
+//# sourceMappingURL=ExpoContextMenuNativeView.web.js.map

package/build/ExpoContextMenuNativeView.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoContextMenuNativeView.web.js","sourceRoot":"","sources":["../src/ExpoContextMenuNativeView.web.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAA;AAIjC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAkB;IACnE,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAQ,CAAA;AAC9C,CAAC","sourcesContent":["import {View} from 'react-native'\n\nimport {type NativeViewProps} from './types'\n\n/**\n * Web fallback: passthrough. Long-press is a no-op; tap handling is delegated\n * to children.\n */\nexport default function NativeView({children, style}: NativeViewProps) {\n  return <View style={style}>{children}</View>\n}\n"]}

package/build/Menu.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from 'react';
+export type MenuProps = {
+    children: ReactNode;
+};
+export declare const Menu: import("./registry").TaggedComponent<MenuProps>;
+//# sourceMappingURL=Menu.d.ts.map

package/build/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../src/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAIpC,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAUD,eAAO,MAAM,IAAI,iDAAwB,CAAA"}

package/build/Menu.js

@@ -0,0 +1,10 @@
+import { tag } from './registry';
+/**
+ * Sentinel: does not render. `Root` reads this element's children to collect
+ * menu items.
+ */
+function MenuImpl(_) {
+    return null;
+}
+export const Menu = tag(MenuImpl, 'menu');
+//# sourceMappingURL=Menu.js.map

package/build/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../src/Menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,GAAG,EAAC,MAAM,YAAY,CAAA;AAM9B;;;GAGG;AACH,SAAS,QAAQ,CAAC,CAAY;IAC5B,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA","sourcesContent":["import {type ReactNode} from 'react'\n\nimport {tag} from './registry'\n\nexport type MenuProps = {\n  children: ReactNode\n}\n\n/**\n * Sentinel: does not render. `Root` reads this element's children to collect\n * menu items.\n */\nfunction MenuImpl(_: MenuProps): null {\n  return null\n}\n\nexport const Menu = tag(MenuImpl, 'menu')\n"]}

package/build/MenuItem.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from 'react';
+export type MenuItemProps = {
+    id: string;
+    destructive?: boolean;
+    disabled?: boolean;
+    onSelect: () => void;
+    /** Children must include a `MenuItemIcon` and a `MenuItemText`. */
+    children: ReactNode;
+};
+export declare const MenuItem: import("./registry").TaggedComponent<MenuItemProps>;
+//# sourceMappingURL=MenuItem.d.ts.map

package/build/MenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../src/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAIpC,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,mEAAmE;IACnE,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAUD,eAAO,MAAM,QAAQ,qDAA4B,CAAA"}

package/build/MenuItem.js

@@ -0,0 +1,10 @@
+import { tag } from './registry';
+/**
+ * Sentinel: does not render. `Root` walks the children tree to extract icon +
+ * label, then ships a plain menu item spec to native.
+ */
+function MenuItemImpl(_) {
+    return null;
+}
+export const MenuItem = tag(MenuItemImpl, 'item');
+//# sourceMappingURL=MenuItem.js.map

package/build/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../src/MenuItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,GAAG,EAAC,MAAM,YAAY,CAAA;AAW9B;;;GAGG;AACH,SAAS,YAAY,CAAC,CAAgB;IACpC,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC,CAAA","sourcesContent":["import {type ReactNode} from 'react'\n\nimport {tag} from './registry'\n\nexport type MenuItemProps = {\n  id: string\n  destructive?: boolean\n  disabled?: boolean\n  onSelect: () => void\n  /** Children must include a `MenuItemIcon` and a `MenuItemText`. */\n  children: ReactNode\n}\n\n/**\n * Sentinel: does not render. `Root` walks the children tree to extract icon +\n * label, then ships a plain menu item spec to native.\n */\nfunction MenuItemImpl(_: MenuItemProps): null {\n  return null\n}\n\nexport const MenuItem = tag(MenuItemImpl, 'item')\n"]}

package/build/MenuItemIcon.d.ts

@@ -0,0 +1,6 @@
+import { type MenuItemIconSource } from './types';
+export type MenuItemIconProps = {
+    icon: MenuItemIconSource;
+};
+export declare const MenuItemIcon: import("./registry").TaggedComponent<MenuItemIconProps>;
+//# sourceMappingURL=MenuItemIcon.d.ts.map

package/build/MenuItemIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemIcon.d.ts","sourceRoot":"","sources":["../src/MenuItemIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAE/C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,kBAAkB,CAAA;CACzB,CAAA;AAWD,eAAO,MAAM,YAAY,yDAAqC,CAAA"}

package/build/MenuItemIcon.js

@@ -0,0 +1,11 @@
+import { tag } from './registry';
+/**
+ * Sentinel: does not render any React output. `Root` introspects this element
+ * during its collection pass to pull the SVG path data off the icon component,
+ * then ships the data to native.
+ */
+function MenuItemIconImpl(_) {
+    return null;
+}
+export const MenuItemIcon = tag(MenuItemIconImpl, 'item-icon');
+//# sourceMappingURL=MenuItemIcon.js.map

package/build/MenuItemIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemIcon.js","sourceRoot":"","sources":["../src/MenuItemIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,YAAY,CAAA;AAO9B;;;;GAIG;AACH,SAAS,gBAAgB,CAAC,CAAoB;IAC5C,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAA","sourcesContent":["import {tag} from './registry'\nimport {type MenuItemIconSource} from './types'\n\nexport type MenuItemIconProps = {\n  icon: MenuItemIconSource\n}\n\n/**\n * Sentinel: does not render any React output. `Root` introspects this element\n * during its collection pass to pull the SVG path data off the icon component,\n * then ships the data to native.\n */\nfunction MenuItemIconImpl(_: MenuItemIconProps): null {\n  return null\n}\n\nexport const MenuItemIcon = tag(MenuItemIconImpl, 'item-icon')\n"]}

package/build/MenuItemText.d.ts

@@ -0,0 +1,5 @@
+export type MenuItemTextProps = {
+    children: string;
+};
+export declare const MenuItemText: import("./registry").TaggedComponent<MenuItemTextProps>;
+//# sourceMappingURL=MenuItemText.d.ts.map

package/build/MenuItemText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemText.d.ts","sourceRoot":"","sources":["../src/MenuItemText.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAWD,eAAO,MAAM,YAAY,yDAAqC,CAAA"}

package/build/MenuItemText.js

@@ -0,0 +1,11 @@
+import { tag } from './registry';
+/**
+ * Sentinel: does not render. `Root` reads `children` as the menu item label.
+ * Keeping this a sentinel (vs. a real Text) mirrors how `Menu.ItemText` is
+ * used elsewhere while letting iOS draw the menu chrome natively.
+ */
+function MenuItemTextImpl(_) {
+    return null;
+}
+export const MenuItemText = tag(MenuItemTextImpl, 'item-text');
+//# sourceMappingURL=MenuItemText.js.map

package/build/MenuItemText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemText.js","sourceRoot":"","sources":["../src/MenuItemText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,YAAY,CAAA;AAM9B;;;;GAIG;AACH,SAAS,gBAAgB,CAAC,CAAoB;IAC5C,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAA","sourcesContent":["import {tag} from './registry'\n\nexport type MenuItemTextProps = {\n  children: string\n}\n\n/**\n * Sentinel: does not render. `Root` reads `children` as the menu item label.\n * Keeping this a sentinel (vs. a real Text) mirrors how `Menu.ItemText` is\n * used elsewhere while letting iOS draw the menu chrome natively.\n */\nfunction MenuItemTextImpl(_: MenuItemTextProps): null {\n  return null\n}\n\nexport const MenuItemText = tag(MenuItemTextImpl, 'item-text')\n"]}

package/build/Root.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type RootProps = {
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+};
+export declare function Root({ children, style }: RootProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Root.d.ts.map

package/build/Root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../src/Root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EAGf,MAAM,OAAO,CAAA;AACd,OAAO,EAAC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAC,MAAM,cAAc,CAAA;AAW3D,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAA;AAED,wBAAgB,IAAI,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,EAAE,SAAS,2CA8ChD"}

package/build/Root.js

@@ -0,0 +1,81 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { Children, isValidElement, useCallback, useMemo, } from 'react';
+import NativeView from './ExpoContextMenuNativeView';
+import { kindOf } from './registry';
+export function Root({ children, style }) {
+    const { trigger, menu } = collectTriggerAndMenu(children);
+    const { menuItems, selectById } = useMemo(() => {
+        const items = [];
+        const map = {};
+        if (menu) {
+            Children.forEach(menu.props.children, child => {
+                if (!isValidElement(child))
+                    return;
+                if (kindOf(child.type) !== 'item')
+                    return;
+                const spec = specFromItem(child);
+                if (!spec)
+                    return;
+                items.push(spec.item);
+                map[spec.item.id] = spec.onSelect;
+            });
+        }
+        return { menuItems: items, selectById: map };
+    }, [menu]);
+    const handleItemPress = useCallback((e) => {
+        selectById[e.nativeEvent.id]?.();
+    }, [selectById]);
+    const onPreviewPress = trigger?.props.onPreviewPress;
+    const handlePreviewPress = useCallback(() => {
+        onPreviewPress?.();
+    }, [onPreviewPress]);
+    if (!trigger) {
+        return _jsx(_Fragment, { children: children });
+    }
+    return (_jsx(NativeView, { preview: trigger.props.preview, menuItems: menuItems, previewCornerRadius: trigger.props.borderRadius ?? 0, onItemPress: handleItemPress, onPreviewPress: handlePreviewPress, style: [style, trigger.props.style], children: trigger.props.children }));
+}
+function collectTriggerAndMenu(children) {
+    const result = {};
+    Children.forEach(children, child => {
+        if (!isValidElement(child))
+            return;
+        const kind = kindOf(child.type);
+        if (kind === 'trigger')
+            result.trigger = child;
+        else if (kind === 'menu')
+            result.menu = child;
+    });
+    return result;
+}
+function specFromItem(element) {
+    const { id, destructive, disabled, onSelect, children } = element.props;
+    let label = '';
+    let icon;
+    Children.forEach(children, child => {
+        if (!isValidElement(child))
+            return;
+        const kind = kindOf(child.type);
+        if (kind === 'item-text') {
+            const text = child.props.children;
+            if (typeof text === 'string')
+                label = text;
+        }
+        else if (kind === 'item-icon') {
+            const iconSource = child.props.icon;
+            if (iconSource?.svgPaths?.length) {
+                icon = {
+                    paths: iconSource.svgPaths,
+                    viewBox: iconSource.svgViewBox,
+                    strokeWidth: iconSource.svgStrokeWidth,
+                };
+            }
+        }
+    });
+    if (!label)
+        return null;
+    return {
+        item: { id, label, destructive, disabled, icon },
+        onSelect,
+    };
+}
+//# sourceMappingURL=Root.js.map

package/build/Root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.js","sourceRoot":"","sources":["../src/Root.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,QAAQ,EACR,cAAc,EAGd,WAAW,EACX,OAAO,GACR,MAAM,OAAO,CAAA;AAGd,OAAO,UAAU,MAAM,6BAA6B,CAAA;AAKpD,OAAO,EAAC,MAAM,EAAC,MAAM,YAAY,CAAA;AASjC,MAAM,UAAU,IAAI,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAY;IAC/C,MAAM,EAAC,OAAO,EAAE,IAAI,EAAC,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAA;IAEvD,MAAM,EAAC,SAAS,EAAE,UAAU,EAAC,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3C,MAAM,KAAK,GAAmB,EAAE,CAAA;QAChC,MAAM,GAAG,GAA+B,EAAE,CAAA;QAC1C,IAAI,IAAI,EAAE,CAAC;YACT,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE;gBAC5C,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;oBAAE,OAAM;gBAClC,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,MAAM;oBAAE,OAAM;gBACzC,MAAM,IAAI,GAAG,YAAY,CAAC,KAAoC,CAAC,CAAA;gBAC/D,IAAI,CAAC,IAAI;oBAAE,OAAM;gBACjB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;gBACrB,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAA;YACnC,CAAC,CAAC,CAAA;QACJ,CAAC;QACD,OAAO,EAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAC,CAAA;IAC5C,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,CAA8B,EAAE,EAAE;QACjC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,CAAA;IAClC,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,cAAc,GAAG,OAAO,EAAE,KAAK,CAAC,cAAc,CAAA;IACpD,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,cAAc,EAAE,EAAE,CAAA;IACpB,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,4BAAG,QAAQ,GAAI,CAAA;IACxB,CAAC;IAED,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,EAC9B,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,OAAO,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,EACpD,WAAW,EAAE,eAAe,EAC5B,cAAc,EAAE,kBAAkB,EAClC,KAAK,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,YAClC,OAAO,CAAC,KAAK,CAAC,QAAQ,GACZ,CACd,CAAA;AACH,CAAC;AASD,SAAS,qBAAqB,CAAC,QAAmB;IAChD,MAAM,MAAM,GAAc,EAAE,CAAA;IAC5B,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE;QACjC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;YAAE,OAAM;QAClC,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QAC/B,IAAI,IAAI,KAAK,SAAS;YAAE,MAAM,CAAC,OAAO,GAAG,KAAmC,CAAA;aACvE,IAAI,IAAI,KAAK,MAAM;YAAE,MAAM,CAAC,IAAI,GAAG,KAAgC,CAAA;IAC1E,CAAC,CAAC,CAAA;IACF,OAAO,MAAM,CAAA;AACf,CAAC;AAED,SAAS,YAAY,CACnB,OAAoC;IAEpC,MAAM,EAAC,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAC,GAAG,OAAO,CAAC,KAAK,CAAA;IACrE,IAAI,KAAK,GAAG,EAAE,CAAA;IACd,IAAI,IAA0B,CAAA;IAC9B,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE;QACjC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;YAAE,OAAM;QAClC,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QAC/B,IAAI,IAAI,KAAK,WAAW,EAAE,CAAC;YACzB,MAAM,IAAI,GAAI,KAAyC,CAAC,KAAK,CAAC,QAAQ,CAAA;YACtE,IAAI,OAAO,IAAI,KAAK,QAAQ;gBAAE,KAAK,GAAG,IAAI,CAAA;QAC5C,CAAC;aAAM,IAAI,IAAI,KAAK,WAAW,EAAE,CAAC;YAChC,MAAM,UAAU,GAAI,KAAyC,CAAC,KAAK,CAAC,IAAI,CAAA;YACxE,IAAI,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;gBACjC,IAAI,GAAG;oBACL,KAAK,EAAE,UAAU,CAAC,QAAQ;oBAC1B,OAAO,EAAE,UAAU,CAAC,UAAU;oBAC9B,WAAW,EAAE,UAAU,CAAC,cAAc;iBACvC,CAAA;YACH,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAA;IACF,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA;IACvB,OAAO;QACL,IAAI,EAAE,EAAC,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAC;QAC9C,QAAQ;KACT,CAAA;AACH,CAAC","sourcesContent":["import {\n  Children,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  useCallback,\n  useMemo,\n} from 'react'\nimport {type StyleProp, type ViewStyle} from 'react-native'\n\nimport NativeView from './ExpoContextMenuNativeView'\nimport {type MenuProps} from './Menu'\nimport {type MenuItemProps} from './MenuItem'\nimport {type MenuItemIconProps} from './MenuItemIcon'\nimport {type MenuItemTextProps} from './MenuItemText'\nimport {kindOf} from './registry'\nimport {type TriggerProps} from './Trigger'\nimport {type MenuItemSpec} from './types'\n\nexport type RootProps = {\n  children: ReactNode\n  style?: StyleProp<ViewStyle>\n}\n\nexport function Root({children, style}: RootProps) {\n  const {trigger, menu} = collectTriggerAndMenu(children)\n\n  const {menuItems, selectById} = useMemo(() => {\n    const items: MenuItemSpec[] = []\n    const map: Record<string, () => void> = {}\n    if (menu) {\n      Children.forEach(menu.props.children, child => {\n        if (!isValidElement(child)) return\n        if (kindOf(child.type) !== 'item') return\n        const spec = specFromItem(child as ReactElement<MenuItemProps>)\n        if (!spec) return\n        items.push(spec.item)\n        map[spec.item.id] = spec.onSelect\n      })\n    }\n    return {menuItems: items, selectById: map}\n  }, [menu])\n\n  const handleItemPress = useCallback(\n    (e: {nativeEvent: {id: string}}) => {\n      selectById[e.nativeEvent.id]?.()\n    },\n    [selectById],\n  )\n\n  const onPreviewPress = trigger?.props.onPreviewPress\n  const handlePreviewPress = useCallback(() => {\n    onPreviewPress?.()\n  }, [onPreviewPress])\n\n  if (!trigger) {\n    return <>{children}</>\n  }\n\n  return (\n    <NativeView\n      preview={trigger.props.preview}\n      menuItems={menuItems}\n      previewCornerRadius={trigger.props.borderRadius ?? 0}\n      onItemPress={handleItemPress}\n      onPreviewPress={handlePreviewPress}\n      style={[style, trigger.props.style]}>\n      {trigger.props.children}\n    </NativeView>\n  )\n}\n\n// -----------------------------------------------------------------------------\n\ntype Collected = {\n  trigger?: ReactElement<TriggerProps>\n  menu?: ReactElement<MenuProps>\n}\n\nfunction collectTriggerAndMenu(children: ReactNode): Collected {\n  const result: Collected = {}\n  Children.forEach(children, child => {\n    if (!isValidElement(child)) return\n    const kind = kindOf(child.type)\n    if (kind === 'trigger') result.trigger = child as ReactElement<TriggerProps>\n    else if (kind === 'menu') result.menu = child as ReactElement<MenuProps>\n  })\n  return result\n}\n\nfunction specFromItem(\n  element: ReactElement<MenuItemProps>,\n): {item: MenuItemSpec; onSelect: () => void} | null {\n  const {id, destructive, disabled, onSelect, children} = element.props\n  let label = ''\n  let icon: MenuItemSpec['icon']\n  Children.forEach(children, child => {\n    if (!isValidElement(child)) return\n    const kind = kindOf(child.type)\n    if (kind === 'item-text') {\n      const text = (child as ReactElement<MenuItemTextProps>).props.children\n      if (typeof text === 'string') label = text\n    } else if (kind === 'item-icon') {\n      const iconSource = (child as ReactElement<MenuItemIconProps>).props.icon\n      if (iconSource?.svgPaths?.length) {\n        icon = {\n          paths: iconSource.svgPaths,\n          viewBox: iconSource.svgViewBox,\n          strokeWidth: iconSource.svgStrokeWidth,\n        }\n      }\n    }\n  })\n  if (!label) return null\n  return {\n    item: {id, label, destructive, disabled, icon},\n    onSelect,\n  }\n}\n"]}

package/build/Trigger.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type PreviewContent } from './types';
+export type TriggerProps = {
+    preview?: PreviewContent;
+    /** Fires when the user taps the expanded preview to "commit" into it. */
+    onPreviewPress?: () => void;
+    /** Border radius of the thumbnail being wrapped. Used natively to clip the
+     *  targeted-preview lift animation. */
+    borderRadius?: number;
+    style?: StyleProp<ViewStyle>;
+    children: ReactNode;
+};
+export declare const Trigger: import("./registry").TaggedComponent<TriggerProps>;
+//# sourceMappingURL=Trigger.d.ts.map

package/build/Trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Trigger.d.ts","sourceRoot":"","sources":["../src/Trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AACpC,OAAO,EAAC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAC,MAAM,cAAc,CAAA;AAG3D,OAAO,EAAC,KAAK,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,yEAAyE;IACzE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B;2CACuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAUD,eAAO,MAAM,OAAO,oDAA8B,CAAA"}

package/build/Trigger.js

@@ -0,0 +1,10 @@
+import { tag } from './registry';
+/**
+ * Sentinel: does not render. `Root` reads props + children off this element
+ * and hosts `children` inside the native context-menu view.
+ */
+function TriggerImpl(_) {
+    return null;
+}
+export const Trigger = tag(TriggerImpl, 'trigger');
+//# sourceMappingURL=Trigger.js.map

package/build/Trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Trigger.js","sourceRoot":"","sources":["../src/Trigger.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,GAAG,EAAC,MAAM,YAAY,CAAA;AAc9B;;;GAGG;AACH,SAAS,WAAW,CAAC,CAAe;IAClC,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA","sourcesContent":["import {type ReactNode} from 'react'\nimport {type StyleProp, type ViewStyle} from 'react-native'\n\nimport {tag} from './registry'\nimport {type PreviewContent} from './types'\n\nexport type TriggerProps = {\n  preview?: PreviewContent\n  /** Fires when the user taps the expanded preview to \"commit\" into it. */\n  onPreviewPress?: () => void\n  /** Border radius of the thumbnail being wrapped. Used natively to clip the\n   *  targeted-preview lift animation. */\n  borderRadius?: number\n  style?: StyleProp<ViewStyle>\n  children: ReactNode\n}\n\n/**\n * Sentinel: does not render. `Root` reads props + children off this element\n * and hosts `children` inside the native context-menu view.\n */\nfunction TriggerImpl(_: TriggerProps): null {\n  return null\n}\n\nexport const Trigger = tag(TriggerImpl, 'trigger')\n"]}

package/build/index.d.ts

@@ -0,0 +1,8 @@
+export { Menu } from './Menu';
+export { MenuItem } from './MenuItem';
+export { MenuItemIcon } from './MenuItemIcon';
+export { MenuItemText } from './MenuItemText';
+export { Root } from './Root';
+export { Trigger } from './Trigger';
+export type { MenuItemIconSource, MenuItemSpec, PreviewContent, SvgIconMeta, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AACnC,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AACjC,YAAY,EACV,kBAAkB,EAClB,YAAY,EACZ,cAAc,EACd,WAAW,GACZ,MAAM,SAAS,CAAA"}

package/build/index.js

@@ -0,0 +1,7 @@
+export { Menu } from './Menu';
+export { MenuItem } from './MenuItem';
+export { MenuItemIcon } from './MenuItemIcon';
+export { MenuItemText } from './MenuItemText';
+export { Root } from './Root';
+export { Trigger } from './Trigger';
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AACnC,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA","sourcesContent":["export {Menu} from './Menu'\nexport {MenuItem} from './MenuItem'\nexport {MenuItemIcon} from './MenuItemIcon'\nexport {MenuItemText} from './MenuItemText'\nexport {Root} from './Root'\nexport {Trigger} from './Trigger'\nexport type {\n  MenuItemIconSource,\n  MenuItemSpec,\n  PreviewContent,\n  SvgIconMeta,\n} from './types'\n"]}

package/build/registry.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Marker keys and type tags shared between `Root`, `Trigger`, `Menu`, and
+ * `MenuItem*`. `Root` walks its children looking for these tags so the
+ * composition API doesn't rely on string component names or display names.
+ */
+export declare const CONTEXT_MENU_KIND = "__ExpoBlueskyPeekMenuKind__";
+export type ContextMenuKind = 'trigger' | 'menu' | 'item' | 'item-icon' | 'item-text';
+export type TaggedComponent<P> = React.FunctionComponent<P> & {
+    [CONTEXT_MENU_KIND]: ContextMenuKind;
+};
+export declare function tag<P>(component: React.FunctionComponent<P>, kind: ContextMenuKind): TaggedComponent<P>;
+export declare function kindOf(type: unknown): ContextMenuKind | undefined;
+//# sourceMappingURL=registry.d.ts.map

package/build/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,gCAAgC,CAAA;AAE9D,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,MAAM,GACN,MAAM,GACN,WAAW,GACX,WAAW,CAAA;AAEf,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAC5D,CAAC,iBAAiB,CAAC,EAAE,eAAe,CAAA;CACrC,CAAA;AAED,wBAAgB,GAAG,CAAC,CAAC,EACnB,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,EACrC,IAAI,EAAE,eAAe,GACpB,eAAe,CAAC,CAAC,CAAC,CAGpB;AAED,wBAAgB,MAAM,CAAC,IAAI,EAAE,OAAO,GAAG,eAAe,GAAG,SAAS,CAKjE"}

package/build/registry.js

@@ -0,0 +1,18 @@
+/**
+ * Marker keys and type tags shared between `Root`, `Trigger`, `Menu`, and
+ * `MenuItem*`. `Root` walks its children looking for these tags so the
+ * composition API doesn't rely on string component names or display names.
+ */
+export const CONTEXT_MENU_KIND = '__ExpoBlueskyPeekMenuKind__';
+export function tag(component, kind) {
+    ;
+    component[CONTEXT_MENU_KIND] = kind;
+    return component;
+}
+export function kindOf(type) {
+    if (type && typeof type === 'function') {
+        return type[CONTEXT_MENU_KIND];
+    }
+    return undefined;
+}
+//# sourceMappingURL=registry.js.map

package/build/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,6BAA6B,CAAA;AAa9D,MAAM,UAAU,GAAG,CACjB,SAAqC,EACrC,IAAqB;IAErB,CAAC;IAAC,SAAgC,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAA;IAC5D,OAAO,SAA+B,CAAA;AACxC,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,IAAa;IAClC,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE,CAAC;QACvC,OAAQ,IAAiC,CAAC,iBAAiB,CAAC,CAAA;IAC9D,CAAC;IACD,OAAO,SAAS,CAAA;AAClB,CAAC","sourcesContent":["/**\n * Marker keys and type tags shared between `Root`, `Trigger`, `Menu`, and\n * `MenuItem*`. `Root` walks its children looking for these tags so the\n * composition API doesn't rely on string component names or display names.\n */\nexport const CONTEXT_MENU_KIND = '__ExpoBlueskyPeekMenuKind__'\n\nexport type ContextMenuKind =\n  | 'trigger'\n  | 'menu'\n  | 'item'\n  | 'item-icon'\n  | 'item-text'\n\nexport type TaggedComponent<P> = React.FunctionComponent<P> & {\n  [CONTEXT_MENU_KIND]: ContextMenuKind\n}\n\nexport function tag<P>(\n  component: React.FunctionComponent<P>,\n  kind: ContextMenuKind,\n): TaggedComponent<P> {\n  ;(component as TaggedComponent<P>)[CONTEXT_MENU_KIND] = kind\n  return component as TaggedComponent<P>\n}\n\nexport function kindOf(type: unknown): ContextMenuKind | undefined {\n  if (type && typeof type === 'function') {\n    return (type as TaggedComponent<unknown>)[CONTEXT_MENU_KIND]\n  }\n  return undefined\n}\n"]}

package/build/types.d.ts

@@ -0,0 +1,70 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+/**
+ * The subset of SVG metadata needed by the native menu icon renderer.
+ * Any icon component that carries these three properties can be passed
+ * to `MenuItemIcon`. In practice this is satisfied by every icon
+ * created with `createSinglePathSVG` / `createMultiPathSVG`.
+ */
+export type SvgIconMeta = {
+    svgPaths: string[];
+    svgViewBox: string;
+    svgStrokeWidth: number;
+};
+/**
+ * Content to show during the peek preview. Discriminated by `type`; the native
+ * side dispatches on it to build the right `UIViewController`.
+ *
+ * Only `image` is implemented on iOS today. `video` and `externalCard` are the
+ * planned follow-ups; leaving them in the type keeps the JS call-sites honest.
+ */
+export type PreviewContent = {
+    type: 'image';
+    uri: string;
+    /** Thumb URL. When present, the native side paints it in as an instant
+     *  placeholder (reading from the shared SDWebImage cache) while the
+     *  fullsize loads — avoids the black flash on first peek. */
+    thumbUri?: string;
+    /** Aspect ratio as width / height. */
+    aspectRatio: number;
+} | {
+    type: 'video';
+    uri: string;
+    poster?: string;
+    aspectRatio: number;
+} | {
+    type: 'externalCard';
+    thumbUri?: string;
+    title: string;
+    description?: string;
+    url: string;
+};
+export type MenuItemSpec = {
+    id: string;
+    label: string;
+    destructive?: boolean;
+    disabled?: boolean;
+    icon?: {
+        paths: string[];
+        viewBox: string;
+        strokeWidth: number;
+    };
+};
+export type MenuItemIconSource = SvgIconMeta;
+export type NativeViewProps = {
+    preview?: PreviewContent;
+    menuItems: MenuItemSpec[];
+    /** Named distinctly from `borderRadius`, which RN owns as a style prop. */
+    previewCornerRadius: number;
+    onItemPress: (e: {
+        nativeEvent: {
+            id: string;
+        };
+    }) => void;
+    onPreviewPress: (e: {
+        nativeEvent: {};
+    }) => void;
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+};
+//# sourceMappingURL=types.d.ts.map

package/build/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AACpC,OAAO,EAAC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAC,MAAM,cAAc,CAAA;AAE3D;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;CACvB,CAAA;AAED;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,GACtB;IACE,IAAI,EAAE,OAAO,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX;;iEAE6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,sCAAsC;IACtC,WAAW,EAAE,MAAM,CAAA;CACpB,GACD;IACE,IAAI,EAAE,OAAO,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;CACpB,GACD;IACE,IAAI,EAAE,cAAc,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAEL,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE;QACL,KAAK,EAAE,MAAM,EAAE,CAAA;QACf,OAAO,EAAE,MAAM,CAAA;QACf,WAAW,EAAE,MAAM,CAAA;KACpB,CAAA;CACF,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAA;AAE5C,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,SAAS,EAAE,YAAY,EAAE,CAAA;IACzB,2EAA2E;IAC3E,mBAAmB,EAAE,MAAM,CAAA;IAC3B,WAAW,EAAE,CAAC,CAAC,EAAE;QAAC,WAAW,EAAE;YAAC,EAAE,EAAE,MAAM,CAAA;SAAC,CAAA;KAAC,KAAK,IAAI,CAAA;IACrD,cAAc,EAAE,CAAC,CAAC,EAAE;QAAC,WAAW,EAAE,EAAE,CAAA;KAAC,KAAK,IAAI,CAAA;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA"}