miriad-viz 0.4.0 → 0.4.1

package/dist-lib/viewer/exports.cjs

@@ -2102,6 +2102,103 @@ var textStyle2 = {
   textAlign: "center",
   maxWidth: "100%"
 };
+
+// src/viewer/audio-position.ts
+function progressToAudioPosition(progress, timingFile) {
+  if (timingFile.lines.length === 0) return null;
+  if (progress < 0 || progress > 1) return null;
+  for (let i = 0; i < timingFile.lines.length; i++) {
+    const line = timingFile.lines[i];
+    if (progress >= line.progressStart && progress <= line.progressEnd) {
+      const progressRange = line.progressEnd - line.progressStart;
+      if (progressRange <= 0) {
+        return {
+          clipId: line.id,
+          offsetSec: 0,
+          audioFile: line.audioFile,
+          lineIndex: i
+        };
+      }
+      const fraction = (progress - line.progressStart) / progressRange;
+      const offsetSec = fraction * line.durationSec;
+      return {
+        clipId: line.id,
+        offsetSec,
+        audioFile: line.audioFile,
+        lineIndex: i
+      };
+    }
+  }
+  return null;
+}
+
+// src/viewer/useAudioPlayback.ts
+var SEEK_TOLERANCE_SEC = 0.15;
+function useAudioPlayback({
+  progress,
+  playing,
+  timingFile,
+  audioBaseUrl
+}) {
+  const audioCache = react.useRef(/* @__PURE__ */ new Map());
+  const activeClipRef = react.useRef(null);
+  const baseUrl = audioBaseUrl.endsWith("/") ? audioBaseUrl : `${audioBaseUrl}/`;
+  const getAudio = react.useCallback(
+    (clipId, audioFile) => {
+      const cached = audioCache.current.get(clipId);
+      if (cached) return cached;
+      const audio = new Audio(`${baseUrl}${audioFile}`);
+      audio.preload = "auto";
+      audioCache.current.set(clipId, audio);
+      return audio;
+    },
+    [baseUrl]
+  );
+  const stopAll = react.useCallback(() => {
+    for (const audio of audioCache.current.values()) {
+      audio.pause();
+    }
+    activeClipRef.current = null;
+  }, []);
+  react.useEffect(() => {
+    return () => {
+      for (const audio of audioCache.current.values()) {
+        audio.pause();
+        audio.src = "";
+      }
+      audioCache.current.clear();
+    };
+  }, []);
+  react.useEffect(() => {
+    if (!timingFile || !playing) {
+      stopAll();
+      return;
+    }
+    const position = progressToAudioPosition(progress, timingFile);
+    if (!position) {
+      stopAll();
+      return;
+    }
+    const { clipId, offsetSec, audioFile } = position;
+    const audio = getAudio(clipId, audioFile);
+    if (activeClipRef.current !== clipId) {
+      stopAll();
+      activeClipRef.current = clipId;
+      audio.currentTime = offsetSec;
+      audio.play().catch(() => {
+      });
+    } else {
+      const drift = Math.abs(audio.currentTime - offsetSec);
+      if (drift > SEEK_TOLERANCE_SEC) {
+        audio.currentTime = offsetSec;
+      }
+      if (audio.paused) {
+        audio.play().catch(() => {
+        });
+      }
+    }
+  }, [progress, playing, timingFile, getAudio, stopAll]);
+}
 var FALLBACK_DURATION = 120;
 function usePlayback(durationSeconds = FALLBACK_DURATION) {
   const [progress, setProgress] = react.useState(0);
@@ -2236,9 +2333,12 @@ function SceneContents({ devMode, progress }) {
   ] });
 }
 var VIZ_DATA_URL = "./data/viz-data.json";
+var TIMING_URL = "./data/timing.json";
+var AUDIO_BASE_URL = "./audio/";
 var activeTestScene = getTestScene();
 function App() {
   const [vizData, setVizData] = react.useState(null);
+  const [timingFile, setTimingFile] = react.useState(null);
   const [error, setError] = react.useState(null);
   const [devMode, setDevMode] = react.useState(getInitialDevMode);
   const viewportOverride = useViewportOverride();
@@ -2324,6 +2424,20 @@ function App() {
       chunkLJG3H4FA_cjs.useVizStore.getState().setDataSummary(extractDataSummary(enriched));
     }).catch((err) => setError(err instanceof Error ? err.message : String(err)));
   }, []);
+  react.useEffect(() => {
+    if (activeTestScene) return;
+    fetch(TIMING_URL).then((res) => {
+      if (!res.ok) return null;
+      return res.json();
+    }).then((data4) => setTimingFile(data4)).catch(() => {
+    });
+  }, []);
+  useAudioPlayback({
+    progress: playback.progress,
+    playing: playback.playing,
+    timingFile,
+    audioBaseUrl: AUDIO_BASE_URL
+  });
   react.useMemo(() => {
     chunkLJG3H4FA_cjs.useVizStore.getState().setPlaying(playback.playing);
   }, [playback.playing]);
@@ -2522,103 +2636,6 @@ var errorStyle = {
   fontFamily: "monospace"
 };
 
-// src/viewer/audio-position.ts
-function progressToAudioPosition(progress, timingFile) {
-  if (timingFile.lines.length === 0) return null;
-  if (progress < 0 || progress > 1) return null;
-  for (let i = 0; i < timingFile.lines.length; i++) {
-    const line = timingFile.lines[i];
-    if (progress >= line.progressStart && progress <= line.progressEnd) {
-      const progressRange = line.progressEnd - line.progressStart;
-      if (progressRange <= 0) {
-        return {
-          clipId: line.id,
-          offsetSec: 0,
-          audioFile: line.audioFile,
-          lineIndex: i
-        };
-      }
-      const fraction = (progress - line.progressStart) / progressRange;
-      const offsetSec = fraction * line.durationSec;
-      return {
-        clipId: line.id,
-        offsetSec,
-        audioFile: line.audioFile,
-        lineIndex: i
-      };
-    }
-  }
-  return null;
-}
-
-// src/viewer/useAudioPlayback.ts
-var SEEK_TOLERANCE_SEC = 0.15;
-function useAudioPlayback({
-  progress,
-  playing,
-  timingFile,
-  audioBaseUrl
-}) {
-  const audioCache = react.useRef(/* @__PURE__ */ new Map());
-  const activeClipRef = react.useRef(null);
-  const baseUrl = audioBaseUrl.endsWith("/") ? audioBaseUrl : `${audioBaseUrl}/`;
-  const getAudio = react.useCallback(
-    (clipId, audioFile) => {
-      const cached = audioCache.current.get(clipId);
-      if (cached) return cached;
-      const audio = new Audio(`${baseUrl}${audioFile}`);
-      audio.preload = "auto";
-      audioCache.current.set(clipId, audio);
-      return audio;
-    },
-    [baseUrl]
-  );
-  const stopAll = react.useCallback(() => {
-    for (const audio of audioCache.current.values()) {
-      audio.pause();
-    }
-    activeClipRef.current = null;
-  }, []);
-  react.useEffect(() => {
-    return () => {
-      for (const audio of audioCache.current.values()) {
-        audio.pause();
-        audio.src = "";
-      }
-      audioCache.current.clear();
-    };
-  }, []);
-  react.useEffect(() => {
-    if (!timingFile || !playing) {
-      stopAll();
-      return;
-    }
-    const position = progressToAudioPosition(progress, timingFile);
-    if (!position) {
-      stopAll();
-      return;
-    }
-    const { clipId, offsetSec, audioFile } = position;
-    const audio = getAudio(clipId, audioFile);
-    if (activeClipRef.current !== clipId) {
-      stopAll();
-      activeClipRef.current = clipId;
-      audio.currentTime = offsetSec;
-      audio.play().catch(() => {
-      });
-    } else {
-      const drift = Math.abs(audio.currentTime - offsetSec);
-      if (drift > SEEK_TOLERANCE_SEC) {
-        audio.currentTime = offsetSec;
-      }
-      if (audio.paused) {
-        audio.play().catch(() => {
-        });
-      }
-    }
-  }, [progress, playing, timingFile, getAudio, stopAll]);
-}
-
 Object.defineProperty(exports, "SIM_HOURS_PER_SECOND", {
   enumerable: true,
   get: function () { return chunkIHAAQH6X_cjs.SIM_HOURS_PER_SECOND; }