refacto: cleanning the codebase

src/stateManager/AudioManager.ts

@@ -1,5 +1,8 @@
 export class AudioManager {
   private static _instance: AudioManager | null = null;
+  private readonly _audioPools = new Map<string, HTMLAudioElement[]>();
+
+  private static readonly MAX_POOL_SIZE_PER_SOUND = 6;
 
   static getInstance(): AudioManager {
     if (!AudioManager._instance) {
@@ -12,12 +15,47 @@ export class AudioManager {
   private constructor() {}
 
   playSound(path: string, volume = 1): void {
-    const audio = new Audio(path);
+    const audio = this._acquireAudio(path);
     audio.volume = Math.max(0, Math.min(1, volume));
-    void audio.play();
+    audio.currentTime = 0;
+
+    void audio.play().catch(() => {
+      audio.pause();
+      audio.currentTime = 0;
+    });
   }
 
   destroy(): void {
+    this._audioPools.forEach((pool) => {
+      pool.forEach((audio) => {
+        audio.pause();
+        audio.src = "";
+      });
+    });
+    this._audioPools.clear();
     AudioManager._instance = null;
   }
+
+  private _acquireAudio(path: string): HTMLAudioElement {
+    const existingPool = this._audioPools.get(path);
+
+    if (existingPool) {
+      const availableAudio = existingPool.find(
+        (audio) => audio.paused || audio.ended,
+      );
+      if (availableAudio) return availableAudio;
+
+      if (existingPool.length < AudioManager.MAX_POOL_SIZE_PER_SOUND) {
+        const pooledAudio = new Audio(path);
+        existingPool.push(pooledAudio);
+        return pooledAudio;
+      }
+
+      return existingPool[0]!;
+    }
+
+    const initialAudio = new Audio(path);
+    this._audioPools.set(path, [initialAudio]);
+    return initialAudio;
+  }
 }

src/stateManager/InteractionManager.ts

@@ -39,12 +39,8 @@ export class InteractionManager {
 
   setFocused(handle: InteractableHandle | null): void {
     if (this._focused === handle) return;
-    // Never interrupt an active grab via focus change
-    if (this._holding) {
-      this._focused = handle;
-      this._emit();
-      return;
-    }
+    if (this._holding) return;
+
     this._focused = handle;
     this._emit();
   }
@@ -59,7 +55,7 @@ export class InteractionManager {
   }
 
   releaseInteract(): void {
-    const handle = this._holdingHandle ?? this._focused;
+    const handle = this._holding ? this._holdingHandle : null;
     if (!handle) return;
 
     handle.onRelease();
@@ -77,6 +73,9 @@ export class InteractionManager {
   }
 
   destroy(): void {
+    this._focused = null;
+    this._holding = false;
+    this._holdingHandle = null;
     this._listeners.clear();
     InteractionManager._instance = null;
   }