@infly/vue2-vite 1.0.0 → 1.0.1

package/src/compat/jsx.mjs

@@ -1,142 +1,142 @@
-/**
- * Vue 2 JSX 兼容
- *
- * 使用 Babel + @vue/babel-preset-jsx 将 JSX 语法转换为 h() 调用。
- * 同时处理 .js 文件和 .vue 文件的 script 块。
- * 回退方案：Vite 内置 esbuild。
- *
- * 从 factory.js transformJsx 和相关插件提取。
- */
-
-import { createRequire } from 'node:module';
-import path from 'node:path';
-
-/**
- * 将 JSX 代码转换为 JS
- *
- * @param {string} code - 源代码
- * @param {string} id - 文件路径
- * @param {string} projectRoot - 项目根目录
- * @returns {{ code: string } | null}
- */
-export function transformJsx(code, id, projectRoot) {
-  const projectRequire = createRequire(path.join(projectRoot, 'package.json'));
-
-  // 优先使用 Babel + @vue/babel-preset-jsx
-  try {
-    const babel = projectRequire('@babel/core');
-    const jsxPreset = (() => {
-      try {
-        return projectRequire('@vue/babel-preset-jsx');
-      } catch (_) {
-        return null;
-      }
-    })();
-
-    if (jsxPreset) {
-      const r = babel.transformSync(code, {
-        presets: [[jsxPreset, { injectH: true }]],
-        filename: id,
-        babelrc: false,
-        configFile: false,
-        compact: false,
-        shouldPrintComment: () => false,
-        minified: false,
-      });
-      return { code: r.code };
-    }
-  } catch (_) {
-    // 回退到 esbuild
-  }
-
-  // 回退：Vite 内置 esbuild
-  try {
-    const viteReq = createRequire(import.meta.resolve('vite'));
-    const esbuild = viteReq('esbuild');
-    const r = esbuild.transformSync(code, {
-      loader: 'jsx',
-      jsxFactory: 'h',
-      jsxFragment: 'Fragment',
-    });
-    return { code: r.code };
-  } catch (_) {
-    return null;
-  }
-}
-
-/**
- * 判断文件是否为 .vue 且包含 JSX script
- */
-function isJsxCode(code) {
-  return code.includes('</') || code.includes('/>');
-}
-
-/**
- * 创建 JSX 预处理插件（enforce: pre，在 @vitejs/plugin-vue2 之前运行）
- *
- * @param {string} projectRoot
- * @returns {import('vite').Plugin}
- */
-export function jsxPrePlugin(projectRoot) {
-  return {
-    name: 'infly-vue2:jsx-pre',
-    enforce: 'pre',
-    transform(code, id) {
-      // 仅处理项目源码中的 .js 文件
-      if (!id.endsWith('.js')) return null;
-      if (id.includes('node_modules') || id.includes('.cache') || id.includes('.vite')) return null;
-      if (!isJsxCode(code)) return null;
-      return transformJsx(code, id, projectRoot);
-    },
-  };
-}
-
-/**
- * 创建 .vue script 块 JSX 预处理插件
- *
- * @param {string} projectRoot
- * @returns {import('vite').Plugin}
- */
-export function vueJsxPrePlugin(projectRoot) {
-  return {
-    name: 'infly-vue2:vue-jsx-pre',
-    enforce: 'pre',
-    transform(code, id) {
-      if (!id.endsWith('.vue') || id.includes('node_modules')) return null;
-      if (!code.includes('<script')) return null;
-
-      let transformed = false;
-      const result = code.replace(
-        /<script\b([^>]*)>([\s\S]*?)<\/script>/g,
-        (match, attrs, content) => {
-          if (isJsxCode(content)) {
-            const r = transformJsx(content, id, projectRoot);
-            if (r) {
-              transformed = true;
-              return `<script${attrs}>${r.code}</script>`;
-            }
-          }
-          return match;
-        }
-      );
-      return transformed ? { code: result, map: null } : null;
-    },
-  };
-}
-
-/**
- * 创建 JSX 清理插件（在 @vitejs/plugin-vue2 后捕获残留 JSX）
- *
- * @param {string} projectRoot
- * @returns {import('vite').Plugin}
- */
-export function jsxCleanupPlugin(projectRoot) {
-  return {
-    name: 'infly-vue2:jsx-cleanup',
-    transform(code, id) {
-      if (id.includes('node_modules') || id.includes('.vite')) return null;
-      if (!isJsxCode(code)) return null;
-      return transformJsx(code, id, projectRoot);
-    },
-  };
-}
+/**
+ * Vue 2 JSX 兼容
+ *
+ * 使用 Babel + @vue/babel-preset-jsx 将 JSX 语法转换为 h() 调用。
+ * 同时处理 .js 文件和 .vue 文件的 script 块。
+ * 回退方案：Vite 内置 esbuild。
+ *
+ * 从 factory.js transformJsx 和相关插件提取。
+ */
+
+import { createRequire } from 'node:module';
+import path from 'node:path';
+
+/**
+ * 将 JSX 代码转换为 JS
+ *
+ * @param {string} code - 源代码
+ * @param {string} id - 文件路径
+ * @param {string} projectRoot - 项目根目录
+ * @returns {{ code: string } | null}
+ */
+export function transformJsx(code, id, projectRoot) {
+  const projectRequire = createRequire(path.join(projectRoot, 'package.json'));
+
+  // 优先使用 Babel + @vue/babel-preset-jsx
+  try {
+    const babel = projectRequire('@babel/core');
+    const jsxPreset = (() => {
+      try {
+        return projectRequire('@vue/babel-preset-jsx');
+      } catch {
+        return null;
+      }
+    })();
+
+    if (jsxPreset) {
+      const r = babel.transformSync(code, {
+        presets: [[jsxPreset, { injectH: true }]],
+        filename: id,
+        babelrc: false,
+        configFile: false,
+        compact: false,
+        shouldPrintComment: () => false,
+        minified: false,
+      });
+      return { code: r.code };
+    }
+  } catch {
+    // 回退到 esbuild
+  }
+
+  // 回退：Vite 内置 esbuild
+  try {
+    const viteReq = createRequire(import.meta.resolve('vite'));
+    const esbuild = viteReq('esbuild');
+    const r = esbuild.transformSync(code, {
+      loader: 'jsx',
+      jsxFactory: 'h',
+      jsxFragment: 'Fragment',
+    });
+    return { code: r.code };
+  } catch {
+    return null;
+  }
+}
+
+/**
+ * 判断文件是否为 .vue 且包含 JSX script
+ */
+function isJsxCode(code) {
+  return code.includes('</') || code.includes('/>');
+}
+
+/**
+ * 创建 JSX 预处理插件（enforce: pre，在 @vitejs/plugin-vue2 之前运行）
+ *
+ * @param {string} projectRoot
+ * @returns {import('vite').Plugin}
+ */
+export function jsxPrePlugin(projectRoot) {
+  return {
+    name: 'infly-vue2:jsx-pre',
+    enforce: 'pre',
+    transform(code, id) {
+      // 仅处理项目源码中的 .js 文件
+      if (!id.endsWith('.js')) return null;
+      if (id.includes('node_modules') || id.includes('.cache') || id.includes('.vite')) return null;
+      if (!isJsxCode(code)) return null;
+      return transformJsx(code, id, projectRoot);
+    },
+  };
+}
+
+/**
+ * 创建 .vue script 块 JSX 预处理插件
+ *
+ * @param {string} projectRoot
+ * @returns {import('vite').Plugin}
+ */
+export function vueJsxPrePlugin(projectRoot) {
+  return {
+    name: 'infly-vue2:vue-jsx-pre',
+    enforce: 'pre',
+    transform(code, id) {
+      if (!id.endsWith('.vue') || id.includes('node_modules')) return null;
+      if (!code.includes('<script')) return null;
+
+      let transformed = false;
+      const result = code.replace(
+        /<script\b([^>]*)>([\s\S]*?)<\/script>/g,
+        (match, attrs, content) => {
+          if (isJsxCode(content)) {
+            const r = transformJsx(content, id, projectRoot);
+            if (r) {
+              transformed = true;
+              return `<script${attrs}>${r.code}</script>`;
+            }
+          }
+          return match;
+        }
+      );
+      return transformed ? { code: result, map: null } : null;
+    },
+  };
+}
+
+/**
+ * 创建 JSX 清理插件（在 @vitejs/plugin-vue2 后捕获残留 JSX）
+ *
+ * @param {string} projectRoot
+ * @returns {import('vite').Plugin}
+ */
+export function jsxCleanupPlugin(projectRoot) {
+  return {
+    name: 'infly-vue2:jsx-cleanup',
+    transform(code, id) {
+      if (id.includes('node_modules') || id.includes('.vite')) return null;
+      if (!isJsxCode(code)) return null;
+      return transformJsx(code, id, projectRoot);
+    },
+  };
+}

package/src/compat/mock.mjs

@@ -1,125 +1,125 @@
-/**
- * Mock 服务器兼容层
- *
- * 将项目的 Express mock-server.js 作为中间件挂载到 Vite dev server。
- * 保留 chokidar 热重载功能。
- *
- * 从 compat/mock.js 迁移（70% 可复用）。
- */
-
-import path from 'node:path';
-import fs from 'node:fs';
-import Module, { createRequire } from 'node:module';
-import { fileURLToPath } from 'node:url';
-
-const PACKAGE_ROOT = path.resolve(
-  path.dirname(fileURLToPath(import.meta.url)),
-  '../..',
-);
-const packageRequire = createRequire(import.meta.url);
-
-/**
- * 在 Babel 转译下运行回调函数（兼容 CJS mock 代码）
- */
-function withMockCommonJsTranspilation(projectRoot, callback) {
-  let register;
-  try {
-    register = packageRequire('@babel/register');
-  } catch (_) {
-    throw new Error(
-      '@infly/vue2-vite 安装不完整：缺少 @babel/register'
-    );
-  }
-  register({
-    babelrc: false,
-    configFile: false,
-    extensions: ['.js'],
-    ignore: [/node_modules/],
-    only: [projectRoot],
-    presets: [[
-      packageRequire.resolve('@babel/preset-env'),
-      { targets: { node: 'current' }, modules: 'commonjs' },
-    ]],
-  });
-  return callback();
-}
-
-function loadMockModule(mockServerPath, projectRoot) {
-  const mockModule = new Module(mockServerPath);
-  mockModule.filename = mockServerPath;
-  mockModule.paths = [
-    ...Module._nodeModulePaths(projectRoot),
-    ...Module._nodeModulePaths(PACKAGE_ROOT),
-  ];
-  mockModule._compile(fs.readFileSync(mockServerPath, 'utf8'), mockServerPath);
-  return mockModule.exports;
-}
-
-/**
- * 创建 Vite configureServer 钩子，挂载 Express mock 子应用
- */
-export function createMockMiddleware(options = {}) {
-  const { projectRoot, mockEntry = 'mock/mock-server.js', enabled = true } = options;
-
-  if (!enabled) return undefined;
-
-  const mockServerPath = path.resolve(projectRoot, mockEntry);
-
-  if (!fs.existsSync(mockServerPath)) {
-    console.warn(`[infly-vue2] mock 已启用但文件不存在: ${mockServerPath}`);
-    return undefined;
-  }
-
-  return function configureMockServer(server) {
-    try {
-      // 用包自身的 createRequire 加载 express（@infly/vue2-vite 的依赖）
-      const express = packageRequire('express');
-      const mockApp = express();
-
-      // 切换 cwd 到项目目录，使 mock-server 中相对路径正确
-      const originalCwd = process.cwd();
-      process.chdir(projectRoot);
-
-      try {
-        // mock 入口属于应用，但它的运行依赖由本包提供。组合两侧的
-        // node_modules 搜索路径，避免要求业务子仓重复声明构建适配依赖。
-        const mockServer = withMockCommonJsTranspilation(
-          projectRoot,
-          () => loadMockModule(mockServerPath, projectRoot),
-        );
-        mockServer(mockApp);
-
-        // 挂载到 Vite dev server
-        server.middlewares.use(mockApp);
-      } finally {
-        process.chdir(originalCwd);
-      }
-    } catch (error) {
-      console.warn(
-        `[infly-vue2] 警告：无法加载 mock 服务器 (${mockServerPath}): ${error.message}`
-      );
-      console.warn(`[infly-vue2] mock 加载失败，dev server 仍可正常使用。`);
-    }
-  };
-}
-
-export function hasMockServer(options = {}) {
-  const {
-    projectRoot,
-    mockEntry = 'mock/mock-server.js',
-    enabled = true,
-  } = options;
-  return enabled && fs.existsSync(path.resolve(projectRoot, mockEntry));
-}
-
-/**
- * 创建 mock 兼容 Vite 插件（含 configureServer 钩子）
- */
-export function mockPlugin(options = {}) {
-  const configureServer = createMockMiddleware(options);
-
-  return {
-    name: 'infly-vue2:mock',
-    configureServer,
-  };
-}
+/**
+ * Mock 服务器兼容层
+ *
+ * 将项目的 Express mock-server.js 作为中间件挂载到 Vite dev server。
+ * 保留 chokidar 热重载功能。
+ *
+ * 从 compat/mock.js 迁移（70% 可复用）。
+ */
+
+import path from 'node:path';
+import fs from 'node:fs';
+import Module, { createRequire } from 'node:module';
+import { fileURLToPath } from 'node:url';
+
+const PACKAGE_ROOT = path.resolve(
+  path.dirname(fileURLToPath(import.meta.url)),
+  '../..',
+);
+const packageRequire = createRequire(import.meta.url);
+
+/**
+ * 在 Babel 转译下运行回调函数（兼容 CJS mock 代码）
+ */
+function withMockCommonJsTranspilation(projectRoot, callback) {
+  let register;
+  try {
+    register = packageRequire('@babel/register');
+  } catch {
+    throw new Error(
+      '@infly/vue2-vite 安装不完整：缺少 @babel/register'
+    );
+  }
+  register({
+    babelrc: false,
+    configFile: false,
+    extensions: ['.js'],
+    ignore: [/node_modules/],
+    only: [projectRoot],
+    presets: [[
+      packageRequire.resolve('@babel/preset-env'),
+      { targets: { node: 'current' }, modules: 'commonjs' },
+    ]],
+  });
+  return callback();
+}
+
+function loadMockModule(mockServerPath, projectRoot) {
+  const mockModule = new Module(mockServerPath);
+  mockModule.filename = mockServerPath;
+  mockModule.paths = [
+    ...Module._nodeModulePaths(projectRoot),
+    ...Module._nodeModulePaths(PACKAGE_ROOT),
+  ];
+  mockModule._compile(fs.readFileSync(mockServerPath, 'utf8'), mockServerPath);
+  return mockModule.exports;
+}
+
+/**
+ * 创建 Vite configureServer 钩子，挂载 Express mock 子应用
+ */
+export function createMockMiddleware(options = {}) {
+  const { projectRoot, mockEntry = 'mock/mock-server.js', enabled = true } = options;
+
+  if (!enabled) return undefined;
+
+  const mockServerPath = path.resolve(projectRoot, mockEntry);
+
+  if (!fs.existsSync(mockServerPath)) {
+    console.warn(`[infly-vue2] mock 已启用但文件不存在: ${mockServerPath}`);
+    return undefined;
+  }
+
+  return function configureMockServer(server) {
+    try {
+      // 用包自身的 createRequire 加载 express（@infly/vue2-vite 的依赖）
+      const express = packageRequire('express');
+      const mockApp = express();
+
+      // 切换 cwd 到项目目录，使 mock-server 中相对路径正确
+      const originalCwd = process.cwd();
+      process.chdir(projectRoot);
+
+      try {
+        // mock 入口属于应用，但它的运行依赖由本包提供。组合两侧的
+        // node_modules 搜索路径，避免要求业务子仓重复声明构建适配依赖。
+        const mockServer = withMockCommonJsTranspilation(
+          projectRoot,
+          () => loadMockModule(mockServerPath, projectRoot),
+        );
+        mockServer(mockApp);
+
+        // 挂载到 Vite dev server
+        server.middlewares.use(mockApp);
+      } finally {
+        process.chdir(originalCwd);
+      }
+    } catch (error) {
+      console.warn(
+        `[infly-vue2] 警告：无法加载 mock 服务器 (${mockServerPath}): ${error.message}`
+      );
+      console.warn(`[infly-vue2] mock 加载失败，dev server 仍可正常使用。`);
+    }
+  };
+}
+
+export function hasMockServer(options = {}) {
+  const {
+    projectRoot,
+    mockEntry = 'mock/mock-server.js',
+    enabled = true,
+  } = options;
+  return enabled && fs.existsSync(path.resolve(projectRoot, mockEntry));
+}
+
+/**
+ * 创建 mock 兼容 Vite 插件（含 configureServer 钩子）
+ */
+export function mockPlugin(options = {}) {
+  const configureServer = createMockMiddleware(options);
+
+  return {
+    name: 'infly-vue2:mock',
+    configureServer,
+  };
+}

package/src/compat/require-context.mjs

@@ -68,7 +68,7 @@ function regexToGlob(regexStr, recursive) {
   let glob = inner.replace(/\\\.\\\//g, '');
   glob = glob.replace(/\.\+/g, '*').replace(/\.\*/g, '*');
   glob = glob.replace(/\^/g, '').replace(/\$/g, '');
-  glob = glob.replace(/[()\[\]{}]/g, '');
+  glob = glob.replace(/[()[\]{}]/g, '');
 
   const extMatch = glob.match(/\*\\\.(\w+)/);
   if (extMatch) return `*.${extMatch[1]}`;