update fps meter plugin

Author: luizbills

public/litecanvas.js

@@ -1997,77 +1997,79 @@
   })();
   (() => {
     function _() {
-      let u = 0, a = true, i = document.createElement("div"), r = [], p = () => (performance || Date).now();
+      let u = 0, a = true, i = document.createElement("div"), n = [], p = () => (performance || Date).now();
       i.style.cssText = "position:absolute;top:0;right:0;cursor:pointer;opacity:0.8;z-index:10000", i.addEventListener("click", function(e) {
         e.preventDefault(), o(++u % i.children.length);
       }, false);
-      function l(e, n, v, t) {
-        let w = new P(e, n, v, i, t);
-        return r.push(w), w;
+      function l(e, r, x, t) {
+        let g = new T(e, r, x, i, t);
+        return n.push(g), g;
       }
       function o(e) {
-        for (let n = 0; n < i.children.length; n++) i.children[n].style.display = n === e ? "block" : "none";
+        for (let r = 0; r < i.children.length; r++) i.children[r].style.display = r === e ? "block" : "none";
         u = e;
       }
       function f() {
         u++, u >= i.children.length && (u = 0), o(u);
       }
       function s(e = "all") {
-        if (e === "all") for (let n = 0; n < r.length; n++) r[n].reset();
-        else r[e] && r[e].reset();
+        if (e === "all") for (let r = 0; r < n.length; r++) n[r].reset();
+        else n[e] && n[e].reset();
         h = p(), y = 0;
       }
-      function g(e = true) {
+      function w(e = true) {
         a = !!e, i.style.display = a ? "" : "none";
       }
       let b = p(), h = b, y = 0, c = l("FPS", "#0ff", "#002"), d = l("MS", "#0f0", "#020"), m;
-      return self.performance && self.performance.memory && (m = l("MB", "#f08", "#201")), o(0), { dom: i, addPanel: l, showPanel: o, nextPanel: f, resetPanel: s, display: g, get hidden() {
+      return self.performance && self.performance.memory && (m = l("MB", "#f08", "#201")), o(0), { dom: i, addPanel: l, showPanel: o, nextPanel: f, resetPanel: s, display: w, get hidden() {
         return !a;
       }, begin: function() {
         b = p();
       }, end: function() {
         y++;
         let e = p();
         if (d.update(e - b, 200), e >= h + 1e3 && (c.update(y * 1e3 / (e - h), 100), h = e, y = 0, m)) {
-          let n = performance.memory;
-          m.update(n.usedJSHeapSize / 1048576, n.jsHeapSizeLimit / 1048576);
+          let r = performance.memory;
+          m.update(r.usedJSHeapSize / 1048576, r.jsHeapSizeLimit / 1048576);
         }
         return e;
       }, update: function() {
         b = this.end();
       } };
     }
-    function P(u, a, i, r, p = {}) {
-      let l = Math.round, o = 1 / 0, f = 0, s = l(window.devicePixelRatio || 1), g = (p.width || 80) * s, b = 48 * s, h = 3 * s, y = 2 * s, c = 3 * s, d = 15 * s, m = (g - 6) * s, e = 30 * s, n = document.createElement("canvas");
-      n.width = g, n.height = b;
-      let v = r.children.length;
-      r.appendChild(n);
-      let t = n.getContext("2d");
+    function T(u, a, i, n, p = {}) {
+      let l = Math.round, o = 1 / 0, f = 0, s = l(window.devicePixelRatio || 1), w = (p.width || 80) * s, b = 48 * s, h = 3 * s, y = 2 * s, c = 3 * s, d = 15 * s, m = (w - 6) * s, e = 30 * s, r = document.createElement("canvas");
+      r.width = w, r.height = b;
+      let x = n.children.length;
+      n.appendChild(r);
+      let t = r.getContext("2d");
       t.font = "bold " + 9 * s + "px Helvetica,Arial,sans-serif", t.textBaseline = "top";
-      function w() {
-        t.fillStyle = i, t.fillRect(0, 0, g, b), t.fillStyle = a, t.fillText(u, h, y), t.fillRect(c, d, m, e), t.fillStyle = i, t.globalAlpha = 0.9, t.fillRect(c, d, m, e);
+      function g() {
+        t.fillStyle = i, t.fillRect(0, 0, w, b), t.fillStyle = a, t.fillText(u, h, y), t.fillRect(c, d, m, e), t.fillStyle = i, t.globalAlpha = 0.9, t.fillRect(c, d, m, e);
       }
-      return w(), { id: v, dom: n, reset: w, update: function(x, E) {
-        o = Math.min(o, x), f = Math.max(f, x), t.fillStyle = i, t.globalAlpha = 1, t.fillRect(0, 0, g, d), t.fillStyle = a;
-        let T = [l(x), u];
-        p.labelBefore && T.reverse(), t.fillText(T.join(" ") + " (" + l(o) + "-" + l(f) + ")", h, y), t.drawImage(n, c + s, d, m - s, e, c, d, m - s, e), t.fillRect(c + m - s, d, s, e), t.fillStyle = i, t.globalAlpha = 0.9, t.fillRect(c + m - s, d, s, l((1 - x / E) * e));
+      return g(), { id: x, dom: r, reset: g, update: function(v, P) {
+        o = Math.min(o, v), f = Math.max(f, v), t.fillStyle = i, t.globalAlpha = 1, t.fillRect(0, 0, w, d), t.fillStyle = a;
+        let E = [l(v), u];
+        p.labelBefore && E.reverse(), t.fillText(E.join(" ") + " (" + l(o) + "-" + l(f) + ")", h, y), t.drawImage(r, c + s, d, m - s, e, c, d, m - s, e), t.fillRect(c + m - s, d, s, e), t.fillStyle = i, t.globalAlpha = 0.9, t.fillRect(c + m - s, d, s, l((1 - v / P) * e));
       } };
     }
     var k = { hotkeyShow: "F1", hotkeyNext: "F2", css: {}, hidden: false, id: "" };
     function A(u, a = {}) {
       a = Object.assign({}, k, a);
-      let i = u.stat(0), r = new _(), p = r.display, l = (o = true) => {
-        a.hidden = !o, p(o), r.resetPanel();
+      let i = u.stat(0), n = new _(), p = n.display, l = (o = true) => {
+        a.hidden = !o, p(o), n.resetPanel();
       };
-      a.id && (r.dom.id = a.id);
-      for (let [o, f] of Object.entries(a.css || {})) r.dom.style[o] = f;
-      return u.canvas().parentElement.appendChild(r.dom), l(!a.hidden), i.keyboardEvents && listen("update", () => {
-        a.hotkeyShow && u.iskeypressed(a.hotkeyShow) && l(a.hidden), a.hotkeyNext && u.iskeypressed(a.hotkeyNext) && r.nextPanel();
+      a.id && (n.dom.id = a.id);
+      for (let [o, f] of Object.entries(a.css || {})) n.dom.style[o] = f;
+      return u.canvas().parentElement.appendChild(n.dom), l(!a.hidden), i.keyboardEvents && listen("update", () => {
+        a.hotkeyShow && u.iskeypressed(a.hotkeyShow) && l(a.hidden), a.hotkeyNext && u.iskeypressed(a.hotkeyNext) && n.nextPanel();
       }), listen("before:update", (o, f = 1) => {
-        a.hidden || f === 1 && r.begin();
+        a.hidden || f === 1 && n.begin();
       }), listen("after:draw", () => {
-        a.hidden || r.end();
-      }), r.display = l, { FPS_METER: r };
+        a.hidden || n.end();
+      }), listen("quit", () => {
+        n.dom.remove();
+      }), n.display = l, { FPS_METER: n };
     }
     window.pluginFrameRateMeter = A;
   })();

public/sw.js

@@ -1,5 +1,5 @@
 const cacheName = "luizbills.litecanvas-editor-v1";
-const version = "2025.06.23.0";
+const version = "2025.06.25.0";
 
 const precacheResources = [
   "/",