Added try/catch handling and some comments

electron/main/preload.js

@@ -2,6 +2,11 @@
 
 const { contextBridge, ipcRenderer, webUtils } = require('electron')
 
-contextBridge.exposeInMainWorld("explorer", {
+try {
+    contextBridge.exposeInMainWorld("explorer", {
         onFileDrop: (file) => webUtils.getPathForFile(file)
-})
+    })  
+} catch (error) {
+    console.log("Error in preload.js");
+}
+

electron/main/renderer.js

@@ -2,11 +2,18 @@
 const dropzone = document.getElementById("uploadContainer");
 
 dropzone.addEventListener("dragover", (e) =>{
+    try {
         e.stopPropagation();
         e.preventDefault();
+    } catch (error) {
+        console.log("Error in renderer.js dragover listener function")
+    }
+    
 });
 
+//listener for when a file get dropped on the drag&drop field
 dropzone.addEventListener("drop", (e) => {
+    try {
         e.stopPropagation()
         e.preventDefault()
         const files = e.dataTransfer.files
@@ -18,5 +25,9 @@ dropzone.addEventListener("drop", (e) => {
             const files1 = e.dataTransfer.files;
             handleFiles(files1);
         }
+    } catch (error) {
+        console.log("Error in renderer.js with the listerner for the drop function");
+    }
+    
     
 })

electron/main/script.js

@@ -1,37 +1,60 @@
-const uploadContainer = document.getElementById('uploadContainer');
+try {
-const fileInput = document.getElementById('videoUpload');
+  const uploadContainer = document.getElementById('uploadContainer');
-const fileName = document.getElementById('fileName');
+  const fileInput = document.getElementById('videoUpload');
-const manualBtn = document.getElementById('manualUploadBtn');
+  const fileName = document.getElementById('fileName');
-const videoPreview = document.getElementById('videoPreview');
+  const manualBtn = document.getElementById('manualUploadBtn');
-
+  const videoPreview = document.getElementById('videoPreview');
-
-
 
+} catch (error) {
+  console.log("Error in skript value setting section");
+}
 
+//listener for the file explorer search
 manualBtn.addEventListener('click', () => {
+  try {
     fileInput.click();
+  } catch (error) {
+    console.log("Error in manualBtn EventListener click");
+  }
+  
 });
 
-
+//listener for the file explorer search when something got selected
 fileInput.addEventListener('change', () => {
+  try {
     handleFiles(fileInput.files);
+  } catch (error) {
+    console.log("Error in manualBtn EventListener change");
+  }
+  
 });
 
 
 
-
+//function to display the file path in the drop down box
 function handleFiles(files) {
+  try {
     if (files.length > 0) {
       const file = files[0];
       if (file.type.startsWith('video/')) {
         fileInput.files = files;
         fileName.textContent = `Chosen video: ${file.name}`;
       }
-}
+    }
+  } catch (error) {
+    console.log("Error in script.js handleFiles function");
+  }
+  
 }
 
+//function to regulate the progress on the progressbar
 function updateProgressBar(bar, value){
+  try {
     value = Math.round(value);
     bar.querySelector(".progress_fill").style.width = `${value}%`;
     bar.querySelector(".progress_text").textContent = `${value}%`;
+  } catch (error) {
+    console.log("Error in scripts.js updateProgressBar function");
+  }
+  
 }