resolve ffmpeg bundling

package.json

@@ -1,7 +1,7 @@
 {
   "name": "headless-react-audio-recorder",
   "private": false,
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Headless React Audio Recorder and Player a.k.a. Headless Audio Recorder a.k.a. HAR",
   "scripts": {
     "dev": "vite",
@@ -26,13 +26,13 @@
     "react-dom": "18.3.1",
     "typescript": "^5.6.3",
     "vite": "^5.4.11",
-    "vite-plugin-dts": "^4.3.0"
-  },
-  "dependencies": {
-    "@wavesurfer/react": "^1.0.7",
+    "vite-plugin-dts": "^4.3.0",
     "@ffmpeg/ffmpeg": "^0.11.6",
     "react-audio-visualize": "^1.1.3"
   },
+  "dependencies": {
+    "@wavesurfer/react": "^1.0.7"
+  },
   "peerDependencies": {
     "react": ">=16.2.0",
     "react-dom": ">=16.2.0"

src/helpers/utils.ts

@@ -10,7 +10,7 @@ export const convertToDownloadFileExtension = async (
   webmBlob: Blob,
   downloadFileExtension: DownloadFileExtension
 ): Promise<Blob> => {
-  const FFmpeg = await import("@ffmpeg/ffmpeg");
+  const FFmpeg = await import("@ffmpeg/ffmpeg/dist/ffmpeg.min.js");
   const ffmpeg = FFmpeg.createFFmpeg({ log: false });
   await ffmpeg.load();
 

src/types/ffmpeg.d.ts

@@ -0,0 +1,9 @@
+declare module "@ffmpeg/ffmpeg/dist/ffmpeg.min.js" {
+  export const FS: FS;
+
+  export function createFFmpeg(options?: CreateFFmpegOptions): FFmpeg;
+
+  export function fetchFile(
+    data: string | Buffer | Blob | File
+  ): Promise<Uint8Array>;
+}