@leeguoo/pwtk-network-debugger 1.3.1 → 1.3.3

package/dist/index.esm.js

@@ -18256,7 +18256,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.3.1"}</span></div>
+        <div class="debugger-title">🔓 PWTK 解密小工具 <span style="font-size: 10px; opacity: 0.7;">by Leo v${"1.3.3"}</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>
@@ -18863,6 +18863,7 @@ Created by Leo (@leeguoo)`);
     this.config.isClosed = false;
     this.saveConfig();
     this.removeReopenButton();
+    this.scheduleLiquidGlassRefresh(true, 50);
   }
   hide() {
     this.hostElement.style.display = "none";
@@ -18871,6 +18872,8 @@ Created by Leo (@leeguoo)`);
     this.createReopenButton().catch((error) => {
       logger.error("[PWTK] Failed to create reopen button:", error);
       this.createFallbackButton();
+    }).finally(() => {
+      this.scheduleLiquidGlassRefresh(true, 50);
     });
   }
   async createReopenButton() {
@@ -18881,6 +18884,10 @@ Created by Leo (@leeguoo)`);
       );
       await Promise.race([liquidGlassPromise, timeout]);
       if (typeof window !== "undefined" && window.Button) {
+        const ContainerClass = window.Container;
+        if (ContainerClass && typeof ContainerClass.invalidateSnapshot === "function") {
+          ContainerClass.invalidateSnapshot({ clearQueue: true });
+        }
         this.createGlassButton();
       } else {
         logger.debug("[PWTK] Button class not available, using fallback");
@@ -18953,6 +18960,7 @@ Created by Leo (@leeguoo)`);
       this.addDragFunctionality(glassButton.element);
       this.reopenButton = glassButton;
       logger.debug("[PWTK] Glass button created successfully");
+      this.scheduleLiquidGlassRefresh(true, 30);
     } catch (error) {
       logger.error("[PWTK] Failed to create glass button:", error);
       this.createFallbackButton();
@@ -18998,31 +19006,32 @@ Created by Leo (@leeguoo)`);
       this.addDragFunctionality(btn);
       document.body.appendChild(btn);
       logger.debug("[PWTK] Fallback button created successfully");
+      this.scheduleLiquidGlassRefresh(true, 30);
     } catch (error) {
       logger.error("[PWTK] Failed to create fallback button:", error);
     }
   }
   addDragFunctionality(element) {
+    if (element.__pwtkDragAttached) {
+      return;
+    }
+    element.__pwtkDragAttached = true;
     let isDragging = false;
     let dragStart = { x: 0, y: 0 };
-    let clickTimer = null;
-    element.addEventListener("mousedown", (e2) => {
-      if (e2.button === 0) {
-        isDragging = false;
-        dragStart = { x: e2.clientX, y: e2.clientY };
-        clickTimer = window.setTimeout(() => {
-          isDragging = true;
-          element.style.cursor = "grabbing";
-        }, 150);
-        document.addEventListener("mousemove", handleMouseMove);
-        document.addEventListener("mouseup", handleMouseUp);
-        e2.preventDefault();
-      }
-    });
+    let suppressNextClick = false;
+    const originalCursor = element.style.cursor;
     const handleMouseMove = (e2) => {
-      if (!isDragging) return;
       const deltaX = e2.clientX - dragStart.x;
       const deltaY = e2.clientY - dragStart.y;
+      if (!isDragging) {
+        const distance2 = Math.hypot(deltaX, deltaY);
+        if (distance2 < 4) {
+          return;
+        }
+        isDragging = true;
+        element.style.cursor = "grabbing";
+      }
+      suppressNextClick = true;
       const rect = element.getBoundingClientRect();
       const newLeft = rect.left + deltaX;
       const newTop = rect.top + deltaY;
@@ -19030,25 +19039,54 @@ Created by Leo (@leeguoo)`);
       const maxY = window.innerHeight - rect.height;
       const clampedX = Math.max(0, Math.min(maxX, newLeft));
       const clampedY = Math.max(0, Math.min(maxY, newTop));
-      element.style.position = "fixed";
       element.style.left = `${clampedX}px`;
       element.style.top = `${clampedY}px`;
-      element.style.right = "auto";
-      element.style.bottom = "auto";
       dragStart = { x: e2.clientX, y: e2.clientY };
     };
     const handleMouseUp = () => {
-      if (clickTimer) {
-        clearTimeout(clickTimer);
-        clickTimer = null;
-      }
-      if (isDragging) {
-        isDragging = false;
-        element.style.cursor = "pointer";
-      }
       document.removeEventListener("mousemove", handleMouseMove);
       document.removeEventListener("mouseup", handleMouseUp);
+      element.style.cursor = originalCursor;
+      isDragging = false;
+      if (suppressNextClick) {
+        window.setTimeout(() => {
+          suppressNextClick = false;
+        }, 0);
+      }
     };
+    element.addEventListener("mousedown", (e2) => {
+      if (e2.button !== 0) {
+        return;
+      }
+      isDragging = false;
+      suppressNextClick = false;
+      dragStart = { x: e2.clientX, y: e2.clientY };
+      element.style.cursor = "grab";
+      const rectBeforeFix = element.getBoundingClientRect();
+      const computedStyle = window.getComputedStyle(element);
+      if (computedStyle.position !== "fixed") {
+        element.style.position = "fixed";
+      }
+      element.style.left = `${rectBeforeFix.left}px`;
+      element.style.top = `${rectBeforeFix.top}px`;
+      element.style.right = "auto";
+      element.style.bottom = "auto";
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+      e2.preventDefault();
+    });
+    element.addEventListener(
+      "click",
+      (e2) => {
+        if (!suppressNextClick) {
+          return;
+        }
+        suppressNextClick = false;
+        e2.stopImmediatePropagation();
+        e2.preventDefault();
+      },
+      true
+    );
   }
   removeReopenButton() {
     try {
@@ -19068,6 +19106,27 @@ Created by Leo (@leeguoo)`);
       logger.error("[PWTK] Error removing reopen button:", error);
     }
   }
+  scheduleLiquidGlassRefresh(force = false, delay = 0) {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const ContainerClass = window.Container;
+    if (!ContainerClass || typeof ContainerClass.refreshAll !== "function") {
+      return;
+    }
+    const triggerRefresh = () => {
+      try {
+        ContainerClass.refreshAll(force);
+      } catch (error) {
+        logger.debug("[PWTK] Liquid glass refresh failed:", error);
+      }
+    };
+    if (delay > 0) {
+      window.setTimeout(() => window.requestAnimationFrame(triggerRefresh), delay);
+    } else {
+      window.requestAnimationFrame(triggerRefresh);
+    }
+  }
   /**
    * 添加可清理的事件监听器
    */
@@ -19349,7 +19408,7 @@ if (typeof window !== "undefined") {
 }
 function loadLiquidGlass() {
   return new Promise((resolve) => {
-    import("./container-BiE06oNd.mjs").then(() => {
+    import("./container-Cy51KA7q.mjs").then(() => {
       return import("./button-Dt1KsQb6.mjs");
     }).then(() => {
       resolve();
@@ -19490,7 +19549,7 @@ const _NetworkDebugger = class _NetworkDebugger {
   }
   async checkForUpdates() {
     try {
-      const currentVersion = "1.3.1";
+      const currentVersion = "1.3.3";
       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();
@@ -19510,7 +19569,7 @@ const _NetworkDebugger = class _NetworkDebugger {
       logger.error("[PWTK Update] Failed to check for updates:", error);
       return {
         hasUpdate: false,
-        currentVersion: "1.3.1"
+        currentVersion: "1.3.3"
       };
     }
   }
@@ -19606,7 +19665,7 @@ const _NetworkDebugger = class _NetworkDebugger {
     return headers.slk || headers["x-slk"] || "";
   }
 };
-_NetworkDebugger.version = "1.3.1";
+_NetworkDebugger.version = "1.3.2";
 let NetworkDebugger = _NetworkDebugger;
 let globalInstance = null;
 const NetworkDebuggerGlobal = {