@lucaismyname/ginger 0.0.11 → 0.0.13

package/dist/useSeekDrag-jLsYA-uG.js

@@ -0,0 +1,174 @@
+import { useMemo as v, useEffect as k, useRef as h, useState as w, useCallback as b } from "react";
+import { b as g, u as T, g as A, c as R } from "./GingerSplitContexts-4YZ-OJ9V.js";
+import { r as E, h as C, p as S, i as I, j as D, b as N, k as G } from "./ginger-Dntdd6zH.js";
+function q() {
+  const e = g(), t = T();
+  return v(
+    () => {
+      const r = A(e, t);
+      return {
+        state: r,
+        currentTrack: G(r),
+        playbackUi: N(r),
+        duration: D(r),
+        remaining: I(r),
+        progress: S(r),
+        artworkUrl: C(r),
+        albumLine: E(r),
+        play: e.play,
+        pause: e.pause,
+        togglePlayPause: e.togglePlayPause,
+        seek: t.seek,
+        setVolume: t.setVolume,
+        setMuted: t.setMuted,
+        toggleMute: t.toggleMute,
+        setPlaybackRate: t.setPlaybackRate,
+        next: e.next,
+        prev: e.prev,
+        setRepeatMode: e.setRepeatMode,
+        cycleRepeat: e.cycleRepeat,
+        toggleShuffle: e.toggleShuffle,
+        setQueue: e.setQueue,
+        insertTrackAt: e.insertTrackAt,
+        removeTrackAt: e.removeTrackAt,
+        moveTrack: e.moveTrack,
+        enqueueNext: e.enqueueNext,
+        playTrackAt: e.playTrackAt,
+        selectTrackAt: e.selectTrackAt,
+        setPlaylistMeta: e.setPlaylistMeta,
+        init: e.init,
+        audioRef: t.audioRef,
+        dispatch: e.dispatch
+      };
+    },
+    [e, t]
+  );
+}
+function Q(e = !0, t = {}) {
+  const { togglePlayPause: r, next: s, prev: o } = g(), { toggleMute: a } = T(), n = t.mute;
+  k(() => {
+    if (!e || typeof window > "u") return;
+    const c = (t.playPause ?? " ").toLowerCase(), u = (t.next ?? "ArrowRight").toLowerCase(), l = (t.previous ?? "ArrowLeft").toLowerCase(), d = n == null ? void 0 : n.toLowerCase(), f = (i) => {
+      const m = i.target;
+      if (m && (["INPUT", "TEXTAREA", "SELECT"].includes(m.tagName) || m.isContentEditable)) return;
+      const p = i.key.toLowerCase();
+      p === c ? (i.preventDefault(), r()) : p === u ? (i.preventDefault(), s()) : p === l ? (i.preventDefault(), o()) : d && p === d && (i.preventDefault(), a());
+    };
+    return window.addEventListener("keydown", f), () => window.removeEventListener("keydown", f);
+  }, [t.next, t.playPause, t.previous, e, n, s, o, a, r]);
+}
+function j() {
+  const { tracks: e, currentIndex: t } = g(), { currentTime: r, seek: s } = T(), o = v(() => {
+    var c;
+    return [...((c = e[t]) == null ? void 0 : c.chapters) ?? []].filter((u) => u && Number.isFinite(u.startSeconds) && u.startSeconds >= 0).sort((u, l) => u.startSeconds - l.startSeconds);
+  }, [t, e]), a = v(() => {
+    if (o.length === 0) return -1;
+    for (let n = o.length - 1; n >= 0; n -= 1)
+      if (r >= o[n].startSeconds) return n;
+    return -1;
+  }, [r, o]);
+  return {
+    list: o,
+    activeIndex: a,
+    active: a >= 0 ? o[a] ?? null : null,
+    seekTo: (n) => {
+      const c = o[n];
+      c && s(c.startSeconds);
+    }
+  };
+}
+const M = /\[(\d{1,2}):(\d{2})(?:\.(\d{1,3}))?\]/g;
+function F(e) {
+  const t = [];
+  for (const r of e.split(/\r?\n/)) {
+    const s = [...r.matchAll(M)];
+    if (s.length === 0) continue;
+    const o = r.replace(M, "").trim();
+    for (const a of s) {
+      const n = Number(a[1] ?? 0), c = Number(a[2] ?? 0), u = Number((a[3] ?? "0").padEnd(3, "0")), l = n * 60 + c + u / 1e3;
+      Number.isFinite(l) && l >= 0 && t.push({ time: l, text: o });
+    }
+  }
+  return t.sort((r, s) => r.time - s.time);
+}
+function z() {
+  const { tracks: e, currentIndex: t } = g(), { currentTime: r } = T(), s = e[t], o = v(() => s ? Array.isArray(s.lyricsTimed) && s.lyricsTimed.length > 0 ? [...s.lyricsTimed].filter((n) => Number.isFinite(n.time) && n.time >= 0).sort((n, c) => n.time - c.time) : typeof s.lyrics == "string" ? F(s.lyrics) : [] : [], [s]), a = v(() => {
+    for (let n = o.length - 1; n >= 0; n -= 1)
+      if (r >= o[n].time) return n;
+    return -1;
+  }, [r, o]);
+  return {
+    lines: o,
+    activeIndex: a,
+    activeLine: a >= 0 ? o[a] ?? null : null
+  };
+}
+function B(e) {
+  const { durationMs: t, stopAfterTracks: r, respectPause: s = !0, enabled: o = !0, onFire: a } = e, { currentIndex: n, pause: c, isPaused: u } = g(), l = h(r ?? 0), d = h(n);
+  k(() => {
+    l.current = r ?? 0;
+  }, [r]), k(() => {
+    if (!o || !t || t <= 0 || s && u) return;
+    const f = setTimeout(() => {
+      c(), a == null || a();
+    }, t);
+    return () => clearTimeout(f);
+  }, [t, o, u, a, c, s]), k(() => {
+    if (!o || !r || r <= 0) return;
+    const f = d.current;
+    d.current = n, n !== f && (l.current -= 1, l.current <= 0 && (c(), a == null || a()));
+  }, [n, o, a, c, r]);
+}
+function H(e = !1) {
+  const t = R(), r = h(t);
+  k(() => {
+    if (!e || typeof console > "u") return;
+    const s = r.current;
+    s !== t && console.debug("[ginger]", {
+      from: {
+        currentIndex: s.currentIndex,
+        isPaused: s.isPaused,
+        currentTime: s.currentTime,
+        repeatMode: s.repeatMode
+      },
+      to: {
+        currentIndex: t.currentIndex,
+        isPaused: t.isPaused,
+        currentTime: t.currentTime,
+        repeatMode: t.repeatMode
+      }
+    }), r.current = t;
+  }, [e, t]);
+}
+function K(e) {
+  return Math.max(0, Math.min(1, e));
+}
+function J(e) {
+  const t = T(), r = g(), { seek: s } = t, [o, a] = w(0), [n, c] = w(!1), u = S(A(r, t)), l = n ? o : u, d = b(
+    (f) => {
+      if (!(e > 0)) return;
+      const i = f.currentTarget, m = i.getBoundingClientRect(), p = (y) => {
+        const L = K((y - m.left) / m.width);
+        a(L), s(L * e);
+      };
+      c(!0), i.setPointerCapture(f.pointerId), p(f.clientX);
+      const x = (y) => p(y.clientX), P = (y) => {
+        p(y.clientX), c(!1), i.releasePointerCapture(f.pointerId), i.removeEventListener("pointermove", x), i.removeEventListener("pointerup", P), i.removeEventListener("pointercancel", P);
+      };
+      i.addEventListener("pointermove", x), i.addEventListener("pointerup", P), i.addEventListener("pointercancel", P);
+    },
+    [e, s]
+  );
+  return { fraction: o, displayFraction: l, isDragging: n, onPointerDown: d };
+}
+export {
+  j as a,
+  H as b,
+  Q as c,
+  z as d,
+  B as e,
+  J as f,
+  F as p,
+  q as u
+};
+//# sourceMappingURL=useSeekDrag-jLsYA-uG.js.map

package/dist/useSeekDrag-jLsYA-uG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSeekDrag-jLsYA-uG.js","sources":["../src/hooks/useGinger.ts","../src/hooks/useGingerKeyboardShortcuts.ts","../src/hooks/useGingerChapters.ts","../src/internal/lyrics.ts","../src/hooks/useGingerLyricsSync.ts","../src/hooks/useGingerSleepTimer.ts","../src/hooks/useGingerDebugLog.ts","../src/hooks/useSeekDrag.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { gingerStateFromContextValues, useGingerMedia, useGingerPlayback } from \"../context/GingerSplitContexts\";\nimport {\n  derivePlaybackUiState,\n  effectiveDuration,\n  effectiveRemaining,\n  getCurrentTrack,\n  progressFraction,\n  resolvedAlbumLine,\n  resolvedArtwork,\n} from \"../internal/selectors\";\n\nexport function useGinger() {\n  const pb = useGingerPlayback();\n  const md = useGingerMedia();\n\n  return useMemo(\n    () => {\n      const state = gingerStateFromContextValues(pb, md);\n      return {\n        state,\n        currentTrack: getCurrentTrack(state),\n        playbackUi: derivePlaybackUiState(state),\n        duration: effectiveDuration(state),\n        remaining: effectiveRemaining(state),\n        progress: progressFraction(state),\n        artworkUrl: resolvedArtwork(state),\n        albumLine: resolvedAlbumLine(state),\n        play: pb.play,\n        pause: pb.pause,\n        togglePlayPause: pb.togglePlayPause,\n        seek: md.seek,\n        setVolume: md.setVolume,\n        setMuted: md.setMuted,\n        toggleMute: md.toggleMute,\n        setPlaybackRate: md.setPlaybackRate,\n        next: pb.next,\n        prev: pb.prev,\n        setRepeatMode: pb.setRepeatMode,\n        cycleRepeat: pb.cycleRepeat,\n        toggleShuffle: pb.toggleShuffle,\n        setQueue: pb.setQueue,\n        insertTrackAt: pb.insertTrackAt,\n        removeTrackAt: pb.removeTrackAt,\n        moveTrack: pb.moveTrack,\n        enqueueNext: pb.enqueueNext,\n        playTrackAt: pb.playTrackAt,\n        selectTrackAt: pb.selectTrackAt,\n        setPlaylistMeta: pb.setPlaylistMeta,\n        init: pb.init,\n        audioRef: md.audioRef,\n        dispatch: pb.dispatch,\n      };\n    },\n    [pb, md],\n  );\n}\n","import { useEffect } from \"react\";\nimport { useGingerMedia, useGingerPlayback } from \"../context/GingerSplitContexts\";\n\nexport type GingerKeyboardShortcutBindings = {\n  playPause?: string;\n  next?: string;\n  previous?: string;\n  mute?: string;\n};\n\nexport function useGingerKeyboardShortcuts(\n  enabled = true,\n  bindings: GingerKeyboardShortcutBindings = {},\n): void {\n  const { togglePlayPause, next, prev } = useGingerPlayback();\n  const { toggleMute } = useGingerMedia();\n\n  const muteBinding = bindings.mute;\n\n  useEffect(() => {\n    if (!enabled || typeof window === \"undefined\") return;\n    const playPause = (bindings.playPause ?? \" \").toLowerCase();\n    const nextKey = (bindings.next ?? \"ArrowRight\").toLowerCase();\n    const prevKey = (bindings.previous ?? \"ArrowLeft\").toLowerCase();\n    const muteKey = muteBinding?.toLowerCase();\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      const target = event.target as HTMLElement | null;\n      if (target && ([\"INPUT\", \"TEXTAREA\", \"SELECT\"].includes(target.tagName) || target.isContentEditable)) return;\n      const key = event.key.toLowerCase();\n      if (key === playPause) {\n        event.preventDefault();\n        togglePlayPause();\n      } else if (key === nextKey) {\n        event.preventDefault();\n        next();\n      } else if (key === prevKey) {\n        event.preventDefault();\n        prev();\n      } else if (muteKey && key === muteKey) {\n        event.preventDefault();\n        toggleMute();\n      }\n    };\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, [bindings.next, bindings.playPause, bindings.previous, enabled, muteBinding, next, prev, toggleMute, togglePlayPause]);\n}\n","import { useMemo } from \"react\";\nimport { useGingerMedia, useGingerPlayback } from \"../context/GingerSplitContexts\";\n\nexport type GingerChapter = {\n  title: string;\n  startSeconds: number;\n};\n\nexport type GingerChapterState = {\n  list: GingerChapter[];\n  activeIndex: number;\n  active: GingerChapter | null;\n  seekTo: (index: number) => void;\n};\n\nexport function useGingerChapters(): GingerChapterState {\n  const { tracks, currentIndex } = useGingerPlayback();\n  const { currentTime, seek } = useGingerMedia();\n\n  const list = useMemo(() => {\n    const chapters = tracks[currentIndex]?.chapters ?? [];\n    return [...chapters]\n      .filter((item) => item && Number.isFinite(item.startSeconds) && item.startSeconds >= 0)\n      .sort((a, b) => a.startSeconds - b.startSeconds);\n  }, [currentIndex, tracks]);\n\n  const activeIndex = useMemo(() => {\n    if (list.length === 0) return -1;\n    for (let i = list.length - 1; i >= 0; i -= 1) {\n      if (currentTime >= list[i]!.startSeconds) return i;\n    }\n    return -1;\n  }, [currentTime, list]);\n\n  return {\n    list,\n    activeIndex,\n    active: activeIndex >= 0 ? list[activeIndex] ?? null : null,\n    seekTo: (index: number) => {\n      const chapter = list[index];\n      if (chapter) seek(chapter.startSeconds);\n    },\n  };\n}\n","export type TimedLyricLine = {\n  time: number;\n  text: string;\n};\n\nconst lrcTag = /\\[(\\d{1,2}):(\\d{2})(?:\\.(\\d{1,3}))?\\]/g;\n\nexport function parseLrc(lrc: string): TimedLyricLine[] {\n  const lines: TimedLyricLine[] = [];\n  for (const rawLine of lrc.split(/\\r?\\n/)) {\n    const matches = [...rawLine.matchAll(lrcTag)];\n    if (matches.length === 0) continue;\n    const text = rawLine.replace(lrcTag, \"\").trim();\n    for (const m of matches) {\n      const minutes = Number(m[1] ?? 0);\n      const seconds = Number(m[2] ?? 0);\n      const millis = Number((m[3] ?? \"0\").padEnd(3, \"0\"));\n      const time = minutes * 60 + seconds + millis / 1000;\n      if (Number.isFinite(time) && time >= 0) {\n        lines.push({ time, text });\n      }\n    }\n  }\n  return lines.sort((a, b) => a.time - b.time);\n}\n","import { useMemo } from \"react\";\nimport { useGingerMedia, useGingerPlayback } from \"../context/GingerSplitContexts\";\nimport { parseLrc, type TimedLyricLine } from \"../internal/lyrics\";\n\nexport type GingerLyricsSyncState = {\n  lines: TimedLyricLine[];\n  activeIndex: number;\n  activeLine: TimedLyricLine | null;\n};\n\nexport function useGingerLyricsSync(): GingerLyricsSyncState {\n  const { tracks, currentIndex } = useGingerPlayback();\n  const { currentTime } = useGingerMedia();\n  const currentTrack = tracks[currentIndex];\n\n  const lines = useMemo(() => {\n    if (!currentTrack) return [];\n    if (Array.isArray(currentTrack.lyricsTimed) && currentTrack.lyricsTimed.length > 0) {\n      return [...currentTrack.lyricsTimed]\n        .filter((line) => Number.isFinite(line.time) && line.time >= 0)\n        .sort((a, b) => a.time - b.time);\n    }\n    if (typeof currentTrack.lyrics === \"string\") {\n      return parseLrc(currentTrack.lyrics);\n    }\n    return [];\n  }, [currentTrack]);\n\n  const activeIndex = useMemo(() => {\n    for (let i = lines.length - 1; i >= 0; i -= 1) {\n      if (currentTime >= lines[i]!.time) return i;\n    }\n    return -1;\n  }, [currentTime, lines]);\n\n  return {\n    lines,\n    activeIndex,\n    activeLine: activeIndex >= 0 ? lines[activeIndex] ?? null : null,\n  };\n}\n","import { useEffect, useRef } from \"react\";\nimport { useGingerPlayback } from \"../context/GingerSplitContexts\";\n\nexport type GingerSleepTimerOptions = {\n  durationMs?: number;\n  stopAfterTracks?: number;\n  respectPause?: boolean;\n  enabled?: boolean;\n  onFire?: () => void;\n};\n\nexport function useGingerSleepTimer(options: GingerSleepTimerOptions): void {\n  const { durationMs, stopAfterTracks, respectPause = true, enabled = true, onFire } = options;\n  const { currentIndex, pause, isPaused } = useGingerPlayback();\n  const remainingTracksRef = useRef(stopAfterTracks ?? 0);\n  const prevIndexRef = useRef(currentIndex);\n\n  useEffect(() => {\n    remainingTracksRef.current = stopAfterTracks ?? 0;\n  }, [stopAfterTracks]);\n\n  useEffect(() => {\n    if (!enabled || !durationMs || durationMs <= 0) return;\n    if (respectPause && isPaused) return;\n    const id = setTimeout(() => {\n      pause();\n      onFire?.();\n    }, durationMs);\n    return () => clearTimeout(id);\n  }, [durationMs, enabled, isPaused, onFire, pause, respectPause]);\n\n  useEffect(() => {\n    if (!enabled || !stopAfterTracks || stopAfterTracks <= 0) return;\n    const prev = prevIndexRef.current;\n    prevIndexRef.current = currentIndex;\n    if (currentIndex === prev) return;\n    remainingTracksRef.current -= 1;\n    if (remainingTracksRef.current <= 0) {\n      pause();\n      onFire?.();\n    }\n  }, [currentIndex, enabled, onFire, pause, stopAfterTracks]);\n}\n","import { useEffect, useRef } from \"react\";\nimport { useGingerState } from \"../context/GingerSplitContexts\";\n\nexport function useGingerDebugLog(enabled = false): void {\n  const state = useGingerState();\n  const prevRef = useRef(state);\n\n  useEffect(() => {\n    if (!enabled || typeof console === \"undefined\") return;\n    const prev = prevRef.current;\n    if (prev !== state) {\n      console.debug(\"[ginger]\", {\n        from: {\n          currentIndex: prev.currentIndex,\n          isPaused: prev.isPaused,\n          currentTime: prev.currentTime,\n          repeatMode: prev.repeatMode,\n        },\n        to: {\n          currentIndex: state.currentIndex,\n          isPaused: state.isPaused,\n          currentTime: state.currentTime,\n          repeatMode: state.repeatMode,\n        },\n      });\n    }\n    prevRef.current = state;\n  }, [enabled, state]);\n}\n","import { useCallback, useState } from \"react\";\nimport type { PointerEvent as ReactPointerEvent } from \"react\";\nimport { useGingerMedia, useGingerPlayback, gingerStateFromContextValues } from \"../context/GingerSplitContexts\";\nimport { progressFraction } from \"../internal/selectors\";\n\nexport type SeekDragState = {\n  /** Raw drag fraction — only updated during an active drag gesture. */\n  fraction: number;\n  /** Blended fraction: follows live playback when idle, drag position when dragging. */\n  displayFraction: number;\n  isDragging: boolean;\n  onPointerDown: (event: ReactPointerEvent<HTMLElement>) => void;\n};\n\nfunction clamp01(value: number): number {\n  return Math.max(0, Math.min(1, value));\n}\n\nexport function useSeekDrag(duration: number): SeekDragState {\n  const media = useGingerMedia();\n  const playback = useGingerPlayback();\n  const { seek } = media;\n  const [fraction, setFraction] = useState(0);\n  const [isDragging, setIsDragging] = useState(false);\n\n  const liveFraction = progressFraction(gingerStateFromContextValues(playback, media));\n  const displayFraction = isDragging ? fraction : liveFraction;\n\n  const onPointerDown = useCallback(\n    (event: ReactPointerEvent<HTMLElement>) => {\n      if (!(duration > 0)) return;\n      const target = event.currentTarget;\n      const rect = target.getBoundingClientRect();\n      const update = (clientX: number) => {\n        const ratio = clamp01((clientX - rect.left) / rect.width);\n        setFraction(ratio);\n        seek(ratio * duration);\n      };\n      setIsDragging(true);\n      target.setPointerCapture(event.pointerId);\n      update(event.clientX);\n      const onMove = (moveEvent: PointerEvent) => update(moveEvent.clientX);\n      const onUp = (upEvent: PointerEvent) => {\n        update(upEvent.clientX);\n        setIsDragging(false);\n        target.releasePointerCapture(event.pointerId);\n        target.removeEventListener(\"pointermove\", onMove);\n        target.removeEventListener(\"pointerup\", onUp);\n        target.removeEventListener(\"pointercancel\", onUp);\n      };\n      target.addEventListener(\"pointermove\", onMove);\n      target.addEventListener(\"pointerup\", onUp);\n      target.addEventListener(\"pointercancel\", onUp);\n    },\n    [duration, seek],\n  );\n\n  return { fraction, displayFraction, isDragging, onPointerDown };\n}\n"],"names":["useGinger","pb","useGingerPlayback","md","useGingerMedia","useMemo","state","gingerStateFromContextValues","getCurrentTrack","derivePlaybackUiState","effectiveDuration","effectiveRemaining","progressFraction","resolvedArtwork","resolvedAlbumLine","useGingerKeyboardShortcuts","enabled","bindings","togglePlayPause","next","prev","toggleMute","muteBinding","useEffect","playPause","nextKey","prevKey","muteKey","onKeyDown","event","target","key","useGingerChapters","tracks","currentIndex","currentTime","seek","list","_a","item","a","b","activeIndex","i","index","chapter","lrcTag","parseLrc","lrc","lines","rawLine","matches","text","m","minutes","seconds","millis","time","useGingerLyricsSync","currentTrack","line","useGingerSleepTimer","options","durationMs","stopAfterTracks","respectPause","onFire","pause","isPaused","remainingTracksRef","useRef","prevIndexRef","id","useGingerDebugLog","useGingerState","prevRef","clamp01","value","useSeekDrag","duration","media","playback","fraction","setFraction","useState","isDragging","setIsDragging","liveFraction","displayFraction","onPointerDown","useCallback","rect","update","clientX","ratio","onMove","moveEvent","onUp","upEvent"],"mappings":"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"}

package/dist/waveform/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react");function M(a,o=64){const[g,t]=h.useState({peaks:[],isLoading:!1,error:null});return h.useEffect(()=>{if(!a){t({peaks:[],isLoading:!1,error:null});return}let s=!1;return t(e=>({...e,isLoading:!0,error:null})),(async()=>{try{const p=await(await fetch(a)).arrayBuffer(),c=new AudioContext,r=(await c.decodeAudioData(p)).getChannelData(0),l=Math.max(1,Math.floor(r.length/o)),f=[];for(let n=0;n<o;n+=1){let i=0;const d=n*l,m=Math.min(r.length,d+l);for(let u=d;u<m;u+=1)i=Math.max(i,Math.abs(r[u]??0));f.push(i)}await c.close(),s||t({peaks:f,isLoading:!1,error:null})}catch(e){s||t({peaks:[],isLoading:!1,error:e instanceof Error?e.message:"Failed to decode peaks"})}})(),()=>{s=!0}},[o,a]),g}exports.useAudioPeaks=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react");function k(a,o=64){const[g,t]=h.useState({peaks:[],isLoading:!1,error:null});return h.useEffect(()=>{if(!a){t({peaks:[],isLoading:!1,error:null});return}let r=!1;return t(e=>({...e,isLoading:!0,error:null})),(async()=>{try{const e=await fetch(a);if(!e.ok)throw new Error(`Fetch failed: ${e.status} ${e.statusText}`);const p=await e.arrayBuffer(),c=new AudioContext,s=(await c.decodeAudioData(p)).getChannelData(0),l=Math.max(1,Math.floor(s.length/o)),f=[];for(let n=0;n<o;n+=1){let i=0;const d=n*l,w=Math.min(s.length,d+l);for(let u=d;u<w;u+=1)i=Math.max(i,Math.abs(s[u]??0));f.push(i)}await c.close(),r||t({peaks:f,isLoading:!1,error:null})}catch(e){r||t({peaks:[],isLoading:!1,error:e instanceof Error?e.message:"Failed to decode peaks"})}})(),()=>{r=!0}},[o,a]),g}exports.useAudioPeaks=k;
 //# sourceMappingURL=index.cjs.map

package/dist/waveform/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/waveform/useAudioPeaks.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport type UseAudioPeaksState = {\n  peaks: number[];\n  isLoading: boolean;\n  error: string | null;\n};\n\nexport function useAudioPeaks(fileUrl: string | null | undefined, buckets = 64): UseAudioPeaksState {\n  const [state, setState] = useState<UseAudioPeaksState>({\n    peaks: [],\n    isLoading: false,\n    error: null,\n  });\n\n  useEffect(() => {\n    if (!fileUrl) {\n      setState({ peaks: [], isLoading: false, error: null });\n      return;\n    }\n    let cancelled = false;\n    setState((prev) => ({ ...prev, isLoading: true, error: null }));\n    void (async () => {\n      try {\n        const response = await fetch(fileUrl);\n        const buffer = await response.arrayBuffer();\n        const audioContext = new AudioContext();\n        const audioBuffer = await audioContext.decodeAudioData(buffer);\n        const channel = audioBuffer.getChannelData(0);\n        const step = Math.max(1, Math.floor(channel.length / buckets));\n        const peaks: number[] = [];\n        for (let i = 0; i < buckets; i += 1) {\n          let max = 0;\n          const start = i * step;\n          const end = Math.min(channel.length, start + step);\n          for (let j = start; j < end; j += 1) {\n            max = Math.max(max, Math.abs(channel[j] ?? 0));\n          }\n          peaks.push(max);\n        }\n        await audioContext.close();\n        if (!cancelled) {\n          setState({ peaks, isLoading: false, error: null });\n        }\n      } catch (error) {\n        if (!cancelled) {\n          setState({\n            peaks: [],\n            isLoading: false,\n            error: error instanceof Error ? error.message : \"Failed to decode peaks\",\n          });\n        }\n      }\n    })();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [buckets, fileUrl]);\n\n  return state;\n}\n"],"names":["useAudioPeaks","fileUrl","buckets","state","setState","useState","useEffect","cancelled","prev","buffer","audioContext","channel","step","peaks","i","max","start","end","j","error"],"mappings":"yGAQO,SAASA,EAAcC,EAAoCC,EAAU,GAAwB,CAClG,KAAM,CAACC,EAAOC,CAAQ,EAAIC,WAA6B,CACrD,MAAO,CAAA,EACP,UAAW,GACX,MAAO,IAAA,CACR,EAEDC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACL,EAAS,CACZG,EAAS,CAAE,MAAO,CAAA,EAAI,UAAW,GAAO,MAAO,KAAM,EACrD,MACF,CACA,IAAIG,EAAY,GAChB,OAAAH,EAAUI,IAAU,CAAE,GAAGA,EAAM,UAAW,GAAM,MAAO,IAAA,EAAO,GACxD,SAAY,CAChB,GAAI,CAEF,MAAMC,EAAS,MADE,MAAM,MAAMR,CAAO,GACN,YAAA,EACxBS,EAAe,IAAI,aAEnBC,GADc,MAAMD,EAAa,gBAAgBD,CAAM,GACjC,eAAe,CAAC,EACtCG,EAAO,KAAK,IAAI,EAAG,KAAK,MAAMD,EAAQ,OAAST,CAAO,CAAC,EACvDW,EAAkB,CAAA,EACxB,QAASC,EAAI,EAAGA,EAAIZ,EAASY,GAAK,EAAG,CACnC,IAAIC,EAAM,EACV,MAAMC,EAAQF,EAAIF,EACZK,EAAM,KAAK,IAAIN,EAAQ,OAAQK,EAAQJ,CAAI,EACjD,QAASM,EAAIF,EAAOE,EAAID,EAAKC,GAAK,EAChCH,EAAM,KAAK,IAAIA,EAAK,KAAK,IAAIJ,EAAQO,CAAC,GAAK,CAAC,CAAC,EAE/CL,EAAM,KAAKE,CAAG,CAChB,CACA,MAAML,EAAa,MAAA,EACdH,GACHH,EAAS,CAAE,MAAAS,EAAO,UAAW,GAAO,MAAO,KAAM,CAErD,OAASM,EAAO,CACTZ,GACHH,EAAS,CACP,MAAO,CAAA,EACP,UAAW,GACX,MAAOe,aAAiB,MAAQA,EAAM,QAAU,wBAAA,CACjD,CAEL,CACF,GAAA,EAEO,IAAM,CACXZ,EAAY,EACd,CACF,EAAG,CAACL,EAASD,CAAO,CAAC,EAEdE,CACT"}
+{"version":3,"file":"index.cjs","sources":["../../src/waveform/useAudioPeaks.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport type UseAudioPeaksState = {\n  peaks: number[];\n  isLoading: boolean;\n  error: string | null;\n};\n\nexport function useAudioPeaks(fileUrl: string | null | undefined, buckets = 64): UseAudioPeaksState {\n  const [state, setState] = useState<UseAudioPeaksState>({\n    peaks: [],\n    isLoading: false,\n    error: null,\n  });\n\n  useEffect(() => {\n    if (!fileUrl) {\n      setState({ peaks: [], isLoading: false, error: null });\n      return;\n    }\n    let cancelled = false;\n    setState((prev) => ({ ...prev, isLoading: true, error: null }));\n    void (async () => {\n      try {\n        const response = await fetch(fileUrl);\n        if (!response.ok) throw new Error(`Fetch failed: ${response.status} ${response.statusText}`);\n        const buffer = await response.arrayBuffer();\n        const audioContext = new AudioContext();\n        const audioBuffer = await audioContext.decodeAudioData(buffer);\n        const channel = audioBuffer.getChannelData(0);\n        const step = Math.max(1, Math.floor(channel.length / buckets));\n        const peaks: number[] = [];\n        for (let i = 0; i < buckets; i += 1) {\n          let max = 0;\n          const start = i * step;\n          const end = Math.min(channel.length, start + step);\n          for (let j = start; j < end; j += 1) {\n            max = Math.max(max, Math.abs(channel[j] ?? 0));\n          }\n          peaks.push(max);\n        }\n        await audioContext.close();\n        if (!cancelled) {\n          setState({ peaks, isLoading: false, error: null });\n        }\n      } catch (error) {\n        if (!cancelled) {\n          setState({\n            peaks: [],\n            isLoading: false,\n            error: error instanceof Error ? error.message : \"Failed to decode peaks\",\n          });\n        }\n      }\n    })();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [buckets, fileUrl]);\n\n  return state;\n}\n"],"names":["useAudioPeaks","fileUrl","buckets","state","setState","useState","useEffect","cancelled","prev","response","buffer","audioContext","channel","step","peaks","i","max","start","end","j","error"],"mappings":"yGAQO,SAASA,EAAcC,EAAoCC,EAAU,GAAwB,CAClG,KAAM,CAACC,EAAOC,CAAQ,EAAIC,WAA6B,CACrD,MAAO,CAAA,EACP,UAAW,GACX,MAAO,IAAA,CACR,EAEDC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACL,EAAS,CACZG,EAAS,CAAE,MAAO,CAAA,EAAI,UAAW,GAAO,MAAO,KAAM,EACrD,MACF,CACA,IAAIG,EAAY,GAChB,OAAAH,EAAUI,IAAU,CAAE,GAAGA,EAAM,UAAW,GAAM,MAAO,IAAA,EAAO,GACxD,SAAY,CAChB,GAAI,CACF,MAAMC,EAAW,MAAM,MAAMR,CAAO,EACpC,GAAI,CAACQ,EAAS,GAAI,MAAM,IAAI,MAAM,iBAAiBA,EAAS,MAAM,IAAIA,EAAS,UAAU,EAAE,EAC3F,MAAMC,EAAS,MAAMD,EAAS,YAAA,EACxBE,EAAe,IAAI,aAEnBC,GADc,MAAMD,EAAa,gBAAgBD,CAAM,GACjC,eAAe,CAAC,EACtCG,EAAO,KAAK,IAAI,EAAG,KAAK,MAAMD,EAAQ,OAASV,CAAO,CAAC,EACvDY,EAAkB,CAAA,EACxB,QAASC,EAAI,EAAGA,EAAIb,EAASa,GAAK,EAAG,CACnC,IAAIC,EAAM,EACV,MAAMC,EAAQF,EAAIF,EACZK,EAAM,KAAK,IAAIN,EAAQ,OAAQK,EAAQJ,CAAI,EACjD,QAASM,EAAIF,EAAOE,EAAID,EAAKC,GAAK,EAChCH,EAAM,KAAK,IAAIA,EAAK,KAAK,IAAIJ,EAAQO,CAAC,GAAK,CAAC,CAAC,EAE/CL,EAAM,KAAKE,CAAG,CAChB,CACA,MAAML,EAAa,MAAA,EACdJ,GACHH,EAAS,CAAE,MAAAU,EAAO,UAAW,GAAO,MAAO,KAAM,CAErD,OAASM,EAAO,CACTb,GACHH,EAAS,CACP,MAAO,CAAA,EACP,UAAW,GACX,MAAOgB,aAAiB,MAAQA,EAAM,QAAU,wBAAA,CACjD,CAEL,CACF,GAAA,EAEO,IAAM,CACXb,EAAY,EACd,CACF,EAAG,CAACL,EAASD,CAAO,CAAC,EAEdE,CACT"}

package/dist/waveform/index.js

@@ -1,29 +1,31 @@
-import { useState as m, useEffect as x } from "react";
-function M(t, o = 64) {
-  const [h, a] = m({
+import { useState as m, useEffect as w } from "react";
+function L(a, o = 64) {
+  const [h, t] = m({
     peaks: [],
     isLoading: !1,
     error: null
   });
-  return x(() => {
-    if (!t) {
-      a({ peaks: [], isLoading: !1, error: null });
+  return w(() => {
+    if (!a) {
+      t({ peaks: [], isLoading: !1, error: null });
       return;
     }
     let r = !1;
-    return a((e) => ({ ...e, isLoading: !0, error: null })), (async () => {
+    return t((e) => ({ ...e, isLoading: !0, error: null })), (async () => {
       try {
-        const p = await (await fetch(t)).arrayBuffer(), l = new AudioContext(), s = (await l.decodeAudioData(p)).getChannelData(0), u = Math.max(1, Math.floor(s.length / o)), c = [];
+        const e = await fetch(a);
+        if (!e.ok) throw new Error(`Fetch failed: ${e.status} ${e.statusText}`);
+        const p = await e.arrayBuffer(), u = new AudioContext(), s = (await u.decodeAudioData(p)).getChannelData(0), l = Math.max(1, Math.floor(s.length / o)), c = [];
         for (let n = 0; n < o; n += 1) {
           let i = 0;
-          const d = n * u, g = Math.min(s.length, d + u);
+          const d = n * l, g = Math.min(s.length, d + l);
           for (let f = d; f < g; f += 1)
             i = Math.max(i, Math.abs(s[f] ?? 0));
           c.push(i);
         }
-        await l.close(), r || a({ peaks: c, isLoading: !1, error: null });
+        await u.close(), r || t({ peaks: c, isLoading: !1, error: null });
       } catch (e) {
-        r || a({
+        r || t({
           peaks: [],
           isLoading: !1,
           error: e instanceof Error ? e.message : "Failed to decode peaks"
@@ -32,9 +34,9 @@ function M(t, o = 64) {
     })(), () => {
       r = !0;
     };
-  }, [o, t]), h;
+  }, [o, a]), h;
 }
 export {
-  M as useAudioPeaks
+  L as useAudioPeaks
 };
 //# sourceMappingURL=index.js.map

package/dist/waveform/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/waveform/useAudioPeaks.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport type UseAudioPeaksState = {\n  peaks: number[];\n  isLoading: boolean;\n  error: string | null;\n};\n\nexport function useAudioPeaks(fileUrl: string | null | undefined, buckets = 64): UseAudioPeaksState {\n  const [state, setState] = useState<UseAudioPeaksState>({\n    peaks: [],\n    isLoading: false,\n    error: null,\n  });\n\n  useEffect(() => {\n    if (!fileUrl) {\n      setState({ peaks: [], isLoading: false, error: null });\n      return;\n    }\n    let cancelled = false;\n    setState((prev) => ({ ...prev, isLoading: true, error: null }));\n    void (async () => {\n      try {\n        const response = await fetch(fileUrl);\n        const buffer = await response.arrayBuffer();\n        const audioContext = new AudioContext();\n        const audioBuffer = await audioContext.decodeAudioData(buffer);\n        const channel = audioBuffer.getChannelData(0);\n        const step = Math.max(1, Math.floor(channel.length / buckets));\n        const peaks: number[] = [];\n        for (let i = 0; i < buckets; i += 1) {\n          let max = 0;\n          const start = i * step;\n          const end = Math.min(channel.length, start + step);\n          for (let j = start; j < end; j += 1) {\n            max = Math.max(max, Math.abs(channel[j] ?? 0));\n          }\n          peaks.push(max);\n        }\n        await audioContext.close();\n        if (!cancelled) {\n          setState({ peaks, isLoading: false, error: null });\n        }\n      } catch (error) {\n        if (!cancelled) {\n          setState({\n            peaks: [],\n            isLoading: false,\n            error: error instanceof Error ? error.message : \"Failed to decode peaks\",\n          });\n        }\n      }\n    })();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [buckets, fileUrl]);\n\n  return state;\n}\n"],"names":["useAudioPeaks","fileUrl","buckets","state","setState","useState","useEffect","cancelled","prev","buffer","audioContext","channel","step","peaks","i","max","start","end","j","error"],"mappings":";AAQO,SAASA,EAAcC,GAAoCC,IAAU,IAAwB;AAClG,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAA6B;AAAA,IACrD,OAAO,CAAA;AAAA,IACP,WAAW;AAAA,IACX,OAAO;AAAA,EAAA,CACR;AAED,SAAAC,EAAU,MAAM;AACd,QAAI,CAACL,GAAS;AACZ,MAAAG,EAAS,EAAE,OAAO,CAAA,GAAI,WAAW,IAAO,OAAO,MAAM;AACrD;AAAA,IACF;AACA,QAAIG,IAAY;AAChB,WAAAH,EAAS,CAACI,OAAU,EAAE,GAAGA,GAAM,WAAW,IAAM,OAAO,KAAA,EAAO,IACxD,YAAY;AAChB,UAAI;AAEF,cAAMC,IAAS,OADE,MAAM,MAAMR,CAAO,GACN,YAAA,GACxBS,IAAe,IAAI,aAAA,GAEnBC,KADc,MAAMD,EAAa,gBAAgBD,CAAM,GACjC,eAAe,CAAC,GACtCG,IAAO,KAAK,IAAI,GAAG,KAAK,MAAMD,EAAQ,SAAST,CAAO,CAAC,GACvDW,IAAkB,CAAA;AACxB,iBAASC,IAAI,GAAGA,IAAIZ,GAASY,KAAK,GAAG;AACnC,cAAIC,IAAM;AACV,gBAAMC,IAAQF,IAAIF,GACZK,IAAM,KAAK,IAAIN,EAAQ,QAAQK,IAAQJ,CAAI;AACjD,mBAASM,IAAIF,GAAOE,IAAID,GAAKC,KAAK;AAChC,YAAAH,IAAM,KAAK,IAAIA,GAAK,KAAK,IAAIJ,EAAQO,CAAC,KAAK,CAAC,CAAC;AAE/C,UAAAL,EAAM,KAAKE,CAAG;AAAA,QAChB;AACA,cAAML,EAAa,MAAA,GACdH,KACHH,EAAS,EAAE,OAAAS,GAAO,WAAW,IAAO,OAAO,MAAM;AAAA,MAErD,SAASM,GAAO;AACd,QAAKZ,KACHH,EAAS;AAAA,UACP,OAAO,CAAA;AAAA,UACP,WAAW;AAAA,UACX,OAAOe,aAAiB,QAAQA,EAAM,UAAU;AAAA,QAAA,CACjD;AAAA,MAEL;AAAA,IACF,GAAA,GAEO,MAAM;AACX,MAAAZ,IAAY;AAAA,IACd;AAAA,EACF,GAAG,CAACL,GAASD,CAAO,CAAC,GAEdE;AACT;"}
+{"version":3,"file":"index.js","sources":["../../src/waveform/useAudioPeaks.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport type UseAudioPeaksState = {\n  peaks: number[];\n  isLoading: boolean;\n  error: string | null;\n};\n\nexport function useAudioPeaks(fileUrl: string | null | undefined, buckets = 64): UseAudioPeaksState {\n  const [state, setState] = useState<UseAudioPeaksState>({\n    peaks: [],\n    isLoading: false,\n    error: null,\n  });\n\n  useEffect(() => {\n    if (!fileUrl) {\n      setState({ peaks: [], isLoading: false, error: null });\n      return;\n    }\n    let cancelled = false;\n    setState((prev) => ({ ...prev, isLoading: true, error: null }));\n    void (async () => {\n      try {\n        const response = await fetch(fileUrl);\n        if (!response.ok) throw new Error(`Fetch failed: ${response.status} ${response.statusText}`);\n        const buffer = await response.arrayBuffer();\n        const audioContext = new AudioContext();\n        const audioBuffer = await audioContext.decodeAudioData(buffer);\n        const channel = audioBuffer.getChannelData(0);\n        const step = Math.max(1, Math.floor(channel.length / buckets));\n        const peaks: number[] = [];\n        for (let i = 0; i < buckets; i += 1) {\n          let max = 0;\n          const start = i * step;\n          const end = Math.min(channel.length, start + step);\n          for (let j = start; j < end; j += 1) {\n            max = Math.max(max, Math.abs(channel[j] ?? 0));\n          }\n          peaks.push(max);\n        }\n        await audioContext.close();\n        if (!cancelled) {\n          setState({ peaks, isLoading: false, error: null });\n        }\n      } catch (error) {\n        if (!cancelled) {\n          setState({\n            peaks: [],\n            isLoading: false,\n            error: error instanceof Error ? error.message : \"Failed to decode peaks\",\n          });\n        }\n      }\n    })();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [buckets, fileUrl]);\n\n  return state;\n}\n"],"names":["useAudioPeaks","fileUrl","buckets","state","setState","useState","useEffect","cancelled","prev","response","buffer","audioContext","channel","step","peaks","i","max","start","end","j","error"],"mappings":";AAQO,SAASA,EAAcC,GAAoCC,IAAU,IAAwB;AAClG,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAA6B;AAAA,IACrD,OAAO,CAAA;AAAA,IACP,WAAW;AAAA,IACX,OAAO;AAAA,EAAA,CACR;AAED,SAAAC,EAAU,MAAM;AACd,QAAI,CAACL,GAAS;AACZ,MAAAG,EAAS,EAAE,OAAO,CAAA,GAAI,WAAW,IAAO,OAAO,MAAM;AACrD;AAAA,IACF;AACA,QAAIG,IAAY;AAChB,WAAAH,EAAS,CAACI,OAAU,EAAE,GAAGA,GAAM,WAAW,IAAM,OAAO,KAAA,EAAO,IACxD,YAAY;AAChB,UAAI;AACF,cAAMC,IAAW,MAAM,MAAMR,CAAO;AACpC,YAAI,CAACQ,EAAS,GAAI,OAAM,IAAI,MAAM,iBAAiBA,EAAS,MAAM,IAAIA,EAAS,UAAU,EAAE;AAC3F,cAAMC,IAAS,MAAMD,EAAS,YAAA,GACxBE,IAAe,IAAI,aAAA,GAEnBC,KADc,MAAMD,EAAa,gBAAgBD,CAAM,GACjC,eAAe,CAAC,GACtCG,IAAO,KAAK,IAAI,GAAG,KAAK,MAAMD,EAAQ,SAASV,CAAO,CAAC,GACvDY,IAAkB,CAAA;AACxB,iBAASC,IAAI,GAAGA,IAAIb,GAASa,KAAK,GAAG;AACnC,cAAIC,IAAM;AACV,gBAAMC,IAAQF,IAAIF,GACZK,IAAM,KAAK,IAAIN,EAAQ,QAAQK,IAAQJ,CAAI;AACjD,mBAASM,IAAIF,GAAOE,IAAID,GAAKC,KAAK;AAChC,YAAAH,IAAM,KAAK,IAAIA,GAAK,KAAK,IAAIJ,EAAQO,CAAC,KAAK,CAAC,CAAC;AAE/C,UAAAL,EAAM,KAAKE,CAAG;AAAA,QAChB;AACA,cAAML,EAAa,MAAA,GACdJ,KACHH,EAAS,EAAE,OAAAU,GAAO,WAAW,IAAO,OAAO,MAAM;AAAA,MAErD,SAASM,GAAO;AACd,QAAKb,KACHH,EAAS;AAAA,UACP,OAAO,CAAA;AAAA,UACP,WAAW;AAAA,UACX,OAAOgB,aAAiB,QAAQA,EAAM,UAAU;AAAA,QAAA,CACjD;AAAA,MAEL;AAAA,IACF,GAAA,GAEO,MAAM;AACX,MAAAb,IAAY;AAAA,IACd;AAAA,EACF,GAAG,CAACL,GAASD,CAAO,CAAC,GAEdE;AACT;"}

package/dist/waveform/useAudioPeaks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAudioPeaks.d.ts","sourceRoot":"","sources":["../../src/waveform/useAudioPeaks.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,OAAO,SAAK,GAAG,kBAAkB,CAqDlG"}
+{"version":3,"file":"useAudioPeaks.d.ts","sourceRoot":"","sources":["../../src/waveform/useAudioPeaks.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,OAAO,SAAK,GAAG,kBAAkB,CAsDlG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lucaismyname/ginger",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "A headless React audio player",
   "type": "module",
   "sideEffects": false,
@@ -58,6 +58,7 @@
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react": "^4.3.4",
+    "jsdom": "^29.0.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "typescript": "^5.6.3",