@leeguoo/pwtk-network-debugger 1.2.49-beta.5 → 1.2.49-beta.7

package/dist/index.esm.js

@@ -17813,7 +17813,6 @@ const _WebGLManager = class _WebGLManager {
         preset: this.config.preset
       });
       this.scene.startAnimation();
-      this.scene.updateBackgrounds();
       console.log(`✨ WebGL liquid glass enabled for element: ${layerId}`);
       return true;
     } catch (error) {
@@ -17929,13 +17928,17 @@ const _DebugPanel = class _DebugPanel {
       webgl: {
         enabled: true,
         quality: "medium",
-        preset: "normal"
+        preset: "normal",
+        applyToItems: false
       },
       ...savedConfig,
       // 先应用保存的配置
       ...config
       // 再应用传入的配置（优先级最高）
     };
+    if (this.config.webgl && this.config.webgl.applyToItems === void 0) {
+      this.config.webgl.applyToItems = false;
+    }
     this.createPanel();
     this.bindEvents();
     this.startListening();
@@ -17975,7 +17978,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.5"}</span></div>
+        <div class="debugger-title">🔓 PWTK 解密小工具 <span style="font-size: 10px; opacity: 0.7;">by Leo v${"1.2.49-beta.7"}</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>
@@ -18165,19 +18168,24 @@ const _DebugPanel = class _DebugPanel {
       listContainer.appendChild(emptyMessage);
       return;
     }
+    const applyItems = this.config.webgl?.applyToItems ?? false;
     requestsToRender.forEach((request, index) => {
       const item = this.createRequestItem(request);
       listContainer.appendChild(item);
       if (this.webglManager) {
         const layerId = `request-item-${index}`;
         this.webglManager.disableForElement(layerId);
-        requestAnimationFrame(() => {
-          try {
-            this.webglManager.enableForElement(item, layerId);
-          } catch (error) {
-            logger.debug(`Failed to enable WebGL for request item ${index}:`, error);
-          }
-        });
+        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");
+        }
       }
     });
   }
@@ -18571,15 +18579,26 @@ Created by Leo (@leeguoo)`);
     this.hostElement.style.display = "none";
     this.config.isClosed = true;
     this.saveConfig();
-    this.createReopenButton();
+    this.createReopenButton().catch((error) => {
+      console.error("[PWTK] Failed to create reopen button:", error);
+      this.createFallbackButton();
+    });
   }
   async createReopenButton() {
-    this.removeReopenButton();
-    await liquidGlassPromise;
-    if (typeof window !== "undefined" && window.Button) {
-      this.createGlassButton();
-    } else {
-      console.warn("[PWTK] Button class not available, using fallback");
+    try {
+      this.removeReopenButton();
+      const timeout = new Promise(
+        (_, reject) => setTimeout(() => reject(new Error("Timeout waiting for liquid glass")), 3e3)
+      );
+      await Promise.race([liquidGlassPromise, timeout]);
+      if (typeof window !== "undefined" && window.Button) {
+        this.createGlassButton();
+      } else {
+        console.warn("[PWTK] Button class not available, using fallback");
+        this.createFallbackButton();
+      }
+    } catch (error) {
+      console.warn("[PWTK] Error creating glass button, using fallback:", error);
       this.createFallbackButton();
     }
   }
@@ -18651,39 +18670,48 @@ Created by Leo (@leeguoo)`);
     }
   }
   createFallbackButton() {
-    const btn = document.createElement("button");
-    btn.id = "network-debugger-reopen-btn";
-    btn.innerText = "PWTK";
-    btn.title = "打开调试面板 (可拖动)";
-    btn.style.cssText = `
-      position: fixed;
-      z-index: 999999;
-      background: rgba(255, 255, 255, 0.1);
-      border: 1px solid rgba(255, 255, 255, 0.2);
-      border-radius: 12px;
-      color: white;
-      font-size: 12px;
-      font-weight: 600;
-      padding: 8px 16px;
-      cursor: pointer;
-      backdrop-filter: blur(10px);
-      font-family: system-ui, -apple-system, sans-serif;
-    `;
-    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";
+    try {
+      const existingBtn = document.getElementById("network-debugger-reopen-btn");
+      if (existingBtn) {
+        existingBtn.remove();
+      }
+      const btn = document.createElement("button");
+      btn.id = "network-debugger-reopen-btn";
+      btn.innerText = "打开 PWTK";
+      btn.title = "打开调试面板 (可拖动)";
+      btn.style.cssText = `
+        position: fixed;
+        z-index: 999999;
+        background: rgba(255, 255, 255, 0.1);
+        border: 1px solid rgba(255, 255, 255, 0.2);
+        border-radius: 12px;
+        color: white;
+        font-size: 14px;
+        font-weight: 600;
+        padding: 10px 20px;
+        cursor: pointer;
+        backdrop-filter: blur(10px);
+        font-family: system-ui, -apple-system, sans-serif;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+      `;
+      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";
+      }
+      btn.onclick = () => this.show();
+      this.addDragFunctionality(btn);
+      document.body.appendChild(btn);
+      logger.debug("[PWTK] Fallback button created successfully");
+    } catch (error) {
+      console.error("[PWTK] Failed to create fallback button:", error);
     }
-    btn.onclick = () => this.show();
-    this.addDragFunctionality(btn);
-    document.body.appendChild(btn);
-    logger.warn("[PWTK] Fallback button created");
   }
   addDragFunctionality(element) {
     let isDragging = false;
@@ -18734,11 +18762,21 @@ Created by Leo (@leeguoo)`);
     };
   }
   removeReopenButton() {
-    const btn = document.getElementById("network-debugger-reopen-btn");
-    if (btn) btn.remove();
-    if (this.reopenButton) {
-      this.reopenButton.destroy();
-      this.reopenButton = null;
+    try {
+      const btn = document.getElementById("network-debugger-reopen-btn");
+      if (btn) {
+        btn.remove();
+        logger.debug("[PWTK] Reopen button removed from DOM");
+      }
+      if (this.reopenButton) {
+        if (typeof this.reopenButton.destroy === "function") {
+          this.reopenButton.destroy();
+        }
+        this.reopenButton = null;
+        logger.debug("[PWTK] Reopen button reference cleared");
+      }
+    } catch (error) {
+      console.error("[PWTK] Error removing reopen button:", error);
     }
   }
   destroy() {
@@ -18787,7 +18825,13 @@ Created by Leo (@leeguoo)`);
         position: this.config.position,
         theme: this.config.theme,
         minimized: this.config.minimized,
-        isClosed: this.config.isClosed
+        isClosed: this.config.isClosed,
+        webgl: {
+          enabled: this.config.webgl?.enabled,
+          quality: this.config.webgl?.quality,
+          preset: this.config.webgl?.preset,
+          applyToItems: this.config.webgl?.applyToItems
+        }
       };
       localStorage.setItem(_DebugPanel.STORAGE_KEY, JSON.stringify(configToSave));
       logger.debug("配置已保存:", configToSave);
@@ -18904,7 +18948,16 @@ Created by Leo (@leeguoo)`);
    * 更新 WebGL 配置
    */
   updateWebGLConfig(config) {
-    if (!this.webglManager) return;
+    if (!this.config.webgl) {
+      this.config.webgl = { enabled: true, quality: "medium", preset: "normal", applyToItems: false };
+    }
+    if (!this.webglManager) {
+      if (config.quality) this.config.webgl.quality = config.quality;
+      if (config.preset) this.config.webgl.preset = config.preset;
+      if (config.applyToItems !== void 0) this.config.webgl.applyToItems = config.applyToItems;
+      this.saveConfig();
+      return;
+    }
     if (config.quality) {
       this.config.webgl.quality = config.quality;
       this.webglManager.setQuality(config.quality);
@@ -18915,6 +18968,15 @@ Created by Leo (@leeguoo)`);
       this.webglManager.setPreset(config.preset);
       logger.debug(`WebGL preset updated to: ${config.preset}`);
     }
+    if (config.applyToItems !== void 0) {
+      this.config.webgl.applyToItems = config.applyToItems;
+      if (!config.applyToItems) {
+        this.requestsCache.forEach((_, index) => {
+          this.webglManager?.disableForElement(`request-item-${index}`);
+        });
+      }
+      this.renderRequests();
+    }
     this.saveConfig();
   }
   /**
@@ -18922,7 +18984,7 @@ Created by Leo (@leeguoo)`);
    */
   toggleWebGL(enabled) {
     if (!this.config.webgl) {
-      this.config.webgl = { enabled: true, quality: "medium", preset: "normal" };
+      this.config.webgl = { enabled: true, quality: "medium", preset: "normal", applyToItems: false };
     }
     this.config.webgl.enabled = enabled;
     this.saveConfig();
@@ -19035,7 +19097,7 @@ class NetworkDebugger {
       this.initialized = true;
       logger.consoleDirect(`
 ╔════════════════════════════════════════╗
-║  🔓 PWTK 解密小工具 v${"1.2.49-beta.5"}           ║
+║  🔓 PWTK 解密小工具 v${"1.2.49-beta.7"}           ║
 ║  Created by Leo (@leeguoo)             ║
 ║  技术支持: 请联系 Leo                 ║  
 ║  分享服务: curl.bwg.leeguoo.com       ║
@@ -19096,7 +19158,7 @@ class NetworkDebugger {
   }
   async checkForUpdates() {
     try {
-      const currentVersion = "1.2.49-beta.5";
+      const currentVersion = "1.2.49-beta.7";
       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();
@@ -19116,7 +19178,7 @@ class NetworkDebugger {
       logger.error("[PWTK Update] Failed to check for updates:", error);
       return {
         hasUpdate: false,
-        currentVersion: "1.2.49-beta.5"
+        currentVersion: "1.2.49-beta.7"
       };
     }
   }