From 3685397b25d9157a60978c24e57993d7dbc880a6 Mon Sep 17 00:00:00 2001
From: Paul Klein <paulleoklein@gmail.com>
Date: Mon, 20 May 2024 18:26:21 -0700
Subject: [PATCH] Add support for copy and paste in the playground

---
 front_end/panels/screencast/InputModel.ts | 37 +++++++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/front_end/panels/screencast/InputModel.ts b/front_end/panels/screencast/InputModel.ts
index 138cb3ad121..aa56809a941 100644
--- a/front_end/panels/screencast/InputModel.ts
+++ b/front_end/panels/screencast/InputModel.ts
@@ -21,11 +21,13 @@ const MOUSE_EVENT_TYPES: {[key: string]: Protocol.Input.DispatchMouseEventReques
 
 export class InputModel extends SDK.SDKModel.SDKModel<void> {
   private readonly inputAgent: ProtocolProxyApi.InputApi;
+  private readonly runtimeAgent: ProtocolProxyApi.RuntimeApi;
   private activeMouseOffsetTop: number|null;
 
   constructor(target: SDK.Target.Target) {
     super(target);
     this.inputAgent = target.inputAgent();
+    this.runtimeAgent = target.runtimeAgent();
     this.activeMouseOffsetTop = null;
   }
 
@@ -45,6 +47,13 @@ export class InputModel extends SDK.SDKModel.SDKModel<void> {
         return;
     }
     const text = event.type === 'keypress' ? String.fromCharCode(event.charCode) : undefined;
+
+    if (type === Protocol.Input.DispatchKeyEventRequestType.KeyDown &&
+      ((event.ctrlKey || event.metaKey) && event.key === 'v')) {
+      void this.handlePasteShortcut();
+      return;
+    }
+
     void this.inputAgent.invoke_dispatchKeyEvent({
       type: type,
       modifiers: this.modifiersForEvent(event),
@@ -60,6 +69,34 @@ export class InputModel extends SDK.SDKModel.SDKModel<void> {
       isSystemKey: false,
       location: event.location !== 3 ? event.location : undefined,
     });
+
+    if (type === Protocol.Input.DispatchKeyEventRequestType.KeyDown &&
+      ((event.ctrlKey || event.metaKey) && event.key === 'c')) {
+      void this.handleCopyShortcut();
+    }
+  }
+
+  async handleCopyShortcut(): Promise<void> {
+    try {
+      const result = await this.runtimeAgent.invoke_evaluate({ expression: 'navigator.clipboard.readText()' });
+      if (result.result.type === 'string') {
+        const clipboardText = result.result.value;
+        await navigator.clipboard.writeText(clipboardText);
+      }
+    } catch (error) {
+      console.error('Error reading clipboard text:', error);
+    }
+  }
+
+  async handlePasteShortcut(): Promise<void> {
+    try {
+      const clipboardText = await navigator.clipboard.readText();
+      void this.inputAgent.invoke_insertText({
+        text: clipboardText,
+      });
+    } catch (error) {
+      console.error('Error reading clipboard text:', error);
+    }
   }
 
   emitMouseEvent(event: MouseEvent, offsetTop: number, zoom: number): void {