@leeguoo/pwtk-network-debugger 1.2.49-beta.4 → 1.2.49-beta.6

package/dist/index.esm.js

@@ -7890,26 +7890,9 @@ const styles = `
   backdrop-filter: blur(10px) brightness(1.1);
   -webkit-backdrop-filter: blur(10px) brightness(1.1);
   
-  /* 多层背景 - 模拟 Liquid Glass */
-  background: 
-    /* 动态光效层 */
-    linear-gradient(
-      105deg,
-      transparent 35%,
-      rgba(255, 255, 255, 0.25) 45%,
-      rgba(255, 255, 255, 0.35) 50%,
-      rgba(255, 255, 255, 0.25) 55%,
-      transparent 65%
-    ),
-    /* 基础玻璃层 */
-    linear-gradient(
-      135deg,
-      rgba(255, 255, 255, 0.8),
-      rgba(255, 255, 255, 0.6)
-    );
-    
-  background-size: 300% 100%, 100% 100%;
-  border: 1px solid rgba(255, 255, 255, 0.2);
+  /* 背景极简化，避免遮挡文本 */
+  background: rgba(255, 255, 255, 0.35);
+  border: 1px solid rgba(255, 255, 255, 0.28);
   border-radius: 16px;
   padding: 16px;
   cursor: default;
@@ -8060,7 +8043,7 @@ const styles = `
   margin: 0 8px;
   word-break: break-all;
   white-space: normal;
-  color: rgba(60, 60, 67, 0.9);
+  color: rgba(20, 20, 33, 0.98);
   font-size: 11px;
   line-height: 1.3;
 }
@@ -8246,7 +8229,7 @@ const styles = `
 }
 
 .headers-table td {
-  color: rgba(60, 60, 67, 0.8);
+  color: rgba(20, 20, 33, 0.85);
 }
 
 .decrypted-badge {
@@ -17830,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) {
@@ -17946,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();
@@ -17992,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.4"}</span></div>
+        <div class="debugger-title">🔓 PWTK 解密小工具 <span style="font-size: 10px; opacity: 0.7;">by Leo v${"1.2.49-beta.6"}</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>
@@ -18182,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");
+        }
       }
     });
   }
@@ -18661,7 +18652,7 @@ Created by Leo (@leeguoo)`);
       }
       this.addDragFunctionality(glassButton.element);
       this.reopenButton = glassButton;
-      console.log("[PWTK] Glass button created successfully");
+      logger.debug("[PWTK] Glass button created successfully");
     } catch (error) {
       console.error("[PWTK] Failed to create glass button:", error);
       this.createFallbackButton();
@@ -18700,7 +18691,7 @@ Created by Leo (@leeguoo)`);
     btn.onclick = () => this.show();
     this.addDragFunctionality(btn);
     document.body.appendChild(btn);
-    console.log("[PWTK] Fallback button created");
+    logger.warn("[PWTK] Fallback button created");
   }
   addDragFunctionality(element) {
     let isDragging = false;
@@ -18804,7 +18795,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);
@@ -18921,7 +18918,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);
@@ -18932,6 +18938,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();
   }
   /**
@@ -18939,7 +18954,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();
@@ -19052,7 +19067,7 @@ class NetworkDebugger {
       this.initialized = true;
       logger.consoleDirect(`
 ╔════════════════════════════════════════╗
-║  🔓 PWTK 解密小工具 v${"1.2.49-beta.4"}           ║
+║  🔓 PWTK 解密小工具 v${"1.2.49-beta.6"}           ║
 ║  Created by Leo (@leeguoo)             ║
 ║  技术支持: 请联系 Leo                 ║  
 ║  分享服务: curl.bwg.leeguoo.com       ║
@@ -19113,7 +19128,7 @@ class NetworkDebugger {
   }
   async checkForUpdates() {
     try {
-      const currentVersion = "1.2.49-beta.4";
+      const currentVersion = "1.2.49-beta.6";
       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();
@@ -19133,7 +19148,7 @@ class NetworkDebugger {
       logger.error("[PWTK Update] Failed to check for updates:", error);
       return {
         hasUpdate: false,
-        currentVersion: "1.2.49-beta.4"
+        currentVersion: "1.2.49-beta.6"
       };
     }
   }