@leeguoo/pwtk-network-debugger 1.2.0 → 1.2.2

package/dist/index.esm.js

@@ -7146,6 +7146,16 @@ const styles = `
 #network-debugger-panel.minimized {
   height: 40px !important;
   overflow: hidden;
+  width: auto !important;
+  min-width: 200px;
+}
+
+#network-debugger-panel.minimized .debugger-content {
+  display: none;
+}
+
+#network-debugger-panel.minimized .resize-handle {
+  display: none;
 }
 
 #network-debugger-panel.bottom-right {
@@ -7620,28 +7630,30 @@ const styles = `
 `;
 async function createShareLink(requestData) {
   try {
+    const curlCommand = formatAsCurl(requestData);
     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"
+      // 原项目需要的核心字段
+      curl: curlCommand,
+      response: requestData.responseBody || null,
+      timestamp: Date.now(),
+      // 密钥相关（如果有）
+      keys: extractKeys(requestData.headers),
+      slk: requestData.headers?.slk || "",
+      // 额外的调试信息（向后兼容）
+      debuggerData: {
+        url: requestData.url,
+        method: requestData.method,
+        headers: requestData.headers,
+        status: requestData.status,
+        statusText: requestData.statusText,
+        duration: requestData.duration,
+        responseHeaders: requestData.responseHeaders,
+        decryptedRequest: requestData.decryptedRequest,
+        decryptedResponse: requestData.decryptedResponse,
+        error: requestData.error,
+        creator: "PWTK Network Debugger by Leo (@leeguoo)",
+        version: "1.2.0"
+      }
     };
     const response = await fetch("https://gw-card-pay.buyacard.cc/api/dokv/storage", {
       method: "POST",
@@ -7649,15 +7661,22 @@ async function createShareLink(requestData) {
         "Content-Type": "application/json"
       },
       body: JSON.stringify({
+        projectId: "curl-tool",
+        // 使用与原项目相同的项目ID
+        key: `share:${generateShareId()}`,
+        // 使用相同的key格式
         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}`;
+    if (result.success && (result.id || result.key)) {
+      let shareId = result.id;
+      if (!shareId && result.key) {
+        shareId = result.key.replace("share:", "");
+      }
+      const shareUrl = `https://curl.bwg.leeguoo.com/share/${shareId}`;
       console.log(`🔗 分享链接创建成功 (by Leo): ${shareUrl}`);
       return shareUrl;
     } else {
@@ -7668,6 +7687,13 @@ async function createShareLink(requestData) {
     throw error;
   }
 }
+function generateShareId() {
+  return Math.random().toString(36).substr(2, 10);
+}
+function extractKeys(headers) {
+  if (!headers) return "";
+  return headers.keys || headers.cid || headers["x-api-key"] || "";
+}
 async function copyToClipboard(text) {
   try {
     if (navigator.clipboard && navigator.clipboard.writeText) {
@@ -7689,6 +7715,22 @@ async function copyToClipboard(text) {
     return false;
   }
 }
+function formatAsCurl(requestData) {
+  let curl = `curl '${requestData.url}'`;
+  if (requestData.method !== "GET") {
+    curl += ` -X ${requestData.method}`;
+  }
+  if (requestData.headers) {
+    Object.entries(requestData.headers).forEach(([key, value]) => {
+      curl += ` -H '${key}: ${value}'`;
+    });
+  }
+  if (requestData.requestBody) {
+    const body = typeof requestData.requestBody === "string" ? requestData.requestBody : JSON.stringify(requestData.requestBody);
+    curl += ` --data '${body}'`;
+  }
+  return curl;
+}
 class DebugPanel {
   constructor(interceptor, config = {}) {
     this.isDragging = false;
@@ -7721,12 +7763,12 @@ 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 <span style="font-size: 10px; opacity: 0.7;">by Leo</span></div>
+        <div class="debugger-title">🔓 ${this.config.minimized ? "PWTK" : "PWTK 解密小工具"} <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>
-          <button class="debugger-btn" data-action="minimize" title="最小化">${this.config.minimized ? "📖" : "📕"}</button>
-          <button class="debugger-btn" data-action="fullscreen" title="全屏">⛶</button>
+          ${!this.config.minimized ? '<button class="debugger-btn" data-action="clear" title="清空">🗑️</button>' : ""}
+          ${!this.config.minimized ? '<button class="debugger-btn" data-action="export" title="导出">💾</button>' : ""}
+          <button class="debugger-btn" data-action="minimize" title="${this.config.minimized ? "展开" : "最小化"}">${this.config.minimized ? "📖" : "📕"}</button>
+          ${!this.config.minimized ? '<button class="debugger-btn" data-action="fullscreen" title="全屏">⛶</button>' : ""}
           <button class="debugger-btn" data-action="close" title="关闭">✕</button>
         </div>
       </div>
@@ -7765,8 +7807,8 @@ class DebugPanel {
           </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>
+              <h2 style="margin: 0 0 20px 0;">🔓 PWTK 解密小工具</h2>
+              <p style="margin: 10px 0;">Version: 1.2.2</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>
@@ -8087,8 +8129,41 @@ Created by Leo (@leeguoo)`);
   toggleMinimize() {
     this.config.minimized = !this.config.minimized;
     this.container.classList.toggle("minimized", this.config.minimized);
-    const btn = this.container.querySelector('[data-action="minimize"]');
-    btn.textContent = this.config.minimized ? "📖" : "📕";
+    const header = this.container.querySelector(".debugger-header");
+    if (header) {
+      header.innerHTML = `
+        <div class="debugger-title">🔓 ${this.config.minimized ? "PWTK" : "PWTK 解密小工具"} <span style="font-size: 10px; opacity: 0.7;">by Leo</span></div>
+        <div class="debugger-controls">
+          ${!this.config.minimized ? '<button class="debugger-btn" data-action="clear" title="清空">🗑️</button>' : ""}
+          ${!this.config.minimized ? '<button class="debugger-btn" data-action="export" title="导出">💾</button>' : ""}
+          <button class="debugger-btn" data-action="minimize" title="${this.config.minimized ? "展开" : "最小化"}">${this.config.minimized ? "📖" : "📕"}</button>
+          ${!this.config.minimized ? '<button class="debugger-btn" data-action="fullscreen" title="全屏">⛶</button>' : ""}
+          <button class="debugger-btn" data-action="close" title="关闭">✕</button>
+        </div>
+      `;
+      const controls = header.querySelector(".debugger-controls");
+      controls.addEventListener("click", (e) => {
+        const target = e.target;
+        const action = target.dataset.action;
+        switch (action) {
+          case "clear":
+            this.clearRequests();
+            break;
+          case "export":
+            this.exportData();
+            break;
+          case "minimize":
+            this.toggleMinimize();
+            break;
+          case "fullscreen":
+            this.toggleFullscreen();
+            break;
+          case "close":
+            this.hide();
+            break;
+        }
+      });
+    }
   }
   toggleFullscreen() {
     this.container.classList.toggle("fullscreen");
@@ -8330,7 +8405,7 @@ class NetworkDebugger {
       this.initialized = true;
       console.log(`
 ╔════════════════════════════════════════╗
-║  PWTK Network Debugger v1.2.0         ║
+║  🔓 PWTK 解密小工具 v1.2.2            ║
 ║  Created by Leo (@leeguoo)             ║
 ║  技术支持: 请联系 Leo                 ║  
 ║  分享服务: curl.bwg.leeguoo.com       ║