vite-plugin-mock-dev-server 1.0.6 → 1.0.7

package/README.md

@@ -38,6 +38,7 @@
 - 🔥 HMR
 - ⚖️ Use `server.proxy`
 - 🍕 Support `viteConfig.define` in mock file
+- ⚓️ Support `resolve.alias`
 - 📤 Support `multipart` content-type，mock upload file.
 - 🌈 Support `vite preview` mode
 - 🗂 Support building small independent deployable mock services.
@@ -132,6 +133,7 @@ export default defineConfig({
 })
 ```
 
+
 #### options
 
 - `options.prefix`
@@ -227,6 +229,24 @@ export default defineMock({
 })
 ```
 
+### createDefineMock(transformer)
+
+Return a custom defineMock function to support preprocessing of mock config.
+
+```ts
+import path from 'path'
+import { createDefineMock } from 'vite-plugin-mock-dev-server'
+
+// Preprocessed mock url
+const defineAPIMock = createDefineMock((mock) => {
+  mock.url = path.join('/api', mock.url)
+})
+
+export default defineApiMock({
+  url: '/test' // Complete as '/api/test'
+})
+```
+
 ## Mock Configuration
 
 ```ts

package/README.zh-CN.md

@@ -39,6 +39,7 @@
 - 🔥 热更新
 - ⚖️ 使用 `server.proxy` 配置
 - 🍕 支持在 mock文件中使用 `viteConfig.define`配置字段
+- ⚓️ 支持 `resolve.alias`
 - 📤 支持 multipart 类型，模拟文件上传
 - 🌈 支持 `vite preview` 模式
 - 🗂 支持构建可独立部署的小型mock服务
@@ -225,6 +226,24 @@ export default defineMock({
 })
 ```
 
+### createDefineMock(transformer)
+
+返回一个自定义的 defineMock 函数，用于支持对 mock config 的预处理。
+
+```ts
+import path from 'path'
+import { createDefineMock } from 'vite-plugin-mock-dev-server'
+
+// 预处理 mock url
+const defineAPIMock = createDefineMock((mock) => {
+  mock.url = path.join('/api', mock.url)
+})
+
+export default defineApiMock({
+  url: '/test' // 补全为 '/api/test'
+})
+```
+
 ## Mock 配置
 
 ```ts

package/dist/index.cjs

@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   baseMiddleware: () => baseMiddleware,
+  createDefineMock: () => createDefineMock,
   default: () => src_default,
   defineMock: () => defineMock,
   mockDevServerPlugin: () => mockDevServerPlugin,
@@ -53,7 +54,7 @@ var import_vite = require("vite");
 
 // package.json
 var name = "vite-plugin-mock-dev-server";
-var version = "1.0.6";
+var version = "1.0.7";
 
 // src/esbuildPlugin.ts
 var import_promises = __toESM(require("fs/promises"), 1);
@@ -95,6 +96,41 @@ var jsonLoader = {
     });
   }
 };
+var aliasPlugin = (alias) => {
+  return {
+    name: "alias-plugin",
+    setup(build3) {
+      build3.onResolve({ filter: /.*/ }, async ({ path: id }) => {
+        const matchedEntry = alias.find(({ find: find2 }) => matches(find2, id));
+        if (!matchedEntry) {
+          return null;
+        }
+        const { find, replacement } = matchedEntry;
+        const result = await build3.resolve(id.replace(find, replacement), {
+          kind: "import-statement",
+          resolveDir: replacement,
+          namespace: "file"
+        });
+        return {
+          path: result.path,
+          external: false
+        };
+      });
+    }
+  };
+};
+function matches(pattern, importee) {
+  if (pattern instanceof RegExp) {
+    return pattern.test(importee);
+  }
+  if (importee.length < pattern.length) {
+    return false;
+  }
+  if (importee === pattern) {
+    return true;
+  }
+  return importee.startsWith(`${pattern}/`);
+}
 
 // src/utils.ts
 var import_node_fs = __toESM(require("fs"), 1);
@@ -174,7 +210,11 @@ async function generateMockServer(ctx, config, options) {
   const content = await generateMockEntryCode(process.cwd(), include, exclude);
   const mockEntry = import_node_path3.default.join(config.root, `mock-data-${Date.now()}.js`);
   await import_promises2.default.writeFile(mockEntry, content, "utf-8");
-  const { code, deps } = await buildMockEntry(mockEntry, define);
+  const { code, deps } = await buildMockEntry(
+    mockEntry,
+    define,
+    config.resolve.alias
+  );
   const mockDeps = getMockDependencies(deps);
   await import_promises2.default.unlink(mockEntry);
   const outputList = [
@@ -288,7 +328,7 @@ const mockList = exporters.map((raw) => raw && raw.default
 export default transformMockData(mockList);
 `;
 }
-async function buildMockEntry(inputFile, define) {
+async function buildMockEntry(inputFile, define, alias) {
   var _a;
   try {
     const result = await (0, import_esbuild.build)({
@@ -301,7 +341,7 @@ async function buildMockEntry(inputFile, define) {
       metafile: true,
       format: "esm",
       define,
-      plugins: [externalizeDeps, json5Loader, jsonLoader]
+      plugins: [aliasPlugin(alias), externalizeDeps, json5Loader, jsonLoader]
     });
     return {
       code: result.outputFiles[0].text,
@@ -740,7 +780,7 @@ var _MockLoader = class extends import_node_events.default {
         metafile: true,
         format: isESM ? "esm" : "cjs",
         define: this.options.define,
-        plugins: [externalizeDeps]
+        plugins: [aliasPlugin(this.options.alias), externalizeDeps]
       });
       return {
         code: result.outputFiles[0].text,
@@ -771,7 +811,8 @@ async function mockServerMiddleware(config, options, httpServer, ws) {
   const loader = new MockLoader({
     include,
     exclude,
-    define
+    define,
+    alias: config.resolve.alias
   });
   await loader.load();
   httpServer == null ? void 0 : httpServer.on("close", () => loader.close());
@@ -792,11 +833,7 @@ async function mockServerMiddleware(config, options, httpServer, ws) {
 function mockDevServerPlugin({
   prefix = [],
   include = ["mock/**/*.mock.{js,ts,cjs,mjs,json,json5}"],
-  exclude = [
-    "**/node_modules/**",
-    "**/.vscode/**",
-    "**/.git/**"
-  ],
+  exclude = ["**/node_modules/**", "**/.vscode/**", "**/.git/**"],
   reload = false,
   formidableOptions = {},
   build: build3 = false
@@ -877,12 +914,24 @@ function serverPlugin(pluginOptions) {
 function defineMock(config) {
   return config;
 }
+function createDefineMock(transformer) {
+  const define = (config) => {
+    if (isArray(config)) {
+      config = config.map((item) => transformer(item) || item);
+    } else {
+      config = transformer(config) || config;
+    }
+    return config;
+  };
+  return define;
+}
 
 // src/index.ts
 var src_default = mockDevServerPlugin;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   baseMiddleware,
+  createDefineMock,
   defineMock,
   mockDevServerPlugin,
   transformMockData

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { Connect, Plugin } from 'vite';
+import { Connect, Plugin, ResolvedConfig } from 'vite';
 import http from 'node:http';
 import formidable from 'formidable';
 import EventEmitter from 'node:events';
@@ -172,12 +172,21 @@ declare function mockDevServerPlugin({ prefix, include, exclude, reload, formida
  */
 declare function defineMock(config: MockOptionsItem): MockOptionsItem;
 declare function defineMock(config: MockOptions): MockOptions;
+/**
+ * 返回一个自定义的 defineMock 函数，用于支持对 mock config 的预处理。
+ *
+ * Return a custom defineMock function to support preprocessing of mock config.
+ *
+ * @param transformer preprocessing function
+ */
+declare function createDefineMock(transformer: (mock: MockOptionsItem) => MockOptionsItem | void): typeof defineMock;
 
 interface MockLoaderOptions {
     cwd?: string;
     include: string[];
     exclude: string[];
     define: Record<string, any>;
+    alias: ResolvedConfig['resolve']['alias'];
 }
 /**
  * mock配置加载器
@@ -219,4 +228,4 @@ declare function baseMiddleware(mockLoader: MockLoader, { formidableOptions, pro
 
 declare function transformMockData(mockList: Map<string, MockOptionsItem | MockOptions> | (MockOptionsItem | MockOptions)[]): Record<string, MockOptions>;
 
-export { BaseMiddlewareOptions, FormidableFile, MockOptions, MockOptionsItem, MockServerPluginOptions, baseMiddleware, mockDevServerPlugin as default, defineMock, mockDevServerPlugin, transformMockData };
+export { BaseMiddlewareOptions, FormidableFile, MockOptions, MockOptionsItem, MockServerPluginOptions, baseMiddleware, createDefineMock, mockDevServerPlugin as default, defineMock, mockDevServerPlugin, transformMockData };

package/dist/index.js

@@ -9,7 +9,7 @@ import { createFilter, normalizePath } from "vite";
 
 // package.json
 var name = "vite-plugin-mock-dev-server";
-var version = "1.0.6";
+var version = "1.0.7";
 
 // src/esbuildPlugin.ts
 import fsp from "fs/promises";
@@ -51,6 +51,41 @@ var jsonLoader = {
     });
   }
 };
+var aliasPlugin = (alias) => {
+  return {
+    name: "alias-plugin",
+    setup(build3) {
+      build3.onResolve({ filter: /.*/ }, async ({ path: id }) => {
+        const matchedEntry = alias.find(({ find: find2 }) => matches(find2, id));
+        if (!matchedEntry) {
+          return null;
+        }
+        const { find, replacement } = matchedEntry;
+        const result = await build3.resolve(id.replace(find, replacement), {
+          kind: "import-statement",
+          resolveDir: replacement,
+          namespace: "file"
+        });
+        return {
+          path: result.path,
+          external: false
+        };
+      });
+    }
+  };
+};
+function matches(pattern, importee) {
+  if (pattern instanceof RegExp) {
+    return pattern.test(importee);
+  }
+  if (importee.length < pattern.length) {
+    return false;
+  }
+  if (importee === pattern) {
+    return true;
+  }
+  return importee.startsWith(`${pattern}/`);
+}
 
 // src/utils.ts
 import fs from "fs";
@@ -130,7 +165,11 @@ async function generateMockServer(ctx, config, options) {
   const content = await generateMockEntryCode(process.cwd(), include, exclude);
   const mockEntry = path3.join(config.root, `mock-data-${Date.now()}.js`);
   await fsp2.writeFile(mockEntry, content, "utf-8");
-  const { code, deps } = await buildMockEntry(mockEntry, define);
+  const { code, deps } = await buildMockEntry(
+    mockEntry,
+    define,
+    config.resolve.alias
+  );
   const mockDeps = getMockDependencies(deps);
   await fsp2.unlink(mockEntry);
   const outputList = [
@@ -244,7 +283,7 @@ const mockList = exporters.map((raw) => raw && raw.default
 export default transformMockData(mockList);
 `;
 }
-async function buildMockEntry(inputFile, define) {
+async function buildMockEntry(inputFile, define, alias) {
   var _a;
   try {
     const result = await build({
@@ -257,7 +296,7 @@ async function buildMockEntry(inputFile, define) {
       metafile: true,
       format: "esm",
       define,
-      plugins: [externalizeDeps, json5Loader, jsonLoader]
+      plugins: [aliasPlugin(alias), externalizeDeps, json5Loader, jsonLoader]
     });
     return {
       code: result.outputFiles[0].text,
@@ -696,7 +735,7 @@ var _MockLoader = class extends EventEmitter {
         metafile: true,
         format: isESM ? "esm" : "cjs",
         define: this.options.define,
-        plugins: [externalizeDeps]
+        plugins: [aliasPlugin(this.options.alias), externalizeDeps]
       });
       return {
         code: result.outputFiles[0].text,
@@ -727,7 +766,8 @@ async function mockServerMiddleware(config, options, httpServer, ws) {
   const loader = new MockLoader({
     include,
     exclude,
-    define
+    define,
+    alias: config.resolve.alias
   });
   await loader.load();
   httpServer == null ? void 0 : httpServer.on("close", () => loader.close());
@@ -748,11 +788,7 @@ async function mockServerMiddleware(config, options, httpServer, ws) {
 function mockDevServerPlugin({
   prefix = [],
   include = ["mock/**/*.mock.{js,ts,cjs,mjs,json,json5}"],
-  exclude = [
-    "**/node_modules/**",
-    "**/.vscode/**",
-    "**/.git/**"
-  ],
+  exclude = ["**/node_modules/**", "**/.vscode/**", "**/.git/**"],
   reload = false,
   formidableOptions = {},
   build: build3 = false
@@ -833,11 +869,23 @@ function serverPlugin(pluginOptions) {
 function defineMock(config) {
   return config;
 }
+function createDefineMock(transformer) {
+  const define = (config) => {
+    if (isArray(config)) {
+      config = config.map((item) => transformer(item) || item);
+    } else {
+      config = transformer(config) || config;
+    }
+    return config;
+  };
+  return define;
+}
 
 // src/index.ts
 var src_default = mockDevServerPlugin;
 export {
   baseMiddleware,
+  createDefineMock,
   src_default as default,
   defineMock,
   mockDevServerPlugin,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-mock-dev-server",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "keywords": [
     "vite",
     "plugin",
@@ -43,8 +43,8 @@
     "picocolors": "^1.0.0"
   },
   "devDependencies": {
-    "@pengzhanbo/eslint-config-ts": "^0.3.2",
-    "@pengzhanbo/prettier-config": "^0.3.2",
+    "@pengzhanbo/eslint-config-ts": "^0.3.4",
+    "@pengzhanbo/prettier-config": "^0.3.4",
     "@types/co-body": "^6.1.0",
     "@types/debug": "^4.1.7",
     "@types/formidable": "^2.0.5",