@meersagor/wavesurfer-vue 0.0.3 → 0.0.5

package/README.md

@@ -46,7 +46,6 @@ const options = ref({
   barWidth: 5,
   barRadius: 8,
   duration: 80,
-  // cursorWidth: 0,
   url: "https://revews-bucket.s3.ap-southeast-1.amazonaws.com/a06mmMU3sgnzuUkH4OiHvyuUgCFdLSnJaDLBao7y.webm",
 })
 
@@ -123,7 +122,57 @@ const formatTime = (seconds: number):string => [seconds / 60, seconds % 60].map(
 
 
 
-## useUseWaveSurferRecorder: composeable method Return Types
+## useWaveSurferRecorder: composable method Return Types
+
+```vue
+<script lang="ts" setup>
+import { computed, ref } from 'vue'
+import { useWaveSurferRecorder } from '@meersagor/wavesurfer-vue'
+const showAudioRecordButton = ref<boolean>(true)
+const containerRef = ref<HTMLDivElement | null>(null)
+
+const options = computed(() => ({
+    height: 48,
+    waveColor: "#66667D",
+    progressColor: "#6A24FF",
+    barGap: 5,
+    barWidth: 5,
+    barRadius: 8,
+    cursorWidth: 0,
+    url: "https://revews-bucket.s3.ap-southeast-1.amazonaws.com/a06mmMU3sgnzuUkH4OiHvyuUgCFdLSnJaDLBao7y.webm",
+}))
+
+const { pauseRecording, startRecording, stopRecording, currentTime, isPauseResume } = useWaveSurferRecorder({
+    containerRef,
+    options: options.value,
+})
+
+const startAudioRecordHandler = () => {
+    startRecording()
+    showAudioRecordButton.value = false
+}
+
+const stopHandler = async () => {
+    const blob = await stopRecording()
+    console.log('blob =====', blob);
+    showAudioRecordButton.value = true
+}
+</script>
+
+<template>
+    <div>
+        <div>
+            <div ref="containerRef"></div>
+        </div>
+        <p>{{ currentTime }}</p>
+        <button v-if="showAudioRecordButton" @click="startAudioRecordHandler"> Start Recording </button>
+        <div v-else>
+            <button @click="pauseRecording">{{ isPauseResume ? 'pause' : 'resume' }}</button>
+            <button @click="stopHandler">Stop</button>
+        </div>
+    </div>
+</template>
+```
 
 ### `waveSurfer`
 

package/dist/@meersagor-wavesurfer-vue.js

@@ -1,73 +1,331 @@
-import { ref as r, onMounted as c, onUnmounted as i, defineComponent as m, getCurrentInstance as y, openBlock as S, createElementBlock as h } from "vue";
-import W from "wavesurfer.js";
-const g = ({ containerRef: e, options: l }) => {
-  const a = r(null), t = () => {
-    e.value && (a.value = W.create({
-      container: e.value,
-      ...l
+import { ref as v, onMounted as g, onUnmounted as b, defineComponent as T, getCurrentInstance as O, openBlock as k, createElementBlock as E, computed as P } from "vue";
+import I from "wavesurfer.js";
+const A = ({ containerRef: n, options: e }) => {
+  const t = v(null), i = () => {
+    n.value && (t.value = I.create({
+      container: n.value,
+      ...e
     }));
-  }, n = () => {
-    a.value && (a.value.destroy(), a.value = null);
-  };
-  return c(() => {
-    t();
-  }), i(() => {
-    n();
-  }), { waveSurfer: a };
-}, _ = (e) => {
-  const l = r(!1), a = r(!1), t = r(0), n = r(0), o = () => {
-    l.value = !1, a.value = !1, t.value = 0;
-  }, u = (p) => {
-    l.value = !0, a.value = !1, t.value = 0, n.value = p;
   }, s = () => {
-    a.value = !0;
-  }, v = () => {
-    a.value = !1;
+    t.value && (t.value.destroy(), t.value = null);
+  };
+  return g(() => {
+    i();
+  }), b(() => {
+    s();
+  }), { waveSurfer: t };
+}, x = (n) => {
+  const e = v(!1), t = v(!1), i = v(0), s = v(0), r = () => {
+    e.value = !1, t.value = !1, i.value = 0;
+  }, o = (p) => {
+    e.value = !0, t.value = !1, i.value = 0, s.value = p;
+  }, u = () => {
+    t.value = !0;
   }, d = () => {
-    e.value && (t.value = e.value.getCurrentTime());
-  }, f = () => {
-    l.value = !1, a.value = !1;
+    t.value = !1;
+  }, l = () => {
+    n.value && (i.value = n.value.getCurrentTime());
+  }, c = () => {
+    e.value = !1, t.value = !1;
   };
-  return c(() => {
-    e.value && (e.value.on("load", o), e.value.on("ready", u), e.value.on("play", s), e.value.on("pause", v), e.value.on("timeupdate", d), e.value.on("destroy", f));
-  }), i(() => {
-    e.value && e.value.unAll();
+  return g(() => {
+    n.value && (n.value.on("load", r), n.value.on("ready", o), n.value.on("play", u), n.value.on("pause", d), n.value.on("timeupdate", l), n.value.on("destroy", c));
+  }), b(() => {
+    n.value && n.value.unAll();
   }), {
-    isReady: l,
-    isPlaying: a,
-    currentTime: t,
-    totalDuration: n
+    isReady: e,
+    isPlaying: t,
+    currentTime: i,
+    totalDuration: s
   };
-}, k = ({ containerRef: e, options: l }) => {
-  const { waveSurfer: a } = g({ containerRef: e, options: l }), { isReady: t, totalDuration: n, isPlaying: o, currentTime: u } = _(a);
+}, B = ({ containerRef: n, options: e }) => {
+  const { waveSurfer: t } = A({ containerRef: n, options: e }), { isReady: i, totalDuration: s, isPlaying: r, currentTime: o } = x(t);
   return {
-    waveSurfer: a,
-    isReady: t,
-    totalDuration: n,
-    isPlaying: o,
-    currentTime: u
+    waveSurfer: t,
+    isReady: i,
+    totalDuration: s,
+    isPlaying: r,
+    currentTime: o
   };
-}, P = ["audioprocess", "click", "dblclick", "decode", "drag", "finish", "init", "interaction", "load", "loading", "pause", "play", "ready", "redraw", "redrawcomplete", "scroll", "seeking", "timeupdate", "zoom"], T = /* @__PURE__ */ m({
+}, F = ["audioprocess", "click", "dblclick", "decode", "drag", "finish", "init", "interaction", "load", "loading", "pause", "play", "ready", "redraw", "redrawcomplete", "scroll", "seeking", "timeupdate", "zoom"], L = /* @__PURE__ */ T({
   __name: "WaveSurferPlayer",
   props: {
     options: {}
   },
-  setup(e) {
-    const l = e, a = r(null), { waveSurfer: t } = k({ containerRef: a, options: l.options }), n = y();
-    return c(() => {
-      P.forEach((o) => {
-        var u;
-        (u = t.value) == null || u.on(o, (...s) => {
-          n == null || n.emit(o, ...s);
+  setup(n) {
+    const e = n, t = v(null), { waveSurfer: i } = B({ containerRef: t, options: e.options }), s = O();
+    return g(() => {
+      F.forEach((r) => {
+        var o;
+        (o = i.value) == null || o.on(r, (...u) => {
+          s == null || s.emit(r, ...u);
         });
-      }), n == null || n.emit("waveSurfer", t.value);
-    }), (o, u) => (S(), h("div", {
+      }), s == null || s.emit("waveSurfer", i.value);
+    }), (r, o) => (k(), E("div", {
       ref_key: "containerRef",
-      ref: a
+      ref: t
     }, null, 512));
   }
 });
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+function w(n, e, t, i) {
+  return new (t || (t = Promise))(function(s, r) {
+    function o(l) {
+      try {
+        d(i.next(l));
+      } catch (c) {
+        r(c);
+      }
+    }
+    function u(l) {
+      try {
+        d(i.throw(l));
+      } catch (c) {
+        r(c);
+      }
+    }
+    function d(l) {
+      var c;
+      l.done ? s(l.value) : (c = l.value, c instanceof t ? c : new t(function(p) {
+        p(c);
+      })).then(o, u);
+    }
+    d((i = i.apply(n, e || [])).next());
+  });
+}
+class D {
+  constructor() {
+    this.listeners = {};
+  }
+  on(e, t, i) {
+    if (this.listeners[e] || (this.listeners[e] = /* @__PURE__ */ new Set()), this.listeners[e].add(t), i == null ? void 0 : i.once) {
+      const s = () => {
+        this.un(e, s), this.un(e, t);
+      };
+      return this.on(e, s), s;
+    }
+    return () => this.un(e, t);
+  }
+  un(e, t) {
+    var i;
+    (i = this.listeners[e]) === null || i === void 0 || i.delete(t);
+  }
+  once(e, t) {
+    return this.on(e, t, { once: !0 });
+  }
+  unAll() {
+    this.listeners = {};
+  }
+  emit(e, ...t) {
+    this.listeners[e] && this.listeners[e].forEach((i) => i(...t));
+  }
+}
+class _ extends D {
+  constructor(e) {
+    super(), this.subscriptions = [], this.options = e;
+  }
+  onInit() {
+  }
+  _init(e) {
+    this.wavesurfer = e, this.onInit();
+  }
+  destroy() {
+    this.emit("destroy"), this.subscriptions.forEach((e) => e());
+  }
+}
+class q extends D {
+  constructor() {
+    super(...arguments), this.unsubscribe = () => {
+    };
+  }
+  start() {
+    this.unsubscribe = this.on("tick", () => {
+      requestAnimationFrame(() => {
+        this.emit("tick");
+      });
+    }), this.emit("tick");
+  }
+  stop() {
+    this.unsubscribe();
+  }
+  destroy() {
+    this.unsubscribe();
+  }
+}
+const C = ["audio/webm", "audio/wav", "audio/mpeg", "audio/mp4", "audio/mp3"];
+class y extends _ {
+  constructor(e) {
+    var t, i, s, r;
+    super(Object.assign(Object.assign({}, e), { audioBitsPerSecond: (t = e.audioBitsPerSecond) !== null && t !== void 0 ? t : 128e3, scrollingWaveform: (i = e.scrollingWaveform) !== null && i !== void 0 && i, scrollingWaveformWindow: (s = e.scrollingWaveformWindow) !== null && s !== void 0 ? s : 5, renderRecordedAudio: (r = e.renderRecordedAudio) === null || r === void 0 || r })), this.stream = null, this.mediaRecorder = null, this.dataWindow = null, this.isWaveformPaused = !1, this.lastStartTime = 0, this.lastDuration = 0, this.duration = 0, this.timer = new q(), this.subscriptions.push(this.timer.on("tick", () => {
+      const o = performance.now() - this.lastStartTime;
+      this.duration = this.isPaused() ? this.duration : this.lastDuration + o, this.emit("record-progress", this.duration);
+    }));
+  }
+  static create(e) {
+    return new y(e || {});
+  }
+  renderMicStream(e) {
+    const t = new AudioContext(), i = t.createMediaStreamSource(e), s = t.createAnalyser();
+    i.connect(s);
+    const r = s.frequencyBinCount, o = new Float32Array(r);
+    let u;
+    const d = Math.floor((this.options.scrollingWaveformWindow || 0) * t.sampleRate), l = () => {
+      var c;
+      if (this.isWaveformPaused)
+        return void (u = requestAnimationFrame(l));
+      if (s.getFloatTimeDomainData(o), this.options.scrollingWaveform) {
+        const R = Math.min(d, this.dataWindow ? this.dataWindow.length + r : r), a = new Float32Array(d);
+        if (this.dataWindow) {
+          const h = Math.max(0, d - this.dataWindow.length);
+          a.set(this.dataWindow.slice(-R + r), h);
+        }
+        a.set(o, d - r), this.dataWindow = a;
+      } else
+        this.dataWindow = o;
+      const p = this.options.scrollingWaveformWindow;
+      this.wavesurfer && ((c = this.originalOptions) !== null && c !== void 0 || (this.originalOptions = { cursorWidth: this.wavesurfer.options.cursorWidth, interact: this.wavesurfer.options.interact }), this.wavesurfer.options.cursorWidth = 0, this.wavesurfer.options.interact = !1, this.wavesurfer.load("", [this.dataWindow], p)), u = requestAnimationFrame(l);
+    };
+    return l(), { onDestroy: () => {
+      cancelAnimationFrame(u), i == null || i.disconnect(), t == null || t.close();
+    }, onEnd: () => {
+      this.isWaveformPaused = !0, cancelAnimationFrame(u), this.stopMic();
+    } };
+  }
+  startMic(e) {
+    return w(this, void 0, void 0, function* () {
+      let t;
+      try {
+        t = yield navigator.mediaDevices.getUserMedia({ audio: !(e != null && e.deviceId) || { deviceId: e.deviceId } });
+      } catch (r) {
+        throw new Error("Error accessing the microphone: " + r.message);
+      }
+      const { onDestroy: i, onEnd: s } = this.renderMicStream(t);
+      return this.subscriptions.push(this.once("destroy", i)), this.subscriptions.push(this.once("record-end", s)), this.stream = t, t;
+    });
+  }
+  stopMic() {
+    this.stream && (this.stream.getTracks().forEach((e) => e.stop()), this.stream = null, this.mediaRecorder = null);
+  }
+  startRecording(e) {
+    return w(this, void 0, void 0, function* () {
+      const t = this.stream || (yield this.startMic(e));
+      this.dataWindow = null;
+      const i = this.mediaRecorder || new MediaRecorder(t, { mimeType: this.options.mimeType || C.find((o) => MediaRecorder.isTypeSupported(o)), audioBitsPerSecond: this.options.audioBitsPerSecond });
+      this.mediaRecorder = i, this.stopRecording();
+      const s = [];
+      i.ondataavailable = (o) => {
+        o.data.size > 0 && s.push(o.data);
+      };
+      const r = (o) => {
+        var u;
+        const d = new Blob(s, { type: i.mimeType });
+        this.emit(o, d), this.options.renderRecordedAudio && (this.applyOriginalOptionsIfNeeded(), (u = this.wavesurfer) === null || u === void 0 || u.load(URL.createObjectURL(d)));
+      };
+      i.onpause = () => r("record-pause"), i.onstop = () => r("record-end"), i.start(), this.lastStartTime = performance.now(), this.lastDuration = 0, this.duration = 0, this.isWaveformPaused = !1, this.timer.start(), this.emit("record-start");
+    });
+  }
+  getDuration() {
+    return this.duration;
+  }
+  isRecording() {
+    var e;
+    return ((e = this.mediaRecorder) === null || e === void 0 ? void 0 : e.state) === "recording";
+  }
+  isPaused() {
+    var e;
+    return ((e = this.mediaRecorder) === null || e === void 0 ? void 0 : e.state) === "paused";
+  }
+  isActive() {
+    var e;
+    return ((e = this.mediaRecorder) === null || e === void 0 ? void 0 : e.state) !== "inactive";
+  }
+  stopRecording() {
+    var e;
+    this.isActive() && ((e = this.mediaRecorder) === null || e === void 0 || e.stop(), this.timer.stop());
+  }
+  pauseRecording() {
+    var e, t;
+    this.isRecording() && (this.isWaveformPaused = !0, (e = this.mediaRecorder) === null || e === void 0 || e.requestData(), (t = this.mediaRecorder) === null || t === void 0 || t.pause(), this.timer.stop(), this.lastDuration = this.duration);
+  }
+  resumeRecording() {
+    var e;
+    this.isPaused() && (this.isWaveformPaused = !1, (e = this.mediaRecorder) === null || e === void 0 || e.resume(), this.timer.start(), this.lastStartTime = performance.now(), this.emit("record-resume"));
+  }
+  static getAvailableAudioDevices() {
+    return w(this, void 0, void 0, function* () {
+      return navigator.mediaDevices.enumerateDevices().then((e) => e.filter((t) => t.kind === "audioinput"));
+    });
+  }
+  destroy() {
+    this.applyOriginalOptionsIfNeeded(), super.destroy(), this.stopRecording(), this.stopMic();
+  }
+  applyOriginalOptionsIfNeeded() {
+    this.wavesurfer && this.originalOptions && (this.wavesurfer.options.cursorWidth = this.originalOptions.cursorWidth, this.wavesurfer.options.interact = this.originalOptions.interact, delete this.originalOptions);
+  }
+}
+const z = ({ containerRef: n, options: e }) => {
+  const { waveSurfer: t } = A({ containerRef: n, options: e }), i = v(null), s = v(0), r = v(!1), o = v(!1), u = P(() => [
+    Math.floor(s.value % 36e5 / 6e4),
+    // minutes
+    Math.floor(s.value % 6e4 / 1e3)
+    // seconds
+  ].map((a) => a < 10 ? "0" + a : a).join(":")), d = P(() => r.value || !o.value), l = () => {
+    var a;
+    i.value && ((a = i.value) == null || a.on("record-progress", (h) => {
+      s.value = h;
+    }));
+  }, c = () => {
+    var a, h, m, f;
+    if ((a = i.value) != null && a.isRecording() || (h = i.value) != null && h.isPaused()) {
+      (m = i.value) == null || m.stopRecording(), r.value = !1, o.value = !0;
+      return;
+    }
+    (f = i.value) == null || f.startRecording(), r.value = !0, o.value = !1, l();
+  }, p = () => new Promise((a) => {
+    var m, f, W, S;
+    let h;
+    ((m = i.value) != null && m.isRecording() || (f = i.value) != null && f.isPaused()) && ((W = i.value) == null || W.stopRecording(), r.value = !1, o.value = !1), (S = i.value) == null || S.on("record-end", (M) => {
+      h = M, a(h);
+    });
+  }), R = () => {
+    var a, h, m;
+    if ((a = i.value) != null && a.isPaused()) {
+      (h = i.value) == null || h.resumeRecording(), r.value = !0, o.value = !1;
+      return;
+    }
+    r.value = !1, o.value = !0, (m = i.value) == null || m.pauseRecording();
+  };
+  return g(() => {
+    var h;
+    const a = (h = t.value) == null ? void 0 : h.registerPlugin(y.create({ renderRecordedAudio: !1 }));
+    a && (i.value = a);
+  }), {
+    waveSurfer: t,
+    waveSurferRecorder: i,
+    currentTime: u,
+    startRecording: c,
+    stopRecording: p,
+    pauseRecording: R,
+    isRecording: r,
+    isPaused: o,
+    isPauseResume: d
+  };
+};
 export {
-  T as WaveSurferPlayer,
-  k as useWaveSurfer
+  L as WaveSurferPlayer,
+  B as useWaveSurfer,
+  z as useWaveSurferRecorder
 };

package/dist/@meersagor-wavesurfer-vue.umd.cjs

@@ -1 +1,14 @@
-(function(l,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("wavesurfer.js")):typeof define=="function"&&define.amd?define(["exports","vue","wavesurfer.js"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l["@meersagor/wavesurfer-vue"]={},l.Vue,l.WaveSurfer))})(this,function(l,e,d){"use strict";const f=({containerRef:n,options:r})=>{const t=e.ref(null),o=()=>{n.value&&(t.value=d.create({container:n.value,...r}))},a=()=>{t.value&&(t.value.destroy(),t.value=null)};return e.onMounted(()=>{o()}),e.onUnmounted(()=>{a()}),{waveSurfer:t}},v=n=>{const r=e.ref(!1),t=e.ref(!1),o=e.ref(0),a=e.ref(0),u=()=>{r.value=!1,t.value=!1,o.value=0},s=W=>{r.value=!0,t.value=!1,o.value=0,a.value=W},i=()=>{t.value=!0},m=()=>{t.value=!1},S=()=>{n.value&&(o.value=n.value.getCurrentTime())},h=()=>{r.value=!1,t.value=!1};return e.onMounted(()=>{n.value&&(n.value.on("load",u),n.value.on("ready",s),n.value.on("play",i),n.value.on("pause",m),n.value.on("timeupdate",S),n.value.on("destroy",h))}),e.onUnmounted(()=>{n.value&&n.value.unAll()}),{isReady:r,isPlaying:t,currentTime:o,totalDuration:a}},c=({containerRef:n,options:r})=>{const{waveSurfer:t}=f({containerRef:n,options:r}),{isReady:o,totalDuration:a,isPlaying:u,currentTime:s}=v(t);return{waveSurfer:t,isReady:o,totalDuration:a,isPlaying:u,currentTime:s}},p=["audioprocess","click","dblclick","decode","drag","finish","init","interaction","load","loading","pause","play","ready","redraw","redrawcomplete","scroll","seeking","timeupdate","zoom"],y=e.defineComponent({__name:"WaveSurferPlayer",props:{options:{}},setup(n){const r=n,t=e.ref(null),{waveSurfer:o}=c({containerRef:t,options:r.options}),a=e.getCurrentInstance();return e.onMounted(()=>{p.forEach(u=>{var s;(s=o.value)==null||s.on(u,(...i)=>{a==null||a.emit(u,...i)})}),a==null||a.emit("waveSurfer",o.value)}),(u,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:t},null,512))}});l.WaveSurferPlayer=y,l.useWaveSurfer=c,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
+(function(f,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("wavesurfer.js")):typeof define=="function"&&define.amd?define(["exports","vue","wavesurfer.js"],n):(f=typeof globalThis<"u"?globalThis:f||self,n(f["@meersagor/wavesurfer-vue"]={},f.Vue,f.WaveSurfer))})(this,function(f,n,A){"use strict";const W=({containerRef:a,options:e})=>{const t=n.ref(null),i=()=>{a.value&&(t.value=A.create({container:a.value,...e}))},s=()=>{t.value&&(t.value.destroy(),t.value=null)};return n.onMounted(()=>{i()}),n.onUnmounted(()=>{s()}),{waveSurfer:t}},T=a=>{const e=n.ref(!1),t=n.ref(!1),i=n.ref(0),s=n.ref(0),r=()=>{e.value=!1,t.value=!1,i.value=0},o=p=>{e.value=!0,t.value=!1,i.value=0,s.value=p},d=()=>{t.value=!0},c=()=>{t.value=!1},l=()=>{a.value&&(i.value=a.value.getCurrentTime())},h=()=>{e.value=!1,t.value=!1};return n.onMounted(()=>{a.value&&(a.value.on("load",r),a.value.on("ready",o),a.value.on("play",d),a.value.on("pause",c),a.value.on("timeupdate",l),a.value.on("destroy",h))}),n.onUnmounted(()=>{a.value&&a.value.unAll()}),{isReady:e,isPlaying:t,currentTime:i,totalDuration:s}},S=({containerRef:a,options:e})=>{const{waveSurfer:t}=W({containerRef:a,options:e}),{isReady:i,totalDuration:s,isPlaying:r,currentTime:o}=T(t);return{waveSurfer:t,isReady:i,totalDuration:s,isPlaying:r,currentTime:o}},D=["audioprocess","click","dblclick","decode","drag","finish","init","interaction","load","loading","pause","play","ready","redraw","redrawcomplete","scroll","seeking","timeupdate","zoom"],O=n.defineComponent({__name:"WaveSurferPlayer",props:{options:{}},setup(a){const e=a,t=n.ref(null),{waveSurfer:i}=S({containerRef:t,options:e.options}),s=n.getCurrentInstance();return n.onMounted(()=>{D.forEach(r=>{var o;(o=i.value)==null||o.on(r,(...d)=>{s==null||s.emit(r,...d)})}),s==null||s.emit("waveSurfer",i.value)}),(r,o)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"containerRef",ref:t},null,512))}});/*! *****************************************************************************
+  Copyright (c) Microsoft Corporation.
+
+  Permission to use, copy, modify, and/or distribute this software for any
+  purpose with or without fee is hereby granted.
+
+  THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+  AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+  PERFORMANCE OF THIS SOFTWARE.
+  ***************************************************************************** */function y(a,e,t,i){return new(t||(t=Promise))(function(s,r){function o(l){try{c(i.next(l))}catch(h){r(h)}}function d(l){try{c(i.throw(l))}catch(h){r(h)}}function c(l){var h;l.done?s(l.value):(h=l.value,h instanceof t?h:new t(function(p){p(h)})).then(o,d)}c((i=i.apply(a,e||[])).next())})}class P{constructor(){this.listeners={}}on(e,t,i){if(this.listeners[e]||(this.listeners[e]=new Set),this.listeners[e].add(t),i==null?void 0:i.once){const s=()=>{this.un(e,s),this.un(e,t)};return this.on(e,s),s}return()=>this.un(e,t)}un(e,t){var i;(i=this.listeners[e])===null||i===void 0||i.delete(t)}once(e,t){return this.on(e,t,{once:!0})}unAll(){this.listeners={}}emit(e,...t){this.listeners[e]&&this.listeners[e].forEach(i=>i(...t))}}class k extends P{constructor(e){super(),this.subscriptions=[],this.options=e}onInit(){}_init(e){this.wavesurfer=e,this.onInit()}destroy(){this.emit("destroy"),this.subscriptions.forEach(e=>e())}}class E extends P{constructor(){super(...arguments),this.unsubscribe=()=>{}}start(){this.unsubscribe=this.on("tick",()=>{requestAnimationFrame(()=>{this.emit("tick")})}),this.emit("tick")}stop(){this.unsubscribe()}destroy(){this.unsubscribe()}}const I=["audio/webm","audio/wav","audio/mpeg","audio/mp4","audio/mp3"];class R extends k{constructor(e){var t,i,s,r;super(Object.assign(Object.assign({},e),{audioBitsPerSecond:(t=e.audioBitsPerSecond)!==null&&t!==void 0?t:128e3,scrollingWaveform:(i=e.scrollingWaveform)!==null&&i!==void 0&&i,scrollingWaveformWindow:(s=e.scrollingWaveformWindow)!==null&&s!==void 0?s:5,renderRecordedAudio:(r=e.renderRecordedAudio)===null||r===void 0||r})),this.stream=null,this.mediaRecorder=null,this.dataWindow=null,this.isWaveformPaused=!1,this.lastStartTime=0,this.lastDuration=0,this.duration=0,this.timer=new E,this.subscriptions.push(this.timer.on("tick",()=>{const o=performance.now()-this.lastStartTime;this.duration=this.isPaused()?this.duration:this.lastDuration+o,this.emit("record-progress",this.duration)}))}static create(e){return new R(e||{})}renderMicStream(e){const t=new AudioContext,i=t.createMediaStreamSource(e),s=t.createAnalyser();i.connect(s);const r=s.frequencyBinCount,o=new Float32Array(r);let d;const c=Math.floor((this.options.scrollingWaveformWindow||0)*t.sampleRate),l=()=>{var h;if(this.isWaveformPaused)return void(d=requestAnimationFrame(l));if(s.getFloatTimeDomainData(o),this.options.scrollingWaveform){const w=Math.min(c,this.dataWindow?this.dataWindow.length+r:r),u=new Float32Array(c);if(this.dataWindow){const v=Math.max(0,c-this.dataWindow.length);u.set(this.dataWindow.slice(-w+r),v)}u.set(o,c-r),this.dataWindow=u}else this.dataWindow=o;const p=this.options.scrollingWaveformWindow;this.wavesurfer&&((h=this.originalOptions)!==null&&h!==void 0||(this.originalOptions={cursorWidth:this.wavesurfer.options.cursorWidth,interact:this.wavesurfer.options.interact}),this.wavesurfer.options.cursorWidth=0,this.wavesurfer.options.interact=!1,this.wavesurfer.load("",[this.dataWindow],p)),d=requestAnimationFrame(l)};return l(),{onDestroy:()=>{cancelAnimationFrame(d),i==null||i.disconnect(),t==null||t.close()},onEnd:()=>{this.isWaveformPaused=!0,cancelAnimationFrame(d),this.stopMic()}}}startMic(e){return y(this,void 0,void 0,function*(){let t;try{t=yield navigator.mediaDevices.getUserMedia({audio:!(e!=null&&e.deviceId)||{deviceId:e.deviceId}})}catch(r){throw new Error("Error accessing the microphone: "+r.message)}const{onDestroy:i,onEnd:s}=this.renderMicStream(t);return this.subscriptions.push(this.once("destroy",i)),this.subscriptions.push(this.once("record-end",s)),this.stream=t,t})}stopMic(){this.stream&&(this.stream.getTracks().forEach(e=>e.stop()),this.stream=null,this.mediaRecorder=null)}startRecording(e){return y(this,void 0,void 0,function*(){const t=this.stream||(yield this.startMic(e));this.dataWindow=null;const i=this.mediaRecorder||new MediaRecorder(t,{mimeType:this.options.mimeType||I.find(o=>MediaRecorder.isTypeSupported(o)),audioBitsPerSecond:this.options.audioBitsPerSecond});this.mediaRecorder=i,this.stopRecording();const s=[];i.ondataavailable=o=>{o.data.size>0&&s.push(o.data)};const r=o=>{var d;const c=new Blob(s,{type:i.mimeType});this.emit(o,c),this.options.renderRecordedAudio&&(this.applyOriginalOptionsIfNeeded(),(d=this.wavesurfer)===null||d===void 0||d.load(URL.createObjectURL(c)))};i.onpause=()=>r("record-pause"),i.onstop=()=>r("record-end"),i.start(),this.lastStartTime=performance.now(),this.lastDuration=0,this.duration=0,this.isWaveformPaused=!1,this.timer.start(),this.emit("record-start")})}getDuration(){return this.duration}isRecording(){var e;return((e=this.mediaRecorder)===null||e===void 0?void 0:e.state)==="recording"}isPaused(){var e;return((e=this.mediaRecorder)===null||e===void 0?void 0:e.state)==="paused"}isActive(){var e;return((e=this.mediaRecorder)===null||e===void 0?void 0:e.state)!=="inactive"}stopRecording(){var e;this.isActive()&&((e=this.mediaRecorder)===null||e===void 0||e.stop(),this.timer.stop())}pauseRecording(){var e,t;this.isRecording()&&(this.isWaveformPaused=!0,(e=this.mediaRecorder)===null||e===void 0||e.requestData(),(t=this.mediaRecorder)===null||t===void 0||t.pause(),this.timer.stop(),this.lastDuration=this.duration)}resumeRecording(){var e;this.isPaused()&&(this.isWaveformPaused=!1,(e=this.mediaRecorder)===null||e===void 0||e.resume(),this.timer.start(),this.lastStartTime=performance.now(),this.emit("record-resume"))}static getAvailableAudioDevices(){return y(this,void 0,void 0,function*(){return navigator.mediaDevices.enumerateDevices().then(e=>e.filter(t=>t.kind==="audioinput"))})}destroy(){this.applyOriginalOptionsIfNeeded(),super.destroy(),this.stopRecording(),this.stopMic()}applyOriginalOptionsIfNeeded(){this.wavesurfer&&this.originalOptions&&(this.wavesurfer.options.cursorWidth=this.originalOptions.cursorWidth,this.wavesurfer.options.interact=this.originalOptions.interact,delete this.originalOptions)}}const j=({containerRef:a,options:e})=>{const{waveSurfer:t}=W({containerRef:a,options:e}),i=n.ref(null),s=n.ref(0),r=n.ref(!1),o=n.ref(!1),d=n.computed(()=>[Math.floor(s.value%36e5/6e4),Math.floor(s.value%6e4/1e3)].map(u=>u<10?"0"+u:u).join(":")),c=n.computed(()=>r.value||!o.value),l=()=>{var u;i.value&&((u=i.value)==null||u.on("record-progress",v=>{s.value=v}))},h=()=>{var u,v,m,g;if((u=i.value)!=null&&u.isRecording()||(v=i.value)!=null&&v.isPaused()){(m=i.value)==null||m.stopRecording(),r.value=!1,o.value=!0;return}(g=i.value)==null||g.startRecording(),r.value=!0,o.value=!1,l()},p=()=>new Promise(u=>{var m,g,b,M;let v;((m=i.value)!=null&&m.isRecording()||(g=i.value)!=null&&g.isPaused())&&((b=i.value)==null||b.stopRecording(),r.value=!1,o.value=!1),(M=i.value)==null||M.on("record-end",x=>{v=x,u(v)})}),w=()=>{var u,v,m;if((u=i.value)!=null&&u.isPaused()){(v=i.value)==null||v.resumeRecording(),r.value=!0,o.value=!1;return}r.value=!1,o.value=!0,(m=i.value)==null||m.pauseRecording()};return n.onMounted(()=>{var v;const u=(v=t.value)==null?void 0:v.registerPlugin(R.create({renderRecordedAudio:!1}));u&&(i.value=u)}),{waveSurfer:t,waveSurferRecorder:i,currentTime:d,startRecording:h,stopRecording:p,pauseRecording:w,isRecording:r,isPaused:o,isPauseResume:c}};f.WaveSurferPlayer=O,f.useWaveSurfer=S,f.useWaveSurferRecorder=j,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});

package/dist/components/WaveSurferPlayer.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/composables/useWaveSurfer.d.ts

@@ -0,0 +1 @@
+export declare const useWaveSurfer: ({ containerRef, options }: WaveSurferIns) => UseWaveSurfer;

package/dist/composables/useWaveSurferInstance.d.ts

@@ -0,0 +1,3 @@
+export declare const useWaveSurferInstance: ({ containerRef, options }: WaveSurferIns) => {
+    waveSurfer: any;
+};

package/dist/composables/useWaveSurferRecorder.d.ts

@@ -0,0 +1,11 @@
+export declare const useWaveSurferRecorder: ({ containerRef, options }: WaveSurferIns) => {
+    waveSurfer: any;
+    waveSurferRecorder: any;
+    currentTime: any;
+    startRecording: () => void;
+    stopRecording: () => Promise<Blob>;
+    pauseRecording: () => void;
+    isRecording: any;
+    isPaused: any;
+    isPauseResume: any;
+};

package/dist/composables/useWaveSurferState.d.ts

@@ -0,0 +1,6 @@
+export declare const useWaveSurferState: (wavesurfer: Ref<any>) => {
+    isReady: any;
+    isPlaying: any;
+    currentTime: any;
+    totalDuration: any;
+};

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 import WaveSurferPlayer from './components/WaveSurferPlayer.vue';
 import { useWaveSurfer } from './composables/useWaveSurfer';
-export { WaveSurferPlayer, useWaveSurfer };
+import { useWaveSurferRecorder } from './composables/useWaveSurferRecorder';
+export { WaveSurferPlayer, useWaveSurfer, useWaveSurferRecorder };

package/dist/tsconfig.app.tsbuildinfo

@@ -1 +1 @@
-{"program":{"fileNames":["../node_modules/typescript/lib/lib.es5.d.ts","../node_modules/typescript/lib/lib.es2015.d.ts","../node_modules/typescript/lib/lib.es2016.d.ts","../node_modules/typescript/lib/lib.es2017.d.ts","../node_modules/typescript/lib/lib.es2018.d.ts","../node_modules/typescript/lib/lib.es2019.d.ts","../node_modules/typescript/lib/lib.es2020.d.ts","../node_modules/typescript/lib/lib.dom.d.ts","../node_modules/typescript/lib/lib.dom.iterable.d.ts","../node_modules/typescript/lib/lib.es2015.core.d.ts","../node_modules/typescript/lib/lib.es2015.collection.d.ts","../node_modules/typescript/lib/lib.es2015.generator.d.ts","../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../node_modules/typescript/lib/lib.es2015.promise.d.ts","../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../node_modules/typescript/lib/lib.es2017.date.d.ts","../node_modules/typescript/lib/lib.es2017.object.d.ts","../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../node_modules/typescript/lib/lib.es2017.string.d.ts","../node_modules/typescript/lib/lib.es2017.intl.d.ts","../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../node_modules/typescript/lib/lib.es2018.intl.d.ts","../node_modules/typescript/lib/lib.es2018.promise.d.ts","../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../node_modules/typescript/lib/lib.es2019.array.d.ts","../node_modules/typescript/lib/lib.es2019.object.d.ts","../node_modules/typescript/lib/lib.es2019.string.d.ts","../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../node_modules/typescript/lib/lib.es2019.intl.d.ts","../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../node_modules/typescript/lib/lib.es2020.date.d.ts","../node_modules/typescript/lib/lib.es2020.promise.d.ts","../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../node_modules/typescript/lib/lib.es2020.string.d.ts","../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../node_modules/typescript/lib/lib.es2020.intl.d.ts","../node_modules/typescript/lib/lib.es2020.number.d.ts","../node_modules/typescript/lib/lib.decorators.d.ts","../node_modules/typescript/lib/lib.decorators.legacy.d.ts","../node_modules/@vue/shared/dist/shared.d.ts","../node_modules/@vue/reactivity/dist/reactivity.d.ts","../node_modules/@vue/runtime-core/dist/runtime-core.d.ts","../node_modules/csstype/index.d.ts","../node_modules/@vue/runtime-dom/dist/runtime-dom.d.ts","../node_modules/vue/jsx-runtime/index.d.ts","../node_modules/@babel/parser/typings/babel-parser.d.ts","../node_modules/source-map-js/source-map.d.ts","../node_modules/@vue/compiler-core/dist/compiler-core.d.ts","../node_modules/@vue/compiler-dom/dist/compiler-dom.d.ts","../node_modules/vue/dist/vue.d.mts","../node_modules/wavesurfer.js/dist/event-emitter.d.ts","../node_modules/wavesurfer.js/dist/base-plugin.d.ts","../node_modules/wavesurfer.js/dist/player.d.ts","../node_modules/wavesurfer.js/dist/wavesurfer.d.ts","../src/composables/useWaveSurferInstance.ts","../src/composables/useWaveSurferState.ts","../src/types/index.ts","../src/composables/useWaveSurfer.ts","../src/eventsEmitter/index.ts","../src/components/WaveSurferPlayer.vue.ts","../__VLS_types.d.ts","../node_modules/vite/types/hmrPayload.d.ts","../node_modules/vite/types/customEvent.d.ts","../node_modules/vite/types/hot.d.ts","../node_modules/vite/types/importGlob.d.ts","../node_modules/vite/types/importMeta.d.ts","../node_modules/vite/client.d.ts","../env.d.ts","../src/index.ts","../node_modules/wavesurfer.js/dist/plugins/record.d.ts","../src/composables/useWaveSurferRecorder.ts"],"fileInfos":[{"version":"1","affectsGlobalScope":true},"1","1","1","1","1","1",{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},"1","1",{"version":"1","affectsGlobalScope":true},"1","1","1","1","1","1","1","1","0","0","0","0","0","0","0","0","0","0",{"version":"1","affectsGlobalScope":true},"1","1","0","1",{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},"0","0","0","0"],"root":[[61,67],74,75,77],"options":{"composite":true,"declaration":true,"declarationDir":"./","esModuleInterop":true,"jsx":1,"jsxImportSource":"vue","module":99,"noImplicitThis":true,"outDir":"./","skipLibCheck":true,"strict":true,"target":99,"useDefineForClassFields":true},"fileIdsList":[[48,50,51,56],[73],[46,52,53],[54],[46],[46,47,48,50],[47,48,49],[53],[72],[68],[69],[70,71],[50,55],[50],[57,60],[57],[58],[58,59],[51,56,63,64,65],[51,56,60,61,62,63],[51,56,60,63],[51,56,61,63,76],[51,56,60],[51,60],[51,64,66],[51,56,60,61,62]],"referencedMap":[[67,1],[74,2],[54,3],[55,4],[47,5],[48,6],[50,7],[53,8],[73,9],[69,10],[70,11],[72,12],[56,13],[51,14],[58,15],[59,16],[76,17],[60,18],[66,19],[64,20],[61,21],[77,22],[62,23],[65,24],[75,25],[63,26]],"exportedModulesMap":[[67,1],[74,2],[54,3],[55,4],[47,5],[48,6],[50,7],[53,8],[73,9],[69,10],[70,11],[72,12],[56,13],[51,14],[58,15],[59,16],[76,17],[60,18],[66,19],[64,20],[61,21],[77,22],[62,23],[65,24],[75,25],[63,26]],"semanticDiagnosticsPerFile":[67,74,52,54,55,47,48,50,46,49,53,44,45,8,9,11,10,2,12,13,14,15,16,17,18,19,3,4,20,24,21,22,23,25,26,27,5,28,29,30,31,6,35,32,33,34,36,7,37,42,43,38,39,40,41,1,73,69,68,70,71,72,56,51,58,57,59,76,60,66,64,61,77,62,65,75,63],"affectedFilesPendingEmit":[66,64,61,77,62,65,75,63],"emitSignatures":[61,62,63,64,65,66,75,77]},"version":"5.3.3"}
+{"program":{"fileNames":["../node_modules/typescript/lib/lib.es5.d.ts","../node_modules/typescript/lib/lib.es2015.d.ts","../node_modules/typescript/lib/lib.es2016.d.ts","../node_modules/typescript/lib/lib.es2017.d.ts","../node_modules/typescript/lib/lib.es2018.d.ts","../node_modules/typescript/lib/lib.es2019.d.ts","../node_modules/typescript/lib/lib.es2020.d.ts","../node_modules/typescript/lib/lib.dom.d.ts","../node_modules/typescript/lib/lib.dom.iterable.d.ts","../node_modules/typescript/lib/lib.es2015.core.d.ts","../node_modules/typescript/lib/lib.es2015.collection.d.ts","../node_modules/typescript/lib/lib.es2015.generator.d.ts","../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../node_modules/typescript/lib/lib.es2015.promise.d.ts","../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../node_modules/typescript/lib/lib.es2017.date.d.ts","../node_modules/typescript/lib/lib.es2017.object.d.ts","../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../node_modules/typescript/lib/lib.es2017.string.d.ts","../node_modules/typescript/lib/lib.es2017.intl.d.ts","../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../node_modules/typescript/lib/lib.es2018.intl.d.ts","../node_modules/typescript/lib/lib.es2018.promise.d.ts","../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../node_modules/typescript/lib/lib.es2019.array.d.ts","../node_modules/typescript/lib/lib.es2019.object.d.ts","../node_modules/typescript/lib/lib.es2019.string.d.ts","../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../node_modules/typescript/lib/lib.es2019.intl.d.ts","../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../node_modules/typescript/lib/lib.es2020.date.d.ts","../node_modules/typescript/lib/lib.es2020.promise.d.ts","../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../node_modules/typescript/lib/lib.es2020.string.d.ts","../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../node_modules/typescript/lib/lib.es2020.intl.d.ts","../node_modules/typescript/lib/lib.es2020.number.d.ts","../node_modules/typescript/lib/lib.decorators.d.ts","../node_modules/typescript/lib/lib.decorators.legacy.d.ts","../node_modules/@vue/shared/dist/shared.d.ts","../node_modules/@vue/reactivity/dist/reactivity.d.ts","../node_modules/@vue/runtime-core/dist/runtime-core.d.ts","../node_modules/csstype/index.d.ts","../node_modules/@vue/runtime-dom/dist/runtime-dom.d.ts","../node_modules/vue/jsx-runtime/index.d.ts","../node_modules/@babel/parser/typings/babel-parser.d.ts","../node_modules/source-map-js/source-map.d.ts","../node_modules/@vue/compiler-core/dist/compiler-core.d.ts","../node_modules/@vue/compiler-dom/dist/compiler-dom.d.ts","../node_modules/vue/dist/vue.d.mts","../node_modules/wavesurfer.js/dist/event-emitter.d.ts","../node_modules/wavesurfer.js/dist/base-plugin.d.ts","../node_modules/wavesurfer.js/dist/dom.d.ts","../node_modules/wavesurfer.js/dist/player.d.ts","../node_modules/wavesurfer.js/dist/wavesurfer.d.ts","../src/composables/useWaveSurferInstance.ts","../src/composables/useWaveSurferState.ts","../src/types/index.ts","../src/composables/useWaveSurfer.ts","../src/eventsEmitter/index.ts","../src/components/WaveSurferPlayer.vue.ts","../__VLS_types.d.ts","../node_modules/vite/types/hmrPayload.d.ts","../node_modules/vite/types/customEvent.d.ts","../node_modules/vite/types/hot.d.ts","../node_modules/vite/types/importGlob.d.ts","../node_modules/vite/types/importMeta.d.ts","../node_modules/vite/client.d.ts","../env.d.ts","../node_modules/wavesurfer.js/dist/plugins/record.d.ts","../src/composables/useWaveSurferRecorder.ts","../src/index.ts"],"fileInfos":[{"version":"1","affectsGlobalScope":true},"1","1","1","1","1","1",{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},"1","1",{"version":"1","affectsGlobalScope":true},"1","1","1","1","1","1","1","1","0","0","0","0","0","0","0","0","0","0","0",{"version":"1","affectsGlobalScope":true},"1","1","0","1",{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},"0","0","0","0"],"root":[[62,68],75,77,78],"options":{"composite":true,"declaration":true,"declarationDir":"./","esModuleInterop":true,"jsx":1,"jsxImportSource":"vue","module":99,"noImplicitThis":true,"outDir":"./","skipLibCheck":true,"strict":true,"target":99,"useDefineForClassFields":true},"fileIdsList":[[48,50,51,56],[74],[46,52,53],[54],[46],[46,47,48,50],[47,48,49],[53],[73],[69],[70],[71,72],[50,55],[50],[57,61],[57],[58],[58,59,60],[51,56,64,65,66],[51,56,61,62,63,64],[51,56,61,64],[51,56,62,64,76],[51,56,61],[51,61],[51,65,67,77],[51,56,61,62,63]],"referencedMap":[[68,1],[75,2],[54,3],[55,4],[47,5],[48,6],[50,7],[53,8],[74,9],[70,10],[71,11],[73,12],[56,13],[51,14],[58,15],[60,16],[76,17],[61,18],[67,19],[65,20],[62,21],[77,22],[63,23],[66,24],[78,25],[64,26]],"exportedModulesMap":[[68,1],[75,2],[54,3],[55,4],[47,5],[48,6],[50,7],[53,8],[74,9],[70,10],[71,11],[73,12],[56,13],[51,14],[58,15],[60,16],[76,17],[61,18],[67,19],[65,20],[62,21],[77,22],[63,23],[66,24],[78,25],[64,26]],"semanticDiagnosticsPerFile":[68,75,52,54,55,47,48,50,46,49,53,44,45,8,9,11,10,2,12,13,14,15,16,17,18,19,3,4,20,24,21,22,23,25,26,27,5,28,29,30,31,6,35,32,33,34,36,7,37,42,43,38,39,40,41,1,74,70,69,71,72,73,56,51,58,59,57,60,76,61,67,65,62,77,63,66,78,64],"affectedFilesPendingEmit":[67,65,62,77,63,66,78,64],"emitSignatures":[62,63,64,65,66,67,77,78]},"version":"5.3.3"}

package/package.json

@@ -1,11 +1,11 @@
 {
   "author": "Meer Sagor",
   "name": "@meersagor/wavesurfer-vue",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "Vue3 component for wavesurfer.js",
   "private": false,
   "type": "module",
-  "license": "GPL-2.0",
+  "license": "MIT",
   "files": [
     "dist"
   ],
@@ -49,9 +49,10 @@
   },
   "dependencies": {
     "vue": "^3.3.11",
-    "wavesurfer.js": "^7.6.4"
+    "wavesurfer.js": "^7.7.3"
   },
   "devDependencies": {
+    "@changesets/cli": "^2.27.1",
     "@rushstack/eslint-patch": "^1.3.3",
     "@tsconfig/node18": "^18.2.2",
     "@types/node": "^18.19.3",