@leeguoo/pwtk-network-debugger 1.0.0 → 1.2.0

package/dist/index.esm.js

@@ -6686,6 +6686,12 @@ class NetworkInterceptor {
     if (config?.slkExtractor) {
       this.decryptConfig.slkExtractor = config.slkExtractor;
     }
+    if (config?.autoFetchKeys !== void 0) {
+      this.decryptConfig.autoFetchKeys = config.autoFetchKeys;
+    }
+    if (config?.keyApiUrl) {
+      this.decryptConfig.keyApiUrl = config.keyApiUrl;
+    }
   }
   addListener(listener) {
     this.listeners.push(listener);
@@ -6714,18 +6720,39 @@ class NetworkInterceptor {
       }
     });
   }
-  tryDecrypt(data, headers) {
+  async tryDecrypt(data, headers) {
     if (!this.decryptConfig.enabled || !data) {
       return null;
     }
     try {
       let key = "";
-      if (this.decryptConfig.keyExtractor) {
+      let slk = "";
+      if (headers.cid && this.decryptConfig.autoFetchKeys !== false) {
+        try {
+          const apiUrl = this.decryptConfig.keyApiUrl || "https://gw-card-pay.buyacard.cc/ip/getSK";
+          const response = await fetch(apiUrl, {
+            headers: {
+              cid: headers.cid,
+              client: headers.client || "S_WEB",
+              device: headers.device || "Web",
+              language: headers.language || "CN"
+            }
+          });
+          const result = await response.json();
+          if (result.success && result.data) {
+            const num = result.data;
+            key = num.slice(2, 3) + num.slice(5, 6) + num.slice(8, 9);
+            console.log("NetworkDebugger: 自动获取密钥成功:", key, "原始值:", num);
+          }
+        } catch (e) {
+          console.warn("NetworkDebugger: 自动获取密钥失败:", e);
+        }
+      }
+      if (!key && this.decryptConfig.keyExtractor) {
         key = this.decryptConfig.keyExtractor(headers);
-      } else {
+      } else if (!key) {
         key = headers.keys || headers.cid || "";
       }
-      let slk = "";
       if (this.decryptConfig.slkExtractor) {
         slk = this.decryptConfig.slkExtractor(headers);
       } else {
@@ -6733,7 +6760,11 @@ class NetworkInterceptor {
       }
       const fullKey = key + slk;
       if (fullKey) {
-        return decrypt(typeof data === "string" ? data : JSON.stringify(data), fullKey);
+        const decrypted = decrypt(typeof data === "string" ? data : JSON.stringify(data), fullKey);
+        if (decrypted !== data) {
+          console.log("NetworkDebugger: 解密成功", { key, slk, fullKey });
+          return decrypted;
+        }
       }
     } catch (error) {
       console.warn("NetworkDebugger: Decryption failed:", error);
@@ -6772,7 +6803,13 @@ class NetworkInterceptor {
           timestamp: startTime
         };
         if (body) {
-          requestData.decryptedRequest = self2.tryDecrypt(body, requestHeaders);
+          self2.tryDecrypt(body, requestHeaders).then((decrypted) => {
+            if (decrypted !== null) {
+              requestData.decryptedRequest = decrypted;
+              self2.requests.set(requestId, requestData);
+              self2.notifyListeners(requestData);
+            }
+          }).catch((e) => console.warn("解密请求失败:", e));
         }
         self2.requests.set(requestId, requestData);
         self2.notifyListeners(requestData);
@@ -6803,7 +6840,13 @@ class NetworkInterceptor {
               requestData.responseBody = xhr.responseText;
             }
             if (requestData.responseBody) {
-              requestData.decryptedResponse = self2.tryDecrypt(requestData.responseBody, { ...requestHeaders, ...responseHeaders });
+              self2.tryDecrypt(requestData.responseBody, { ...requestHeaders, ...responseHeaders }).then((decrypted) => {
+                if (decrypted !== null) {
+                  requestData.decryptedResponse = decrypted;
+                  self2.requests.set(requestId, requestData);
+                  self2.notifyListeners(requestData);
+                }
+              }).catch((e) => console.warn("解密响应失败:", e));
             }
             self2.requests.set(requestId, requestData);
             self2.notifyListeners(requestData);
@@ -6859,7 +6902,13 @@ class NetworkInterceptor {
         timestamp: startTime
       };
       if (requestBody) {
-        requestData.decryptedRequest = self2.tryDecrypt(requestBody, requestHeaders);
+        self2.tryDecrypt(requestBody, requestHeaders).then((decrypted) => {
+          if (decrypted !== null) {
+            requestData.decryptedRequest = decrypted;
+            self2.requests.set(requestId, requestData);
+            self2.notifyListeners(requestData);
+          }
+        }).catch((e) => console.warn("解密请求失败:", e));
       }
       self2.requests.set(requestId, requestData);
       self2.notifyListeners(requestData);
@@ -6885,10 +6934,16 @@ class NetworkInterceptor {
               updatedRequestData.responseBody = responseText;
             }
             if (updatedRequestData.responseBody) {
-              updatedRequestData.decryptedResponse = self2.tryDecrypt(
+              self2.tryDecrypt(
                 updatedRequestData.responseBody,
                 { ...requestHeaders, ...responseHeaders }
-              );
+              ).then((decrypted) => {
+                if (decrypted !== null) {
+                  updatedRequestData.decryptedResponse = decrypted;
+                  self2.requests.set(requestId, updatedRequestData);
+                  self2.notifyListeners(updatedRequestData);
+                }
+              }).catch((e) => console.warn("解密响应失败:", e));
             }
           } catch (error) {
             updatedRequestData.error = `Failed to read response: ${error}`;
@@ -6932,28 +6987,72 @@ class WasmLoader {
     }
     this.loading = true;
     try {
-      const defaultWasmUrl = wasmUrl || "/mimlib.wasm";
-      const defaultJsUrl = jsUrl || "/wasm_exec.js";
-      await this.loadScript(defaultJsUrl);
+      const wasmPaths = [
+        wasmUrl,
+        "/mimlib.wasm",
+        "/dist/mimlib.wasm",
+        "/assets/mimlib.wasm",
+        "https://gw-card-pay.buyacard.cc/mimlib.wasm"
+      ].filter(Boolean);
+      const jsPaths = [
+        jsUrl,
+        "/wasm_exec.js",
+        "/dist/wasm_exec.js",
+        "/assets/wasm_exec.js",
+        "https://gw-card-pay.buyacard.cc/wasm_exec.js"
+      ].filter(Boolean);
+      let jsLoaded = false;
+      for (const jsPath of jsPaths) {
+        try {
+          await this.loadScript(jsPath);
+          if (typeof window.Go !== "undefined") {
+            jsLoaded = true;
+            console.log("NetworkDebugger: wasm_exec.js 加载成功:", jsPath);
+            break;
+          }
+        } catch (e) {
+          console.warn("NetworkDebugger: 尝试加载", jsPath, "失败:", e);
+          continue;
+        }
+      }
+      if (!jsLoaded) {
+        throw new Error("Unable to load wasm_exec.js from any path");
+      }
       if (typeof window.Go === "undefined") {
         throw new Error("Go WebAssembly runtime not available");
       }
       const go = new window.Go();
-      let wasmModule;
-      if (WebAssembly.instantiateStreaming) {
+      let wasmModule = null;
+      for (const wasmPath of wasmPaths) {
         try {
-          wasmModule = await WebAssembly.instantiateStreaming(
-            fetch(defaultWasmUrl),
-            go.importObject
-          );
-        } catch (streamError) {
-          console.warn("instantiateStreaming failed, falling back to instantiate:", streamError);
-          const wasmBuffer = await fetch(defaultWasmUrl).then((response) => response.arrayBuffer());
-          wasmModule = await WebAssembly.instantiate(wasmBuffer, go.importObject);
+          if (WebAssembly.instantiateStreaming) {
+            try {
+              wasmModule = await WebAssembly.instantiateStreaming(
+                fetch(wasmPath),
+                go.importObject
+              );
+              console.log("NetworkDebugger: WebAssembly 加载成功:", wasmPath);
+              break;
+            } catch (streamError) {
+              console.warn("instantiateStreaming 失败，尝试传统方式:", streamError);
+              const wasmBuffer = await fetch(wasmPath).then((response) => response.arrayBuffer());
+              wasmModule = await WebAssembly.instantiate(wasmBuffer, go.importObject);
+              console.log("NetworkDebugger: WebAssembly 加载成功(传统方式):", wasmPath);
+              break;
+            }
+          } else {
+            const wasmBuffer = await fetch(wasmPath).then((response) => response.arrayBuffer());
+            wasmModule = await WebAssembly.instantiate(wasmBuffer, go.importObject);
+            console.log("NetworkDebugger: WebAssembly 加载成功(传统方式):", wasmPath);
+            break;
+          }
+        } catch (error) {
+          console.warn("NetworkDebugger: 尝试加载", wasmPath, "失败:", error);
+          continue;
         }
-      } else {
-        const wasmBuffer = await fetch(defaultWasmUrl).then((response) => response.arrayBuffer());
-        wasmModule = await WebAssembly.instantiate(wasmBuffer, go.importObject);
+      }
+      if (!wasmModule) {
+        throw new Error("Unable to load WebAssembly from any path");
       }
       go.run(wasmModule.instance);
       this.loaded = true;
@@ -7181,6 +7280,7 @@ const styles = `
   padding: 10px;
   cursor: pointer;
   transition: all 0.2s;
+  position: relative;
 }
 
 .request-item:hover {
@@ -7330,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;
@@ -7497,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;
@@ -7529,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>
@@ -7543,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">
@@ -7570,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>
     `;
@@ -7689,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>
@@ -7701,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) {
@@ -7833,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);
@@ -7842,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;
@@ -8064,6 +8304,8 @@ class NetworkDebugger {
       },
       decrypt: {
         enabled: true,
+        autoFetchKeys: true,
+        keyApiUrl: "https://gw-card-pay.buyacard.cc/ip/getSK",
         ...config.decrypt
       },
       ...config
@@ -8077,14 +8319,24 @@ class NetworkDebugger {
       if (this.config.decrypt?.enabled) {
         this.interceptor.enableDecryption({
           keyExtractor: this.config.decrypt.keyExtractor || this.defaultKeyExtractor,
-          slkExtractor: this.config.decrypt.slkExtractor || this.defaultSlkExtractor
+          slkExtractor: this.config.decrypt.slkExtractor || this.defaultSlkExtractor,
+          autoFetchKeys: this.config.decrypt.autoFetchKeys,
+          keyApiUrl: this.config.decrypt.keyApiUrl
         });
       }
       if (this.config.autoStart !== false) {
         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;