[ui] also handle (file) pastes

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";

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">