@mhamz.01/easyflow-texteditor 0.1.141 → 0.1.142

package/dist/index.mjs

@@ -7534,6 +7534,116 @@ function useCursorVisibility({
   return rect;
 }
 
+// src/components/extensions/font-family-block.ts
+import { Extension as Extension2 } from "@tiptap/core";
+var FontFamilyBlock = Extension2.create({
+  name: "fontFamilyBlock",
+  addGlobalAttributes() {
+    return [
+      {
+        types: [
+          "paragraph",
+          "heading",
+          "listItem",
+          "taskItem",
+          "blockquote"
+        ],
+        attributes: {
+          fontFamily: {
+            default: null,
+            parseHTML: (element) => element.style.fontFamily?.replace(/['"]/g, "") || null,
+            renderHTML: (attributes) => {
+              if (!attributes.fontFamily) return {};
+              return {
+                style: `font-family: ${attributes.fontFamily}`
+              };
+            }
+          }
+        }
+      }
+    ];
+  }
+});
+var FontFamilyPersistence = Extension2.create({
+  name: "fontFamilyPersistence",
+  addOptions() {
+    return {
+      // Marks that should NOT inherit font family
+      excludedMarks: ["code", "codeBlock"]
+    };
+  },
+  onSelectionUpdate({ editor }) {
+    const { state } = editor;
+    const excludedMarks = this.options.excludedMarks;
+    const hasExcludedMarks = () => {
+      const { $from } = state.selection;
+      const marks = $from.marks();
+      return marks.some((mark) => excludedMarks.includes(mark.type.name));
+    };
+    const isInCodeBlock = () => {
+      const { $from } = state.selection;
+      for (let depth = $from.depth; depth > 0; depth--) {
+        const node = $from.node(depth);
+        if (node.type.name === "codeBlock") {
+          return true;
+        }
+      }
+      return false;
+    };
+    if (hasExcludedMarks() || isInCodeBlock()) {
+      return;
+    }
+    const font = state.selection.$from.parent.attrs.fontFamily;
+    if (!font) return;
+    const storedMarks = state.storedMarks || state.selection.$from.marks();
+    const filteredMarks = storedMarks.filter(
+      (mark) => mark.type.name !== "textStyle" && !excludedMarks.includes(mark.type.name)
+    );
+    const newMarks = [
+      ...filteredMarks,
+      state.schema.marks.textStyle.create({ fontFamily: font })
+    ];
+    editor.view.dispatch(
+      state.tr.setStoredMarks(newMarks)
+    );
+  },
+  onFocus({ editor }) {
+    const { state } = editor;
+    const excludedMarks = this.options.excludedMarks;
+    const hasExcludedMarks = () => {
+      const { $from } = state.selection;
+      const marks = $from.marks();
+      return marks.some((mark) => excludedMarks.includes(mark.type.name));
+    };
+    const isInCodeBlock = () => {
+      const { $from } = state.selection;
+      for (let depth = $from.depth; depth > 0; depth--) {
+        const node = $from.node(depth);
+        if (node.type.name === "codeBlock") {
+          return true;
+        }
+      }
+      return false;
+    };
+    if (hasExcludedMarks() || isInCodeBlock()) {
+      return;
+    }
+    const font = state.selection.$from.parent.attrs.fontFamily;
+    if (!font) return;
+    const storedMarks = state.storedMarks || state.selection.$from.marks();
+    const filteredMarks = storedMarks.filter(
+      (mark) => mark.type.name !== "textStyle" && !excludedMarks.includes(mark.type.name)
+    );
+    const newMarks = [
+      ...filteredMarks,
+      state.schema.marks.textStyle.create({ fontFamily: font })
+    ];
+    editor.view.dispatch(
+      state.tr.setStoredMarks(newMarks)
+    );
+  }
+});
+
 // src/components/tiptap-templates/simple/simple-editor.tsx
 import { Fragment as Fragment12, jsx as jsx81, jsxs as jsxs48 } from "react/jsx-runtime";
 var MainToolbarContent = ({
@@ -7644,6 +7754,8 @@ function SimpleEditor() {
       Superscript,
       Subscript,
       Selection2,
+      FontFamilyBlock,
+      FontFamilyPersistence,
       ImageUploadNode2.configure({
         accept: "image/*",
         maxSize: MAX_FILE_SIZE,