@type32/codemirror-rich-obsidian-editor 0.0.13 → 0.0.15

package/dist/module.json

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

package/dist/runtime/composables/useEditorFrontmatter.d.ts

@@ -0,0 +1,11 @@
+import { type Ref } from 'vue';
+import type { Frontmatter } from '../editor/types/editor-types.js';
+export declare function useEditorFrontmatter<T extends object = {}>(editor: Ref<any>): {
+    getFrontmatter: () => {
+        data?: Frontmatter<T>;
+        error?: Error;
+    };
+    setFrontmatterProperties: (properties: Partial<Frontmatter<T>>) => void;
+    addFrontmatterProperty: (key: string, value: any) => void;
+    removeFrontmatterProperty: (key: string) => void;
+};

package/dist/runtime/composables/useEditorFrontmatter.js

@@ -0,0 +1,78 @@
+import { load, dump } from "js-yaml";
+import { useEditorUtils } from "./useEditorUtils.js";
+export function useEditorFrontmatter(editor) {
+  const editorUtils = useEditorUtils(editor);
+  function getFrontmatter() {
+    const doc = editorUtils.getDoc();
+    if (!doc) {
+      return {};
+    }
+    const ast = editorUtils.parseMarkdownToAST(doc);
+    const firstNode = ast.topNode.firstChild;
+    if (!firstNode || firstNode.name !== "YAMLFrontMatter") {
+      return {};
+    }
+    const contentNode = firstNode.getChild("YAMLContent");
+    const yamlContent = contentNode ? doc.slice(contentNode.from, contentNode.to) : "";
+    try {
+      const data = load(yamlContent);
+      if (data === null || data === void 0) {
+        return { data: {} };
+      }
+      if (typeof data === "object") {
+        return { data };
+      }
+      return { error: new Error("Frontmatter is not a valid object.") };
+    } catch (e) {
+      return { error: e };
+    }
+  }
+  function setFrontmatterProperties(properties) {
+    const doc = editorUtils.getDoc() || "";
+    const ast = editorUtils.parseMarkdownToAST(doc);
+    const firstNode = ast.topNode.firstChild;
+    let existingData = {};
+    let frontmatterNodeRange = { from: -1, to: -1 };
+    if (firstNode && firstNode.name === "YAMLFrontMatter") {
+      frontmatterNodeRange = { from: firstNode.from, to: firstNode.to };
+      const { data, error } = getFrontmatter();
+      if (data && !error) {
+        existingData = data;
+      }
+    }
+    const newData = { ...existingData, ...properties };
+    Object.keys(newData).forEach((key) => {
+      if (newData[key] === void 0) {
+        delete newData[key];
+      }
+    });
+    const newYamlContent = Object.keys(newData).length > 0 ? dump(newData, { skipInvalid: true }).trim() : "";
+    const newFrontmatterBlock = `---
+${newYamlContent}
+---`;
+    if (frontmatterNodeRange.from !== -1) {
+      editorUtils.dispatch({
+        changes: { from: frontmatterNodeRange.from, to: frontmatterNodeRange.to, insert: newFrontmatterBlock }
+      });
+    } else {
+      const insertText = doc.trim().length > 0 ? `${newFrontmatterBlock}
+
+` : newFrontmatterBlock;
+      editorUtils.dispatch({
+        changes: { from: 0, to: 0, insert: insertText }
+      });
+    }
+  }
+  function addFrontmatterProperty(key, value) {
+    setFrontmatterProperties({ [key]: value });
+  }
+  function removeFrontmatterProperty(key) {
+    setFrontmatterProperties({ [key]: void 0 });
+  }
+  return {
+    getFrontmatter,
+    setFrontmatterProperties,
+    addFrontmatterProperty,
+    removeFrontmatterProperty
+  };
+}

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

@@ -14,9 +14,12 @@ function buildLinkDecorations(state) {
         const isActive = isNodeRangeActive(state, node.from, node.to) || cursorSelectionCoveredNode(poses.cursorFrom, poses.cursorTo, poses.nodeFrom, poses.nodeTo);
         if (!isActive) {
           const urlNode = node.getChild("URL");
+          const firstMark = node.getChildren("LinkMark")[0];
           if (urlNode) {
             const url = state.doc.sliceString(urlNode.from, urlNode.to);
-            const displayString = state.doc.sliceString(2, urlNode.from - 2);
+            let displayString = void 0;
+            if (firstMark?.to)
+              displayString = state.doc.sliceString(firstMark?.to, urlNode.from - 2);
             decorations.push(Decoration.replace({
               widget: new ProseVueComponentEmbedWidget(ImageEmbedComponent, { filePath: url, display: displayString }, node.from),
               block: true

package/package.json

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