npm - whistle.pastekitlab - Versions diffs - 1.0.0 → 1.0.2 - Mend

whistle.pastekitlab 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/index.js CHANGED Viewed

@@ -5,15 +5,20 @@
  */
 const WebSocket = require('ws');
+const http = require('http');
+const fs = require('fs');
+const path = require('path');
 // ==================== 配置 ====================
 const CONFIG = {
     wsPort: 8889,
+    httpPort: 8890,
     logEnabled: true
 };
 // ==================== 全局状态 ====================
 let wss = null;
+let httpServer = null;
 let clients = new Map();
 let clientIdCounter = 0;
 let domainConfig = []; // 存储从 Chrome 插件接收的域名配置
@@ -145,11 +150,57 @@ function startWebSocketServer() {
         });
         log(`WebSocket 服务器已启动: ws://127.0.0.1:${CONFIG.wsPort}/ws`);
+        // 启动 HTTP 服务器（Options 页面）
+        startHttpServer();
     } catch (error) {
         log(`启动 WebSocket 服务器失败: ${error.message}`);
     }
 }
+// ==================== 启动 HTTP 服务器 ====================
+function startHttpServer() {
+    if (httpServer) return;
+    try {
+        httpServer = http.createServer((req, res) => {
+            const url = req.url;
+            // Options 页面
+            if (url === '/' || url === '/options' || url === '/options.html') {
+                const optionsPath = path.join(__dirname, 'options.html');
+                fs.readFile(optionsPath, 'utf8', (err, data) => {
+                    if (err) {
+                        res.writeHead(500);
+                        res.end('Internal Server Error');
+                        return;
+                    }
+                    res.setHeader('Content-Type', 'text/html; charset=utf-8');
+                    res.end(data);
+                });
+                return;
+            }
+            res.writeHead(404);
+            res.end('Not Found');
+        });
+        httpServer.listen(CONFIG.httpPort, () => {
+            log(`Options 页面已启动: http://127.0.0.1:${CONFIG.httpPort}`);
+        });
+        httpServer.on('error', (error) => {
+            if (error.code === 'EADDRINUSE') {
+                log(`端口 ${CONFIG.httpPort} 已被占用`);
+            } else {
+                log(`HTTP 服务器错误: ${error.message}`);
+            }
+        });
+    } catch (error) {
+        log(`启动 HTTP 服务器失败: ${error.message}`);
+    }
+}
 // ==================== 广播消息给所有客户端 ====================
 function broadcastToClients(msgType, data) {
     if (clients.size === 0) return;

package/options.html ADDED Viewed

@@ -0,0 +1,468 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>PasteKit Lab - 域名配置</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
+            padding: 20px;
+        }
+        .container {
+            max-width: 900px;
+            margin: 0 auto;
+            background: white;
+            border-radius: 12px;
+            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+            overflow: hidden;
+        }
+        .header {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            padding: 30px;
+            text-align: center;
+        }
+        .header h1 {
+            font-size: 28px;
+            margin-bottom: 10px;
+        }
+        .header p {
+            opacity: 0.9;
+            font-size: 14px;
+        }
+        .content {
+            padding: 30px;
+        }
+        .section {
+            margin-bottom: 30px;
+        }
+        .section-title {
+            font-size: 18px;
+            font-weight: 600;
+            color: #333;
+            margin-bottom: 15px;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        .section-title::before {
+            content: '';
+            width: 4px;
+            height: 20px;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            border-radius: 2px;
+        }
+        .domain-input-group {
+            display: flex;
+            gap: 10px;
+            margin-bottom: 15px;
+        }
+        .domain-input {
+            flex: 1;
+            padding: 12px 16px;
+            border: 2px solid #e0e0e0;
+            border-radius: 8px;
+            font-size: 14px;
+            transition: all 0.3s;
+        }
+        .domain-input:focus {
+            outline: none;
+            border-color: #667eea;
+            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
+        }
+        .btn {
+            padding: 12px 24px;
+            border: none;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 600;
+            cursor: pointer;
+            transition: all 0.3s;
+        }
+        .btn-primary {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+        }
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
+        }
+        .btn-danger {
+            background: #ff4757;
+            color: white;
+            padding: 6px 12px;
+            font-size: 12px;
+        }
+        .btn-danger:hover {
+            background: #ff3838;
+        }
+        .domain-list {
+            list-style: none;
+        }
+        .domain-item {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 12px 16px;
+            background: #f8f9fa;
+            border-radius: 8px;
+            margin-bottom: 8px;
+            transition: all 0.3s;
+        }
+        .domain-item:hover {
+            background: #e9ecef;
+            transform: translateX(5px);
+        }
+        .domain-text {
+            font-size: 14px;
+            color: #333;
+            font-family: 'Courier New', monospace;
+        }
+        .empty-state {
+            text-align: center;
+            padding: 40px;
+            color: #999;
+        }
+        .empty-state svg {
+            width: 64px;
+            height: 64px;
+            margin-bottom: 15px;
+            opacity: 0.3;
+        }
+        .status-bar {
+            background: #f8f9fa;
+            padding: 15px 20px;
+            border-top: 1px solid #e0e0e0;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            font-size: 13px;
+            color: #666;
+        }
+        .status-indicator {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        .status-dot {
+            width: 8px;
+            height: 8px;
+            border-radius: 50%;
+            background: #2ed573;
+            animation: pulse 2s infinite;
+        }
+        @keyframes pulse {
+            0%, 100% { opacity: 1; }
+            50% { opacity: 0.5; }
+        }
+        .toast {
+            position: fixed;
+            top: 20px;
+            right: 20px;
+            background: #2ed573;
+            color: white;
+            padding: 12px 24px;
+            border-radius: 8px;
+            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
+            transform: translateX(400px);
+            transition: transform 0.3s;
+            z-index: 1000;
+        }
+        .toast.show {
+            transform: translateX(0);
+        }
+        .help-text {
+            font-size: 12px;
+            color: #999;
+            margin-top: 8px;
+            line-height: 1.6;
+        }
+        .help-text code {
+            background: #f0f0f0;
+            padding: 2px 6px;
+            border-radius: 3px;
+            font-family: 'Courier New', monospace;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <h1>🔧 PasteKit Lab 域名配置</h1>
+            <p>配置需要拦截的域名，请求将通过 WebSocket 发送到 Chrome 插件</p>
+        </div>
+        <div class="content">
+            <div class="section">
+                <div class="section-title">添加域名</div>
+                <div class="domain-input-group">
+                    <input
+                        type="text"
+                        id="domainInput"
+                        class="domain-input"
+                        placeholder="输入域名，如：example.com 或 *.test.com"
+                    >
+                    <button class="btn btn-primary" onclick="addDomain()">添加</button>
+                </div>
+                <div class="help-text">
+                    💡 支持精确匹配（<code>example.com</code>）和通配符匹配（<code>*.example.com</code>）
+                </div>
+            </div>
+            <div class="section">
+                <div class="section-title">已配置的域名 (<span id="domainCount">0</span>)</div>
+                <ul id="domainList" class="domain-list">
+                    <!-- 域名列表将在这里动态生成 -->
+                </ul>
+                <div id="emptyState" class="empty-state" style="display: none;">
+                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <circle cx="12" cy="12" r="10"></circle>
+                        <line x1="12" y1="8" x2="12" y2="12"></line>
+                        <line x1="12" y1="16" x2="12.01" y2="16"></line>
+                    </svg>
+                    <p>暂无配置的域名</p>
+                </div>
+            </div>
+        </div>
+        <div class="status-bar">
+            <div class="status-indicator">
+                <div class="status-dot"></div>
+                <span>WebSocket: ws://127.0.0.1:8889/ws</span>
+            </div>
+            <div id="connectionStatus">未连接</div>
+        </div>
+    </div>
+    <div id="toast" class="toast"></div>
+    <script>
+        let domains = [];
+        let ws = null;
+        let reconnectTimer = null;
+        // 初始化
+        function init() {
+            loadDomains();
+            connectWebSocket();
+        }
+        // 加载保存的域名
+        function loadDomains() {
+            const saved = localStorage.getItem('pastekitlab_domains');
+            if (saved) {
+                domains = JSON.parse(saved);
+                renderDomains();
+            }
+        }
+        // 保存域名
+        function saveDomains() {
+            localStorage.setItem('pastekitlab_domains', JSON.stringify(domains));
+            sendDomainConfig();
+        }
+        // 渲染域名列表
+        function renderDomains() {
+            const listEl = document.getElementById('domainList');
+            const emptyEl = document.getElementById('emptyState');
+            const countEl = document.getElementById('domainCount');
+            countEl.textContent = domains.length;
+            if (domains.length === 0) {
+                listEl.innerHTML = '';
+                emptyEl.style.display = 'block';
+                return;
+            }
+            emptyEl.style.display = 'none';
+            listEl.innerHTML = domains.map((domain, index) => `
+                <li class="domain-item">
+                    <span class="domain-text">${escapeHtml(domain)}</span>
+                    <button class="btn btn-danger" onclick="removeDomain(${index})">删除</button>
+                </li>
+            `).join('');
+        }
+        // 添加域名
+        function addDomain() {
+            const input = document.getElementById('domainInput');
+            const domain = input.value.trim();
+            if (!domain) {
+                showToast('请输入域名', 'error');
+                return;
+            }
+            // 验证域名格式
+            if (!isValidDomain(domain)) {
+                showToast('域名格式不正确', 'error');
+                return;
+            }
+            // 检查是否已存在
+            if (domains.includes(domain)) {
+                showToast('该域名已存在', 'error');
+                return;
+            }
+            domains.push(domain);
+            saveDomains();
+            renderDomains();
+            input.value = '';
+            showToast('域名添加成功');
+        }
+        // 删除域名
+        function removeDomain(index) {
+            domains.splice(index, 1);
+            saveDomains();
+            renderDomains();
+            showToast('域名已删除');
+        }
+        // 验证域名格式
+        function isValidDomain(domain) {
+            // 支持 *.example.com 或 example.com
+            const pattern = /^(\*\.)?([a-zA-Z0-9]([a-zA-Z0-9\-]*[a-zA-Z0-9])?\.)+[a-zA-Z]{2,}$/;
+            return pattern.test(domain);
+        }
+        // 连接 WebSocket
+        function connectWebSocket() {
+            if (ws && ws.readyState === WebSocket.OPEN) {
+                return;
+            }
+            try {
+                ws = new WebSocket('ws://127.0.0.1:8889/ws');
+                ws.onopen = () => {
+                    console.log('WebSocket 连接成功');
+                    updateConnectionStatus('已连接', true);
+                    sendDomainConfig();
+                };
+                ws.onmessage = (event) => {
+                    const message = JSON.parse(event.data);
+                    console.log('收到消息:', message);
+                    if (message.msgType === 'domainConfigReceived') {
+                        showToast(`配置已同步 (${message.domainCount} 个域名)`);
+                    }
+                };
+                ws.onclose = () => {
+                    console.log('WebSocket 连接关闭');
+                    updateConnectionStatus('未连接', false);
+                    // 自动重连
+                    if (!reconnectTimer) {
+                        reconnectTimer = setTimeout(() => {
+                            reconnectTimer = null;
+                            connectWebSocket();
+                        }, 3000);
+                    }
+                };
+                ws.onerror = (error) => {
+                    console.error('WebSocket 错误:', error);
+                    updateConnectionStatus('连接错误', false);
+                };
+            } catch (error) {
+                console.error('连接失败:', error);
+                updateConnectionStatus('连接失败', false);
+            }
+        }
+        // 发送域名配置
+        function sendDomainConfig() {
+            if (ws && ws.readyState === WebSocket.OPEN) {
+                const config = {
+                    msgType: 'domain',
+                    domain: domains,
+                    mockUrls: []
+                };
+                ws.send(JSON.stringify(config));
+                console.log('已发送域名配置:', config);
+            }
+        }
+        // 更新连接状态
+        function updateConnectionStatus(text, connected) {
+            const statusEl = document.getElementById('connectionStatus');
+            statusEl.textContent = text;
+            statusEl.style.color = connected ? '#2ed573' : '#ff4757';
+        }
+        // 显示提示
+        function showToast(message, type = 'success') {
+            const toast = document.getElementById('toast');
+            toast.textContent = message;
+            toast.style.background = type === 'error' ? '#ff4757' : '#2ed573';
+            toast.classList.add('show');
+            setTimeout(() => {
+                toast.classList.remove('show');
+            }, 3000);
+        }
+        // HTML 转义
+        function escapeHtml(text) {
+            const div = document.createElement('div');
+            div.textContent = text;
+            return div.innerHTML;
+        }
+        // 回车键添加域名
+        document.getElementById('domainInput').addEventListener('keypress', (e) => {
+            if (e.key === 'Enter') {
+                addDomain();
+            }
+        });
+        // 页面加载时初始化
+        window.addEventListener('DOMContentLoaded', init);
+    </script>
+</body>
+</html>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "whistle.pastekitlab",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Whistle plugin for PasteKit Lab - Intercepts requests and sends them to requestlistviewer via WebSocket",
   "main": "index.js",
   "scripts": {
@@ -22,6 +22,7 @@
   },
   "whistleConfig": {
     "name": "pastekitlab",
-    "description": "PasteKit Lab 请求拦截插件，通过 WebSocket 将请求发送到 requestlistviewer 展示"
+    "description": "PasteKit Lab 请求拦截插件，通过 WebSocket 将请求发送到 requestlistviewer 展示",
+    "optionsPage": "http://127.0.0.1:8890"
   }
 }

package/rules.txt ADDED Viewed

@@ -0,0 +1,8 @@
+# PasteKit Lab Options 页面代理规则
+# 将 whistle 的插件页面代理到本地 HTTP 服务器
+# 方法 1: 直接在浏览器访问
+# http://127.0.0.1:8890
+# 方法 2: 通过 whistle 代理（取消下面的注释）
+# plugin.pastekitlab/ 127.0.0.1:8890

package/config-whistle.sh DELETED Viewed

@@ -1,19 +0,0 @@
-#!/bin/bash
-# 配置 whistle 规则以使用 PasteKit Lab 插件
-echo "🔧 配置 Whistle 规则..."
-# 添加规则
-w2 rule add "http://*.* pastekitlab" 2>/dev/null
-w2 rule add "https://*.* pastekitlab" 2>/dev/null
-echo "✅ 规则已添加"
-echo ""
-echo "📋 当前规则："
-w2 rule list | grep pastekitlab || echo "（无规则）"
-echo ""
-echo "💡 提示："
-echo "   1. 重启 whistle: w2 restart"
-echo "   2. 访问 http://127.0.0.1:8899 查看规则"
-echo "   3. Dashboard: http://127.0.0.1:8890"