Home Reference Source

cables_dev/cables_ui/src/ui/components/idlemode.js

  1. import { ModalBackground, Logger } from "cables-shared-client";
  2. import uiConfig from "../uiconfig.js";
  3. import { gui } from "../gui.js";
  4. import { userSettings } from "./usersettings.js";
  6. let idling = false;
  7. let idleTimeout = null;
  8. let idleModeStart = 0;
  9. let idleFocus = false;
  10. let idleModal = null;
  11. let activeModeStart = performance.now();
  13. const logger = new Logger("idlemode");
  15. function startIdleMode()
  16. {
  17.     if (gui.canvasManager.mode == gui.canvasManager.CANVASMODE_POPOUT || gui.canvasManager.mode == gui.canvasManager.CANVASMODE_MAXIMIZED) return;
  18.     if (gui.patchView.hasFocus() && idleFocus) return;
  20.     if (!window.gui || !gui.finishedLoading()) return;
  21.     if (idling) return;
  22.     if (!userSettings.get("idlemode")) return;
  23.     if (gui.socket && gui.socket.inMultiplayerSession) return;
  25.     const wasActiveSeconds = (performance.now() - activeModeStart) / 1000;
  26.     if (window.gui && !(gui.currentModal && gui.currentModal.persistInIdleMode && gui.currentModal.persistInIdleMode()))
  27.     {
  28.         gui.restriction.setMessage("idlemode", "cables is paused! Click to resume");
  29.         idleModal = new ModalBackground();
  30.         idleModal.show();
  31.     }
  33.     gui.corePatch().pause();
  34.     gui.emitEvent("uiIdleStart", wasActiveSeconds);
  35.     idling = true;
  37.     clearTimeout(idleTimeout);
  38.     idleModeStart = Date.now();
  39. }
  41. function idleInteractivity()
  42. {
  43.     idleFocus = true;
  45.     if (idling) stopIdleMode();
  46.     if (!document.hidden)
  47.     {
  48.         clearTimeout(idleTimeout);
  49.         idleTimeout = setTimeout(startIdleMode, uiConfig.idleModeTimeout * 1000);
  50.     }
  51. }
  53. function stopIdleMode()
  54. {
  55.     if (!window.gui || !gui.finishedLoading()) return;
  56.     if (!idling) return;
  58.     const idleSeconds = Math.round((Date.now() - idleModeStart) / 1000);
  59.     logger.log("idled for ", idleSeconds + " seconds");
  61.     gui.corePatch().resume();
  62.     // if (idleModal) idleModal.close();
  63.     if (idleModal)
  64.     {
  65.         idleModal.hide();
  66.         gui.restriction.setMessage("idlemode", null);
  67.     }
  68.     // gui.closeModal();
  69.     idling = false;
  70.     clearTimeout(idleTimeout);
  71.     gui.emitEvent("uiIdleEnd", idleSeconds);
  72.     activeModeStart = performance.now();
  73. }
  75. function visibilityChanged(e)
  76. {
  77.     idleTimeout = clearTimeout(idleTimeout);
  78.     if (document.hidden) idleTimeout = setTimeout(startIdleMode, 1000);
  79.     else stopIdleMode();
  80. }
  82. export default function startIdleListeners()
  83. {
  84.     if (gui.isRemoteClient) return;
  86.     window.addEventListener("focus", (event) =>
  87.     {
  88.         idleFocus = true;
  89.         clearTimeout(idleTimeout);
  90.         stopIdleMode();
  91.     });
  93.     window.addEventListener("blur", (event) =>
  94.     {
  95.         idleFocus = false;
  96.         clearTimeout(idleTimeout);
  97.         idleTimeout = setTimeout(startIdleMode, uiConfig.idleModeTimeout * 1000);
  98.     });
  100.     document.addEventListener("keydown", idleInteractivity, false);
  101.     document.addEventListener("pointermove", idleInteractivity);
  102.     document.addEventListener("visibilitychange", visibilityChanged);
  103.     gui.on("userActivity", idleInteractivity);
  105.     idleTimeout = setTimeout(startIdleMode, uiConfig.idleModeTimeout * 1000);
  106. }