@mappedin/mappedin-js 6.0.0-alpha.8 → 6.0.1-alpha.2

package/lib/esm/PerformanceController-VMCH7DPO.js

@@ -0,0 +1 @@
+import{N as C}from"./chunk-SVP2SCIT.js";import{a as S}from"./chunk-VSBVGSLC.js";import{a as o,f as e}from"./chunk-J5IUISYU.js";S();var F,y,P=class P{constructor(t){e(this,"_currentStats",{fps:0,ms:0,mb:0});e(this,"view");e(this,"timer");e(this,"counter");e(this,"onFPSChangeArray");e(this,"onFPSChangeIndex");e(this,"lastFPS",0);e(this,"SECONDS_TO_DECIDE",3);e(this,"MIN_FPS",38);e(this,"CRITICAL_FPS",24);e(this,"MAX_FPS",120);e(this,"MAX_MS",200);e(this,"MAX_MB",(((y=(F=window.performance)==null?void 0:F.memory)==null?void 0:y.jsHeapSizeLimit)||1/0)/1048576);e(this,"updateMappedinDevtools",o(()=>{let t="__MAPPEDIN_DEVTOOLS__";window[t]=window[t]||{};let i=window[t];i.showPerformancePanelArray=i.showPerformancePanelArray||[],i.hidePerformancePanelArray=i.hidePerformancePanelArray||[],i.showPerformancePanelArray.push(()=>this.showPerformancePanel()),i.hidePerformancePanelArray.push(()=>this.hidePerformancePanel())},"updateMappedinDevtools"));let{MAX_FPS:i,MAX_MS:n,MAX_MB:a}=this,s={fps:i,ms:n,mb:a};this.view=new d(t.debug,t.container,s),this.timer=new c,this.counter=new u,this.onFPSChangeArray=t.onFPSChangeArray,this.onFPSChangeIndex=t.dynamicPerformance?t.onFPSChangeArray.length:-1,this.updateMappedinDevtools()}static getDefaultOnFPSChangeArray(t){let{effectComposer:i}=t.renderer.implementation;return[()=>{i==null||i.setAntialiasConfiguration({antialias:!1}),t.paths.pathSegments.forEach(({arrowAnimationTween:n})=>{n.stop()});for(let n in t.polygonMeshesById){let{material:a}=t.polygonMeshesById[n];a.map&&(a.map.anisotropy=1,a.needsUpdate=!0)}t.tryRendering()},()=>{i==null||i.setAmbientOcclusionConfiguration({aoEnabled:!1}),t.tryRendering()}]}updateStats(t){var n,a;let i=((a=(n=window.performance)==null?void 0:n.memory)==null?void 0:a.usedJSHeapSize)||0;this._currentStats.fps=Math.min(t,this.MAX_FPS),this._currentStats.ms=Math.min(1e3/t,this.MAX_MS),this._currentStats.mb=Math.min(i/1048576,this.MAX_MB),this.view.updatePanels(this._currentStats)}isFPSSpiked(t){return Math.abs(this.lastFPS-t)/this.lastFPS>.1}updateOnFPSChangeIndex(t,i){let n=this.onFPSChangeIndex;return i&&n>0?n=0:t&&(n=n-1),this.onFPSChangeIndex=C.clamp(n,-1,this.onFPSChangeArray.length),this.onFPSChangeIndex}handleFPSChange(t,i){let n=this.onFPSChangeIndex,a=this.updateOnFPSChangeIndex(t,i),s=this.onFPSChangeArray[a];!s||a===n||s(this.currentStats)}update(){let{fps:t,duration:i}=this.timer.update();if(i>=1e3){if(!this.isFPSSpiked(t)){let{lowFPS:n,criticalFPS:a}=this.counter.update(t,this.MIN_FPS,this.CRITICAL_FPS,this.SECONDS_TO_DECIDE);this.updateStats(t),this.handleFPSChange(n,a)}this.lastFPS=t,this.timer.reset()}}get currentStats(){return{...this._currentStats}}get dom(){return this.view.dom}hidePerformancePanel(){this.view.hidePerformancePanel()}showPerformancePanel(){this.view.showPerformancePanel()}};o(P,"PerformanceController");var b=P,m=class m{constructor(){e(this,"beginTime",performance.now());e(this,"frames",0);e(this,"duration",0)}reset(){this.duration=0,this.frames=0}update(){let t=performance.now(),i=t-this.beginTime;return this.frames++,this.duration+=i,this.beginTime=t,{duration:this.duration,fps:this.frames/(this.duration/1e3)}}};o(m,"PerformanceTimer");var c=m,f=class f{constructor(){e(this,"criticalFpsCounter",0);e(this,"lowFpsCounter",0);e(this,"highFpsCounter",0)}update(t,i,n,a){let s=t<i,h=t<n;return this.criticalFpsCounter=h?this.criticalFpsCounter+1:0,this.lowFpsCounter=s?this.lowFpsCounter+1:0,this.highFpsCounter=s?0:this.highFpsCounter+1,this.lowFpsCounter===a?(this.lowFpsCounter=0,this.criticalFpsCounter===a?(this.criticalFpsCounter=0,{lowFPS:!0,highFPS:!1,criticalFPS:!0}):{lowFPS:!0,highFPS:!1,criticalFPS:!1}):this.highFpsCounter===a?(this.highFpsCounter=0,{lowFPS:!1,highFPS:!0,criticalFPS:!1}):(s?this.highFpsCounter=0:(this.lowFpsCounter=0,this.criticalFpsCounter=0),{lowFPS:!1,highFPS:!1,criticalFPS:!1})}};o(f,"PerformanceCounter");var u=f,g=class g{constructor(t,i,n){e(this,"mode",-1);e(this,"panels",[]);e(this,"appContainer");e(this,"maxValues");e(this,"debug");e(this,"stats");e(this,"container");var a;this.debug=t,this.appContainer=i,this.maxValues=n,this.container=this.createContainer(),this.addPanel(new l({name:"FPS",foregroundColor:"#0ff",backgroundColor:"#002"})),this.addPanel(new l({name:"MS",foregroundColor:"#0f0",backgroundColor:"#020"})),(a=window.performance)!=null&&a.memory&&this.addPanel(new l({name:"MB",foregroundColor:"#f08",backgroundColor:"#201"})),this.debug&&this.showPerformancePanel()}createContainer(){let t=document.createElement("div");return t.style.cssText="position:absolute;top:0;right:0;cursor:pointer;opacity:0.9;z-index:10000",t.addEventListener("click",i=>{i.preventDefault(),this.showPanel(++this.mode%this.panels.length)}),t}addPanel(t){this.panels.push(t),this.container.appendChild(t.dom)}showPanel(t){this.panels.forEach((i,n)=>{i.dom.style.display=n===t?"block":"none"}),this.mode=t}hidePerformancePanel(){this.container.parentNode&&(this.debug=!1,this.appContainer.removeChild(this.container))}showPerformancePanel(){this.container.parentNode||(this.debug=!0,this.stats&&this.updatePanels(this.stats),this.appContainer.appendChild(this.container))}updatePanels(t){this.stats=t,this.debug&&this.panels.forEach((i,n)=>{n===0?i.update(t.fps,this.maxValues.fps):n===1?i.update(t.ms,this.maxValues.ms):n===2&&i.update(t.mb,this.maxValues.mb)})}get dom(){return this.container}};o(g,"PerformanceView");var d=g,v=class v{constructor(t){this.config=t;e(this,"min",1/0);e(this,"max",0);e(this,"canvas");e(this,"context");e(this,"PR",Math.round(window.devicePixelRatio||1));e(this,"WIDTH",80*this.PR);e(this,"HEIGHT",48*this.PR);e(this,"TEXT_X",3*this.PR);e(this,"TEXT_Y",2*this.PR);e(this,"GRAPH_X",3*this.PR);e(this,"GRAPH_Y",15*this.PR);e(this,"GRAPH_WIDTH",74*this.PR);e(this,"GRAPH_HEIGHT",30*this.PR);this.canvas=document.createElement("canvas"),this.context=this.canvas.getContext("2d"),this.setupCanvas()}setupCanvas(){this.canvas.dataset.name=this.config.name,this.canvas.width=this.WIDTH,this.canvas.height=this.HEIGHT,this.canvas.style.width="".concat(this.WIDTH/this.PR,"px"),this.canvas.style.height="".concat(this.HEIGHT/this.PR,"px"),this.context.font="bold ".concat(9*this.PR,"px Helvetica,Arial,sans-serif"),this.context.textBaseline="top",this.context.fillStyle=this.config.backgroundColor,this.context.fillRect(0,0,this.WIDTH,this.HEIGHT),this.context.fillStyle=this.config.foregroundColor,this.context.fillText(this.config.name,this.TEXT_X,this.TEXT_Y),this.context.fillRect(this.GRAPH_X,this.GRAPH_Y,this.GRAPH_WIDTH,this.GRAPH_HEIGHT),this.context.fillStyle=this.config.backgroundColor,this.context.globalAlpha=.9,this.context.fillRect(this.GRAPH_X,this.GRAPH_Y,this.GRAPH_WIDTH,this.GRAPH_HEIGHT)}get dom(){return this.canvas}update(t,i){this.min=Math.min(this.min,t),this.max=Math.max(this.max,t);let{context:n,WIDTH:a,GRAPH_Y:s,GRAPH_WIDTH:h,GRAPH_HEIGHT:p,PR:r}=this;n.fillStyle=this.config.backgroundColor,n.globalAlpha=1,n.fillRect(0,0,a,s),n.fillStyle=this.config.foregroundColor,n.fillText("".concat(Math.round(t)," ").concat(this.config.name," (").concat(Math.round(this.min),"-").concat(Math.round(this.max),")"),this.TEXT_X,this.TEXT_Y),n.drawImage(this.canvas,this.GRAPH_X+r,this.GRAPH_Y,h-r,p,this.GRAPH_X,this.GRAPH_Y,h-r,p),n.fillRect(this.GRAPH_X+h-r,this.GRAPH_Y,r,p),n.fillStyle=this.config.backgroundColor,n.globalAlpha=.9,n.fillRect(this.GRAPH_X+h-r,this.GRAPH_Y,r,Math.round((1-t/i)*p))}};o(v,"Panel");var l=v;export{b as PerformanceController,d as PerformanceView};