support copy and paste from context menu

Author: hackeris

entry/src/main/ets/pages/TermWebView.ets

@@ -1,20 +1,61 @@
 import { BuilderNode, NodeController } from "@kit.ArkUI";
+import { pasteboard } from '@kit.BasicServicesKit'
 import { FULL_PERCENT } from "../model/TabStyle";
 import { TermController } from "../model/TermController";
+import { util } from "@kit.ArkTS";
 
-@Builder
-function buildWebView(item: TermController) {
-  Web({
-    src: $rawfile('term.html'),
-    controller: item.webviewController
-  })
-    .javaScriptProxy({
-      object: item,
-      name: 'native',
-      methodList: ['sendInput', 'resize', 'load'],
-      controller: item.webviewController,
-      asyncMethodList: [],
-      permission: `{
+@Component
+struct WebView {
+  @Require item: TermController
+
+  @Builder
+  contextMenu(webController: WebviewController) {
+    Flex({
+      direction: FlexDirection.Column
+    }) {
+      MenuItem({ content: '复制' })
+        .width('100%')
+        .onClick(async () => {
+          const selection = await webController.runJavaScript('exports.copy()')
+          if (selection !== '""') {
+            let text: string = JSON.parse(selection);
+            const board = pasteboard.getSystemPasteboard()
+            const pasteData = pasteboard.createData(pasteboard.MIMETYPE_TEXT_PLAIN, text)
+            board.setData(pasteData)
+          }
+        })
+      MenuItem() {
+        PasteButton({ buttonType: ButtonType.ROUNDED_RECTANGLE })
+          .onClick(async (event: ClickEvent, result: PasteButtonOnClickResult) => {
+            if (PasteButtonOnClickResult.SUCCESS === result) {
+              let board = pasteboard.getSystemPasteboard();
+              const data = await board.getData()
+              const text = data.getPrimaryText()
+              const array = util.TextEncoder.create().encodeInto(text)
+              const base64 = new util.Base64Helper().encodeToStringSync(array)
+              webController.runJavaScript(`exports.paste(atob('${base64}'))`)
+            }
+          })
+          .width('100%')
+          .align(Alignment.Start)
+          .backgroundColor('#292e2b')
+      }
+    }
+    .width('160vp')
+  }
+
+  build() {
+    Web({
+      src: $rawfile('term.html'),
+      controller: this.item.webviewController
+    })
+      .javaScriptProxy({
+        object: this.item,
+        name: 'native',
+        methodList: ['sendInput', 'resize', 'load'],
+        controller: this.item.webviewController,
+        asyncMethodList: [],
+        permission: `{
           "javascriptProxyPermission": {
             "urlPermissionList": [
               {
@@ -26,9 +67,16 @@ function buildWebView(item: TermController) {
             ]
           }
         }`
-    })
-    .backgroundColor('#000')
-    .height(FULL_PERCENT)
+      })
+      .backgroundColor('#000')
+      .height(FULL_PERCENT)
+      .bindContextMenu(this.contextMenu(this.item.webviewController), ResponseType.RightClick)
+  }
+}
+
+@Builder
+function buildWebView(item: TermController) {
+  WebView({ item: item })
 }
 
 export class TermWebView extends NodeController {

entry/src/main/resources/rawfile/term.js

@@ -21,6 +21,7 @@ window.onload = async function () {
     term.getPrefs().set('terminal-encoding', 'iso-2022');
     term.getPrefs().set('enable-resize-status', false);
     term.getPrefs().set('copy-on-select', false);
+    term.getPrefs().set('mouse-right-click-paste', false);
     term.getPrefs().set('enable-clipboard-notice', false);
     term.getPrefs().set('screen-padding-size', 4);
     // Creating and preloading the <audio> element for this sometimes hangs WebKit on iOS 16 for some reason. Can be most easily reproduced by resetting a simulator and starting the app. System logs show Fig hanging while trying to do work.
@@ -44,6 +45,9 @@ function onTerminalReady() {
     exports.write = (data) => {
         term.io.writeUTF16(decoder.decode(lib.codec.stringToCodeUnitArray(data)));
     };
+    exports.paste = (data) => {
+        term.io.sendString(decoder.decode(lib.codec.stringToCodeUnitArray(data)));
+    };
 
     // hterm size updates native size
     exports.getSize = () => [term.screenSize.width, term.screenSize.height];
@@ -52,7 +56,7 @@ function onTerminalReady() {
     term.scrollPort_.screen_.contentEditable = false;
     term.blur();
     term.focus();
-    exports.copy = () => term.copySelectionToClipboard();
+    exports.copy = () => term.getSelectionText();
 
     // focus
     // This listener blocks blur events that come in because the webview has lost first responder
@@ -127,5 +131,4 @@ function onTerminalReady() {
     io.print('To customize linux root filesystem or run x86_64, see harmonix_install_alpine \r\nand harmonix_run_alpine script.\r\n');
 
     native.load();
-    native.syncFocus();
 }