@lucaismyname/ginger 0.0.55 → 0.0.56

package/dist/devtools/index.js

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

package/dist/devtools/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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":"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"}

package/dist/devtools/registry.d.ts

@@ -0,0 +1,49 @@
+import { GingerState, PlaybackMode, RepeatMode } from '../types';
+export type ProviderActions = {
+    play: () => void;
+    pause: () => void;
+    togglePlayPause: () => void;
+    next: () => void;
+    prev: () => void;
+    seek: (time: number) => void;
+    setVolume: (v: number) => void;
+    setMuted: (m: boolean) => void;
+    toggleMute: () => void;
+    setPlaybackRate: (rate: number) => void;
+    setRepeatMode: (mode: RepeatMode) => void;
+    cycleRepeat: () => void;
+    toggleShuffle: () => void;
+    playTrackAt: (index: number) => void;
+    setPlaybackMode: (mode: PlaybackMode) => void;
+};
+export type ProviderSnapshot = {
+    id: string;
+    label: string;
+    state: GingerState;
+    actions: ProviderActions;
+    audioSrc: string | null;
+    registeredAt: number;
+    updatedAt: number;
+};
+type RegistrationPayload = {
+    label?: string;
+    state: GingerState;
+    actions: ProviderActions;
+    audioSrc: string | null;
+};
+type UpdatePayload = {
+    state: GingerState;
+    audioSrc: string | null;
+};
+type Listener = (snapshots: Map<string, ProviderSnapshot>) => void;
+export type DevtoolsRegistry = {
+    register: (id: string, payload: RegistrationPayload) => void;
+    unregister: (id: string) => void;
+    update: (id: string, payload: UpdatePayload) => void;
+    subscribe: (listener: Listener) => () => void;
+    getAll: () => Map<string, ProviderSnapshot>;
+};
+export declare function getRegistry(): DevtoolsRegistry | null;
+export declare function ensureRegistry(): DevtoolsRegistry;
+export {};
+//# sourceMappingURL=registry.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/devtools/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtE,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,SAAS,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,WAAW,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,WAAW,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,CAAC;AAEF,KAAK,QAAQ,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC,KAAK,IAAI,CAAC;AAEnE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC7D,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IACrD,SAAS,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,MAAM,IAAI,CAAC;IAC9C,MAAM,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;CAC7C,CAAC;AA4DF,wBAAgB,WAAW,IAAI,gBAAgB,GAAG,IAAI,CAKrD;AAED,wBAAgB,cAAc,IAAI,gBAAgB,CAWjD"}

package/dist/formatTime-DUWvzW21.js

@@ -0,0 +1,9 @@
+function f(t) {
+  if (!Number.isFinite(t) || t < 0) return "0:00";
+  const r = Math.floor(t), o = r % 60, a = Math.floor(r / 60), i = a % 60, n = Math.floor(r / 3600);
+  return n > 0 ? `${n}:${i.toString().padStart(2, "0")}:${o.toString().padStart(2, "0")}` : `${a}:${o.toString().padStart(2, "0")}`;
+}
+export {
+  f
+};
+//# sourceMappingURL=formatTime-DUWvzW21.js.map

package/dist/formatTime-DUWvzW21.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatTime-DUWvzW21.js","sources":["../src/internal/formatTime.ts"],"sourcesContent":["export function formatMmSs(seconds: number): string {\n  if (!Number.isFinite(seconds) || seconds < 0) return \"0:00\";\n  const totalSec = Math.floor(seconds);\n  const s = totalSec % 60;\n  const totalMin = Math.floor(totalSec / 60);\n  const m = totalMin % 60;\n  const h = Math.floor(totalSec / 3600);\n  if (h > 0) return `${h}:${m.toString().padStart(2, \"0\")}:${s.toString().padStart(2, \"0\")}`;\n  return `${totalMin}:${s.toString().padStart(2, \"0\")}`;\n}\n"],"names":["formatMmSs","seconds","totalSec","s","totalMin","m","h"],"mappings":"AAAO,SAASA,EAAWC,GAAyB;AAClD,MAAI,CAAC,OAAO,SAASA,CAAO,KAAKA,IAAU,EAAG,QAAO;AACrD,QAAMC,IAAW,KAAK,MAAMD,CAAO,GAC7BE,IAAID,IAAW,IACfE,IAAW,KAAK,MAAMF,IAAW,EAAE,GACnCG,IAAID,IAAW,IACfE,IAAI,KAAK,MAAMJ,IAAW,IAAI;AACpC,SAAII,IAAI,IAAU,GAAGA,CAAC,IAAID,EAAE,WAAW,SAAS,GAAG,GAAG,CAAC,IAAIF,EAAE,SAAA,EAAW,SAAS,GAAG,GAAG,CAAC,KACjF,GAAGC,CAAQ,IAAID,EAAE,WAAW,SAAS,GAAG,GAAG,CAAC;AACrD;"}

package/dist/formatTime-fm_QClmG.cjs

@@ -0,0 +1,2 @@
+"use strict";function S(t){if(!Number.isFinite(t)||t<0)return"0:00";const r=Math.floor(t),o=r%60,a=Math.floor(r/60),i=a%60,n=Math.floor(r/3600);return n>0?`${n}:${i.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`:`${a}:${o.toString().padStart(2,"0")}`}exports.formatMmSs=S;
+//# sourceMappingURL=formatTime-fm_QClmG.cjs.map

package/dist/formatTime-fm_QClmG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatTime-fm_QClmG.cjs","sources":["../src/internal/formatTime.ts"],"sourcesContent":["export function formatMmSs(seconds: number): string {\n  if (!Number.isFinite(seconds) || seconds < 0) return \"0:00\";\n  const totalSec = Math.floor(seconds);\n  const s = totalSec % 60;\n  const totalMin = Math.floor(totalSec / 60);\n  const m = totalMin % 60;\n  const h = Math.floor(totalSec / 3600);\n  if (h > 0) return `${h}:${m.toString().padStart(2, \"0\")}:${s.toString().padStart(2, \"0\")}`;\n  return `${totalMin}:${s.toString().padStart(2, \"0\")}`;\n}\n"],"names":["formatMmSs","seconds","totalSec","s","totalMin","m","h"],"mappings":"aAAO,SAASA,EAAWC,EAAyB,CAClD,GAAI,CAAC,OAAO,SAASA,CAAO,GAAKA,EAAU,EAAG,MAAO,OACrD,MAAMC,EAAW,KAAK,MAAMD,CAAO,EAC7BE,EAAID,EAAW,GACfE,EAAW,KAAK,MAAMF,EAAW,EAAE,EACnCG,EAAID,EAAW,GACfE,EAAI,KAAK,MAAMJ,EAAW,IAAI,EACpC,OAAII,EAAI,EAAU,GAAGA,CAAC,IAAID,EAAE,WAAW,SAAS,EAAG,GAAG,CAAC,IAAIF,EAAE,SAAA,EAAW,SAAS,EAAG,GAAG,CAAC,GACjF,GAAGC,CAAQ,IAAID,EAAE,WAAW,SAAS,EAAG,GAAG,CAAC,EACrD"}