whistle.mock-plugins 1.3.1 → 1.4.0-beta.2

package/VERSION.md

@@ -1,5 +1,34 @@
 # 🔄 版本更新记录
 
+## 1.4.0-beta.2（2026-10-13）
+
+- UI 3.0、新旧界面切换、工作台独立滚动与恢复默认布局反馈的 beta 发布。
+- 与待审批 beta.1 功能一致，重新构建为独立版本；两个界面继续共用原有数据。
+
+
+## 1.4.0-beta.1（2026-10-13，待发布）
+
+- 统一顶部导航、页面层级和四套主题，增加布局偏好与恢复入口。
+- 接口页升级为模块 / 接口列表 / 详情三栏工作台；支持统一编辑、多响应管理、批量表格列设置和未保存草稿保护。
+- 重整模块、嗅探、统计、设置页面；嗅探支持完整历史与追加响应，统计统一日期 / URL 筛选。
+- 详细验收记录见仓库 `docs/ui-3.0-todo.md`。
+
+
+## v1.4.0-beta.0
+
+### ✨ Feature
+- **WebDAV 模块同步**：新增 WebDAV 同步能力，可将功能模块及接口配置同步到 WebDAV 服务器
+- **连接管理**：支持配置 WebDAV 地址与账号密码，支持测试连接、连接、刷新状态与断开连接
+- **推送 / 拉取**：支持按模块推送至远端或从远端拉取，支持强制覆盖（force）并处理远端清单冲突
+- **同步设置开关**：系统设置新增「WebDAV 同步」开关，开启后在功能模块管理页显示同步入口
+- **同步状态展示**：同步弹窗展示连接状态、最近同步时间与远端模块清单
+
+### 🔧 Technical
+- 新增后端 `app/cgi-bin/webdav.js` 与 `lib/webdav-sync.js`，实现 WebDAV 客户端与同步逻辑
+- 新增前端 `ui/src/components/WebDavSyncModal.js` 与 `ui/src/styles/webdav-sync.css`
+- 新增 `ui/src/utils/api-error.js`，统一解析 WebDAV 错误响应
+- 新增 `test/webdav-sync.test.js`、`test/api-error.test.js` 单元测试
+
 ## v1.3.1
 
 ### ✨ Feature

package/app/cgi-bin/interfaces.js

@@ -191,6 +191,7 @@ module.exports = function(req, res) {
           activeResponseId: interfaceData.activeResponseId !== undefined ? interfaceData.activeResponseId : interfacesData.interfaces[index].activeResponseId,
           targetUrl: interfaceData.targetUrl,
           customHeaders: interfaceData.customHeaders || {},
+          headers: interfaceData.headers || {},
           paramMatchers: interfaceData.paramMatchers || [],
           filePath: interfaceData.filePath,
           httpStatus: interfaceData.httpStatus || 200,
@@ -226,6 +227,7 @@ module.exports = function(req, res) {
           activeResponseId: interfaceData.activeResponseId || null,
           targetUrl: interfaceData.targetUrl || '',
           customHeaders: interfaceData.customHeaders || {},
+          headers: interfaceData.headers || {},
           paramMatchers: interfaceData.paramMatchers || [],
           filePath: interfaceData.filePath || '',
           httpStatus: interfaceData.httpStatus || 200,

package/app/cgi-bin/settings.js

@@ -4,6 +4,7 @@ const path = require('path');
 const DEFAULT_SETTINGS = {
   interfaceParamMatcherEnabled: true,
   responseParamMatcherEnabled: true,
+  webDavSyncEnabled: false,
 };
 
 module.exports = function(req, res) {

package/app/cgi-bin/stats.js

@@ -14,18 +14,30 @@ module.exports = (req, res) => {
     const type = req.query.type || 'overview';
 
     if (!fs.existsSync(LOGS_FILE)) {
-      return res.json({ code: 0, data: { logs: [], stats: {} } });
+      return res.json({ code: 0, data: { logs: [], timeline: {}, topInterfaces: [], topFeatures: [] } });
     }
 
     const logsData = fs.readJsonSync(LOGS_FILE);
     const logs = logsData.logs || [];
 
-    // 只取最近 7 天的日志做统计（避免数据量过大）
     const now = new Date();
-    const sevenDaysAgo = new Date(now.getTime() - 7 * 24 * 60 * 60 * 1000);
+    const dayKey = value => {
+      const date = new Date(value);
+      return `${date.getFullYear()}-${String(date.getMonth()+1).padStart(2,'0')}-${String(date.getDate()).padStart(2,'0')}`;
+    };
+    const parseDay = value => {
+      if (!/^\d{4}-\d{2}-\d{2}$/.test(value || '')) return null;
+      const date = new Date(`${value}T00:00:00`);
+      return Number.isFinite(date.getTime()) && dayKey(date) === value ? date : null;
+    };
+    const start = req.query.startDate ? parseDay(req.query.startDate) : new Date(now.getFullYear(),now.getMonth(),now.getDate()-6);
+    const end = req.query.endDate ? parseDay(req.query.endDate) : new Date(now.getFullYear(),now.getMonth(),now.getDate());
+    if (!start || !end || start > end || end-start > 366*86400000) return res.status(400).json({code:400,message:'请选择有效的日期范围（最多 366 天）'});
+    const endExclusive = new Date(end); endExclusive.setDate(endExclusive.getDate()+1);
+    const filterUrl = String(req.query.url || '').toLowerCase();
     const recentLogs = logs.filter(log => {
       const t = new Date(log.timestamp);
-      return t >= sevenDaysAgo;
+      return t >= start && t < endExclusive && (!filterUrl || String(log.url || '').toLowerCase().includes(filterUrl));
     });
 
     // 分离命中和未命中
@@ -69,7 +81,7 @@ module.exports = (req, res) => {
           const id = log.interfaceId || log.interfaceName || 'unknown';
           const name = log.interfaceName || id;
           if (!interfaceHitMap[id]) {
-            interfaceHitMap[id] = { id, name, count: 0 };
+            interfaceHitMap[id] = { id, name, featureId: log.featureId, count: 0 };
           }
           interfaceHitMap[id].count++;
         });
@@ -80,7 +92,7 @@ module.exports = (req, res) => {
         // Top 10 命中功能模块
         const featureHitMap = {};
         hitLogs.forEach(log => {
-          const id = log.featureName || log.featureId || 'unknown';
+          const id = log.featureId || log.featureName || 'unknown';
           const name = log.featureName || '未分类';
           if (!featureHitMap[id]) {
             featureHitMap[id] = { id, name, count: 0 };
@@ -98,13 +110,11 @@ module.exports = (req, res) => {
       case 'timeline': {
         // 最近 7 天每天的命中数
         const timeline = {};
-        for (let i = 6; i >= 0; i--) {
-          const d = new Date(now.getTime() - i * 24 * 60 * 60 * 1000);
-          const key = d.toISOString().slice(0, 10);
-          timeline[key] = 0;
+        for (let date = new Date(start); date <= end; date.setDate(date.getDate()+1)) {
+          timeline[dayKey(date)] = 0;
         }
         hitLogs.forEach(log => {
-          const key = new Date(log.timestamp).toISOString().slice(0, 10);
+          const key = dayKey(log.timestamp);
           if (timeline[key] !== undefined) {
             timeline[key]++;
           }
@@ -120,7 +130,7 @@ module.exports = (req, res) => {
         
         if (filterDate) {
           filteredLogs = filteredLogs.filter(log => {
-            const logDate = new Date(log.timestamp).toISOString().slice(0, 10);
+            const logDate = dayKey(log.timestamp);
             return logDate === filterDate;
           });
         }

package/app/cgi-bin/webdav.js

@@ -0,0 +1,56 @@
+const { createWebDavSync } = require('../../lib/webdav-sync');
+
+module.exports = async function(req, res) {
+  const webDavSync = createWebDavSync(this.dataDir);
+
+  try {
+    if (req.method == 'GET') {
+      return res.json({ code: 0, message: '成功', data: webDavSync.getStatus() });
+    }
+
+    if (req.method != 'POST') {
+      return res.status(405).json({ code: 405, message: 'Method Not Allowed', data: null });
+    }
+
+    const { action, force, featureIds, endpoint, username, password } = req.body || {};
+    const input = { endpoint, username, password };
+    let data;
+
+    switch (action) {
+      case 'test':
+        data = await webDavSync.test(input);
+        break;
+      case 'connect':
+        data = await webDavSync.connect(input);
+        break;
+      case 'refresh':
+        data = await webDavSync.refresh();
+        break;
+      case 'push':
+        data = await webDavSync.push({ force: force == true, featureIds });
+        break;
+      case 'pull':
+        data = await webDavSync.pull({ force: force == true, featureIds });
+        break;
+      case 'disconnect':
+        data = webDavSync.disconnect();
+        break;
+      default:
+        return res.status(400).json({ code: 400, message: '不支持的 WebDAV 操作', data: null });
+    }
+
+    return res.json({ code: 0, message: '成功', data });
+  } catch (error) {
+    const statusCode = error.statusCode || 500;
+    console.error(
+      `[webdav] ${req.body && req.body.action ? req.body.action : req.method} 失败:`,
+      error.message || error.code || error
+    );
+    return res.status(statusCode).json({
+      code: statusCode,
+      message: error.message || 'WebDAV 操作失败',
+      conflict: error.conflict || null,
+      data: null,
+    });
+  }
+};

package/app/public/index.html

@@ -1 +1 @@
-<!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Whistle Mock Plugin</title><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&family=Orbitron:wght@400;500;600;700;800;900&family=Share+Tech+Mono&display=swap" rel="stylesheet"><script defer="defer" src="/js/index.js"></script></head><body><div id="root"></div></body></html>
+<!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Whistle Mock Plugin</title><script defer="defer" src="/js/index.js"></script></head><body><div id="root"></div></body></html>