react-audio-wavekit 0.1.7 → 0.2.0

package/dist/node_modules/@wasm-audio-decoders/common/src/utilities.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const assignNames = (Class, name) => {
+  Object.defineProperty(Class, "name", { value: name });
+};
+exports.assignNames = assignNames;

package/dist/node_modules/@wasm-audio-decoders/common/src/utilities.js

@@ -0,0 +1,6 @@
+const assignNames = (Class, name) => {
+  Object.defineProperty(Class, "name", { value: name });
+};
+export {
+  assignNames
+};

package/dist/node_modules/mpg123-decoder/index.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MPEGDecoder = require("./src/MPEGDecoder.cjs");
+const MPEGDecoderWebWorker = require("./src/MPEGDecoderWebWorker.cjs");
+const utilities = require("../@wasm-audio-decoders/common/src/utilities.cjs");
+utilities.assignNames(MPEGDecoder.default, "MPEGDecoder");
+utilities.assignNames(MPEGDecoderWebWorker.default, "MPEGDecoderWebWorker");
+exports.MPEGDecoder = MPEGDecoder.default;
+exports.MPEGDecoderWebWorker = MPEGDecoderWebWorker.default;

package/dist/node_modules/mpg123-decoder/index.js

@@ -0,0 +1,9 @@
+import MPEGDecoder from "./src/MPEGDecoder.js";
+import MPEGDecoderWebWorker from "./src/MPEGDecoderWebWorker.js";
+import { assignNames } from "../@wasm-audio-decoders/common/src/utilities.js";
+assignNames(MPEGDecoder, "MPEGDecoder");
+assignNames(MPEGDecoderWebWorker, "MPEGDecoderWebWorker");
+export {
+  MPEGDecoder,
+  MPEGDecoderWebWorker
+};

package/dist/node_modules/mpg123-decoder/src/MPEGDecoder.cjs

@@ -0,0 +1,147 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const WASMAudioDecoderCommon = require("../../@wasm-audio-decoders/common/src/WASMAudioDecoderCommon.cjs");
+const EmscriptenWasm = require("./EmscriptenWasm.cjs");
+function MPEGDecoder(options = {}) {
+  this._init = () => {
+    return new this._WASMAudioDecoderCommon().instantiate(this._EmscriptenWASM, this._module).then((common) => {
+      this._common = common;
+      this._sampleRate = 0;
+      this._inputBytes = 0;
+      this._outputSamples = 0;
+      this._frameNumber = 0;
+      this._input = this._common.allocateTypedArray(
+        this._inputSize,
+        Uint8Array
+      );
+      this._output = this._common.allocateTypedArray(
+        this._outputSize,
+        Float32Array
+      );
+      const decoderPtr = this._common.allocateTypedArray(1, Uint32Array);
+      this._samplesDecodedPtr = this._common.allocateTypedArray(
+        1,
+        Uint32Array
+      );
+      this._sampleRatePtr = this._common.allocateTypedArray(1, Uint32Array);
+      this._errorStringPtr = this._common.allocateTypedArray(1, Uint32Array);
+      const error = this._common.wasm.mpeg_frame_decoder_create(
+        decoderPtr.ptr,
+        options.enableGapless === false ? 0 : 1
+        // default to enabled
+      );
+      if (error) {
+        throw Error(this._getErrorMessage(error));
+      }
+      this._decoder = decoderPtr.buf[0];
+    });
+  };
+  Object.defineProperty(this, "ready", {
+    enumerable: true,
+    get: () => this._ready
+  });
+  this._getErrorMessage = (error) => error + " " + this._common.codeToString(this._errorStringPtr.buf[0]);
+  this.reset = () => {
+    this.free();
+    return this._init();
+  };
+  this.free = () => {
+    this._common.wasm.mpeg_frame_decoder_destroy(this._decoder);
+    this._common.wasm.free(this._decoder);
+    this._common.free();
+  };
+  this.decode = (data) => {
+    let output = [], errors = [], samples = 0;
+    if (!(data instanceof Uint8Array))
+      throw Error(
+        "Data to decode must be Uint8Array. Instead got " + typeof data
+      );
+    feed: for (let dataOffset = 0, dataChunkLength = 0; dataOffset < data.length; dataOffset += dataChunkLength) {
+      const dataChunk = data.subarray(dataOffset, this._input.len + dataOffset);
+      dataChunkLength = dataChunk.length;
+      this._inputBytes += dataChunkLength;
+      this._input.buf.set(dataChunk);
+      let error = this._common.wasm.mpeg_decoder_feed(
+        this._decoder,
+        this._input.ptr,
+        dataChunkLength
+      );
+      if (error === -10) {
+        continue feed;
+      }
+      read: while (true) {
+        this._samplesDecodedPtr.buf[0] = 0;
+        error = this._common.wasm.mpeg_decoder_read(
+          this._decoder,
+          this._output.ptr,
+          this._output.len,
+          this._samplesDecodedPtr.ptr,
+          this._sampleRatePtr.ptr,
+          this._errorStringPtr.ptr
+        );
+        const samplesDecoded = this._samplesDecodedPtr.buf[0];
+        this._outputSamples += samplesDecoded;
+        if (samplesDecoded) {
+          samples += samplesDecoded;
+          output.push([
+            this._output.buf.slice(0, samplesDecoded),
+            this._output.buf.slice(samplesDecoded, samplesDecoded * 2)
+          ]);
+        }
+        if (error == -11) {
+          continue read;
+        } else if (error === -10) {
+          continue feed;
+        } else if (error) {
+          const message = this._getErrorMessage(error);
+          console.error("mpg123-decoder: " + message);
+          this._common.addError(
+            errors,
+            message,
+            0,
+            this._frameNumber,
+            this._inputBytes,
+            this._outputSamples
+          );
+        }
+      }
+    }
+    return this._WASMAudioDecoderCommon.getDecodedAudioMultiChannel(
+      errors,
+      output,
+      2,
+      samples,
+      this._sampleRatePtr.buf[0]
+    );
+  };
+  this.decodeFrame = (mpegFrame) => {
+    const decoded = this.decode(mpegFrame);
+    this._frameNumber++;
+    return decoded;
+  };
+  this.decodeFrames = (mpegFrames) => {
+    let output = [], errors = [], samples = 0, i = 0;
+    while (i < mpegFrames.length) {
+      const decoded = this.decodeFrame(mpegFrames[i++]);
+      output.push(decoded.channelData);
+      errors = errors.concat(decoded.errors);
+      samples += decoded.samplesDecoded;
+    }
+    return this._WASMAudioDecoderCommon.getDecodedAudioMultiChannel(
+      errors,
+      output,
+      2,
+      samples,
+      this._sampleRatePtr.buf[0]
+    );
+  };
+  this._isWebWorker = MPEGDecoder.isWebWorker;
+  this._WASMAudioDecoderCommon = MPEGDecoder.WASMAudioDecoderCommon || WASMAudioDecoderCommon.default;
+  this._EmscriptenWASM = MPEGDecoder.EmscriptenWASM || EmscriptenWasm.default;
+  this._module = MPEGDecoder.module;
+  this._inputSize = 2 ** 16;
+  this._outputSize = 2889 * 16 * 2;
+  this._ready = this._init();
+  return this;
+}
+exports.default = MPEGDecoder;

package/dist/node_modules/mpg123-decoder/src/MPEGDecoder.js

@@ -0,0 +1,147 @@
+import WASMAudioDecoderCommon from "../../@wasm-audio-decoders/common/src/WASMAudioDecoderCommon.js";
+import EmscriptenWASM from "./EmscriptenWasm.js";
+function MPEGDecoder(options = {}) {
+  this._init = () => {
+    return new this._WASMAudioDecoderCommon().instantiate(this._EmscriptenWASM, this._module).then((common) => {
+      this._common = common;
+      this._sampleRate = 0;
+      this._inputBytes = 0;
+      this._outputSamples = 0;
+      this._frameNumber = 0;
+      this._input = this._common.allocateTypedArray(
+        this._inputSize,
+        Uint8Array
+      );
+      this._output = this._common.allocateTypedArray(
+        this._outputSize,
+        Float32Array
+      );
+      const decoderPtr = this._common.allocateTypedArray(1, Uint32Array);
+      this._samplesDecodedPtr = this._common.allocateTypedArray(
+        1,
+        Uint32Array
+      );
+      this._sampleRatePtr = this._common.allocateTypedArray(1, Uint32Array);
+      this._errorStringPtr = this._common.allocateTypedArray(1, Uint32Array);
+      const error = this._common.wasm.mpeg_frame_decoder_create(
+        decoderPtr.ptr,
+        options.enableGapless === false ? 0 : 1
+        // default to enabled
+      );
+      if (error) {
+        throw Error(this._getErrorMessage(error));
+      }
+      this._decoder = decoderPtr.buf[0];
+    });
+  };
+  Object.defineProperty(this, "ready", {
+    enumerable: true,
+    get: () => this._ready
+  });
+  this._getErrorMessage = (error) => error + " " + this._common.codeToString(this._errorStringPtr.buf[0]);
+  this.reset = () => {
+    this.free();
+    return this._init();
+  };
+  this.free = () => {
+    this._common.wasm.mpeg_frame_decoder_destroy(this._decoder);
+    this._common.wasm.free(this._decoder);
+    this._common.free();
+  };
+  this.decode = (data) => {
+    let output = [], errors = [], samples = 0;
+    if (!(data instanceof Uint8Array))
+      throw Error(
+        "Data to decode must be Uint8Array. Instead got " + typeof data
+      );
+    feed: for (let dataOffset = 0, dataChunkLength = 0; dataOffset < data.length; dataOffset += dataChunkLength) {
+      const dataChunk = data.subarray(dataOffset, this._input.len + dataOffset);
+      dataChunkLength = dataChunk.length;
+      this._inputBytes += dataChunkLength;
+      this._input.buf.set(dataChunk);
+      let error = this._common.wasm.mpeg_decoder_feed(
+        this._decoder,
+        this._input.ptr,
+        dataChunkLength
+      );
+      if (error === -10) {
+        continue feed;
+      }
+      read: while (true) {
+        this._samplesDecodedPtr.buf[0] = 0;
+        error = this._common.wasm.mpeg_decoder_read(
+          this._decoder,
+          this._output.ptr,
+          this._output.len,
+          this._samplesDecodedPtr.ptr,
+          this._sampleRatePtr.ptr,
+          this._errorStringPtr.ptr
+        );
+        const samplesDecoded = this._samplesDecodedPtr.buf[0];
+        this._outputSamples += samplesDecoded;
+        if (samplesDecoded) {
+          samples += samplesDecoded;
+          output.push([
+            this._output.buf.slice(0, samplesDecoded),
+            this._output.buf.slice(samplesDecoded, samplesDecoded * 2)
+          ]);
+        }
+        if (error == -11) {
+          continue read;
+        } else if (error === -10) {
+          continue feed;
+        } else if (error) {
+          const message = this._getErrorMessage(error);
+          console.error("mpg123-decoder: " + message);
+          this._common.addError(
+            errors,
+            message,
+            0,
+            this._frameNumber,
+            this._inputBytes,
+            this._outputSamples
+          );
+        }
+      }
+    }
+    return this._WASMAudioDecoderCommon.getDecodedAudioMultiChannel(
+      errors,
+      output,
+      2,
+      samples,
+      this._sampleRatePtr.buf[0]
+    );
+  };
+  this.decodeFrame = (mpegFrame) => {
+    const decoded = this.decode(mpegFrame);
+    this._frameNumber++;
+    return decoded;
+  };
+  this.decodeFrames = (mpegFrames) => {
+    let output = [], errors = [], samples = 0, i = 0;
+    while (i < mpegFrames.length) {
+      const decoded = this.decodeFrame(mpegFrames[i++]);
+      output.push(decoded.channelData);
+      errors = errors.concat(decoded.errors);
+      samples += decoded.samplesDecoded;
+    }
+    return this._WASMAudioDecoderCommon.getDecodedAudioMultiChannel(
+      errors,
+      output,
+      2,
+      samples,
+      this._sampleRatePtr.buf[0]
+    );
+  };
+  this._isWebWorker = MPEGDecoder.isWebWorker;
+  this._WASMAudioDecoderCommon = MPEGDecoder.WASMAudioDecoderCommon || WASMAudioDecoderCommon;
+  this._EmscriptenWASM = MPEGDecoder.EmscriptenWASM || EmscriptenWASM;
+  this._module = MPEGDecoder.module;
+  this._inputSize = 2 ** 16;
+  this._outputSize = 2889 * 16 * 2;
+  this._ready = this._init();
+  return this;
+}
+export {
+  MPEGDecoder as default
+};

package/dist/node_modules/mpg123-decoder/src/MPEGDecoderWebWorker.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const WASMAudioDecoderWorker = require("../../@wasm-audio-decoders/common/src/WASMAudioDecoderWorker.cjs");
+const EmscriptenWasm = require("./EmscriptenWasm.cjs");
+const MPEGDecoder = require("./MPEGDecoder.cjs");
+class MPEGDecoderWebWorker extends WASMAudioDecoderWorker.default {
+  constructor(options) {
+    super(options, "mpg123-decoder", MPEGDecoder.default, EmscriptenWasm.default);
+  }
+  async decode(data) {
+    return this.postToDecoder("decode", data);
+  }
+  async decodeFrame(data) {
+    return this.postToDecoder("decodeFrame", data);
+  }
+  async decodeFrames(data) {
+    return this.postToDecoder("decodeFrames", data);
+  }
+}
+exports.default = MPEGDecoderWebWorker;

package/dist/node_modules/mpg123-decoder/src/MPEGDecoderWebWorker.js

@@ -0,0 +1,20 @@
+import WASMAudioDecoderWorker from "../../@wasm-audio-decoders/common/src/WASMAudioDecoderWorker.js";
+import EmscriptenWASM from "./EmscriptenWasm.js";
+import MPEGDecoder from "./MPEGDecoder.js";
+class MPEGDecoderWebWorker extends WASMAudioDecoderWorker {
+  constructor(options) {
+    super(options, "mpg123-decoder", MPEGDecoder, EmscriptenWASM);
+  }
+  async decode(data) {
+    return this.postToDecoder("decode", data);
+  }
+  async decodeFrame(data) {
+    return this.postToDecoder("decodeFrame", data);
+  }
+  async decodeFrames(data) {
+    return this.postToDecoder("decodeFrames", data);
+  }
+}
+export {
+  MPEGDecoderWebWorker as default
+};

package/dist/node_modules/simple-yenc/dist/esm.cjs

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const t = (t2, n = 4294967295, e2 = 79764919) => {
+  const r = new Int32Array(256);
+  let o, s, i, c = n;
+  for (o = 0; o < 256; o++) {
+    for (i = o << 24, s = 8; s > 0; --s) i = 2147483648 & i ? i << 1 ^ e2 : i << 1;
+    r[o] = i;
+  }
+  for (o = 0; o < t2.length; o++) c = c << 8 ^ r[255 & (c >> 24 ^ t2[o])];
+  return c;
+}, e = (n, e2 = t) => {
+  const r = (t2) => new Uint8Array(t2.length / 2).map(((n2, e3) => parseInt(t2.substring(2 * e3, 2 * (e3 + 1)), 16))), o = (t2) => r(t2)[0], s = /* @__PURE__ */ new Map();
+  [, 8364, , 8218, 402, 8222, 8230, 8224, 8225, 710, 8240, 352, 8249, 338, , 381, , , 8216, 8217, 8220, 8221, 8226, 8211, 8212, 732, 8482, 353, 8250, 339, , 382, 376].forEach(((t2, n2) => s.set(t2, n2)));
+  const i = new Uint8Array(n.length);
+  let c, a, l, f = false, g = 0, h = 42, p = n.length > 13 && "dynEncode" === n.substring(0, 9), u = 0;
+  p && (u = 11, a = o(n.substring(9, u)), a <= 1 && (u += 2, h = o(n.substring(11, u))), 1 === a && (u += 8, l = ((t2) => new DataView(r(t2).buffer).getInt32(0, true))(n.substring(13, u))));
+  const d = 256 - h;
+  for (let t2 = u; t2 < n.length; t2++) if (c = n.charCodeAt(t2), 61 !== c || f) {
+    if (92 === c && t2 < n.length - 5 && p) {
+      const e3 = n.charCodeAt(t2 + 1);
+      117 !== e3 && 85 !== e3 || (c = parseInt(n.substring(t2 + 2, t2 + 6), 16), t2 += 5);
+    }
+    if (c > 255) {
+      const t3 = s.get(c);
+      t3 && (c = t3 + 127);
+    }
+    f && (f = false, c -= 64), i[g++] = c < h && c > 0 ? c + d : c - h;
+  } else f = true;
+  const m = i.subarray(0, g);
+  if (p && 1 === a) {
+    const t2 = e2(m);
+    if (t2 !== l) {
+      const n2 = "Decode failed crc32 validation";
+      throw console.error("`simple-yenc`\n", n2 + "\n", "Expected: " + l + "; Got: " + t2 + "\n", "Visit https://github.com/eshaz/simple-yenc for more information"), Error(n2);
+    }
+  }
+  return m;
+};
+exports.crc32 = t;
+exports.decode = e;

package/dist/node_modules/simple-yenc/dist/esm.js

@@ -0,0 +1,41 @@
+const t = (t2, n = 4294967295, e2 = 79764919) => {
+  const r = new Int32Array(256);
+  let o, s, i, c = n;
+  for (o = 0; o < 256; o++) {
+    for (i = o << 24, s = 8; s > 0; --s) i = 2147483648 & i ? i << 1 ^ e2 : i << 1;
+    r[o] = i;
+  }
+  for (o = 0; o < t2.length; o++) c = c << 8 ^ r[255 & (c >> 24 ^ t2[o])];
+  return c;
+}, e = (n, e2 = t) => {
+  const r = (t2) => new Uint8Array(t2.length / 2).map(((n2, e3) => parseInt(t2.substring(2 * e3, 2 * (e3 + 1)), 16))), o = (t2) => r(t2)[0], s = /* @__PURE__ */ new Map();
+  [, 8364, , 8218, 402, 8222, 8230, 8224, 8225, 710, 8240, 352, 8249, 338, , 381, , , 8216, 8217, 8220, 8221, 8226, 8211, 8212, 732, 8482, 353, 8250, 339, , 382, 376].forEach(((t2, n2) => s.set(t2, n2)));
+  const i = new Uint8Array(n.length);
+  let c, a, l, f = false, g = 0, h = 42, p = n.length > 13 && "dynEncode" === n.substring(0, 9), u = 0;
+  p && (u = 11, a = o(n.substring(9, u)), a <= 1 && (u += 2, h = o(n.substring(11, u))), 1 === a && (u += 8, l = ((t2) => new DataView(r(t2).buffer).getInt32(0, true))(n.substring(13, u))));
+  const d = 256 - h;
+  for (let t2 = u; t2 < n.length; t2++) if (c = n.charCodeAt(t2), 61 !== c || f) {
+    if (92 === c && t2 < n.length - 5 && p) {
+      const e3 = n.charCodeAt(t2 + 1);
+      117 !== e3 && 85 !== e3 || (c = parseInt(n.substring(t2 + 2, t2 + 6), 16), t2 += 5);
+    }
+    if (c > 255) {
+      const t3 = s.get(c);
+      t3 && (c = t3 + 127);
+    }
+    f && (f = false, c -= 64), i[g++] = c < h && c > 0 ? c + d : c - h;
+  } else f = true;
+  const m = i.subarray(0, g);
+  if (p && 1 === a) {
+    const t2 = e2(m);
+    if (t2 !== l) {
+      const n2 = "Decode failed crc32 validation";
+      throw console.error("`simple-yenc`\n", n2 + "\n", "Expected: " + l + "; Got: " + t2 + "\n", "Visit https://github.com/eshaz/simple-yenc for more information"), Error(n2);
+    }
+  }
+  return m;
+};
+export {
+  t as crc32,
+  e as decode
+};

package/dist/recorder/live-streaming/recorder/recorder-compound.cjs

@@ -30,7 +30,7 @@ const LiveStreamingRecorderRoot = react.forwardRef(
           theme: themeClassName,
           visibility: hidden ? "hidden" : "auto",
           autoHide: "leave",
-          // Hide when mouse leaves (common UX pattern)
+          // 마우스가 영역을 벗어나면 숨김 (가장 대중적인 UX)
           autoHideDelay: 400,
           dragScroll: true,
           clickScroll: true

package/dist/recorder/live-streaming/recorder/recorder-compound.js

@@ -28,7 +28,7 @@ const LiveStreamingRecorderRoot = forwardRef(
           theme: themeClassName,
           visibility: hidden ? "hidden" : "auto",
           autoHide: "leave",
-          // Hide when mouse leaves (common UX pattern)
+          // 마우스가 영역을 벗어나면 숨김 (가장 대중적인 UX)
           autoHideDelay: 400,
           dragScroll: true,
           clickScroll: true

package/dist/waveform/index.cjs

@@ -9,8 +9,20 @@ const getInitialSampleCount = () => {
   if (typeof window === "undefined") return 500;
   return Math.max(500, Math.ceil(window.innerWidth));
 };
-const AudioWaveform = react.forwardRef(function AudioWaveform2({ blob, appearance, suspense = false, currentTime, duration, onSeek, ...props }, ref) {
-  const [peaks, setPeaks] = react.useState(null);
+const AudioWaveform = react.forwardRef(function AudioWaveform2({
+  blob,
+  peaks: precomputedPeaks,
+  appearance,
+  suspense = false,
+  currentTime,
+  duration,
+  onSeek,
+  onSeekStart,
+  onSeekDrag,
+  onSeekEnd,
+  ...props
+}, ref) {
+  const [decodedPeaks, setDecodedPeaks] = react.useState(null);
   const [error, setError] = react.useState(null);
   const blobRef = react.useRef(null);
   const rendererRef = react.useRef(null);
@@ -22,13 +34,15 @@ const AudioWaveform = react.forwardRef(function AudioWaveform2({ blob, appearanc
       ref.current = { canvas: rendererRef.current?.canvas || null };
     }
   }, [ref]);
-  const suspensePeaks = blob && suspense ? utilSuspense.unwrapPromise(utilAudioDecoder.getAudioData(blob, sampleCount)) : null;
+  const shouldDecode = !precomputedPeaks && blob;
+  const suspensePeaks = shouldDecode && suspense ? utilSuspense.unwrapPromise(utilAudioDecoder.getAudioData(blob, sampleCount)) : null;
   react.useEffect(() => {
-    if (suspense) return;
-    if (!blob) {
-      setPeaks(null);
-      setError(null);
-      blobRef.current = null;
+    if (!shouldDecode || suspense) {
+      if (!shouldDecode) {
+        setDecodedPeaks(null);
+        setError(null);
+        blobRef.current = null;
+      }
       return;
     }
     if (blobRef.current === blob) return;
@@ -37,7 +51,7 @@ const AudioWaveform = react.forwardRef(function AudioWaveform2({ blob, appearanc
     setError(null);
     utilAudioDecoder.decodeAudioBlob(blob, sampleCount).then((data) => {
       if (!cancelled) {
-        setPeaks(data);
+        setDecodedPeaks(data);
       }
     }).catch((err) => {
       if (!cancelled) {
@@ -47,11 +61,11 @@ const AudioWaveform = react.forwardRef(function AudioWaveform2({ blob, appearanc
     return () => {
       cancelled = true;
     };
-  }, [blob, sampleCount, suspense]);
+  }, [blob, sampleCount, suspense, shouldDecode]);
   if (!suspense && error) {
     throw error;
   }
-  const finalPeaks = suspense ? suspensePeaks : peaks;
+  const finalPeaks = precomputedPeaks ?? (suspense ? suspensePeaks : decodedPeaks);
   return /* @__PURE__ */ jsxRuntime.jsx(
     waveformRenderer.WaveformRenderer,
     {
@@ -61,6 +75,9 @@ const AudioWaveform = react.forwardRef(function AudioWaveform2({ blob, appearanc
       currentTime,
       duration,
       onSeek,
+      onSeekStart,
+      onSeekDrag,
+      onSeekEnd,
       ...props
     }
   );

package/dist/waveform/index.js

@@ -7,8 +7,20 @@ const getInitialSampleCount = () => {
   if (typeof window === "undefined") return 500;
   return Math.max(500, Math.ceil(window.innerWidth));
 };
-const AudioWaveform = forwardRef(function AudioWaveform2({ blob, appearance, suspense = false, currentTime, duration, onSeek, ...props }, ref) {
-  const [peaks, setPeaks] = useState(null);
+const AudioWaveform = forwardRef(function AudioWaveform2({
+  blob,
+  peaks: precomputedPeaks,
+  appearance,
+  suspense = false,
+  currentTime,
+  duration,
+  onSeek,
+  onSeekStart,
+  onSeekDrag,
+  onSeekEnd,
+  ...props
+}, ref) {
+  const [decodedPeaks, setDecodedPeaks] = useState(null);
   const [error, setError] = useState(null);
   const blobRef = useRef(null);
   const rendererRef = useRef(null);
@@ -20,13 +32,15 @@ const AudioWaveform = forwardRef(function AudioWaveform2({ blob, appearance, sus
       ref.current = { canvas: rendererRef.current?.canvas || null };
     }
   }, [ref]);
-  const suspensePeaks = blob && suspense ? unwrapPromise(getAudioData(blob, sampleCount)) : null;
+  const shouldDecode = !precomputedPeaks && blob;
+  const suspensePeaks = shouldDecode && suspense ? unwrapPromise(getAudioData(blob, sampleCount)) : null;
   useEffect(() => {
-    if (suspense) return;
-    if (!blob) {
-      setPeaks(null);
-      setError(null);
-      blobRef.current = null;
+    if (!shouldDecode || suspense) {
+      if (!shouldDecode) {
+        setDecodedPeaks(null);
+        setError(null);
+        blobRef.current = null;
+      }
       return;
     }
     if (blobRef.current === blob) return;
@@ -35,7 +49,7 @@ const AudioWaveform = forwardRef(function AudioWaveform2({ blob, appearance, sus
     setError(null);
     decodeAudioBlob(blob, sampleCount).then((data) => {
       if (!cancelled) {
-        setPeaks(data);
+        setDecodedPeaks(data);
       }
     }).catch((err) => {
       if (!cancelled) {
@@ -45,11 +59,11 @@ const AudioWaveform = forwardRef(function AudioWaveform2({ blob, appearance, sus
     return () => {
       cancelled = true;
     };
-  }, [blob, sampleCount, suspense]);
+  }, [blob, sampleCount, suspense, shouldDecode]);
   if (!suspense && error) {
     throw error;
   }
-  const finalPeaks = suspense ? suspensePeaks : peaks;
+  const finalPeaks = precomputedPeaks ?? (suspense ? suspensePeaks : decodedPeaks);
   return /* @__PURE__ */ jsx(
     WaveformRenderer,
     {
@@ -59,6 +73,9 @@ const AudioWaveform = forwardRef(function AudioWaveform2({ blob, appearance, sus
       currentTime,
       duration,
       onSeek,
+      onSeekStart,
+      onSeekDrag,
+      onSeekEnd,
       ...props
     }
   );