miaoda-expo-devkit 0.1.1-beta.23 → 0.1.1-beta.25

package/README.md

@@ -264,6 +264,7 @@ sentry-react-native-stub.js
 | `.` | `dist/index.js` | `SentryCapture`、`MetroSymbolicator`、全部类型 |
 | `./metro` | `dist/metro.js` | `withDevStubs`、`withEntryInjection` |
 | `./babel-plugin-jsx-source` | `dist/babel/plugin-jsx-source.js` | Babel 插件：为 JSX 注入 source 信息 |
+| `./babel-preset` | `dist/babel/preset.js` | Babel Preset：集成 jsx-source 和 lucide 插件 |
 | `./sentry-react-native-stub` | `dist/stubs/sentry-react-native-stub.js` | `@sentry/react-native` 模块替换 stub |
 | `./no-op-logbox` | `dist/stubs/no-op-logbox.js` | LogBox no-op stub |
 
@@ -434,3 +435,81 @@ module.exports = {
 |---|---|---|---|
 | `rootDir` | `string` | - | 项目根目录，用于计算相对路径。不提供则使用绝对路径 |
 | `excludePaths` | `string[]` | `[]` | 跳过注入的路径模式列表（相对于 rootDir 的路径片段） |
+
+---
+
+## Babel 插件：lucide-react-native
+
+Metro 没有 tree-shaking，直接写 `import { Star } from "lucide-react-native"` 会把整个图标库（约 1500 个图标）打进 bundle。`babel-plugin-lucide-react-native` 在编译阶段将具名导入改写为直接按文件导入，彻底规避这个问题。
+
+**转换效果：**
+
+```ts
+// 转换前
+import { Star, BookOpen } from "lucide-react-native";
+
+// 转换后（CJS，默认）
+import _Star     from "lucide-react-native/dist/cjs/icons/star";
+import _BookOpen from "lucide-react-native/dist/cjs/icons/book-open";
+```
+
+### 配置
+
+推荐通过内置 Preset 一次性启用所有 Babel 插件：
+
+```js
+// babel.config.js
+module.exports = {
+  presets: [['miaoda-expo-devkit/babel-preset', { excludePaths: ['src/components/ui'] }]],
+};
+```
+
+也可以单独使用：
+
+```js
+module.exports = {
+  plugins: [['miaoda-expo-devkit/babel-plugin-lucide-react-native']],
+};
+```
+
+### 选项
+
+| 选项 | 类型 | 默认值 | 说明 |
+|---|---|---|---|
+| `useES` | `boolean` | `false` | 使用 ESM 格式（`dist/esm/icons/`）而非默认的 CJS |
+
+### 支持的写法
+
+插件可识别所有常见的图标引用写法：
+
+```ts
+import { BookOpen, Star, Crown } from "lucide-react-native";
+
+// JSX 直接使用
+<BookOpen size={24} />
+
+// 赋值给变量
+const icon = BookOpen;
+
+// 对象 value
+const ITEMS = [{ icon: BookOpen }, { icon: Star }];
+
+// 计算属性 key
+const map = { [BookOpen]: 'read' };
+
+// 数组、三元、函数参数
+const list = [BookOpen, Star];
+const active = flag ? BookOpen : Star;
+renderIcon(Crown);
+
+// 导入别名
+import { BookOpen as ReadIcon } from "lucide-react-native";
+<ReadIcon />
+
+// re-export
+export { Star, BookOpen as ReadIcon } from "lucide-react-native";
+```
+
+### 版本兼容性
+
+插件在运行时探测 `lucide-react-native` 的实际目录结构，自动适配新旧版本的路径差异（`>= 1.9` 新增 `icons/` 子目录；旧版 `1.8.x` 图标直接位于 `dist/cjs/`），lucide 升级时无需修改配置。

package/dist/babel/plugin-lucide-react-native.js

@@ -14679,8 +14679,10 @@ function resolveModule(useES, name) {
     `lucide icon ${name} was not a known icon. Please check the icon name is correct.`
   );
 }
-function isSpecialTypes(t, node) {
-  return t.isMemberExpression(node) || t.isProperty(node);
+function isSpecialTypes(t, node, currentNode) {
+  if (t.isMemberExpression(node)) return true;
+  if (t.isProperty(node) && !node.computed && node.key === currentNode) return true;
+  return false;
 }
 function lucideReactNativePlugin({ types: t }) {
   let selectedIcons = /* @__PURE__ */ Object.create(null);
@@ -14701,7 +14703,7 @@ function lucideReactNativePlugin({ types: t }) {
   function replaceIconRef(nodePath, useES, makeNode) {
     const localName = nodePath.node.name;
     const iconImportedName = specifiedLocal4Imported[localName];
-    if (!iconImportedName || !matchesLucideIcon(nodePath, localName) || isSpecialTypes(t, nodePath.parent)) return;
+    if (!iconImportedName || !matchesLucideIcon(nodePath, localName) || isSpecialTypes(t, nodePath.parent, nodePath.node)) return;
     const newNode = importMethod(useES, iconImportedName, nodePath, localName);
     nodePath.replaceWith(makeNode(newNode.name, nodePath.node));
   }

package/dist/metro.js

@@ -284,6 +284,7 @@ function withCssInterop(config) {
 }
 
 // src/metro/withDevkit.ts
+var import_fs3 = __toESM(require("fs"));
 var import_path7 = __toESM(require("path"));
 
 // src/metro/withEsbuildMinify.ts
@@ -300,11 +301,34 @@ function withEsbuildMinify(config) {
 }
 
 // src/metro/withDevkit.ts
+var LUCIDE_PKG = "lucide-react-native";
+var LUCIDE_DIST_PREFIX = `${LUCIDE_PKG}/dist/`;
+var lucidePkgRoot = null;
+function getLucidePkgRoot() {
+  if (lucidePkgRoot) return lucidePkgRoot;
+  let dir = import_path7.default.dirname(require.resolve(LUCIDE_PKG));
+  while (true) {
+    const pkgJson = import_path7.default.join(dir, "package.json");
+    if (import_fs3.default.existsSync(pkgJson)) {
+      const { name } = require(pkgJson);
+      if (name === LUCIDE_PKG) {
+        lucidePkgRoot = dir;
+        return dir;
+      }
+    }
+    const parent = import_path7.default.dirname(dir);
+    if (parent === dir) throw new Error(`[withLucideResolver] Cannot locate package root for "${LUCIDE_PKG}"`);
+    dir = parent;
+  }
+}
 function withLucideResolver(config) {
   const upstream = config.resolver?.resolveRequest ?? null;
   const resolveRequest = (context, moduleName, platform) => {
-    if (moduleName.startsWith("lucide-react-native/dist/")) {
-      return { filePath: require.resolve(moduleName), type: "sourceFile" };
+    if (moduleName.startsWith(LUCIDE_DIST_PREFIX)) {
+      const subpath = moduleName.slice(LUCIDE_PKG.length + 1);
+      const ext = subpath.startsWith("dist/esm/") ? ".mjs" : ".js";
+      const filePath = import_path7.default.join(getLucidePkgRoot(), subpath + ext);
+      return { filePath, type: "sourceFile" };
     }
     if (upstream) return upstream(context, moduleName, platform);
     return context.resolveRequest(context, moduleName, platform);

package/dist/metro.mjs

@@ -246,6 +246,7 @@ function withCssInterop(config) {
 }
 
 // src/metro/withDevkit.ts
+import fs3 from "fs";
 import path7 from "path";
 
 // src/metro/withEsbuildMinify.ts
@@ -262,11 +263,34 @@ function withEsbuildMinify(config) {
 }
 
 // src/metro/withDevkit.ts
+var LUCIDE_PKG = "lucide-react-native";
+var LUCIDE_DIST_PREFIX = `${LUCIDE_PKG}/dist/`;
+var lucidePkgRoot = null;
+function getLucidePkgRoot() {
+  if (lucidePkgRoot) return lucidePkgRoot;
+  let dir = path7.dirname(__require.resolve(LUCIDE_PKG));
+  while (true) {
+    const pkgJson = path7.join(dir, "package.json");
+    if (fs3.existsSync(pkgJson)) {
+      const { name } = __require(pkgJson);
+      if (name === LUCIDE_PKG) {
+        lucidePkgRoot = dir;
+        return dir;
+      }
+    }
+    const parent = path7.dirname(dir);
+    if (parent === dir) throw new Error(`[withLucideResolver] Cannot locate package root for "${LUCIDE_PKG}"`);
+    dir = parent;
+  }
+}
 function withLucideResolver(config) {
   const upstream = config.resolver?.resolveRequest ?? null;
   const resolveRequest = (context, moduleName, platform) => {
-    if (moduleName.startsWith("lucide-react-native/dist/")) {
-      return { filePath: __require.resolve(moduleName), type: "sourceFile" };
+    if (moduleName.startsWith(LUCIDE_DIST_PREFIX)) {
+      const subpath = moduleName.slice(LUCIDE_PKG.length + 1);
+      const ext = subpath.startsWith("dist/esm/") ? ".mjs" : ".js";
+      const filePath = path7.join(getLucidePkgRoot(), subpath + ext);
+      return { filePath, type: "sourceFile" };
     }
     if (upstream) return upstream(context, moduleName, platform);
     return context.resolveRequest(context, moduleName, platform);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "miaoda-expo-devkit",
-  "version": "0.1.1-beta.23",
+  "version": "0.1.1-beta.25",
   "description": "Expo 应用开发工具集：Sentry DSN 替换 stub、错误/网络捕获、Metro 符号化",
   "license": "MIT",
   "main": "./dist/index.js",