@44-audio/components 0.1.0-dev.4 → 0.1.0-dev.5

package/dist/player.es.js

@@ -1,215 +1,224 @@
-import { h as V, t as ne, d as le, c as X, p as Y, a as Z, b as L, s as c, f as m, A as de, e as _, g as h, i as y, j as n, k as $, l as E, m as T, n as f, u as ce, r as b, o as I, q as R, v as P, w as W, x as Q, y as ve, z as ue, B as ge } from "./AudioPlayer-bUgQMAfs.mjs";
-function pe(a, t, l, r) {
-  var i = a.__style;
-  if (V || i !== t) {
-    var v = ne(t);
-    (!V || v !== a.getAttribute("style")) && (v == null ? a.removeAttribute("style") : a.style.cssText = v), a.__style = t;
+import { h as V, t as le, d as de, c as X, p as Y, a as Z, b as x, s as d, f, A as ce, e as h, g as b, i as k, j as s, k as $, l as L, m as j, n as p, u as ve, r as y, o as R, q as E, v as P, w as W, x as Q, y as ue, z as ge, B as pe } from "./AudioPlayer-bUgQMAfs.mjs";
+function fe(i, t, n, r) {
+  var a = i.__style;
+  if (V || a !== t) {
+    var v = le(t);
+    (!V || v !== i.getAttribute("style")) && (v == null ? i.removeAttribute("style") : i.style.cssText = v), i.__style = t;
   }
   return r;
 }
-function fe(a, t) {
-  c(t, !f(t));
+function me(i, t) {
+  d(t, !p(t));
 }
-var me = m('&bull; <button class="link svelte-8utcjm"> </button>', 1), _e = (a, t) => c(t, !0), he = m(' <button class="link svelte-8utcjm">Show more</button>', 1), be = (a, t) => c(t, !1), ye = m(' <button class="link svelte-8utcjm">Show less</button>', 1), ke = m('<div class="details svelte-8utcjm"><div class="title svelte-8utcjm">Transcription <!></div> <div class="transcription"><!></div></div>'), xe = m('<div class="container svelte-8utcjm" role="group" aria-label="44 audio player"><div class="display svelte-8utcjm"><!></div> <!></div>');
-const je = {
+var _e = f('&bull; <button class="link svelte-8utcjm"> </button>', 1), he = (i, t) => d(t, !0), be = f(' <button class="link svelte-8utcjm">Show more</button>', 1), ye = (i, t) => d(t, !1), ke = f(' <button class="link svelte-8utcjm">Show less</button>', 1), xe = f('<div class="details svelte-8utcjm"><div class="title svelte-8utcjm">Transcription <!></div> <div class="transcription"><!></div></div>'), je = f('<div class="container svelte-8utcjm" role="group" aria-label="44 audio player"><div class="display svelte-8utcjm"><!></div> <!></div>');
+const we = {
   hash: "svelte-8utcjm",
   code: "button.svelte-8utcjm {font:inherit;margin:0;padding:0;box-sizing:border-box;border:none;background:none;cursor:pointer;}.link.svelte-8utcjm {background:none;border:none;color:var(--44-color-2);cursor:pointer;padding:0;font:inherit;}.link.svelte-8utcjm:hover {color:var(--44-color-3);text-decoration:underline;}.container.svelte-8utcjm {padding:16px;}.display.svelte-8utcjm {display:flex;align-items:center;gap:12px;}.details.svelte-8utcjm .title:where(.svelte-8utcjm) {font-weight:bold;margin-top:16px;margin-bottom:8px;}"
 };
-function ee(a, t) {
-  Y(t, !0), Z(a, je);
-  let l = L(t, "recordingId", 7), r = L(t, "recording", 7), i = L(t, "audioRef", 7), v = E(!1), z = E(!1), k = E(0), x = E("idle");
-  i().addEventListener("play", () => {
-    c(x, "playing");
-  }), i().addEventListener("pause", () => {
-    c(x, "paused");
-  }), i().addEventListener("ended", () => {
-    c(x, "idle"), c(k, 0);
-  }), i().addEventListener("timeupdate", () => {
-    c(k, i().currentTime * 1e3);
+function ee(i, t) {
+  Y(t, !0), Z(i, we);
+  let n = x(t, "recordingId", 7), r = x(t, "recording", 7), a = x(t, "audioRef", 7), v = x(t, "apiHost", 7), T = L(!1), m = L(!1), q = L(0), _ = L("idle");
+  a().addEventListener("play", () => {
+    d(_, "playing");
+  }), a().addEventListener("pause", () => {
+    d(_, "paused");
+  }), a().addEventListener("ended", () => {
+    d(_, "idle"), d(q, 0);
+  }), a().addEventListener("timeupdate", () => {
+    d(q, a().currentTime * 1e3);
   });
-  var H = {
+  var F = {
     get recordingId() {
-      return l();
+      return n();
     },
-    set recordingId(o) {
-      l(o), T();
+    set recordingId(e) {
+      n(e), j();
     },
     get recording() {
       return r();
     },
-    set recording(o) {
-      r(o), T();
+    set recording(e) {
+      r(e), j();
     },
     get audioRef() {
-      return i();
+      return a();
+    },
+    set audioRef(e) {
+      a(e), j();
     },
-    set audioRef(o) {
-      i(o), T();
+    get apiHost() {
+      return v();
+    },
+    set apiHost(e) {
+      v(e), j();
     }
-  }, q = xe(), u = h(q), B = h(u);
+  }, u = je(), w = b(u), O = b(w);
   {
-    let o = ce(() => `https://44hz.zuuu.us/recordings/${l()}/audio.mp3`);
-    de(B, {
+    let e = ve(() => `https://${v()}/recordings/${n()}/audio.mp3`);
+    ce(O, {
       get audioURL() {
-        return f(o);
+        return p(e);
       },
       get waveform() {
         return r().waveform;
       }
     });
   }
-  b(u);
-  var O = _(u, 2);
+  y(w);
+  var U = h(w, 2);
   {
-    var U = (o) => {
-      var e = ke(), s = h(e), D = _(h(s));
+    var B = (e) => {
+      var o = xe(), A = b(o), D = h(b(A));
       {
-        var G = (d) => {
-          var p = me(), A = _(I(p));
-          A.__click = [fe, v];
-          var K = h(A, !0);
-          b(A), R(() => P(K, f(v) ? "Original" : "Translation")), n(d, p);
+        var G = (l) => {
+          var g = _e(), C = h(R(g));
+          C.__click = [me, T];
+          var K = b(C, !0);
+          y(C), E(() => P(K, p(T) ? "Original" : "Translation")), s(l, g);
         };
-        y(D, (d) => {
-          r().translation && d(G);
+        k(D, (l) => {
+          r().translation && l(G);
         });
       }
-      b(s);
-      var F = _(s, 2), g = h(F);
+      y(A);
+      var c = h(A, 2), J = b(c);
       {
-        var J = (d) => {
-          var p = W();
-          R(() => P(p, r().translation)), n(d, p);
-        }, te = (d) => {
-          var p = Q(), A = I(p);
+        var te = (l) => {
+          var g = W();
+          E(() => P(g, r().translation)), s(l, g);
+        }, re = (l) => {
+          var g = Q(), C = R(g);
           {
-            var K = (j) => {
-              var C = Q(), ae = I(C);
+            var K = (H) => {
+              var S = Q(), ie = R(S);
               {
-                var ie = (w) => {
-                  var S = he(), M = I(S), N = _(M);
-                  N.__click = [_e, z], R((se) => P(M, `${se ?? ""}... `), [() => r().transcription.slice(0, 200)]), n(w, S);
-                }, oe = (w) => {
-                  var S = ye(), M = I(S), N = _(M);
-                  N.__click = [be, z], R(() => P(M, `${r().transcription ?? ""} `)), n(w, S);
+                var oe = (I) => {
+                  var z = be(), M = R(z), N = h(M);
+                  N.__click = [he, m], E((ne) => P(M, `${ne ?? ""}... `), [() => r().transcription.slice(0, 200)]), s(I, z);
+                }, se = (I) => {
+                  var z = ke(), M = R(z), N = h(M);
+                  N.__click = [ye, m], E(() => P(M, `${r().transcription ?? ""} `)), s(I, z);
                 };
-                y(ae, (w) => {
-                  f(z) ? w(oe, !1) : w(ie);
+                k(ie, (I) => {
+                  p(m) ? I(se, !1) : I(oe);
                 });
               }
-              n(j, C);
-            }, re = (j) => {
-              var C = W();
-              R(() => P(C, r().transcription)), n(j, C);
+              s(H, S);
+            }, ae = (H) => {
+              var S = W();
+              E(() => P(S, r().transcription)), s(H, S);
             };
-            y(
-              A,
-              (j) => {
-                r().transcription.length > 200 ? j(K) : j(re, !1);
+            k(
+              C,
+              (H) => {
+                r().transcription.length > 200 ? H(K) : H(ae, !1);
               },
               !0
             );
           }
-          n(d, p);
+          s(l, g);
         };
-        y(g, (d) => {
-          f(v) ? d(J) : d(te, !1);
+        k(J, (l) => {
+          p(T) ? l(te) : l(re, !1);
         });
       }
-      b(F), b(e), n(o, e);
+      y(c), y(o), s(e, o);
     };
-    y(O, (o) => {
-      r().transcription && o(U);
+    k(U, (e) => {
+      r().transcription && e(B);
     });
   }
-  return b(q), n(a, q), $(H);
+  return y(u), s(i, u), $(F);
 }
-le(["click"]);
-X(ee, { recordingId: {}, recording: {}, audioRef: {} }, [], [], !0);
-var we = m("<p>Loading...</p>"), Ie = m("<p>Error loading recording.</p>"), Re = m('<div class="container svelte-1kcle3q" role="group" aria-label="44 audio player"><!> <audio></audio></div>');
+de(["click"]);
+X(ee, { recordingId: {}, recording: {}, audioRef: {}, apiHost: {} }, [], [], !0);
+var He = f("<p>Loading...</p>"), Ie = f("<p>Error loading recording.</p>"), Re = f('<div class="container svelte-1kcle3q" role="group" aria-label="44 audio player"><!> <audio></audio></div>');
 const Ee = {
   hash: "svelte-1kcle3q",
   code: ":host {display:inline-block;font-size:inherit;font-family:system-ui;line-height:1.35;color:var(--44-color-1);}.container.svelte-1kcle3q {width:100%;border-radius:16px;background:var(--44-color-0);color:var(--44-color-1);}"
 };
-function Le(a, t) {
-  Y(t, !0), Z(a, Ee);
-  let l = L(t, "recordingId", 7), r = L(t, "theme", 7), i = L(t, "apiHost", 7, "api.44.audio");
-  const z = r().split(",").map((e) => e.trim()).map((e, s) => `--44-color-${s}: ${e};`).join(" ");
-  let k, x = E(!0), H = E(null);
-  ve(async () => {
+function Le(i, t) {
+  Y(t, !0), Z(i, Ee);
+  let n = x(t, "recordingId", 7), r = x(t, "theme", 7), a = x(t, "apiHost", 7, "api.44.audio");
+  const T = r().split(",").map((e) => e.trim()).map((e, o) => `--44-color-${o}: ${e};`).join(" ");
+  let m, q = L(!0), _ = L(null);
+  ue(async () => {
     try {
-      const e = await fetch(`https://${i()}/api/v1/recordings/${l()}/player`);
+      const e = await fetch(`https://${a()}/api/v1/recordings/${n()}/player`);
       if (!e.ok)
         throw new Error("Failed to fetch data");
-      const s = await e.json();
-      s.status === "ready" && c(H, s, !0);
+      const o = await e.json();
+      o.status === "ready" && d(_, o, !0);
     } catch (e) {
       console.error(e);
     } finally {
-      c(x, !1);
+      d(q, !1);
     }
   });
-  var q = {
+  var F = {
     get recordingId() {
-      return l();
+      return n();
     },
     set recordingId(e) {
-      l(e), T();
+      n(e), j();
     },
     get theme() {
       return r();
     },
     set theme(e) {
-      r(e), T();
+      r(e), j();
     },
     get apiHost() {
-      return i();
+      return a();
     },
     set apiHost(e = "api.44.audio") {
-      i(e), T();
+      a(e), j();
     }
-  }, u = Re(), B = h(u);
+  }, u = Re(), w = b(u);
   {
     var O = (e) => {
-      var s = we();
-      n(e, s);
+      var o = He();
+      s(e, o);
     }, U = (e) => {
-      var s = Q(), D = I(s);
+      var o = Q(), A = R(o);
       {
-        var G = (g) => {
-          ee(g, {
+        var D = (c) => {
+          ee(c, {
+            get apiHost() {
+              return a();
+            },
             get recordingId() {
-              return l();
+              return n();
             },
             get recording() {
-              return f(H);
+              return p(_);
             },
             get audioRef() {
-              return k;
+              return m;
             }
           });
-        }, F = (g) => {
+        }, G = (c) => {
           var J = Ie();
-          n(g, J);
+          s(c, J);
         };
-        y(
-          D,
-          (g) => {
-            f(H) ? g(G) : g(F, !1);
+        k(
+          A,
+          (c) => {
+            p(_) ? c(D) : c(G, !1);
           },
           !0
         );
       }
-      n(e, s);
+      s(e, o);
     };
-    y(B, (e) => {
-      f(x) ? e(O) : e(U, !1);
+    k(w, (e) => {
+      p(q) ? e(O) : e(U, !1);
     });
   }
-  var o = _(B, 2);
-  return ue(o, (e) => k = e, () => k), b(u), R(() => {
-    pe(u, z), ge(o, "src", `https://${i() ?? ""}/api/v1/recordings/${l() ?? ""}/audio.mp3`);
-  }), n(a, u), $(q);
+  var B = h(w, 2);
+  return ge(B, (e) => m = e, () => m), y(u), E(() => {
+    fe(u, T), pe(B, "src", `https://${a() ?? ""}/api/v1/recordings/${n() ?? ""}/audio.mp3`);
+  }), s(i, u), $(F);
 }
 customElements.define("fortyfour-audio-player", X(
   Le,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@44-audio/components",
-  "version": "0.1.0-dev.4",
+  "version": "0.1.0-dev.5",
   "private": false,
   "files": [
     "dist"