fix: block links and heading links don't work as expected

Author: ycnmhd

src/view/components/container/column/components/group/components/card/components/card-buttons/helpers/openFileAndJumpToLine.ts

@@ -1,7 +1,7 @@
 import { MarkdownView, WorkspaceLeaf } from 'obsidian';
 import { setViewType } from 'src/obsidian/events/workspace/actions/set-view-type';
 import { LineageView } from 'src/view/view';
-import { getExistingRightTabGroup } from 'src/view/components/container/column/components/group/components/card/components/content/event-handlers/helpers/get-existing-right-tab-group';
+import { getExistingRightTabGroup } from 'src/view/components/container/column/components/group/components/card/components/content/event-handlers/handle-links/helpers/get-existing-right-tab-group';
 
 const getLeafFromExistingTabGroup = (view: LineageView) => {
     const rightTabGroup = getExistingRightTabGroup(view);

src/view/components/container/column/components/group/components/card/components/content/content.svelte

@@ -3,7 +3,7 @@
     import { markdownPreviewAction } from 'src/view/actions/markdown-preview/markdown-preview-action';
     import {
         handleLinks
-    } from 'src/view/components/container/column/components/group/components/card/components/content/event-handlers/handle-links';
+    } from 'src/view/components/container/column/components/group/components/card/components/content/event-handlers/handle-links/handle-links';
     import { ActiveStatus } from 'src/view/components/container/column/components/group/components/active-status.enum';
     import {
         getCursorPosition

src/view/components/container/column/components/group/components/card/components/content/event-handlers/handle-links.ts

@@ -0,0 +1,17 @@
+import { LineageView } from 'src/view/view';
+import { handleLocalBlockLink } from 'src/view/components/container/column/components/group/components/card/components/content/event-handlers/handle-links/block-link/handle-local-block-link';
+import { handleGlobalBlockLink } from 'src/view/components/container/column/components/group/components/card/components/content/event-handlers/handle-links/block-link/handle-global-block-link';
+
+export const handleBlockLink = (view: LineageView, link: string) => {
+    const viewFilePath = view.file!.basename;
+    const match = /(.*)#\^(\S{4,})$/.exec(link);
+    if (match) {
+        const file = match[1];
+        const id = match[2];
+        if (!file.trim() || file === viewFilePath) {
+            handleLocalBlockLink(view, id);
+        } else {
+            handleGlobalBlockLink(view, link);
+        }
+    }
+};

src/view/components/container/column/components/group/components/card/components/content/event-handlers/handle-links/block-link/handle-block-link.ts

@@ -0,0 +1,5 @@
+import { LineageView } from 'src/view/view';
+
+export const handleGlobalBlockLink = (view: LineageView, link: string) => {
+    view.plugin.app.workspace.openLinkText(link, view.file!.basename, 'split');
+};

src/view/components/container/column/components/group/components/card/components/content/event-handlers/handle-links/block-link/handle-global-block-link.ts

@@ -0,0 +1,15 @@
+import { LineageView } from 'src/view/view';
+import { selectCard } from 'src/view/components/container/column/components/group/components/card/components/content/event-handlers/handle-links/helpers/select-card';
+
+export const handleLocalBlockLink = (view: LineageView, id: string) => {
+    const element = view.container!.querySelector(
+        `[data-block-id="^${id}"`,
+    ) as HTMLElement;
+    if (element) {
+        const card = element.closest('.lineage-card');
+        if (card && card.id) {
+            selectCard(view, card.id);
+            return true;
+        }
+    }
+};

src/view/components/container/column/components/group/components/card/components/content/event-handlers/handle-links/block-link/handle-local-block-link.ts

@@ -1,5 +1,5 @@
 import { LineageView } from 'src/view/view';
-import { openFileInExistingRightTabGroup } from 'src/view/components/container/column/components/group/components/card/components/content/event-handlers/helpers/open-file-in-existing-right-tab-group';
+import { openFileInExistingRightTabGroup } from 'src/view/components/container/column/components/group/components/card/components/content/event-handlers/handle-links/helpers/open-file-in-existing-right-tab-group';
 
 export const openFileInNewSplit = (view: LineageView, link: string) => {
     const path = view.documentStore.getValue().file.path;

…event-handlers/open-file-in-new-split.ts …inks/file-link/open-file-in-new-split.tssrc/view/components/container/column/components/group/components/card/components/content/event-handlers/open-file-in-new-split.ts renamed to src/view/components/container/column/components/group/components/card/components/content/event-handlers/handle-links/file-link/open-file-in-new-split.ts src/view/components/container/column/components/group/components/card/components/content/event-handlers/open-file-in-new-split.ts renamed to src/view/components/container/column/components/group/components/card/components/content/event-handlers/handle-links/file-link/open-file-in-new-split.ts

@@ -0,0 +1,22 @@
+import { LineageView } from 'src/view/view';
+import { openFileInNewSplit } from 'src/view/components/container/column/components/group/components/card/components/content/event-handlers/handle-links/file-link/open-file-in-new-split';
+import { handleHeading } from 'src/view/components/container/column/components/group/components/card/components/content/event-handlers/handle-links/heading-link/handle-heading';
+import { handleBlockLink } from 'src/view/components/container/column/components/group/components/card/components/content/event-handlers/handle-links/block-link/handle-block-link';
+
+export const handleLinks = (view: LineageView, e: MouseEvent) => {
+    // eslint-disable-next-line no-undef
+    if (!(e.target instanceof HTMLAnchorElement)) return;
+    if (!e.target.hasClass('internal-link')) return;
+    const link = e.target.dataset.href;
+    if (!link) return;
+    if (link.contains('#^')) {
+        e.stopPropagation();
+        handleBlockLink(view, link);
+    } else if (link.contains('#')) {
+        e.stopPropagation();
+        handleHeading(view, link);
+    } else {
+        e.stopPropagation();
+        openFileInNewSplit(view, link);
+    }
+};

src/view/components/container/column/components/group/components/card/components/content/event-handlers/handle-links/handle-links.ts

@@ -0,0 +1,12 @@
+import { LineageView } from 'src/view/view';
+import { handleGlobalBlockLink } from 'src/view/components/container/column/components/group/components/card/components/content/event-handlers/handle-links/block-link/handle-global-block-link';
+import { handleLocalHeadingLink } from 'src/view/components/container/column/components/group/components/card/components/content/event-handlers/handle-links/heading-link/handle-local-heading-link';
+
+export const handleHeading = (view: LineageView, link: string) => {
+    const file = link.split('#')[0];
+    if (file && file !== view.file!.basename) {
+        handleGlobalBlockLink(view, link);
+    } else {
+        handleLocalHeadingLink(view, link);
+    }
+};

src/view/components/container/column/components/group/components/card/components/content/event-handlers/handle-links/heading-link/handle-heading.ts

@@ -0,0 +1,23 @@
+import { LineageView } from 'src/view/view';
+import { selectCard } from 'src/view/components/container/column/components/group/components/card/components/content/event-handlers/handle-links/helpers/select-card';
+
+export const handleLocalHeadingLink = (view: LineageView, link: string) => {
+    const match = /(#.+)$/.exec(link);
+    if (!match) return;
+    const headingPart = match[1];
+    for (let level = 1; level <= 6; level++) {
+        const headings = Array.from(
+            view.containerEl.querySelectorAll('h' + level),
+        ) as HTMLHeadingElement[];
+        const heading = headings.find(
+            (h) => '#' + h.dataset.heading === headingPart,
+        );
+        if (heading) {
+            const card = heading.closest('.lineage-card');
+            if (card && card.id) {
+                selectCard(view, card.id);
+                break;
+            }
+        }
+    }
+};