Add clipboard feature to web app

betaflight · Apr 10, 2024 · 492a744 · 492a744
1 parent e1f5f24
commit 492a744
Showing 1 changed file with 42 additions and 0 deletions.
diff --git a/src/js/Clipboard.js b/src/js/Clipboard.js
@@ -1,4 +1,5 @@
 import GUI from './gui.js';
+import { isWeb } from "./utils/isWeb";
 
 /**
  * Encapsulates the Clipboard logic, depending on web or nw
@@ -75,6 +76,45 @@ Clipboard._configureClipboardAsCordova = function() {
 
 };
 
+Clipboard._configureClipboardAsWeb = function() {
+
+    console.log('Web Clipboard available');
+
+    this.available = true;
+    this.readAvailable = true;
+    this.writeAvailable = true;
+
+    this.writeText = function(text, onSuccess, onError) {
+
+        navigator.clipboard.writeText(text).then(
+            function() {
+                if (onSuccess) {
+                    onSuccess(text);
+                }
+            }, function(err) {
+                if (onError) {
+                    onError(err);
+                }
+            },
+        );
+    };
+
+    this.readText = function(onSuccess, onError) {
+
+        navigator.clipboard.readText().then(
+            function(text) {
+                if (onSuccess) {
+                    onSuccess(text);
+                }
+            }, function(err) {
+                if (onError) {
+                    onError(err);
+                }
+            },
+        );
+    };
+};
+
 Clipboard._configureClipboardAsOther = function() {
 
     console.warn('NO Clipboard available');
@@ -96,6 +136,8 @@ if (GUI.isNWJS()){
     Clipboard._configureClipboardAsNwJs(GUI.nwGui);
 } else if (GUI.isCordova()) {
     Clipboard._configureClipboardAsCordova();
+} else if (isWeb()) {
+    Clipboard._configureClipboardAsWeb();
 } else {
     Clipboard._configureClipboardAsOther();
 }