whistle.mockbubu 1.0.0-dev.1 → 1.0.0-dev.3

package/README.md

@@ -13,7 +13,7 @@ $ w2 install whistle.mockbubu
 
 ### 配置 [whistle 规则](https://avwo.github.io/whistle/rules/)
 
-> mode 有三种选项 pathname | href | pattern，默认是 pathname
+> mode默认使用 pathname
 
 ```text
 pattern mockbubu://[mode]
@@ -28,53 +28,31 @@ pattern mockbubu://[mode]
 ```text
 pattern mockbubu://  或者 pattern mockbubu://pathname
 ```
+> 配置规则并开启插件后，mockbubu将实时获取匹配到的请求数据
 
----
-
-#### href 模式：使用接口的 路径 作为文件名
-
-```text
-pattern mockbubu://href
-
-```
-
----
-
-#### pattern 模式：使用 pattern 作为文件名
-
-```text
-pattern mockbubu://pattern
-```
+![alt text](https://www.helloimg.com/i/2025/08/08/68959441e385e.png)
 
 ---
 
 ### 开始 mock
 
-第一步：开启文件的 mock 开关，系统生成一条规则：
+第一步：开启文件的 mock 开关，拦截到对应请求mockbubu将直接返回对应匹配请求的数据，开启mock开关后可在Response面板管理文件内容
 
-```
-文件名 resBody:{文件内容}
-```
 
 第二步：在 Response 面板管理文件内容
 
-手动添加文件
-
-- 如果需要提前生成 mock 文件，可手动添加（通常不需要手动添加，通过实时捕获接口即可生成 mock 文件）
-
 编辑文件
 
 - 支持文件编辑
+- 支持快捷键保存 Mac: Command + s / Windows: Ctrl + s
 
 多版本
 
-- 支持新增不同版本的文件内容
+- 支持新增不同版本的文件内容,点击切换不同版本即刻生效返回该版本数据
 - 其中 source 版本是默认生成的，是原始接口响应数据，支持修改
 
 切换 mock 文件
 
 - mock 返回内容使用当前选中的版本
 
-![alt text](step1.png)
-
-![alt text](step2.png)
+![alt text](https://www.helloimg.com/i/2025/08/08/6895944122f24.png)

package/README_EN.md

@@ -0,0 +1,60 @@
+# whistle.mockbubu
+
+whistle.mockbubu is an extension script plugin for [whistle](https://github.com/avwo/whistle) that provides the following features:
+
+- Real-time generation of mock files from captured API responses
+- Mock file management
+
+# Installation
+
+```bash
+$ w2 install whistle.mockbubu
+```
+
+# Usage
+
+### Configure [whistle rules](https://avwo.github.io/whistle/rules/)
+
+> Default mode uses pathname
+
+```text
+pattern mockbubu://[mode]
+```
+
+### Generate Mock Files
+
+---
+
+#### Pathname Mode: Uses the interface's origin + pathname as the filename
+
+```text
+pattern mockbubu://   or pattern mockbubu://pathname
+```
+
+> After configuring the rules and enabling the plugin, mockbubu will capture matching request data in real-time
+
+![alt text](https://www.helloimg.com/i/2025/08/08/68959441e385e.png)
+
+---
+
+### Start Mocking
+
+**Step 1:** Enable the mock switch for the file. When mockbubu intercepts the corresponding request, it will directly return the matched request data. After enabling the mock switch, you can manage file content in the Response panel.
+
+**Step 2:** Manage file content in the Response panel
+
+**Edit Files**
+
+- Supports file editing
+- Supports keyboard shortcuts for saving: Mac: Command + S / Windows: Ctrl + S
+
+**Multiple Versions**
+
+- Supports creating different versions of file content. Click to switch between different versions for instant effect and return that version's data
+- The "source" version is the default generated version containing the original API response data and supports modification
+
+**Switch Mock Files**
+
+- Mock return content uses the currently selected version
+
+![alt text](https://www.helloimg.com/i/2025/08/08/6895944122f24.png) 

package/lib/server.js

@@ -95,10 +95,12 @@ module.exports = (server, { storage }) => {
               setApiListUpdated(storage, true)
             })
           }))
+
+          // 将响应透传给客户端
+          svrRes.pipe(res)
         })
 
         req.pipe(client)
-        req.passThrough()
       }
     } catch (error) {
       req.passThrough()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "whistle.mockbubu",
-  "version": "1.0.0-dev.1",
+  "version": "1.0.0-dev.3",
   "description": "mock response data",
   "scripts": {
     "lint": "eslint . --ext .js",
@@ -25,7 +25,7 @@
     ".gitignore",
     "index.js",
     "package.json",
-    "README.md",
+    "*.md",
     "step1.png",
     "step2.png"
   ],

package/public/js/app.js

@@ -947,7 +947,8 @@ const __default__ = {
         element_ui_lib_message__WEBPACK_IMPORTED_MODULE_2___default().error('更新失败');
       });
     };
-    const handleUpdate = () => {
+    const handleUpdate = e => {
+      e.preventDefault();
       if (currentFile.value.type === 'history') {
         updateHistory();
       } else {
@@ -1535,6 +1536,17 @@ var render = function render() {
         return _setup.handleFileChange();
       }
     },
+    nativeOn: {
+      keydown: [function ($event) {
+        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "s", undefined, $event.key, undefined)) return null;
+        if (!$event.metaKey) return null;
+        return _setup.handleUpdate.apply(null, arguments);
+      }, function ($event) {
+        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "s", undefined, $event.key, undefined)) return null;
+        if (!$event.ctrlKey) return null;
+        return _setup.handleUpdate.apply(null, arguments);
+      }]
+    },
     model: {
       value: _setup.currentFile.content,
       callback: function ($$v) {
@@ -1556,9 +1568,7 @@ var render = function render() {
       type: "primary"
     },
     on: {
-      click: function ($event) {
-        return _setup.handleUpdate();
-      }
+      click: _setup.handleUpdate
     }
   }, [_vm._v(" Save ")])], 1) : _vm._e()], 1), _c("el-dialog", {
     attrs: {