Improved drag & drop file path search

electron/main/index.html

@@ -35,5 +35,6 @@
 <button class="submit-btn" id="submitButton">Submit Video</button>
   
   <script src="script.js"></script>
+  <script src="./renderer.js"></script>
 </body>
 </html>

electron/main/preload.js

@@ -1,4 +1,7 @@
-const { contextBridge, ipcRenderer } = require('electron'); 
+
-contextBridge.exposeInMainWorld('electronAPI', { 
+
-    sendDropPath: (path) => ipcRenderer.send('file-dropped', path) 
+const { contextBridge, ipcRenderer, webUtils } = require('electron')
-});
+
+contextBridge.exposeInMainWorld("explorer", {
+    onFileDrop: (file) => webUtils.getPathForFile(file)
+})

electron/main/renderer.js

@@ -1 +1,22 @@
 
+const dropzone = document.getElementById("uploadContainer");
+
+dropzone.addEventListener("dragover", (e) =>{
+    e.stopPropagation();
+    e.preventDefault();
+});
+
+dropzone.addEventListener("drop", (e) => {
+    e.stopPropagation()
+    e.preventDefault()
+    const files = e.dataTransfer.files
+    const filePath = window.explorer.onFileDrop(files[0])
+    var holdy = filePath + "";
+    if(holdy.endsWith(".mp4")){
+        console.log(filePath)
+
+        const files1 = e.dataTransfer.files;
+        handleFiles(files1);
+    }
+    
+})

electron/main/script.js

@@ -5,28 +5,8 @@ const manualBtn = document.getElementById('manualUploadBtn');
 const videoPreview = document.getElementById('videoPreview');
 
 
-// Drag & Drop Events
-uploadContainer.addEventListener('dragover', (e) => {
-  e.preventDefault();
-  uploadContainer.classList.add('dragover');
-});
 
 
-uploadContainer.addEventListener('dragleave', () => {
-  uploadContainer.classList.remove('dragover');
-});
-
-
-uploadContainer.addEventListener('drop', (e) => { e.preventDefault(); 
-  const file = e.dataTransfer.files[0]; // Pfad der Datei 
-  const filePath = file.path; 
-  console.log('Pfad:', filePath); // ggf. an den Hauptprozess senden, wenn nötig 
-  window.electronAPI?.sendDropPath?.(filePath); 
-
-  const files = e.dataTransfer.files;
-  handleFiles(files);
-});
-
 
 manualBtn.addEventListener('click', () => {
   fileInput.click();