refactor: Promote pause/resume to Portal.canvas.Base (#8793)

Author: tobiu

apps/portal/canvas/Base.mjs

@@ -23,6 +23,8 @@ class Base extends NeoBase {
             app: [
                 'clearGraph',
                 'initGraph',
+                'pause',
+                'resume',
                 'setTheme',
                 'updateSize'
             ]
@@ -51,6 +53,11 @@ class Base extends NeoBase {
      * @member {OffscreenCanvasRenderingContext2D|null} context=null
      */
     context = null
+    /**
+     * Flag to pause the render loop.
+     * @member {Boolean} isPaused=false
+     */
+    isPaused = false
 
     /**
      * @member {Function} renderLoop=this.render.bind(this)
@@ -77,7 +84,8 @@ class Base extends NeoBase {
         me.context     = null;
         me.canvasId    = null;
         me.canvasSize  = null;
-        me.animationId = null
+        me.animationId = null;
+        me.isPaused    = false
     }
 
     /**
@@ -96,11 +104,30 @@ class Base extends NeoBase {
         me.waitForCanvas(canvasId, windowId, hasChange)
     }
 
+    /**
+     * Pauses the simulation.
+     */
+    pause() {
+        this.isPaused = true
+    }
+
     /**
      * Abstract render method
      */
     render() {}
 
+    /**
+     * Resumes the simulation.
+     */
+    resume() {
+        let me = this;
+
+        if (me.isPaused) {
+            me.isPaused = false;
+            me.renderLoop()
+        }
+    }
+
     /**
      * Exposed method for Remote Access to trigger the reactive config setter.
      * @param {String} value

apps/portal/canvas/HomeCanvas.mjs

@@ -115,8 +115,6 @@ class HomeCanvas extends Base {
          */
         remote: {
             app: [
-                'pause',
-                'resume',
                 'updateMouseState'
             ]
         },
@@ -137,11 +135,6 @@ class HomeCanvas extends Base {
      * @member {Object} gradients={}
      */
     gradients = {}
-    /**
-     * Flag to pause the render loop.
-     * @member {Boolean} isPaused=false
-     */
-    isPaused = false
     /**
      * Tracked mouse position for interactive physics.
      * Initialize off-screen to prevent startup jitters.
@@ -192,7 +185,6 @@ class HomeCanvas extends Base {
         me.packetBuffer = null;
         me.shockwaves   = [];
         me.sparks       = [];
-        me.isPaused     = false;
         me.gradients    = {};
         me.scale        = 1
     }
@@ -713,25 +705,6 @@ class HomeCanvas extends Base {
         }
     }
 
-    /**
-     * Pauses the simulation.
-     */
-    pause() {
-        this.isPaused = true
-    }
-
-    /**
-     * Resumes the simulation.
-     */
-    resume() {
-        let me = this;
-
-        if (me.isPaused) {
-            me.isPaused = false;
-            me.renderLoop()
-        }
-    }
-
     /**
      * @member {Function} renderLoop=this.render.bind(this)
      */

apps/portal/canvas/ServicesCanvas.mjs

@@ -116,8 +116,6 @@ class ServicesCanvas extends Base {
          */
         remote: {
             app: [
-                'pause',
-                'resume',
                 'updateMouseState',
                 'updateSize'
             ]
@@ -153,11 +151,6 @@ class ServicesCanvas extends Base {
      * @member {Object} gradients={}
      */
     gradients = {}
-    /**
-     * Flag to pause the render loop.
-     * @member {Boolean} isPaused=false
-     */
-    isPaused = false
     /**
      * Tracked mouse position for interactive physics.
      * Initialize off-screen to prevent startup jitters.
@@ -241,7 +234,6 @@ class ServicesCanvas extends Base {
         me.strataBuffer = null;
         me.particleBuffer = null;
         me.superHexes   = [];
-        me.isPaused     = false;
         me.gradients    = {};
         me.scale        = 1
     }
@@ -927,24 +919,6 @@ class ServicesCanvas extends Base {
         }
     }
 
-    /**
-     * Pauses the simulation.
-     */
-    pause() {
-        this.isPaused = true
-    }
-
-    /**
-     * Resumes the simulation.
-     */
-    resume() {
-        let me = this;
-        if (me.isPaused) {
-            me.isPaused = false;
-            me.renderLoop()
-        }
-    }
-
     /**
      * Main Render Loop.
      * Updates physics, projects geometry, and draws all layers.