import Zoom from "wavesurfer.js/dist/plugins/zoom.esm.js";

// import Zoom from "wavesurfer.js/dist/plugins/zoom.esm.js"; // Temporarily disabled

    // Add zoom plugin
    const zoomPlugin = Zoom.create({
      scale: 0.5,
      deltaThreshold: 5,
    });
    wavesurfer.registerPlugin(zoomPlugin);

    // Zoom plugin temporarily disabled for debugging
    const zoomPlugin = null;

    // wavesurfer.on("zoom", (minPxPerSec) => {
    //   setCurrentMinPxPerSec(minPxPerSec);
    // }); // Temporarily disabled

    // Mouse wheel zoom is handled by the zoom plugin automatically

  // Zoom controls

  // Simple zoom controls using built-in zoom method

    if (state.zoomPlugin && typeof state.zoomPlugin === "object" && "zoom" in state.zoomPlugin) {
      (state.zoomPlugin as { zoom: (factor: number) => void }).zoom(1.5);

    if (state.wavesurfer) {
      try {
        // Use a small increment for smoother zooming (25 pixels per second)
        state.wavesurfer.zoom(25);
      } catch (error) {
        console.error('Error zooming in:', error);
      }

  }, [state.zoomPlugin]);

  }, [state.wavesurfer]);

    if (state.zoomPlugin && typeof state.zoomPlugin === "object" && "zoom" in state.zoomPlugin) {
      (state.zoomPlugin as { zoom: (factor: number) => void }).zoom(0.75);

    if (state.wavesurfer) {
      try {
        // Use negative increment to zoom out
        state.wavesurfer.zoom(-15);
      } catch (error) {
        console.error('Error zooming out:', error);
      }

  }, [state.zoomPlugin]);

  }, [state.wavesurfer]);

      state.wavesurfer.zoom(0);

      try {
        // Reset to default zoom level (0)
        state.wavesurfer.zoom(0);
      } catch (error) {
        console.error('Error resetting zoom:', error);
      }

[X] Zoom for waveform and spectrogram