[frontend] right click menu for links

Author: velzie

frontend/src/Tab.tsx

@@ -541,7 +541,6 @@ function copyImageToClipboard(img: HTMLImageElement) {
 }
 
 function pageContextItems(client: ScramjetClient, tab: Tab, e: MouseEvent) {
-	console.log(e.target);
 	const selection = client.global.getSelection();
 	if (selection && selection.toString().length > 0) {
 		return [
@@ -602,6 +601,39 @@ function pageContextItems(client: ScramjetClient, tab: Tab, e: MouseEvent) {
 				},
 			},
 		];
+	} else if (target && target instanceof view.HTMLAnchorElement) {
+		return [
+			{
+				label: "Open Link",
+				action: () => {
+					const url = scramjet.decodeUrl(target.href);
+					if (url) {
+						browser.activetab.pushNavigate(new URL(url));
+					}
+				},
+			},
+			{
+				label: "Open Link in New Tab",
+				action: () => {
+					const url = scramjet.decodeUrl(target.href);
+					if (url) {
+						browser.newTab(new URL(url));
+					}
+				},
+			},
+			{
+				label: "Copy Link Address",
+				action: () => {
+					navigator.clipboard.writeText(scramjet.decodeUrl(target.href));
+				},
+			},
+			{
+				label: "Save Link As...",
+				action: () => {
+					// TODO
+				},
+			},
+		];
 	}
 
 	return [