sera-ai 1.0.20 → 1.0.22

package/dist/index.d.mts

@@ -68,6 +68,7 @@ interface AudioCaptureProps {
     format?: "raw" | "wav";
     showDownload?: boolean;
     className?: string;
+    visualizerClassName?: string;
     style?: React$1.CSSProperties;
 }
 declare const AudioCapture: React$1.FC<AudioCaptureProps>;

package/dist/index.d.ts

@@ -68,6 +68,7 @@ interface AudioCaptureProps {
     format?: "raw" | "wav";
     showDownload?: boolean;
     className?: string;
+    visualizerClassName?: string;
     style?: React$1.CSSProperties;
 }
 declare const AudioCapture: React$1.FC<AudioCaptureProps>;

package/dist/index.js

@@ -29,6 +29,11 @@ var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
 var pRetry__default = /*#__PURE__*/_interopDefault(pRetry);
 
 // src/AudioRecorder.tsx
+
+// src/constants/audio.ts
+var AUDIO_SAMPLE_RATE = 16e3;
+
+// src/hooks/useFFmpegConverter.ts
 var createFFmpegWorker = () => {
   const workerCode = `
     let ffmpegModule = null;
@@ -296,7 +301,7 @@ var useFFmpegConverter = () => {
     return true;
   }, []);
   const convertToWav = React3.useCallback(
-    async (audioData, sampleRate = 44100, fileName = "recording.wav") => {
+    async (audioData, sampleRate = AUDIO_SAMPLE_RATE, fileName = "recording.wav") => {
       setIsConverting(true);
       setProgress(0);
       setError(null);
@@ -412,7 +417,8 @@ var useFFmpegConverter = () => {
         console.error("No audio data chunk found in WAV file");
         return file;
       }
-      console.log(`[AUDIO] Found audio data: start=${audioDataStart}, length=${audioDataLength} bytes`);
+      const originalSampleRate = dataView.getUint32(24, true);
+      console.log(`[AUDIO] Found audio data: start=${audioDataStart}, length=${audioDataLength} bytes, sampleRate=${originalSampleRate}Hz`);
       const audioData = new Int16Array(arrayBuffer, audioDataStart, audioDataLength / 2);
       if (audioData.length === 0) {
         console.error("No audio data extracted from WAV file");
@@ -498,8 +504,8 @@ var useFFmpegConverter = () => {
             // Amplitude threshold for silence
             minSilenceDuration: 0.5,
             // Minimum silence duration to remove (seconds)
-            sampleRate: 44100,
-            // Assume standard sample rate
+            sampleRate: originalSampleRate,
+            // Preserve original sample rate to avoid speed changes
             fileName: file.name,
             fileType: file.type,
             originalSize: file.size
@@ -2924,7 +2930,14 @@ var useAudioRecorder = ({
       }
       const newSessionId = `session_retry_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
       console.log("\u{1F194} Generated new retry session ID:", newSessionId);
-      await uploadChunkToServerRef.current(combinedAudio, true, 0, true, false);
+      await uploadChunkToServerRef.current(
+        combinedAudio,
+        true,
+        0,
+        true,
+        false,
+        metadata.sampleRate
+      );
       console.log("[SUCCESS] Retry upload completed successfully");
     } catch (error2) {
       console.error("[ERROR] Retry session failed:", error2);
@@ -3063,7 +3076,7 @@ var useAudioRecorder = ({
     setShowRetrySessionPrompt(false);
   }, [clearFailedSessions]);
   const uploadChunkToServer = React3__namespace.default.useCallback(
-    async (audioData, isFinalChunk, sequence, retry = false, isPausedChunk = false) => {
+    async (audioData, isFinalChunk, sequence, retry = false, isPausedChunk = false, sampleRateOverride) => {
       const currentIsLoaded = isLoadedRef.current;
       console.log("\u{1F527} uploadChunkToServer called with:", {
         isLoaded: currentIsLoaded,
@@ -3123,7 +3136,7 @@ var useAudioRecorder = ({
             console.log(
               `[AUDIO] Audio stats: maxAmplitude=${maxAmplitude.toFixed(4)}, audioContent=${(audioPercentage * 100).toFixed(2)}%, sequence=${sequence}, isFinal=${isFinalChunk}`
             );
-            const sampleRate = audioContextRef.current?.sampleRate || 16e3;
+            const sampleRate = sampleRateOverride ?? (audioContextRef.current?.sampleRate || AUDIO_SAMPLE_RATE);
             const timestamp = Date.now();
             const fileName = `audio-chunk-${timestamp}.wav`;
             let wavFile = await convertToWav(audioData, sampleRate, fileName);
@@ -4802,7 +4815,7 @@ var useAudioDictation = ({
   };
   const encodeWAV = (samples) => {
     console.log(`Encoding WAV with ${samples.length} samples`);
-    const sampleRate = audioContextRef.current?.sampleRate || 44100;
+    const sampleRate = audioContextRef.current?.sampleRate || AUDIO_SAMPLE_RATE;
     console.log(`Using sample rate: ${sampleRate}Hz`);
     const buffer = new ArrayBuffer(44 + samples.length * 2);
     const view = new DataView(buffer);
@@ -5398,7 +5411,7 @@ var useAudioCapture = ({
     });
   }, []);
   const float32ToWavFile = (samples) => {
-    const sampleRate = audioContextRef.current?.sampleRate || 44100;
+    const sampleRate = audioContextRef.current?.sampleRate || AUDIO_SAMPLE_RATE;
     const buffer = new ArrayBuffer(44 + samples.length * 2);
     const view = new DataView(buffer);
     const writeString = (offset2, str) => {
@@ -5713,6 +5726,7 @@ var AudioCapture = ({
   format = "raw",
   showDownload = false,
   className = "",
+  visualizerClassName = "",
   style
 }) => {
   React3__namespace.useEffect(() => {
@@ -5877,12 +5891,13 @@ var AudioCapture = ({
         statusMessage && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs text-blue-600 dark:text-blue-400 mt-1", children: statusMessage })
       ] })
     ] }),
-    isRecording && !isPaused && mediaStreamRef.current && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-lg mx-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+    isRecording && !isPaused && mediaStreamRef.current && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-full ${visualizerClassName || "max-w-lg"} mx-auto`, children: /* @__PURE__ */ jsxRuntime.jsx(
       AudioVisualizerImproved,
       {
         mediaStream: mediaStreamRef.current,
         isRecording: isRecording && !isPaused,
-        forceLight: false
+        forceLight: false,
+        className: visualizerClassName
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: isProcessing ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center space-x-2 bg-teal-600 hover:bg-teal-700 text-white py-2 px-4 rounded-full", children: [