@leeguoo/pwtk-network-debugger 1.2.35 → 1.2.37

package/dist/index.esm.js

@@ -7844,6 +7844,28 @@ const styles = `
   transform: scale(0.95);
 }
 
+.api-curl-btn {
+  background: #4CAF50;
+  color: #fff;
+  border: none;
+  padding: 4px 10px;
+  border-radius: 3px;
+  font-size: 11px;
+  margin-left: 8px;
+  cursor: pointer;
+  transition: all 0.2s;
+  white-space: nowrap;
+}
+
+.api-curl-btn:hover {
+  background: #45a049;
+  transform: scale(1.1);
+}
+
+.api-curl-btn:active {
+  transform: scale(0.95);
+}
+
 .console-content {
   background: #000;
   color: #0f0;
@@ -8142,6 +8164,24 @@ function formatAsCurl(requestData) {
   }
   return curl;
 }
+function formatAsApiCurl(requestData) {
+  let curl = `curl 'https://api.httpmisonote.com'`;
+  if (requestData.method !== "GET") {
+    curl += ` -X ${requestData.method}`;
+  }
+  if (requestData.headers) {
+    Object.entries(requestData.headers).forEach(([key, value]) => {
+      curl += ` -H '${key}: ${value}'`;
+    });
+  }
+  curl += ` -H 'X-API-Key: test-api-key-123'`;
+  const requestBody = requestData.decryptedRequest || requestData.requestBody;
+  if (requestBody) {
+    const body = typeof requestBody === "string" ? requestBody : JSON.stringify(requestBody);
+    curl += ` --data '${body}'`;
+  }
+  return curl;
+}
 const _DebugPanel = class _DebugPanel {
   constructor(interceptor, config = {}) {
     this.isDragging = false;
@@ -8226,7 +8266,7 @@ const _DebugPanel = class _DebugPanel {
           <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 解密小工具</h2>
-              <p style="margin: 10px 0;">Version: ${"1.2.35"}</p>
+              <p style="margin: 10px 0;">Version: ${"1.2.37"}</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>
@@ -8373,6 +8413,7 @@ const _DebugPanel = class _DebugPanel {
         <span class="request-status ${statusClass}">${request.status ? request.status : request.duration !== void 0 ? "ERR" : "Pending"}</span>
         ${hasError ? '<span class="error-badge">⚠️</span>' : ""}
         <button class="share-btn" title="分享此请求 (by Leo)" onclick="event.stopPropagation()">分享链接</button>
+        <button class="api-curl-btn" title="生成API请求 (by Leo)" onclick="event.stopPropagation()">API Curl</button>
       </div>
       <div class="request-info">
         <span>${new Date(request.timestamp).toLocaleTimeString()}</span>
@@ -8384,7 +8425,7 @@ const _DebugPanel = class _DebugPanel {
     `;
     item.addEventListener("click", (e) => {
       const target = e.target;
-      if (target.closest(".share-btn") || target.closest('.detail-title[data-toggle="collapse"]')) {
+      if (target.closest(".share-btn") || target.closest(".api-curl-btn") || target.closest('.detail-title[data-toggle="collapse"]')) {
         return;
       }
       item.classList.toggle("expanded");
@@ -8396,6 +8437,13 @@ const _DebugPanel = class _DebugPanel {
         await this.shareRequest(request);
       });
     }
+    const apiCurlBtn = item.querySelector(".api-curl-btn");
+    if (apiCurlBtn) {
+      apiCurlBtn.addEventListener("click", async (e) => {
+        e.stopPropagation();
+        await this.generateApiCurl(request);
+      });
+    }
     item.addEventListener("click", (e) => {
       const target = e.target;
       if (target.closest('.detail-title[data-toggle="collapse"]')) {
@@ -8580,6 +8628,27 @@ Created by Leo (@leeguoo)`);
       alert("分享失败，请稍后重试");
     }
   }
+  async generateApiCurl(request) {
+    try {
+      this.logToConsole("🔧 正在生成API cURL命令...");
+      const curlCommand = formatAsApiCurl(request);
+      const copied = await copyToClipboard(curlCommand);
+      if (copied) {
+        this.logToConsole(`✅ API cURL已复制到剪贴板`);
+        alert(`API cURL命令已复制到剪贴板！
+适用于 httpmisonote.com API
+
+Created by Leo (@leeguoo)`);
+      } else {
+        this.logToConsole(`✅ API cURL: ${curlCommand}`);
+        prompt("API cURL命令已生成，请手动复制：\n\nCreated by Leo (@leeguoo)", curlCommand);
+      }
+    } catch (error) {
+      logger.error("生成API cURL失败:", error);
+      this.logToConsole(`❌ 生成API cURL失败: ${error}`);
+      alert("生成API cURL失败，请稍后重试");
+    }
+  }
   toggleFullscreen() {
     if (this.container.classList.contains("fullscreen")) {
       this.container.classList.remove("fullscreen");
@@ -9086,7 +9155,7 @@ class NetworkDebugger {
       this.initialized = true;
       logger.consoleDirect(`
 ╔════════════════════════════════════════╗
-║  🔓 PWTK 解密小工具 v${"1.2.35"}           ║
+║  🔓 PWTK 解密小工具 v${"1.2.37"}           ║
 ║  Created by Leo (@leeguoo)             ║
 ║  技术支持: 请联系 Leo                 ║  
 ║  分享服务: curl.bwg.leeguoo.com       ║
@@ -9199,6 +9268,9 @@ const NetworkDebuggerGlobal = {
     return globalInstance;
   }
 };
+if (typeof window !== "undefined") {
+  window.NetworkDebugger = NetworkDebuggerGlobal;
+}
 export {
   DebugPanel,
   NetworkDebugger,