Make FPS hide when in small player mode

Author: Tacodiva

addons/fps/userscript.js

@@ -1,4 +1,5 @@
 export default async function ({ addon, global, cons, msg }) {
+
   await new Promise((resolve) => {
     if (addon.tab.traps.vm.editingTarget) return resolve();
     addon.tab.traps.vm.runtime.once("PROJECT_LOADED", resolve);
@@ -9,6 +10,21 @@ export default async function ({ addon, global, cons, msg }) {
   let fpsCounterElement = document.createElement("span");
   fpsCounterElement.className = "fps-counter";
 
+  function updateVisibility() {
+    if (addon.tab.redux && addon.tab.redux.state.scratchGui.stageSize.stageSize === "small") {
+      fpsCounterElement.style.display = "none";
+    } else {
+      addon.tab.displayNoneWhileDisabled(fpsCounterElement, { display: "flex" });
+    }
+  }
+
+  updateVisibility();
+
+  addon.tab.redux.addEventListener("statechanged", ({ detail }) => {
+    if (detail.action.type !== "scratch-gui/StageSize/SET_STAGE_SIZE") return;
+    updateVisibility();
+  });
+
   const renderTimes = [];
   var fps = "?";
   var lastFps = 0;
@@ -23,7 +39,6 @@ export default async function ({ addon, global, cons, msg }) {
     if (firstTime === -1) firstTime = now;
     if (now - firstTime <= 2500) fps = "?";
     if (fps !== lastFps) fpsCounterElement.innerText = msg("fpsCounter", { fps: (lastFps = fps) });
-    addon.tab.displayNoneWhileDisabled(fpsCounterElement, { display: "flex" });
     renderer.ogDraw();
   };
 
@@ -32,6 +47,7 @@ export default async function ({ addon, global, cons, msg }) {
       markAsSeen: true,
       reduxEvents: ["scratch-gui/mode/SET_PLAYER", "fontsLoaded/SET_FONTS_LOADED", "scratch-gui/locales/SELECT_LOCALE"],
     });
+    console.log("Hai :D");
     addon.tab.appendToSharedSpace({ space: "afterStopButton", element: fpsCounterElement, order: 3 });
   }
 }