chore: modify build .d.ts methods & rebuild lib

Author: codeacme17

buildTypes.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck
 import glob from 'npm:fast-glob@3.2.12'
 import { Project } from 'https://deno.land/x/ts_morph/mod.ts'
@@ -24,7 +25,7 @@ const CONFIG_PATH = await Deno.realPath('./tsconfig.json')
     skipAddingFilesFromTsConfig: true,
   })
 
-  const files = await glob(['src/**/*.ts', 'src/**/*.vue'])
+  const files = await glob(['src/**/*.vue'])
   const sourceFiles = []
 
   let index = 1

lib/1llest-waveform-vue.mjs

@@ -1,7 +1,7 @@
-var E = Object.defineProperty;
-var O = (a, e, t) => e in a ? E(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var u = (a, e, t) => (O(a, typeof e != "symbol" ? e + "" : e, t), t);
-import { defineComponent as X, ref as h, onMounted as Y, watchEffect as m, onUnmounted as V, openBlock as q, createElementBlock as U, normalizeStyle as C, createVNode as j, Transition as G, withCtx as J, withDirectives as x, createElementVNode as v, vShow as A } from "vue";
+var P = Object.defineProperty;
+var O = (i, e, t) => e in i ? P(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var u = (i, e, t) => (O(i, typeof e != "symbol" ? e + "" : e, t), t);
+import { defineComponent as X, ref as h, onMounted as Y, watchEffect as g, onUnmounted as V, openBlock as q, createElementBlock as U, createVNode as j, Transition as G, withCtx as J, withDirectives as x, createElementVNode as v, normalizeStyle as m, vShow as A } from "vue";
 class K {
   constructor(e) {
     u(this, "props");
@@ -14,6 +14,8 @@ class K {
     return this.createFilterData();
   }
   get _audioDuration() {
+    if (!this.audioBuffer)
+      throw new Error("can not get duration before audio inited");
     return this.audioBuffer.duration;
   }
   async setupAudio() {
@@ -24,18 +26,18 @@ class K {
     this.audioBuffer = await this.audioCtx.decodeAudioData(t);
   }
   createFilterData() {
-    const e = this.props.samplingRate, t = this.audioBuffer.numberOfChannels, i = [], s = [];
-    for (let n = 0; n < t; n++)
-      i.push(this.audioBuffer.getChannelData(n));
-    for (let n = 0; n < e; n++) {
-      const c = [0, 0];
+    const e = this.props.samplingRate, t = this.audioBuffer.numberOfChannels, a = [], n = [];
+    for (let s = 0; s < t; s++)
+      a.push(this.audioBuffer.getChannelData(s));
+    for (let s = 0; s < e; s++) {
+      const l = [0, 0];
       for (let r = 0; r < t; r++) {
-        const y = Math.floor(i[r].length / e);
-        c[r] = i[r][n * y];
+        const C = Math.floor(a[r].length / e);
+        l[r] = a[r][s * C];
       }
-      s.push(c);
+      n.push(l);
     }
-    return Promise.resolve(s);
+    return Promise.resolve(n);
   }
   connectDestination() {
     this.createAudioBufferSourceNode(), this.disconnectDestination(), this.audioBufferSourceNode.connect(this.audioCtx.destination);
@@ -87,10 +89,10 @@ class Q extends K {
   }
 }
 class M {
-  constructor(e, t, i) {
+  constructor(e, t, a) {
     u(this, "canvasCtx");
-    var s;
-    this.canvas = e, this.props = t, this.filteredData = i, this.canvas = e, this.canvasCtx = (s = this.canvas) == null ? void 0 : s.getContext("2d"), this.props = t, this.filteredData = i;
+    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;
   }
   get _canvas() {
     return this.canvas;
@@ -114,15 +116,15 @@ class M {
     );
   }
   drawCanvasLines() {
-    const { canvas: e, canvasCtx: t, filteredData: i } = this;
-    i.forEach((s, n) => {
-      const c = e.width / i.length, r = c * n - c / 2;
+    const { canvas: e, canvasCtx: t, filteredData: a } = this;
+    a.forEach((n, s) => {
+      const l = e.width / a.length, r = l * s - l / 2;
       t.moveTo(
         r,
-        e.height / 2 - Math.abs(s[0]) * e.height * 0.4
+        e.height / 2 - Math.abs(n[0]) * e.height * 0.4
       ), t.lineTo(
         r,
-        e.height / 2 + Math.abs(s[0]) * e.height * 0.4
+        e.height / 2 + Math.abs(n[0]) * e.height * 0.4
       );
     });
   }
@@ -131,10 +133,10 @@ class M {
   }
 }
 class Z extends M {
-  constructor(t, i, s, n) {
-    super(t, i, s);
+  constructor(t, a, n, s) {
+    super(t, a, n);
     u(this, "waveCanvas");
-    this.waveCanvas = n;
+    this.waveCanvas = s;
   }
   setCanvasBase() {
     this.canvas.width = this.waveCanvas.width, this.canvas.height = this.waveCanvas.height, this.canvas.style.opacity = "1";
@@ -143,26 +145,26 @@ class Z extends M {
     this.canvasCtx.lineWidth = this.props.lineWidth, this.canvasCtx.lineCap = this.props.lineCap, this.canvasCtx.strokeStyle = this.props.maskColor, this.canvasCtx.stroke();
   }
 }
-function W(a) {
-  const e = Math.floor(a / 60), t = Math.floor(a % 60);
+function W(i) {
+  const e = Math.floor(i / 60), t = Math.floor(i % 60);
   return `${e}:${t < 10 ? "0" : ""}${t}`;
 }
-function tt(a, e) {
-  const t = at(() => B(a, e), 500);
+function tt(i, e) {
+  const t = at(() => B(i, e), 500);
   document.addEventListener("scroll", () => t());
 }
-function et(a, e) {
-  document.removeEventListener("scroll", () => B(a, e));
+function et(i, e) {
+  document.removeEventListener("scroll", () => B(i, e));
 }
-function B(a, e) {
-  const t = window.innerHeight, i = window.scrollY, s = window.pageYOffset + a.getBoundingClientRect().top;
-  s >= i - t / 4 && s - i - t < t / 4 && e();
+function B(i, e) {
+  const t = window.innerHeight, a = window.scrollY, n = window.pageYOffset + i.getBoundingClientRect().top;
+  n >= a - t / 4 && n - a - t < t / 4 && e();
 }
-function at(a, e) {
+function at(i, e) {
   let t;
   return () => {
     t || (t = setTimeout(() => {
-      a(), t = void 0;
+      i(), t = void 0;
     }, e));
   };
 }
@@ -179,7 +181,8 @@ const it = /* @__PURE__ */ X({
     maskColor: { default: "#fff" },
     lazy: { type: Boolean, default: !0 },
     skeleton: { type: Boolean, default: !0 },
-    skeletonColor: { default: "#232323" }
+    skeletonColor: { default: "#232323" },
+    interact: { type: Boolean, default: !0 }
   },
   emits: [
     "onInit",
@@ -189,66 +192,66 @@ const it = /* @__PURE__ */ X({
     "onFinish",
     "onClick"
   ],
-  setup(a, { expose: e, emit: t }) {
-    const i = a, s = h(!1), n = h(null);
+  setup(i, { expose: e, emit: t }) {
+    const a = i, n = h(!1), s = h(null);
     Y(async () => {
-      i.lazy ? (B(n.value, c), tt(
-        n.value,
-        c
-      ), m(async () => {
-        s.value && await S();
+      a.lazy ? (B(s.value, l), tt(
+        s.value,
+        l
+      ), g(async () => {
+        n.value && await S();
       })) : await S();
     }), V(() => {
-      i.lazy && et(n.value, c);
+      a.lazy && et(s.value, l);
     });
-    function c() {
-      s.value = !0;
+    function l() {
+      n.value = !0;
     }
-    const r = h(null), y = h(null), l = h(!1);
-    let o, f, w;
+    const r = h(null), C = h(null), c = h(!1);
+    let o, f, y;
     async function S() {
-      l.value || (t("onInit", !0), await T(), await Promise.all([b(), N()]), l.value = !0, t("onReady", l.value));
+      c.value || (t("onInit", !0), await T(), await Promise.all([N(), b()]), c.value = !0, t("onReady", c.value));
     }
     async function T() {
-      o = new Q(i), await o.setupAudio(), I();
+      o = new Q(a), await o.setupAudio(), I();
     }
-    async function b() {
+    async function N() {
       f = new M(
         r.value,
-        i,
+        a,
         await o._filterData
-      ), f.setupCanvas(), m(() => {
-        f._props = i, f.setCanvasStyle();
+      ), f.setupCanvas(), g(() => {
+        f._props = a, f.setCanvasStyle();
       });
     }
-    async function N() {
-      w = new Z(
-        y.value,
-        i,
+    async function b() {
+      y = new Z(
+        C.value,
+        a,
         await o._filterData,
         f._canvas
-      ), w.setupCanvas(), m(() => {
-        w._props = i, w.setCanvasStyle();
+      ), y.setupCanvas(), g(() => {
+        y._props = a, y.setCanvasStyle();
       });
     }
-    const g = h(0), p = h(0), _ = h(0);
+    const w = h(0), p = h(0), _ = h(0);
     function k() {
       !o._playing || (requestAnimationFrame(k), p.value = o._currentTime, _.value = p.value / o._audioDuration * f._canvas.width);
     }
     function R(d) {
-      !l.value || (g.value = d.layerX);
-    }
-    function $() {
-      if (!l.value)
-        return;
-      _.value = g.value;
-      const d = g.value / f._canvas.width * o._audioDuration;
-      o.pick(d), p.value = d, t("onClick", n), t("onFinish", !1);
+      !c.value || !a.interact || (w.value = d.layerX);
     }
     function z() {
-      !l.value || (o.play(), t("onPlay", !0), k());
+      if (!c.value || !a.interact)
+        return;
+      _.value = w.value;
+      const d = w.value / f._canvas.width * o._audioDuration;
+      o.pick(d), p.value = d, t("onClick", s), t("onFinish", !1);
     }
     function H() {
+      !c.value || (o.play(), t("onPlay", !0), k());
+    }
+    function $() {
       o.replay(), t("onFinish", !1), t("onPlay", !0), k();
     }
     function D() {
@@ -258,45 +261,44 @@ const it = /* @__PURE__ */ X({
       t("onFinish", !0);
     }
     function I() {
-      m(() => {
+      g(() => {
         p.value < o._audioDuration || (D(), F());
       });
     }
     function L() {
       return W(p.value);
     }
-    function P() {
+    function E() {
       const d = o._audioDuration;
       return W(d);
     }
     return e({
-      play: z,
+      play: H,
       pause: D,
-      replay: H,
+      replay: $,
       getCurrentTime: L,
-      getDuration: P
+      getDuration: E
     }), (d, ot) => (q(), U("section", {
       id: "ill-wave-container",
       ref_key: "waveformContainer",
-      ref: n,
-      style: C(`${l.value ? "cursor: pointer" : "cursor: progress;"}`),
+      ref: s,
       onMousemove: R,
-      onClick: $
+      onClick: z
     }, [
       j(G, { name: "fade" }, {
         default: J(() => [
           x(v("div", {
             id: "ill-skeleton",
-            style: C(`background-color: ${a.skeletonColor}`)
+            style: m(`background-color: ${i.skeletonColor}`)
           }, [
             x(v("div", {
               id: "ill-skeleton__load",
-              style: C(`background-color: ${a.skeletonColor}`)
+              style: m(`background-color: ${i.skeletonColor}`)
             }, null, 4), [
-              [A, !l.value]
+              [A, !c.value]
             ])
           ], 4), [
-            [A, i.skeleton && !l.value]
+            [A, a.skeleton && !c.value]
           ])
         ]),
         _: 1
@@ -308,34 +310,34 @@ const it = /* @__PURE__ */ X({
       }, null, 512),
       v("div", {
         id: "ill-waveMask-container",
-        style: C(`width:${_.value}px;`)
+        style: m(`width:${_.value}px;`)
       }, [
         v("canvas", {
           id: "ill-waveMask",
           ref_key: "maskRef",
-          ref: y
+          ref: C
         }, null, 512)
       ], 4),
       x(v("div", {
         id: "ill-cursor",
-        style: C(`width:${i.cursorWidth}px; transform: translateX(${g.value}px);background-color: ${i.cursorColor}; `)
+        style: m(`width:${a.cursorWidth}px; transform: translateX(${w.value}px);background-color: ${a.cursorColor}; `)
       }, null, 4), [
-        [A, l.value]
+        [A, c.value && a.interact]
       ])
-    ], 36));
+    ], 544));
   }
 });
-const st = (a, e) => {
-  const t = a.__vccOpts || a;
-  for (const [i, s] of e)
-    t[i] = s;
+const nt = (i, e) => {
+  const t = i.__vccOpts || i;
+  for (const [a, n] of e)
+    t[a] = n;
   return t;
-}, nt = /* @__PURE__ */ st(it, [["__scopeId", "data-v-528b7817"]]), lt = {
-  install: (a) => {
-    a.component("IllestWaveform", nt);
+}, st = /* @__PURE__ */ nt(it, [["__scopeId", "data-v-5260ed6e"]]), lt = {
+  install: (i) => {
+    i.component("IllestWaveform", st);
   }
 };
 export {
-  nt as IllestWaveform,
+  st as IllestWaveform,
   lt as default
 };