perf: auto import polyfills

.env.production

@@ -2,7 +2,7 @@
 ENV = 'production'
 
 # base api url
-VITE_BASE_API_URL = 'https://nest-api.buqiyuan.site'
+VITE_BASE_API_URL = 'http://127.0.0.1:7001'
 VITE_BASE_SOCKET_PATH = '/ws-api'
 VITE_BASE_SOCKET_NSP = 'wss://nest-api.buqiyuan.site/admin'
 

mocks/index.ts

@@ -1,4 +1,4 @@
-import { enableMocking } from '@admin-pkg/mock-server';
+import { enableMocking } from '@admin-pkg/vite-plugin-msw';
 import { HttpHandler } from 'msw';
 
 const modules = import.meta.glob<any>('./**/*.ts', {

package.json

@@ -33,7 +33,7 @@
     "test:br": "npx http-server dist --cors --brotli -c-1"
   },
   "dependencies": {
-    "@admin-pkg/mock-server": "workspace:*",
+    "@admin-pkg/vite-plugin-msw": "workspace:*",
     "@ant-design/icons-vue": "~7.0.1",
     "@iconify/vue": "^4.1.1",
     "@tinymce/tinymce-vue": "^5.1.1",
@@ -136,7 +136,7 @@
   },
   "target": "web",
   "dependenciesMeta": {
-    "@admin-pkg/mock-server": {
+    "@admin-pkg/vite-plugin-msw": {
       "injected": true
     }
   },

packages/vite-plugin-msw/README.md

@@ -0,0 +1,93 @@
+# @admin-pkg/vite-plugin-msw
+
+Mock Service Worker browser and node integration for Vite.
+
+## Usage
+
+### Install
+
+```sh
+npm install --save-dev @admin-pkg/vite-plugin-msw
+# yarn add --dev @admin-pkg/vite-plugin-msw
+# pnpm add --save-dev @admin-pkg/vite-plugin-msw
+```
+
+### Define mocks
+
+https://mswjs.io/docs/getting-started/mocks
+
+### Add to Vite config
+
+```ts
+// Import plugin
+import msw from '@admin-pkg/vite-plugin-msw';
+
+// Import msw handlers
+import { handlers } from '../mocks/handlers';
+
+// Pass them to plugin
+export default defineConfig({
+  plugins: [msw({ handlers })],
+});
+```
+
+---
+
+## Config
+
+```ts
+interface VitePluginMswOptions {
+  handlers: RequestHandler[];
+  mode?: 'browser' | 'node';
+  build?: boolean;
+}
+```
+
+### Handlers
+
+- Required
+
+MSW handlers. More information on how to define these: https://mswjs.io/docs/getting-started/mocks
+
+### Mode
+
+- Optional
+- Default: `browser`
+
+#### Browser
+
+To start MSW in the client, please follow the [Configure worker step](https://mswjs.io/docs/getting-started/integrate/browser#configure-worker) and [Start worker step](https://mswjs.io/docs/getting-started/integrate/browser#start-worker) in the MSW docs. The `mockServiceWorker.js` file will be provided by the Vite Dev Server.
+
+#### Node
+
+This will handle the mocked service worker handlers via a Vite Dev Server plugin.
+
+### Build
+
+- Optional
+- Default: `false`
+
+A true value will output MSW's `mockServiceWorker.js` file to the Vite build directory, in case if MSW is needed in production.
+
+---
+
+## Development
+
+```
+npm run dev
+```
+
+### Example vite application with plugin
+
+```
+npm run build
+cd examples/with-vite
+npm run dev
+curl http://localhost:3000/api/health
+```
+
+### Build
+
+```
+npm run build
+```

packages/mock-server/package.json → packages/vite-plugin-msw/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@admin-pkg/mock-server",
+  "name": "@admin-pkg/vite-plugin-msw",
   "version": "0.0.1",
   "description": "",
   "module": "./dist/browser/index.mjs",
@@ -19,11 +19,28 @@
     "dev": "rimraf dist && tsup --watch",
     "build": "rimraf dist && tsup"
   },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
+  "keywords": [
+    "msw",
+    "mock",
+    "vite"
+  ],
+  "author": {
+    "name": "buqiyuan",
+    "email": "[email protected]",
+    "url": "https://github.com/buqiyuan"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/buqiyuan/vue3-antdv-admin/tree/main/packages/vite-plugin-msw",
+    "directory": "packages/vite-plugin-msw"
+  },
+  "homepage": "https://buqiyuan.github.io/vue3-antdv-admin/tree/main/packages/vite-plugin-msw#readme",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
   "dependencies": {
-    "@mswjs/interceptors": "^0.25.14",
+    "@mswjs/interceptors": "^0.25.15",
     "headers-polyfill": "^4.0.2",
     "strict-event-emitter": "^0.5.1"
   },

packages/mock-server/src/buildLocalMswFile.ts → packages/vite-plugin-msw/src/buildLocalMswFile.ts

@@ -16,15 +16,15 @@ const replaceCodeParts = [
   {
     from: 'const INTEGRITY_CHECKSUM = ',
     to: `
-// Inject by @admin-pkg/mock-server
+// Inject by @admin-pkg/vite-plugin-msw
 import { isMatchHandler } from './utils/isMatchHandler';
 const INTEGRITY_CHECKSUM = `,
   },
   {
     from: `self.addEventListener('message', async function (event) {`,
     to: `
 self.addEventListener('message', async function (event) {
-  // Inject by @admin-pkg/mock-server
+  // Inject by @admin-pkg/vite-plugin-msw
   if (event.data?.type === 'updateMockHeaders') {
     globalThis.mockHeaders = event.data.mockHeaders || [];
     // console.log('globalThis.mockHeaders', globalThis.mockHeaders);
@@ -39,7 +39,7 @@ self.addEventListener('fetch', function (event) {
 self.addEventListener('fetch', function (event) {
   const { request } = event
 
-  // Inject by @admin-pkg/mock-server
+  // Inject by @admin-pkg/vite-plugin-msw
   const isMockRequest = isMatchHandler(request);
   // console.log('isMockRequest', request.url, isMockRequest);
   if (isMockRequest === false) {

packages/mock-server/src/mockServiceWorker.js → packages/vite-plugin-msw/src/mockServiceWorker.js

@@ -2,13 +2,13 @@
 /* tslint:disable */
 
 /**
- * Mock Service Worker (2.1.3).
+ * Mock Service Worker (2.1.5).
  * @see https://github.com/mswjs/msw
  * - Please do NOT modify this file.
  * - Please do NOT serve this file on production.
  */
 
-// Inject by @admin-pkg/mock-server
+// Inject by @admin-pkg/vite-plugin-msw
 import { isMatchHandler } from './utils/isMatchHandler';
 const INTEGRITY_CHECKSUM = '223d191a56023cd36aa88c802961b911';
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse');
@@ -23,7 +23,7 @@ self.addEventListener('activate', function (event) {
 });
 
 self.addEventListener('message', async function (event) {
-  // Inject by @admin-pkg/mock-server
+  // Inject by @admin-pkg/vite-plugin-msw
   if (event.data?.type === 'updateMockHeaders') {
     globalThis.mockHeaders = event.data.mockHeaders || [];
     // console.log('globalThis.mockHeaders', globalThis.mockHeaders);
@@ -96,7 +96,7 @@ self.addEventListener('message', async function (event) {
 self.addEventListener('fetch', function (event) {
   const { request } = event;
 
-  // Inject by @admin-pkg/mock-server
+  // Inject by @admin-pkg/vite-plugin-msw
   const isMockRequest = isMatchHandler(request);
   // console.log('isMockRequest', request.url, isMockRequest);
   if (isMockRequest === false) {