@bsky.app/peek-menu 0.2.0

package/src/types.ts

@@ -0,0 +1,71 @@
+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
+}

package/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "expo-module-scripts/tsconfig.base",
+  "compilerOptions": {
+    "outDir": "./build",
+    "jsx": "react-jsx"
+  },
+  "include": ["./src"],
+  "exclude": ["**/__mocks__/*", "**/__tests__/*", "**/__rsc_tests__/*"]
+}

package/vitest.config.ts

@@ -0,0 +1,7 @@
+import {defineConfig} from 'vitest/config'
+
+export default defineConfig({
+  test: {
+    include: ['src/__tests__/**/*.test.ts'],
+  },
+})