sync clipboard

Overlord-Server/public/assets/remotedesktop.js

@@ -39,6 +39,7 @@ import { encodeMsgpack, decodeMsgpack } from "./msgpack-helpers.js";
   const viewerFps = document.getElementById("viewerFps");
   const inputLatency = document.getElementById("inputLatency");
   const statusEl = document.getElementById("streamStatus");
+  const clipboardSyncCtrl = document.getElementById("clipboardSyncCtrl");
   ws.binaryType = "arraybuffer";
 
   let activeClientId = clientId;
@@ -79,6 +80,10 @@ import { encodeMsgpack, decodeMsgpack } from "./msgpack-helpers.js";
   const inputBackpressureBytes = 256 * 1024;
   let lastMoveSentAt = 0;
 
+  let clipboardSyncTimer = null;
+  let lastClipboardText = "";
+  let clipboardSyncActive = false;
+
   function resetH264RuntimeState() {
     h264TimestampUs = 0;
     h264LowFpsStreak = 0;
@@ -181,6 +186,7 @@ import { encodeMsgpack, decodeMsgpack } from "./msgpack-helpers.js";
     }
 
     updateControls();
+    checkClipboardSync();
   }
 
   function updateControls() {
@@ -199,6 +205,49 @@ import { encodeMsgpack, decodeMsgpack } from "./msgpack-helpers.js";
     }
   }
 
+  function startClipboardSync() {
+    if (clipboardSyncActive) return;
+    clipboardSyncActive = true;
+    lastClipboardText = "";
+    sendCmd("clipboard_sync_start", {});
+    clipboardSyncTimer = setInterval(async () => {
+      if (!clipboardSyncCtrl || !clipboardSyncCtrl.checked || streamState !== "streaming") {
+        stopClipboardSync();
+        return;
+      }
+      try {
+        const text = await navigator.clipboard.readText();
+        if (text && text !== lastClipboardText) {
+          lastClipboardText = text;
+          sendCmd("clipboard_sync", { text });
+        }
+      } catch {}
+    }, 1500);
+  }
+
+  function stopClipboardSync() {
+    if (!clipboardSyncActive) return;
+    clipboardSyncActive = false;
+    if (clipboardSyncTimer) {
+      clearInterval(clipboardSyncTimer);
+      clipboardSyncTimer = null;
+    }
+    sendCmd("clipboard_sync_stop", {});
+  }
+
+  function checkClipboardSync() {
+    const shouldSync = clipboardSyncCtrl && clipboardSyncCtrl.checked && streamState === "streaming";
+    if (shouldSync && !clipboardSyncActive) {
+      startClipboardSync();
+    } else if (!shouldSync && clipboardSyncActive) {
+      stopClipboardSync();
+    }
+  }
+
+  if (clipboardSyncCtrl) {
+    clipboardSyncCtrl.addEventListener("change", checkClipboardSync);
+  }
+
   function updateLatency(ms) {
     if (ms < 0 || !Number.isFinite(ms)) return;
     latencyAvg = latencyAvg == null ? ms : latencyAvg * 0.8 + ms * 0.2;
@@ -853,6 +902,13 @@ import { encodeMsgpack, decodeMsgpack } from "./msgpack-helpers.js";
         updateLatency(Number(msg.ms) || 0);
         return;
       }
+      if (msg && msg.type === "clipboard_content") {
+        if (clipboardSyncCtrl && clipboardSyncCtrl.checked && streamState === "streaming" && msg.text) {
+          lastClipboardText = msg.text;
+          navigator.clipboard.writeText(msg.text).catch(() => {});
+        }
+        return;
+      }
       return;
     }
 
@@ -865,6 +921,13 @@ import { encodeMsgpack, decodeMsgpack } from "./msgpack-helpers.js";
       updateLatency(Number(msg.ms) || 0);
       return;
     }
+    if (msg && msg.type === "clipboard_content") {
+      if (clipboardSyncCtrl && clipboardSyncCtrl.checked && streamState === "streaming" && msg.text) {
+        lastClipboardText = msg.text;
+        navigator.clipboard.writeText(msg.text).catch(() => {});
+      }
+      return;
+    }
   });
 
   ws.addEventListener("open", function () {