chore: renamed the methods from subscribe/unsubscribe to mount/unmount

Author: crashmax-dev

packages/fireworks-js/src/fireworks.ts

@@ -63,18 +63,18 @@ export class Fireworks {
     }
 
     this.running = true
-    this.resize.subscribe()
-    this.mouse.subscribe()
-    this.raf.start()
+    this.resize.mount()
+    this.mouse.mount()
+    this.raf.mount()
   }
 
   stop(dispose = false): void {
     if (!this.running) return
 
     this.running = false
-    this.resize.unsubscribe()
-    this.mouse.unsubscribe()
-    this.raf.stop()
+    this.resize.unmount()
+    this.mouse.unmount()
+    this.raf.unmount()
     this.clear()
 
     if (dispose) {
@@ -103,9 +103,9 @@ export class Fireworks {
   pause(): void {
     this.running = !this.running
     if (this.running) {
-      this.raf.start()
+      this.raf.mount()
     } else {
-      this.raf.stop()
+      this.raf.unmount()
     }
   }
 

packages/fireworks-js/src/mouse.ts

@@ -18,13 +18,13 @@ export class Mouse {
     return this.fw.options.mouse
   }
 
-  subscribe(): void {
+  mount(): void {
     this.canvas.addEventListener('pointerdown', this.pointerDown)
     this.canvas.addEventListener('pointerup', this.pointerUp)
     this.canvas.addEventListener('pointermove', this.pointerMove)
   }
 
-  unsubscribe(): void {
+  unmount(): void {
     this.canvas.removeEventListener('pointerdown', this.pointerDown)
     this.canvas.removeEventListener('pointerup', this.pointerUp)
     this.canvas.removeEventListener('pointermove', this.pointerMove)

packages/fireworks-js/src/raf.ts

@@ -13,7 +13,7 @@ export class RequestAnimationFrame {
     private readonly render: () => void
   ) {}
 
-  start(): void {
+  mount(): void {
     this.now = performance.now()
     const interval = 1000 / this.fps
 
@@ -31,7 +31,7 @@ export class RequestAnimationFrame {
     this.rafId = requestAnimationFrame(raf)
   }
 
-  stop() {
+  unmount() {
     cancelAnimationFrame(this.rafId)
   }
 }

packages/fireworks-js/src/resize.ts

@@ -5,13 +5,13 @@ export class Resize {
     this.handleResize = this.handleResize.bind(this)
   }
 
-  subscribe(): void {
+  mount(): void {
     if (this.fw.options.autoresize) {
       window.addEventListener('resize', this.handleResize)
     }
   }
 
-  unsubscribe(): void {
+  unmount(): void {
     if (this.fw.options.autoresize) {
       window.removeEventListener('resize', this.handleResize)
     }