miaoda-expo-devkit 0.1.1-beta.7 → 0.1.1-beta.9

package/dist/babel/plugin-jsx-source.d.ts

@@ -14,8 +14,10 @@ import { types, PluginObj } from '@babel/core';
  *
  * 对于纯文本节点：
  *   <div>hello world</div>
+ *   <div>{"hello world"}</div>
  * 转换后：
  *   <div dataSet={{"mdId": "path/to/file.tsx:10:4", "componentContent": "{\"text\":\"hello world\"}"}}>hello world</div>
+ *   <div dataSet={{"mdId": "path/to/file.tsx:11:4", "componentContent": "{\"text\":\"hello world\"}"}}>{"hello world"}</div>
  *
  * 用法（babel.config.js）：
  *

package/dist/babel/plugin-jsx-source.js

@@ -69,9 +69,18 @@ function getTextNodeContent(t, path) {
   const children = parent.children;
   if (children.length !== 1) return null;
   const child = children[0];
-  if (!t.isJSXText(child)) return null;
-  const text = child.value.trim();
-  return text || null;
+  if (t.isJSXText(child)) {
+    const text = child.value.trim();
+    return text || null;
+  }
+  if (t.isJSXExpressionContainer(child) && t.isStringLiteral(child.expression)) {
+    const text = child.expression.value.trim();
+    return text || null;
+  }
+  if (t.isJSXExpressionContainer(child) && t.isNumericLiteral(child.expression)) {
+    return String(child.expression.value);
+  }
+  return null;
 }
 function shouldSkipElement(t, name) {
   if (t.isJSXIdentifier(name)) {

package/dist/metro.d.mts

@@ -192,11 +192,19 @@ declare function withDevStubs(config: MetroConfig): MetroConfig;
  * 适用场景：node_modules 位于 projectRoot 的祖先目录（如 /workspace/node_modules），
  * 而 projectRoot 自身的 node_modules 为空目录或不存在。
  *
- * 问题：Metro 只监听 projectRoot，不会自动爬取祖先目录的 node_modules，
- *   导致 Metro 无法在 file map 中找到依赖的真实路径，bundle 请求返回 404。
- *
- * 修复：将祖先目录中的 node_modules 加入 watchFolders 和 resolver.nodeModulesPaths，
- *   使 Metro 能正确索引并解析其中的模块。
+ * 问题：
+ *   1. Metro 只监听 projectRoot，祖先目录的 node_modules 不在 watchFolders 内，
+ *      导致模块无法被 file map 索引。
+ *   2. pnpm 的 .pnpm 目录可能是指向外部路径的 symlink
+ *      （如 /workspace/node_modules/.pnpm → /data/expo/node_modules/.pnpm）。
+ *      Metro 跟随 symlink 后，将文件以真实路径（/data/expo/...）存入 file map，
+ *      HTML 入口的 bundle URL 也随之变为 /data/expo/...bundle。
+ *      若 /data/expo/node_modules/ 不在 watchFolders，Metro HTTP server 会返回 404。
+ *
+ * 修复：
+ *   1. 将祖先目录的 node_modules 加入 watchFolders 和 resolver.nodeModulesPaths。
+ *   2. 若该 node_modules 下的 .pnpm 是指向外部路径的 symlink，
+ *      同样将外部真实路径加入 watchFolders 和 resolver.nodeModulesPaths。
  *
  * 用法（metro.config.js）：
  *   const { withWorkspaceNodeModules } = require('miaoda-expo-devkit/metro');

package/dist/metro.d.ts

@@ -192,11 +192,19 @@ declare function withDevStubs(config: MetroConfig): MetroConfig;
  * 适用场景：node_modules 位于 projectRoot 的祖先目录（如 /workspace/node_modules），
  * 而 projectRoot 自身的 node_modules 为空目录或不存在。
  *
- * 问题：Metro 只监听 projectRoot，不会自动爬取祖先目录的 node_modules，
- *   导致 Metro 无法在 file map 中找到依赖的真实路径，bundle 请求返回 404。
- *
- * 修复：将祖先目录中的 node_modules 加入 watchFolders 和 resolver.nodeModulesPaths，
- *   使 Metro 能正确索引并解析其中的模块。
+ * 问题：
+ *   1. Metro 只监听 projectRoot，祖先目录的 node_modules 不在 watchFolders 内，
+ *      导致模块无法被 file map 索引。
+ *   2. pnpm 的 .pnpm 目录可能是指向外部路径的 symlink
+ *      （如 /workspace/node_modules/.pnpm → /data/expo/node_modules/.pnpm）。
+ *      Metro 跟随 symlink 后，将文件以真实路径（/data/expo/...）存入 file map，
+ *      HTML 入口的 bundle URL 也随之变为 /data/expo/...bundle。
+ *      若 /data/expo/node_modules/ 不在 watchFolders，Metro HTTP server 会返回 404。
+ *
+ * 修复：
+ *   1. 将祖先目录的 node_modules 加入 watchFolders 和 resolver.nodeModulesPaths。
+ *   2. 若该 node_modules 下的 .pnpm 是指向外部路径的 symlink，
+ *      同样将外部真实路径加入 watchFolders 和 resolver.nodeModulesPaths。
  *
  * 用法（metro.config.js）：
  *   const { withWorkspaceNodeModules } = require('miaoda-expo-devkit/metro');

package/dist/metro.js

@@ -213,16 +213,33 @@ function findAncestorNodeModulesDir(projectRoot) {
   }
   return null;
 }
+function resolveExternalPnpmStore(nodeModulesDir) {
+  const pnpmDir = import_path5.default.join(nodeModulesDir, ".pnpm");
+  try {
+    const realPnpmDir = import_fs2.default.realpathSync(pnpmDir);
+    const realNmDir = import_path5.default.dirname(realPnpmDir);
+    if (realNmDir !== nodeModulesDir) {
+      return realNmDir;
+    }
+  } catch {
+  }
+  return null;
+}
 function withWorkspaceNodeModules(config) {
   const projectRoot = config.projectRoot ?? process.cwd();
   const found = findAncestorNodeModulesDir(projectRoot);
   if (!found) return config;
+  const foldersToAdd = [found];
+  const externalStore = resolveExternalPnpmStore(found);
+  if (externalStore) {
+    foldersToAdd.push(externalStore);
+  }
   return {
     ...config,
-    watchFolders: [...config.watchFolders ?? [], found],
+    watchFolders: [...config.watchFolders ?? [], ...foldersToAdd],
     resolver: {
       ...config.resolver,
-      nodeModulesPaths: [...config.resolver?.nodeModulesPaths ?? [], found]
+      nodeModulesPaths: [...config.resolver?.nodeModulesPaths ?? [], ...foldersToAdd]
     }
   };
 }

package/dist/metro.mjs

@@ -177,16 +177,33 @@ function findAncestorNodeModulesDir(projectRoot) {
   }
   return null;
 }
+function resolveExternalPnpmStore(nodeModulesDir) {
+  const pnpmDir = path5.join(nodeModulesDir, ".pnpm");
+  try {
+    const realPnpmDir = fs2.realpathSync(pnpmDir);
+    const realNmDir = path5.dirname(realPnpmDir);
+    if (realNmDir !== nodeModulesDir) {
+      return realNmDir;
+    }
+  } catch {
+  }
+  return null;
+}
 function withWorkspaceNodeModules(config) {
   const projectRoot = config.projectRoot ?? process.cwd();
   const found = findAncestorNodeModulesDir(projectRoot);
   if (!found) return config;
+  const foldersToAdd = [found];
+  const externalStore = resolveExternalPnpmStore(found);
+  if (externalStore) {
+    foldersToAdd.push(externalStore);
+  }
   return {
     ...config,
-    watchFolders: [...config.watchFolders ?? [], found],
+    watchFolders: [...config.watchFolders ?? [], ...foldersToAdd],
     resolver: {
       ...config.resolver,
-      nodeModulesPaths: [...config.resolver?.nodeModulesPaths ?? [], found]
+      nodeModulesPaths: [...config.resolver?.nodeModulesPaths ?? [], ...foldersToAdd]
     }
   };
 }

package/dist/rules/no-missing-css-import.js

@@ -0,0 +1,98 @@
+"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-missing-css-import.ts
+var no_missing_css_import_exports = {};
+__export(no_missing_css_import_exports, {
+  default: () => no_missing_css_import_default
+});
+module.exports = __toCommonJS(no_missing_css_import_exports);
+var import_node_fs = __toESM(require("fs"));
+var import_node_path = __toESM(require("path"));
+var import_oxc_resolver = require("oxc-resolver");
+var CSS_EXTENSION = /\.css$/i;
+var resolverCache = /* @__PURE__ */ new Map();
+function getResolver(projectRoot) {
+  let resolver = resolverCache.get(projectRoot);
+  if (!resolver) {
+    resolver = new import_oxc_resolver.ResolverFactory({
+      extensions: [".css"],
+      conditionNames: ["import", "require", "node", "default"]
+    });
+    resolverCache.set(projectRoot, resolver);
+  }
+  return resolver;
+}
+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;
+}
+var noMissingCssImportRule = {
+  meta: {
+    type: "problem",
+    docs: {
+      description: "Disallow CSS imports that reference non-existent files."
+    },
+    schema: [],
+    messages: {
+      cssNotFound: "CSS file '{{source}}' does not exist."
+    }
+  },
+  create(context) {
+    const projectRoot = findProjectRoot(context.filename);
+    const resolver = getResolver(projectRoot);
+    const currentDir = import_node_path.default.dirname(context.filename);
+    function check(node, source) {
+      if (!CSS_EXTENSION.test(source)) return;
+      try {
+        const result = resolver.sync(currentDir, source);
+        if (!result.path || !import_node_fs.default.existsSync(result.path)) {
+          context.report({ node, messageId: "cssNotFound", data: { source } });
+        }
+      } catch {
+        context.report({ node, messageId: "cssNotFound", data: { source } });
+      }
+    }
+    return {
+      ImportDeclaration(node) {
+        check(node, node.source.value);
+      }
+    };
+  }
+};
+var plugin = {
+  meta: { name: "css-import" },
+  rules: { "no-missing-css-import": noMissingCssImportRule }
+};
+var no_missing_css_import_default = plugin;
+module.exports = module.exports.default;

package/oxlint-config.json

@@ -5,7 +5,8 @@
     { "name": "expo-config-plugin", "specifier": "miaoda-expo-devkit/rules/no-undeclared-expo-plugin" },
     { "name": "expo-router", "specifier": "miaoda-expo-devkit/rules/no-unstable-expo-router" },
     { "name": "rn-web", "specifier": "miaoda-expo-devkit/rules/no-rn-alert" },
-    { "name": "expo-router-url", "specifier": "miaoda-expo-devkit/rules/no-duplicate-expo-router-url" }
+    { "name": "expo-router-url", "specifier": "miaoda-expo-devkit/rules/no-duplicate-expo-router-url" },
+    { "name": "css-import", "specifier": "miaoda-expo-devkit/rules/no-missing-css-import" }
   ],
 
   "categories": {
@@ -17,6 +18,7 @@
     "expo-router/no-unstable-expo-router": "error",
     "rn-web/no-rn-alert": "error",
     "expo-router-url/no-duplicate-expo-router-url": "error",
+    "css-import/no-missing-css-import": "error",
 
     "expo/no-dynamic-env-var": "error",
     "expo/no-env-var-destructuring": "error",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "miaoda-expo-devkit",
-  "version": "0.1.1-beta.7",
+  "version": "0.1.1-beta.9",
   "description": "Expo 应用开发工具集：Sentry DSN 替换 stub、错误/网络捕获、Metro 符号化",
   "license": "MIT",
   "main": "./dist/index.js",
@@ -44,6 +44,7 @@
     "./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",
+    "./rules/no-missing-css-import": "./dist/rules/no-missing-css-import.js",
     "./biome": "./biome-config.json",
     "./oxlint": "./oxlint-config.json"
   },
@@ -69,6 +70,7 @@
   "dependencies": {
     "connect": "^3.7.0",
     "es-toolkit": "^1.45.1",
+    "oxc-resolver": "^11.19.1",
     "stacktrace-parser": "^0.1.11"
   },
   "peerDependencies": {