miaoda-expo-devkit 0.1.1-beta.12 → 0.1.1-beta.14

package/dist/metro.d.mts

@@ -99,8 +99,7 @@ declare function withEntryInjection(config: MetroConfig, options?: InjectOptions
  * 端点（默认 /__routes）返回 JSON 格式的路由树：
  *   {
  *     "routes": [
- *       { "title": "首页", "pageId": "/", "pageName": "index", "visible": true, "path": "src/app/index.tsx" },
- *       { "title": "id", "pageId": "/user/[id]", "pageName": "user-[id]", "visible": false, "path": "src/app/user/[id].tsx" }
+ *       { "title": "首页", "pageId": "/", "pageName": "index", "path": "src/app/index.tsx" }
  *     ]
  *   }
  *
@@ -231,7 +230,9 @@ declare function withWorkspaceNodeModules(config: MetroConfig): MetroConfig;
  *   - expo-camera：CameraView 组件（className → style）
  *   - expo-linear-gradient：LinearGradient 组件（className → style）
  *   - expo-blur：BlurView / BlurTargetView 组件（className → style）
- *   - react-native-reanimated：Animated.View / ScrollView / Text / Image / FlatList（className → style）
+ *
+ * 注意：react-native-reanimated 不拦截。cssInterop 全局注册 Animated.* 会导致所有动画 style 注入失败。
+ * 需要同时使用 Tailwind className 和动画的场景，请在组件层面单独用 createAnimatedComponent + cssInterop 封装。
  *
  * 注意：expo-video 的 VideoView 在 web 上直接渲染 DOM <video> 元素，不经过 RN 样式系统，
  * cssInterop/remapProps 均无效，不做拦截。需要 className 时请用 View 包裹 VideoView。

package/dist/metro.d.ts

@@ -99,8 +99,7 @@ declare function withEntryInjection(config: MetroConfig, options?: InjectOptions
  * 端点（默认 /__routes）返回 JSON 格式的路由树：
  *   {
  *     "routes": [
- *       { "title": "首页", "pageId": "/", "pageName": "index", "visible": true, "path": "src/app/index.tsx" },
- *       { "title": "id", "pageId": "/user/[id]", "pageName": "user-[id]", "visible": false, "path": "src/app/user/[id].tsx" }
+ *       { "title": "首页", "pageId": "/", "pageName": "index", "path": "src/app/index.tsx" }
  *     ]
  *   }
  *
@@ -231,7 +230,9 @@ declare function withWorkspaceNodeModules(config: MetroConfig): MetroConfig;
  *   - expo-camera：CameraView 组件（className → style）
  *   - expo-linear-gradient：LinearGradient 组件（className → style）
  *   - expo-blur：BlurView / BlurTargetView 组件（className → style）
- *   - react-native-reanimated：Animated.View / ScrollView / Text / Image / FlatList（className → style）
+ *
+ * 注意：react-native-reanimated 不拦截。cssInterop 全局注册 Animated.* 会导致所有动画 style 注入失败。
+ * 需要同时使用 Tailwind className 和动画的场景，请在组件层面单独用 createAnimatedComponent + cssInterop 封装。
  *
  * 注意：expo-video 的 VideoView 在 web 上直接渲染 DOM <video> 元素，不经过 RN 样式系统，
  * cssInterop/remapProps 均无效，不做拦截。需要 className 时请用 View 包裹 VideoView。

package/dist/metro.js

@@ -156,15 +156,13 @@ function getRoutes(appDir, rootDir) {
         scan(fullPath, nextPrefix);
       } else if (ROUTE_EXT.test(entry.name)) {
         const baseName = entry.name.replace(ROUTE_EXT, "");
-        if (baseName === "_layout") continue;
+        if (baseName === "_layout" || /\[.*\]/.test(baseName)) continue;
         const segment = baseName === "index" ? "" : `/${baseName}`;
         const routePath = `${prefix}${segment}` || "/";
-        const isDynamic = /\[.*\]/.test(baseName);
         routes.push({
-          title: routePath,
+          title: routePath.replace(/^\//, "") || "/",
           pageId: routePath,
           pageName: routePath,
-          visible: !isDynamic,
           path: import_path4.default.relative(rootDir, fullPath)
         });
       }
@@ -253,8 +251,6 @@ var EXPO_CAMERA_STUB_FILENAME = "expo-camera-stub.js";
 var EXPO_CAMERA_STUB_PATH = import_path6.default.resolve(__dirname, "stubs", EXPO_CAMERA_STUB_FILENAME);
 var EXPO_LINEAR_GRADIENT_STUB_FILENAME = "expo-linear-gradient-stub.js";
 var EXPO_LINEAR_GRADIENT_STUB_PATH = import_path6.default.resolve(__dirname, "stubs", EXPO_LINEAR_GRADIENT_STUB_FILENAME);
-var REANIMATED_STUB_FILENAME = "react-native-reanimated-stub.js";
-var REANIMATED_STUB_PATH = import_path6.default.resolve(__dirname, "stubs", REANIMATED_STUB_FILENAME);
 var EXPO_BLUR_STUB_FILENAME = "expo-blur-stub.js";
 var EXPO_BLUR_STUB_PATH = import_path6.default.resolve(__dirname, "stubs", EXPO_BLUR_STUB_FILENAME);
 function withCssInterop(config) {
@@ -269,9 +265,6 @@ function withCssInterop(config) {
     if (moduleName === "expo-linear-gradient" && !context.originModulePath.includes(EXPO_LINEAR_GRADIENT_STUB_FILENAME)) {
       return { filePath: EXPO_LINEAR_GRADIENT_STUB_PATH, type: "sourceFile" };
     }
-    if (moduleName === "react-native-reanimated" && !context.originModulePath.includes(REANIMATED_STUB_FILENAME)) {
-      return { filePath: REANIMATED_STUB_PATH, type: "sourceFile" };
-    }
     if (moduleName === "expo-blur" && !context.originModulePath.includes(EXPO_BLUR_STUB_FILENAME)) {
       return { filePath: EXPO_BLUR_STUB_PATH, type: "sourceFile" };
     }

package/dist/metro.mjs

@@ -119,15 +119,13 @@ function getRoutes(appDir, rootDir) {
         scan(fullPath, nextPrefix);
       } else if (ROUTE_EXT.test(entry.name)) {
         const baseName = entry.name.replace(ROUTE_EXT, "");
-        if (baseName === "_layout") continue;
+        if (baseName === "_layout" || /\[.*\]/.test(baseName)) continue;
         const segment = baseName === "index" ? "" : `/${baseName}`;
         const routePath = `${prefix}${segment}` || "/";
-        const isDynamic = /\[.*\]/.test(baseName);
         routes.push({
-          title: routePath,
+          title: routePath.replace(/^\//, "") || "/",
           pageId: routePath,
           pageName: routePath,
-          visible: !isDynamic,
           path: path4.relative(rootDir, fullPath)
         });
       }
@@ -216,8 +214,6 @@ var EXPO_CAMERA_STUB_FILENAME = "expo-camera-stub.js";
 var EXPO_CAMERA_STUB_PATH = path6.resolve(__dirname, "stubs", EXPO_CAMERA_STUB_FILENAME);
 var EXPO_LINEAR_GRADIENT_STUB_FILENAME = "expo-linear-gradient-stub.js";
 var EXPO_LINEAR_GRADIENT_STUB_PATH = path6.resolve(__dirname, "stubs", EXPO_LINEAR_GRADIENT_STUB_FILENAME);
-var REANIMATED_STUB_FILENAME = "react-native-reanimated-stub.js";
-var REANIMATED_STUB_PATH = path6.resolve(__dirname, "stubs", REANIMATED_STUB_FILENAME);
 var EXPO_BLUR_STUB_FILENAME = "expo-blur-stub.js";
 var EXPO_BLUR_STUB_PATH = path6.resolve(__dirname, "stubs", EXPO_BLUR_STUB_FILENAME);
 function withCssInterop(config) {
@@ -232,9 +228,6 @@ function withCssInterop(config) {
     if (moduleName === "expo-linear-gradient" && !context.originModulePath.includes(EXPO_LINEAR_GRADIENT_STUB_FILENAME)) {
       return { filePath: EXPO_LINEAR_GRADIENT_STUB_PATH, type: "sourceFile" };
     }
-    if (moduleName === "react-native-reanimated" && !context.originModulePath.includes(REANIMATED_STUB_FILENAME)) {
-      return { filePath: REANIMATED_STUB_PATH, type: "sourceFile" };
-    }
     if (moduleName === "expo-blur" && !context.originModulePath.includes(EXPO_BLUR_STUB_FILENAME)) {
       return { filePath: EXPO_BLUR_STUB_PATH, type: "sourceFile" };
     }

package/dist/rules/no-undeclared-expo-plugin.js

@@ -81,6 +81,7 @@ var KNOWN_CONFIG_PLUGIN_PACKAGES = /* @__PURE__ */ new Set([
   "expo-widgets"
 ]);
 var pluginsCache = /* @__PURE__ */ new Map();
+var reportedPackages = /* @__PURE__ */ new Set();
 function findProjectRoot(startPath) {
   let dir = import_node_path.default.dirname(startPath);
   while (dir !== import_node_path.default.dirname(dir)) {
@@ -132,6 +133,9 @@ var requireExpoPluginRule = {
       if (!pkg) return;
       if (!KNOWN_CONFIG_PLUGIN_PACKAGES.has(pkg)) return;
       if (declaredPlugins.includes(pkg)) return;
+      const reportKey = `${projectRoot}::${pkg}`;
+      if (reportedPackages.has(reportKey)) return;
+      reportedPackages.add(reportKey);
       context.report({
         node,
         messageId: "missingPlugin",

package/dist/rules/no-unused-expo-plugin.js

@@ -0,0 +1,162 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/rules/no-unused-expo-plugin.ts
+var no_unused_expo_plugin_exports = {};
+__export(no_unused_expo_plugin_exports, {
+  default: () => no_unused_expo_plugin_default
+});
+module.exports = __toCommonJS(no_unused_expo_plugin_exports);
+var import_node_fs = __toESM(require("fs"));
+var import_node_path = __toESM(require("path"));
+var KNOWN_CONFIG_PLUGIN_PACKAGES = /* @__PURE__ */ new Set([
+  "expo-apple-authentication",
+  "expo-asset",
+  "expo-audio",
+  "expo-background-fetch",
+  "expo-background-task",
+  "expo-brightness",
+  "expo-brownfield",
+  "expo-build-properties",
+  "expo-calendar",
+  "expo-camera",
+  "expo-cellular",
+  "expo-contacts",
+  "expo-dev-client",
+  "expo-dev-launcher",
+  "expo-dev-menu",
+  "expo-document-picker",
+  "expo-file-system",
+  "expo-font",
+  "expo-image",
+  "expo-image-picker",
+  "expo-local-authentication",
+  "expo-localization",
+  "expo-location",
+  "expo-mail-composer",
+  "expo-maps",
+  "expo-media-library",
+  "expo-modules-test-core",
+  "expo-navigation-bar",
+  "expo-notifications",
+  "expo-router",
+  "expo-screen-orientation",
+  "expo-secure-store",
+  "expo-sensors",
+  "expo-sharing",
+  "expo-splash-screen",
+  "expo-sqlite",
+  "expo-system-ui",
+  "expo-task-manager",
+  "expo-tracking-transparency",
+  "expo-updates",
+  "expo-video",
+  "expo-web-browser",
+  "expo-widgets"
+]);
+var pluginsCache = /* @__PURE__ */ new Map();
+var depsCache = /* @__PURE__ */ new Map();
+function findProjectRoot(startPath) {
+  let dir = import_node_path.default.dirname(startPath);
+  while (dir !== import_node_path.default.dirname(dir)) {
+    if (import_node_fs.default.existsSync(import_node_path.default.join(dir, "package.json"))) {
+      return dir;
+    }
+    dir = import_node_path.default.dirname(dir);
+  }
+  return dir;
+}
+function getPluginsFromAppJson(projectRoot) {
+  if (pluginsCache.has(projectRoot)) return pluginsCache.get(projectRoot);
+  const appJsonPath = import_node_path.default.join(projectRoot, "app.json");
+  try {
+    const raw = JSON.parse(import_node_fs.default.readFileSync(appJsonPath, "utf-8"));
+    const entries = raw?.expo?.plugins ?? [];
+    const names = entries.map((entry) => Array.isArray(entry) ? entry[0] : entry);
+    pluginsCache.set(projectRoot, names);
+    return names;
+  } catch {
+    pluginsCache.set(projectRoot, []);
+    return [];
+  }
+}
+function getInstalledDeps(projectRoot) {
+  if (depsCache.has(projectRoot)) return depsCache.get(projectRoot);
+  const pkgPath = import_node_path.default.join(projectRoot, "package.json");
+  try {
+    const raw = JSON.parse(import_node_fs.default.readFileSync(pkgPath, "utf-8"));
+    const deps = /* @__PURE__ */ new Set([
+      ...Object.keys(raw["dependencies"] ?? {}),
+      ...Object.keys(raw["devDependencies"] ?? {}),
+      ...Object.keys(raw["peerDependencies"] ?? {}),
+      ...Object.keys(raw["optionalDependencies"] ?? {})
+    ]);
+    depsCache.set(projectRoot, deps);
+    return deps;
+  } catch {
+    depsCache.set(projectRoot, /* @__PURE__ */ new Set());
+    return /* @__PURE__ */ new Set();
+  }
+}
+var noUnusedExpoPluginRule = {
+  meta: {
+    type: "problem",
+    docs: {
+      description: "Ensure Expo Config Plugins declared in app.json's plugins array are installed in package.json."
+    },
+    schema: [],
+    messages: {
+      notInstalled: "'{{packageName}}' is declared in app.json \u2192 expo.plugins but is not installed in package.json."
+    }
+  },
+  create(context) {
+    const projectRoot = findProjectRoot(context.filename);
+    const declaredPlugins = getPluginsFromAppJson(projectRoot);
+    const installedDeps = getInstalledDeps(projectRoot);
+    return {
+      Program(node) {
+        for (const pkg of declaredPlugins) {
+          if (!KNOWN_CONFIG_PLUGIN_PACKAGES.has(pkg)) continue;
+          if (installedDeps.has(pkg)) continue;
+          context.report({
+            node,
+            messageId: "notInstalled",
+            data: { packageName: pkg }
+          });
+        }
+      }
+    };
+  }
+};
+var plugin = {
+  meta: { name: "expo-unused-config-plugin" },
+  rules: { "no-unused-expo-plugin": noUnusedExpoPluginRule }
+};
+var no_unused_expo_plugin_default = plugin;
+module.exports = module.exports.default;

package/dist/stubs/lgui-control.js

@@ -198,6 +198,20 @@ class EditorController {
       THROTTLE_INTERVAL,
       THROTTLE_OPTIONS
     );
+    /**
+     * 监听message消息，接收自父窗口发送的信息
+     */
+    this.onMessage = (e) => {
+      if (!isEditorMessage(e.data)) return;
+      switch (e.data.type) {
+        case "editor-clear-selection":
+          this.clearSelection();
+          break;
+        case "editor-delete":
+          this.deleteActiveNode();
+          break;
+      }
+    };
   }
   /**
    * 初始化编辑器
@@ -209,6 +223,7 @@ class EditorController {
     const { signal } = this.abortController;
     const opts = { capture: true, signal };
     this.removeSelectorStyle = (0, import_css_control.injectSelectorModeStyle)();
+    window.addEventListener("message", this.onMessage, { signal });
     document.addEventListener("mouseover", this.onMouseOver, opts);
     document.addEventListener("mouseleave", this.onMouseLeave, opts);
     document.addEventListener("click", this.onClick, opts);
@@ -312,6 +327,32 @@ class EditorController {
     }
     this.siblingNodes = [];
   }
+  /**
+   * 清除选中状态
+   * 移除 active 节点的选中样式、兄弟节点高亮、hover 状态，并停止属性观察
+   */
+  clearSelection() {
+    if (this.activeNode) {
+      this.stopObservingActiveNode();
+      removeActiveAttr(this.activeNode);
+      this.activeNode = null;
+    }
+    this.clearSiblingHighlights();
+    this.onMouseLeave();
+  }
+  /**
+   * 删除当前选中的元素
+   * 断开观察器，移除 DOM 节点，并通知父窗口清除状态
+   */
+  deleteActiveNode() {
+    if (!this.activeNode) return;
+    this.stopObservingActiveNode();
+    this.clearSiblingHighlights();
+    removeActiveAttr(this.activeNode);
+    this.activeNode.remove();
+    this.activeNode = null;
+    postToParent("iframe-node-clear");
+  }
 }
 let controller = null;
 function onGlobalMessage(e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "miaoda-expo-devkit",
-  "version": "0.1.1-beta.12",
+  "version": "0.1.1-beta.14",
   "description": "Expo 应用开发工具集：Sentry DSN 替换 stub、错误/网络捕获、Metro 符号化",
   "license": "MIT",
   "main": "./dist/index.js",
@@ -41,6 +41,7 @@
     "./sentry-react-native-stub": "./dist/stubs/sentry-react-native-stub.js",
     "./no-op-logbox": "./dist/stubs/no-op-logbox.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",
     "./rules/no-rn-alert": "./dist/rules/no-rn-alert.js",
     "./rules/no-duplicate-expo-router-url": "./dist/rules/no-duplicate-expo-router-url.js",
@@ -59,7 +60,6 @@
     "build": "tsup",
     "typecheck": "tsc --noEmit && tsc -p tsconfig.check.json --noEmit",
     "test": "vitest run",
-    "test:rules": "node --test --test-reporter=./src/rules/test-reporter.mjs src/rules/__tests__/*.test.ts",
     "prepublishOnly": "pnpm run test && pnpm run build",
     "release": "npm publish",
     "release:beta": "npm version prerelease --preid=beta && npm publish --tag beta",
@@ -77,7 +77,12 @@
   "peerDependencies": {
     "@sentry/core": "^10.38.0",
     "@sentry/react-native": ">=8.0.0",
-    "react-native": ">=0.72.0"
+    "metro": ">=0.80.0",
+    "metro-config": ">=0.80.0",
+    "metro-resolver": ">=0.80.0",
+    "nativewind": ">=4.0.0",
+    "react-native": ">=0.79.0",
+    "react-native-css-interop": ">=0.2.0"
   },
   "peerDependenciesMeta": {
     "@sentry/core": {
@@ -85,6 +90,21 @@
     },
     "@sentry/react-native": {
       "optional": true
+    },
+    "metro": {
+      "optional": true
+    },
+    "metro-config": {
+      "optional": true
+    },
+    "metro-resolver": {
+      "optional": true
+    },
+    "nativewind": {
+      "optional": true
+    },
+    "react-native-css-interop": {
+      "optional": true
     }
   },
   "publishConfig": {
@@ -101,8 +121,8 @@
     "metro": "^0.83.0",
     "metro-config": "^0.83.0",
     "metro-resolver": "^0.83.0",
-    "oxlint": "^1.60.0",
+    "oxlint": "catalog:",
     "tsup": "^8.5.1",
-    "vitest": "^3.0.0"
+    "vitest": "^4.1.5"
   }
 }

package/dist/stubs/react-native-reanimated-stub.js

@@ -1,32 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var Reanimated = __toESM(require("react-native-reanimated"));
-var import_nativewind = require("nativewind");
-(0, import_nativewind.cssInterop)(Reanimated.default.View, { className: "style" });
-(0, import_nativewind.cssInterop)(Reanimated.default.ScrollView, { className: "style" });
-(0, import_nativewind.cssInterop)(Reanimated.default.Text, { className: "style" });
-(0, import_nativewind.cssInterop)(Reanimated.default.Image, { className: "style" });
-(0, import_nativewind.cssInterop)(Reanimated.default.FlatList, { className: "style" });
-module.exports = Reanimated;
-//# sourceMappingURL=react-native-reanimated-stub.js.map