@eva/plugin-stats 2.0.0-beta.1 → 2.0.0-beta.2

package/dist/plugin-stats.cjs.js

@@ -4,65 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var eva_js = require('@eva/eva.js');
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
-
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
-
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */
-/* global Reflect, Promise */
-
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-var StatsComponent = (function (_super) {
-    __extends(StatsComponent, _super);
-    function StatsComponent() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    StatsComponent.prototype.update = function () {
+class StatsComponent extends eva_js.Component {
+    update() {
         this.stats && this.stats.begin();
-    };
-    StatsComponent.componentName = 'Stats';
-    return StatsComponent;
-}(eva_js.Component));
-var Stats$2 = StatsComponent;
+    }
+}
+StatsComponent.componentName = 'Stats';
 
-var Stats = function (style) {
-    style = __assign({ width: 20, height: 12, x: 0, y: 0 }, style);
-    var width = style.width, height = style.height, x = style.x, y = style.y;
-    var mode = 0;
-    var container = document.createElement('div');
-    container.style.cssText = "position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000;width: " + width + "vw;height: " + height + "vw;left: " + x + "vw;top: " + y + "vw;";
+const Stats = function (style) {
+    style = Object.assign({ width: 20, height: 12, x: 0, y: 0 }, style);
+    const { width, height, x, y } = style;
+    let mode = 0;
+    const container = document.createElement('div');
+    container.style.cssText = `position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000;width: ${width}vw;height: ${height}vw;left: ${x}vw;top: ${y}vw;`;
     container.addEventListener('click', function (event) {
         event.preventDefault();
         showPanel(++mode % container.children.length);
@@ -72,17 +26,17 @@ var Stats = function (style) {
         return panel;
     }
     function showPanel(id) {
-        for (var i = 0; i < container.children.length; i++) {
+        for (let i = 0; i < container.children.length; i++) {
             container.children[i].style.display = i === id ? 'block' : 'none';
         }
         mode = id;
     }
-    var beginTime = (performance || Date).now(), prevTime = beginTime, frames = 0;
-    var fpsPanel = addPanel(Stats.Panel('FPS', '#0ff', '#002'));
-    var msPanel = addPanel(Stats.Panel('MS', '#0f0', '#020'));
-    var dcPanel = addPanel(Stats.Panel('DrawCall', '#330570', '#A69700'));
-    var tcPanel = addPanel(Stats.Panel('TC:', '#A62500', '#00B454'));
-    var memPanel;
+    let beginTime = (performance || Date).now(), prevTime = beginTime, frames = 0;
+    const fpsPanel = addPanel(Stats.Panel('FPS', '#0ff', '#002'));
+    const msPanel = addPanel(Stats.Panel('MS', '#0f0', '#020'));
+    const dcPanel = addPanel(Stats.Panel('DrawCall', '#330570', '#A69700'));
+    const tcPanel = addPanel(Stats.Panel('TC:', '#A62500', '#00B454'));
+    let memPanel;
     if (self.performance && self.performance.memory) {
         memPanel = addPanel(Stats.Panel('MB', '#f08', '#201'));
     }
@@ -97,7 +51,7 @@ var Stats = function (style) {
         },
         end: function (hook) {
             frames++;
-            var time = (performance || Date).now();
+            const time = (performance || Date).now();
             msPanel.update(time - beginTime, 200);
             if (hook) {
                 dcPanel.update(hook.deltaDrawCalls, Math.max(50, hook.maxDeltaDrawCalls));
@@ -108,7 +62,7 @@ var Stats = function (style) {
                 prevTime = time;
                 frames = 0;
                 if (memPanel) {
-                    var memory = performance.memory;
+                    const memory = performance.memory;
                     memPanel.update(memory.usedJSHeapSize / 1048576, memory.jsHeapSizeLimit / 1048576);
                 }
             }
@@ -122,15 +76,15 @@ var Stats = function (style) {
     };
 };
 Stats.Panel = function (name, fg, bg) {
-    var min = Infinity, max = 0;
-    var round = Math.round;
-    var PR = round(window.devicePixelRatio || 1);
-    var WIDTH = 80 * PR, HEIGHT = 48 * PR, TEXT_X = 3 * PR, TEXT_Y = 2 * PR, GRAPH_X = 3 * PR, GRAPH_Y = 15 * PR, GRAPH_WIDTH = 74 * PR, GRAPH_HEIGHT = 30 * PR;
-    var canvas = document.createElement('canvas');
+    let min = Infinity, max = 0;
+    const round = Math.round;
+    const PR = round(window.devicePixelRatio || 1);
+    const WIDTH = 80 * PR, HEIGHT = 48 * PR, TEXT_X = 3 * PR, TEXT_Y = 2 * PR, GRAPH_X = 3 * PR, GRAPH_Y = 15 * PR, GRAPH_WIDTH = 74 * PR, GRAPH_HEIGHT = 30 * PR;
+    const canvas = document.createElement('canvas');
     canvas.width = WIDTH;
     canvas.height = HEIGHT;
     canvas.style.cssText = 'width:100%;height:100%';
-    var context = canvas.getContext('2d');
+    const context = canvas.getContext('2d');
     context.font = 'bold ' + 9 * PR + 'px Helvetica,Arial,sans-serif';
     context.textBaseline = 'top';
     context.fillStyle = bg;
@@ -161,8 +115,8 @@ Stats.Panel = function (name, fg, bg) {
 };
 var Stats$1 = Stats;
 
-var GLHook = (function () {
-    function GLHook(_gl) {
+class GLHook {
+    constructor(_gl) {
         this.drawPasses = 0;
         this.isInit = false;
         this.realGLDrawElements = function () { };
@@ -178,26 +132,25 @@ var GLHook = (function () {
             console.error("[GLHook] GL can't be NULL");
         }
     }
-    GLHook.prototype.fakeGLdrawElements = function (context) {
+    fakeGLdrawElements(context) {
         return function (mode, count, type, offset) {
             context.drawPasses++;
             context.realGLDrawElements.call(this, mode, count, type, offset);
         };
-    };
-    GLHook.prototype.reset = function () {
+    }
+    reset() {
         this.drawPasses = 0;
-    };
-    GLHook.prototype.release = function () {
+    }
+    release() {
         if (this.isInit) {
             this.gl.__proto__.drawElements = this.realGLDrawElements;
         }
         this.isInit = false;
-    };
-    return GLHook;
-}());
+    }
+}
 
-var TextureHook = (function () {
-    function TextureHook(_gl) {
+class TextureHook {
+    constructor(_gl) {
         this.createdTextures = new Array();
         this.maxTexturesCount = 0;
         this.isInit = false;
@@ -217,25 +170,21 @@ var TextureHook = (function () {
             console.error("[TextureHook] GL can't be NULL");
         }
     }
-    Object.defineProperty(TextureHook.prototype, "currentTextureCount", {
-        get: function () {
-            return this.createdTextures.length;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    TextureHook.prototype.registerTexture = function (texture) {
+    get currentTextureCount() {
+        return this.createdTextures.length;
+    }
+    registerTexture(texture) {
         this.createdTextures.push(texture);
         this.maxTexturesCount = Math.max(this.createdTextures.length, this.maxTexturesCount);
-    };
-    TextureHook.prototype.fakeGLCreateTexture = function (context) {
+    }
+    fakeGLCreateTexture(context) {
         return function () {
             var texture = context.realGLCreateTexture.call(this);
             context.registerTexture(texture);
             return texture;
         };
-    };
-    TextureHook.prototype.fakeGLDeleteTexture = function (context) {
+    }
+    fakeGLDeleteTexture(context) {
         return function (texture) {
             var index = context.createdTextures.indexOf(texture);
             if (index > -1) {
@@ -243,141 +192,114 @@ var TextureHook = (function () {
             }
             context.realGLDeleteTexture.call(this, texture);
         };
-    };
-    TextureHook.prototype.reset = function () {
+    }
+    reset() {
         this.createdTextures = new Array();
         this.maxTexturesCount = 0;
-    };
-    TextureHook.prototype.release = function () {
+    }
+    release() {
         if (this.isInit) {
             this.gl.__proto__.createTexture = this.realGLCreateTexture;
             this.gl.__proto__.deleteTexture = this.realGLDeleteTexture;
             console.log('[TextureHook] Hook was removed!');
         }
         this.isInit = false;
-    };
-    return TextureHook;
-}());
+    }
+}
 
-var BaseHooks = (function () {
-    function BaseHooks() {
+class BaseHooks {
+    constructor() {
         this._drawCalls = -1;
         this._maxDeltaDrawCalls = -1;
     }
-    BaseHooks.prototype.attach = function (gl) {
+    attach(gl) {
         this.glhook = new GLHook(gl);
         this.texturehook = new TextureHook(gl);
-    };
-    Object.defineProperty(BaseHooks.prototype, "drawCalls", {
-        get: function () {
-            if (this.glhook && this.glhook.isInit) {
-                return this.glhook.drawPasses;
-            }
-            return -1;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseHooks.prototype, "maxDeltaDrawCalls", {
-        get: function () {
-            return this._maxDeltaDrawCalls;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseHooks.prototype, "deltaDrawCalls", {
-        get: function () {
-            if (this._drawCalls == -1) {
-                this._drawCalls = this.drawCalls;
-                return 0;
-            }
-            var dc = this.drawCalls;
-            var delta = dc - this._drawCalls;
-            this._drawCalls = dc;
-            this._maxDeltaDrawCalls = Math.max(this._maxDeltaDrawCalls, delta);
-            return delta;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseHooks.prototype, "maxTextureCount", {
-        get: function () {
-            if (this.texturehook && this.texturehook.isInit)
-                return this.texturehook.maxTexturesCount;
-            return 0;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseHooks.prototype, "texturesCount", {
-        get: function () {
-            if (this.texturehook && this.texturehook.isInit)
-                return this.texturehook.currentTextureCount;
+    }
+    get drawCalls() {
+        if (this.glhook && this.glhook.isInit) {
+            return this.glhook.drawPasses;
+        }
+        return -1;
+    }
+    get maxDeltaDrawCalls() {
+        return this._maxDeltaDrawCalls;
+    }
+    get deltaDrawCalls() {
+        if (this._drawCalls == -1) {
+            this._drawCalls = this.drawCalls;
             return 0;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    BaseHooks.prototype.reset = function () {
+        }
+        var dc = this.drawCalls;
+        var delta = dc - this._drawCalls;
+        this._drawCalls = dc;
+        this._maxDeltaDrawCalls = Math.max(this._maxDeltaDrawCalls, delta);
+        return delta;
+    }
+    get maxTextureCount() {
+        if (this.texturehook && this.texturehook.isInit)
+            return this.texturehook.maxTexturesCount;
+        return 0;
+    }
+    get texturesCount() {
+        if (this.texturehook && this.texturehook.isInit)
+            return this.texturehook.currentTextureCount;
+        return 0;
+    }
+    reset() {
         this._maxDeltaDrawCalls = -1;
         this._drawCalls = -1;
         if (this.glhook)
             this.glhook.reset();
         if (this.texturehook)
             this.texturehook.reset();
-    };
-    BaseHooks.prototype.release = function () {
+    }
+    release() {
         if (this.glhook)
             this.glhook.release();
         if (this.texturehook)
             this.texturehook.release();
-    };
-    return BaseHooks;
-}());
+    }
+}
 
-var StatsSystem = (function (_super) {
-    __extends(StatsSystem, _super);
-    function StatsSystem() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.show = true;
-        return _this;
+class StatsSystem extends eva_js.System {
+    constructor() {
+        super(...arguments);
+        this.show = true;
     }
-    StatsSystem.prototype.init = function (param) {
-        if (param === void 0) { param = { show: true }; }
+    init(param = { show: true }) {
         this.show = param.show;
         this.style = param.style;
         this.renderSystem = this.game.getSystem('Renderer');
         this.app = this.renderSystem.application;
         if (this.app && this.show) {
-            var gl = this.app.renderer.gl;
+            const gl = this.app.renderer.gl;
             this.hook = new BaseHooks();
             this.hook.attach(gl);
         }
-    };
-    StatsSystem.prototype.start = function () {
+    }
+    start() {
         if (!this.show)
             return;
-        this.component = this.game.scene.addComponent(new Stats$2());
+        this.component = this.game.scene.addComponent(new StatsComponent());
         this.stats = Stats$1(this.style);
         this.component.stats = this.stats;
         this.stats.showPanel(0);
         document.body.appendChild(this.stats.dom);
-    };
-    StatsSystem.prototype.lateUpdate = function () {
+    }
+    lateUpdate() {
         if (!this.show)
             return;
         this.stats && this.stats.end(this.hook);
-    };
-    StatsSystem.systemName = 'Stats';
-    return StatsSystem;
-}(eva_js.System));
-var StatsSystem$1 = StatsSystem;
+    }
+}
+StatsSystem.systemName = 'Stats';
 
 var index = {
-    Components: [Stats$2],
-    Systems: [StatsSystem$1],
+    Components: [StatsComponent],
+    Systems: [StatsSystem],
 };
 
-exports.Stats = Stats$2;
-exports.StatsSystem = StatsSystem$1;
+exports.Stats = StatsComponent;
+exports.StatsSystem = StatsSystem;
 exports["default"] = index;

package/dist/plugin-stats.cjs.prod.js

@@ -1,15 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@eva/eva.js"),e=function(t,r){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])},e(t,r)};
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
-
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
-
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */function r(t,r){function o(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(o.prototype=r.prototype,new o)}var o=function(){return o=Object.assign||function(t){for(var e,r=1,o=arguments.length;r<o;r++)for(var n in e=arguments[r])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t},o.apply(this,arguments)},n=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return r(e,t),e.prototype.update=function(){this.stats&&this.stats.begin()},e.componentName="Stats",e}(t.Component),s=function(t){var e=(t=o({width:20,height:12,x:0,y:0},t)).width,r=t.height,n=t.x,i=t.y,a=0,l=document.createElement("div");function u(t){return l.appendChild(t.dom),t}function h(t){for(var e=0;e<l.children.length;e++)l.children[e].style.display=e===t?"block":"none";a=t}l.style.cssText="position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000;width: "+e+"vw;height: "+r+"vw;left: "+n+"vw;top: "+i+"vw;",l.addEventListener("click",(function(t){t.preventDefault(),h(++a%l.children.length)}),!1);var c,p=(performance||Date).now(),f=p,d=0,x=u(s.Panel("FPS","#0ff","#002")),m=u(s.Panel("MS","#0f0","#020")),w=u(s.Panel("DrawCall","#330570","#A69700")),y=u(s.Panel("TC:","#A62500","#00B454"));return self.performance&&self.performance.memory&&(c=u(s.Panel("MB","#f08","#201"))),h(0),{REVISION:16,dom:l,addPanel:u,showPanel:h,begin:function(t){p=t||(performance||Date).now()},end:function(t){d++;var e=(performance||Date).now();if(m.update(e-p,200),t&&(w.update(t.deltaDrawCalls,Math.max(50,t.maxDeltaDrawCalls)),y.update(t.texturesCount,Math.max(20,t.maxTextureCount))),e>=f+1e3&&(x.update(1e3*d/(e-f),100),f=e,d=0,c)){var r=performance.memory;c.update(r.usedJSHeapSize/1048576,r.jsHeapSizeLimit/1048576)}return e},update:function(){p=this.end()},domElement:l,setMode:h}};s.Panel=function(t,e,r){var o=1/0,n=0,s=Math.round,i=s(window.devicePixelRatio||1),a=80*i,l=48*i,u=3*i,h=2*i,c=3*i,p=15*i,f=74*i,d=30*i,x=document.createElement("canvas");x.width=a,x.height=l,x.style.cssText="width:100%;height:100%";var m=x.getContext("2d");return m.font="bold "+9*i+"px Helvetica,Arial,sans-serif",m.textBaseline="top",m.fillStyle=r,m.fillRect(0,0,a,l),m.fillStyle=e,m.fillText(t,u,h),m.fillRect(c,p,f,d),m.fillStyle=r,m.globalAlpha=.9,m.fillRect(c,p,f,d),{dom:x,update:function(l,w){o=Math.min(o,l),n=Math.max(n,l),m.fillStyle=r,m.globalAlpha=1,m.fillRect(0,0,a,p),m.fillStyle=e,m.fillText(s(l)+" "+t+" ("+s(o)+"-"+s(n)+")",u,h),m.drawImage(x,c+i,p,f-i,d,c,p,f-i,d),m.fillRect(c+f-i,p,i,d),m.fillStyle=r,m.globalAlpha=.9,m.fillRect(c+f-i,p,i,s((1-l/w)*d))}}};var i=s,a=function(){function t(t){this.drawPasses=0,this.isInit=!1,this.realGLDrawElements=function(){},t?t.__proto__.drawElements&&(this.gl=t,this.realGLDrawElements=t.__proto__.drawElements,t.__proto__.drawElements=this.fakeGLdrawElements(this),this.isInit=!0):console.error("[GLHook] GL can't be NULL")}return t.prototype.fakeGLdrawElements=function(t){return function(e,r,o,n){t.drawPasses++,t.realGLDrawElements.call(this,e,r,o,n)}},t.prototype.reset=function(){this.drawPasses=0},t.prototype.release=function(){this.isInit&&(this.gl.__proto__.drawElements=this.realGLDrawElements),this.isInit=!1},t}(),l=function(){function t(t){this.createdTextures=new Array,this.maxTexturesCount=0,this.isInit=!1,this.realGLCreateTexture=function(){},this.realGLDeleteTexture=function(){},t?t.__proto__.createTexture&&(this.gl=t,this.realGLCreateTexture=t.__proto__.createTexture,this.realGLDeleteTexture=t.__proto__.deleteTexture,t.__proto__.createTexture=this.fakeGLCreateTexture(this),t.__proto__.deleteTexture=this.fakeGLDeleteTexture(this),this.isInit=!0):console.error("[TextureHook] GL can't be NULL")}return Object.defineProperty(t.prototype,"currentTextureCount",{get:function(){return this.createdTextures.length},enumerable:!1,configurable:!0}),t.prototype.registerTexture=function(t){this.createdTextures.push(t),this.maxTexturesCount=Math.max(this.createdTextures.length,this.maxTexturesCount)},t.prototype.fakeGLCreateTexture=function(t){return function(){var e=t.realGLCreateTexture.call(this);return t.registerTexture(e),e}},t.prototype.fakeGLDeleteTexture=function(t){return function(e){var r=t.createdTextures.indexOf(e);r>-1&&t.createdTextures.splice(r,1),t.realGLDeleteTexture.call(this,e)}},t.prototype.reset=function(){this.createdTextures=new Array,this.maxTexturesCount=0},t.prototype.release=function(){this.isInit&&(this.gl.__proto__.createTexture=this.realGLCreateTexture,this.gl.__proto__.deleteTexture=this.realGLDeleteTexture,console.log("[TextureHook] Hook was removed!")),this.isInit=!1},t}(),u=function(){function t(){this._drawCalls=-1,this._maxDeltaDrawCalls=-1}return t.prototype.attach=function(t){this.glhook=new a(t),this.texturehook=new l(t)},Object.defineProperty(t.prototype,"drawCalls",{get:function(){return this.glhook&&this.glhook.isInit?this.glhook.drawPasses:-1},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"maxDeltaDrawCalls",{get:function(){return this._maxDeltaDrawCalls},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"deltaDrawCalls",{get:function(){if(-1==this._drawCalls)return this._drawCalls=this.drawCalls,0;var t=this.drawCalls,e=t-this._drawCalls;return this._drawCalls=t,this._maxDeltaDrawCalls=Math.max(this._maxDeltaDrawCalls,e),e},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"maxTextureCount",{get:function(){return this.texturehook&&this.texturehook.isInit?this.texturehook.maxTexturesCount:0},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"texturesCount",{get:function(){return this.texturehook&&this.texturehook.isInit?this.texturehook.currentTextureCount:0},enumerable:!1,configurable:!0}),t.prototype.reset=function(){this._maxDeltaDrawCalls=-1,this._drawCalls=-1,this.glhook&&this.glhook.reset(),this.texturehook&&this.texturehook.reset()},t.prototype.release=function(){this.glhook&&this.glhook.release(),this.texturehook&&this.texturehook.release()},t}(),h=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.show=!0,e}return r(e,t),e.prototype.init=function(t){if(void 0===t&&(t={show:!0}),this.show=t.show,this.style=t.style,this.renderSystem=this.game.getSystem("Renderer"),this.app=this.renderSystem.application,this.app&&this.show){var e=this.app.renderer.gl;this.hook=new u,this.hook.attach(e)}},e.prototype.start=function(){this.show&&(this.component=this.game.scene.addComponent(new n),this.stats=i(this.style),this.component.stats=this.stats,this.stats.showPanel(0),document.body.appendChild(this.stats.dom))},e.prototype.lateUpdate=function(){this.show&&this.stats&&this.stats.end(this.hook)},e.systemName="Stats",e}(t.System),c={Components:[n],Systems:[h]};exports.Stats=n,exports.StatsSystem=h,exports.default=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@eva/eva.js");class t extends e.Component{update(){this.stats&&this.stats.begin()}}t.componentName="Stats";const s=function(e){e=Object.assign({width:20,height:12,x:0,y:0},e);const{width:t,height:r,x:a,y:i}=e;let l=0;const o=document.createElement("div");function n(e){return o.appendChild(e.dom),e}function h(e){for(let t=0;t<o.children.length;t++)o.children[t].style.display=t===e?"block":"none";l=e}o.style.cssText=`position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000;width: ${t}vw;height: ${r}vw;left: ${a}vw;top: ${i}vw;`,o.addEventListener("click",(function(e){e.preventDefault(),h(++l%o.children.length)}),!1);let u=(performance||Date).now(),c=u,d=0;const x=n(s.Panel("FPS","#0ff","#002")),m=n(s.Panel("MS","#0f0","#020")),p=n(s.Panel("DrawCall","#330570","#A69700")),w=n(s.Panel("TC:","#A62500","#00B454"));let f;return self.performance&&self.performance.memory&&(f=n(s.Panel("MB","#f08","#201"))),h(0),{REVISION:16,dom:o,addPanel:n,showPanel:h,begin:function(e){u=e||(performance||Date).now()},end:function(e){d++;const t=(performance||Date).now();if(m.update(t-u,200),e&&(p.update(e.deltaDrawCalls,Math.max(50,e.maxDeltaDrawCalls)),w.update(e.texturesCount,Math.max(20,e.maxTextureCount))),t>=c+1e3&&(x.update(1e3*d/(t-c),100),c=t,d=0,f)){const e=performance.memory;f.update(e.usedJSHeapSize/1048576,e.jsHeapSizeLimit/1048576)}return t},update:function(){u=this.end()},domElement:o,setMode:h}};s.Panel=function(e,t,s){let r=1/0,a=0;const i=Math.round,l=i(window.devicePixelRatio||1),o=80*l,n=48*l,h=3*l,u=2*l,c=3*l,d=15*l,x=74*l,m=30*l,p=document.createElement("canvas");p.width=o,p.height=n,p.style.cssText="width:100%;height:100%";const w=p.getContext("2d");return w.font="bold "+9*l+"px Helvetica,Arial,sans-serif",w.textBaseline="top",w.fillStyle=s,w.fillRect(0,0,o,n),w.fillStyle=t,w.fillText(e,h,u),w.fillRect(c,d,x,m),w.fillStyle=s,w.globalAlpha=.9,w.fillRect(c,d,x,m),{dom:p,update:function(n,f){r=Math.min(r,n),a=Math.max(a,n),w.fillStyle=s,w.globalAlpha=1,w.fillRect(0,0,o,d),w.fillStyle=t,w.fillText(i(n)+" "+e+" ("+i(r)+"-"+i(a)+")",h,u),w.drawImage(p,c+l,d,x-l,m,c,d,x-l,m),w.fillRect(c+x-l,d,l,m),w.fillStyle=s,w.globalAlpha=.9,w.fillRect(c+x-l,d,l,i((1-n/f)*m))}}};var r=s;class a{constructor(e){this.drawPasses=0,this.isInit=!1,this.realGLDrawElements=function(){},e?e.__proto__.drawElements&&(this.gl=e,this.realGLDrawElements=e.__proto__.drawElements,e.__proto__.drawElements=this.fakeGLdrawElements(this),this.isInit=!0):console.error("[GLHook] GL can't be NULL")}fakeGLdrawElements(e){return function(t,s,r,a){e.drawPasses++,e.realGLDrawElements.call(this,t,s,r,a)}}reset(){this.drawPasses=0}release(){this.isInit&&(this.gl.__proto__.drawElements=this.realGLDrawElements),this.isInit=!1}}class i{constructor(e){this.createdTextures=new Array,this.maxTexturesCount=0,this.isInit=!1,this.realGLCreateTexture=function(){},this.realGLDeleteTexture=function(){},e?e.__proto__.createTexture&&(this.gl=e,this.realGLCreateTexture=e.__proto__.createTexture,this.realGLDeleteTexture=e.__proto__.deleteTexture,e.__proto__.createTexture=this.fakeGLCreateTexture(this),e.__proto__.deleteTexture=this.fakeGLDeleteTexture(this),this.isInit=!0):console.error("[TextureHook] GL can't be NULL")}get currentTextureCount(){return this.createdTextures.length}registerTexture(e){this.createdTextures.push(e),this.maxTexturesCount=Math.max(this.createdTextures.length,this.maxTexturesCount)}fakeGLCreateTexture(e){return function(){var t=e.realGLCreateTexture.call(this);return e.registerTexture(t),t}}fakeGLDeleteTexture(e){return function(t){var s=e.createdTextures.indexOf(t);s>-1&&e.createdTextures.splice(s,1),e.realGLDeleteTexture.call(this,t)}}reset(){this.createdTextures=new Array,this.maxTexturesCount=0}release(){this.isInit&&(this.gl.__proto__.createTexture=this.realGLCreateTexture,this.gl.__proto__.deleteTexture=this.realGLDeleteTexture,console.log("[TextureHook] Hook was removed!")),this.isInit=!1}}class l{constructor(){this._drawCalls=-1,this._maxDeltaDrawCalls=-1}attach(e){this.glhook=new a(e),this.texturehook=new i(e)}get drawCalls(){return this.glhook&&this.glhook.isInit?this.glhook.drawPasses:-1}get maxDeltaDrawCalls(){return this._maxDeltaDrawCalls}get deltaDrawCalls(){if(-1==this._drawCalls)return this._drawCalls=this.drawCalls,0;var e=this.drawCalls,t=e-this._drawCalls;return this._drawCalls=e,this._maxDeltaDrawCalls=Math.max(this._maxDeltaDrawCalls,t),t}get maxTextureCount(){return this.texturehook&&this.texturehook.isInit?this.texturehook.maxTexturesCount:0}get texturesCount(){return this.texturehook&&this.texturehook.isInit?this.texturehook.currentTextureCount:0}reset(){this._maxDeltaDrawCalls=-1,this._drawCalls=-1,this.glhook&&this.glhook.reset(),this.texturehook&&this.texturehook.reset()}release(){this.glhook&&this.glhook.release(),this.texturehook&&this.texturehook.release()}}class o extends e.System{constructor(){super(...arguments),this.show=!0}init(e={show:!0}){if(this.show=e.show,this.style=e.style,this.renderSystem=this.game.getSystem("Renderer"),this.app=this.renderSystem.application,this.app&&this.show){const e=this.app.renderer.gl;this.hook=new l,this.hook.attach(e)}}start(){this.show&&(this.component=this.game.scene.addComponent(new t),this.stats=r(this.style),this.component.stats=this.stats,this.stats.showPanel(0),document.body.appendChild(this.stats.dom))}lateUpdate(){this.show&&this.stats&&this.stats.end(this.hook)}}o.systemName="Stats";var n={Components:[t],Systems:[o]};exports.Stats=t,exports.StatsSystem=o,exports.default=n;