@lucaismyname/ginger 0.0.54 → 0.0.56

package/dist/crossfade/index.js

@@ -1,124 +1,141 @@
-import { useState as S, useRef as U, useCallback as L, useEffect as h } from "react";
-import { b as W, u as z } from "../GingerSplitContexts-BzBExb95.js";
-import { c as H } from "../transitions-CmNkf3sd.js";
-const w = 256;
-function Q() {
-  const r = new Float32Array(w), i = new Float32Array(w);
-  for (let o = 0; o < w; o++) {
-    const n = o / (w - 1);
-    r[o] = Math.cos(n * (Math.PI / 2)), i[o] = Math.sin(n * (Math.PI / 2));
+import { useState as W, useRef as k, useCallback as ee, useEffect as y } from "react";
+import { c as te, u as ne } from "../GingerSplitContexts-DQ3rESBu.js";
+import { c as re } from "../transitions-CmNkf3sd.js";
+const I = 256;
+function oe() {
+  const o = new Float32Array(I), i = new Float32Array(I);
+  for (let n = 0; n < I; n++) {
+    const t = n / (I - 1);
+    o[n] = Math.cos(t * (Math.PI / 2)), i[n] = Math.sin(t * (Math.PI / 2));
   }
-  return { outCurve: r, inCurve: i };
+  return { outCurve: o, inCurve: i };
 }
-function X() {
+function ie() {
   if (!(typeof window > "u"))
     return window.AudioContext ?? window.webkitAudioContext;
 }
-function j(r, i) {
-  const o = X();
-  if (!o)
+function ae(o, i) {
+  const n = ie();
+  if (!n)
     throw new Error(
       "[@lucaismyname/ginger/crossfade] Web Audio API is not available in this environment."
     );
-  const n = new o(), c = n.createMediaElementSource(r), u = n.createMediaElementSource(i), t = n.createGain(), s = n.createGain();
-  return t.gain.value = 1, s.gain.value = 0, c.connect(t), t.connect(n.destination), u.connect(s), s.connect(n.destination), { context: n, outGain: t, inGain: s, outSource: c, inSource: u };
+  const t = new n(), c = t.createMediaElementSource(o), u = t.createMediaElementSource(i), r = t.createGain(), a = t.createGain();
+  return r.gain.value = 1, a.gain.value = 0, c.connect(r), r.connect(t.destination), u.connect(a), a.connect(t.destination), { context: t, outGain: r, inGain: a, outSource: c, inSource: u };
 }
-function B(r, i, o) {
-  const { context: n, outGain: c, inGain: u } = r, t = n.currentTime, s = t + i;
-  if (o === "equal-power") {
-    const { outCurve: f, inCurve: g } = Q();
-    c.gain.setValueCurveAtTime(f, t, i), u.gain.setValueCurveAtTime(g, t, i);
+function se(o, i, n) {
+  const { context: t, outGain: c, inGain: u } = o, r = t.currentTime, a = r + i;
+  if (n === "equal-power") {
+    const { outCurve: p, inCurve: g } = oe();
+    c.gain.setValueCurveAtTime(p, r, i), u.gain.setValueCurveAtTime(g, r, i);
   } else
-    c.gain.setValueAtTime(1, t), c.gain.linearRampToValueAtTime(0, s), u.gain.setValueAtTime(0, t), u.gain.linearRampToValueAtTime(1, s);
+    c.gain.setValueAtTime(1, r), c.gain.linearRampToValueAtTime(0, a), u.gain.setValueAtTime(0, r), u.gain.linearRampToValueAtTime(1, a);
 }
-function _(r) {
-  const i = [r.outSource, r.inSource, r.outGain, r.inGain];
-  for (const o of i)
+function z(o) {
+  const i = [o.outSource, o.inSource, o.outGain, o.inGain];
+  for (const n of i)
     try {
-      o.disconnect();
+      n.disconnect();
     } catch {
     }
-  r.context.close();
+  o.context.close();
 }
-function Z(r = {}) {
-  const { duration: i = 3, curve: o = "equal-power", crossOrigin: n, enabled: c = !0 } = r, { tracks: u, currentIndex: t, isPaused: s, repeatMode: f, playbackMode: g, dispatch: I } = W(), { currentTime: M, duration: b, audioRef: P, muted: p, volume: A } = z(), [D, T] = S(!1), [N, v] = S(0), d = U(null), y = L(() => {
+function le(o = {}) {
+  const { duration: i = 3, curve: n = "equal-power", crossOrigin: t, enabled: c = !0 } = o, { tracks: u, currentIndex: r, isPaused: a, repeatMode: p, playbackMode: g, dispatch: P } = te(), { currentTime: H, duration: Q, audioRef: R, muted: A, volume: v } = ne(), [X, b] = W(!1), [j, C] = W(0), d = k(null), h = ee(() => {
     const e = d.current;
-    e && (e.aborted = !0, clearTimeout(e.timeoutId), cancelAnimationFrame(e.rafId), _(e.graph), e.incomingAudio.pause(), e.incomingAudio.removeAttribute("src"), e.incomingAudio.load(), d.current = null, T(!1), v(0));
+    e && (e.aborted = !0, clearTimeout(e.timeoutId), cancelAnimationFrame(e.rafId), z(e.graph), e.incomingAudio.pause(), e.incomingAudio.removeAttribute("src"), e.incomingAudio.load(), d.current = null, b(!1), C(0));
   }, []);
-  return h(() => {
+  y(() => {
     const e = d.current;
-    e && (s || t !== e.startedAtIndex) && y();
-  }, [s, t, y]), h(() => () => y(), []), h(() => {
+    e && (a || r !== e.startedAtIndex) && h();
+  }, [a, r, h]), y(() => () => h(), []), y(() => {
     const e = d.current;
-    e && (e.incomingAudio.volume = A, e.incomingAudio.muted = p);
-  }, [A, p]), h(() => {
-    if (!c || d.current || s || !(b > 0)) return;
-    const e = b - M;
-    if (e > i || e <= 0) return;
-    const E = H({ tracks: u, currentIndex: t, repeatMode: f, playbackMode: g });
-    if (E.kind === "stop") return;
-    const k = E.kind === "replay_same" ? t : E.nextIndex, C = u[k];
-    if (!(C != null && C.fileUrl)) return;
-    const R = P.current;
-    if (!R) return;
-    const a = document.createElement("audio");
-    a.preload = "auto", a.volume = A, a.muted = p, n && (a.crossOrigin = n), a.src = C.fileUrl;
-    let m;
-    try {
-      m = j(R, a);
-    } catch (l) {
-      process.env.NODE_ENV !== "production" && console.warn(
-        "[@lucaismyname/ginger/crossfade] Failed to attach crossfade graph. This may be because the audio element is already connected to a Web Audio graph (e.g. via useGingerEqualizer or useGingerLiveAnalyzer). These features are incompatible with useGingerCrossfade.",
-        l
-      );
-      return;
-    }
-    m.context.resume(), a.load(), a.play().catch(() => {
-    }), B(m, e, o);
-    const V = performance.now(), G = e * 1e3;
-    T(!0), v(0);
-    let x = 0;
-    const q = () => {
-      const l = performance.now() - V, F = Math.min(1, l / G);
-      v(F), F < 1 && (x = requestAnimationFrame(q));
+    e && (e.incomingAudio.volume = v, e.incomingAudio.muted = A);
+  }, [v, A]);
+  const V = k({ currentTime: 0, trackDuration: 0 });
+  V.current = { currentTime: H, trackDuration: Q };
+  const S = k({
+    tracks: u,
+    currentIndex: r,
+    repeatMode: p,
+    playbackMode: g,
+    volume: v,
+    muted: A
+  });
+  return S.current = { tracks: u, currentIndex: r, repeatMode: p, playbackMode: g, volume: v, muted: A }, y(() => {
+    if (!c || a || typeof window > "u") return;
+    const e = 250;
+    let l = null;
+    const _ = () => {
+      if (d.current) return;
+      const { currentTime: B, trackDuration: q } = V.current;
+      if (!(q > 0)) return;
+      const w = q - B;
+      if (w > i || w <= 0) return;
+      const {
+        tracks: D,
+        currentIndex: E,
+        repeatMode: J,
+        playbackMode: K,
+        volume: Y,
+        muted: Z
+      } = S.current, x = re({
+        tracks: D,
+        currentIndex: E,
+        repeatMode: J,
+        playbackMode: K
+      });
+      if (x.kind === "stop") return;
+      const F = x.kind === "replay_same" ? E : x.nextIndex, T = D[F];
+      if (!(T != null && T.fileUrl)) return;
+      const L = R.current;
+      if (!L) return;
+      const s = document.createElement("audio");
+      s.preload = "auto", s.volume = Y, s.muted = Z, t && (s.crossOrigin = t), s.src = T.fileUrl;
+      let f;
+      try {
+        f = ae(L, s);
+      } catch (m) {
+        process.env.NODE_ENV !== "production" && console.warn(
+          "[@lucaismyname/ginger/crossfade] Failed to attach crossfade graph. This may be because the audio element is already connected to a Web Audio graph (e.g. via useGingerEqualizer or useGingerLiveAnalyzer). These features are incompatible with useGingerCrossfade.",
+          m
+        );
+        return;
+      }
+      f.context.resume(), s.load(), s.play().catch(() => {
+      }), se(f, w, n);
+      const N = performance.now(), G = w * 1e3;
+      b(!0), C(0);
+      let M = 0;
+      const O = () => {
+        const m = performance.now() - N, U = Math.min(1, m / G);
+        C(U), U < 1 && (M = requestAnimationFrame(O));
+      };
+      M = requestAnimationFrame(O);
+      const $ = setTimeout(() => {
+        const m = d.current;
+        !m || m.aborted || (P({ type: "SET_INDEX", payload: { index: F, autoPlay: !0 } }), z(f), s.pause(), s.removeAttribute("src"), s.load(), d.current = null, b(!1), C(0));
+      }, G);
+      d.current = {
+        graph: f,
+        incomingAudio: s,
+        startedAtIndex: E,
+        startTime: N,
+        fadeDurationMs: G,
+        timeoutId: $,
+        rafId: M,
+        aborted: !1
+      }, l != null && (clearInterval(l), l = null);
     };
-    x = requestAnimationFrame(q);
-    const O = setTimeout(() => {
-      const l = d.current;
-      !l || l.aborted || (I({ type: "SET_INDEX", payload: { index: k, autoPlay: !0 } }), _(m), a.pause(), a.removeAttribute("src"), a.load(), d.current = null, T(!1), v(0));
-    }, G);
-    d.current = {
-      graph: m,
-      incomingAudio: a,
-      startedAtIndex: t,
-      startTime: V,
-      fadeDurationMs: G,
-      timeoutId: O,
-      rafId: x,
-      aborted: !1
+    return l = setInterval(_, e), _(), () => {
+      l != null && clearInterval(l);
     };
-  }, [
-    c,
-    s,
-    b,
-    M,
-    i,
-    o,
-    n,
-    u,
-    t,
-    f,
-    g,
-    P,
-    A,
-    p,
-    I
-  ]), { isCrossfading: D, crossfadeProgress: N };
+  }, [c, a, i, n, t, R, P]), { isCrossfading: X, crossfadeProgress: j };
 }
 export {
-  j as attachCrossfadeGraph,
-  B as scheduleCrossfade,
-  _ as teardownCrossfadeGraph,
-  Z as useGingerCrossfade
+  ae as attachCrossfadeGraph,
+  se as scheduleCrossfade,
+  z as teardownCrossfadeGraph,
+  le as useGingerCrossfade
 };
 //# sourceMappingURL=index.js.map

package/dist/crossfade/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/crossfade/crossfadeGraph.ts","../../src/crossfade/useGingerCrossfade.ts"],"sourcesContent":["/**\n * Web Audio graph management for crossfade transitions.\n *\n * Creates a shared `AudioContext` that routes both the outgoing and incoming\n * `HTMLAudioElement` through individual `GainNode`s into the same destination.\n * Scheduling the gain ramps on both nodes produces the crossfade effect.\n *\n * **Compatibility note:** because the browser only permits one\n * `MediaElementAudioSourceNode` per `HTMLAudioElement`, this module is\n * incompatible with `liveAudioGraph`-based features (`useGingerEqualizer`,\n * `useGingerLiveAnalyzer`) on the same element. Using both simultaneously will\n * throw a `DOMException` when the second source node is requested.\n */\n\nexport type CrossfadeCurve = \"linear\" | \"equal-power\";\n\nexport type CrossfadeGraph = {\n  context: AudioContext;\n  outGain: GainNode;\n  inGain: GainNode;\n  outSource: MediaElementAudioSourceNode;\n  inSource: MediaElementAudioSourceNode;\n};\n\nconst EQUAL_POWER_CURVE_LENGTH = 256;\n\nfunction buildEqualPowerCurves(): { outCurve: Float32Array; inCurve: Float32Array } {\n  const outCurve = new Float32Array(EQUAL_POWER_CURVE_LENGTH);\n  const inCurve = new Float32Array(EQUAL_POWER_CURVE_LENGTH);\n  for (let i = 0; i < EQUAL_POWER_CURVE_LENGTH; i++) {\n    const t = i / (EQUAL_POWER_CURVE_LENGTH - 1);\n    outCurve[i] = Math.cos(t * (Math.PI / 2));\n    inCurve[i] = Math.sin(t * (Math.PI / 2));\n  }\n  return { outCurve, inCurve };\n}\n\nfunction getAudioContextCtor(): (new (options?: AudioContextOptions) => AudioContext) | undefined {\n  if (typeof window === \"undefined\") return undefined;\n  return (\n    window.AudioContext ??\n    (window as unknown as { webkitAudioContext?: typeof AudioContext }).webkitAudioContext\n  );\n}\n\n/**\n * Creates a shared `AudioContext` and connects both the outgoing and incoming\n * audio elements to it via individual `GainNode`s.\n *\n * The outgoing gain starts at 1, the incoming gain starts at 0.\n * Call `scheduleCrossfade` immediately after to begin the ramps.\n *\n * @throws `DOMException` if either element already has a `MediaElementAudioSourceNode`\n *         in another context (e.g. created by `liveAudioGraph`).\n * @throws `Error` if the Web Audio API is unavailable in this environment.\n */\nexport function attachCrossfadeGraph(\n  outgoing: HTMLAudioElement,\n  incoming: HTMLAudioElement,\n): CrossfadeGraph {\n  const Ctor = getAudioContextCtor();\n  if (!Ctor) {\n    throw new Error(\n      \"[@lucaismyname/ginger/crossfade] Web Audio API is not available in this environment.\",\n    );\n  }\n\n  const context = new Ctor();\n\n  const outSource = context.createMediaElementSource(outgoing);\n  const inSource = context.createMediaElementSource(incoming);\n\n  const outGain = context.createGain();\n  const inGain = context.createGain();\n\n  outGain.gain.value = 1;\n  inGain.gain.value = 0;\n\n  outSource.connect(outGain);\n  outGain.connect(context.destination);\n\n  inSource.connect(inGain);\n  inGain.connect(context.destination);\n\n  return { context, outGain, inGain, outSource, inSource };\n}\n\n/**\n * Schedules gain ramps on both gain nodes so that `outGain` fades from 1 → 0\n * and `inGain` fades from 0 → 1 over `durationSec` seconds starting immediately.\n *\n * For `\"equal-power\"`, a cosine/sine curve is applied via `setValueCurveAtTime`\n * to maintain consistent perceived loudness throughout the transition.\n */\nexport function scheduleCrossfade(\n  graph: CrossfadeGraph,\n  durationSec: number,\n  curve: CrossfadeCurve,\n): void {\n  const { context, outGain, inGain } = graph;\n  const startTime = context.currentTime;\n  const endTime = startTime + durationSec;\n\n  if (curve === \"equal-power\") {\n    const { outCurve, inCurve } = buildEqualPowerCurves();\n    outGain.gain.setValueCurveAtTime(outCurve, startTime, durationSec);\n    inGain.gain.setValueCurveAtTime(inCurve, startTime, durationSec);\n  } else {\n    outGain.gain.setValueAtTime(1, startTime);\n    outGain.gain.linearRampToValueAtTime(0, endTime);\n    inGain.gain.setValueAtTime(0, startTime);\n    inGain.gain.linearRampToValueAtTime(1, endTime);\n  }\n}\n\n/**\n * Disconnects all nodes and closes the `AudioContext`.\n * Safe to call multiple times; errors during disconnect are silently ignored.\n */\nexport function teardownCrossfadeGraph(graph: CrossfadeGraph): void {\n  const nodes: AudioNode[] = [graph.outSource, graph.inSource, graph.outGain, graph.inGain];\n  for (const node of nodes) {\n    try {\n      node.disconnect();\n    } catch {\n      // ignore\n    }\n  }\n  void graph.context.close();\n}\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useGingerMedia, useGingerPlayback } from \"../context/GingerSplitContexts\";\nimport { computeEndedTransition } from \"../core/transitions\";\nimport {\n  type CrossfadeCurve,\n  type CrossfadeGraph,\n  attachCrossfadeGraph,\n  scheduleCrossfade,\n  teardownCrossfadeGraph,\n} from \"./crossfadeGraph\";\n\nexport type { CrossfadeCurve };\n\nexport type UseGingerCrossfadeOptions = {\n  /**\n   * Duration of the crossfade in seconds.\n   * The hook begins the fade when `timeRemaining ≤ duration`.\n   * @default 3\n   */\n  duration?: number;\n  /**\n   * Gain curve shape applied to both gain nodes.\n   * `\"equal-power\"` uses a cosine/sine curve to maintain consistent perceived\n   * loudness; `\"linear\"` is a straight ramp that may dip slightly at the midpoint.\n   * @default \"equal-power\"\n   */\n  curve?: CrossfadeCurve;\n  /**\n   * `crossOrigin` attribute for the incoming `<audio>` element.\n   * Match this to the `crossOrigin` prop on `Ginger.Player` when serving\n   * cross-origin audio so the browser can reuse the cached resource.\n   */\n  crossOrigin?: \"\" | \"anonymous\" | \"use-credentials\";\n  /**\n   * When `false`, crossfade is completely disabled and playback falls back to\n   * the default hard-cut transition.\n   * @default true\n   */\n  enabled?: boolean;\n};\n\nexport type UseGingerCrossfadeResult = {\n  /** `true` while a crossfade transition is actively in progress. */\n  isCrossfading: boolean;\n  /**\n   * Progress of the current crossfade from `0` (start) to `1` (complete).\n   * Always `0` when idle.\n   */\n  crossfadeProgress: number;\n};\n\ntype CrossfadeSession = {\n  graph: CrossfadeGraph;\n  incomingAudio: HTMLAudioElement;\n  startedAtIndex: number;\n  startTime: number;\n  fadeDurationMs: number;\n  timeoutId: ReturnType<typeof setTimeout>;\n  rafId: number;\n  aborted: boolean;\n};\n\n/**\n * Smoothly crossfades between consecutive tracks using the Web Audio API.\n *\n * When the remaining time on the current track falls below `duration`, the hook:\n * 1. Creates a hidden `<audio>` element and begins loading the next track.\n * 2. Routes both the outgoing and incoming elements through `GainNode`s in a\n *    shared `AudioContext`.\n * 3. Schedules gain ramps so the outgoing track fades out while the incoming\n *    track fades in simultaneously.\n * 4. Dispatches `SET_INDEX` once the ramp completes so the Ginger queue\n *    advances to the new track.\n *\n * **Limitations:**\n * - Incompatible with `useGingerEqualizer` and `useGingerLiveAnalyzer` on the\n *   same element — the browser only permits one `MediaElementAudioSourceNode`\n *   per `<audio>` element.\n * - Requires a prior user gesture before `AudioContext` can be resumed (standard\n *   Web Audio policy).\n * - When `repeatMode` is `\"one\"`, the crossfade replays the same track from the\n *   beginning, matching the standard `notifyEnded` behaviour.\n *\n * Available as a subpath import:\n * ```ts\n * import { useGingerCrossfade } from \"@lucaismyname/ginger/crossfade\";\n * ```\n */\nexport function useGingerCrossfade(\n  options: UseGingerCrossfadeOptions = {},\n): UseGingerCrossfadeResult {\n  const { duration = 3, curve = \"equal-power\", crossOrigin, enabled = true } = options;\n\n  const { tracks, currentIndex, isPaused, repeatMode, playbackMode, dispatch } =\n    useGingerPlayback();\n  const { currentTime, duration: trackDuration, audioRef, muted, volume } = useGingerMedia();\n\n  const [isCrossfading, setIsCrossfading] = useState(false);\n  const [crossfadeProgress, setCrossfadeProgress] = useState(0);\n\n  const sessionRef = useRef<CrossfadeSession | null>(null);\n\n  const abort = useCallback(() => {\n    const session = sessionRef.current;\n    if (!session) return;\n    session.aborted = true;\n    clearTimeout(session.timeoutId);\n    cancelAnimationFrame(session.rafId);\n    teardownCrossfadeGraph(session.graph);\n    session.incomingAudio.pause();\n    session.incomingAudio.removeAttribute(\"src\");\n    session.incomingAudio.load();\n    sessionRef.current = null;\n    setIsCrossfading(false);\n    setCrossfadeProgress(0);\n  }, []);\n\n  // Abort if the user pauses or manually advances/changes the track mid-fade.\n  useEffect(() => {\n    const session = sessionRef.current;\n    if (!session) return;\n    if (isPaused || currentIndex !== session.startedAtIndex) {\n      abort();\n    }\n  }, [isPaused, currentIndex, abort]);\n\n  // Clean up on unmount.\n  // biome-ignore lint/correctness/useExhaustiveDependencies: abort is stable; intentional unmount-only cleanup\n  useEffect(() => () => abort(), []);\n\n  // Keep the incoming element's volume/muted in sync with Ginger state so that\n  // the user's volume control applies to the incoming track during the fade.\n  useEffect(() => {\n    const session = sessionRef.current;\n    if (!session) return;\n    session.incomingAudio.volume = volume;\n    session.incomingAudio.muted = muted;\n  }, [volume, muted]);\n\n  // Main trigger: start a crossfade when time remaining ≤ duration.\n  useEffect(() => {\n    if (!enabled) return;\n    if (sessionRef.current) return; // already in progress\n    if (isPaused) return;\n    if (!(trackDuration > 0)) return;\n\n    const timeRemaining = trackDuration - currentTime;\n    if (timeRemaining > duration || timeRemaining <= 0) return;\n\n    // Determine what comes next using the same logic as notifyEnded.\n    const transition = computeEndedTransition({ tracks, currentIndex, repeatMode, playbackMode });\n    if (transition.kind === \"stop\") return; // queue ends — nothing to crossfade into\n\n    const nextIndex = transition.kind === \"replay_same\" ? currentIndex : transition.nextIndex;\n    const nextTrack = tracks[nextIndex];\n    if (!nextTrack?.fileUrl) return;\n\n    const mainEl = audioRef.current;\n    if (!mainEl) return;\n\n    // Create the incoming element before attaching the graph so that both\n    // elements are ready when createMediaElementSource is called.\n    const incomingAudio = document.createElement(\"audio\");\n    incomingAudio.preload = \"auto\";\n    incomingAudio.volume = volume;\n    incomingAudio.muted = muted;\n    if (crossOrigin) incomingAudio.crossOrigin = crossOrigin;\n    incomingAudio.src = nextTrack.fileUrl;\n\n    let graph: CrossfadeGraph;\n    try {\n      graph = attachCrossfadeGraph(mainEl, incomingAudio);\n    } catch (e) {\n      if (process.env.NODE_ENV !== \"production\") {\n        console.warn(\n          \"[@lucaismyname/ginger/crossfade] Failed to attach crossfade graph. \" +\n            \"This may be because the audio element is already connected to a Web Audio graph \" +\n            \"(e.g. via useGingerEqualizer or useGingerLiveAnalyzer). \" +\n            \"These features are incompatible with useGingerCrossfade.\",\n          e,\n        );\n      }\n      return;\n    }\n\n    // Browsers suspend AudioContext until a user gesture has occurred.\n    void graph.context.resume();\n\n    incomingAudio.load();\n    void incomingAudio.play().catch(() => {\n      // Autoplay may be blocked; the gain ramps continue regardless and the\n      // incoming audio will play once the browser permits it.\n    });\n\n    scheduleCrossfade(graph, timeRemaining, curve);\n\n    const startTime = performance.now();\n    const fadeDurationMs = timeRemaining * 1000;\n\n    setIsCrossfading(true);\n    setCrossfadeProgress(0);\n\n    // rAF loop: drive crossfadeProgress for consumers (visualisers, UI indicators).\n    let rafId = 0;\n    const tick = () => {\n      const elapsed = performance.now() - startTime;\n      const progress = Math.min(1, elapsed / fadeDurationMs);\n      setCrossfadeProgress(progress);\n      if (progress < 1) {\n        rafId = requestAnimationFrame(tick);\n      }\n    };\n    rafId = requestAnimationFrame(tick);\n\n    // Once the gain ramps complete, advance the Ginger queue.\n    const timeoutId = setTimeout(() => {\n      const session = sessionRef.current;\n      if (!session || session.aborted) return;\n\n      // GingerPlayer will swap the src on the main element and resume playback.\n      dispatch({ type: \"SET_INDEX\", payload: { index: nextIndex, autoPlay: true } });\n\n      teardownCrossfadeGraph(graph);\n      incomingAudio.pause();\n      incomingAudio.removeAttribute(\"src\");\n      incomingAudio.load();\n\n      sessionRef.current = null;\n      setIsCrossfading(false);\n      setCrossfadeProgress(0);\n    }, fadeDurationMs);\n\n    sessionRef.current = {\n      graph,\n      incomingAudio,\n      startedAtIndex: currentIndex,\n      startTime,\n      fadeDurationMs,\n      timeoutId,\n      rafId,\n      aborted: false,\n    };\n  }, [\n    enabled,\n    isPaused,\n    trackDuration,\n    currentTime,\n    duration,\n    curve,\n    crossOrigin,\n    tracks,\n    currentIndex,\n    repeatMode,\n    playbackMode,\n    audioRef,\n    volume,\n    muted,\n    dispatch,\n  ]);\n\n  return { isCrossfading, crossfadeProgress };\n}\n"],"names":["EQUAL_POWER_CURVE_LENGTH","buildEqualPowerCurves","outCurve","inCurve","i","t","getAudioContextCtor","attachCrossfadeGraph","outgoing","incoming","Ctor","context","outSource","inSource","outGain","inGain","scheduleCrossfade","graph","durationSec","curve","startTime","endTime","teardownCrossfadeGraph","nodes","node","useGingerCrossfade","options","duration","crossOrigin","enabled","tracks","currentIndex","isPaused","repeatMode","playbackMode","dispatch","useGingerPlayback","currentTime","trackDuration","audioRef","muted","volume","useGingerMedia","isCrossfading","setIsCrossfading","useState","crossfadeProgress","setCrossfadeProgress","sessionRef","useRef","abort","useCallback","session","useEffect","timeRemaining","transition","computeEndedTransition","nextIndex","nextTrack","mainEl","incomingAudio","e","fadeDurationMs","rafId","tick","elapsed","progress","timeoutId"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/crossfade/crossfadeGraph.ts","../../src/crossfade/useGingerCrossfade.ts"],"sourcesContent":["/**\n * Web Audio graph management for crossfade transitions.\n *\n * Creates a shared `AudioContext` that routes both the outgoing and incoming\n * `HTMLAudioElement` through individual `GainNode`s into the same destination.\n * Scheduling the gain ramps on both nodes produces the crossfade effect.\n *\n * **Compatibility note:** because the browser only permits one\n * `MediaElementAudioSourceNode` per `HTMLAudioElement`, this module is\n * incompatible with `liveAudioGraph`-based features (`useGingerEqualizer`,\n * `useGingerLiveAnalyzer`) on the same element. Using both simultaneously will\n * throw a `DOMException` when the second source node is requested.\n */\n\nexport type CrossfadeCurve = \"linear\" | \"equal-power\";\n\nexport type CrossfadeGraph = {\n  context: AudioContext;\n  outGain: GainNode;\n  inGain: GainNode;\n  outSource: MediaElementAudioSourceNode;\n  inSource: MediaElementAudioSourceNode;\n};\n\nconst EQUAL_POWER_CURVE_LENGTH = 256;\n\nfunction buildEqualPowerCurves(): { outCurve: Float32Array; inCurve: Float32Array } {\n  const outCurve = new Float32Array(EQUAL_POWER_CURVE_LENGTH);\n  const inCurve = new Float32Array(EQUAL_POWER_CURVE_LENGTH);\n  for (let i = 0; i < EQUAL_POWER_CURVE_LENGTH; i++) {\n    const t = i / (EQUAL_POWER_CURVE_LENGTH - 1);\n    outCurve[i] = Math.cos(t * (Math.PI / 2));\n    inCurve[i] = Math.sin(t * (Math.PI / 2));\n  }\n  return { outCurve, inCurve };\n}\n\nfunction getAudioContextCtor(): (new (options?: AudioContextOptions) => AudioContext) | undefined {\n  if (typeof window === \"undefined\") return undefined;\n  return (\n    window.AudioContext ??\n    (window as unknown as { webkitAudioContext?: typeof AudioContext }).webkitAudioContext\n  );\n}\n\n/**\n * Creates a shared `AudioContext` and connects both the outgoing and incoming\n * audio elements to it via individual `GainNode`s.\n *\n * The outgoing gain starts at 1, the incoming gain starts at 0.\n * Call `scheduleCrossfade` immediately after to begin the ramps.\n *\n * @throws `DOMException` if either element already has a `MediaElementAudioSourceNode`\n *         in another context (e.g. created by `liveAudioGraph`).\n * @throws `Error` if the Web Audio API is unavailable in this environment.\n */\nexport function attachCrossfadeGraph(\n  outgoing: HTMLAudioElement,\n  incoming: HTMLAudioElement,\n): CrossfadeGraph {\n  const Ctor = getAudioContextCtor();\n  if (!Ctor) {\n    throw new Error(\n      \"[@lucaismyname/ginger/crossfade] Web Audio API is not available in this environment.\",\n    );\n  }\n\n  const context = new Ctor();\n\n  const outSource = context.createMediaElementSource(outgoing);\n  const inSource = context.createMediaElementSource(incoming);\n\n  const outGain = context.createGain();\n  const inGain = context.createGain();\n\n  outGain.gain.value = 1;\n  inGain.gain.value = 0;\n\n  outSource.connect(outGain);\n  outGain.connect(context.destination);\n\n  inSource.connect(inGain);\n  inGain.connect(context.destination);\n\n  return { context, outGain, inGain, outSource, inSource };\n}\n\n/**\n * Schedules gain ramps on both gain nodes so that `outGain` fades from 1 → 0\n * and `inGain` fades from 0 → 1 over `durationSec` seconds starting immediately.\n *\n * For `\"equal-power\"`, a cosine/sine curve is applied via `setValueCurveAtTime`\n * to maintain consistent perceived loudness throughout the transition.\n */\nexport function scheduleCrossfade(\n  graph: CrossfadeGraph,\n  durationSec: number,\n  curve: CrossfadeCurve,\n): void {\n  const { context, outGain, inGain } = graph;\n  const startTime = context.currentTime;\n  const endTime = startTime + durationSec;\n\n  if (curve === \"equal-power\") {\n    const { outCurve, inCurve } = buildEqualPowerCurves();\n    outGain.gain.setValueCurveAtTime(outCurve, startTime, durationSec);\n    inGain.gain.setValueCurveAtTime(inCurve, startTime, durationSec);\n  } else {\n    outGain.gain.setValueAtTime(1, startTime);\n    outGain.gain.linearRampToValueAtTime(0, endTime);\n    inGain.gain.setValueAtTime(0, startTime);\n    inGain.gain.linearRampToValueAtTime(1, endTime);\n  }\n}\n\n/**\n * Disconnects all nodes and closes the `AudioContext`.\n * Safe to call multiple times; errors during disconnect are silently ignored.\n */\nexport function teardownCrossfadeGraph(graph: CrossfadeGraph): void {\n  const nodes: AudioNode[] = [graph.outSource, graph.inSource, graph.outGain, graph.inGain];\n  for (const node of nodes) {\n    try {\n      node.disconnect();\n    } catch {\n      // ignore\n    }\n  }\n  void graph.context.close();\n}\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useGingerMedia, useGingerPlayback } from \"../context/GingerSplitContexts\";\nimport { computeEndedTransition } from \"../core/transitions\";\nimport {\n  type CrossfadeCurve,\n  type CrossfadeGraph,\n  attachCrossfadeGraph,\n  scheduleCrossfade,\n  teardownCrossfadeGraph,\n} from \"./crossfadeGraph\";\n\nexport type { CrossfadeCurve };\n\nexport type UseGingerCrossfadeOptions = {\n  /**\n   * Duration of the crossfade in seconds.\n   * The hook begins the fade when `timeRemaining ≤ duration`.\n   * @default 3\n   */\n  duration?: number;\n  /**\n   * Gain curve shape applied to both gain nodes.\n   * `\"equal-power\"` uses a cosine/sine curve to maintain consistent perceived\n   * loudness; `\"linear\"` is a straight ramp that may dip slightly at the midpoint.\n   * @default \"equal-power\"\n   */\n  curve?: CrossfadeCurve;\n  /**\n   * `crossOrigin` attribute for the incoming `<audio>` element.\n   * Match this to the `crossOrigin` prop on `Ginger.Player` when serving\n   * cross-origin audio so the browser can reuse the cached resource.\n   */\n  crossOrigin?: \"\" | \"anonymous\" | \"use-credentials\";\n  /**\n   * When `false`, crossfade is completely disabled and playback falls back to\n   * the default hard-cut transition.\n   * @default true\n   */\n  enabled?: boolean;\n};\n\nexport type UseGingerCrossfadeResult = {\n  /** `true` while a crossfade transition is actively in progress. */\n  isCrossfading: boolean;\n  /**\n   * Progress of the current crossfade from `0` (start) to `1` (complete).\n   * Always `0` when idle.\n   */\n  crossfadeProgress: number;\n};\n\ntype CrossfadeSession = {\n  graph: CrossfadeGraph;\n  incomingAudio: HTMLAudioElement;\n  startedAtIndex: number;\n  startTime: number;\n  fadeDurationMs: number;\n  timeoutId: ReturnType<typeof setTimeout>;\n  rafId: number;\n  aborted: boolean;\n};\n\n/**\n * Smoothly crossfades between consecutive tracks using the Web Audio API.\n *\n * When the remaining time on the current track falls below `duration`, the hook:\n * 1. Creates a hidden `<audio>` element and begins loading the next track.\n * 2. Routes both the outgoing and incoming elements through `GainNode`s in a\n *    shared `AudioContext`.\n * 3. Schedules gain ramps so the outgoing track fades out while the incoming\n *    track fades in simultaneously.\n * 4. Dispatches `SET_INDEX` once the ramp completes so the Ginger queue\n *    advances to the new track.\n *\n * **Limitations:**\n * - Incompatible with `useGingerEqualizer` and `useGingerLiveAnalyzer` on the\n *   same element — the browser only permits one `MediaElementAudioSourceNode`\n *   per `<audio>` element.\n * - Requires a prior user gesture before `AudioContext` can be resumed (standard\n *   Web Audio policy).\n * - When `repeatMode` is `\"one\"`, the crossfade replays the same track from the\n *   beginning, matching the standard `notifyEnded` behaviour.\n *\n * Available as a subpath import:\n * ```ts\n * import { useGingerCrossfade } from \"@lucaismyname/ginger/crossfade\";\n * ```\n */\nexport function useGingerCrossfade(\n  options: UseGingerCrossfadeOptions = {},\n): UseGingerCrossfadeResult {\n  const { duration = 3, curve = \"equal-power\", crossOrigin, enabled = true } = options;\n\n  const { tracks, currentIndex, isPaused, repeatMode, playbackMode, dispatch } =\n    useGingerPlayback();\n  const { currentTime, duration: trackDuration, audioRef, muted, volume } = useGingerMedia();\n\n  const [isCrossfading, setIsCrossfading] = useState(false);\n  const [crossfadeProgress, setCrossfadeProgress] = useState(0);\n\n  const sessionRef = useRef<CrossfadeSession | null>(null);\n\n  const abort = useCallback(() => {\n    const session = sessionRef.current;\n    if (!session) return;\n    session.aborted = true;\n    clearTimeout(session.timeoutId);\n    cancelAnimationFrame(session.rafId);\n    teardownCrossfadeGraph(session.graph);\n    session.incomingAudio.pause();\n    session.incomingAudio.removeAttribute(\"src\");\n    session.incomingAudio.load();\n    sessionRef.current = null;\n    setIsCrossfading(false);\n    setCrossfadeProgress(0);\n  }, []);\n\n  // Abort if the user pauses or manually advances/changes the track mid-fade.\n  useEffect(() => {\n    const session = sessionRef.current;\n    if (!session) return;\n    if (isPaused || currentIndex !== session.startedAtIndex) {\n      abort();\n    }\n  }, [isPaused, currentIndex, abort]);\n\n  // Clean up on unmount.\n  // biome-ignore lint/correctness/useExhaustiveDependencies: abort is stable; intentional unmount-only cleanup\n  useEffect(() => () => abort(), []);\n\n  // Keep the incoming element's volume/muted in sync with Ginger state so that\n  // the user's volume control applies to the incoming track during the fade.\n  useEffect(() => {\n    const session = sessionRef.current;\n    if (!session) return;\n    session.incomingAudio.volume = volume;\n    session.incomingAudio.muted = muted;\n  }, [volume, muted]);\n\n  // Refs for polling-based crossfade trigger (avoids re-running the effect on every time tick).\n  const mediaRef = useRef({ currentTime: 0, trackDuration: 0 });\n  mediaRef.current = { currentTime, trackDuration };\n\n  const crossfadeConfigRef = useRef({\n    tracks,\n    currentIndex,\n    repeatMode,\n    playbackMode,\n    volume,\n    muted,\n  });\n  crossfadeConfigRef.current = { tracks, currentIndex, repeatMode, playbackMode, volume, muted };\n\n  // Main trigger: poll at a reasonable interval to detect when crossfade should start.\n  useEffect(() => {\n    if (!enabled || isPaused || typeof window === \"undefined\") return;\n\n    const POLL_INTERVAL_MS = 250;\n    let pollId: ReturnType<typeof setInterval> | null = null;\n\n    const tryStartCrossfade = () => {\n      if (sessionRef.current) return;\n\n      const { currentTime: ct, trackDuration: td } = mediaRef.current;\n      if (!(td > 0)) return;\n\n      const timeRemaining = td - ct;\n      if (timeRemaining > duration || timeRemaining <= 0) return;\n\n      const {\n        tracks: tr,\n        currentIndex: ci,\n        repeatMode: rm,\n        playbackMode: pm,\n        volume: v,\n        muted: m,\n      } = crossfadeConfigRef.current;\n\n      const transition = computeEndedTransition({\n        tracks: tr,\n        currentIndex: ci,\n        repeatMode: rm,\n        playbackMode: pm,\n      });\n      if (transition.kind === \"stop\") return;\n\n      const nextIndex = transition.kind === \"replay_same\" ? ci : transition.nextIndex;\n      const nextTrack = tr[nextIndex];\n      if (!nextTrack?.fileUrl) return;\n\n      const mainEl = audioRef.current;\n      if (!mainEl) return;\n\n      const incomingAudio = document.createElement(\"audio\");\n      incomingAudio.preload = \"auto\";\n      incomingAudio.volume = v;\n      incomingAudio.muted = m;\n      if (crossOrigin) incomingAudio.crossOrigin = crossOrigin;\n      incomingAudio.src = nextTrack.fileUrl;\n\n      let graph: CrossfadeGraph;\n      try {\n        graph = attachCrossfadeGraph(mainEl, incomingAudio);\n      } catch (e) {\n        if (process.env.NODE_ENV !== \"production\") {\n          console.warn(\n            \"[@lucaismyname/ginger/crossfade] Failed to attach crossfade graph. \" +\n              \"This may be because the audio element is already connected to a Web Audio graph \" +\n              \"(e.g. via useGingerEqualizer or useGingerLiveAnalyzer). \" +\n              \"These features are incompatible with useGingerCrossfade.\",\n            e,\n          );\n        }\n        return;\n      }\n\n      void graph.context.resume();\n\n      incomingAudio.load();\n      void incomingAudio.play().catch(() => {\n        // Autoplay may be blocked; gain ramps continue regardless.\n      });\n\n      scheduleCrossfade(graph, timeRemaining, curve);\n\n      const startTime = performance.now();\n      const fadeDurationMs = timeRemaining * 1000;\n\n      setIsCrossfading(true);\n      setCrossfadeProgress(0);\n\n      let rafId = 0;\n      const tick = () => {\n        const elapsed = performance.now() - startTime;\n        const progress = Math.min(1, elapsed / fadeDurationMs);\n        setCrossfadeProgress(progress);\n        if (progress < 1) {\n          rafId = requestAnimationFrame(tick);\n        }\n      };\n      rafId = requestAnimationFrame(tick);\n\n      const timeoutId = setTimeout(() => {\n        const session = sessionRef.current;\n        if (!session || session.aborted) return;\n\n        dispatch({ type: \"SET_INDEX\", payload: { index: nextIndex, autoPlay: true } });\n\n        teardownCrossfadeGraph(graph);\n        incomingAudio.pause();\n        incomingAudio.removeAttribute(\"src\");\n        incomingAudio.load();\n\n        sessionRef.current = null;\n        setIsCrossfading(false);\n        setCrossfadeProgress(0);\n      }, fadeDurationMs);\n\n      sessionRef.current = {\n        graph,\n        incomingAudio,\n        startedAtIndex: ci,\n        startTime,\n        fadeDurationMs,\n        timeoutId,\n        rafId,\n        aborted: false,\n      };\n\n      if (pollId != null) {\n        clearInterval(pollId);\n        pollId = null;\n      }\n    };\n\n    pollId = setInterval(tryStartCrossfade, POLL_INTERVAL_MS);\n    tryStartCrossfade();\n\n    return () => {\n      if (pollId != null) clearInterval(pollId);\n    };\n  }, [enabled, isPaused, duration, curve, crossOrigin, audioRef, dispatch]);\n\n  return { isCrossfading, crossfadeProgress };\n}\n"],"names":["EQUAL_POWER_CURVE_LENGTH","buildEqualPowerCurves","outCurve","inCurve","i","getAudioContextCtor","attachCrossfadeGraph","outgoing","incoming","Ctor","context","outSource","inSource","outGain","inGain","scheduleCrossfade","graph","durationSec","curve","startTime","endTime","teardownCrossfadeGraph","nodes","node","useGingerCrossfade","options","duration","crossOrigin","enabled","tracks","currentIndex","isPaused","repeatMode","playbackMode","dispatch","useGingerPlayback","currentTime","trackDuration","audioRef","muted","volume","useGingerMedia","isCrossfading","setIsCrossfading","useState","crossfadeProgress","setCrossfadeProgress","sessionRef","useRef","abort","useCallback","session","useEffect","mediaRef","crossfadeConfigRef","POLL_INTERVAL_MS","pollId","tryStartCrossfade","ct","td","timeRemaining","tr","ci","rm","pm","v","m","transition","computeEndedTransition","nextIndex","nextTrack","mainEl","incomingAudio","e","fadeDurationMs","rafId","tick","elapsed","progress","timeoutId"],"mappings":"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"}

package/dist/crossfade/useGingerCrossfade.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGingerCrossfade.d.ts","sourceRoot":"","sources":["../../src/crossfade/useGingerCrossfade.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EAKpB,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,MAAM,MAAM,yBAAyB,GAAG;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,EAAE,GAAG,WAAW,GAAG,iBAAiB,CAAC;IACnD;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,mEAAmE;IACnE,aAAa,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC;AAaF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,GAAE,yBAA8B,GACtC,wBAAwB,CA2K1B"}
+{"version":3,"file":"useGingerCrossfade.d.ts","sourceRoot":"","sources":["../../src/crossfade/useGingerCrossfade.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EAKpB,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,MAAM,MAAM,yBAAyB,GAAG;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,EAAE,GAAG,WAAW,GAAG,iBAAiB,CAAC;IACnD;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,mEAAmE;IACnE,aAAa,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC;AAaF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,GAAE,yBAA8B,GACtC,wBAAwB,CAkM1B"}

package/dist/devtools/GingerDevtools.d.ts

@@ -0,0 +1,2 @@
+export declare function GingerDevtools(): import('react').ReactPortal | null;
+//# sourceMappingURL=GingerDevtools.d.ts.map

package/dist/devtools/GingerDevtools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GingerDevtools.d.ts","sourceRoot":"","sources":["../../src/devtools/GingerDevtools.tsx"],"names":[],"mappings":"AAoVA,wBAAgB,cAAc,uCAuJ7B"}

package/dist/devtools/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),h=require("react-dom"),x=require("../formatTime-fm_QClmG.cjs"),u="__GINGER_DEVTOOLS__";let p=0;function f(){const n=new Map,t=new Set,r=()=>{for(const g of t)g(n)};return{register(g,d){p+=1;const i={id:g,label:d.label||`Player ${p}`,state:d.state,actions:d.actions,audioSrc:d.audioSrc,registeredAt:Date.now(),updatedAt:Date.now()};n.set(g,i),r()},unregister(g){n.delete(g)&&r()},update(g,d){const i=n.get(g);i&&(i.state=d.state,i.audioSrc=d.audioSrc,i.updatedAt=Date.now(),r())},subscribe(g){return t.add(g),()=>{t.delete(g)}},getAll(){return n}}}function b(){if(typeof window>"u")throw new Error("GingerDevtools requires a browser environment.");const n=window;let t=n[u];return t||(t=f(),n[u]=t),t}const m="https://cdn.tailwindcss.com";function j(){const n=s.useRef(null);s.useEffect(()=>{if(document.querySelector(`script[src="${m}"]`))return;const t=document.createElement("script");return t.src=m,t.async=!0,document.head.appendChild(t),n.current=t,()=>{var r;(r=n.current)!=null&&r.parentNode&&n.current.parentNode.removeChild(n.current)}},[])}function y(){const[n,t]=s.useState([]);return s.useEffect(()=>{const r=b(),g=d=>{t(Array.from(d.values()))};return g(r.getAll()),r.subscribe(g)},[]),n}function v({snap:n}){const{state:t,actions:r}=n,g=t.tracks[t.currentIndex];return e.jsxs("div",{className:"ginger-dt-space-y-2",children:[e.jsx("h4",{className:"ginger-dt-text-[10px] ginger-dt-font-semibold ginger-dt-uppercase ginger-dt-tracking-wider ginger-dt-text-orange-400",children:"Playback"}),e.jsxs("div",{className:"ginger-dt-flex ginger-dt-items-center ginger-dt-gap-1.5",children:[e.jsx("button",{type:"button",onClick:r.prev,className:"ginger-dt-rounded ginger-dt-bg-neutral-700 ginger-dt-px-2 ginger-dt-py-0.5 ginger-dt-text-[11px] hover:ginger-dt-bg-neutral-600 ginger-dt-transition-colors",title:"Previous",children:"⏮"}),e.jsx("button",{type:"button",onClick:r.togglePlayPause,className:"ginger-dt-rounded ginger-dt-bg-orange-600 ginger-dt-px-3 ginger-dt-py-0.5 ginger-dt-text-[11px] ginger-dt-font-medium hover:ginger-dt-bg-orange-500 ginger-dt-transition-colors",children:t.isPaused?"▶ Play":"⏸ Pause"}),e.jsx("button",{type:"button",onClick:r.next,className:"ginger-dt-rounded ginger-dt-bg-neutral-700 ginger-dt-px-2 ginger-dt-py-0.5 ginger-dt-text-[11px] hover:ginger-dt-bg-neutral-600 ginger-dt-transition-colors",title:"Next",children:"⏭"})]}),e.jsxs("div",{className:"ginger-dt-grid ginger-dt-grid-cols-2 ginger-dt-gap-x-3 ginger-dt-gap-y-1 ginger-dt-text-[11px]",children:[e.jsx(l,{label:"Track",value:g?`${t.currentIndex+1}/${t.tracks.length}`:"—"}),e.jsx(l,{label:"Mode",value:t.playbackMode,children:e.jsx("button",{type:"button",onClick:()=>r.setPlaybackMode(t.playbackMode==="playlist"?"single":"playlist"),className:"ginger-dt-ml-1 ginger-dt-text-orange-400 hover:ginger-dt-text-orange-300 ginger-dt-text-[10px]",children:"↻"})}),e.jsx(l,{label:"Repeat",value:t.repeatMode,children:e.jsx("button",{type:"button",onClick:r.cycleRepeat,className:"ginger-dt-ml-1 ginger-dt-text-orange-400 hover:ginger-dt-text-orange-300 ginger-dt-text-[10px]",children:"↻"})}),e.jsx(l,{label:"Shuffle",value:t.isShuffled?"on":"off",children:e.jsx("button",{type:"button",onClick:r.toggleShuffle,className:"ginger-dt-ml-1 ginger-dt-text-orange-400 hover:ginger-dt-text-orange-300 ginger-dt-text-[10px]",children:"↻"})})]})]})}function N({snap:n}){const{state:t,actions:r}=n,g=s.useCallback(i=>{r.seek(Number(i.target.value))},[r]),d=s.useCallback(i=>{r.setVolume(Number(i.target.value))},[r]);return e.jsxs("div",{className:"ginger-dt-space-y-2",children:[e.jsx("h4",{className:"ginger-dt-text-[10px] ginger-dt-font-semibold ginger-dt-uppercase ginger-dt-tracking-wider ginger-dt-text-orange-400",children:"Media"}),e.jsxs("div",{children:[e.jsxs("div",{className:"ginger-dt-flex ginger-dt-items-center ginger-dt-justify-between ginger-dt-text-[11px] ginger-dt-mb-0.5",children:[e.jsx("span",{className:"ginger-dt-text-neutral-400",children:"Time"}),e.jsxs("span",{children:[x.formatMmSs(t.currentTime)," / ",x.formatMmSs(t.duration)]})]}),e.jsx("input",{type:"range",min:0,max:t.duration||0,step:.1,value:t.currentTime,onChange:g,className:"ginger-dt-w-full ginger-dt-h-1.5 ginger-dt-accent-orange-500 ginger-dt-cursor-pointer"}),e.jsx("div",{className:"ginger-dt-w-full ginger-dt-h-1 ginger-dt-bg-neutral-700 ginger-dt-rounded-full ginger-dt-mt-1 ginger-dt-overflow-hidden",children:e.jsx("div",{className:"ginger-dt-h-full ginger-dt-bg-orange-800 ginger-dt-rounded-full ginger-dt-transition-all",style:{width:`${(t.bufferedFraction*100).toFixed(1)}%`}})}),e.jsxs("div",{className:"ginger-dt-text-[10px] ginger-dt-text-neutral-500 ginger-dt-mt-0.5",children:["Buffered: ",(t.bufferedFraction*100).toFixed(1),"%",t.isBuffering&&e.jsx("span",{className:"ginger-dt-ml-2 ginger-dt-text-yellow-400",children:"● buffering"})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"ginger-dt-flex ginger-dt-items-center ginger-dt-justify-between ginger-dt-text-[11px] ginger-dt-mb-0.5",children:[e.jsx("span",{className:"ginger-dt-text-neutral-400",children:"Volume"}),e.jsxs("span",{className:"ginger-dt-flex ginger-dt-items-center ginger-dt-gap-1",children:[Math.round(t.volume*100),"%",e.jsx("button",{type:"button",onClick:r.toggleMute,className:`ginger-dt-text-[10px] ginger-dt-px-1 ginger-dt-rounded ${t.muted?"ginger-dt-bg-red-900 ginger-dt-text-red-300":"ginger-dt-bg-neutral-700 ginger-dt-text-neutral-300"}`,children:t.muted?"unmute":"mute"})]})]}),e.jsx("input",{type:"range",min:0,max:1,step:.01,value:t.volume,onChange:d,className:"ginger-dt-w-full ginger-dt-h-1.5 ginger-dt-accent-orange-500 ginger-dt-cursor-pointer"})]}),e.jsxs("div",{className:"ginger-dt-flex ginger-dt-items-center ginger-dt-gap-2 ginger-dt-text-[11px]",children:[e.jsx("span",{className:"ginger-dt-text-neutral-400",children:"Rate"}),e.jsx("div",{className:"ginger-dt-flex ginger-dt-gap-0.5",children:[.5,.75,1,1.25,1.5,2].map(i=>e.jsxs("button",{type:"button",onClick:()=>r.setPlaybackRate(i),className:`ginger-dt-px-1.5 ginger-dt-py-0.5 ginger-dt-rounded ginger-dt-text-[10px] ginger-dt-transition-colors ${t.playbackRate===i?"ginger-dt-bg-orange-600 ginger-dt-text-white":"ginger-dt-bg-neutral-700 hover:ginger-dt-bg-neutral-600 ginger-dt-text-neutral-300"}`,children:[i,"x"]},i))})]}),t.errorMessage&&e.jsx("div",{className:"ginger-dt-text-[11px] ginger-dt-text-red-400 ginger-dt-bg-red-950 ginger-dt-rounded ginger-dt-px-2 ginger-dt-py-1",children:t.errorMessage})]})}function w({snap:n}){const t=n.state.tracks[n.state.currentIndex];return t?e.jsxs("div",{className:"ginger-dt-space-y-2",children:[e.jsx("h4",{className:"ginger-dt-text-[10px] ginger-dt-font-semibold ginger-dt-uppercase ginger-dt-tracking-wider ginger-dt-text-orange-400",children:"Current Track"}),e.jsxs("div",{className:"ginger-dt-flex ginger-dt-gap-2",children:[t.artworkUrl&&e.jsx("img",{src:t.artworkUrl,alt:"",className:"ginger-dt-w-10 ginger-dt-h-10 ginger-dt-rounded ginger-dt-object-cover ginger-dt-flex-shrink-0"}),e.jsxs("div",{className:"ginger-dt-min-w-0 ginger-dt-text-[11px]",children:[e.jsx("div",{className:"ginger-dt-font-medium ginger-dt-truncate",children:t.title}),t.artist&&e.jsx("div",{className:"ginger-dt-text-neutral-400 ginger-dt-truncate",children:t.artist}),t.album&&e.jsx("div",{className:"ginger-dt-text-neutral-500 ginger-dt-truncate ginger-dt-text-[10px]",children:t.album})]})]}),e.jsxs("div",{className:"ginger-dt-grid ginger-dt-grid-cols-2 ginger-dt-gap-x-3 ginger-dt-gap-y-0.5 ginger-dt-text-[10px] ginger-dt-text-neutral-400",children:[e.jsxs("span",{children:["src: ",S(t.fileUrl)]}),t.chapters&&e.jsxs("span",{children:["chapters: ",t.chapters.length]}),t.lyricsTimed&&e.jsxs("span",{children:["lyrics: timed (",t.lyricsTimed.length,")"]}),t.lyrics&&!t.lyricsTimed&&e.jsx("span",{children:"lyrics: plain"})]})]}):e.jsxs("div",{className:"ginger-dt-space-y-2",children:[e.jsx("h4",{className:"ginger-dt-text-[10px] ginger-dt-font-semibold ginger-dt-uppercase ginger-dt-tracking-wider ginger-dt-text-orange-400",children:"Current Track"}),e.jsx("div",{className:"ginger-dt-text-[11px] ginger-dt-text-neutral-500 ginger-dt-italic",children:"No track loaded"})]})}function k({snap:n}){const{state:t,actions:r}=n;return e.jsxs("div",{className:"ginger-dt-space-y-2",children:[e.jsxs("h4",{className:"ginger-dt-text-[10px] ginger-dt-font-semibold ginger-dt-uppercase ginger-dt-tracking-wider ginger-dt-text-orange-400",children:["Queue (",t.tracks.length,")"]}),e.jsxs("div",{className:"ginger-dt-max-h-32 ginger-dt-overflow-y-auto ginger-dt-space-y-px ginger-dt-scrollbar-thin",children:[t.tracks.length===0&&e.jsx("div",{className:"ginger-dt-text-[11px] ginger-dt-text-neutral-500 ginger-dt-italic",children:"Empty queue"}),t.tracks.map((g,d)=>e.jsxs("button",{type:"button",onClick:()=>r.playTrackAt(d),className:`ginger-dt-w-full ginger-dt-text-left ginger-dt-px-2 ginger-dt-py-1 ginger-dt-rounded ginger-dt-text-[11px] ginger-dt-flex ginger-dt-items-center ginger-dt-gap-2 ginger-dt-transition-colors ${d===t.currentIndex?"ginger-dt-bg-orange-900/50 ginger-dt-text-orange-200":"hover:ginger-dt-bg-neutral-700/50 ginger-dt-text-neutral-300"}`,children:[e.jsx("span",{className:"ginger-dt-w-5 ginger-dt-text-right ginger-dt-text-[10px] ginger-dt-text-neutral-500 ginger-dt-flex-shrink-0",children:d===t.currentIndex?"▸":d+1}),e.jsx("span",{className:"ginger-dt-truncate",children:g.title}),g.artist&&e.jsx("span",{className:"ginger-dt-text-neutral-500 ginger-dt-truncate ginger-dt-text-[10px] ginger-dt-ml-auto ginger-dt-flex-shrink-0",children:g.artist})]},g.id??`${g.fileUrl}-${d}`))]})]})}function l({label:n,value:t,children:r}){return e.jsxs("div",{className:"ginger-dt-flex ginger-dt-items-center",children:[e.jsxs("span",{className:"ginger-dt-text-neutral-400",children:[n,":"]}),e.jsx("span",{className:"ginger-dt-ml-1 ginger-dt-font-mono",children:t}),r]})}function S(n,t=40){return n.length<=t?n:`…${n.slice(-t)}`}function C(){j();const n=y(),[t,r]=s.useState(!1),[g,d]=s.useState(null),i=n.find(a=>a.id===g)??n[0]??null;s.useEffect(()=>{!g&&n.length>0&&d(n[0].id),g&&!n.find(a=>a.id===g)&&n.length>0&&d(n[0].id)},[n,g]);const o=typeof document<"u"?document.body:null;return o?h.createPortal(e.jsxs("div",{style:{fontFamily:'ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace',zIndex:2147483647,position:"fixed",bottom:0,right:0},children:[!t&&e.jsxs("button",{type:"button",onClick:()=>r(!0),style:{position:"fixed",bottom:"12px",right:"12px",zIndex:2147483647,background:"#ea580c",color:"#fff",border:"none",borderRadius:"8px",padding:"6px 12px",fontSize:"12px",fontWeight:600,fontFamily:"inherit",cursor:"pointer",boxShadow:"0 4px 12px rgba(0,0,0,0.4)",display:"flex",alignItems:"center",gap:"6px"},children:[e.jsx("span",{style:{fontSize:"14px"},children:"🍊"}),"Ginger",n.length>0&&e.jsx("span",{style:{background:"rgba(255,255,255,0.2)",borderRadius:"4px",padding:"1px 5px",fontSize:"10px"},children:n.length})]}),t&&e.jsxs("div",{className:"ginger-dt-fixed ginger-dt-bottom-3 ginger-dt-right-3 ginger-dt-w-[380px] ginger-dt-max-h-[80vh] ginger-dt-bg-neutral-900 ginger-dt-text-neutral-100 ginger-dt-rounded-xl ginger-dt-shadow-2xl ginger-dt-border ginger-dt-border-neutral-700/50 ginger-dt-flex ginger-dt-flex-col ginger-dt-overflow-hidden",style:{zIndex:2147483647},children:[e.jsxs("div",{className:"ginger-dt-flex ginger-dt-items-center ginger-dt-justify-between ginger-dt-px-3 ginger-dt-py-2 ginger-dt-bg-neutral-800 ginger-dt-border-b ginger-dt-border-neutral-700/50",children:[e.jsxs("div",{className:"ginger-dt-flex ginger-dt-items-center ginger-dt-gap-2",children:[e.jsx("span",{className:"ginger-dt-text-sm",children:"🍊"}),e.jsx("span",{className:"ginger-dt-text-xs ginger-dt-font-semibold ginger-dt-tracking-wide",children:"Ginger Devtools"})]}),e.jsx("button",{type:"button",onClick:()=>r(!1),className:"ginger-dt-text-neutral-400 hover:ginger-dt-text-white ginger-dt-text-lg ginger-dt-leading-none ginger-dt-transition-colors",children:"×"})]}),n.length>1&&e.jsx("div",{className:"ginger-dt-flex ginger-dt-gap-0 ginger-dt-bg-neutral-800 ginger-dt-px-1 ginger-dt-border-b ginger-dt-border-neutral-700/50 ginger-dt-overflow-x-auto",children:n.map(a=>e.jsx("button",{type:"button",onClick:()=>d(a.id),className:`ginger-dt-px-3 ginger-dt-py-1.5 ginger-dt-text-[11px] ginger-dt-whitespace-nowrap ginger-dt-border-b-2 ginger-dt-transition-colors ${(i==null?void 0:i.id)===a.id?"ginger-dt-border-orange-500 ginger-dt-text-orange-300":"ginger-dt-border-transparent ginger-dt-text-neutral-400 hover:ginger-dt-text-neutral-200"}`,children:a.label},a.id))}),e.jsx("div",{className:"ginger-dt-flex-1 ginger-dt-overflow-y-auto ginger-dt-px-3 ginger-dt-py-3 ginger-dt-space-y-4",children:i?e.jsxs(e.Fragment,{children:[e.jsx(v,{snap:i}),e.jsx(c,{}),e.jsx(N,{snap:i}),e.jsx(c,{}),e.jsx(w,{snap:i}),e.jsx(c,{}),e.jsx(k,{snap:i})]}):e.jsxs("div",{className:"ginger-dt-text-[11px] ginger-dt-text-neutral-500 ginger-dt-text-center ginger-dt-py-8",children:["No Ginger providers detected.",e.jsx("br",{}),e.jsxs("span",{className:"ginger-dt-text-[10px]",children:["Add ","<Ginger.Provider>"," to your app."]})]})}),i&&e.jsxs("div",{className:"ginger-dt-px-3 ginger-dt-py-1.5 ginger-dt-bg-neutral-800 ginger-dt-border-t ginger-dt-border-neutral-700/50 ginger-dt-text-[10px] ginger-dt-text-neutral-500 ginger-dt-flex ginger-dt-justify-between",children:[e.jsxs("span",{children:["ID: ",i.id.slice(0,8),"…"]}),e.jsxs("span",{children:["Updated ",M(i.updatedAt)]})]})]})]}),o):null}function c(){return e.jsx("div",{className:"ginger-dt-border-t ginger-dt-border-neutral-700/30"})}function M(n){const t=Date.now()-n;return t<1e3?"just now":t<6e4?`${Math.floor(t/1e3)}s ago`:`${Math.floor(t/6e4)}m ago`}exports.GingerDevtools=C;
+//# sourceMappingURL=index.cjs.map

package/dist/devtools/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/devtools/registry.ts","../../src/devtools/GingerDevtools.tsx"],"sourcesContent":["import type { GingerState, PlaybackMode, RepeatMode } from \"../types\";\n\nexport type ProviderActions = {\n  play: () => void;\n  pause: () => void;\n  togglePlayPause: () => void;\n  next: () => void;\n  prev: () => void;\n  seek: (time: number) => void;\n  setVolume: (v: number) => void;\n  setMuted: (m: boolean) => void;\n  toggleMute: () => void;\n  setPlaybackRate: (rate: number) => void;\n  setRepeatMode: (mode: RepeatMode) => void;\n  cycleRepeat: () => void;\n  toggleShuffle: () => void;\n  playTrackAt: (index: number) => void;\n  setPlaybackMode: (mode: PlaybackMode) => void;\n};\n\nexport type ProviderSnapshot = {\n  id: string;\n  label: string;\n  state: GingerState;\n  actions: ProviderActions;\n  audioSrc: string | null;\n  registeredAt: number;\n  updatedAt: number;\n};\n\ntype RegistrationPayload = {\n  label?: string;\n  state: GingerState;\n  actions: ProviderActions;\n  audioSrc: string | null;\n};\n\ntype UpdatePayload = {\n  state: GingerState;\n  audioSrc: string | null;\n};\n\ntype Listener = (snapshots: Map<string, ProviderSnapshot>) => void;\n\nexport type DevtoolsRegistry = {\n  register: (id: string, payload: RegistrationPayload) => void;\n  unregister: (id: string) => void;\n  update: (id: string, payload: UpdatePayload) => void;\n  subscribe: (listener: Listener) => () => void;\n  getAll: () => Map<string, ProviderSnapshot>;\n};\n\nconst WINDOW_KEY = \"__GINGER_DEVTOOLS__\";\n\nlet counter = 0;\n\nfunction buildRegistry(): DevtoolsRegistry {\n  const providers = new Map<string, ProviderSnapshot>();\n  const listeners = new Set<Listener>();\n\n  const notify = () => {\n    for (const fn of listeners) {\n      fn(providers);\n    }\n  };\n\n  return {\n    register(id, payload) {\n      counter += 1;\n      const snapshot: ProviderSnapshot = {\n        id,\n        label: payload.label || `Player ${counter}`,\n        state: payload.state,\n        actions: payload.actions,\n        audioSrc: payload.audioSrc,\n        registeredAt: Date.now(),\n        updatedAt: Date.now(),\n      };\n      providers.set(id, snapshot);\n      notify();\n    },\n\n    unregister(id) {\n      if (providers.delete(id)) {\n        notify();\n      }\n    },\n\n    update(id, payload) {\n      const existing = providers.get(id);\n      if (!existing) return;\n      existing.state = payload.state;\n      existing.audioSrc = payload.audioSrc;\n      existing.updatedAt = Date.now();\n      notify();\n    },\n\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n\n    getAll() {\n      return providers;\n    },\n  };\n}\n\nexport function getRegistry(): DevtoolsRegistry | null {\n  if (typeof window === \"undefined\") return null;\n  return (\n    ((window as unknown as Record<string, unknown>)[WINDOW_KEY] as DevtoolsRegistry | null) ?? null\n  );\n}\n\nexport function ensureRegistry(): DevtoolsRegistry {\n  if (typeof window === \"undefined\") {\n    throw new Error(\"GingerDevtools requires a browser environment.\");\n  }\n  const win = window as unknown as Record<string, unknown>;\n  let reg = win[WINDOW_KEY] as DevtoolsRegistry | undefined;\n  if (!reg) {\n    reg = buildRegistry();\n    win[WINDOW_KEY] = reg;\n  }\n  return reg;\n}\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { formatMmSs } from \"../internal/formatTime\";\nimport type { ProviderSnapshot } from \"./registry\";\nimport { ensureRegistry } from \"./registry\";\n\nconst TAILWIND_CDN = \"https://cdn.tailwindcss.com\";\n\nfunction useTailwindCdn() {\n  const scriptRef = useRef<HTMLScriptElement | null>(null);\n\n  useEffect(() => {\n    if (document.querySelector(`script[src=\"${TAILWIND_CDN}\"]`)) return;\n    const script = document.createElement(\"script\");\n    script.src = TAILWIND_CDN;\n    script.async = true;\n    document.head.appendChild(script);\n    scriptRef.current = script;\n    return () => {\n      if (scriptRef.current?.parentNode) {\n        scriptRef.current.parentNode.removeChild(scriptRef.current);\n      }\n    };\n  }, []);\n}\n\nfunction useRegistrySnapshots() {\n  const [snapshots, setSnapshots] = useState<ProviderSnapshot[]>([]);\n\n  useEffect(() => {\n    const registry = ensureRegistry();\n    const sync = (map: Map<string, ProviderSnapshot>) => {\n      setSnapshots(Array.from(map.values()));\n    };\n    sync(registry.getAll());\n    return registry.subscribe(sync);\n  }, []);\n\n  return snapshots;\n}\n\n// ─── Sub-components for each section ─────────────────────────────────────────\n\nfunction PlaybackSection({ snap }: { snap: ProviderSnapshot }) {\n  const { state, actions } = snap;\n  const track = state.tracks[state.currentIndex];\n\n  return (\n    <div className=\"ginger-dt-space-y-2\">\n      <h4 className=\"ginger-dt-text-[10px] ginger-dt-font-semibold ginger-dt-uppercase ginger-dt-tracking-wider ginger-dt-text-orange-400\">\n        Playback\n      </h4>\n      <div className=\"ginger-dt-flex ginger-dt-items-center ginger-dt-gap-1.5\">\n        <button\n          type=\"button\"\n          onClick={actions.prev}\n          className=\"ginger-dt-rounded ginger-dt-bg-neutral-700 ginger-dt-px-2 ginger-dt-py-0.5 ginger-dt-text-[11px] hover:ginger-dt-bg-neutral-600 ginger-dt-transition-colors\"\n          title=\"Previous\"\n        >\n          ⏮\n        </button>\n        <button\n          type=\"button\"\n          onClick={actions.togglePlayPause}\n          className=\"ginger-dt-rounded ginger-dt-bg-orange-600 ginger-dt-px-3 ginger-dt-py-0.5 ginger-dt-text-[11px] ginger-dt-font-medium hover:ginger-dt-bg-orange-500 ginger-dt-transition-colors\"\n        >\n          {state.isPaused ? \"▶ Play\" : \"⏸ Pause\"}\n        </button>\n        <button\n          type=\"button\"\n          onClick={actions.next}\n          className=\"ginger-dt-rounded ginger-dt-bg-neutral-700 ginger-dt-px-2 ginger-dt-py-0.5 ginger-dt-text-[11px] hover:ginger-dt-bg-neutral-600 ginger-dt-transition-colors\"\n          title=\"Next\"\n        >\n          ⏭\n        </button>\n      </div>\n      <div className=\"ginger-dt-grid ginger-dt-grid-cols-2 ginger-dt-gap-x-3 ginger-dt-gap-y-1 ginger-dt-text-[11px]\">\n        <Row\n          label=\"Track\"\n          value={track ? `${state.currentIndex + 1}/${state.tracks.length}` : \"—\"}\n        />\n        <Row label=\"Mode\" value={state.playbackMode}>\n          <button\n            type=\"button\"\n            onClick={() =>\n              actions.setPlaybackMode(state.playbackMode === \"playlist\" ? \"single\" : \"playlist\")\n            }\n            className=\"ginger-dt-ml-1 ginger-dt-text-orange-400 hover:ginger-dt-text-orange-300 ginger-dt-text-[10px]\"\n          >\n            ↻\n          </button>\n        </Row>\n        <Row label=\"Repeat\" value={state.repeatMode}>\n          <button\n            type=\"button\"\n            onClick={actions.cycleRepeat}\n            className=\"ginger-dt-ml-1 ginger-dt-text-orange-400 hover:ginger-dt-text-orange-300 ginger-dt-text-[10px]\"\n          >\n            ↻\n          </button>\n        </Row>\n        <Row label=\"Shuffle\" value={state.isShuffled ? \"on\" : \"off\"}>\n          <button\n            type=\"button\"\n            onClick={actions.toggleShuffle}\n            className=\"ginger-dt-ml-1 ginger-dt-text-orange-400 hover:ginger-dt-text-orange-300 ginger-dt-text-[10px]\"\n          >\n            ↻\n          </button>\n        </Row>\n      </div>\n    </div>\n  );\n}\n\nfunction MediaSection({ snap }: { snap: ProviderSnapshot }) {\n  const { state, actions } = snap;\n\n  const handleSeek = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      actions.seek(Number(e.target.value));\n    },\n    [actions],\n  );\n\n  const handleVolume = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      actions.setVolume(Number(e.target.value));\n    },\n    [actions],\n  );\n\n  return (\n    <div className=\"ginger-dt-space-y-2\">\n      <h4 className=\"ginger-dt-text-[10px] ginger-dt-font-semibold ginger-dt-uppercase ginger-dt-tracking-wider ginger-dt-text-orange-400\">\n        Media\n      </h4>\n      {/* Seek */}\n      <div>\n        <div className=\"ginger-dt-flex ginger-dt-items-center ginger-dt-justify-between ginger-dt-text-[11px] ginger-dt-mb-0.5\">\n          <span className=\"ginger-dt-text-neutral-400\">Time</span>\n          <span>\n            {formatMmSs(state.currentTime)} / {formatMmSs(state.duration)}\n          </span>\n        </div>\n        <input\n          type=\"range\"\n          min={0}\n          max={state.duration || 0}\n          step={0.1}\n          value={state.currentTime}\n          onChange={handleSeek}\n          className=\"ginger-dt-w-full ginger-dt-h-1.5 ginger-dt-accent-orange-500 ginger-dt-cursor-pointer\"\n        />\n        {/* Buffer bar */}\n        <div className=\"ginger-dt-w-full ginger-dt-h-1 ginger-dt-bg-neutral-700 ginger-dt-rounded-full ginger-dt-mt-1 ginger-dt-overflow-hidden\">\n          <div\n            className=\"ginger-dt-h-full ginger-dt-bg-orange-800 ginger-dt-rounded-full ginger-dt-transition-all\"\n            style={{ width: `${(state.bufferedFraction * 100).toFixed(1)}%` }}\n          />\n        </div>\n        <div className=\"ginger-dt-text-[10px] ginger-dt-text-neutral-500 ginger-dt-mt-0.5\">\n          Buffered: {(state.bufferedFraction * 100).toFixed(1)}%\n          {state.isBuffering && (\n            <span className=\"ginger-dt-ml-2 ginger-dt-text-yellow-400\">● buffering</span>\n          )}\n        </div>\n      </div>\n\n      {/* Volume */}\n      <div>\n        <div className=\"ginger-dt-flex ginger-dt-items-center ginger-dt-justify-between ginger-dt-text-[11px] ginger-dt-mb-0.5\">\n          <span className=\"ginger-dt-text-neutral-400\">Volume</span>\n          <span className=\"ginger-dt-flex ginger-dt-items-center ginger-dt-gap-1\">\n            {Math.round(state.volume * 100)}%\n            <button\n              type=\"button\"\n              onClick={actions.toggleMute}\n              className={`ginger-dt-text-[10px] ginger-dt-px-1 ginger-dt-rounded ${state.muted ? \"ginger-dt-bg-red-900 ginger-dt-text-red-300\" : \"ginger-dt-bg-neutral-700 ginger-dt-text-neutral-300\"}`}\n            >\n              {state.muted ? \"unmute\" : \"mute\"}\n            </button>\n          </span>\n        </div>\n        <input\n          type=\"range\"\n          min={0}\n          max={1}\n          step={0.01}\n          value={state.volume}\n          onChange={handleVolume}\n          className=\"ginger-dt-w-full ginger-dt-h-1.5 ginger-dt-accent-orange-500 ginger-dt-cursor-pointer\"\n        />\n      </div>\n\n      {/* Playback rate */}\n      <div className=\"ginger-dt-flex ginger-dt-items-center ginger-dt-gap-2 ginger-dt-text-[11px]\">\n        <span className=\"ginger-dt-text-neutral-400\">Rate</span>\n        <div className=\"ginger-dt-flex ginger-dt-gap-0.5\">\n          {[0.5, 0.75, 1, 1.25, 1.5, 2].map((r) => (\n            <button\n              key={r}\n              type=\"button\"\n              onClick={() => actions.setPlaybackRate(r)}\n              className={`ginger-dt-px-1.5 ginger-dt-py-0.5 ginger-dt-rounded ginger-dt-text-[10px] ginger-dt-transition-colors ${\n                state.playbackRate === r\n                  ? \"ginger-dt-bg-orange-600 ginger-dt-text-white\"\n                  : \"ginger-dt-bg-neutral-700 hover:ginger-dt-bg-neutral-600 ginger-dt-text-neutral-300\"\n              }`}\n            >\n              {r}x\n            </button>\n          ))}\n        </div>\n      </div>\n\n      {/* Error */}\n      {state.errorMessage && (\n        <div className=\"ginger-dt-text-[11px] ginger-dt-text-red-400 ginger-dt-bg-red-950 ginger-dt-rounded ginger-dt-px-2 ginger-dt-py-1\">\n          {state.errorMessage}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction TrackSection({ snap }: { snap: ProviderSnapshot }) {\n  const track = snap.state.tracks[snap.state.currentIndex];\n  if (!track) {\n    return (\n      <div className=\"ginger-dt-space-y-2\">\n        <h4 className=\"ginger-dt-text-[10px] ginger-dt-font-semibold ginger-dt-uppercase ginger-dt-tracking-wider ginger-dt-text-orange-400\">\n          Current Track\n        </h4>\n        <div className=\"ginger-dt-text-[11px] ginger-dt-text-neutral-500 ginger-dt-italic\">\n          No track loaded\n        </div>\n      </div>\n    );\n  }\n  return (\n    <div className=\"ginger-dt-space-y-2\">\n      <h4 className=\"ginger-dt-text-[10px] ginger-dt-font-semibold ginger-dt-uppercase ginger-dt-tracking-wider ginger-dt-text-orange-400\">\n        Current Track\n      </h4>\n      <div className=\"ginger-dt-flex ginger-dt-gap-2\">\n        {track.artworkUrl && (\n          <img\n            src={track.artworkUrl}\n            alt=\"\"\n            className=\"ginger-dt-w-10 ginger-dt-h-10 ginger-dt-rounded ginger-dt-object-cover ginger-dt-flex-shrink-0\"\n          />\n        )}\n        <div className=\"ginger-dt-min-w-0 ginger-dt-text-[11px]\">\n          <div className=\"ginger-dt-font-medium ginger-dt-truncate\">{track.title}</div>\n          {track.artist && (\n            <div className=\"ginger-dt-text-neutral-400 ginger-dt-truncate\">{track.artist}</div>\n          )}\n          {track.album && (\n            <div className=\"ginger-dt-text-neutral-500 ginger-dt-truncate ginger-dt-text-[10px]\">\n              {track.album}\n            </div>\n          )}\n        </div>\n      </div>\n      <div className=\"ginger-dt-grid ginger-dt-grid-cols-2 ginger-dt-gap-x-3 ginger-dt-gap-y-0.5 ginger-dt-text-[10px] ginger-dt-text-neutral-400\">\n        <span>src: {truncateUrl(track.fileUrl)}</span>\n        {track.chapters && <span>chapters: {track.chapters.length}</span>}\n        {track.lyricsTimed && <span>lyrics: timed ({track.lyricsTimed.length})</span>}\n        {track.lyrics && !track.lyricsTimed && <span>lyrics: plain</span>}\n      </div>\n    </div>\n  );\n}\n\nfunction QueueSection({ snap }: { snap: ProviderSnapshot }) {\n  const { state, actions } = snap;\n\n  return (\n    <div className=\"ginger-dt-space-y-2\">\n      <h4 className=\"ginger-dt-text-[10px] ginger-dt-font-semibold ginger-dt-uppercase ginger-dt-tracking-wider ginger-dt-text-orange-400\">\n        Queue ({state.tracks.length})\n      </h4>\n      <div className=\"ginger-dt-max-h-32 ginger-dt-overflow-y-auto ginger-dt-space-y-px ginger-dt-scrollbar-thin\">\n        {state.tracks.length === 0 && (\n          <div className=\"ginger-dt-text-[11px] ginger-dt-text-neutral-500 ginger-dt-italic\">\n            Empty queue\n          </div>\n        )}\n        {state.tracks.map((track, i) => (\n          <button\n            key={track.id ?? `${track.fileUrl}-${i}`}\n            type=\"button\"\n            onClick={() => actions.playTrackAt(i)}\n            className={`ginger-dt-w-full ginger-dt-text-left ginger-dt-px-2 ginger-dt-py-1 ginger-dt-rounded ginger-dt-text-[11px] ginger-dt-flex ginger-dt-items-center ginger-dt-gap-2 ginger-dt-transition-colors ${\n              i === state.currentIndex\n                ? \"ginger-dt-bg-orange-900/50 ginger-dt-text-orange-200\"\n                : \"hover:ginger-dt-bg-neutral-700/50 ginger-dt-text-neutral-300\"\n            }`}\n          >\n            <span className=\"ginger-dt-w-5 ginger-dt-text-right ginger-dt-text-[10px] ginger-dt-text-neutral-500 ginger-dt-flex-shrink-0\">\n              {i === state.currentIndex ? \"▸\" : i + 1}\n            </span>\n            <span className=\"ginger-dt-truncate\">{track.title}</span>\n            {track.artist && (\n              <span className=\"ginger-dt-text-neutral-500 ginger-dt-truncate ginger-dt-text-[10px] ginger-dt-ml-auto ginger-dt-flex-shrink-0\">\n                {track.artist}\n              </span>\n            )}\n          </button>\n        ))}\n      </div>\n    </div>\n  );\n}\n\n// ─── Helpers ──────────────────────────────────────────────────────────────────\n\nfunction Row({\n  label,\n  value,\n  children,\n}: { label: string; value: string; children?: React.ReactNode }) {\n  return (\n    <div className=\"ginger-dt-flex ginger-dt-items-center\">\n      <span className=\"ginger-dt-text-neutral-400\">{label}:</span>\n      <span className=\"ginger-dt-ml-1 ginger-dt-font-mono\">{value}</span>\n      {children}\n    </div>\n  );\n}\n\nfunction truncateUrl(url: string, max = 40): string {\n  if (url.length <= max) return url;\n  return `…${url.slice(-max)}`;\n}\n\n// ─── Main Overlay ─────────────────────────────────────────────────────────────\n\nexport function GingerDevtools() {\n  useTailwindCdn();\n  const snapshots = useRegistrySnapshots();\n\n  const [open, setOpen] = useState(false);\n  const [activeTab, setActiveTab] = useState<string | null>(null);\n\n  const activeSnap = snapshots.find((s) => s.id === activeTab) ?? snapshots[0] ?? null;\n\n  useEffect(() => {\n    if (!activeTab && snapshots.length > 0) {\n      setActiveTab(snapshots[0].id);\n    }\n    if (activeTab && !snapshots.find((s) => s.id === activeTab) && snapshots.length > 0) {\n      setActiveTab(snapshots[0].id);\n    }\n  }, [snapshots, activeTab]);\n\n  const portalRoot = typeof document !== \"undefined\" ? document.body : null;\n  if (!portalRoot) return null;\n\n  return createPortal(\n    <div\n      style={{\n        fontFamily: 'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, monospace',\n        zIndex: 2147483647,\n        position: \"fixed\",\n        bottom: 0,\n        right: 0,\n      }}\n    >\n      {/* Toggle button */}\n      {!open && (\n        <button\n          type=\"button\"\n          onClick={() => setOpen(true)}\n          style={{\n            position: \"fixed\",\n            bottom: \"12px\",\n            right: \"12px\",\n            zIndex: 2147483647,\n            background: \"#ea580c\",\n            color: \"#fff\",\n            border: \"none\",\n            borderRadius: \"8px\",\n            padding: \"6px 12px\",\n            fontSize: \"12px\",\n            fontWeight: 600,\n            fontFamily: \"inherit\",\n            cursor: \"pointer\",\n            boxShadow: \"0 4px 12px rgba(0,0,0,0.4)\",\n            display: \"flex\",\n            alignItems: \"center\",\n            gap: \"6px\",\n          }}\n        >\n          <span style={{ fontSize: \"14px\" }}>🍊</span>\n          Ginger\n          {snapshots.length > 0 && (\n            <span\n              style={{\n                background: \"rgba(255,255,255,0.2)\",\n                borderRadius: \"4px\",\n                padding: \"1px 5px\",\n                fontSize: \"10px\",\n              }}\n            >\n              {snapshots.length}\n            </span>\n          )}\n        </button>\n      )}\n\n      {/* Panel */}\n      {open && (\n        <div\n          className=\"ginger-dt-fixed ginger-dt-bottom-3 ginger-dt-right-3 ginger-dt-w-[380px] ginger-dt-max-h-[80vh] ginger-dt-bg-neutral-900 ginger-dt-text-neutral-100 ginger-dt-rounded-xl ginger-dt-shadow-2xl ginger-dt-border ginger-dt-border-neutral-700/50 ginger-dt-flex ginger-dt-flex-col ginger-dt-overflow-hidden\"\n          style={{ zIndex: 2147483647 }}\n        >\n          {/* Header */}\n          <div className=\"ginger-dt-flex ginger-dt-items-center ginger-dt-justify-between ginger-dt-px-3 ginger-dt-py-2 ginger-dt-bg-neutral-800 ginger-dt-border-b ginger-dt-border-neutral-700/50\">\n            <div className=\"ginger-dt-flex ginger-dt-items-center ginger-dt-gap-2\">\n              <span className=\"ginger-dt-text-sm\">🍊</span>\n              <span className=\"ginger-dt-text-xs ginger-dt-font-semibold ginger-dt-tracking-wide\">\n                Ginger Devtools\n              </span>\n            </div>\n            <button\n              type=\"button\"\n              onClick={() => setOpen(false)}\n              className=\"ginger-dt-text-neutral-400 hover:ginger-dt-text-white ginger-dt-text-lg ginger-dt-leading-none ginger-dt-transition-colors\"\n            >\n              ×\n            </button>\n          </div>\n\n          {/* Tabs (when multiple providers) */}\n          {snapshots.length > 1 && (\n            <div className=\"ginger-dt-flex ginger-dt-gap-0 ginger-dt-bg-neutral-800 ginger-dt-px-1 ginger-dt-border-b ginger-dt-border-neutral-700/50 ginger-dt-overflow-x-auto\">\n              {snapshots.map((s) => (\n                <button\n                  key={s.id}\n                  type=\"button\"\n                  onClick={() => setActiveTab(s.id)}\n                  className={`ginger-dt-px-3 ginger-dt-py-1.5 ginger-dt-text-[11px] ginger-dt-whitespace-nowrap ginger-dt-border-b-2 ginger-dt-transition-colors ${\n                    activeSnap?.id === s.id\n                      ? \"ginger-dt-border-orange-500 ginger-dt-text-orange-300\"\n                      : \"ginger-dt-border-transparent ginger-dt-text-neutral-400 hover:ginger-dt-text-neutral-200\"\n                  }`}\n                >\n                  {s.label}\n                </button>\n              ))}\n            </div>\n          )}\n\n          {/* Content */}\n          <div className=\"ginger-dt-flex-1 ginger-dt-overflow-y-auto ginger-dt-px-3 ginger-dt-py-3 ginger-dt-space-y-4\">\n            {!activeSnap ? (\n              <div className=\"ginger-dt-text-[11px] ginger-dt-text-neutral-500 ginger-dt-text-center ginger-dt-py-8\">\n                No Ginger providers detected.\n                <br />\n                <span className=\"ginger-dt-text-[10px]\">\n                  Add {\"<Ginger.Provider>\"} to your app.\n                </span>\n              </div>\n            ) : (\n              <>\n                <PlaybackSection snap={activeSnap} />\n                <Divider />\n                <MediaSection snap={activeSnap} />\n                <Divider />\n                <TrackSection snap={activeSnap} />\n                <Divider />\n                <QueueSection snap={activeSnap} />\n              </>\n            )}\n          </div>\n\n          {/* Footer */}\n          {activeSnap && (\n            <div className=\"ginger-dt-px-3 ginger-dt-py-1.5 ginger-dt-bg-neutral-800 ginger-dt-border-t ginger-dt-border-neutral-700/50 ginger-dt-text-[10px] ginger-dt-text-neutral-500 ginger-dt-flex ginger-dt-justify-between\">\n              <span>ID: {activeSnap.id.slice(0, 8)}…</span>\n              <span>Updated {msAgo(activeSnap.updatedAt)}</span>\n            </div>\n          )}\n        </div>\n      )}\n    </div>,\n    portalRoot,\n  );\n}\n\nfunction Divider() {\n  return <div className=\"ginger-dt-border-t ginger-dt-border-neutral-700/30\" />;\n}\n\nfunction msAgo(ts: number): string {\n  const diff = Date.now() - ts;\n  if (diff < 1000) return \"just now\";\n  if (diff < 60_000) return `${Math.floor(diff / 1000)}s ago`;\n  return `${Math.floor(diff / 60_000)}m ago`;\n}\n"],"names":["WINDOW_KEY","counter","buildRegistry","providers","listeners","notify","fn","id","payload","snapshot","existing","listener","ensureRegistry","win","reg","TAILWIND_CDN","useTailwindCdn","scriptRef","useRef","useEffect","script","_a","useRegistrySnapshots","snapshots","setSnapshots","useState","registry","sync","map","PlaybackSection","snap","state","actions","track","jsxs","jsx","Row","MediaSection","handleSeek","useCallback","e","handleVolume","formatMmSs","r","TrackSection","truncateUrl","QueueSection","i","label","value","children","url","max","GingerDevtools","open","setOpen","activeTab","setActiveTab","activeSnap","s","portalRoot","createPortal","Fragment","Divider","msAgo","ts","diff"],"mappings":"uMAoDMA,EAAa,sBAEnB,IAAIC,EAAU,EAEd,SAASC,GAAkC,CACzC,MAAMC,MAAgB,IAChBC,MAAgB,IAEhBC,EAAS,IAAM,CACnB,UAAWC,KAAMF,EACfE,EAAGH,CAAS,CAEhB,EAEA,MAAO,CACL,SAASI,EAAIC,EAAS,CACpBP,GAAW,EACX,MAAMQ,EAA6B,CACjC,GAAAF,EACA,MAAOC,EAAQ,OAAS,UAAUP,CAAO,GACzC,MAAOO,EAAQ,MACf,QAASA,EAAQ,QACjB,SAAUA,EAAQ,SAClB,aAAc,KAAK,IAAA,EACnB,UAAW,KAAK,IAAA,CAAI,EAEtBL,EAAU,IAAII,EAAIE,CAAQ,EAC1BJ,EAAA,CACF,EAEA,WAAWE,EAAI,CACTJ,EAAU,OAAOI,CAAE,GACrBF,EAAA,CAEJ,EAEA,OAAOE,EAAIC,EAAS,CAClB,MAAME,EAAWP,EAAU,IAAII,CAAE,EAC5BG,IACLA,EAAS,MAAQF,EAAQ,MACzBE,EAAS,SAAWF,EAAQ,SAC5BE,EAAS,UAAY,KAAK,IAAA,EAC1BL,EAAA,EACF,EAEA,UAAUM,EAAU,CAClB,OAAAP,EAAU,IAAIO,CAAQ,EACf,IAAM,CACXP,EAAU,OAAOO,CAAQ,CAC3B,CACF,EAEA,QAAS,CACP,OAAOR,CACT,CAAA,CAEJ,CASO,SAASS,GAAmC,CACjD,GAAI,OAAO,OAAW,IACpB,MAAM,IAAI,MAAM,gDAAgD,EAElE,MAAMC,EAAM,OACZ,IAAIC,EAAMD,EAAIb,CAAU,EACxB,OAAKc,IACHA,EAAMZ,EAAA,EACNW,EAAIb,CAAU,EAAIc,GAEbA,CACT,CC1HA,MAAMC,EAAe,8BAErB,SAASC,GAAiB,CACxB,MAAMC,EAAYC,EAAAA,OAAiC,IAAI,EAEvDC,EAAAA,UAAU,IAAM,CACd,GAAI,SAAS,cAAc,eAAeJ,CAAY,IAAI,EAAG,OAC7D,MAAMK,EAAS,SAAS,cAAc,QAAQ,EAC9C,OAAAA,EAAO,IAAML,EACbK,EAAO,MAAQ,GACf,SAAS,KAAK,YAAYA,CAAM,EAChCH,EAAU,QAAUG,EACb,IAAM,QACPC,EAAAJ,EAAU,UAAV,MAAAI,EAAmB,YACrBJ,EAAU,QAAQ,WAAW,YAAYA,EAAU,OAAO,CAE9D,CACF,EAAG,CAAA,CAAE,CACP,CAEA,SAASK,GAAuB,CAC9B,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAA6B,CAAA,CAAE,EAEjEN,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMO,EAAWd,EAAA,EACXe,EAAQC,GAAuC,CACnDJ,EAAa,MAAM,KAAKI,EAAI,OAAA,CAAQ,CAAC,CACvC,EACA,OAAAD,EAAKD,EAAS,QAAQ,EACfA,EAAS,UAAUC,CAAI,CAChC,EAAG,CAAA,CAAE,EAEEJ,CACT,CAIA,SAASM,EAAgB,CAAE,KAAAC,GAAoC,CAC7D,KAAM,CAAE,MAAAC,EAAO,QAAAC,CAAA,EAAYF,EACrBG,EAAQF,EAAM,OAAOA,EAAM,YAAY,EAE7C,OACEG,EAAAA,KAAC,MAAA,CAAI,UAAU,sBACb,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,uHAAuH,SAAA,WAErI,EACAD,EAAAA,KAAC,MAAA,CAAI,UAAU,0DACb,SAAA,CAAAC,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAASH,EAAQ,KACjB,UAAU,8JACV,MAAM,WACP,SAAA,GAAA,CAAA,EAGDG,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAASH,EAAQ,gBACjB,UAAU,kLAET,SAAAD,EAAM,SAAW,SAAW,SAAA,CAAA,EAE/BI,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAASH,EAAQ,KACjB,UAAU,8JACV,MAAM,OACP,SAAA,GAAA,CAAA,CAED,EACF,EACAE,EAAAA,KAAC,MAAA,CAAI,UAAU,iGACb,SAAA,CAAAC,EAAAA,IAACC,EAAA,CACC,MAAM,QACN,MAAOH,EAAQ,GAAGF,EAAM,aAAe,CAAC,IAAIA,EAAM,OAAO,MAAM,GAAK,GAAA,CAAA,QAErEK,EAAA,CAAI,MAAM,OAAO,MAAOL,EAAM,aAC7B,SAAAI,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAAS,IACPH,EAAQ,gBAAgBD,EAAM,eAAiB,WAAa,SAAW,UAAU,EAEnF,UAAU,iGACX,SAAA,GAAA,CAAA,EAGH,QACCK,EAAA,CAAI,MAAM,SAAS,MAAOL,EAAM,WAC/B,SAAAI,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAASH,EAAQ,YACjB,UAAU,iGACX,SAAA,GAAA,CAAA,EAGH,EACAG,EAAAA,IAACC,GAAI,MAAM,UAAU,MAAOL,EAAM,WAAa,KAAO,MACpD,SAAAI,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAASH,EAAQ,cACjB,UAAU,iGACX,SAAA,GAAA,CAAA,CAED,CACF,CAAA,CAAA,CACF,CAAA,EACF,CAEJ,CAEA,SAASK,EAAa,CAAE,KAAAP,GAAoC,CAC1D,KAAM,CAAE,MAAAC,EAAO,QAAAC,CAAA,EAAYF,EAErBQ,EAAaC,EAAAA,YAChBC,GAA2C,CAC1CR,EAAQ,KAAK,OAAOQ,EAAE,OAAO,KAAK,CAAC,CACrC,EACA,CAACR,CAAO,CAAA,EAGJS,EAAeF,EAAAA,YAClBC,GAA2C,CAC1CR,EAAQ,UAAU,OAAOQ,EAAE,OAAO,KAAK,CAAC,CAC1C,EACA,CAACR,CAAO,CAAA,EAGV,OACEE,EAAAA,KAAC,MAAA,CAAI,UAAU,sBACb,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,uHAAuH,SAAA,QAErI,SAEC,MAAA,CACC,SAAA,CAAAD,EAAAA,KAAC,MAAA,CAAI,UAAU,yGACb,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAU,6BAA6B,SAAA,OAAI,SAChD,OAAA,CACE,SAAA,CAAAO,EAAAA,WAAWX,EAAM,WAAW,EAAE,MAAIW,EAAAA,WAAWX,EAAM,QAAQ,CAAA,CAAA,CAC9D,CAAA,EACF,EACAI,EAAAA,IAAC,QAAA,CACC,KAAK,QACL,IAAK,EACL,IAAKJ,EAAM,UAAY,EACvB,KAAM,GACN,MAAOA,EAAM,YACb,SAAUO,EACV,UAAU,uFAAA,CAAA,EAGZH,EAAAA,IAAC,MAAA,CAAI,UAAU,0HACb,SAAAA,EAAAA,IAAC,MAAA,CACC,UAAU,2FACV,MAAO,CAAE,MAAO,IAAIJ,EAAM,iBAAmB,KAAK,QAAQ,CAAC,CAAC,GAAA,CAAI,CAAA,EAEpE,EACAG,EAAAA,KAAC,MAAA,CAAI,UAAU,oEAAoE,SAAA,CAAA,cACrEH,EAAM,iBAAmB,KAAK,QAAQ,CAAC,EAAE,IACpDA,EAAM,aACLI,EAAAA,IAAC,OAAA,CAAK,UAAU,2CAA2C,SAAA,aAAA,CAAW,CAAA,CAAA,CAE1E,CAAA,EACF,SAGC,MAAA,CACC,SAAA,CAAAD,EAAAA,KAAC,MAAA,CAAI,UAAU,yGACb,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAU,6BAA6B,SAAA,SAAM,EACnDD,EAAAA,KAAC,OAAA,CAAK,UAAU,wDACb,SAAA,CAAA,KAAK,MAAMH,EAAM,OAAS,GAAG,EAAE,IAChCI,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAASH,EAAQ,WACjB,UAAW,0DAA0DD,EAAM,MAAQ,8CAAgD,qDAAqD,GAEvL,SAAAA,EAAM,MAAQ,SAAW,MAAA,CAAA,CAC5B,CAAA,CACF,CAAA,EACF,EACAI,EAAAA,IAAC,QAAA,CACC,KAAK,QACL,IAAK,EACL,IAAK,EACL,KAAM,IACN,MAAOJ,EAAM,OACb,SAAUU,EACV,UAAU,uFAAA,CAAA,CACZ,EACF,EAGAP,EAAAA,KAAC,MAAA,CAAI,UAAU,8EACb,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAU,6BAA6B,SAAA,OAAI,EACjDA,EAAAA,IAAC,MAAA,CAAI,UAAU,mCACZ,UAAC,GAAK,IAAM,EAAG,KAAM,IAAK,CAAC,EAAE,IAAKQ,GACjCT,EAAAA,KAAC,SAAA,CAEC,KAAK,SACL,QAAS,IAAMF,EAAQ,gBAAgBW,CAAC,EACxC,UAAW,yGACTZ,EAAM,eAAiBY,EACnB,+CACA,oFACN,GAEC,SAAA,CAAAA,EAAE,GAAA,CAAA,EATEA,CAAA,CAWR,CAAA,CACH,CAAA,EACF,EAGCZ,EAAM,cACLI,EAAAA,IAAC,OAAI,UAAU,oHACZ,WAAM,YAAA,CACT,CAAA,EAEJ,CAEJ,CAEA,SAASS,EAAa,CAAE,KAAAd,GAAoC,CAC1D,MAAMG,EAAQH,EAAK,MAAM,OAAOA,EAAK,MAAM,YAAY,EACvD,OAAKG,EAaHC,EAAAA,KAAC,MAAA,CAAI,UAAU,sBACb,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,uHAAuH,SAAA,gBAErI,EACAD,EAAAA,KAAC,MAAA,CAAI,UAAU,iCACZ,SAAA,CAAAD,EAAM,YACLE,EAAAA,IAAC,MAAA,CACC,IAAKF,EAAM,WACX,IAAI,GACJ,UAAU,gGAAA,CAAA,EAGdC,EAAAA,KAAC,MAAA,CAAI,UAAU,0CACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,2CAA4C,SAAAF,EAAM,MAAM,EACtEA,EAAM,QACLE,EAAAA,IAAC,OAAI,UAAU,gDAAiD,WAAM,OAAO,EAE9EF,EAAM,OACLE,EAAAA,IAAC,OAAI,UAAU,sEACZ,WAAM,KAAA,CACT,CAAA,CAAA,CAEJ,CAAA,EACF,EACAD,EAAAA,KAAC,MAAA,CAAI,UAAU,8HACb,SAAA,CAAAA,OAAC,OAAA,CAAK,SAAA,CAAA,QAAMW,EAAYZ,EAAM,OAAO,CAAA,EAAE,EACtCA,EAAM,UAAYC,EAAAA,KAAC,OAAA,CAAK,SAAA,CAAA,aAAWD,EAAM,SAAS,MAAA,EAAO,EACzDA,EAAM,aAAeC,EAAAA,KAAC,OAAA,CAAK,SAAA,CAAA,kBAAgBD,EAAM,YAAY,OAAO,GAAA,EAAC,EACrEA,EAAM,QAAU,CAACA,EAAM,aAAeE,EAAAA,IAAC,QAAK,SAAA,eAAA,CAAa,CAAA,CAAA,CAC5D,CAAA,EACF,EAzCED,EAAAA,KAAC,MAAA,CAAI,UAAU,sBACb,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,uHAAuH,SAAA,gBAErI,EACAA,EAAAA,IAAC,MAAA,CAAI,UAAU,oEAAoE,SAAA,iBAAA,CAEnF,CAAA,EACF,CAoCN,CAEA,SAASW,EAAa,CAAE,KAAAhB,GAAoC,CAC1D,KAAM,CAAE,MAAAC,EAAO,QAAAC,CAAA,EAAYF,EAE3B,OACEI,EAAAA,KAAC,MAAA,CAAI,UAAU,sBACb,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,uHAAuH,SAAA,CAAA,UAC3HH,EAAM,OAAO,OAAO,GAAA,EAC9B,EACAG,EAAAA,KAAC,MAAA,CAAI,UAAU,6FACZ,SAAA,CAAAH,EAAM,OAAO,SAAW,SACtB,MAAA,CAAI,UAAU,oEAAoE,SAAA,aAAA,CAEnF,EAEDA,EAAM,OAAO,IAAI,CAACE,EAAOc,IACxBb,EAAAA,KAAC,SAAA,CAEC,KAAK,SACL,QAAS,IAAMF,EAAQ,YAAYe,CAAC,EACpC,UAAW,gMACTA,IAAMhB,EAAM,aACR,uDACA,8DACN,GAEA,SAAA,CAAAI,EAAAA,IAAC,OAAA,CAAK,UAAU,8GACb,SAAAY,IAAMhB,EAAM,aAAe,IAAMgB,EAAI,CAAA,CACxC,EACAZ,EAAAA,IAAC,OAAA,CAAK,UAAU,qBAAsB,WAAM,MAAM,EACjDF,EAAM,QACLE,EAAAA,IAAC,QAAK,UAAU,gHACb,WAAM,MAAA,CACT,CAAA,CAAA,EAhBGF,EAAM,IAAM,GAAGA,EAAM,OAAO,IAAIc,CAAC,EAAA,CAmBzC,CAAA,CAAA,CACH,CAAA,EACF,CAEJ,CAIA,SAASX,EAAI,CACX,MAAAY,EACA,MAAAC,EACA,SAAAC,CACF,EAAiE,CAC/D,OACEhB,EAAAA,KAAC,MAAA,CAAI,UAAU,wCACb,SAAA,CAAAA,EAAAA,KAAC,OAAA,CAAK,UAAU,6BAA8B,SAAA,CAAAc,EAAM,GAAA,EAAC,EACrDb,EAAAA,IAAC,OAAA,CAAK,UAAU,qCAAsC,SAAAc,EAAM,EAC3DC,CAAA,EACH,CAEJ,CAEA,SAASL,EAAYM,EAAaC,EAAM,GAAY,CAClD,OAAID,EAAI,QAAUC,EAAYD,EACvB,IAAIA,EAAI,MAAM,CAACC,CAAG,CAAC,EAC5B,CAIO,SAASC,GAAiB,CAC/BrC,EAAA,EACA,MAAMO,EAAYD,EAAA,EAEZ,CAACgC,EAAMC,CAAO,EAAI9B,EAAAA,SAAS,EAAK,EAChC,CAAC+B,EAAWC,CAAY,EAAIhC,EAAAA,SAAwB,IAAI,EAExDiC,EAAanC,EAAU,KAAMoC,GAAMA,EAAE,KAAOH,CAAS,GAAKjC,EAAU,CAAC,GAAK,KAEhFJ,EAAAA,UAAU,IAAM,CACV,CAACqC,GAAajC,EAAU,OAAS,GACnCkC,EAAalC,EAAU,CAAC,EAAE,EAAE,EAE1BiC,GAAa,CAACjC,EAAU,KAAMoC,GAAMA,EAAE,KAAOH,CAAS,GAAKjC,EAAU,OAAS,GAChFkC,EAAalC,EAAU,CAAC,EAAE,EAAE,CAEhC,EAAG,CAACA,EAAWiC,CAAS,CAAC,EAEzB,MAAMI,EAAa,OAAO,SAAa,IAAc,SAAS,KAAO,KACrE,OAAKA,EAEEC,EAAAA,aACL3B,EAAAA,KAAC,MAAA,CACC,MAAO,CACL,WAAY,4DACZ,OAAQ,WACR,SAAU,QACV,OAAQ,EACR,MAAO,CAAA,EAIR,SAAA,CAAA,CAACoB,GACApB,EAAAA,KAAC,SAAA,CACC,KAAK,SACL,QAAS,IAAMqB,EAAQ,EAAI,EAC3B,MAAO,CACL,SAAU,QACV,OAAQ,OACR,MAAO,OACP,OAAQ,WACR,WAAY,UACZ,MAAO,OACP,OAAQ,OACR,aAAc,MACd,QAAS,WACT,SAAU,OACV,WAAY,IACZ,WAAY,UACZ,OAAQ,UACR,UAAW,6BACX,QAAS,OACT,WAAY,SACZ,IAAK,KAAA,EAGP,SAAA,CAAApB,MAAC,QAAK,MAAO,CAAE,SAAU,MAAA,EAAU,SAAA,KAAE,EAAO,SAE3CZ,EAAU,OAAS,GAClBY,EAAAA,IAAC,OAAA,CACC,MAAO,CACL,WAAY,wBACZ,aAAc,MACd,QAAS,UACT,SAAU,MAAA,EAGX,SAAAZ,EAAU,MAAA,CAAA,CACb,CAAA,CAAA,EAML+B,GACCpB,EAAAA,KAAC,MAAA,CACC,UAAU,6SACV,MAAO,CAAE,OAAQ,UAAA,EAGjB,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,4KACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,wDACb,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAU,oBAAoB,SAAA,KAAE,EACtCA,EAAAA,IAAC,OAAA,CAAK,UAAU,oEAAoE,SAAA,iBAAA,CAEpF,CAAA,EACF,EACAA,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAAS,IAAMoB,EAAQ,EAAK,EAC5B,UAAU,6HACX,SAAA,GAAA,CAAA,CAED,EACF,EAGChC,EAAU,OAAS,GAClBY,EAAAA,IAAC,MAAA,CAAI,UAAU,sJACZ,SAAAZ,EAAU,IAAKoC,GACdxB,EAAAA,IAAC,SAAA,CAEC,KAAK,SACL,QAAS,IAAMsB,EAAaE,EAAE,EAAE,EAChC,UAAW,uIACTD,GAAA,YAAAA,EAAY,MAAOC,EAAE,GACjB,wDACA,0FACN,GAEC,SAAAA,EAAE,KAAA,EATEA,EAAE,EAAA,CAWV,EACH,EAIFxB,EAAAA,IAAC,OAAI,UAAU,+FACZ,SAACuB,EASAxB,EAAAA,KAAA4B,EAAAA,SAAA,CACE,SAAA,CAAA3B,EAAAA,IAACN,EAAA,CAAgB,KAAM6B,CAAA,CAAY,QAClCK,EAAA,EAAQ,EACT5B,EAAAA,IAACE,EAAA,CAAa,KAAMqB,CAAA,CAAY,QAC/BK,EAAA,EAAQ,EACT5B,EAAAA,IAACS,EAAA,CAAa,KAAMc,CAAA,CAAY,QAC/BK,EAAA,EAAQ,EACT5B,EAAAA,IAACW,EAAA,CAAa,KAAMY,CAAA,CAAY,CAAA,CAAA,CAClC,EAhBAxB,EAAAA,KAAC,MAAA,CAAI,UAAU,wFAAwF,SAAA,CAAA,sCAEpG,KAAA,EAAG,EACJA,EAAAA,KAAC,OAAA,CAAK,UAAU,wBAAwB,SAAA,CAAA,OACjC,oBAAoB,eAAA,CAAA,CAC3B,CAAA,CAAA,CACF,CAUA,CAEJ,EAGCwB,GACCxB,EAAAA,KAAC,MAAA,CAAI,UAAU,wMACb,SAAA,CAAAA,OAAC,OAAA,CAAK,SAAA,CAAA,OAAKwB,EAAW,GAAG,MAAM,EAAG,CAAC,EAAE,GAAA,EAAC,SACrC,OAAA,CAAK,SAAA,CAAA,WAASM,EAAMN,EAAW,SAAS,CAAA,CAAA,CAAE,CAAA,CAAA,CAC7C,CAAA,CAAA,CAAA,CAEJ,CAAA,CAAA,EAGJE,CAAA,EAlIsB,IAoI1B,CAEA,SAASG,GAAU,CACjB,OAAO5B,EAAAA,IAAC,MAAA,CAAI,UAAU,oDAAA,CAAqD,CAC7E,CAEA,SAAS6B,EAAMC,EAAoB,CACjC,MAAMC,EAAO,KAAK,IAAA,EAAQD,EAC1B,OAAIC,EAAO,IAAa,WACpBA,EAAO,IAAe,GAAG,KAAK,MAAMA,EAAO,GAAI,CAAC,QAC7C,GAAG,KAAK,MAAMA,EAAO,GAAM,CAAC,OACrC"}

package/dist/devtools/index.d.ts

@@ -0,0 +1,3 @@
+export { GingerDevtools } from './GingerDevtools';
+export type { DevtoolsRegistry, ProviderActions, ProviderSnapshot } from './registry';
+//# sourceMappingURL=index.d.ts.map

package/dist/devtools/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/devtools/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC"}