@leeguoo/pwtk-network-debugger 1.2.26 → 1.2.28

package/dist/index.esm.js

@@ -7506,6 +7506,12 @@ const styles = `
   color: #000;
 }
 
+.debugger-icon {
+  width: 16px;
+  height: 16px;
+  vertical-align: middle;
+}
+
 .debugger-content {
   height: calc(100% - 40px);
   overflow: hidden;
@@ -7957,6 +7963,24 @@ const styles = `
   height: 12px;
   cursor: sw-resize;
 }
+
+.debugger-reopen-btn {
+  position: fixed;
+  z-index: 999999;
+  background: #4CAF50;
+  color: #000;
+  border: none;
+  padding: 8px 10px;
+  border-radius: 16px;
+  font-weight: bold;
+  font-size: 12px;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
+  cursor: pointer;
+}
+
+.debugger-reopen-btn:hover {
+  filter: brightness(0.95);
+}
 `;
 async function createShareLink(requestData) {
   try {
@@ -8069,6 +8093,7 @@ const _DebugPanel = class _DebugPanel {
     this.isDragging = false;
     this.isResizing = false;
     this.dragStart = { x: 0, y: 0 };
+    this.resizeTimeout = null;
     this.currentTab = "network";
     this.consoleHistory = [];
     this.requestsCache = [];
@@ -8104,11 +8129,11 @@ const _DebugPanel = class _DebugPanel {
       <div class="debugger-header">
         <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>
+          ${!this.config.minimized ? '<button class="debugger-btn" data-action="clear" title="清空"><svg class="debugger-icon" viewBox="0 0 24 24"><path fill="currentColor" d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg></button>' : ""}
+          ${!this.config.minimized ? '<button class="debugger-btn" data-action="export" title="导出"><svg class="debugger-icon" viewBox="0 0 24 24"><path fill="currentColor" d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg></button>' : ""}
+          <button class="debugger-btn" data-action="minimize" title="${this.config.minimized ? "展开" : "最小化"}"><svg class="debugger-icon" viewBox="0 0 24 24"><path fill="currentColor" d="${this.config.minimized ? "M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z" : "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"}"/></svg></button>
+          ${!this.config.minimized ? '<button class="debugger-btn" data-action="fullscreen" title="全屏"><svg class="debugger-icon" viewBox="0 0 24 24"><path fill="currentColor" d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/></svg></button>' : ""}
+          <button class="debugger-btn" data-action="close" title="关闭"><svg class="debugger-icon" viewBox="0 0 24 24"><path fill="currentColor" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg></button>
         </div>
       </div>
       <div class="debugger-content">
@@ -8186,8 +8211,14 @@ const _DebugPanel = class _DebugPanel {
       this.startDrag(e);
     });
     controls.addEventListener("click", (e) => {
-      const target = e.target;
-      const action = target.dataset.action;
+      e.stopPropagation();
+      let target = e.target;
+      while (target && target !== controls) {
+        if (target.dataset?.action) break;
+        target = target.parentElement;
+      }
+      const action = target?.dataset?.action;
+      if (!action) return;
       switch (action) {
         case "clear":
           this.clearRequests();
@@ -8237,6 +8268,7 @@ const _DebugPanel = class _DebugPanel {
     });
     document.addEventListener("mousemove", this.handleMouseMove.bind(this));
     document.addEventListener("mouseup", this.handleMouseUp.bind(this));
+    window.addEventListener("resize", this.handleWindowResize.bind(this));
   }
   startListening() {
     this.interceptor.addListener((request) => {
@@ -8489,17 +8521,23 @@ Created by Leo (@leeguoo)`);
       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>
+          ${!this.config.minimized ? '<button class="debugger-btn" data-action="clear" title="清空"><svg class="debugger-icon" viewBox="0 0 24 24"><path fill="currentColor" d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg></button>' : ""}
+          ${!this.config.minimized ? '<button class="debugger-btn" data-action="export" title="导出"><svg class="debugger-icon" viewBox="0 0 24 24"><path fill="currentColor" d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg></button>' : ""}
+          <button class="debugger-btn" data-action="minimize" title="${this.config.minimized ? "展开" : "最小化"}"><svg class="debugger-icon" viewBox="0 0 24 24"><path fill="currentColor" d="${this.config.minimized ? "M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z" : "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"}"/></svg></button>
+          ${!this.config.minimized ? '<button class="debugger-btn" data-action="fullscreen" title="全屏"><svg class="debugger-icon" viewBox="0 0 24 24"><path fill="currentColor" d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/></svg></button>' : ""}
+          <button class="debugger-btn" data-action="close" title="关闭"><svg class="debugger-icon" viewBox="0 0 24 24"><path fill="currentColor" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg></button>
         </div>
       `;
       const controls = header.querySelector(".debugger-controls");
       controls.addEventListener("click", (e) => {
-        const target = e.target;
-        const action = target.dataset.action;
+        e.stopPropagation();
+        let target = e.target;
+        while (target && target !== controls) {
+          if (target.dataset?.action) break;
+          target = target.parentElement;
+        }
+        const action = target?.dataset?.action;
+        if (!action) return;
         switch (action) {
           case "clear":
             this.clearRequests();
@@ -8701,16 +8739,147 @@ Created by Leo (@leeguoo)`);
     this.isResizing = false;
     delete this.container.dataset.resizeDirection;
   }
+  handleWindowResize() {
+    if (this.resizeTimeout) {
+      clearTimeout(this.resizeTimeout);
+    }
+    this.resizeTimeout = window.setTimeout(() => {
+      this.adjustPositionForWindowResize();
+    }, 100);
+  }
+  adjustPositionForWindowResize() {
+    const rect = this.container.getBoundingClientRect();
+    const windowWidth = window.innerWidth;
+    const windowHeight = window.innerHeight;
+    let needsAdjustment = false;
+    let newLeft = rect.left;
+    let newTop = rect.top;
+    let newWidth = rect.width;
+    let newHeight = rect.height;
+    if (rect.right > windowWidth) {
+      newLeft = windowWidth - rect.width;
+      needsAdjustment = true;
+    }
+    if (rect.bottom > windowHeight) {
+      newTop = windowHeight - rect.height;
+      needsAdjustment = true;
+    }
+    if (newLeft < 0) {
+      newLeft = 0;
+      needsAdjustment = true;
+    }
+    if (newTop < 0) {
+      newTop = 0;
+      needsAdjustment = true;
+    }
+    if (rect.width > windowWidth) {
+      newWidth = windowWidth - 20;
+      newLeft = 10;
+      needsAdjustment = true;
+    }
+    if (rect.height > windowHeight) {
+      newHeight = windowHeight - 20;
+      newTop = 10;
+      needsAdjustment = true;
+    }
+    if (needsAdjustment) {
+      this.container.style.left = `${newLeft}px`;
+      this.container.style.top = `${newTop}px`;
+      this.container.style.right = "auto";
+      this.container.style.bottom = "auto";
+      if (rect.width > windowWidth || rect.height > windowHeight) {
+        this.container.style.width = `${newWidth}px`;
+        this.container.style.height = `${newHeight}px`;
+      }
+      this.savePosition();
+    }
+  }
   show() {
     this.container.style.display = "block";
+    this.removeReopenButton();
   }
   hide() {
     this.container.style.display = "none";
+    this.createReopenButton();
+  }
+  createReopenButton() {
+    if (document.getElementById("network-debugger-reopen-btn")) return;
+    const btn = document.createElement("button");
+    btn.id = "network-debugger-reopen-btn";
+    btn.className = "debugger-reopen-btn";
+    btn.title = "打开调试面板 (可拖动)";
+    btn.textContent = "PWTK";
+    const pos = this.config.position || "bottom-right";
+    if (pos.includes("bottom")) {
+      btn.style.bottom = "20px";
+    } else {
+      btn.style.top = "20px";
+    }
+    if (pos.includes("right")) {
+      btn.style.right = "20px";
+    } else {
+      btn.style.left = "20px";
+    }
+    let isDragging = false;
+    let dragStart = { x: 0, y: 0 };
+    let clickTimer = null;
+    btn.addEventListener("mousedown", (e) => {
+      if (e.button === 0) {
+        isDragging = false;
+        dragStart = { x: e.clientX, y: e.clientY };
+        btn.style.transition = "none";
+        clickTimer = window.setTimeout(() => {
+          isDragging = true;
+          btn.style.cursor = "grabbing";
+        }, 150);
+        e.preventDefault();
+      }
+    });
+    const handleMouseMove = (e) => {
+      if (!isDragging) return;
+      const deltaX = e.clientX - dragStart.x;
+      const deltaY = e.clientY - dragStart.y;
+      const rect = btn.getBoundingClientRect();
+      const newLeft = rect.left + deltaX;
+      const newTop = rect.top + deltaY;
+      const maxX = window.innerWidth - rect.width;
+      const maxY = window.innerHeight - rect.height;
+      const clampedX = Math.max(0, Math.min(maxX, newLeft));
+      const clampedY = Math.max(0, Math.min(maxY, newTop));
+      btn.style.position = "fixed";
+      btn.style.left = `${clampedX}px`;
+      btn.style.top = `${clampedY}px`;
+      btn.style.right = "auto";
+      btn.style.bottom = "auto";
+      dragStart = { x: e.clientX, y: e.clientY };
+    };
+    const handleMouseUp = () => {
+      if (clickTimer) {
+        clearTimeout(clickTimer);
+        clickTimer = null;
+      }
+      if (isDragging) {
+        isDragging = false;
+        btn.style.cursor = "pointer";
+        btn.style.transition = "all 0.3s ease";
+      } else {
+        this.show();
+      }
+    };
+    document.addEventListener("mousemove", handleMouseMove);
+    document.addEventListener("mouseup", handleMouseUp);
+    btn.style.cursor = "pointer";
+    document.body.appendChild(btn);
+  }
+  removeReopenButton() {
+    const btn = document.getElementById("network-debugger-reopen-btn");
+    if (btn) btn.remove();
   }
   destroy() {
     this.container.remove();
     const styles2 = document.getElementById("network-debugger-styles");
     if (styles2) styles2.remove();
+    this.removeReopenButton();
   }
   // ========== localStorage 方法 ==========
   /**
@@ -8863,7 +9032,7 @@ class NetworkDebugger {
       this.initialized = true;
       logger.consoleDirect(`
 ╔════════════════════════════════════════╗
-║  🔓 PWTK 解密小工具 v1.2.20           ║
+║  🔓 PWTK 解密小工具 v1.2.28           ║
 ║  Created by Leo (@leeguoo)             ║
 ║  技术支持: 请联系 Leo                 ║  
 ║  分享服务: curl.bwg.leeguoo.com       ║