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

package/dist/index.esm.js

@@ -17896,6 +17896,9 @@ const _DebugPanel = class _DebugPanel {
     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 = {
@@ -17956,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.9"}</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>
@@ -18002,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 = "";
@@ -18085,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) {
@@ -18150,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");
@@ -18792,6 +18803,14 @@ Created by Leo (@leeguoo)`);
       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();
@@ -19112,7 +19131,7 @@ class NetworkDebugger {
       this.initialized = true;
       logger.consoleDirect(`
 ╔════════════════════════════════════════╗
-║  🔓 PWTK 解密小工具 v${"1.2.49-beta.9"}           ║
+║  🔓 PWTK 解密小工具 v${"1.3.0"}           ║
 ║  Created by Leo (@leeguoo)             ║
 ║  技术支持: 请联系 Leo                 ║  
 ║  分享服务: curl.bwg.leeguoo.com       ║
@@ -19173,7 +19192,7 @@ class NetworkDebugger {
   }
   async checkForUpdates() {
     try {
-      const currentVersion = "1.2.49-beta.9";
+      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();
@@ -19193,7 +19212,7 @@ class NetworkDebugger {
       logger.error("[PWTK Update] Failed to check for updates:", error);
       return {
         hasUpdate: false,
-        currentVersion: "1.2.49-beta.9"
+        currentVersion: "1.3.0"
       };
     }
   }