@tiptap/core 3.10.8 → 3.11.0

package/dist/index.cjs

@@ -322,6 +322,7 @@ __export(commands_exports, {
   setMeta: () => setMeta,
   setNode: () => setNode,
   setNodeSelection: () => setNodeSelection,
+  setTextDirection: () => setTextDirection,
   setTextSelection: () => setTextSelection,
   sinkListItem: () => sinkListItem,
   splitBlock: () => splitBlock,
@@ -333,6 +334,7 @@ __export(commands_exports, {
   undoInputRule: () => undoInputRule,
   unsetAllMarks: () => unsetAllMarks,
   unsetMark: () => unsetMark,
+  unsetTextDirection: () => unsetTextDirection,
   updateAttributes: () => updateAttributes,
   wrapIn: () => wrapIn,
   wrapInList: () => wrapInList
@@ -2456,6 +2458,35 @@ var setNodeSelection = (position) => ({ tr, dispatch }) => {
   return true;
 };
 
+// src/commands/setTextDirection.ts
+var setTextDirection = (direction, position) => ({ tr, state, dispatch }) => {
+  const { selection } = state;
+  let from;
+  let to;
+  if (typeof position === "number") {
+    from = position;
+    to = position;
+  } else if (position && "from" in position && "to" in position) {
+    from = position.from;
+    to = position.to;
+  } else {
+    from = selection.from;
+    to = selection.to;
+  }
+  if (dispatch) {
+    tr.doc.nodesBetween(from, to, (node, pos) => {
+      if (node.isText) {
+        return;
+      }
+      tr.setNodeMarkup(pos, void 0, {
+        ...node.attrs,
+        dir: direction
+      });
+    });
+  }
+  return true;
+};
+
 // src/commands/setTextSelection.ts
 var import_state9 = require("@tiptap/pm/state");
 var setTextSelection = (position) => ({ tr, dispatch }) => {
@@ -2819,6 +2850,34 @@ var unsetMark = (typeOrName, options = {}) => ({ tr, state, dispatch }) => {
   return true;
 };
 
+// src/commands/unsetTextDirection.ts
+var unsetTextDirection = (position) => ({ tr, state, dispatch }) => {
+  const { selection } = state;
+  let from;
+  let to;
+  if (typeof position === "number") {
+    from = position;
+    to = position;
+  } else if (position && "from" in position && "to" in position) {
+    from = position.from;
+    to = position.to;
+  } else {
+    from = selection.from;
+    to = selection.to;
+  }
+  if (dispatch) {
+    tr.doc.nodesBetween(from, to, (node, pos) => {
+      if (node.isText) {
+        return;
+      }
+      const newAttrs = { ...node.attrs };
+      delete newAttrs.dir;
+      tr.setNodeMarkup(pos, void 0, newAttrs);
+    });
+  }
+  return true;
+};
+
 // src/commands/updateAttributes.ts
 var updateAttributes = (typeOrName, attributes = {}) => ({ tr, state, dispatch }) => {
   let nodeType = null;
@@ -2936,7 +2995,7 @@ var wrapInList = (typeOrName, attributes = {}) => ({ state, dispatch }) => {
 };
 
 // src/Editor.ts
-var import_state21 = require("@tiptap/pm/state");
+var import_state22 = require("@tiptap/pm/state");
 var import_view = require("@tiptap/pm/view");
 
 // src/EventEmitter.ts
@@ -3795,6 +3854,7 @@ __export(extensions_exports, {
   Keymap: () => Keymap,
   Paste: () => Paste,
   Tabindex: () => Tabindex,
+  TextDirection: () => TextDirection,
   focusEventsPluginKey: () => focusEventsPluginKey
 });
 
@@ -4164,6 +4224,66 @@ var Tabindex = Extension.create({
   }
 });
 
+// src/extensions/textDirection.ts
+var import_state21 = require("@tiptap/pm/state");
+var TextDirection = Extension.create({
+  name: "textDirection",
+  addOptions() {
+    return {
+      direction: void 0
+    };
+  },
+  addGlobalAttributes() {
+    if (!this.options.direction) {
+      return [];
+    }
+    const { nodeExtensions } = splitExtensions(this.extensions);
+    return [
+      {
+        types: nodeExtensions.filter((extension) => extension.name !== "text").map((extension) => extension.name),
+        attributes: {
+          dir: {
+            default: this.options.direction,
+            parseHTML: (element) => {
+              const dir = element.getAttribute("dir");
+              if (dir && (dir === "ltr" || dir === "rtl" || dir === "auto")) {
+                return dir;
+              }
+              return this.options.direction;
+            },
+            renderHTML: (attributes) => {
+              if (!attributes.dir) {
+                return {};
+              }
+              return {
+                dir: attributes.dir
+              };
+            }
+          }
+        }
+      }
+    ];
+  },
+  addProseMirrorPlugins() {
+    return [
+      new import_state21.Plugin({
+        key: new import_state21.PluginKey("textDirection"),
+        props: {
+          attributes: () => {
+            const direction = this.options.direction;
+            if (!direction) {
+              return {};
+            }
+            return {
+              dir: direction
+            };
+          }
+        }
+      })
+    ];
+  }
+});
+
 // src/NodePos.ts
 var NodePos = class _NodePos {
   constructor(pos, editor, isBlock = false, node = null) {
@@ -4455,6 +4575,7 @@ var Editor = class extends EventEmitter {
       extensions: [],
       autofocus: false,
       editable: true,
+      textDirection: void 0,
       editorProps: {},
       parseOptions: {},
       coreExtensionOptions: {},
@@ -4503,7 +4624,7 @@ var Editor = class extends EventEmitter {
     this.on("delete", this.options.onDelete);
     const initialDoc = this.createDoc();
     const selection = resolveFocusPosition(initialDoc, this.options.autofocus);
-    this.editorState = import_state21.EditorState.create({
+    this.editorState = import_state22.EditorState.create({
       doc: initialDoc,
       schema: this.schema,
       selection: selection || void 0
@@ -4732,7 +4853,10 @@ var Editor = class extends EventEmitter {
       Tabindex,
       Drop,
       Paste,
-      Delete
+      Delete,
+      TextDirection.configure({
+        direction: this.options.textDirection
+      })
     ].filter((ext) => {
       if (typeof this.options.enableCoreExtensions === "object") {
         return this.options.enableCoreExtensions[ext.name] !== false;
@@ -5686,11 +5810,11 @@ var ResizableNodeView = class {
 var ResizableNodeview = ResizableNodeView;
 
 // src/utilities/canInsertNode.ts
-var import_state22 = require("@tiptap/pm/state");
+var import_state23 = require("@tiptap/pm/state");
 function canInsertNode(state, nodeType) {
   const { selection } = state;
   const { $from } = selection;
-  if (selection instanceof import_state22.NodeSelection) {
+  if (selection instanceof import_state23.NodeSelection) {
     const index = $from.index();
     const parent = $from.parent;
     return parent.canReplaceWith(index, index + 1, nodeType);
@@ -6309,7 +6433,7 @@ var Node3 = class _Node extends Extendable {
 };
 
 // src/NodeView.ts
-var import_state23 = require("@tiptap/pm/state");
+var import_state24 = require("@tiptap/pm/state");
 var NodeView = class {
   constructor(component, props, options) {
     this.isDragging = false;
@@ -6389,7 +6513,7 @@ var NodeView = class {
     if (typeof pos !== "number") {
       return;
     }
-    const selection = import_state23.NodeSelection.create(view.state.doc, pos);
+    const selection = import_state24.NodeSelection.create(view.state.doc, pos);
     const transaction = view.state.tr.setSelection(selection);
     view.dispatch(transaction);
   }
@@ -6415,7 +6539,7 @@ var NodeView = class {
     const { isEditable } = this.editor;
     const { isDragging } = this;
     const isDraggable = !!this.node.type.spec.draggable;
-    const isSelectable = import_state23.NodeSelection.isSelectable(this.node);
+    const isSelectable = import_state24.NodeSelection.isSelectable(this.node);
     const isCopyEvent = event.type === "copy";
     const isPasteEvent = event.type === "paste";
     const isCutEvent = event.type === "cut";