debug clipboard (#61)

apps/api-server/Cargo.toml

@@ -41,8 +41,7 @@ priority-queue = "2.0.0"
 async-trait = { workspace = true }
 downloader = { workspace = true }
 reqwest = { workspace = true }
-
-
+arboard = "3.4.0"
 # 处理 enum
 strum = "0.26"
 strum_macros = "0.26"

apps/api-server/src/routes/mod.rs

@@ -3,6 +3,7 @@ mod assets;
 mod video;
 mod libraries;
 mod audio;
+mod utils;
 
 use rspc::Router;
 use crate::CtxWithLibrary;
@@ -24,6 +25,7 @@ where
         .merge("video.", video::get_routes::<TCtx>())
         .merge("audio.", audio::get_routes::<TCtx>())
         .merge("libraries.", libraries::get_routes::<TCtx>())
+        .merge("utils.", utils::get_routes::<TCtx>())
         .query("version", |t| {
             t(|_ctx, _input: ()| env!("CARGO_PKG_VERSION"))
         })

apps/api-server/src/routes/utils/mod.rs

@@ -0,0 +1,18 @@
+use arboard::Clipboard;
+use rspc::{Router, RouterBuilder};
+use crate::CtxWithLibrary;
+
+pub fn get_routes<TCtx>() -> RouterBuilder<TCtx>
+where
+    TCtx: CtxWithLibrary + Clone + Send + Sync + 'static,
+{
+    Router::<TCtx>::new()
+        .query("read_clipboard", |t| {
+            t(|_ctx, _input: ()| {
+                let mut clipboard = Clipboard::new().unwrap();
+                let text = clipboard.get_text().unwrap();
+                println!("Clipboard text was: {}", text);
+                Ok(text)
+            })
+        })
+}

apps/web/src/app/explorer/_components/Header.tsx

@@ -3,7 +3,7 @@ import { useExplorerContext } from '@/Explorer/hooks'
 import PageNav from '@/components/PageNav'
 import UploadButton from '@/components/UploadButton'
 import Viewport from '@/components/Viewport'
-import { rspc } from '@/lib/rspc'
+import { rspc, client } from '@/lib/rspc'
 import { useUploadQueueStore } from '@/store/uploadQueue'
 import Icon from '@gendam/ui/icons'
 import classNames from 'classnames'
@@ -68,6 +68,20 @@ export default function Header() {
     }
   }, [handleSelectFiles])
 
+  useEffect(() => {
+    // listen to paste event
+    if (typeof window !== 'undefined') {
+      const handlePaste = async (e: ClipboardEvent) => {
+        const text = await client.query(['utils.read_clipboard'])
+        console.log(text)
+      }
+      window.addEventListener('paste', handlePaste)
+      return () => {
+        window.removeEventListener('paste', handlePaste)
+      }
+    }
+  }, [])
+
   return (
     <>
       <Viewport.Toolbar className="relative">

apps/web/src/lib/bindings.ts

@@ -11,6 +11,7 @@ export type Procedures = {
         { key: "libraries.models.list", input: never, result: Result[] } | 
         { key: "libraries.status", input: never, result: LibraryStatusResult } | 
         { key: "users.get", input: never, result: Auth | null } | 
+        { key: "utils.read_clipboard", input: never, result: string } | 
         { key: "version", input: never, result: string } | 
         { key: "video.search.all", input: SearchRequestPayload, result: SearchResultPayload[] } | 
         { key: "video.tasks.list", input: TaskListRequestPayload, result: VideoWithTasksPageResult },