miaoda-expo-devkit 0.1.1-beta.49 → 0.1.1-beta.50

package/README.md

@@ -10,6 +10,7 @@ Expo / React Native 开发环境工具集，通过 Metro 构建层注入以下
 - **expo-notifications stub** — Expo Go（Android）中提供 no-op 实现，核心 API 调用时弹出带参数校验的调试 Alert，Dev Build 透传真实模块
 - **expo-media-library stub** — Expo Go / Web 中提供 no-op 实现，`saveToLibraryAsync`、`createAssetAsync`、权限请求等 API 调用时弹出 Alert 提示，Dev Build 原生环境透传真实模块
 - **expo-calendar stub** — Expo Go / Web 中提供 no-op 实现，`getEventsAsync`、`createEventAsync`、`getCalendarsAsync`、权限请求等核心 API 调用时弹出 Alert 提示并校验参数，Dev Build 原生环境透传真实模块
+- **expo-image-picker stub** — 桌面 Web 中 `launchCameraAsync` 通过 `getUserMedia` 打开摄像头预览弹窗（浏览器原生 `capture` 属性在 PC 端被忽略），移动端浏览器透传 expo 原实现，Native 不受影响
 
 ## 安装
 
@@ -249,6 +250,14 @@ metro.config.js
        │         ├─ Expo Go / Web：no-op + Alert 提示 + 参数校验（不崩溃）
        │         └─ Dev Build（原生）：透传真实 expo-calendar
        │
+       ├─ withExpoImagePickerStub → resolver.resolveRequest
+       │    └─ expo-image-picker          →  dist/stubs/expo-image-picker-stub.js      （仅 web）
+       │         ├─ 桌面 Web：launchCameraAsync → getUserMedia + #__devkit_camera_overlay__ 弹窗
+       │         │    ├─ 点"拍照"：canvas.toDataURL → ImagePickerResult { canceled:false, assets }
+       │         │    └─ 点"取消"：返回 { canceled:true, assets:null }
+       │         ├─ 移动端浏览器：透传 expo 原实现（capture 属性正常工作）
+       │         └─ getUserMedia 不可用：降级透传 expo 原实现（不崩溃）
+       │
        └─ withEntryInjection → resolver.resolveRequest
             └─ expo-router/entry-classic   →  dist/stubs/expo-router-entry-stub.js
                  ├─ require('./entry-inject')           ← 注入脚本（bundle 首部执行）
@@ -288,6 +297,7 @@ sentry-react-native-stub.js
 | `./expo-notifications-stub` | `dist/stubs/expo-notifications-stub.js` | `expo-notifications` Expo Go Android stub |
 | `./expo-media-library-stub` | `dist/stubs/expo-media-library-stub.js` | `expo-media-library` Expo Go / Web stub |
 | `./expo-calendar-stub` | `dist/stubs/expo-calendar-stub.js` | `expo-calendar` Expo Go / Web stub |
+| `./expo-image-picker-stub` | `dist/stubs/expo-image-picker-stub.js` | `expo-image-picker` 桌面 Web stub |
 
 ---
 
@@ -495,6 +505,60 @@ Expo Go 扫码预览不支持访问手机相册
 
 ---
 
+---
+
+### expo-image-picker-stub.js
+
+`expo-image-picker` 模块替换 stub，由 `withExpoImagePickerStub()` 在 Metro 层注入（**仅 web 平台**）。
+
+**背景：** `expo-image-picker` 的 `launchCameraAsync` 在 web 上底层使用 `<input type="file" capture="environment">`。桌面浏览器（Chrome、Firefox、Safari）**有意忽略 `capture` 属性**，直接弹出文件选择框而不是摄像头。这是浏览器厂商的硬限制，无法通过任何 HTML 属性或 meta 标签绕过。
+
+**运行时行为：**
+- **桌面 Web（非 mobile UA）**：`launchCameraAsync` 调用 `navigator.mediaDevices.getUserMedia` 打开摄像头预览弹窗（`#__devkit_camera_overlay__`），用户点击"📷 拍照"后截取一帧并以 `data:image/jpeg` 格式返回，点击"取消"返回 `{ canceled: true }`
+- **移动端浏览器（Android Chrome / iOS Safari）**：透传 expo 原实现，`capture` 属性在移动端正常调起系统相机
+- **`getUserMedia` 不可用**（无摄像头或浏览器限制）：静默降级，透传 expo 原实现（不崩溃）
+- **Native（iOS / Android）**：Metro resolver 不拦截，直接使用原生 `expo-image-picker`，功能完全不变
+
+**弹窗 DOM 结构（供 Playwright 定位）：**
+```html
+<div id="__devkit_camera_overlay__">   <!-- 全屏遮罩 -->
+  <div>                                <!-- 面板 -->
+    <p>拍照</p>
+    <video autoplay muted playsinline> <!-- 摄像头预览 -->
+    <div>
+      <button>📷 拍照</button>
+      <button>取消</button>
+    </div>
+    <p><!-- 错误信息（getUserMedia 失败时显示） --></p>
+  </div>
+</div>
+```
+
+**返回值格式（与 expo 原实现兼容）：**
+```ts
+// 拍照成功
+{
+  canceled: false,
+  assets: [{
+    uri: 'data:image/jpeg;base64,...',
+    width: 640,
+    height: 480,
+    type: 'image',
+    fileName: 'photo_1234567890.jpg',
+    mimeType: 'image/jpeg',
+    base64: null,
+    exif: null,
+  }]
+}
+
+// 取消
+{ canceled: true, assets: null }
+```
+
+**E2E 测试：** `devkit-e2e/tests/e2e/image-picker-stub.spec.ts`，使用 `addInitScript` mock `getUserMedia`（注入 canvas stream 替代真实摄像头），覆盖弹窗出现/消失、拍照返回结果、取消、降级等场景。
+
+---
+
 ## Babel 插件：jsx-source
 
 `babel-plugin-jsx-source` 为 JSX 元素注入 source 属性（文件路径、行列号），用于开发调试。通过 `dataSet` 对象注入，这是 React Web 可识别的数据通道。

package/dist/metro.d.mts

@@ -120,6 +120,7 @@ declare function withRouteEndpoint(config: MetroConfig, options: RouteEndpointOp
  *   withExpoMediaLibraryStub    — Web / Expo Go：expo-media-library → stub（弹 Alert 提示，Dev Build 透传）
  *   withExpoCalendarStub        — Web / Expo Go：expo-calendar → stub（弹 Alert 提示，Dev Build 透传）
  *   withExpoFileSystemStub      — Web：expo-file-system/legacy → stub（弹 Dialog 提示，原生透传）
+ *   withExpoImagePickerStub     — Web 桌面：launchCameraAsync 用 getUserMedia 唤起摄像头
  *   withEntryInjection          — 在 expo-router 启动前注入脚本（仅 __DEV__）
  *   withDevStubs                — 替换 Sentry DSN / 屏蔽 LogBox（仅 __DEV__）
  *   withRouteEndpoint           — 添加 /__routes 端点（仅 __DEV__）
@@ -313,6 +314,21 @@ declare function withExpoCalendarStub(config: MetroConfig): MetroConfig;
  */
 declare function withExpoFileSystemStub(config: MetroConfig): MetroConfig;
 
+/**
+ * withExpoImagePickerStub — Web 平台将 expo-image-picker 替换为支持 getUserMedia 的 stub
+ *
+ * 问题：expo-image-picker 的 launchCameraAsync 在 web 上通过
+ * <input type="file" capture="environment"> 打开摄像头，但桌面浏览器忽略 capture 属性，
+ * 直接弹出文件选择框，无法唤起摄像头。
+ *
+ * 此 wrapper 仅在 web 平台拦截 expo-image-picker，注入 stub：
+ *   - 桌面 Web：launchCameraAsync 使用 getUserMedia + 预览弹窗，真正唤起摄像头
+ *   - 移动 Web：stub 内部检测到移动端，自动透传回 expo 原实现
+ *   - Native：不拦截，原生实现完全正常
+ */
+
+declare function withExpoImagePickerStub(config: MetroConfig): MetroConfig;
+
 /**
  * 将 Metro transformer 的 minifier 切换为 esbuild。
  *
@@ -382,4 +398,4 @@ declare function withWasmSupport(config: MetroConfig): MetroConfig;
  */
 declare function withTransformLogger(config: MetroConfig): MetroConfig;
 
-export { type DevkitOptions, type InjectOptions, type PatchNativeWindCacheOptions, type RouteEndpointOptions, patchNativeWindCachePath, withCssInterop, withDevStubs, withDevkit, withEntryInjection, withEsbuildMinify, withExpoCalendarStub, withExpoFileSystemStub, withExpoMediaLibraryStub, withExpoNotificationsStub, withLucideResolver, withNativeWind, withRouteEndpoint, withTransformLogger, withWasmSupport, withWorkspaceNodeModules };
+export { type DevkitOptions, type InjectOptions, type PatchNativeWindCacheOptions, type RouteEndpointOptions, patchNativeWindCachePath, withCssInterop, withDevStubs, withDevkit, withEntryInjection, withEsbuildMinify, withExpoCalendarStub, withExpoFileSystemStub, withExpoImagePickerStub, withExpoMediaLibraryStub, withExpoNotificationsStub, withLucideResolver, withNativeWind, withRouteEndpoint, withTransformLogger, withWasmSupport, withWorkspaceNodeModules };

package/dist/metro.d.ts

@@ -120,6 +120,7 @@ declare function withRouteEndpoint(config: MetroConfig, options: RouteEndpointOp
  *   withExpoMediaLibraryStub    — Web / Expo Go：expo-media-library → stub（弹 Alert 提示，Dev Build 透传）
  *   withExpoCalendarStub        — Web / Expo Go：expo-calendar → stub（弹 Alert 提示，Dev Build 透传）
  *   withExpoFileSystemStub      — Web：expo-file-system/legacy → stub（弹 Dialog 提示，原生透传）
+ *   withExpoImagePickerStub     — Web 桌面：launchCameraAsync 用 getUserMedia 唤起摄像头
  *   withEntryInjection          — 在 expo-router 启动前注入脚本（仅 __DEV__）
  *   withDevStubs                — 替换 Sentry DSN / 屏蔽 LogBox（仅 __DEV__）
  *   withRouteEndpoint           — 添加 /__routes 端点（仅 __DEV__）
@@ -313,6 +314,21 @@ declare function withExpoCalendarStub(config: MetroConfig): MetroConfig;
  */
 declare function withExpoFileSystemStub(config: MetroConfig): MetroConfig;
 
+/**
+ * withExpoImagePickerStub — Web 平台将 expo-image-picker 替换为支持 getUserMedia 的 stub
+ *
+ * 问题：expo-image-picker 的 launchCameraAsync 在 web 上通过
+ * <input type="file" capture="environment"> 打开摄像头，但桌面浏览器忽略 capture 属性，
+ * 直接弹出文件选择框，无法唤起摄像头。
+ *
+ * 此 wrapper 仅在 web 平台拦截 expo-image-picker，注入 stub：
+ *   - 桌面 Web：launchCameraAsync 使用 getUserMedia + 预览弹窗，真正唤起摄像头
+ *   - 移动 Web：stub 内部检测到移动端，自动透传回 expo 原实现
+ *   - Native：不拦截，原生实现完全正常
+ */
+
+declare function withExpoImagePickerStub(config: MetroConfig): MetroConfig;
+
 /**
  * 将 Metro transformer 的 minifier 切换为 esbuild。
  *
@@ -382,4 +398,4 @@ declare function withWasmSupport(config: MetroConfig): MetroConfig;
  */
 declare function withTransformLogger(config: MetroConfig): MetroConfig;
 
-export { type DevkitOptions, type InjectOptions, type PatchNativeWindCacheOptions, type RouteEndpointOptions, patchNativeWindCachePath, withCssInterop, withDevStubs, withDevkit, withEntryInjection, withEsbuildMinify, withExpoCalendarStub, withExpoFileSystemStub, withExpoMediaLibraryStub, withExpoNotificationsStub, withLucideResolver, withNativeWind, withRouteEndpoint, withTransformLogger, withWasmSupport, withWorkspaceNodeModules };
+export { type DevkitOptions, type InjectOptions, type PatchNativeWindCacheOptions, type RouteEndpointOptions, patchNativeWindCachePath, withCssInterop, withDevStubs, withDevkit, withEntryInjection, withEsbuildMinify, withExpoCalendarStub, withExpoFileSystemStub, withExpoImagePickerStub, withExpoMediaLibraryStub, withExpoNotificationsStub, withLucideResolver, withNativeWind, withRouteEndpoint, withTransformLogger, withWasmSupport, withWorkspaceNodeModules };

package/dist/metro.js

@@ -38,6 +38,7 @@ __export(metro_exports, {
   withEsbuildMinify: () => withEsbuildMinify,
   withExpoCalendarStub: () => withExpoCalendarStub,
   withExpoFileSystemStub: () => withExpoFileSystemStub,
+  withExpoImagePickerStub: () => withExpoImagePickerStub,
   withExpoMediaLibraryStub: () => withExpoMediaLibraryStub,
   withExpoNotificationsStub: () => withExpoNotificationsStub,
   withLucideResolver: () => withLucideResolver,
@@ -288,7 +289,7 @@ function withCssInterop(config) {
 }
 
 // src/metro/withDevkit.ts
-var import_path12 = __toESM(require("path"));
+var import_path13 = __toESM(require("path"));
 
 // src/metro/withEsbuildMinify.ts
 function withEsbuildMinify(config) {
@@ -427,6 +428,26 @@ function withExpoFileSystemStub(config) {
   return { ...config, resolver: { ...config.resolver, resolveRequest } };
 }
 
+// src/metro/withExpoImagePickerStub.ts
+var import_path12 = __toESM(require("path"));
+var EXPO_IMAGE_PICKER_STUB_FILENAME = "expo-image-picker-stub.js";
+var EXPO_IMAGE_PICKER_STUB_PATH = import_path12.default.resolve(
+  __dirname,
+  "stubs",
+  EXPO_IMAGE_PICKER_STUB_FILENAME
+);
+function withExpoImagePickerStub(config) {
+  const upstream = config.resolver?.resolveRequest ?? null;
+  const resolveRequest = (context, moduleName, platform) => {
+    if (platform === "web" && moduleName === "expo-image-picker" && !context.originModulePath.includes(EXPO_IMAGE_PICKER_STUB_FILENAME)) {
+      return { filePath: EXPO_IMAGE_PICKER_STUB_PATH, type: "sourceFile" };
+    }
+    if (upstream) return upstream(context, moduleName, platform);
+    return context.resolveRequest(context, moduleName, platform);
+  };
+  return { ...config, resolver: { ...config.resolver, resolveRequest } };
+}
+
 // src/metro/withWasmSupport.ts
 function withWasmSupport(config) {
   const existing = config.resolver?.assetExts ?? [];
@@ -533,10 +554,11 @@ function withDevkit(config, options = {}) {
   config = withExpoMediaLibraryStub(config);
   config = withExpoCalendarStub(config);
   config = withExpoFileSystemStub(config);
+  config = withExpoImagePickerStub(config);
   if (typeof __DEV__ !== "undefined" && __DEV__) {
     config = withEntryInjection(config);
     config = withDevStubs(config);
-    config = withRouteEndpoint(config, { appDir: import_path12.default.join(projectRoot, "src", "app") });
+    config = withRouteEndpoint(config, { appDir: import_path13.default.join(projectRoot, "src", "app") });
   }
   return withNativeWind(config, { input, inlineRem: 16 });
 }
@@ -558,6 +580,7 @@ try {
   withEsbuildMinify,
   withExpoCalendarStub,
   withExpoFileSystemStub,
+  withExpoImagePickerStub,
   withExpoMediaLibraryStub,
   withExpoNotificationsStub,
   withLucideResolver,

package/dist/metro.mjs

@@ -244,7 +244,7 @@ function withCssInterop(config) {
 }
 
 // src/metro/withDevkit.ts
-import path13 from "path";
+import path14 from "path";
 
 // src/metro/withEsbuildMinify.ts
 function withEsbuildMinify(config) {
@@ -383,6 +383,26 @@ function withExpoFileSystemStub(config) {
   return { ...config, resolver: { ...config.resolver, resolveRequest } };
 }
 
+// src/metro/withExpoImagePickerStub.ts
+import path12 from "path";
+var EXPO_IMAGE_PICKER_STUB_FILENAME = "expo-image-picker-stub.js";
+var EXPO_IMAGE_PICKER_STUB_PATH = path12.resolve(
+  __dirname,
+  "stubs",
+  EXPO_IMAGE_PICKER_STUB_FILENAME
+);
+function withExpoImagePickerStub(config) {
+  const upstream = config.resolver?.resolveRequest ?? null;
+  const resolveRequest = (context, moduleName, platform) => {
+    if (platform === "web" && moduleName === "expo-image-picker" && !context.originModulePath.includes(EXPO_IMAGE_PICKER_STUB_FILENAME)) {
+      return { filePath: EXPO_IMAGE_PICKER_STUB_PATH, type: "sourceFile" };
+    }
+    if (upstream) return upstream(context, moduleName, platform);
+    return context.resolveRequest(context, moduleName, platform);
+  };
+  return { ...config, resolver: { ...config.resolver, resolveRequest } };
+}
+
 // src/metro/withWasmSupport.ts
 function withWasmSupport(config) {
   const existing = config.resolver?.assetExts ?? [];
@@ -398,10 +418,10 @@ function withWasmSupport(config) {
 
 // src/metro/withTransformLogger.ts
 import fs4 from "fs";
-import path12 from "path";
+import path13 from "path";
 import { Logger } from "metro-core";
 function installPerfLogger(logFile, existingFactory) {
-  const dir = path12.dirname(logFile);
+  const dir = path13.dirname(logFile);
   if (!fs4.existsSync(dir)) {
     fs4.mkdirSync(dir, { recursive: true });
   }
@@ -489,10 +509,11 @@ function withDevkit(config, options = {}) {
   config = withExpoMediaLibraryStub(config);
   config = withExpoCalendarStub(config);
   config = withExpoFileSystemStub(config);
+  config = withExpoImagePickerStub(config);
   if (typeof __DEV__ !== "undefined" && __DEV__) {
     config = withEntryInjection(config);
     config = withDevStubs(config);
-    config = withRouteEndpoint(config, { appDir: path13.join(projectRoot, "src", "app") });
+    config = withRouteEndpoint(config, { appDir: path14.join(projectRoot, "src", "app") });
   }
   return withNativeWind(config, { input, inlineRem: 16 });
 }
@@ -513,6 +534,7 @@ export {
   withEsbuildMinify,
   withExpoCalendarStub,
   withExpoFileSystemStub,
+  withExpoImagePickerStub,
   withExpoMediaLibraryStub,
   withExpoNotificationsStub,
   withLucideResolver,

package/dist/stubs/expo-image-picker-stub.js

@@ -0,0 +1,241 @@
+"use strict";
+var import_react_native = require("react-native");
+function isDesktopBrowser() {
+  if (typeof navigator === "undefined") return false;
+  const ua = navigator.userAgent;
+  const isMobile = /Android|iPhone|iPad|iPod|Mobile/i.test(ua);
+  return !isMobile;
+}
+function showMobilePassthroughToast() {
+  const toast = document.createElement("div");
+  toast.style.cssText = [
+    "position:fixed",
+    "bottom:24px",
+    "left:50%",
+    "transform:translateX(-50%)",
+    "z-index:99999",
+    "background:#1a1a1a",
+    "color:#a78bfa",
+    "font-size:12px",
+    "font-family:monospace",
+    "padding:8px 14px",
+    "border-radius:6px",
+    "border:1px solid #4c1d95",
+    "pointer-events:none",
+    "white-space:nowrap"
+  ].join(";");
+  toast.textContent = "[miaoda-expo-devkit] \u79FB\u52A8\u7AEF\u68C0\u6D4B\u5230\uFF0C\u5DF2\u900F\u4F20\u771F\u5B9E expo-image-picker\uFF0C\u4E0D\u4F1A\u5F39\u51FA\u8C03\u8BD5\u754C\u9762";
+  document.body.appendChild(toast);
+  setTimeout(() => {
+    if (document.body.contains(toast)) document.body.removeChild(toast);
+  }, 2500);
+}
+function openCameraDialog(facingMode) {
+  return new Promise((resolve) => {
+    const overlay = document.createElement("div");
+    overlay.id = "__devkit_camera_overlay__";
+    overlay.style.cssText = [
+      "position:fixed",
+      "inset:0",
+      "z-index:99999",
+      "background:rgba(0,0,0,0.85)",
+      "display:flex",
+      "align-items:center",
+      "justify-content:center"
+    ].join(";");
+    const panel = document.createElement("div");
+    panel.style.cssText = [
+      "background:#1a1a1a",
+      "border-radius:12px",
+      "overflow:hidden",
+      "display:flex",
+      "flex-direction:column",
+      "align-items:stretch",
+      "max-width:90vw",
+      "max-height:90vh",
+      "box-shadow:0 8px 32px rgba(0,0,0,0.6)",
+      "border:1px solid #4c1d95"
+    ].join(";");
+    const header = document.createElement("div");
+    header.style.cssText = [
+      "background:#2e1065",
+      "padding:12px 16px 10px",
+      "display:flex",
+      "flex-direction:column",
+      "gap:4px"
+    ].join(";");
+    const headerTitle = document.createElement("div");
+    headerTitle.textContent = "\u{1F4F7}  PC \u7AEF\u6444\u50CF\u5934\u8C03\u8BD5\u754C\u9762";
+    headerTitle.style.cssText = "color:#e9d5ff;font-size:14px;font-weight:600;font-family:sans-serif";
+    const headerDesc = document.createElement("div");
+    headerDesc.textContent = "\u7531\u4E8E PC \u6D4F\u89C8\u5668\u65E0\u6CD5\u76F4\u63A5\u8C03\u8D77\u7CFB\u7EDF\u76F8\u673A\uFF0C\u6B64\u754C\u9762\u4F1A\u5728\u5F00\u53D1\u8C03\u8BD5\u671F\u95F4\u81EA\u52A8\u51FA\u73B0\uFF0C\u8BA9\u4F60\u53EF\u4EE5\u5728 PC \u4E0A\u6A21\u62DF\u62CD\u7167\u6D41\u7A0B\u3002\u79FB\u52A8\u7AEF\u548C\u771F\u673A\u4E0D\u4F1A\u6709\u8FD9\u4E2A\u5F39\u7A97\uFF0C\u4F1A\u76F4\u63A5\u8C03\u8D77\u7CFB\u7EDF\u539F\u751F\u76F8\u673A\u3002\u6B64\u754C\u9762\u6837\u5F0F\u56FA\u5B9A\uFF0C\u8BF7\u52FF\u5C1D\u8BD5\u4FEE\u6539\u5916\u89C2\u2014\u2014\u4EFB\u4F55\u4FEE\u6539\u90FD\u4E0D\u4F1A\u751F\u6548\u3002";
+    headerDesc.style.cssText = "color:#a78bfa;font-size:11px;font-family:sans-serif;line-height:1.6;max-width:480px";
+    header.appendChild(headerTitle);
+    header.appendChild(headerDesc);
+    const body = document.createElement("div");
+    body.style.cssText = [
+      "display:flex",
+      "flex-direction:column",
+      "align-items:center",
+      "padding:16px",
+      "gap:12px"
+    ].join(";");
+    const video = document.createElement("video");
+    video.autoplay = true;
+    video.playsInline = true;
+    video.muted = true;
+    video.style.cssText = [
+      "width:100%",
+      "max-width:480px",
+      "border-radius:8px",
+      "background:#000"
+    ].join(";");
+    const btnRow = document.createElement("div");
+    btnRow.style.cssText = "display:flex;gap:12px;width:100%;justify-content:center";
+    const btnCapture = document.createElement("button");
+    btnCapture.textContent = "\u{1F4F7} \u62CD\u7167";
+    btnCapture.style.cssText = [
+      "padding:10px 28px",
+      "border-radius:8px",
+      "border:none",
+      "cursor:pointer",
+      "background:#7C3AED",
+      "color:#fff",
+      "font-size:15px",
+      "font-weight:600",
+      "font-family:sans-serif"
+    ].join(";");
+    const btnCancel = document.createElement("button");
+    btnCancel.textContent = "\u53D6\u6D88";
+    btnCancel.style.cssText = [
+      "padding:10px 20px",
+      "border-radius:8px",
+      "border:1px solid #555",
+      "cursor:pointer",
+      "background:transparent",
+      "color:#ccc",
+      "font-size:15px",
+      "font-family:sans-serif"
+    ].join(";");
+    const errorMsg = document.createElement("p");
+    errorMsg.style.cssText = "margin:0;color:#f87171;font-size:13px;font-family:sans-serif;display:none";
+    btnRow.appendChild(btnCapture);
+    btnRow.appendChild(btnCancel);
+    body.appendChild(video);
+    body.appendChild(btnRow);
+    body.appendChild(errorMsg);
+    panel.appendChild(header);
+    panel.appendChild(body);
+    overlay.appendChild(panel);
+    document.body.appendChild(overlay);
+    let stream = null;
+    function cleanup() {
+      stream?.getTracks().forEach((t) => t.stop());
+      if (document.body.contains(overlay)) document.body.removeChild(overlay);
+    }
+    navigator.mediaDevices.getUserMedia({ video: { facingMode }, audio: false }).then((s) => {
+      stream = s;
+      video.srcObject = s;
+    }).catch((err) => {
+      errorMsg.textContent = `\u65E0\u6CD5\u8BBF\u95EE\u6444\u50CF\u5934\uFF1A${err.message ?? err}`;
+      errorMsg.style.display = "block";
+      btnCapture.disabled = true;
+    });
+    btnCapture.addEventListener("click", () => {
+      const canvas = document.createElement("canvas");
+      canvas.width = video.videoWidth || 640;
+      canvas.height = video.videoHeight || 480;
+      const ctx = canvas.getContext("2d");
+      if (!ctx) {
+        cleanup();
+        resolve({ canceled: true });
+        return;
+      }
+      ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+      const dataUrl = canvas.toDataURL("image/jpeg", 0.92);
+      cleanup();
+      resolve({ canceled: false, dataUrl, mimeType: "image/jpeg" });
+    });
+    btnCancel.addEventListener("click", () => {
+      cleanup();
+      resolve({ canceled: true });
+    });
+  });
+}
+async function dataUrlToPickerResult(dataUrl) {
+  return new Promise((resolve) => {
+    const img = new Image();
+    img.onload = () => {
+      resolve({
+        canceled: false,
+        assets: [
+          {
+            uri: dataUrl,
+            width: img.naturalWidth || img.width,
+            height: img.naturalHeight || img.height,
+            type: "image",
+            fileName: `photo_${Date.now()}.jpg`,
+            mimeType: "image/jpeg",
+            base64: null,
+            exif: null,
+            duration: null,
+            rotation: null,
+            assetId: null,
+            pairedVideoAsset: null
+          }
+        ]
+      });
+    };
+    img.onerror = () => {
+      resolve({
+        canceled: false,
+        assets: [
+          {
+            uri: dataUrl,
+            width: 0,
+            height: 0,
+            type: "image",
+            fileName: `photo_${Date.now()}.jpg`,
+            mimeType: "image/jpeg",
+            base64: null,
+            exif: null,
+            duration: null,
+            rotation: null,
+            assetId: null,
+            pairedVideoAsset: null
+          }
+        ]
+      });
+    };
+    img.src = dataUrl;
+  });
+}
+function getFacingMode(options) {
+  const cameraType = options.cameraType;
+  return cameraType === "front" ? "user" : "environment";
+}
+if (import_react_native.Platform.OS === "web") {
+  const ExpoImagePicker = require("expo-image-picker");
+  const patchedLaunchCameraAsync = async (options = {}) => {
+    if (!isDesktopBrowser()) {
+      showMobilePassthroughToast();
+      return ExpoImagePicker.launchCameraAsync(options);
+    }
+    if (typeof navigator?.mediaDevices?.getUserMedia !== "function") {
+      return ExpoImagePicker.launchCameraAsync(options);
+    }
+    const facingMode = getFacingMode(options);
+    const result = await openCameraDialog(facingMode);
+    if (result.canceled || !result.dataUrl) {
+      return { canceled: true, assets: null };
+    }
+    return dataUrlToPickerResult(result.dataUrl);
+  };
+  module.exports = {
+    ...ExpoImagePicker,
+    launchCameraAsync: patchedLaunchCameraAsync
+  };
+} else {
+  module.exports = require("expo-image-picker");
+}
+//# sourceMappingURL=expo-image-picker-stub.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "miaoda-expo-devkit",
-  "version": "0.1.1-beta.49",
+  "version": "0.1.1-beta.50",
   "description": "Expo 应用开发工具集：Sentry DSN 替换 stub、错误/网络捕获、Metro 符号化",
   "license": "MIT",
   "main": "./dist/index.js",
@@ -47,6 +47,7 @@
     "./expo-notifications-stub": "./dist/stubs/expo-notifications-stub.js",
     "./expo-media-library-stub": "./dist/stubs/expo-media-library-stub.js",
     "./expo-calendar-stub": "./dist/stubs/expo-calendar-stub.js",
+    "./expo-image-picker-stub": "./dist/stubs/expo-image-picker-stub.js",
     "./rules/no-undeclared-expo-plugin": "./dist/rules/no-undeclared-expo-plugin.js",
     "./rules/no-unused-expo-plugin": "./dist/rules/no-unused-expo-plugin.js",
     "./rules/no-unstable-expo-router": "./dist/rules/no-unstable-expo-router.js",