feat: adding optional common redist install

src/locales/pt-BR/translation.json

@@ -44,7 +44,10 @@
     "downloading_metadata": "Baixando metadados de {{title}}…",
     "downloading": "Baixando {{title}}… ({{percentage}} concluído) - Conclusão {{eta}} - {{speed}}",
     "calculating_eta": "Baixando {{title}}… ({{percentage}} concluído) - Calculando tempo restante…",
-    "checking_files": "Verificando arquivos de {{title}}…"
+    "checking_files": "Verificando arquivos de {{title}}…",
+    "installing_common_redist": "{{log}}…",
+    "installation_complete": "Instalação concluída",
+    "installation_complete_message": "Componentes recomendados instalados com sucesso"
   },
   "game_details": {
     "open_download_options": "Ver opções de download",

src/main/services/common-redist-manager.ts

@@ -56,10 +56,8 @@ export class CommonRedistManager {
           }
         }
 
-        const [_, component] = tail?.split("Installing ") ?? [];
-
         WindowManager.mainWindow?.webContents.send("common-redist-progress", {
-          component: component,
+          log: tail,
           complete: tail?.includes(installationCompleteMessage),
         });
       });

src/preload/index.ts

@@ -313,11 +313,11 @@ contextBridge.exposeInMainWorld("electron", {
     };
   },
   onCommonRedistProgress: (
-    cb: (value: { component: string; complete: boolean }) => void
+    cb: (value: { log: string; complete: boolean }) => void
   ) => {
     const listener = (
       _event: Electron.IpcRendererEvent,
-      value: { component: string; complete: boolean }
+      value: { log: string; complete: boolean }
     ) => cb(value);
     ipcRenderer.on("common-redist-progress", listener);
     return () => ipcRenderer.removeListener("common-redist-progress", listener);

src/renderer/src/declaration.d.ts

@@ -237,7 +237,7 @@ declare global {
     canInstallCommonRedist: () => Promise<boolean>;
     installCommonRedist: () => Promise<void>;
     onCommonRedistProgress: (
-      cb: (value: { component: string; complete: boolean }) => void
+      cb: (value: { log: string; complete: boolean }) => void
     ) => () => Electron.IpcRenderer;
     platform: NodeJS.Platform;
 

src/renderer/src/pages/settings/settings-general.tsx

@@ -54,6 +54,12 @@ export function SettingsGeneral() {
       setCanInstallCommonRedist(canInstall);
     });
 
+    const interval = setInterval(() => {
+      window.electron.canInstallCommonRedist().then((canInstall) => {
+        setCanInstallCommonRedist(canInstall);
+      });
+    }, 1000 * 5);
+
     setLanguageOptions(
       orderBy(
         Object.entries(languageResources).map(([language, value]) => {
@@ -66,6 +72,10 @@ export function SettingsGeneral() {
         "asc"
       )
     );
+
+    return () => {
+      clearInterval(interval);
+    };
   }, []);
 
   useEffect(() => {