feat: Native context-menu on ObsidianLink!

SkepticMystic · Apr 5, 2024 · c221120 · c221120
1 parent 40ff704
commit c221120
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/src/components/ObsidianLink.svelte b/src/components/ObsidianLink.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { Keymap, Menu } from "obsidian";
 	import { log } from "src/logger";
 	import BreadcrumbsPlugin from "src/main";
 	import { active_file_store } from "src/stores/active_file";
@@ -35,8 +36,15 @@
 			hoverParent: event.currentTarget.parentElement,
 		});
 	}}
+	on:contextmenu={(e) => {
+		const menu = new Menu();
+
+		// SOURCE: https://discord.com/channels/686053708261228577/840286264964022302/1225828755252052068
+		plugin.app.workspace.handleLinkContextMenu(menu, display, path);
+
+		menu.showAtMouseEvent(e);
 	}}
-	on:auxclick|preventDefault={(e) => {
+	on:auxclick={(e) => {
 		log.debug("on:auxclick e.button", e.button);
 
 		if (e.button === 1) {

diff --git a/src/interfaces/obsidian.d.ts b/src/interfaces/obsidian.d.ts
@@ -1,5 +1,7 @@
 import "obsidian";
 
+// TODO: https://github.com/Fevol/obsidian-typings
+
 export type FrontmatterPropertyType =
 	| "text"
 	| "checkbox"
@@ -21,7 +23,9 @@ declare module "obsidian" {
 		};
 	}
 
-	interface Workspace {}
+	interface Workspace {
+		handleLinkContextMenu(menu: Menu, display: string, path: string): void;
+	}
 
 	interface Editor {}
 }