Feat: refactor ffmpeg config (#296)

* bundle ffmpeg wasm in package

* remove ffmpeg discover & add ffmpeg-static

* fix ffprobe-static version

* fix metadata generate

* fix auto transcribe if pending

* remove console.log

enjoy/src/renderer/components/preferences/ffmpeg-settings.tsx

@@ -1,122 +0,0 @@
-import { t } from "i18next";
-import { Button, toast } from "@renderer/components/ui";
-import { AppSettingsProviderContext } from "@renderer/context";
-import { useContext, useState } from "react";
-import { EditIcon } from "lucide-react";
-
-export const FfmpegSettings = () => {
-  const { EnjoyApp, setFfmegConfig, ffmpegConfig } = useContext(
-    AppSettingsProviderContext
-  );
-  const [editing, setEditing] = useState(false);
-
-  const refreshFfmpegConfig = async () => {
-    EnjoyApp.ffmpeg.config().then((config) => {
-      setFfmegConfig(config);
-    });
-  };
-
-  const handleChooseFfmpeg = async () => {
-    const filePaths = await EnjoyApp.dialog.showOpenDialog({
-      properties: ["openFile"],
-    });
-
-    const path = filePaths?.[0];
-    if (!path) return;
-
-    if (path.includes("ffmpeg")) {
-      EnjoyApp.ffmpeg.setConfig({
-        ...ffmpegConfig,
-        ffmpegPath: path,
-      });
-      refreshFfmpegConfig();
-    } else if (path.includes("ffprobe")) {
-      EnjoyApp.ffmpeg.setConfig({
-        ...ffmpegConfig,
-        ffprobePath: path,
-      });
-      refreshFfmpegConfig();
-    } else {
-      toast.error(t("invalidFfmpegPath"));
-    }
-  };
-
-  return (
-    <>
-      <div className="flex items-start justify-between py-4">
-        <div className="">
-          <div className="mb-2">FFmpeg</div>
-          {editing ? (
-            <>
-              <div className="flex items-center space-x-4">
-                <span className=" text-sm text-muted-foreground">
-                  <b>ffmpeg</b>: {ffmpegConfig?.ffmpegPath || ""}
-                </span>
-                <Button
-                  onClick={handleChooseFfmpeg}
-                  variant="ghost"
-                  size="icon"
-                >
-                  <EditIcon className="w-4 h-4 text-muted-foreground" />
-                </Button>
-              </div>
-              <div className="flex items-center space-x-4">
-                <span className=" text-sm text-muted-foreground">
-                  <b>ffprobe</b>: {ffmpegConfig?.ffprobePath || ""}
-                </span>
-                <Button
-                  onClick={handleChooseFfmpeg}
-                  variant="ghost"
-                  size="icon"
-                >
-                  <EditIcon className="w-4 h-4 text-muted-foreground" />
-                </Button>
-              </div>
-            </>
-          ) : (
-            <div className="text-xs text-muted-foreground">
-              {ffmpegConfig.ready ? (
-                <span>{t("ffmpegCommandIsWorking")}</span>
-              ) : (
-                <span>{t("ffmpegCommandIsNotWorking")}</span>
-              )}
-            </div>
-          )}
-        </div>
-        <div className="">
-          <div className="flex items-center justify-end space-x-2 mb-2">
-            <Button
-              variant="secondary"
-              size="sm"
-              onClick={() => {
-                EnjoyApp.ffmpeg
-                  .discover()
-                  .then(({ ffmpegPath, ffprobePath }) => {
-                    if (ffmpegPath && ffprobePath) {
-                      toast.success(
-                        t("ffmpegFoundAt", {
-                          path: ffmpegPath + ", " + ffprobePath,
-                        })
-                      );
-                    } else {
-                      toast.warning(t("ffmpegNotFound"));
-                    }
-                    refreshFfmpegConfig();
-                  });
-              }}
-            >
-              {t("scan")}
-            </Button>
-            <Button
-              variant={editing ? "outline" : "secondary"}
-              size="sm"
-              onClick={() => setEditing(!editing)}
-            >
-              {editing ? t("cancel") : t("edit")}
-            </Button>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-};

enjoy/src/renderer/components/preferences/index.ts

@@ -6,7 +6,6 @@ export * from "./default-engine-settings";
 export * from "./openai-settings";
 export * from "./language-settings";
 export * from "./library-settings";
-export * from "./ffmpeg-settings";
 export * from "./whisper-settings";
 export * from "./google-generative-ai-settings";
 

enjoy/src/renderer/components/preferences/preferences.tsx

@@ -9,20 +9,16 @@ import {
   LanguageSettings,
   LibrarySettings,
   WhisperSettings,
-  FfmpegSettings,
   OpenaiSettings,
   ProxySettings,
   GoogleGenerativeAiSettings,
   ResetSettings,
   ResetAllSettings,
 } from "@renderer/components";
-import { useState, useContext } from "react";
-import { AppSettingsProviderContext } from "@renderer/context";
+import { useState } from "react";
 import { Tooltip } from "react-tooltip";
 
 export const Preferences = () => {
-  const { ffmpegConfig } = useContext(AppSettingsProviderContext);
-
   const TABS = [
     {
       value: "basic",
@@ -42,12 +38,6 @@ export const Preferences = () => {
           <Separator />
           <GoogleGenerativeAiSettings />
           <Separator />
-          {ffmpegConfig.ready && (
-            <>
-              <FfmpegSettings />
-              <Separator />
-            </>
-          )}
         </div>
       ),
     },