@leeguoo/pwtk-network-debugger 1.2.23 → 1.2.25

package/dist/index.esm.js

@@ -7414,10 +7414,10 @@ const styles = `
 }
 
 #network-debugger-panel.minimized {
-  height: 40px !important;
+  height: 30px !important;
   overflow: hidden;
-  width: auto !important;
-  min-width: 200px;
+  width: 120px !important;
+  max-width: 120px !important;
 }
 
 #network-debugger-panel.minimized .debugger-content {
@@ -7862,6 +7862,13 @@ const styles = `
     left: 10px !important;
     right: auto !important;
   }
+  
+  /* 最小化时不应用全宽，保持小尺寸 */
+  #network-debugger-panel.minimized {
+    width: 120px !important;
+    max-width: 120px !important;
+    height: 30px !important;
+  }
 }
 
 ::-webkit-scrollbar {
@@ -7976,7 +7983,7 @@ async function createShareLink(requestData) {
         decryptedResponse: requestData.decryptedResponse,
         error: requestData.error,
         creator: "PWTK Network Debugger by Leo (@leeguoo)",
-        version: "1.2.23"
+        version: "1.2.25"
       }
     };
     const originalFetch = window.__originalFetch || window.fetch;
@@ -8057,7 +8064,7 @@ function formatAsCurl(requestData) {
   }
   return curl;
 }
-class DebugPanel {
+const _DebugPanel = class _DebugPanel {
   constructor(interceptor, config = {}) {
     this.isDragging = false;
     this.isResizing = false;
@@ -8066,17 +8073,22 @@ class DebugPanel {
     this.consoleHistory = [];
     this.requestsCache = [];
     this.interceptor = interceptor;
+    const savedConfig = this.loadConfig();
     this.config = {
       position: "bottom-right",
       theme: "dark",
       minimized: false,
       showConsole: true,
+      ...savedConfig,
+      // 先应用保存的配置
       ...config
+      // 再应用传入的配置（优先级最高）
     };
     this.createPanel();
     this.bindEvents();
     this.startListening();
     logger.setPanel(this);
+    this.loadPosition();
   }
   createPanel() {
     if (!document.getElementById("network-debugger-styles")) {
@@ -8507,6 +8519,7 @@ Created by Leo (@leeguoo)`);
         }
       });
     }
+    this.saveConfig();
   }
   toggleFullscreen() {
     this.container.classList.toggle("fullscreen");
@@ -8680,6 +8693,9 @@ Created by Leo (@leeguoo)`);
   handleMouseUp() {
     if (this.isDragging || this.isResizing) {
       this.container.style.transition = "all 0.3s ease";
+      if (this.isDragging) {
+        this.savePosition();
+      }
     }
     this.isDragging = false;
     this.isResizing = false;
@@ -8696,7 +8712,89 @@ Created by Leo (@leeguoo)`);
     const styles2 = document.getElementById("network-debugger-styles");
     if (styles2) styles2.remove();
   }
-}
+  // ========== localStorage 方法 ==========
+  /**
+   * 从 localStorage 加载配置
+   */
+  loadConfig() {
+    try {
+      const saved = localStorage.getItem(_DebugPanel.STORAGE_KEY);
+      if (saved) {
+        const config = JSON.parse(saved);
+        logger.debug("加载保存的配置:", config);
+        return config;
+      }
+    } catch (error) {
+      logger.error("加载配置失败:", error);
+    }
+    return {};
+  }
+  /**
+   * 保存配置到 localStorage
+   */
+  saveConfig() {
+    try {
+      const configToSave = {
+        position: this.config.position,
+        theme: this.config.theme,
+        minimized: this.config.minimized,
+        showConsole: this.config.showConsole
+      };
+      localStorage.setItem(_DebugPanel.STORAGE_KEY, JSON.stringify(configToSave));
+      logger.debug("配置已保存:", configToSave);
+    } catch (error) {
+      logger.error("保存配置失败:", error);
+    }
+  }
+  /**
+   * 加载保存的位置
+   */
+  loadPosition() {
+    try {
+      const positionKey = `${_DebugPanel.STORAGE_KEY}-position`;
+      const saved = localStorage.getItem(positionKey);
+      if (saved) {
+        const position = JSON.parse(saved);
+        if (position.left !== void 0) {
+          this.container.style.left = position.left + "px";
+        }
+        if (position.top !== void 0) {
+          this.container.style.top = position.top + "px";
+        }
+        if (position.right !== void 0) {
+          this.container.style.right = position.right + "px";
+        }
+        if (position.bottom !== void 0) {
+          this.container.style.bottom = position.bottom + "px";
+        }
+        logger.debug("加载保存的位置:", position);
+      }
+    } catch (error) {
+      logger.error("加载位置失败:", error);
+    }
+  }
+  /**
+   * 保存当前位置
+   */
+  savePosition() {
+    try {
+      const positionKey = `${_DebugPanel.STORAGE_KEY}-position`;
+      const rect = this.container.getBoundingClientRect();
+      const position = {
+        left: rect.left,
+        top: rect.top,
+        right: window.innerWidth - rect.right,
+        bottom: window.innerHeight - rect.bottom
+      };
+      localStorage.setItem(positionKey, JSON.stringify(position));
+      logger.debug("位置已保存:", position);
+    } catch (error) {
+      logger.error("保存位置失败:", error);
+    }
+  }
+};
+_DebugPanel.STORAGE_KEY = "pwtk-debugger-config";
+let DebugPanel = _DebugPanel;
 class NetworkDebugger {
   constructor() {
     this.interceptor = null;