@leeguoo/pwtk-network-debugger 1.3.5 → 1.3.7

package/dist/container-CwCxCCvi.js

@@ -0,0 +1 @@
+"use strict";class e{static instances=[];static pageSnapshot=null;static isCapturing=!1;static waitingForSnapshot=[];static mutationObserver=null;static globalListenersSetup=!1;static domReadyListenerAttached=!1;static refreshTimer=null;static pendingForceRefresh=!1;static settingsKey="pwtk_glass_settings_v1";static defaultSettings={enableWebGL:!0,autoRefresh:!1,enableButtonAnimation:!0};static settings={...e.defaultSettings};static documentWriteWarnDepth=0;static originalConsoleWarn=null;static handleWindowRefresh=()=>e.scheduleSnapshotRefresh();static handleVisibilityRefresh=()=>{if("undefined"!=typeof document&&!document.hidden)e.scheduleSnapshotRefresh()};static loadSettings(){if("undefined"==typeof window||void 0===window.localStorage)return{...e.defaultSettings};try{const t=window.localStorage.getItem(e.settingsKey);if(!t)return{...e.defaultSettings};const n=JSON.parse(t);return{...e.defaultSettings,...n}}catch{return{...e.defaultSettings}}}static saveSettings(){if("undefined"!=typeof window&&void 0!==window.localStorage)try{window.localStorage.setItem(e.settingsKey,JSON.stringify(e.settings))}catch{}}static updateSetting(t,n){e.settings[t]=n;e.saveSettings();e.applySettings(t)}static applySettings(t){const n=e.shouldUseWebGL();e.instances.forEach(t=>{if(n){t.restoreFromFallback();if(t.webglInitialized)t.startRenderLoop();if(!1!==e.settings.enableButtonAnimation)t.children.forEach(e=>{if("function"==typeof e.startNestedRenderLoop)e.startNestedRenderLoop()})}else t.applyFallbackStyles()});if("undefined"!=typeof window)window.glassControls={...window.glassControls||{},nestedAnimationEnabled:!1!==e.settings.enableButtonAnimation};if("enableWebGL"===t)if(n)if(!e.pageSnapshot&&e.instances.length){e.waitingForSnapshot=e.instances.slice();if(!e.isCapturing){e.isCapturing=!0;e.instances[0].capturePageSnapshot(!0)}}else e.instances.forEach(t=>{if(!t.webglInitialized&&e.pageSnapshot)t.initWebGL()});else{e.isCapturing=!1;e.waitingForSnapshot=[]}if("autoRefresh"===t&&!1===e.settings.autoRefresh)if(e.refreshTimer){window.clearTimeout(e.refreshTimer);e.refreshTimer=null}if("enableButtonAnimation"===t){const t=!1!==e.settings.enableButtonAnimation;e.instances.forEach(e=>{e.children.forEach(e=>{if("function"==typeof e.startNestedRenderLoop)if(t)e.startNestedRenderLoop();else if("function"==typeof e.stopNestedAnimation)e.stopNestedAnimation()})})}}static suppressDocumentWriteWarnings(){if("undefined"!=typeof console&&"function"==typeof console.warn){if(0===e.documentWriteWarnDepth){e.originalConsoleWarn=console.warn;console.warn=(...t)=>{if(!(t.length>0&&"string"==typeof t[0]&&t[0].includes("Avoid using document.write")))if(e.originalConsoleWarn)e.originalConsoleWarn.apply(console,t)}}e.documentWriteWarnDepth++}}static restoreDocumentWriteWarnings(){if(e.documentWriteWarnDepth>0){e.documentWriteWarnDepth--;if(0===e.documentWriteWarnDepth&&e.originalConsoleWarn){console.warn=e.originalConsoleWarn;e.originalConsoleWarn=null}}}static shouldUseWebGL(){return!1!==e.settings.enableWebGL}static isAutoRefreshEnabled(){return!1!==e.settings.autoRefresh&&e.shouldUseWebGL()}constructor(t={}){this.width=0;this.height=0;this.borderRadius=t.borderRadius||48;this.type=t.type||"rounded";this.tintOpacity=void 0!==t.tintOpacity?t.tintOpacity:.2;this.canvas=null;this.element=null;this.gl=null;this.gl_refs={};this.webglInitialized=!1;this.children=[];this.animationFrameId=null;e.instances.push(this);e.ensureGlobalObservers();this.init()}addChild(e){this.children.push(e);e.parent=this;if(e.element&&this.element)this.element.appendChild(e.element);if(e instanceof Button)e.setupAsNestedGlass();this.updateSizeFromDOM();return e}removeChild(e){const t=this.children.indexOf(e);if(t>-1){this.children.splice(t,1);e.parent=null;if(e.element&&this.element.contains(e.element))this.element.removeChild(e.element);this.updateSizeFromDOM()}}updateSizeFromDOM(){requestAnimationFrame(()=>{const e=this.element.getBoundingClientRect();let t=Math.ceil(e.width),n=Math.ceil(e.height);if("circle"===this.type){const e=Math.max(t,n);t=e;n=e;this.borderRadius=e/2;this.element.style.width=e+"px";this.element.style.height=e+"px";this.element.style.borderRadius=this.borderRadius+"px"}else if("pill"===this.type){this.borderRadius=n/2;this.element.style.borderRadius=this.borderRadius+"px"}if(t!==this.width||n!==this.height){this.width=t;this.height=n;this.canvas.width=t;this.canvas.height=n;this.canvas.style.width=t+"px";this.canvas.style.height=n+"px";this.canvas.style.borderRadius=this.borderRadius+"px";if(this.gl_refs.gl){this.gl_refs.gl.viewport(0,0,t,n);this.gl_refs.gl.uniform2f(this.gl_refs.resolutionLoc,t,n);this.gl_refs.gl.uniform1f(this.gl_refs.borderRadiusLoc,this.borderRadius)}this.children.forEach(e=>{if(e instanceof Button&&e.isNestedGlass&&e.gl_refs.gl){const i=e.gl_refs.gl;i.bindTexture(i.TEXTURE_2D,e.gl_refs.texture);i.texImage2D(i.TEXTURE_2D,0,i.RGBA,t,n,0,i.RGBA,i.UNSIGNED_BYTE,null);i.uniform2f(e.gl_refs.textureSizeLoc,t,n);if(e.gl_refs.containerSizeLoc)i.uniform2f(e.gl_refs.containerSizeLoc,t,n)}})}})}init(){this.createElement();this.setupCanvas();this.updateSizeFromDOM();if(e.shouldUseWebGL())if(e.pageSnapshot)this.initWebGL();else if(e.isCapturing)e.waitingForSnapshot.push(this);else{e.isCapturing=!0;e.waitingForSnapshot.push(this);this.capturePageSnapshot()}else this.applyFallbackStyles()}createElement(){this.element=document.createElement("div");this.element.className="glass-container";if("circle"===this.type)this.element.classList.add("glass-container-circle");else if("pill"===this.type)this.element.classList.add("glass-container-pill");this.element.style.borderRadius=this.borderRadius+"px";this.canvas=document.createElement("canvas");this.canvas.style.borderRadius=this.borderRadius+"px";this.canvas.style.position="absolute";this.canvas.style.top="0";this.canvas.style.left="0";this.canvas.style.width="100%";this.canvas.style.height="100%";this.canvas.style.boxShadow="0 25px 50px rgba(0, 0, 0, 0.25)";this.canvas.style.zIndex="-1";this.element.appendChild(this.canvas)}setupCanvas(){this.gl=this.canvas.getContext("webgl",{preserveDrawingBuffer:!0});if(this.gl);else console.error("WebGL not supported")}applyFallbackStyles(){if(this.element){if(this.canvas)this.canvas.style.display="none";if(null!==this.animationFrameId){window.cancelAnimationFrame(this.animationFrameId);this.animationFrameId=null}this.element.dataset.pwtkFallback="true";this.element.style.background="linear-gradient(135deg, rgba(255,255,255,0.35), rgba(200,210,230,0.18))";this.element.style.backdropFilter="blur(14px) saturate(140%)";this.element.style.webkitBackdropFilter="blur(14px) saturate(140%)";this.element.style.border="1px solid rgba(255,255,255,0.28)";this.element.style.boxShadow="0 15px 35px rgba(15, 23, 42, 0.33)";this.children.forEach(e=>{if("function"==typeof e.stopNestedAnimation)e.stopNestedAnimation()})}}restoreFromFallback(){if(this.element)if("true"===this.element.dataset.pwtkFallback){delete this.element.dataset.pwtkFallback;if(this.canvas)this.canvas.style.display="";this.element.style.removeProperty("background");this.element.style.removeProperty("backdrop-filter");this.element.style.removeProperty("-webkit-backdrop-filter");this.element.style.removeProperty("border");this.element.style.removeProperty("box-shadow")}}getPosition(){const e=this.canvas.getBoundingClientRect();return{x:e.left+e.width/2,y:e.top+e.height/2}}capturePageSnapshot(){if(!e.shouldUseWebGL()){e.isCapturing=!1;return}const t=window.html2canvas;if(!t){console.error("[PWTK] html2canvas not available, containers will not initialize");e.isCapturing=!1;e.waitingForSnapshot=[];return}const n=e.drainWaitingQueue();e.suppressDocumentWriteWarnings();t(document.body,{scale:1,useCORS:!0,allowTaint:!0,backgroundColor:null,logging:!1,ignoreElements:function(e){return e.classList.contains("glass-container")||e.classList.contains("glass-button")||e.classList.contains("glass-button-text")}}).then(t=>{e.pageSnapshot=t;e.isCapturing=!1;e.toUniqueList(n).forEach(e=>{e.initWebGL()})}).catch(t=>{console.error("[PWTK] html2canvas error:",t);e.isCapturing=!1;e.waitingForSnapshot=[]}).finally(()=>{e.isCapturing=!1;if(e.pendingForceRefresh||e.waitingForSnapshot.length>0){const t=e.pendingForceRefresh;e.pendingForceRefresh=!1;e.refreshAll(t)}e.restoreDocumentWriteWarnings()})}initWebGL(){if(e.pageSnapshot&&this.gl)this.applySnapshot(e.pageSnapshot)}applySnapshot(e){if(!e||!this.gl)return;if(!this.webglInitialized){this.setupShader(e);this.webglInitialized=!0;return}const t=this.gl_refs.gl;if(t&&this.gl_refs.texture){t.bindTexture(t.TEXTURE_2D,this.gl_refs.texture);t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,e);if(this.gl_refs.textureSizeLoc)t.uniform2f(this.gl_refs.textureSizeLoc,e.width,e.height)}}static drainWaitingQueue(){const t=e.waitingForSnapshot.slice();e.waitingForSnapshot=[];return t}static toUniqueList(e){return Array.from(new Set(e.filter(Boolean)))}static invalidateSnapshot(t={}){if(e.isCapturing)e.isCapturing=!1;e.pageSnapshot=null;if(!1!==t.clearQueue)e.waitingForSnapshot=[]}static refreshAll(t=!1){if("undefined"==typeof window)return;if(!e.instances.length)return;if(!e.shouldUseWebGL())return;e.instances.forEach(t=>{if(!("undefined"!=typeof Button&&t instanceof Button&&t.isNestedGlass))if(!e.waitingForSnapshot.includes(t))e.waitingForSnapshot.push(t)});if(e.isCapturing){e.pendingForceRefresh=e.pendingForceRefresh||t||!1;return}const n=e.instances[0];if(n){e.isCapturing=!0;n.capturePageSnapshot(t)}}static scheduleSnapshotRefresh(){if("undefined"!=typeof window)if(e.instances.length)if(e.isAutoRefreshEnabled())if(!e.isCapturing){if(e.refreshTimer)window.clearTimeout(e.refreshTimer);e.refreshTimer=window.setTimeout(()=>{e.refreshTimer=null;e.refreshAll(!0)},200)}else e.pendingForceRefresh=!0}static ensureGlobalObservers(){if("undefined"!=typeof window&&"undefined"!=typeof document&&!e.globalListenersSetup)if(document.body){e.globalListenersSetup=!0;e.settings=e.loadSettings();e.setupMutationObserver();window.addEventListener("resize",e.handleWindowRefresh);window.addEventListener("orientationchange",e.handleWindowRefresh);window.addEventListener("focus",e.handleWindowRefresh);window.addEventListener("pageshow",e.handleWindowRefresh);document.addEventListener("visibilitychange",e.handleVisibilityRefresh);e.applySettings()}else if(!e.domReadyListenerAttached){e.domReadyListenerAttached=!0;document.addEventListener("DOMContentLoaded",()=>{e.domReadyListenerAttached=!1;e.ensureGlobalObservers()},{once:!0})}}static setupMutationObserver(){if(e.mutationObserver||"undefined"==typeof MutationObserver||"undefined"==typeof document)return;const t=new MutationObserver(t=>{if(t.some(t=>{if(e.isHtml2CanvasMutation(t))return!1;const n=t.target;return!e.isMutationInsideGlass(n)}))e.scheduleSnapshotRefresh()});t.observe(document.body,{childList:!0,attributes:!0,characterData:!0,subtree:!0});e.mutationObserver=t}static isMutationInsideGlass(t){if(!t||"object"!=typeof t||"number"!=typeof t.nodeType)return!1;else return e.instances.some(e=>e.element&&e.element.contains(t))}static isHtml2CanvasMutation(e){const t=e=>{if(!e||"object"!=typeof e)return!1;if("number"!=typeof e.nodeType||1!==e.nodeType)return!1;const t=e,n=t.classList;if(n&&(n.contains("html2canvas-container")||n.contains("html2canvas-clone")))return!0;if("string"==typeof t.id&&t.id.startsWith("html2canvas"))return!0;if(("string"==typeof t.className?t.className:"").includes("html2canvas"))return!0;if("function"==typeof t.getAttribute&&"true"===t.getAttribute("data-html2canvas-ignore"))return!0;else return!1};if(t(e.target))return!0;if(e.addedNodes)for(const n of e.addedNodes)if(t(n))return!0;if(e.removedNodes)for(const n of e.removedNodes)if(t(n))return!0;return!1}setupShader(e){const t=this.gl,n=this.createProgram(t,"\n    attribute vec2 a_position;\n    attribute vec2 a_texcoord;\n    varying vec2 v_texcoord;\n\n    void main() {\n      gl_Position = vec4(a_position, 0, 1);\n      v_texcoord = a_texcoord;\n    }\n  ","\n    precision mediump float;\n    uniform sampler2D u_image;\n    uniform vec2 u_resolution;\n      uniform vec2 u_textureSize;\n      uniform float u_scrollY;\n      uniform float u_pageHeight;\n      uniform float u_viewportHeight;\n      uniform float u_blurRadius;\n      uniform float u_borderRadius;\n      uniform vec2 u_containerPosition;\n      uniform float u_warp;\n      uniform float u_edgeIntensity;\n      uniform float u_rimIntensity;\n      uniform float u_baseIntensity;\n      uniform float u_edgeDistance;\n      uniform float u_rimDistance;\n      uniform float u_baseDistance;\n      uniform float u_cornerBoost;\n      uniform float u_rippleEffect;\n      uniform float u_tintOpacity;\n    varying vec2 v_texcoord;\n\n      // Function to calculate distance from rounded rectangle edge\n      float roundedRectDistance(vec2 coord, vec2 size, float radius) {\n        vec2 center = size * 0.5;\n        vec2 pixelCoord = coord * size;\n        vec2 toCorner = abs(pixelCoord - center) - (center - radius);\n        float outsideCorner = length(max(toCorner, 0.0));\n        float insideCorner = min(max(toCorner.x, toCorner.y), 0.0);\n        return (outsideCorner + insideCorner - radius);\n      }\n      \n      // Function to calculate distance from circle edge (negative inside, positive outside)\n      float circleDistance(vec2 coord, vec2 size, float radius) {\n        vec2 center = vec2(0.5, 0.5);\n        vec2 pixelCoord = coord * size;\n        vec2 centerPixel = center * size;\n        float distFromCenter = length(pixelCoord - centerPixel);\n        return distFromCenter - radius;\n      }\n      \n      // Check if this is a pill (border radius is approximately 50% of height AND width > height)\n      bool isPill(vec2 size, float radius) {\n        float heightRatioDiff = abs(radius - size.y * 0.5);\n        bool radiusMatchesHeight = heightRatioDiff < 2.0;\n        bool isWiderThanTall = size.x > size.y + 4.0; // Must be significantly wider\n        return radiusMatchesHeight && isWiderThanTall;\n      }\n      \n      // Check if this is a circle (border radius is approximately 50% of smaller dimension AND roughly square)\n      bool isCircle(vec2 size, float radius) {\n        float minDim = min(size.x, size.y);\n        bool radiusMatchesMinDim = abs(radius - minDim * 0.5) < 1.0;\n        bool isRoughlySquare = abs(size.x - size.y) < 4.0; // Width and height are similar\n        return radiusMatchesMinDim && isRoughlySquare;\n      }\n      \n      // Function to calculate distance from pill edge (capsule shape)\n      float pillDistance(vec2 coord, vec2 size, float radius) {\n        vec2 center = size * 0.5;\n        vec2 pixelCoord = coord * size;\n        \n        // Proper capsule: line segment with radius\n        // The capsule axis runs horizontally from (radius, center.y) to (size.x - radius, center.y)\n        vec2 capsuleStart = vec2(radius, center.y);\n        vec2 capsuleEnd = vec2(size.x - radius, center.y);\n        \n        // Project point onto the capsule axis (line segment)\n        vec2 capsuleAxis = capsuleEnd - capsuleStart;\n        float capsuleLength = length(capsuleAxis);\n        \n        if (capsuleLength > 0.0) {\n          vec2 toPoint = pixelCoord - capsuleStart;\n          float t = clamp(dot(toPoint, capsuleAxis) / dot(capsuleAxis, capsuleAxis), 0.0, 1.0);\n          vec2 closestPointOnAxis = capsuleStart + t * capsuleAxis;\n          return length(pixelCoord - closestPointOnAxis) - radius;\n        } else {\n          // Degenerate case: just a circle\n          return length(pixelCoord - center) - radius;\n        }\n      }\n\n    void main() {\n        vec2 coord = v_texcoord;\n        \n        // Calculate which area of the page should be visible through the container\n        float scrollY = u_scrollY;\n        vec2 containerSize = u_resolution;\n        vec2 textureSize = u_textureSize;\n        \n        // Container position in viewport coordinates\n        vec2 containerCenter = u_containerPosition + vec2(0.0, scrollY);\n        \n        // Convert container coordinates to page coordinates\n        vec2 containerOffset = (coord - 0.5) * containerSize;\n        vec2 pagePixel = containerCenter + containerOffset;\n        \n        // Convert to texture coordinate (0 to 1)\n        vec2 textureCoord = pagePixel / textureSize;\n        \n        // Glass refraction effects\n        float distFromEdgeShape;\n        vec2 shapeNormal; // Normal vector pointing away from shape surface\n        \n        if (isPill(u_resolution, u_borderRadius)) {\n          distFromEdgeShape = -pillDistance(coord, u_resolution, u_borderRadius);\n          \n          // Calculate normal for pill shape\n          vec2 center = vec2(0.5, 0.5);\n          vec2 pixelCoord = coord * u_resolution;\n          vec2 capsuleStart = vec2(u_borderRadius, center.y * u_resolution.y);\n          vec2 capsuleEnd = vec2(u_resolution.x - u_borderRadius, center.y * u_resolution.y);\n          vec2 capsuleAxis = capsuleEnd - capsuleStart;\n          float capsuleLength = length(capsuleAxis);\n          \n          if (capsuleLength > 0.0) {\n            vec2 toPoint = pixelCoord - capsuleStart;\n            float t = clamp(dot(toPoint, capsuleAxis) / dot(capsuleAxis, capsuleAxis), 0.0, 1.0);\n            vec2 closestPointOnAxis = capsuleStart + t * capsuleAxis;\n            vec2 normalDir = pixelCoord - closestPointOnAxis;\n            shapeNormal = length(normalDir) > 0.0 ? normalize(normalDir) : vec2(0.0, 1.0);\n          } else {\n            shapeNormal = normalize(coord - center);\n          }\n        } else if (isCircle(u_resolution, u_borderRadius)) {\n          distFromEdgeShape = -circleDistance(coord, u_resolution, u_borderRadius);\n          vec2 center = vec2(0.5, 0.5);\n          shapeNormal = normalize(coord - center);\n        } else {\n          distFromEdgeShape = -roundedRectDistance(coord, u_resolution, u_borderRadius);\n      vec2 center = vec2(0.5, 0.5);\n          shapeNormal = normalize(coord - center);\n        }\n        distFromEdgeShape = max(distFromEdgeShape, 0.0);\n        \n        float distFromLeft = coord.x;\n        float distFromRight = 1.0 - coord.x;\n        float distFromTop = coord.y;\n        float distFromBottom = 1.0 - coord.y;\n        float distFromEdge = distFromEdgeShape / min(u_resolution.x, u_resolution.y);\n        \n        // Smooth glass refraction using shape-aware normal\n        float normalizedDistance = distFromEdge * min(u_resolution.x, u_resolution.y);\n        float baseIntensity = 1.0 - exp(-normalizedDistance * u_baseDistance);\n        float edgeIntensity = exp(-normalizedDistance * u_edgeDistance);\n        float rimIntensity = exp(-normalizedDistance * u_rimDistance);\n        \n        // Apply center warping only if warp is enabled, keep edge and rim effects always\n        float baseComponent = u_warp > 0.5 ? baseIntensity * u_baseIntensity : 0.0;\n        float totalIntensity = baseComponent + edgeIntensity * u_edgeIntensity + rimIntensity * u_rimIntensity;\n        \n        vec2 baseRefraction = shapeNormal * totalIntensity;\n        \n        float cornerProximityX = min(distFromLeft, distFromRight);\n        float cornerProximityY = min(distFromTop, distFromBottom);\n        float cornerDistance = max(cornerProximityX, cornerProximityY);\n        float cornerNormalized = cornerDistance * min(u_resolution.x, u_resolution.y);\n        \n        float cornerBoost = exp(-cornerNormalized * 0.3) * u_cornerBoost;\n        vec2 cornerRefraction = shapeNormal * cornerBoost;\n        \n        vec2 perpendicular = vec2(-shapeNormal.y, shapeNormal.x);\n        float rippleEffect = sin(distFromEdge * 25.0) * u_rippleEffect * rimIntensity;\n        vec2 textureRefraction = perpendicular * rippleEffect;\n        \n        vec2 totalRefraction = baseRefraction + cornerRefraction + textureRefraction;\n        textureCoord += totalRefraction;\n        \n        // Gaussian blur\n        vec4 color = vec4(0.0);\n        vec2 texelSize = 1.0 / u_textureSize;\n        float sigma = u_blurRadius / 2.0;\n        vec2 blurStep = texelSize * sigma;\n        \n        float totalWeight = 0.0;\n        \n        for(float i = -6.0; i <= 6.0; i += 1.0) {\n          for(float j = -6.0; j <= 6.0; j += 1.0) {\n            float distance = length(vec2(i, j));\n            if(distance > 6.0) continue;\n            \n            float weight = exp(-(distance * distance) / (2.0 * sigma * sigma));\n            \n            vec2 offset = vec2(i, j) * blurStep;\n            color += texture2D(u_image, textureCoord + offset) * weight;\n            totalWeight += weight;\n          }\n        }\n        \n        color /= totalWeight;\n        \n        // Simple vertical gradient\n        float gradientPosition = coord.y;\n        vec3 topTint = vec3(1.0, 1.0, 1.0);\n        vec3 bottomTint = vec3(0.7, 0.7, 0.7);\n        vec3 gradientTint = mix(topTint, bottomTint, gradientPosition);\n        vec3 tintedColor = mix(color.rgb, gradientTint, u_tintOpacity);\n        color = vec4(tintedColor, color.a);\n        \n        // Sampled gradient\n        vec2 viewportCenter = containerCenter;\n        float topY = (viewportCenter.y - containerSize.y * 0.4) / textureSize.y;\n        float midY = viewportCenter.y / textureSize.y;\n        float bottomY = (viewportCenter.y + containerSize.y * 0.4) / textureSize.y;\n        \n        vec3 topColor = vec3(0.0);\n        vec3 midColor = vec3(0.0);\n        vec3 bottomColor = vec3(0.0);\n        \n        float sampleCount = 0.0;\n        for(float x = 0.0; x < 1.0; x += 0.05) {\n          for(float yOffset = -5.0; yOffset <= 5.0; yOffset += 1.0) {\n            vec2 topSample = vec2(x, topY + yOffset * texelSize.y);\n            vec2 midSample = vec2(x, midY + yOffset * texelSize.y);\n            vec2 bottomSample = vec2(x, bottomY + yOffset * texelSize.y);\n            \n            topColor += texture2D(u_image, topSample).rgb;\n            midColor += texture2D(u_image, midSample).rgb;\n            bottomColor += texture2D(u_image, bottomSample).rgb;\n            sampleCount += 1.0;\n          }\n        }\n        \n        topColor /= sampleCount;\n        midColor /= sampleCount;\n        bottomColor /= sampleCount;\n        \n        vec3 sampledGradient;\n        if (gradientPosition < 0.1) {\n          sampledGradient = topColor;\n        } else if (gradientPosition > 0.9) {\n          sampledGradient = bottomColor;\n        } else {\n          float transitionPos = (gradientPosition - 0.1) / 0.8;\n          if (transitionPos < 0.5) {\n            float t = transitionPos * 2.0;\n            sampledGradient = mix(topColor, midColor, t);\n          } else {\n            float t = (transitionPos - 0.5) * 2.0;\n            sampledGradient = mix(midColor, bottomColor, t);\n          }\n        }\n        \n        vec3 finalTinted = mix(color.rgb, sampledGradient, u_tintOpacity * 0.3);\n        color = vec4(finalTinted, color.a);\n        \n        // Shape mask (rounded rectangle, circle, or pill)\n        float maskDistance;\n        if (isPill(u_resolution, u_borderRadius)) {\n          maskDistance = pillDistance(coord, u_resolution, u_borderRadius);\n        } else if (isCircle(u_resolution, u_borderRadius)) {\n          maskDistance = circleDistance(coord, u_resolution, u_borderRadius);\n        } else {\n          maskDistance = roundedRectDistance(coord, u_resolution, u_borderRadius);\n        }\n        float mask = 1.0 - smoothstep(-1.0, 1.0, maskDistance);\n        \n        gl_FragColor = vec4(color.rgb, mask);\n      }\n    ");if(!n)return;t.useProgram(n);const i=t.createBuffer();t.bindBuffer(t.ARRAY_BUFFER,i);t.bufferData(t.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]),t.STATIC_DRAW);const o=t.createBuffer();t.bindBuffer(t.ARRAY_BUFFER,o);t.bufferData(t.ARRAY_BUFFER,new Float32Array([0,1,1,1,0,0,0,0,1,1,1,0]),t.STATIC_DRAW);const r=t.getAttribLocation(n,"a_position"),s=t.getAttribLocation(n,"a_texcoord"),a=t.getUniformLocation(n,"u_resolution"),l=t.getUniformLocation(n,"u_textureSize"),c=t.getUniformLocation(n,"u_scrollY"),u=t.getUniformLocation(n,"u_pageHeight"),d=t.getUniformLocation(n,"u_viewportHeight"),f=t.getUniformLocation(n,"u_blurRadius"),h=t.getUniformLocation(n,"u_borderRadius"),m=t.getUniformLocation(n,"u_containerPosition"),p=t.getUniformLocation(n,"u_warp"),g=t.getUniformLocation(n,"u_edgeIntensity"),b=t.getUniformLocation(n,"u_rimIntensity"),v=t.getUniformLocation(n,"u_baseIntensity"),y=t.getUniformLocation(n,"u_edgeDistance"),_=t.getUniformLocation(n,"u_rimDistance"),w=t.getUniformLocation(n,"u_baseDistance"),x=t.getUniformLocation(n,"u_cornerBoost"),R=t.getUniformLocation(n,"u_rippleEffect"),S=t.getUniformLocation(n,"u_tintOpacity"),C=t.getUniformLocation(n,"u_image"),L=t.createTexture();t.bindTexture(t.TEXTURE_2D,L);t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,e);t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,t.LINEAR);t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,t.LINEAR);t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.CLAMP_TO_EDGE);t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.CLAMP_TO_EDGE);this.gl_refs={gl:t,texture:L,textureSizeLoc:l,scrollYLoc:c,positionLoc:r,texcoordLoc:s,resolutionLoc:a,pageHeightLoc:u,viewportHeightLoc:d,blurRadiusLoc:f,borderRadiusLoc:h,containerPositionLoc:m,warpLoc:p,edgeIntensityLoc:g,rimIntensityLoc:b,baseIntensityLoc:v,edgeDistanceLoc:y,rimDistanceLoc:_,baseDistanceLoc:w,cornerBoostLoc:x,rippleEffectLoc:R,tintOpacityLoc:S,imageLoc:C,positionBuffer:i,texcoordBuffer:o};t.viewport(0,0,this.canvas.width,this.canvas.height);t.clearColor(0,0,0,0);t.bindBuffer(t.ARRAY_BUFFER,i);t.enableVertexAttribArray(r);t.vertexAttribPointer(r,2,t.FLOAT,!1,0,0);t.bindBuffer(t.ARRAY_BUFFER,o);t.enableVertexAttribArray(s);t.vertexAttribPointer(s,2,t.FLOAT,!1,0,0);t.uniform2f(a,this.canvas.width,this.canvas.height);t.uniform2f(l,e.width,e.height);t.uniform1f(f,window.glassControls?.blurRadius||5);t.uniform1f(h,this.borderRadius);t.uniform1f(p,this.warp?1:0);t.uniform1f(g,window.glassControls?.edgeIntensity||.01);t.uniform1f(b,window.glassControls?.rimIntensity||.05);t.uniform1f(v,window.glassControls?.baseIntensity||.01);t.uniform1f(y,window.glassControls?.edgeDistance||.15);t.uniform1f(_,window.glassControls?.rimDistance||.8);t.uniform1f(w,window.glassControls?.baseDistance||.1);t.uniform1f(x,window.glassControls?.cornerBoost||.02);t.uniform1f(R,window.glassControls?.rippleEffect||.1);t.uniform1f(S,this.tintOpacity);const E=this.getPosition();t.uniform2f(m,E.x,E.y);const A=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight),D=window.innerHeight;t.uniform1f(u,A);t.uniform1f(d,D);t.activeTexture(t.TEXTURE0);t.bindTexture(t.TEXTURE_2D,L);t.uniform1i(C,0);this.startRenderLoop()}startRenderLoop(){if(null!==this.animationFrameId){window.cancelAnimationFrame(this.animationFrameId);this.animationFrameId=null}const e=()=>{if(!this.gl_refs.gl){this.animationFrameId=null;return}const t=this.gl_refs.gl;t.clear(t.COLOR_BUFFER_BIT);const n=window.pageYOffset||document.documentElement.scrollTop;t.uniform1f(this.gl_refs.scrollYLoc,n);const i=this.getPosition();t.uniform2f(this.gl_refs.containerPositionLoc,i.x,i.y);t.drawArrays(t.TRIANGLES,0,6);this.animationFrameId=window.requestAnimationFrame(e)};e();this.render=e}createProgram(e,t,n){const i=this.compileShader(e,e.VERTEX_SHADER,t),o=this.compileShader(e,e.FRAGMENT_SHADER,n);if(!i||!o)return null;const r=e.createProgram();e.attachShader(r,i);e.attachShader(r,o);e.linkProgram(r);if(!e.getProgramParameter(r,e.LINK_STATUS)){console.error("Program link error:",e.getProgramInfoLog(r));return null}return r}compileShader(e,t,n){const i=e.createShader(t);e.shaderSource(i,n);e.compileShader(i);if(!e.getShaderParameter(i,e.COMPILE_STATUS)){console.error("Shader compile error:",e.getShaderInfoLog(i));return null}return i}}if("undefined"!=typeof window){e.settings=e.loadSettings();window.Container=e}

package/dist/{container-qvHOCG_V.mjs → container-fXvGYIU-.mjs}

@@ -11,11 +11,12 @@ class Container {
   static settingsKey = "pwtk_glass_settings_v1";
   static defaultSettings = {
     enableWebGL: true,
-    autoRefresh: true,
+    autoRefresh: false,
     enableButtonAnimation: true
   };
   static settings = { ...Container.defaultSettings };
-  static controlPanelInitialized = false;
+  static documentWriteWarnDepth = 0;
+  static originalConsoleWarn = null;
   static handleWindowRefresh = () => Container.scheduleSnapshotRefresh();
   static handleVisibilityRefresh = () => {
     if (typeof document !== "undefined" && !document.hidden) {
@@ -117,131 +118,38 @@ class Container {
       });
     }
   }
+  static suppressDocumentWriteWarnings() {
+    if (typeof console === "undefined" || typeof console.warn !== "function") {
+      return;
+    }
+    if (Container.documentWriteWarnDepth === 0) {
+      Container.originalConsoleWarn = console.warn;
+      console.warn = (...args) => {
+        if (args.length > 0 && typeof args[0] === "string" && args[0].includes("Avoid using document.write")) {
+          return;
+        }
+        if (Container.originalConsoleWarn) {
+          Container.originalConsoleWarn.apply(console, args);
+        }
+      };
+    }
+    Container.documentWriteWarnDepth++;
+  }
+  static restoreDocumentWriteWarnings() {
+    if (Container.documentWriteWarnDepth > 0) {
+      Container.documentWriteWarnDepth--;
+      if (Container.documentWriteWarnDepth === 0 && Container.originalConsoleWarn) {
+        console.warn = Container.originalConsoleWarn;
+        Container.originalConsoleWarn = null;
+      }
+    }
+  }
   static shouldUseWebGL() {
     return Container.settings.enableWebGL !== false;
   }
   static isAutoRefreshEnabled() {
     return Container.settings.autoRefresh !== false && Container.shouldUseWebGL();
   }
-  static initControlPanel() {
-    if (Container.controlPanelInitialized || typeof document === "undefined" || !document.body) {
-      return;
-    }
-    Container.controlPanelInitialized = true;
-    const panel = document.createElement("div");
-    panel.id = "pwtk-glass-control-panel";
-    panel.dataset.pwtkControlPanel = "true";
-    panel.setAttribute("data-html2canvas-ignore", "true");
-    panel.style.cssText = `
-      position: fixed;
-      right: 20px;
-      bottom: 90px;
-      z-index: 1000000;
-      font-family: system-ui, -apple-system, sans-serif;
-      color: #fff;
-      text-align: left;
-      pointer-events: auto;
-    `;
-    const toggleBtn = document.createElement("button");
-    toggleBtn.type = "button";
-    toggleBtn.dataset.pwtkControlPanel = "true";
-    toggleBtn.textContent = "⚙️ 液态玻璃控制";
-    toggleBtn.style.cssText = `
-      background: rgba(33, 33, 33, 0.7);
-      border: 1px solid rgba(255, 255, 255, 0.25);
-      border-radius: 10px;
-      padding: 8px 14px;
-      color: #fff;
-      cursor: pointer;
-      font-size: 13px;
-      backdrop-filter: blur(12px);
-    `;
-    const body = document.createElement("div");
-    body.dataset.pwtkControlPanel = "true";
-    body.style.cssText = `
-      margin-top: 8px;
-      padding: 12px;
-      width: 220px;
-      border-radius: 12px;
-      background: rgba(16, 18, 27, 0.78);
-      border: 1px solid rgba(255, 255, 255, 0.18);
-      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.28);
-      display: none;
-    `;
-    const createToggle = (key, label, description) => {
-      const wrapper = document.createElement("label");
-      wrapper.dataset.pwtkControlPanel = "true";
-      wrapper.style.cssText = `
-        display: flex;
-        align-items: flex-start;
-        gap: 8px;
-        margin-bottom: 10px;
-        cursor: pointer;
-        font-size: 12px;
-        line-height: 1.4;
-      `;
-      const input = document.createElement("input");
-      input.type = "checkbox";
-      input.checked = Container.settings[key] !== false;
-      input.dataset.pwtkControlPanel = "true";
-      input.style.cssText = `
-        margin-top: 3px;
-      `;
-      input.addEventListener("change", () => {
-        Container.updateSetting(key, input.checked);
-      });
-      const textWrap = document.createElement("div");
-      textWrap.dataset.pwtkControlPanel = "true";
-      const title = document.createElement("div");
-      title.dataset.pwtkControlPanel = "true";
-      title.textContent = label;
-      title.style.fontWeight = "600";
-      const desc = document.createElement("div");
-      desc.dataset.pwtkControlPanel = "true";
-      desc.textContent = description;
-      desc.style.opacity = "0.7";
-      desc.style.fontSize = "11px";
-      textWrap.appendChild(title);
-      textWrap.appendChild(desc);
-      wrapper.appendChild(input);
-      wrapper.appendChild(textWrap);
-      return wrapper;
-    };
-    body.appendChild(
-      createToggle("enableWebGL", "启用液态玻璃效果", "关闭后使用轻量级 CSS 背景，适合低性能设备")
-    );
-    body.appendChild(
-      createToggle("autoRefresh", "自动刷新背景快照", "关闭后仅在手动刷新时更新快照")
-    );
-    body.appendChild(
-      createToggle("enableButtonAnimation", "按钮动效", "关闭后浮动按钮停止 WebGL 动画")
-    );
-    const manualRefresh = document.createElement("button");
-    manualRefresh.type = "button";
-    manualRefresh.dataset.pwtkControlPanel = "true";
-    manualRefresh.textContent = "手动刷新背景";
-    manualRefresh.style.cssText = `
-      width: 100%;
-      margin-top: 6px;
-      padding: 8px 0;
-      border-radius: 8px;
-      border: 1px solid rgba(255,255,255,0.24);
-      background: rgba(44, 110, 203, 0.75);
-      color: #fff;
-      cursor: pointer;
-      font-weight: 600;
-    `;
-    manualRefresh.addEventListener("click", () => {
-      Container.refreshAll(true);
-    });
-    body.appendChild(manualRefresh);
-    toggleBtn.addEventListener("click", () => {
-      body.style.display = body.style.display === "none" ? "block" : "none";
-    });
-    panel.appendChild(toggleBtn);
-    panel.appendChild(body);
-    document.body.appendChild(panel);
-  }
   constructor(options = {}) {
     this.width = 0;
     this.height = 0;
@@ -427,6 +335,7 @@ class Container {
       return;
     }
     const targets = Container.drainWaitingQueue();
+    Container.suppressDocumentWriteWarnings();
     html2canvas(document.body, {
       scale: 1,
       useCORS: true,
@@ -454,6 +363,7 @@ class Container {
         Container.pendingForceRefresh = false;
         Container.refreshAll(shouldForce);
       }
+      Container.restoreDocumentWriteWarnings();
     });
   }
   initWebGL() {
@@ -559,7 +469,6 @@ class Container {
     window.addEventListener("pageshow", Container.handleWindowRefresh);
     document.addEventListener("visibilitychange", Container.handleVisibilityRefresh);
     Container.applySettings();
-    Container.initControlPanel();
   }
   static setupMutationObserver() {
     if (Container.mutationObserver || typeof MutationObserver === "undefined" || typeof document === "undefined") {
@@ -585,28 +494,10 @@ class Container {
     });
     Container.mutationObserver = observer;
   }
-  static isControlPanelNode(node) {
-    if (!node || typeof node !== "object") return false;
-    if (typeof node.nodeType !== "number" || node.nodeType !== 1) return false;
-    const el = node;
-    if (el.dataset && el.dataset.pwtkControlPanel === "true") {
-      return true;
-    }
-    if (typeof el.closest === "function") {
-      const parent = el.closest('[data-pwtk-control-panel="true"]');
-      if (parent) {
-        return true;
-      }
-    }
-    return false;
-  }
   static isMutationInsideGlass(node) {
     if (!node || typeof node !== "object" || typeof node.nodeType !== "number") {
       return false;
     }
-    if (Container.isControlPanelNode(node)) {
-      return true;
-    }
     return Container.instances.some((instance) => {
       return instance.element && instance.element.contains(node);
     });