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

package/ui/src/components/interface-management/utils.js

@@ -1,103 +0,0 @@
-import axios from 'axios';
-import { v4 as uuidv4 } from 'uuid';
-
-// 清理JSON响应
-export const cleanJsonResponse = (jsonStr) => {
-  try {
-    const parsed = JSON.parse(jsonStr);
-    return JSON.stringify(parsed);
-  } catch (e) {
-    return jsonStr;
-  }
-};
-
-// 验证URL是否合法
-export const isValidUrl = (url) => {
-  if (!url) return false;
-  
-  try {
-    new URL(url);
-    return true;
-  } catch (e) {
-    return false;
-  }
-};
-
-// 缓存刷新服务
-export const flushCache = async () => {
-  try {
-    const response = await axios.get('/_flush_cache');
-    return response.data;
-  } catch (error) {
-    console.error('刷新缓存失败:', error);
-    throw error;
-  }
-};
-
-// 更新成功后刷新缓存
-export const refreshCacheAfterUpdate = async () => {
-  try {
-    await flushCache();
-    // 这里不需要显示提示，因为主要操作会有自己的提示
-  } catch (error) {
-    // 如果刷新缓存失败，记录错误但不影响用户体验
-    console.error('刷新缓存失败，可能需要等待缓存自动过期:', error);
-  }
-};
-
-// 检查 URL 是否匹配模式
-export const isUrlMatchPattern = (url, pattern, proxyType) => {
-  if (!url || !pattern) return false;
-  
-  try {
-    // 对于url_redirect类型，需要完全匹配
-    if (proxyType === 'url_redirect') {
-      return url === pattern;
-    }
-    
-    // 对于redirect类型，只要url以pattern开头即可命中（前缀匹配）
-    if (proxyType === 'redirect') {
-      return url.indexOf(pattern) === 0;
-    }
-    
-    // 以下是默认的匹配逻辑（用于response类型等）
-    // 如果是正则表达式
-    if (pattern.startsWith('/') && pattern.endsWith('/')) {
-      const regex = new RegExp(pattern.slice(1, -1));
-      return regex.test(url);
-    }
-    
-    // 如果是通配符模式
-    if (pattern.includes('*')) {
-      const regexPattern = pattern
-        .replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
-        .replace(/\*/g, '.*');
-      const regex = new RegExp(`^${regexPattern}$`);
-      return regex.test(url);
-    }
-    
-    // 精确匹配
-    return url === pattern;
-  } catch (e) {
-    console.error('URL匹配检查失败:', e);
-    return false;
-  }
-};
-
-// 格式化响应内容
-export const formatResponseContent = (content, contentType) => {
-  if (contentType && contentType.includes('json')) {
-    try {
-      const parsed = JSON.parse(content);
-      return JSON.stringify(parsed, null, 2);
-    } catch (e) {
-      return content;
-    }
-  }
-  return content;
-};
-
-// 生成唯一的响应ID
-export const generateResponseId = () => {
-  return uuidv4();
-}; 

package/ui/src/hooks/useKeyboardShortcuts.js

@@ -1,99 +0,0 @@
-import { useEffect, useCallback } from 'react';
-import { useHistory } from 'react-router-dom';
-import { message } from 'antd';
-
-/**
- * 全局键盘快捷键 Hook
- * 
- * 支持的快捷键：
- * - Esc: 关闭当前弹窗/抽屉（触发全局 close-modal 事件）
- * - Ctrl/Cmd + S: 保存（触发全局 save-form 事件）
- * - Ctrl/Cmd + 1: 跳转到功能模块
- * - Ctrl/Cmd + 2: 跳转到接口管理
- * - Ctrl/Cmd + 3: 跳转到系统设置
- * - Ctrl/Cmd + 4: 跳转到请求统计
- * - Ctrl/Cmd + 5: 跳转到接口嗅探
- * - Ctrl/Cmd + Shift + N: 新建接口（在接口管理页触发）
- * - Ctrl/Cmd + K: 聚焦搜索框（触发全局 focus-search 事件）
- * - Shift + ?: 显示快捷键帮助
- */
-
-const SHORTCUTS = [
-  { key: 'Esc', desc: '关闭弹窗/抽屉' },
-  { key: 'Ctrl + S', desc: '保存表单' },
-  { key: 'Ctrl + 1', desc: '功能模块' },
-  { key: 'Ctrl + 2', desc: '接口管理' },
-  { key: 'Ctrl + 3', desc: '系统设置' },
-  { key: 'Ctrl + 4', desc: '请求统计' },
-  { key: 'Ctrl + 5', desc: '接口嗅探' },
-  { key: 'Ctrl + Shift + N', desc: '新建接口' },
-  { key: 'Ctrl + K', desc: '聚焦搜索' },
-  { key: 'Shift + ?', desc: '快捷键帮助' },
-];
-
-export const getShortcutsList = () => SHORTCUTS;
-
-export const useKeyboardShortcuts = () => {
-  const history = useHistory();
-
-  const handleKeyDown = useCallback((e) => {
-    const isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;
-    const ctrlOrCmd = isMac ? e.metaKey : e.ctrlKey;
-
-    // 忽略在输入框、文本域中的快捷键（导航类除外）
-    const tagName = e.target?.tagName?.toLowerCase();
-    const isInput = tagName === 'input' || tagName === 'textarea' || e.target?.isContentEditable;
-
-    // Shift + ? 显示帮助（非输入框时）
-    if (e.shiftKey && e.key === '?' && !isInput) {
-      e.preventDefault();
-      window.dispatchEvent(new CustomEvent('keyboard-shortcuts-help'));
-      return;
-    }
-
-    // Esc 关闭弹窗/抽屉
-    if (e.key === 'Escape') {
-      window.dispatchEvent(new CustomEvent('shortcut-esc'));
-      return;
-    }
-
-    // Ctrl/Cmd + 数字键 导航
-    if (ctrlOrCmd && !e.shiftKey && /^[1-5]$/.test(e.key)) {
-      e.preventDefault();
-      const routes = ['/', '/interface', '/settings', '/stats', '/sniffer'];
-      const names = ['功能模块', '接口管理', '系统设置', '请求统计', '接口嗅探'];
-      const idx = parseInt(e.key, 10) - 1;
-      history.push(routes[idx]);
-      message.success(`已切换到${names[idx]}`);
-      return;
-    }
-
-    // Ctrl/Cmd + S 保存
-    if (ctrlOrCmd && e.key.toLowerCase() === 's' && !e.shiftKey) {
-      e.preventDefault();
-      window.dispatchEvent(new CustomEvent('shortcut-save'));
-      return;
-    }
-
-    // Ctrl/Cmd + Shift + N 新建接口
-    if (ctrlOrCmd && e.shiftKey && e.key.toLowerCase() === 'n') {
-      e.preventDefault();
-      window.dispatchEvent(new CustomEvent('shortcut-new-interface'));
-      return;
-    }
-
-    // Ctrl/Cmd + K 聚焦搜索
-    if (ctrlOrCmd && e.key.toLowerCase() === 'k' && !e.shiftKey) {
-      e.preventDefault();
-      window.dispatchEvent(new CustomEvent('shortcut-focus-search'));
-      return;
-    }
-  }, [history]);
-
-  useEffect(() => {
-    document.addEventListener('keydown', handleKeyDown);
-    return () => document.removeEventListener('keydown', handleKeyDown);
-  }, [handleKeyDown]);
-};
-
-export default useKeyboardShortcuts;

package/ui/src/index.html

@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <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">
-</head>
-<body>
-  <div id="root"></div>
-</body>
-</html>

package/ui/src/index.js

@@ -1,50 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { HashRouter as Router, Switch, Route, Redirect } from 'react-router-dom';
-
-// 导入样式
-import 'antd/dist/reset.css';
-import './styles/global.css';
-import './App.css';
-
-// 赛博朋克主题 CSS（规则均带 body.cyber-theme 前缀，默认不生效）
-require('./styles/cyber-theme.css');
-
-// 大地色系主题 CSS（规则均带 body.earth-theme 前缀，默认不生效）
-require('./styles/earth-theme.css');
-
-// 导入页面组件
-import MockData from './pages/MockDataV2';
-import InterfaceManagement from './pages/InterfaceManagementV2';
-import Settings from './pages/Settings';
-import Stats from './pages/Stats';
-import Sniffer from './pages/Sniffer';
-
-const App = () => {
-  return (
-    <Router>
-      <div className="App">
-        <Switch>
-          <Route exact path="/" component={MockData} />
-          <Route exact path="/interface" component={InterfaceManagement} />
-          <Route path="/interface/:featureId" component={InterfaceManagement} />
-          <Route path="/stats" component={Stats} />
-          <Route path="/sniffer" component={Sniffer} />
-          <Route path="/settings" component={Settings} />
-          <Redirect to="/" />
-        </Switch>
-      </div>
-    </Router>
-  );
-};
-
-// 确保使用正确的渲染方法，兼容React 18和旧版本
-const root = document.getElementById('root');
-if (ReactDOM.createRoot) {
-  // React 18+
-  const rootElement = ReactDOM.createRoot(root);
-  rootElement.render(<App />);
-} else {
-  // 旧版本React
-  ReactDOM.render(<App />, root);
-}