@leeguoo/pwtk-network-debugger 1.1.0 → 1.2.0

package/dist/index.esm.js

@@ -6671,17 +6671,10 @@ function decrypt(encryptedData, keyStr) {
   return encryptedData;
 }
 class NetworkInterceptor {
-  constructor(options = {}) {
+  constructor() {
     this.requests = /* @__PURE__ */ new Map();
     this.listeners = [];
     this.decryptConfig = { enabled: false };
-    this.STORAGE_KEY = "network_debugger_requests";
-    this.MAX_STORAGE_SIZE = 100;
-    this.persistenceEnabled = true;
-    this.persistenceEnabled = options.persistence !== false;
-    if (this.persistenceEnabled) {
-      this.loadFromStorage();
-    }
     this.interceptXHR();
     this.interceptFetch();
   }
@@ -6714,9 +6707,6 @@ class NetworkInterceptor {
   }
   clearRequests() {
     this.requests.clear();
-    if (this.persistenceEnabled) {
-      this.clearStorage();
-    }
   }
   generateRequestId() {
     return Math.random().toString(36).substr(2, 9);
@@ -6781,37 +6771,6 @@ class NetworkInterceptor {
     }
     return null;
   }
-  // 持久化存储方法
-  saveToStorage() {
-    if (!this.persistenceEnabled) return;
-    try {
-      const requests = Array.from(this.requests.values()).sort((a, b) => b.timestamp - a.timestamp).slice(0, this.MAX_STORAGE_SIZE);
-      localStorage.setItem(this.STORAGE_KEY, JSON.stringify(requests));
-    } catch (e) {
-      console.warn("NetworkDebugger: Failed to save to localStorage:", e);
-    }
-  }
-  loadFromStorage() {
-    try {
-      const stored = localStorage.getItem(this.STORAGE_KEY);
-      if (stored) {
-        const requests = JSON.parse(stored);
-        requests.forEach((req) => {
-          this.requests.set(req.id, req);
-        });
-        console.log(`NetworkDebugger: 从存储中恢复了 ${requests.length} 条请求记录`);
-      }
-    } catch (e) {
-      console.warn("NetworkDebugger: Failed to load from localStorage:", e);
-    }
-  }
-  clearStorage() {
-    try {
-      localStorage.removeItem(this.STORAGE_KEY);
-    } catch (e) {
-      console.warn("NetworkDebugger: Failed to clear storage:", e);
-    }
-  }
   interceptXHR() {
     const originalXHR = window.XMLHttpRequest;
     const self2 = this;
@@ -6848,13 +6807,11 @@ class NetworkInterceptor {
             if (decrypted !== null) {
               requestData.decryptedRequest = decrypted;
               self2.requests.set(requestId, requestData);
-              self2.saveToStorage();
               self2.notifyListeners(requestData);
             }
           }).catch((e) => console.warn("解密请求失败:", e));
         }
         self2.requests.set(requestId, requestData);
-        self2.saveToStorage();
         self2.notifyListeners(requestData);
         return originalSend.call(this, body);
       };
@@ -6887,13 +6844,11 @@ class NetworkInterceptor {
                 if (decrypted !== null) {
                   requestData.decryptedResponse = decrypted;
                   self2.requests.set(requestId, requestData);
-                  self2.saveToStorage();
                   self2.notifyListeners(requestData);
                 }
               }).catch((e) => console.warn("解密响应失败:", e));
             }
             self2.requests.set(requestId, requestData);
-            self2.saveToStorage();
             self2.notifyListeners(requestData);
           }
         }
@@ -6951,13 +6906,11 @@ class NetworkInterceptor {
           if (decrypted !== null) {
             requestData.decryptedRequest = decrypted;
             self2.requests.set(requestId, requestData);
-            self2.saveToStorage();
             self2.notifyListeners(requestData);
           }
         }).catch((e) => console.warn("解密请求失败:", e));
       }
       self2.requests.set(requestId, requestData);
-      self2.saveToStorage();
       self2.notifyListeners(requestData);
       try {
         const response = await originalFetch.call(this, input, init);
@@ -6988,7 +6941,6 @@ class NetworkInterceptor {
                 if (decrypted !== null) {
                   updatedRequestData.decryptedResponse = decrypted;
                   self2.requests.set(requestId, updatedRequestData);
-                  self2.saveToStorage();
                   self2.notifyListeners(updatedRequestData);
                 }
               }).catch((e) => console.warn("解密响应失败:", e));
@@ -6997,7 +6949,6 @@ class NetworkInterceptor {
             updatedRequestData.error = `Failed to read response: ${error}`;
           }
           self2.requests.set(requestId, updatedRequestData);
-          self2.saveToStorage();
           self2.notifyListeners(updatedRequestData);
         }
         return response;
@@ -7008,7 +6959,6 @@ class NetworkInterceptor {
           updatedRequestData.error = error instanceof Error ? error.message : String(error);
           updatedRequestData.duration = endTime - startTime;
           self2.requests.set(requestId, updatedRequestData);
-          self2.saveToStorage();
           self2.notifyListeners(updatedRequestData);
         }
         throw error;
@@ -7330,6 +7280,7 @@ const styles = `
   padding: 10px;
   cursor: pointer;
   transition: all 0.2s;
+  position: relative;
 }
 
 .request-item:hover {
@@ -7479,6 +7430,27 @@ const styles = `
   font-weight: bold;
 }
 
+.share-btn {
+  background: #2196F3;
+  color: #fff;
+  border: none;
+  padding: 4px 8px;
+  border-radius: 3px;
+  font-size: 10px;
+  margin-left: 8px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.share-btn:hover {
+  background: #1976D2;
+  transform: scale(1.1);
+}
+
+.share-btn:active {
+  transform: scale(0.95);
+}
+
 .console-content {
   background: #000;
   color: #0f0;
@@ -7646,6 +7618,77 @@ const styles = `
   cursor: sw-resize;
 }
 `;
+async function createShareLink(requestData) {
+  try {
+    const shareData = {
+      // 基础信息
+      url: requestData.url,
+      method: requestData.method,
+      headers: requestData.headers,
+      status: requestData.status,
+      statusText: requestData.statusText,
+      timestamp: requestData.timestamp,
+      duration: requestData.duration,
+      // 请求和响应数据
+      requestBody: requestData.requestBody,
+      responseBody: requestData.responseBody,
+      responseHeaders: requestData.responseHeaders,
+      // 解密后的数据（如果有）
+      decryptedRequest: requestData.decryptedRequest,
+      decryptedResponse: requestData.decryptedResponse,
+      // 错误信息（如果有）
+      error: requestData.error,
+      // 元数据
+      creator: "PWTK Network Debugger by Leo (@leeguoo)",
+      createdAt: Date.now(),
+      version: "1.2.0"
+    };
+    const response = await fetch("https://gw-card-pay.buyacard.cc/api/dokv/storage", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({
+        data: shareData,
+        type: "network-request",
+        expireIn: 7 * 24 * 60 * 60 * 1e3
+        // 7天过期
+      })
+    });
+    const result = await response.json();
+    if (result.success && result.id) {
+      const shareUrl = `https://curl.bwg.leeguoo.com/share/${result.id}`;
+      console.log(`🔗 分享链接创建成功 (by Leo): ${shareUrl}`);
+      return shareUrl;
+    } else {
+      throw new Error(result.message || "创建分享失败");
+    }
+  } catch (error) {
+    console.error("NetworkDebugger: 创建分享链接失败:", error);
+    throw error;
+  }
+}
+async function copyToClipboard(text) {
+  try {
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+      await navigator.clipboard.writeText(text);
+      return true;
+    } else {
+      const textArea = document.createElement("textarea");
+      textArea.value = text;
+      textArea.style.position = "fixed";
+      textArea.style.opacity = "0";
+      document.body.appendChild(textArea);
+      textArea.select();
+      const success = document.execCommand("copy");
+      document.body.removeChild(textArea);
+      return success;
+    }
+  } catch (error) {
+    console.error("复制到剪贴板失败:", error);
+    return false;
+  }
+}
 class DebugPanel {
   constructor(interceptor, config = {}) {
     this.isDragging = false;
@@ -7678,7 +7721,7 @@ class DebugPanel {
     this.container.className = `${this.config.position} ${this.config.minimized ? "minimized" : ""}`;
     this.container.innerHTML = `
       <div class="debugger-header">
-        <div class="debugger-title">🔍 Network Debugger</div>
+        <div class="debugger-title">🔍 Network Debugger <span style="font-size: 10px; opacity: 0.7;">by Leo</span></div>
         <div class="debugger-controls">
           <button class="debugger-btn" data-action="clear" title="清空">🗑️</button>
           <button class="debugger-btn" data-action="export" title="导出">💾</button>
@@ -7692,6 +7735,7 @@ class DebugPanel {
           <button class="debugger-tab active" data-tab="network">网络</button>
           ${this.config.showConsole ? '<button class="debugger-tab" data-tab="console">控制台</button>' : ""}
           <button class="debugger-tab" data-tab="tools">工具</button>
+          <button class="debugger-tab" data-tab="about">关于</button>
         </div>
         <div class="debugger-panel-content">
           <div class="network-panel" data-panel="network">
@@ -7719,6 +7763,19 @@ class DebugPanel {
               <textarea placeholder="在这里粘贴 cURL 命令或输入要测试的数据..." style="width: 100%; height: 200px; background: #222; color: #fff; border: 1px solid #444; padding: 8px; font-family: monospace;"></textarea>
             </div>
           </div>
+          <div class="about-panel" data-panel="about" style="display: none;">
+            <div style="padding: 20px; color: #fff; text-align: center;">
+              <h2 style="margin: 0 0 20px 0;">🔍 PWTK Network Debugger</h2>
+              <p style="margin: 10px 0;">Version: 1.2.0</p>
+              <p style="margin: 10px 0;">👨‍💻 Created by <strong>Leo (@leeguoo)</strong></p>
+              <p style="margin: 10px 0;">📧 技术支持：请联系 Leo</p>
+              <p style="margin: 10px 0;">🌐 分享服务：curl.bwg.leeguoo.com</p>
+              <div style="margin-top: 20px; padding: 15px; background: #333; border-radius: 8px;">
+                <p style="margin: 5px 0; font-size: 12px;">本工具专为 PWTK 项目开发</p>
+                <p style="margin: 5px 0; font-size: 12px;">提供网络请求拦截、解密、分享等功能</p>
+              </div>
+            </div>
+          </div>
         </div>
       </div>
     `;
@@ -7838,6 +7895,7 @@ class DebugPanel {
         <span class="request-status ${statusClass}">${request.status || "ERR"}</span>
         ${hasDecryptedData ? '<span class="decrypted-badge">🔓</span>' : ""}
         ${hasError ? '<span class="error-badge">⚠️</span>' : ""}
+        <button class="share-btn" title="分享此请求 (by Leo)" onclick="event.stopPropagation()">📤</button>
       </div>
       <div class="request-info">
         <span>${new Date(request.timestamp).toLocaleTimeString()}</span>
@@ -7850,6 +7908,13 @@ class DebugPanel {
     item.addEventListener("click", () => {
       item.classList.toggle("expanded");
     });
+    const shareBtn = item.querySelector(".share-btn");
+    if (shareBtn) {
+      shareBtn.addEventListener("click", async (e) => {
+        e.stopPropagation();
+        await this.shareRequest(request);
+      });
+    }
     return item;
   }
   renderRequestDetails(request) {
@@ -7982,7 +8047,8 @@ class DebugPanel {
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
       requests: this.requestsCache,
       userAgent: navigator.userAgent,
-      url: window.location.href
+      url: window.location.href,
+      creator: "PWTK Network Debugger by Leo (@leeguoo)"
     };
     const blob = new Blob([JSON.stringify(data, null, 2)], { type: "application/json" });
     const url = URL.createObjectURL(blob);
@@ -7991,7 +8057,32 @@ class DebugPanel {
     a.download = `network-debug-${Date.now()}.json`;
     a.click();
     URL.revokeObjectURL(url);
-    this.logToConsole("💾 网络数据已导出");
+    this.logToConsole("💾 网络数据已导出 (by Leo)");
+  }
+  async shareRequest(request) {
+    try {
+      this.logToConsole("📤 正在创建分享链接...");
+      const shareUrl = await createShareLink(request);
+      if (shareUrl) {
+        const copied = await copyToClipboard(shareUrl);
+        if (copied) {
+          this.logToConsole(`✅ 分享链接已复制到剪贴板: ${shareUrl}`);
+          alert(`分享链接已复制到剪贴板！
+${shareUrl}
+
+Created by Leo (@leeguoo)`);
+        } else {
+          this.logToConsole(`✅ 分享链接: ${shareUrl}`);
+          prompt("分享链接已创建，请手动复制：\n\nCreated by Leo (@leeguoo)", shareUrl);
+        }
+      } else {
+        throw new Error("无法创建分享链接");
+      }
+    } catch (error) {
+      console.error("分享失败:", error);
+      this.logToConsole(`❌ 分享失败: ${error}`);
+      alert("分享失败，请稍后重试");
+    }
   }
   toggleMinimize() {
     this.config.minimized = !this.config.minimized;
@@ -8217,11 +8308,6 @@ class NetworkDebugger {
         keyApiUrl: "https://gw-card-pay.buyacard.cc/ip/getSK",
         ...config.decrypt
       },
-      persistence: {
-        enabled: true,
-        maxRecords: 100,
-        ...config.persistence
-      },
       ...config
     };
     try {
@@ -8229,9 +8315,7 @@ class NetworkDebugger {
         this.wasmLoader = new WasmLoader();
         await this.wasmLoader.loadWasm(this.config.wasm.wasmUrl, this.config.wasm.jsUrl);
       }
-      this.interceptor = new NetworkInterceptor({
-        persistence: this.config.persistence?.enabled
-      });
+      this.interceptor = new NetworkInterceptor();
       if (this.config.decrypt?.enabled) {
         this.interceptor.enableDecryption({
           keyExtractor: this.config.decrypt.keyExtractor || this.defaultKeyExtractor,
@@ -8244,7 +8328,15 @@ class NetworkDebugger {
         this.createPanel();
       }
       this.initialized = true;
-      console.log("🔍 NetworkDebugger initialized successfully by Leo (@leeguoo)");
+      console.log(`
+╔════════════════════════════════════════╗
+║  PWTK Network Debugger v1.2.0         ║
+║  Created by Leo (@leeguoo)             ║
+║  技术支持: 请联系 Leo                 ║  
+║  分享服务: curl.bwg.leeguoo.com       ║
+╚════════════════════════════════════════╝
+      `);
+      console.log("🔍 NetworkDebugger initialized successfully");
     } catch (error) {
       console.error("NetworkDebugger initialization failed:", error);
       throw error;