Add copy and paste shortcuts to trackpad toolbar

Author: Nakshatra Sharma

src/components/Trackpad/ControlBar.tsx

@@ -10,6 +10,8 @@ interface ControlBarProps {
 	onRightClick: () => void;
 	onKeyboardToggle: () => void;
 	onModifierToggle: () => void;
+	onCopy: () => void;
+	onPaste: () => void;
 }
 
 export const ControlBar: React.FC<ControlBarProps> = ({
@@ -21,6 +23,8 @@ export const ControlBar: React.FC<ControlBarProps> = ({
 	onRightClick,
 	onKeyboardToggle,
 	onModifierToggle,
+	onCopy,
+	onPaste,
 }) => {
 	const handleInteraction = (e: React.PointerEvent, action: () => void) => {
 		e.preventDefault();
@@ -62,11 +66,13 @@ export const ControlBar: React.FC<ControlBarProps> = ({
 			</button>
 			<button
 				className="btn btn-sm btn-outline"
+				onPointerDown={(e) => handleInteraction(e, onCopy)}
 			>
 				Copy
 			</button>
 			<button
 				className="btn btn-sm btn-outline"
+				onPointerDown={(e) => handleInteraction(e, onPaste)}
 			>
 				Paste
 			</button>
@@ -98,4 +104,4 @@ export const ControlBar: React.FC<ControlBarProps> = ({
 			</button>
 		</div>
 	);
-};
+};

src/routes/trackpad.tsx

@@ -153,6 +153,14 @@ function TrackpadPage() {
         }
     };
 
+    const getCopyCombo = () => {
+        return ["control", "c"];
+    };
+
+    const getPasteCombo = () => {
+        return ["control", "v"];
+    };
+
     return (
         <div
             className="flex flex-col h-full overflow-hidden"
@@ -177,6 +185,8 @@ function TrackpadPage() {
                 onRightClick={() => handleClick('right')}
                 onKeyboardToggle={focusInput}
                 onModifierToggle={handleModifierState}
+                onCopy={() => sendCombo(getCopyCombo())}
+                onPaste={() => sendCombo(getPasteCombo())}
             />
 
             {/* Extra Keys */}