miaoda-expo-devkit 0.1.1-beta.2 → 0.1.1-beta.21

package/dist/metro.js

@@ -27,66 +27,59 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/metro.ts
+// src/metro/index.ts
 var metro_exports = {};
 __export(metro_exports, {
+  patchNativeWindCachePath: () => patchNativeWindCachePath,
+  withCssInterop: () => withCssInterop,
   withDevStubs: () => withDevStubs,
+  withDevkit: () => withDevkit,
   withEntryInjection: () => withEntryInjection,
+  withEsbuildMinify: () => withEsbuildMinify,
+  withExpoNotificationsStub: () => withExpoNotificationsStub,
+  withNativeWind: () => withNativeWind,
   withRouteEndpoint: () => withRouteEndpoint,
   withWorkspaceNodeModules: () => withWorkspaceNodeModules
 });
 module.exports = __toCommonJS(metro_exports);
-var import_connect = __toESM(require("connect"));
-var import_fs2 = __toESM(require("fs"));
-var import_path2 = __toESM(require("path"));
 
-// src/routes.ts
-var import_fs = __toESM(require("fs"));
+// src/metro/withNativeWind.ts
 var import_path = __toESM(require("path"));
-var ROUTE_EXT = /\.(tsx|ts|jsx|js)$/;
-function getRoutes(appDir) {
-  const routes = [];
-  function scan(dir, prefix) {
-    let entries;
-    try {
-      entries = import_fs.default.readdirSync(dir, { withFileTypes: true });
-    } catch {
-      return;
-    }
-    for (const entry of entries) {
-      const fullPath = import_path.default.join(dir, entry.name);
-      if (entry.isDirectory()) {
-        const isGroup = /^\(.*\)$/.test(entry.name);
-        const nextPrefix = isGroup ? prefix : `${prefix}/${entry.name}`;
-        scan(fullPath, nextPrefix);
-      } else if (ROUTE_EXT.test(entry.name)) {
-        const baseName = entry.name.replace(ROUTE_EXT, "");
-        if (baseName === "_layout") continue;
-        const segment = baseName === "index" ? "" : `/${baseName}`;
-        const routePath = `${prefix}${segment}` || "/";
-        const isDynamic = /\[.*\]/.test(baseName);
-        routes.push({
-          title: routePath,
-          pageId: routePath,
-          pageName: routePath,
-          visible: !isDynamic,
-          path: import_path.default.relative(appDir, fullPath)
-        });
-      }
+function patchNativeWindCachePath(options = {}) {
+  const projectRoot = process.cwd();
+  const ourCacheDir = import_path.default.resolve(projectRoot, options.cacheDir ?? ".native-wind-cache");
+  const nativewindPkgDir = import_path.default.dirname(require.resolve("react-native-css-interop/package.json"));
+  const nativewindCacheDir = import_path.default.resolve(nativewindPkgDir, ".cache");
+  const moduleId = require.resolve("react-native-css-interop/dist/metro");
+  delete require.cache[moduleId];
+  let intercepted = false;
+  const originalResolve = import_path.default.resolve;
+  import_path.default.resolve = ((...args) => {
+    const result = originalResolve(...args);
+    if (result === nativewindCacheDir) {
+      intercepted = true;
+      return ourCacheDir;
     }
+    return result;
+  });
+  try {
+    require(moduleId);
+  } finally {
+    import_path.default.resolve = originalResolve;
+  }
+  if (!intercepted) {
+    throw new Error(
+      "patchNativeWindCachePath: patch \u672A\u751F\u6548\u2014\u2014react-native-css-interop \u53EF\u80FD\u5DF2\u4E0D\u518D\u901A\u8FC7 path.resolve \u8BA1\u7B97\u7F13\u5B58\u8DEF\u5F84\u3002\u5347\u7EA7\u8BE5\u4F9D\u8D56\u540E\u8BF7\u68C0\u67E5 dist/metro/index.js \u4E2D\u7684\u5B9E\u73B0\u3002"
+    );
   }
-  scan(appDir, "");
-  return { routes };
 }
-function createRouteHandler(appDir) {
-  return (_req, res) => {
-    const routeTree = getRoutes(appDir);
-    res.writeHead(200, { "Content-Type": "application/json" });
-    res.end(JSON.stringify(routeTree, null, 2));
-  };
+function withNativeWind(config, options) {
+  const { withNativeWind: nwWithNativeWind } = require("nativewind/metro");
+  return nwWithNativeWind(config, options);
 }
 
-// src/metro.ts
+// src/metro/withDevStubs.ts
+var import_path2 = __toESM(require("path"));
 var SENTRY_STUB_FILENAME = "sentry-react-native-stub.js";
 var SENTRY_STUB_PATH = import_path2.default.resolve(__dirname, "stubs", SENTRY_STUB_FILENAME);
 var NO_OP_LOGBOX_STUB_PATH = import_path2.default.resolve(__dirname, "stubs", "no-op-logbox.js");
@@ -114,7 +107,10 @@ function withDevStubs(config) {
     }
   };
 }
-var EXPO_ROUTER_ENTRY_STUB_PATH = import_path2.default.resolve(__dirname, "stubs", "expo-router-entry-stub.js");
+
+// src/metro/withEntryInjection.ts
+var import_path3 = __toESM(require("path"));
+var EXPO_ROUTER_ENTRY_STUB_PATH = import_path3.default.resolve(__dirname, "stubs", "expo-router-entry-stub.js");
 var EXPO_ROUTER_ENTRY_STUB_FILENAME = "expo-router-entry-stub.js";
 function withEntryInjection(config, options) {
   void options;
@@ -136,13 +132,63 @@ function withEntryInjection(config, options) {
     }
   };
 }
+
+// src/metro/withRouteEndpoint.ts
+var import_connect = __toESM(require("connect"));
+
+// src/routes.ts
+var import_fs = __toESM(require("fs"));
+var import_path4 = __toESM(require("path"));
+var ROUTE_EXT = /\.(tsx|ts|jsx|js)$/;
+function getRoutes(appDir, rootDir) {
+  const routes = [];
+  function scan(dir, prefix) {
+    let entries;
+    try {
+      entries = import_fs.default.readdirSync(dir, { withFileTypes: true });
+    } catch {
+      return;
+    }
+    for (const entry of entries) {
+      const fullPath = import_path4.default.join(dir, entry.name);
+      if (entry.isDirectory()) {
+        const isGroup = /^\(.*\)$/.test(entry.name);
+        const nextPrefix = isGroup ? prefix : `${prefix}/${entry.name}`;
+        scan(fullPath, nextPrefix);
+      } else if (ROUTE_EXT.test(entry.name)) {
+        const baseName = entry.name.replace(ROUTE_EXT, "");
+        if (baseName === "_layout" || /\[.*\]/.test(baseName)) continue;
+        const segment = baseName === "index" ? "" : `/${baseName}`;
+        const routePath = `${prefix}${segment}` || "/";
+        routes.push({
+          title: routePath.replace(/^\//, "") || "/",
+          pageId: routePath,
+          pageName: routePath,
+          path: import_path4.default.relative(rootDir, fullPath)
+        });
+      }
+    }
+  }
+  scan(appDir, "");
+  return { data: routes };
+}
+function createRouteHandler(appDir, rootDir) {
+  return (_req, res) => {
+    const routeTree = getRoutes(appDir, rootDir);
+    res.writeHead(200, { "Content-Type": "application/json" });
+    res.end(JSON.stringify(routeTree, null, 2));
+  };
+}
+
+// src/metro/withRouteEndpoint.ts
 var DEFAULT_ROUTE_ENDPOINT = "/__routes";
 function withRouteEndpoint(config, options) {
   const { appDir, endpoint = DEFAULT_ROUTE_ENDPOINT } = options;
+  const rootDir = config.projectRoot ?? process.cwd();
   const upstream = config.server?.enhanceMiddleware ?? null;
   const enhanceMiddleware = (middleware, metroServer) => {
     const enhanced = upstream ? upstream(middleware, metroServer) : middleware;
-    return (0, import_connect.default)().use(enhanced).use(endpoint, createRouteHandler(appDir));
+    return (0, import_connect.default)().use(enhanced).use(endpoint, createRouteHandler(appDir, rootDir));
   };
   return {
     ...config,
@@ -152,41 +198,153 @@ function withRouteEndpoint(config, options) {
     }
   };
 }
-function withWorkspaceNodeModules(config) {
-  const projectRoot = config.projectRoot ?? process.cwd();
-  if (import_fs2.default.existsSync(import_path2.default.join(projectRoot, "node_modules"))) {
-    return config;
-  }
-  let dir = import_path2.default.dirname(projectRoot);
-  let found = null;
+
+// src/metro/withWorkspaceNodeModules.ts
+var import_fs2 = __toESM(require("fs"));
+var import_path5 = __toESM(require("path"));
+function findAncestorNodeModulesDir(projectRoot) {
+  let dir = import_path5.default.dirname(projectRoot);
   while (true) {
-    const candidate = import_path2.default.join(dir, "node_modules");
-    if (import_fs2.default.existsSync(candidate)) {
-      found = candidate;
-      break;
-    }
-    const parent = import_path2.default.dirname(dir);
+    const candidate = import_path5.default.join(dir, "node_modules");
+    if (import_fs2.default.existsSync(candidate)) return candidate;
+    const parent = import_path5.default.dirname(dir);
     if (parent === dir) break;
     dir = parent;
   }
-  if (!found) {
-    return config;
+  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);
   }
-  const existingWatchFolders = config.watchFolders ?? [];
-  const existingNodeModulesPaths = config.resolver?.nodeModulesPaths ?? [];
   return {
     ...config,
-    watchFolders: [...existingWatchFolders, found],
+    watchFolders: [...config.watchFolders ?? [], ...foldersToAdd],
+    resolver: {
+      ...config.resolver,
+      nodeModulesPaths: [...config.resolver?.nodeModulesPaths ?? [], ...foldersToAdd]
+    }
+  };
+}
+
+// src/metro/withCssInterop.ts
+var import_path6 = __toESM(require("path"));
+var EXPO_IMAGE_STUB_FILENAME = "expo-image-stub.js";
+var EXPO_IMAGE_STUB_PATH = import_path6.default.resolve(__dirname, "stubs", EXPO_IMAGE_STUB_FILENAME);
+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 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) {
+  const upstream = config.resolver?.resolveRequest ?? null;
+  const resolveRequest = (context, moduleName, platform) => {
+    if (moduleName === "expo-image" && !context.originModulePath.includes(EXPO_IMAGE_STUB_FILENAME)) {
+      return { filePath: EXPO_IMAGE_STUB_PATH, type: "sourceFile" };
+    }
+    if (moduleName === "expo-camera" && !context.originModulePath.includes(EXPO_CAMERA_STUB_FILENAME)) {
+      return { filePath: EXPO_CAMERA_STUB_PATH, type: "sourceFile" };
+    }
+    if (moduleName === "expo-linear-gradient" && !context.originModulePath.includes(EXPO_LINEAR_GRADIENT_STUB_FILENAME)) {
+      return { filePath: EXPO_LINEAR_GRADIENT_STUB_PATH, type: "sourceFile" };
+    }
+    if (moduleName === "expo-blur" && !context.originModulePath.includes(EXPO_BLUR_STUB_FILENAME)) {
+      return { filePath: EXPO_BLUR_STUB_PATH, type: "sourceFile" };
+    }
+    if (upstream) {
+      return upstream(context, moduleName, platform);
+    }
+    return context.resolveRequest(context, moduleName, platform);
+  };
+  return {
+    ...config,
     resolver: {
       ...config.resolver,
-      nodeModulesPaths: [...existingNodeModulesPaths, found]
+      resolveRequest
     }
   };
 }
+
+// src/metro/withDevkit.ts
+var import_path7 = __toESM(require("path"));
+
+// src/metro/withEsbuildMinify.ts
+function withEsbuildMinify(config) {
+  return {
+    ...config,
+    transformer: {
+      ...config.transformer,
+      minifierPath: require.resolve("metro-minify-esbuild"),
+      // 清空 terser 默认选项，esbuild 用自己的默认压缩配置
+      minifierConfig: {}
+    }
+  };
+}
+
+// src/metro/withDevkit.ts
+var EXPO_NOTIFICATIONS_STUB_FILENAME = "expo-notifications-stub.js";
+var EXPO_NOTIFICATIONS_STUB_PATH = import_path7.default.resolve(__dirname, "stubs", EXPO_NOTIFICATIONS_STUB_FILENAME);
+function withExpoNotificationsStub(config) {
+  const upstream = config.resolver?.resolveRequest ?? null;
+  const resolveRequest = (context, moduleName, platform) => {
+    if (platform === "android" && moduleName === "expo-notifications" && !context.originModulePath.includes(EXPO_NOTIFICATIONS_STUB_FILENAME)) {
+      return { filePath: EXPO_NOTIFICATIONS_STUB_PATH, type: "sourceFile" };
+    }
+    if (upstream) return upstream(context, moduleName, platform);
+    return context.resolveRequest(context, moduleName, platform);
+  };
+  return { ...config, resolver: { ...config.resolver, resolveRequest } };
+}
+function withDevkit(config, options = {}) {
+  const projectRoot = config.projectRoot ?? process.cwd();
+  const { input = "./src/global.css" } = options;
+  config = withWorkspaceNodeModules(config);
+  config = withCssInterop(config);
+  config = withEsbuildMinify(config);
+  config = withExpoNotificationsStub(config);
+  if (typeof __DEV__ !== "undefined" && __DEV__) {
+    config = withEntryInjection(config);
+    config = withDevStubs(config);
+    config = withRouteEndpoint(config, { appDir: import_path7.default.join(projectRoot, "src", "app") });
+  }
+  return withNativeWind(config, { input, inlineRem: 16 });
+}
+
+// src/metro/index.ts
+try {
+  require.resolve("react-native-css-interop/package.json");
+  patchNativeWindCachePath();
+} catch (e) {
+  if (e.code !== "MODULE_NOT_FOUND") throw e;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  patchNativeWindCachePath,
+  withCssInterop,
   withDevStubs,
+  withDevkit,
   withEntryInjection,
+  withEsbuildMinify,
+  withExpoNotificationsStub,
+  withNativeWind,
   withRouteEndpoint,
   withWorkspaceNodeModules
 });