Class SoundEffects

src/utils/SoundEffects.ts:5–256

* Sound effects utility for UI interactions

 */

class SoundEffects {
  private audioContext: AudioContext | null = null;
  private audioBuffer: AudioBuffer | null = null;
  private hoverFx2Buffer: AudioBuffer | null = null;
  private isLoading = false;
  private isLoadingHoverFx2 = false;
  private isEnabledCallback: (() => boolean) | null = null;

  constructor() {
    // Initialize on first user interaction
    this.initializeOnUserInteraction();
  }

  private initializeOnUserInteraction() {
    if (typeof window === 'undefined' || typeof document === 'undefined') {
      return;
    }

    const initialize = () => {
      if (!this.audioContext) {
        this.audioContext = new (window.AudioContext || (window as unknown as { webkitAudioContext: typeof AudioContext }).webkitAudioContext)();
        this.loadSound('/hover3.mp3');
        this.loadHoverFx2('/hoverfx2.mp3');
      }
    };

    document.addEventListener('mousedown', initialize, { once: true });
    document.addEventListener('keydown', initialize, { once: true });
    document.addEventListener('mouseover', initialize, { once: true });
  }

  private async loadSound(url: string): Promise<void> {
    if (this.isLoading || this.audioBuffer) return;

    this.isLoading = true;
    try {
      const response = await fetch(url);
      const arrayBuffer = await response.arrayBuffer();
      if (this.audioContext) {
        this.audioBuffer = await this.audioContext.decodeAudioData(arrayBuffer);
      }
    } catch (error) {
      console.warn('Failed to load sound:', error);
    } finally {
      this.isLoading = false;
    }
  }

  private async loadHoverFx2(url: string): Promise<void> {
    if (this.isLoadingHoverFx2 || this.hoverFx2Buffer) return;

    this.isLoadingHoverFx2 = true;
    try {
      const response = await fetch(url);
      const arrayBuffer = await response.arrayBuffer();
      if (this.audioContext) {
        this.hoverFx2Buffer = await this.audioContext.decodeAudioData(arrayBuffer);
      }