Elgato_dark/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm synced 2026-05-23 16:58:30 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

add new generic open clipboard url (#1045)

Browse source
This commit is contained in:
Mike Sawka 2024-10-16 11:04:22 -07:00 committed by GitHub
parent fe70efab8d
commit 924d1495a3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 44 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
frontend/app/app.tsx
View file

@ -4,7 +4,16 @@
import { useWaveObjectValue } from "@/app/store/wos";
import { Workspace } from "@/app/workspace/workspace";
import { ContextMenuModel } from "@/store/contextmenu";
import { PLATFORM, WOS, atoms, getApi, globalStore, removeFlashError, useSettingsPrefixAtom } from "@/store/global";
import {
PLATFORM,
WOS,
atoms,
createBlock,
getApi,
globalStore,
removeFlashError,
useSettingsPrefixAtom,
} from "@/store/global";
import { appHandleKeyDown } from "@/store/keymodel";
import { getWebServerEndpoint } from "@/util/endpoints";
import { getElemAsStr } from "@/util/focusutil";
@ -36,7 +45,7 @@ const App = () => {
);
};
function isContentEditableBeingEdited() {
function isContentEditableBeingEdited(): boolean {
const activeElement = document.activeElement;
return (
activeElement &&
@ -45,17 +54,17 @@ function isContentEditableBeingEdited() {
);
}
function canEnablePaste() {
function canEnablePaste(): boolean {
const activeElement = document.activeElement;
return activeElement.tagName === "INPUT" || activeElement.tagName === "TEXTAREA" || isContentEditableBeingEdited();
}
function canEnableCopy() {
function canEnableCopy(): boolean {
const sel = window.getSelection();
return !util.isBlank(sel?.toString());
}
function canEnableCut() {
function canEnableCut(): boolean {
const sel = window.getSelection();
if (document.activeElement?.classList.contains("xterm-helper-textarea")) {
return false;
@ -63,12 +72,26 @@ function canEnableCut() {
return !util.isBlank(sel?.toString()) && canEnablePaste();
}
function handleContextMenu(e: React.MouseEvent<HTMLDivElement>) {
async function getClipboardURL(): Promise<URL> {
try {
const clipboardText = await navigator.clipboard.readText();
if (clipboardText == null) {
return null;
}
const url = new URL(clipboardText);
return url;
} catch (e) {
return null;
}
}
async function handleContextMenu(e: React.MouseEvent<HTMLDivElement>) {
e.preventDefault();
const canPaste = canEnablePaste();
const canCopy = canEnableCopy();
const canCut = canEnableCut();
if (!canPaste && !canCopy && !canCut) {
const clipboardURL = await getClipboardURL();
if (!canPaste && !canCopy && !canCut && !clipboardURL) {
return;
}
let menu: ContextMenuItem[] = [];
@ -81,6 +104,20 @@ function handleContextMenu(e: React.MouseEvent<HTMLDivElement>) {
if (canPaste) {
menu.push({ label: "Paste", role: "paste" });
}
if (clipboardURL) {
menu.push({ type: "separator" });
menu.push({
label: "Open Clipboard URL (" + clipboardURL.hostname + ")",
click: () => {
createBlock({
meta: {
view: "web",
url: clipboardURL.toString(),
},
});
},
});
}
ContextMenuModel.showContextMenu(menu, e);
}