[full-ci] Implement single file upload on "paste" action

changelog/unreleased/enhancement-upload-file-on-paste

@@ -0,0 +1,6 @@
+Enhancement: Upload file on paste
+
+We've implemented the possibility to upload a single file in the clipboard from anywhere via paste.
+
+https://github.com/owncloud/web/pull/9140
+https://github.com/owncloud/web/issues/9047

packages/web-app-files/src/components/AppBar/CreateAndUpload.vue

@@ -240,15 +240,33 @@ export default defineComponent({
       return unref(currentFolder)?.canUpload({ user: store.getters.user })
     })
 
+    const handlePasteFileEvent = (event) => {
+      // Ignore file in clipboard if there are already files from owncloud in the clipboard
+      if (store.state.Files.clipboardResources.length || !unref(canUpload)) {
+        return
+      }
+      // Browsers only allow single files to be pasted for security reasons
+      const items = (event.clipboardData || event.originalEvent.clipboardData).items
+      const fileItem = [...items].find((i) => i.kind === 'file')
+      if (!fileItem) {
+        return
+      }
+      const file = fileItem.getAsFile()
+      instance.onFilesSelected([file])
+      event.preventDefault()
+    }
+
     onMounted(() => {
       filesSelectedSub = uppyService.subscribe('filesSelected', instance.onFilesSelected)
       uploadCompletedSub = uppyService.subscribe('uploadCompleted', instance.onUploadComplete)
+      document.addEventListener('paste', handlePasteFileEvent)
     })
 
     onBeforeUnmount(() => {
       uppyService.unsubscribe('filesSelected', filesSelectedSub)
       uppyService.unsubscribe('uploadCompleted', uploadCompletedSub)
       uppyService.removeDropTarget()
+      document.removeEventListener('paste', handlePasteFileEvent)
     })
 
     watch(