@leeguoo/pwtk-network-debugger 1.2.49-beta.8 → 1.3.0

package/dist/index.esm.js

@@ -6797,13 +6797,13 @@ function decrypt(encryptedData, keyStr) {
   return encryptedData;
 }
 class NetworkInterceptor {
-  // 5分钟缓存
+  // 1分钟缓存
   constructor() {
     this.requests = /* @__PURE__ */ new Map();
     this.listeners = [];
     this.decryptConfig = { enabled: false };
     this.keyCache = /* @__PURE__ */ new Map();
-    this.KEY_CACHE_TTL = 5 * 60 * 1e3;
+    this.KEY_CACHE_TTL = 1 * 60 * 1e3;
     window.__originalFetch = window.fetch;
     this.interceptXHR();
     this.interceptFetch();
@@ -17894,6 +17894,11 @@ const _DebugPanel = class _DebugPanel {
     this.webglManager = null;
     this.reopenButton = null;
     this.webglBackgroundUpdateTimer = null;
+    this.boundHandlers = /* @__PURE__ */ new Map();
+    this.eventListeners = [];
+    this.renderDebounceTimer = null;
+    this.searchDebounceTimer = null;
+    this.pendingRenderRequests = /* @__PURE__ */ new Set();
     this.interceptor = interceptor;
     const savedConfig = this.loadConfig();
     this.config = {
@@ -17954,7 +17959,7 @@ const _DebugPanel = class _DebugPanel {
     this.container.style.pointerEvents = "auto";
     this.container.innerHTML = `
       <div class="debugger-header">
-        <div class="debugger-title">🔓 PWTK 解密小工具 <span style="font-size: 10px; opacity: 0.7;">by Leo v${"1.2.49-beta.8"}</span></div>
+        <div class="debugger-title">🔓 PWTK 解密小工具 <span style="font-size: 10px; opacity: 0.7;">by Leo v${"1.3.0"}</span></div>
         <div class="debugger-controls">
           <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>
           <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>
@@ -18000,12 +18005,18 @@ const _DebugPanel = class _DebugPanel {
     searchInput.addEventListener("input", (e2) => {
       const query = e2.target.value;
       this.searchQuery = query;
-      this.filterRequests();
       if (query) {
         searchClearBtn.style.display = "block";
       } else {
         searchClearBtn.style.display = "none";
       }
+      if (this.searchDebounceTimer) {
+        clearTimeout(this.searchDebounceTimer);
+      }
+      this.searchDebounceTimer = window.setTimeout(() => {
+        this.filterRequests();
+        this.searchDebounceTimer = null;
+      }, 200);
     });
     searchClearBtn.addEventListener("click", () => {
       searchInput.value = "";
@@ -18051,9 +18062,12 @@ const _DebugPanel = class _DebugPanel {
         this.startResize(e2, direction2);
       });
     });
-    document.addEventListener("mousemove", this.handleMouseMove.bind(this));
-    document.addEventListener("mouseup", this.handleMouseUp.bind(this));
-    window.addEventListener("resize", this.handleWindowResize.bind(this));
+    const boundMouseMove = this.handleMouseMove.bind(this);
+    const boundMouseUp = this.handleMouseUp.bind(this);
+    const boundWindowResize = this.handleWindowResize.bind(this);
+    this.addEventListener(document, "mousemove", boundMouseMove);
+    this.addEventListener(document, "mouseup", boundMouseUp);
+    this.addEventListener(window, "resize", boundWindowResize);
   }
   startListening() {
     this.interceptor.addListener((request) => {
@@ -18080,7 +18094,19 @@ const _DebugPanel = class _DebugPanel {
     if (this.requestsCache.length > 100) {
       this.requestsCache = this.requestsCache.slice(0, 100);
     }
-    this.renderRequests();
+    this.scheduleRender();
+  }
+  /**
+   * 防抖渲染 - 避免频繁的重新渲染
+   */
+  scheduleRender() {
+    if (this.renderDebounceTimer) {
+      clearTimeout(this.renderDebounceTimer);
+    }
+    this.renderDebounceTimer = window.setTimeout(() => {
+      this.renderRequests();
+      this.renderDebounceTimer = null;
+    }, 50);
   }
   filterRequests() {
     if (!this.searchQuery) {
@@ -18145,25 +18171,15 @@ const _DebugPanel = class _DebugPanel {
       return;
     }
     const applyItems = this.config.webgl?.applyToItems ?? false;
+    const fragment = document.createDocumentFragment();
     requestsToRender.forEach((request, index) => {
       const item = this.createRequestItem(request);
-      listContainer.appendChild(item);
-      if (this.webglManager) {
-        const layerId = `request-item-${index}`;
-        this.webglManager.disableForElement(layerId);
-        if (applyItems) {
-          requestAnimationFrame(() => {
-            try {
-              this.webglManager.enableForElement(item, layerId);
-            } catch (error) {
-              logger.debug(`Failed to enable WebGL for request item ${index}:`, error);
-            }
-          });
-        } else {
-          item.classList.add("webgl-fallback", "enhanced-css-glass");
-        }
+      fragment.appendChild(item);
+      if (this.webglManager && applyItems) {
+        item.classList.add("webgl-fallback", "enhanced-css-glass");
       }
     });
+    listContainer.appendChild(fragment);
   }
   createRequestItem(request) {
     const item = document.createElement("div");
@@ -18755,13 +18771,59 @@ Created by Leo (@leeguoo)`);
       logger.error("[PWTK] Error removing reopen button:", error);
     }
   }
+  /**
+   * 添加可清理的事件监听器
+   */
+  addEventListener(element, event, handler) {
+    element.addEventListener(event, handler);
+    this.eventListeners.push({ element, event, handler });
+  }
+  /**
+   * 清理所有事件监听器
+   */
+  removeAllEventListeners() {
+    this.eventListeners.forEach(({ element, event, handler }) => {
+      try {
+        element.removeEventListener(event, handler);
+      } catch (error) {
+        logger.error("Failed to remove event listener:", error);
+      }
+    });
+    this.eventListeners = [];
+  }
+  /**
+   * 清理所有定时器
+   */
+  clearAllTimers() {
+    if (this.resizeTimeout) {
+      clearTimeout(this.resizeTimeout);
+      this.resizeTimeout = null;
+    }
+    if (this.webglBackgroundUpdateTimer) {
+      clearInterval(this.webglBackgroundUpdateTimer);
+      this.webglBackgroundUpdateTimer = null;
+    }
+    if (this.renderDebounceTimer) {
+      clearTimeout(this.renderDebounceTimer);
+      this.renderDebounceTimer = null;
+    }
+    if (this.searchDebounceTimer) {
+      clearTimeout(this.searchDebounceTimer);
+      this.searchDebounceTimer = null;
+    }
+  }
   destroy() {
+    this.removeAllEventListeners();
+    this.clearAllTimers();
     this.hostElement.remove();
     this.removeReopenButton();
     if (this.webglManager) {
       this.webglManager.destroy();
       this.webglManager = null;
     }
+    this.requestsCache = [];
+    this.filteredRequestsCache = [];
+    logger.debug("[PWTK] Panel destroyed and all resources cleaned up");
   }
   /**
    * 日志输出方法 - 供 logger 调用
@@ -19069,7 +19131,7 @@ class NetworkDebugger {
       this.initialized = true;
       logger.consoleDirect(`
 ╔════════════════════════════════════════╗
-║  🔓 PWTK 解密小工具 v${"1.2.49-beta.8"}           ║
+║  🔓 PWTK 解密小工具 v${"1.3.0"}           ║
 ║  Created by Leo (@leeguoo)             ║
 ║  技术支持: 请联系 Leo                 ║  
 ║  分享服务: curl.bwg.leeguoo.com       ║
@@ -19130,7 +19192,7 @@ class NetworkDebugger {
   }
   async checkForUpdates() {
     try {
-      const currentVersion = "1.2.49-beta.8";
+      const currentVersion = "1.3.0";
       logger.info(`[PWTK Update] Checking for updates... Current version: ${currentVersion}`);
       const response = await fetch("https://registry.npmjs.org/@leeguoo/pwtk-network-debugger/latest");
       const data = await response.json();
@@ -19150,7 +19212,7 @@ class NetworkDebugger {
       logger.error("[PWTK Update] Failed to check for updates:", error);
       return {
         hasUpdate: false,
-        currentVersion: "1.2.49-beta.8"
+        currentVersion: "1.3.0"
       };
     }
   }