Implemented functionality to have the UI be able to communicate with the backend

electron/main/preload.js

@@ -5,7 +5,10 @@ const { contextBridge, ipcRenderer, webUtils } = require('electron')
 try {
     contextBridge.exposeInMainWorld("explorer", {
         onFileDrop: (file) => webUtils.getPathForFile(file)
-    })  
+    })
+    contextBridge.exposeInMainWorld("extractor", {
+        extract: (file) => ipcRenderer.send("extract", file)
+    })
 } catch (error) {
     console.log("Error in preload.js");
 }

electron/main/script.js

@@ -11,6 +11,8 @@ manualUploadBtn.addEventListener('click', () => {
 
 //function to check if one checkbox is at least klicked
 function checkBoxes() {
+  console.log("fuck");
+  
   try {
     const checkboxes = document.querySelectorAll('input[name="docFormat"]');
     let isChecked = false;
@@ -25,7 +27,8 @@ function checkBoxes() {
       //Code to submit the video
       var pathTest = fileName.textContent + "";
       if(pathTest.endsWith(".mp4") || holdy.endsWith(".mov") || holdy.endsWith(".avi") || holdy.endsWith( ".mkv")){
-        mapFunctions.get("extraction-video-to-audio").function({inputVideoPath: pathTest, outputType:"wav"});
+  console.log("fuck 2");
+        window.extractor.extract({inputVideoPath: pathTest, outputType:"wav"})
       }
     } else {
       //language only english at the moment

main.js

@@ -74,3 +74,6 @@ function createWindow() {
 electron.app.whenReady().then(createWindow);
 
 
+electron.ipcMain.on("extract", (event, args) => {
+    console.log(args);
+})