From dec2e4daf1866d74a9f2d49aa7a27a161cc6ffa8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Sun, 23 Jan 2022 11:38:07 +0100
Subject: [PATCH] [ui] also handle (file) pastes

---
 webui/src/App.svelte                                   |  4 ++--
 .../{DropAdd.svelte => DropPasteHandler.svelte}        | 10 ++++++++--
 2 files changed, 10 insertions(+), 4 deletions(-)
 rename webui/src/components/{DropAdd.svelte => DropPasteHandler.svelte} (85%)

diff --git a/webui/src/App.svelte b/webui/src/App.svelte
index 90abdb0..9cfa3e6 100644
--- a/webui/src/App.svelte
+++ b/webui/src/App.svelte
@@ -6,7 +6,7 @@
   import Home from "./views/Home.svelte";
   import Browse from "./views/Browse.svelte";
   import Search from "./views/Search.svelte";
-  import DropAdd from "./components/DropAdd.svelte";
+  import DropPasteHandler from "./components/DropPasteHandler.svelte";
   import AddModal from "./components/AddModal.svelte";
 
   const history = createHistory(createHashSource());
@@ -37,7 +37,7 @@
   <AddModal />
 </Router>
 
-<DropAdd />
+<DropPasteHandler />
 
 <style global lang="scss">
   @use "normalize.css/normalize.css";
diff --git a/webui/src/components/DropAdd.svelte b/webui/src/components/DropPasteHandler.svelte
similarity index 85%
rename from webui/src/components/DropAdd.svelte
rename to webui/src/components/DropPasteHandler.svelte
index 3377378..add7e5a 100644
--- a/webui/src/components/DropAdd.svelte
+++ b/webui/src/components/DropPasteHandler.svelte
@@ -5,7 +5,6 @@
   let dragging = false;
 
   function onDrop(ev: DragEvent) {
-    console.debug(ev.dataTransfer);
     if (ev.dataTransfer.files.length > 0) {
       addEmitter.emit("files", Array.from(ev.dataTransfer.files));
     } // TODO: else check for URLs
@@ -21,13 +20,20 @@
   function onDragLeave(ev: DragEvent) {
     dragging = false;
   }
+
+  function onPaste(ev: ClipboardEvent) {
+    if (ev.clipboardData.files.length > 0) {
+      addEmitter.emit("files", Array.from(ev.clipboardData.files));
+    } // TODO: else check for URLs
+  }
 </script>
 
 <svelte:body
   on:dragenter|preventDefault={onDragEnter}
   on:dragover|preventDefault={onDragOver}
   on:dragleave|preventDefault={onDragLeave}
-  on:drop|preventDefault={onDrop} />
+  on:drop|preventDefault={onDrop}
+  on:paste={onPaste} />
 
 <div class="dropindicator" class:dragging>
   <div class="content">