chore: rebuild lib

Author: codeacme17

lib/1llest-waveform-vue.mjs

@@ -1,10 +1,10 @@
-var I = Object.defineProperty;
-var L = (i, e, t) => e in i ? I(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var l = (i, e, t) => (L(i, typeof e != "symbol" ? e + "" : e, t), t);
-import { defineComponent as $, ref as d, onMounted as E, watchEffect as g, onUnmounted as P, openBlock as O, createElementBlock as X, createVNode as Y, Transition as V, withCtx as q, withDirectives as m, createElementVNode as y, normalizeStyle as _, vShow as A } from "vue";
+var $ = Object.defineProperty;
+var I = (i, e, t) => e in i ? $(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var u = (i, e, t) => (I(i, typeof e != "symbol" ? e + "" : e, t), t);
+import { defineComponent as L, ref as d, onMounted as E, watchEffect as m, onUnmounted as O, openBlock as P, createElementBlock as X, normalizeStyle as y, createVNode as Y, Transition as V, withCtx as q, withDirectives as _, createElementVNode as C, vShow as A } from "vue";
 class U {
   constructor(e, t, a) {
-    l(this, "canvasCtx");
+    u(this, "canvasCtx");
     var n;
     this.canvas = e, this.props = t, this.filteredData = a, this.canvas = e, this.canvasCtx = (n = this.canvas) == null ? void 0 : n.getContext("2d"), this.props = t, this.filteredData = a;
   }
@@ -32,12 +32,12 @@ class U {
   drawCanvasLines() {
     const { canvas: e, canvasCtx: t, filteredData: a } = this;
     a.forEach((n, o) => {
-      const c = e.width / a.length, r = c * o - c / 2;
+      const c = e.width / a.length, l = c * o - c / 2;
       t.moveTo(
-        r,
+        l,
         e.height / 2 - Math.abs(n[0]) * e.height * 0.4
       ), t.lineTo(
-        r,
+        l,
         e.height / 2 + Math.abs(n[0]) * e.height * 0.4
       );
     });
@@ -57,40 +57,49 @@ class U {
 }
 class j {
   constructor(e) {
-    l(this, "props");
-    l(this, "audioCtx");
-    l(this, "audioBuffer");
-    l(this, "audioBufferSourceNode");
+    u(this, "props");
+    u(this, "audioCtx");
+    u(this, "audioBuffer");
+    u(this, "audioBufferSourceNode");
+    u(this, "filterData");
+    u(this, "response");
     this.props = e, this.audioCtx = new AudioContext();
   }
   get _filterData() {
-    return this.createFilterData();
+    return this.filterData;
   }
   get _audioDuration() {
     if (!this.audioBuffer)
       throw new Error("can not get duration before audio inited");
     return this.audioBuffer.duration;
   }
   async setupAudio() {
-    await this.createAudioBuffer();
+    await this.createAudioBuffer(), this.createFilterData();
+  }
+  async fetchAudioFile() {
+    try {
+      this.response = await fetch(this.props.url);
+    } catch (e) {
+      console.error(e);
+    }
   }
   async createAudioBuffer() {
-    const t = await (await fetch(this.props.url)).arrayBuffer();
-    this.audioBuffer = await this.audioCtx.decodeAudioData(t);
+    const e = await this.response.arrayBuffer();
+    this.audioBuffer = await this.audioCtx.decodeAudioData(e);
   }
   createFilterData() {
     const e = this.props.samplingRate, t = this.audioBuffer.numberOfChannels, a = [], n = [];
     for (let o = 0; o < t; o++)
       a.push(this.audioBuffer.getChannelData(o));
     for (let o = 0; o < e; o++) {
       const c = [0, 0];
-      for (let r = 0; r < t; r++) {
-        const u = Math.floor(a[r].length / e);
-        c[r] = a[r][o * u];
+      for (let l = 0; l < t; l++) {
+        const r = Math.floor(a[l].length / e);
+        c[l] = a[l][o * r];
       }
       n.push(c);
     }
-    return Promise.resolve(n);
+    this.filterData = n;
   }
   connectDestination() {
     this.createAudioBufferSourceNode(), this.disconnectDestination(), this.audioBufferSourceNode.connect(this.audioCtx.destination);
@@ -105,10 +114,10 @@ class j {
 class G extends j {
   constructor(t) {
     super(t);
-    l(this, "startAt");
-    l(this, "pauseAt");
-    l(this, "pickAt");
-    l(this, "playing");
+    u(this, "startAt");
+    u(this, "pauseAt");
+    u(this, "pickAt");
+    u(this, "playing");
     this.startAt = 0, this.pauseAt = 0, this.pickAt = 0, this.playing = !1;
   }
   get _playing() {
@@ -141,7 +150,7 @@ class G extends j {
     this.playing = !1, this.startAt = 0, this.pauseAt = 0, this.pickAt = 0;
   }
 }
-function S(i) {
+function D(i) {
   const e = Math.floor(i / 60), t = Math.floor(i % 60);
   return `${e}:${t < 10 ? "0" : ""}${t}`;
 }
@@ -164,7 +173,7 @@ function Q(i, e) {
     }, e));
   };
 }
-const Z = /* @__PURE__ */ $({
+const Z = /* @__PURE__ */ L({
   __name: "IllestWaveform",
   props: {
     url: null,
@@ -175,13 +184,14 @@ const Z = /* @__PURE__ */ $({
     cursorWidth: { default: 2 },
     cursorColor: { default: "#fff" },
     maskColor: { default: "#fff" },
-    lazy: { type: Boolean, default: !0 },
-    skeleton: { type: Boolean, default: !0 },
+    lazy: { type: [Boolean, null], default: !0 },
+    skeleton: { type: [Boolean, null], default: !0 },
     skeletonColor: { default: "#232323" },
-    interact: { type: Boolean, default: !0 }
+    interact: { type: [Boolean, null], default: !0 }
   },
   emits: [
     "onInit",
+    "onFetched",
     "onReady",
     "onPlay",
     "onPause",
@@ -194,121 +204,122 @@ const Z = /* @__PURE__ */ $({
       a.lazy ? (k(o.value, c), J(
         o.value,
         c
-      ), g(async () => {
+      ), m(async () => {
         n.value && await x();
       })) : await x();
-    }), P(() => {
+    }), O(() => {
       a.lazy && K(o.value, c);
     });
     function c() {
       n.value = !0;
     }
-    const r = d(null), u = d(!1);
-    let s, h;
+    const l = d(null), r = d(!1);
+    let s, f;
     async function x() {
-      u.value || (t("onInit", !0), await D(), await Promise.all([W()]), u.value = !0, t("onReady", u.value));
+      r.value || (t("onInit", !0), await S(), await W(), r.value = !0, t("onReady", r.value));
     }
-    async function D() {
-      s = new G(a), await s.setupAudio(), z();
+    async function S() {
+      s = new G(a), await s.fetchAudioFile(), t("onFetched", !0), await s.setupAudio(), R();
     }
     async function W() {
-      h = new U(
-        r.value,
+      f = new U(
+        l.value,
         a,
-        await s._filterData
-      ), h.setupCanvas(), g(() => {
-        h._props = a, h.setWaveStyle(w.value);
+        s._filterData
+      ), f.setupCanvas(), m(() => {
+        f._props = a, f.setWaveStyle(w.value);
       });
     }
     const v = d(0), p = d(0), w = d(0);
-    function C() {
-      !s._playing || (requestAnimationFrame(C), p.value = s._currentTime, w.value = p.value / s._audioDuration * h._canvas.width);
+    function g() {
+      !s._playing || (requestAnimationFrame(g), p.value = s._currentTime, w.value = p.value / s._audioDuration * f._canvas.width);
     }
-    function T(f) {
-      !u.value || !a.interact || (f.layerX <= 0 ? v.value = 0 : f.layerX >= h._canvas.width ? v.value = h._canvas.width : v.value = f.layerX);
+    function T(h) {
+      !r.value || !a.interact || (h.layerX <= 0 ? v.value = 0 : h.layerX >= f._canvas.width ? v.value = f._canvas.width : v.value = h.layerX);
     }
-    function b() {
-      if (!u.value || !a.interact)
+    function N() {
+      if (!r.value || !a.interact)
         return;
       w.value = v.value;
-      const f = v.value / h._canvas.width * s._audioDuration;
-      s.pick(f), p.value = f, t("onClick", o), t("onFinish", !1);
+      const h = v.value / f._canvas.width * s._audioDuration;
+      s.pick(h), p.value = h, t("onClick", o), t("onFinish", !1);
     }
-    function N() {
-      !u.value || (s.play(), t("onPlay", !0), C());
+    function b() {
+      !r.value || (s.play(), t("onPlay", !0), g());
     }
-    function M() {
-      s.replay(), t("onFinish", !1), t("onPlay", !0), C();
+    function F() {
+      s.replay(), t("onFinish", !1), t("onPlay", !0), g();
     }
     function B() {
       s.pause(), t("onPause", !1);
     }
-    function R() {
+    function M() {
       t("onFinish", !0);
     }
-    function z() {
-      g(() => {
-        p.value < s._audioDuration || (B(), R());
+    function R() {
+      m(() => {
+        p.value < s._audioDuration || (B(), M());
       });
     }
-    function H() {
-      return S(p.value);
+    function z() {
+      return D(p.value);
     }
-    function F() {
-      const f = s._audioDuration;
-      return S(f);
+    function H() {
+      const h = s._audioDuration;
+      return D(h);
     }
     return e({
-      play: N,
+      play: b,
       pause: B,
-      replay: M,
-      getCurrentTime: H,
-      getDuration: F
-    }), (f, at) => (O(), X("section", {
+      replay: F,
+      getCurrentTime: z,
+      getDuration: H
+    }), (h, at) => (P(), X("section", {
       id: "illest-wave-container",
       ref_key: "waveformContainer",
       ref: o,
+      style: y(`${r.value && i.interact ? "cursor: pointer" : ""}`),
       onMousemove: T,
-      onClick: b
+      onClick: N
     }, [
       Y(V, { name: "fade" }, {
         default: q(() => [
-          m(y("div", {
+          _(C("div", {
             id: "illest-skeleton",
-            style: _(`background-color: ${i.skeletonColor}`)
+            style: y(`background-color: ${i.skeletonColor}`)
           }, [
-            m(y("div", {
+            _(C("div", {
               id: "illest-skeleton__load",
-              style: _(`background-color: ${i.skeletonColor}`)
+              style: y(`background-color: ${i.skeletonColor}`)
             }, null, 4), [
-              [A, !u.value]
+              [A, !r.value]
             ])
           ], 4), [
-            [A, a.skeleton && !u.value]
+            [A, a.skeleton && !r.value]
           ])
         ]),
         _: 1
       }),
-      y("canvas", {
+      C("canvas", {
         id: "illest-wave",
         ref_key: "waveRef",
-        ref: r
+        ref: l
       }, null, 512),
-      m(y("div", {
+      _(C("div", {
         id: "illest-cursor",
-        style: _(`width:${a.cursorWidth}px; transform: translateX(${v.value}px);background-color: ${a.cursorColor}; `)
+        style: y(`width:${a.cursorWidth}px; transform: translateX(${v.value}px);background-color: ${a.cursorColor}; `)
       }, null, 4), [
-        [A, u.value && a.interact]
+        [A, r.value && a.interact]
       ])
-    ], 544));
+    ], 36));
   }
 });
 const tt = (i, e) => {
   const t = i.__vccOpts || i;
   for (const [a, n] of e)
     t[a] = n;
   return t;
-}, et = /* @__PURE__ */ tt(Z, [["__scopeId", "data-v-d8823252"]]), ot = {
+}, et = /* @__PURE__ */ tt(Z, [["__scopeId", "data-v-10d3d361"]]), ot = {
   install: (i) => {
     i.component("IllestWaveform", et);
   }