@waveform-playlist/browser 12.1.0 → 13.1.0

package/dist/index.mjs

@@ -238,6 +238,13 @@ function extractPeaksFromWaveformDataFull(waveformData, samplesPerPixel, isMono,
   };
 }
 
+// src/soundFontSync.ts
+import { isToneAdapter } from "@waveform-playlist/playout";
+function syncSoundFontCacheToAdapter(adapter, cache) {
+  if (!isToneAdapter(adapter)) return;
+  adapter.setSoundFontCache(cache);
+}
+
 // src/hooks/useTimeFormat.ts
 import { useState } from "react";
 import {
@@ -3629,6 +3636,7 @@ var WaveformPlaylistProvider = ({
   const [annotationsEditable, setAnnotationsEditable] = useState15((_c = annotationList == null ? void 0 : annotationList.editable) != null ? _c : false);
   const [isReady, setIsReady] = useState15(false);
   const engineRef = useRef15(null);
+  const adapterRef = useRef15(null);
   const audioInitializedRef = useRef15(false);
   const isPlayingRef = useRef15(false);
   isPlayingRef.current = isPlaying;
@@ -3857,6 +3865,7 @@ var WaveformPlaylistProvider = ({
       if (engineRef.current) {
         engineRef.current.dispose();
         engineRef.current = null;
+        adapterRef.current = null;
       }
       prevTracksRef.current = tracks;
       return;
@@ -3911,6 +3920,7 @@ var WaveformPlaylistProvider = ({
         engineTracksRef.current = null;
         audioInitializedRef.current = false;
         const adapter = createToneAdapter({ effects, soundFontCache: soundFontCacheRef.current });
+        adapterRef.current = adapter;
         const engine = new PlaylistEngine({
           adapter,
           samplesPerPixel: samplesPerPixelRef.current,
@@ -3979,6 +3989,7 @@ var WaveformPlaylistProvider = ({
       stopAnimationFrameLoop();
       if (engineRef.current) {
         engineRef.current.dispose();
+        adapterRef.current = null;
       }
     };
   }, [
@@ -3989,6 +4000,9 @@ var WaveformPlaylistProvider = ({
     // isPlaying is intentionally excluded — read from isPlayingRef inside the
     // effect body. Including it causes a full engine+playout rebuild on every
     // play/pause/stop, destroying and recreating all audio Players.
+    // soundFontCache is deliberately excluded — late cache changes are forwarded
+    // to the live adapter by the sync effect below; only adapter creation reads it
+    // (via soundFontCacheRef).
     onReady,
     effects,
     stopAnimationFrameLoop,
@@ -4006,9 +4020,11 @@ var WaveformPlaylistProvider = ({
     loopEndRef,
     isLoopEnabledRef,
     stableZoomLevels,
-    soundFontCache,
     deferEngineRebuild
   ]);
+  useEffect10(() => {
+    syncSoundFontCacheToAdapter(adapterRef.current, soundFontCache);
+  }, [soundFontCache]);
   useEffect10(() => {
     if (tracks.length === 0) return;
     const allTrackPeaks = tracks.map((track) => {
@@ -5802,17 +5818,6 @@ var PlaylistVisualization = ({
     });
     return helpers;
   }, [tracks, spectrogram]);
-  const workerCanvasApi = useMemo6(() => {
-    if (!(spectrogram == null ? void 0 : spectrogram.spectrogramWorkerApi)) return void 0;
-    return {
-      registerCanvas: spectrogram.spectrogramWorkerApi.registerCanvas.bind(
-        spectrogram.spectrogramWorkerApi
-      ),
-      unregisterCanvas: spectrogram.spectrogramWorkerApi.unregisterCanvas.bind(
-        spectrogram.spectrogramWorkerApi
-      )
-    };
-  }, [spectrogram == null ? void 0 : spectrogram.spectrogramWorkerApi]);
   const [settingsModalTrackId, setSettingsModalTrackId] = useState17(null);
   const [isSelecting, setIsSelecting] = useState17(false);
   const mouseDownTimeRef = useRef20(0);
@@ -6178,16 +6183,9 @@ var PlaylistVisualization = ({
                                   clipSampleRate: clip.sampleRate,
                                   clipOffsetSeconds: clip.offsetSamples != null ? clip.offsetSamples / (clip.sampleRate || sampleRate) : 0,
                                   samplesPerPixel,
-                                  spectrogramWorkerApi: workerCanvasApi,
                                   spectrogramClipId: clip.clipId,
-                                  spectrogramOnCanvasesReady: spectrogram ? (canvasIds, canvasWidths) => {
-                                    spectrogram.registerSpectrogramCanvases(
-                                      clip.clipId,
-                                      channelIndex,
-                                      canvasIds,
-                                      canvasWidths
-                                    );
-                                  } : void 0
+                                  spectrogramOnCanvasRegister: spectrogram ? spectrogram.registerSpectrogramCanvas : void 0,
+                                  spectrogramOnCanvasUnregister: spectrogram ? spectrogram.unregisterSpectrogramCanvas : void 0
                                 },
                                 `${clip.clipId}-${channelIndex}`
                               );