@leeguoo/pwtk-network-debugger 1.2.49-beta.7 β 1.2.49-beta.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +4 -4
- package/dist/index.esm.js +13 -41
- package/dist/index.js +2 -2
- package/package.json +1 -1
- package/types/index.d.ts.map +1 -1
- package/types/webgl/manager.d.ts.map +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -6616,7 +6616,7 @@ let Logger$1 = class Logger {
|
|
|
6616
6616
|
this.buffer = [];
|
|
6617
6617
|
this.maxBufferSize = 100;
|
|
6618
6618
|
this.enableBrowserConsole = false;
|
|
6619
|
-
this.logLevel = "
|
|
6619
|
+
this.logLevel = "error";
|
|
6620
6620
|
}
|
|
6621
6621
|
configure(config) {
|
|
6622
6622
|
if (config.enableBrowserConsole !== void 0) {
|
|
@@ -17053,7 +17053,6 @@ class LiquidGlassRenderer {
|
|
|
17053
17053
|
let fragmentShaderSource = LiquidEffects.getAdvancedFragmentShader();
|
|
17054
17054
|
let fragmentShader = this.compileShader(gl.FRAGMENT_SHADER, fragmentShaderSource);
|
|
17055
17055
|
if (!fragmentShader) {
|
|
17056
|
-
console.warn("[PWTK WebGL] Advanced shader compile failed, using fallback shader.");
|
|
17057
17056
|
this.usingFallbackShader = true;
|
|
17058
17057
|
fragmentShaderSource = this.getFallbackFragmentShader();
|
|
17059
17058
|
fragmentShader = this.compileShader(gl.FRAGMENT_SHADER, fragmentShaderSource);
|
|
@@ -17108,7 +17107,6 @@ class LiquidGlassRenderer {
|
|
|
17108
17107
|
this.gl.shaderSource(shader, source);
|
|
17109
17108
|
this.gl.compileShader(shader);
|
|
17110
17109
|
if (!this.gl.getShaderParameter(shader, this.gl.COMPILE_STATUS)) {
|
|
17111
|
-
console.error("Shader compilation error:", this.gl.getShaderInfoLog(shader));
|
|
17112
17110
|
this.gl.deleteShader(shader);
|
|
17113
17111
|
return null;
|
|
17114
17112
|
}
|
|
@@ -17427,7 +17425,6 @@ class LiquidGlassScene {
|
|
|
17427
17425
|
try {
|
|
17428
17426
|
renderer = new LiquidGlassRenderer(config);
|
|
17429
17427
|
} catch (error) {
|
|
17430
|
-
console.warn("[PWTK WebGL] WebGL not supported, falling back to CSS effects:", error);
|
|
17431
17428
|
element.removeChild(canvas);
|
|
17432
17429
|
throw error;
|
|
17433
17430
|
}
|
|
@@ -17449,7 +17446,6 @@ class LiquidGlassScene {
|
|
|
17449
17446
|
renderer.setUniformProvider(() => this.getDynamicUniforms(layer));
|
|
17450
17447
|
this.applyPlaceholderBackground(layer);
|
|
17451
17448
|
this.refreshLayerBackground(layer).catch((err) => {
|
|
17452
|
-
console.warn("[PWTK WebGL] Initial background capture failed:", err);
|
|
17453
17449
|
});
|
|
17454
17450
|
return layer;
|
|
17455
17451
|
}
|
|
@@ -17507,7 +17503,6 @@ class LiquidGlassScene {
|
|
|
17507
17503
|
updateBackgrounds(forceSnapshot = false) {
|
|
17508
17504
|
this.layers.forEach((layer) => {
|
|
17509
17505
|
this.refreshLayerBackground(layer, forceSnapshot).catch((err) => {
|
|
17510
|
-
console.warn("[PWTK WebGL] Background refresh failed:", err);
|
|
17511
17506
|
});
|
|
17512
17507
|
});
|
|
17513
17508
|
}
|
|
@@ -17639,7 +17634,6 @@ class LiquidGlassScene {
|
|
|
17639
17634
|
this.snapshotScale = scale;
|
|
17640
17635
|
this.snapshotNeedsUpdate = false;
|
|
17641
17636
|
}).catch((error) => {
|
|
17642
|
-
console.warn("[PWTK WebGL] html2canvas capture failed:", error);
|
|
17643
17637
|
this.snapshotCanvas = null;
|
|
17644
17638
|
}).finally(() => {
|
|
17645
17639
|
this.capturePromise = null;
|
|
@@ -17682,14 +17676,8 @@ const _WebGLManager = class _WebGLManager {
|
|
|
17682
17676
|
const canvas = document.createElement("canvas");
|
|
17683
17677
|
const gl = canvas.getContext("webgl2", { failIfMajorPerformanceCaveat: true });
|
|
17684
17678
|
this.isSupported = !!gl;
|
|
17685
|
-
if (this.isSupported) {
|
|
17686
|
-
console.log("π¨ WebGL2 supported - Liquid Glass effects enabled");
|
|
17687
|
-
} else {
|
|
17688
|
-
console.log("β οΈ WebGL2 not supported - falling back to CSS effects");
|
|
17689
|
-
}
|
|
17690
17679
|
return this.isSupported;
|
|
17691
17680
|
} catch (error) {
|
|
17692
|
-
console.warn("WebGL support check failed:", error);
|
|
17693
17681
|
this.isSupported = false;
|
|
17694
17682
|
return false;
|
|
17695
17683
|
}
|
|
@@ -17709,10 +17697,8 @@ const _WebGLManager = class _WebGLManager {
|
|
|
17709
17697
|
throw new Error("WebGL context creation failed");
|
|
17710
17698
|
}
|
|
17711
17699
|
this.isInitialized = true;
|
|
17712
|
-
console.log("β¨ Liquid Glass WebGL effects initialized successfully");
|
|
17713
17700
|
return true;
|
|
17714
17701
|
} catch (error) {
|
|
17715
|
-
console.warn("WebGL initialization failed:", error);
|
|
17716
17702
|
if (this.config.autoFallback) {
|
|
17717
17703
|
this.enableCSSFallback(container);
|
|
17718
17704
|
}
|
|
@@ -17720,7 +17706,6 @@ const _WebGLManager = class _WebGLManager {
|
|
|
17720
17706
|
}
|
|
17721
17707
|
}
|
|
17722
17708
|
enableCSSFallback(container) {
|
|
17723
|
-
console.log("π Enabling CSS fallback for liquid glass effects");
|
|
17724
17709
|
container.classList.add("webgl-fallback", "enhanced-css-glass");
|
|
17725
17710
|
this.injectEnhancedCSS();
|
|
17726
17711
|
}
|
|
@@ -17796,12 +17781,10 @@ const _WebGLManager = class _WebGLManager {
|
|
|
17796
17781
|
}
|
|
17797
17782
|
enableForElement(element, layerId) {
|
|
17798
17783
|
if (!this.isInitialized || !this.scene) {
|
|
17799
|
-
console.warn("WebGL manager not initialized");
|
|
17800
17784
|
return false;
|
|
17801
17785
|
}
|
|
17802
17786
|
try {
|
|
17803
17787
|
if (!this.scene) {
|
|
17804
|
-
console.warn("WebGL scene not ready");
|
|
17805
17788
|
return false;
|
|
17806
17789
|
}
|
|
17807
17790
|
if (this.scene.getLayer(layerId)) {
|
|
@@ -17813,10 +17796,8 @@ const _WebGLManager = class _WebGLManager {
|
|
|
17813
17796
|
preset: this.config.preset
|
|
17814
17797
|
});
|
|
17815
17798
|
this.scene.startAnimation();
|
|
17816
|
-
console.log(`β¨ WebGL liquid glass enabled for element: ${layerId}`);
|
|
17817
17799
|
return true;
|
|
17818
17800
|
} catch (error) {
|
|
17819
|
-
console.warn(`Failed to enable WebGL for element ${layerId}:`, error);
|
|
17820
17801
|
if (this.config.autoFallback) {
|
|
17821
17802
|
element.classList.add("enhanced-css-glass");
|
|
17822
17803
|
this.addMouseTrackingToElement(element);
|
|
@@ -17836,25 +17817,21 @@ const _WebGLManager = class _WebGLManager {
|
|
|
17836
17817
|
disableForElement(layerId) {
|
|
17837
17818
|
if (!this.scene) return;
|
|
17838
17819
|
this.scene.removeLayer(layerId);
|
|
17839
|
-
console.log(`π WebGL liquid glass disabled for element: ${layerId}`);
|
|
17840
17820
|
}
|
|
17841
17821
|
setQuality(quality) {
|
|
17842
17822
|
this.config.quality = quality;
|
|
17843
17823
|
if (this.scene) {
|
|
17844
17824
|
this.scene.setQuality(quality);
|
|
17845
|
-
console.log(`ποΈ WebGL quality set to: ${quality}`);
|
|
17846
17825
|
}
|
|
17847
17826
|
}
|
|
17848
17827
|
setPreset(preset) {
|
|
17849
17828
|
this.config.preset = preset;
|
|
17850
|
-
console.log(`π¨ WebGL preset set to: ${preset}`);
|
|
17851
17829
|
if (this.scene) {
|
|
17852
17830
|
this.updateEffectPresets();
|
|
17853
17831
|
}
|
|
17854
17832
|
}
|
|
17855
17833
|
updateEffectPresets() {
|
|
17856
|
-
|
|
17857
|
-
console.log("π Updating effect presets:", presetConfig);
|
|
17834
|
+
LiquidEffects.presets[this.config.preset];
|
|
17858
17835
|
if (this.scene) {
|
|
17859
17836
|
this.scene.setPreset(this.config.preset);
|
|
17860
17837
|
}
|
|
@@ -17881,7 +17858,6 @@ const _WebGLManager = class _WebGLManager {
|
|
|
17881
17858
|
if (cssElement) {
|
|
17882
17859
|
cssElement.remove();
|
|
17883
17860
|
}
|
|
17884
|
-
console.log("π§Ή WebGL manager destroyed");
|
|
17885
17861
|
}
|
|
17886
17862
|
// ιζε·₯ε
·ζΉζ³
|
|
17887
17863
|
static checkSupport() {
|
|
@@ -17978,7 +17954,7 @@ const _DebugPanel = class _DebugPanel {
|
|
|
17978
17954
|
this.container.style.pointerEvents = "auto";
|
|
17979
17955
|
this.container.innerHTML = `
|
|
17980
17956
|
<div class="debugger-header">
|
|
17981
|
-
<div class="debugger-title">π PWTK θ§£ε―ε°ε·₯ε
· <span style="font-size: 10px; opacity: 0.7;">by Leo v${"1.2.49-beta.
|
|
17957
|
+
<div class="debugger-title">π PWTK θ§£ε―ε°ε·₯ε
· <span style="font-size: 10px; opacity: 0.7;">by Leo v${"1.2.49-beta.8"}</span></div>
|
|
17982
17958
|
<div class="debugger-controls">
|
|
17983
17959
|
<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>
|
|
17984
17960
|
<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>
|
|
@@ -18580,7 +18556,7 @@ Created by Leo (@leeguoo)`);
|
|
|
18580
18556
|
this.config.isClosed = true;
|
|
18581
18557
|
this.saveConfig();
|
|
18582
18558
|
this.createReopenButton().catch((error) => {
|
|
18583
|
-
|
|
18559
|
+
logger.error("[PWTK] Failed to create reopen button:", error);
|
|
18584
18560
|
this.createFallbackButton();
|
|
18585
18561
|
});
|
|
18586
18562
|
}
|
|
@@ -18594,11 +18570,11 @@ Created by Leo (@leeguoo)`);
|
|
|
18594
18570
|
if (typeof window !== "undefined" && window.Button) {
|
|
18595
18571
|
this.createGlassButton();
|
|
18596
18572
|
} else {
|
|
18597
|
-
|
|
18573
|
+
logger.debug("[PWTK] Button class not available, using fallback");
|
|
18598
18574
|
this.createFallbackButton();
|
|
18599
18575
|
}
|
|
18600
18576
|
} catch (error) {
|
|
18601
|
-
|
|
18577
|
+
logger.debug("[PWTK] Error creating glass button, using fallback:", error);
|
|
18602
18578
|
this.createFallbackButton();
|
|
18603
18579
|
}
|
|
18604
18580
|
}
|
|
@@ -18665,7 +18641,7 @@ Created by Leo (@leeguoo)`);
|
|
|
18665
18641
|
this.reopenButton = glassButton;
|
|
18666
18642
|
logger.debug("[PWTK] Glass button created successfully");
|
|
18667
18643
|
} catch (error) {
|
|
18668
|
-
|
|
18644
|
+
logger.error("[PWTK] Failed to create glass button:", error);
|
|
18669
18645
|
this.createFallbackButton();
|
|
18670
18646
|
}
|
|
18671
18647
|
}
|
|
@@ -18710,7 +18686,7 @@ Created by Leo (@leeguoo)`);
|
|
|
18710
18686
|
document.body.appendChild(btn);
|
|
18711
18687
|
logger.debug("[PWTK] Fallback button created successfully");
|
|
18712
18688
|
} catch (error) {
|
|
18713
|
-
|
|
18689
|
+
logger.error("[PWTK] Failed to create fallback button:", error);
|
|
18714
18690
|
}
|
|
18715
18691
|
}
|
|
18716
18692
|
addDragFunctionality(element) {
|
|
@@ -18776,7 +18752,7 @@ Created by Leo (@leeguoo)`);
|
|
|
18776
18752
|
logger.debug("[PWTK] Reopen button reference cleared");
|
|
18777
18753
|
}
|
|
18778
18754
|
} catch (error) {
|
|
18779
|
-
|
|
18755
|
+
logger.error("[PWTK] Error removing reopen button:", error);
|
|
18780
18756
|
}
|
|
18781
18757
|
}
|
|
18782
18758
|
destroy() {
|
|
@@ -19011,19 +18987,15 @@ _DebugPanel.STORAGE_KEY = "pwtk-debugger-config";
|
|
|
19011
18987
|
let DebugPanel = _DebugPanel;
|
|
19012
18988
|
if (typeof window !== "undefined") {
|
|
19013
18989
|
window.html2canvas = html2canvas;
|
|
19014
|
-
console.log("[PWTK] html2canvas loaded and set to window");
|
|
19015
18990
|
}
|
|
19016
18991
|
function loadLiquidGlass() {
|
|
19017
18992
|
return new Promise((resolve) => {
|
|
19018
18993
|
import("./container-DZOQFeJd.mjs").then(() => {
|
|
19019
|
-
console.log("[PWTK] Container loaded");
|
|
19020
18994
|
return import("./button-DfB5OFDC.mjs");
|
|
19021
18995
|
}).then(() => {
|
|
19022
|
-
console.log("[PWTK] Button loaded");
|
|
19023
|
-
console.log("[PWTK] Liquid glass components loaded successfully");
|
|
19024
18996
|
resolve();
|
|
19025
18997
|
}).catch((error) => {
|
|
19026
|
-
|
|
18998
|
+
logger.error("[PWTK] Failed to load liquid glass components:", error);
|
|
19027
18999
|
resolve();
|
|
19028
19000
|
});
|
|
19029
19001
|
});
|
|
@@ -19097,7 +19069,7 @@ class NetworkDebugger {
|
|
|
19097
19069
|
this.initialized = true;
|
|
19098
19070
|
logger.consoleDirect(`
|
|
19099
19071
|
ββββββββββββββββββββββββββββββββββββββββββ
|
|
19100
|
-
β π PWTK θ§£ε―ε°ε·₯ε
· v${"1.2.49-beta.
|
|
19072
|
+
β π PWTK θ§£ε―ε°ε·₯ε
· v${"1.2.49-beta.8"} β
|
|
19101
19073
|
β Created by Leo (@leeguoo) β
|
|
19102
19074
|
β ζζ―ζ―ζ: θ―·θη³» Leo β
|
|
19103
19075
|
β εδΊ«ζε‘: curl.bwg.leeguoo.com β
|
|
@@ -19158,7 +19130,7 @@ class NetworkDebugger {
|
|
|
19158
19130
|
}
|
|
19159
19131
|
async checkForUpdates() {
|
|
19160
19132
|
try {
|
|
19161
|
-
const currentVersion = "1.2.49-beta.
|
|
19133
|
+
const currentVersion = "1.2.49-beta.8";
|
|
19162
19134
|
logger.info(`[PWTK Update] Checking for updates... Current version: ${currentVersion}`);
|
|
19163
19135
|
const response = await fetch("https://registry.npmjs.org/@leeguoo/pwtk-network-debugger/latest");
|
|
19164
19136
|
const data = await response.json();
|
|
@@ -19178,7 +19150,7 @@ class NetworkDebugger {
|
|
|
19178
19150
|
logger.error("[PWTK Update] Failed to check for updates:", error);
|
|
19179
19151
|
return {
|
|
19180
19152
|
hasUpdate: false,
|
|
19181
|
-
currentVersion: "1.2.49-beta.
|
|
19153
|
+
currentVersion: "1.2.49-beta.8"
|
|
19182
19154
|
};
|
|
19183
19155
|
}
|
|
19184
19156
|
}
|