@type32/codemirror-rich-obsidian-editor 0.0.24 → 0.0.25

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@type32/codemirror-rich-obsidian-editor",
   "configKey": "cmOfmEditor",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/editor/plugins/codemirror-editor-plugins/editorInternalLinkAutocompletePlugin.js

@@ -27,30 +27,31 @@ function internalLinkSource(context) {
   const linkMap = context.state.facet(internalLinkMapFacet);
   const nameCounts = /* @__PURE__ */ new Map();
   linkMap.forEach((link) => {
-    nameCounts.set(link.internalLinkName, (nameCounts.get(link.internalLinkName) || 0) + 1);
+    nameCounts.set(link.name, (nameCounts.get(link.name) || 0) + 1);
   });
   const searchString = textBefore.toLowerCase();
   const options = linkMap.filter(
-    (link) => link.internalLinkName.toLowerCase().includes(searchString) || link.filePath && link.filePath.toLowerCase().includes(searchString)
+    (link) => link.name && link.name.toLowerCase().includes(searchString) || link.filePath && link.filePath.toLowerCase().includes(searchString)
   ).map((link) => {
-    const isDuplicate = (nameCounts.get(link.internalLinkName) || 0) > 1;
+    if (!link.name) return null;
+    const isDuplicate = (nameCounts.get(link.name) || 0) > 1;
     if (isDuplicate) {
       return {
-        label: link.filePath || link.internalLinkName,
-        detail: link.internalLinkName,
-        apply: link.filePath || link.internalLinkName
+        label: link.name,
+        detail: link.filePath,
+        apply: link.filePath || link.name
       };
     }
     return {
-      label: link.internalLinkName,
+      label: link.name,
       detail: link.filePath,
-      apply: `${link.internalLinkName}`
+      apply: `${link.name}`
     };
-  });
+  }).filter(Boolean);
   if (options.length === 0) return null;
   return {
     from,
-    options,
+    options: options || [],
     validFor: /^[^\]|]*/
   };
 }

package/dist/runtime/editor/plugins/codemirror-editor-plugins/editorLinkClickPlugin.js

@@ -25,14 +25,14 @@ export const editorLinkClickPlugin = EditorView.domEventHandlers({
       const path = anchor.dataset.path;
       if (!path) return true;
       const linkMap = view.state.facet(internalLinkMapFacet);
-      const linkInfo = linkMap.find((l) => l.internalLinkName === path);
+      const linkInfo = linkMap.find((l) => l.name === path || l.filePath === path);
       const type = anchor.dataset.type;
       const detail = {
-        path,
+        target: path,
         subpath: anchor.dataset.subpath,
         display: anchor.dataset.display,
         type: type || "internal-link",
-        redirectToPath: linkInfo?.redirectToPath
+        referenceId: anchor.dataset.referenceId || linkInfo?.referenceId
       };
       view.dom.dispatchEvent(new CustomEvent("internal-link-click", {
         bubbles: true,

package/dist/runtime/editor/plugins/codemirror-plugin-proses/proseInternalLinkCodemirrorViewPlugin.js

@@ -22,7 +22,7 @@ function buildInternalLinkDecorations(state) {
         const pathNode = node.node.getChild("InternalLink")?.getChild("InternalPath");
         if (pathNode) {
           const path = state.doc.sliceString(pathNode.from, pathNode.to);
-          const linkInfo = linkMap.find((l) => l.internalLinkName === path || l.filePath === path);
+          const linkInfo = linkMap.find((l) => l.name === path || l.filePath === path);
           if (linkInfo?.embedComponent) {
             const line = state.doc.lineAt(node.from);
             const props = { linkData: linkInfo };
@@ -58,7 +58,7 @@ function buildInternalLinkDecorations(state) {
         const aliasNode = contentContainerNode.getChild("InternalDisplay");
         const subpath = subpathNode ? state.doc.sliceString(subpathNode.from, subpathNode.to) : void 0;
         const alias = aliasNode ? state.doc.sliceString(aliasNode.from, aliasNode.to) : void 0;
-        const linkInfo = linkMap.find((l) => l.internalLinkName === path || l.filePath === path);
+        const linkInfo = linkMap.find((l) => l.name === path || l.filePath === path);
         if (node.name === "Embed" && linkInfo?.embedComponent) {
           return false;
         }
@@ -71,6 +71,8 @@ function buildInternalLinkDecorations(state) {
         };
         if (!linkInfo) {
           linkAttributes["class"] += " cm-unresolved-link";
+        } else {
+          linkAttributes["data-reference-id"] = linkInfo.referenceId;
         }
         if (subpath) linkAttributes["data-subpath"] = subpath;
         if (alias) linkAttributes["data-display"] = alias;

package/dist/runtime/editor/types/editor-types.d.ts

@@ -2,11 +2,34 @@ import type { Component } from 'vue'
 import type { LanguageSupport } from '@codemirror/language'
 import type { SyntaxNode } from '@lezer/common'
 
+/**
+ * Represents a resolvable internal link within the editor.
+ * This is used to provide autocompletion and to resolve link targets.
+ */
 export interface InternalLink {
-    internalLinkName: string;
-    filePath?: string;
-    redirectToPath: string;
-    embedComponent?: Component;
+	/**
+	 * The display name of the link.
+	 * This is what appears in the autocompletion list and is used as the default link text.
+	 * It should be unique if `filePath` is not provided.
+	 */
+	name: string;
+	/**
+	 * An optional file path associated with the link.
+	 * Used to disambiguate links that have the same `name`.
+	 * When autocompleting a link with a duplicate name, this path is used as the link target.
+	 */
+	filePath?: string;
+	/**
+	 * A unique identifier for the internal link.
+	 * This value has no direct effect on the editor's behavior but is passed through
+	 * to click events, allowing developers to use it for their own logic (e.g., routing).
+	 */
+	referenceId: string;
+	/**
+	 * An optional Vue component to render when this link is embedded (e.g., `![[link]]`).
+	 * If not provided, embeds of this link will be rendered as standard links.
+	 */
+	embedComponent?: Component;
 }
 
 export interface InternalLinkNode {
@@ -15,12 +38,29 @@ export interface InternalLinkNode {
 	display?: string
 }
 
+/**
+ * Details about a clicked internal link.
+ * This object is emitted as the payload of the `internal-link-click` event.
+ */
 export interface InternalLinkClickDetail {
-    path: string;
-    subpath?: string;
-    display?: string;
-    type: 'embed' | 'internal-link';
-    redirectToPath?: string;
+	/**
+	 * The target of the link as specified in the markdown source.
+	 * This corresponds to the `path` part in `[[path#subpath|display]]`.
+	 * It can be either the `name` or `filePath` of an `InternalLink`.
+	 */
+	target: string;
+	/** The subpath of the link, if any. Corresponds to the `#subpath` part. */
+	subpath?: string;
+	/** The display text (alias) of the link, if any. Corresponds to the `|display` part. */
+	display?: string;
+	/** The type of interaction, either a direct link click or an embed. */
+	type: 'embed' | 'internal-link';
+	/**
+	 * The unique identifier (`referenceId`) of the resolved `InternalLink`.
+	 * This allows developers to identify which link was clicked, even if multiple links
+	 * share the same name or file path.
+	 */
+	referenceId?: string;
 }
 
 export interface ExternalLinkClickDetail {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@type32/codemirror-rich-obsidian-editor",
-	"version": "0.0.24",
+	"version": "0.0.25",
 	"description": "OFM Editor Component for Nuxt.",
 	"repository": "Type-32/codemirror-rich-obsidian",
 	"license": "MIT",