@tiptap/core 2.0.0-beta.179 → 2.0.0-beta.181

package/dist/packages/core/src/Editor.d.ts

@@ -92,7 +92,7 @@ export declare class Editor extends EventEmitter<EditorEvents> {
     createNodeViews(): void;
     isCapturingTransaction: boolean;
     private capturedTransaction;
-    captureTransaction(fn: Function): Transaction<any> | null;
+    captureTransaction(fn: Function): Transaction | null;
     /**
      * The callback over which to send transactions (state updates) produced by the view.
      *

package/dist/packages/core/src/NodeView.d.ts

@@ -14,8 +14,8 @@ export declare class NodeView<Component, Editor extends CoreEditor = CoreEditor,
     isDragging: boolean;
     constructor(component: Component, props: NodeViewRendererProps, options?: Partial<Options>);
     mount(): void;
-    get dom(): Element | null;
-    get contentDOM(): Element | null;
+    get dom(): HTMLElement;
+    get contentDOM(): HTMLElement | null;
     onDragStart(event: DragEvent): void;
     stopEvent(event: Event): boolean;
     ignoreMutation(mutation: MutationRecord | {

package/dist/packages/core/src/helpers/findParentNode.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="prosemirror-model" />
 import { Selection } from 'prosemirror-state';
 import { Predicate } from '../types';
 export declare function findParentNode(predicate: Predicate): (selection: Selection) => {
     pos: number;
     start: number;
     depth: number;
-    node: import("prosemirror-model").Node<any>;
+    node: import("prosemirror-model").Node;
 } | undefined;

package/dist/packages/core/src/helpers/getTextContentFromNodes.d.ts

@@ -1,2 +1,2 @@
 import { ResolvedPos } from 'prosemirror-model';
-export declare const getTextContentFromNodes: ($from: ResolvedPos<any>, maxMatch?: number) => string;
+export declare const getTextContentFromNodes: ($from: ResolvedPos, maxMatch?: number) => string;

package/dist/packages/core/src/pasteRules/index.d.ts

@@ -1,2 +1,3 @@
 export * from './markPasteRule';
+export * from './nodePasteRule';
 export * from './textPasteRule';

package/dist/packages/core/src/pasteRules/nodePasteRule.d.ts

@@ -0,0 +1,12 @@
+import { NodeType } from 'prosemirror-model';
+import { PasteRule } from '../PasteRule';
+import { ExtendedRegExpMatchArray } from '../types';
+/**
+ * Build an paste rule that adds a node when the
+ * matched text is pasted into it.
+ */
+export declare function nodePasteRule(config: {
+    find: RegExp;
+    type: NodeType;
+    getAttributes?: Record<string, any> | ((match: ExtendedRegExpMatchArray) => Record<string, any>) | false | null;
+}): PasteRule;

package/dist/tiptap-core.cjs.js

@@ -17,10 +17,11 @@ function createChainableState(config) {
     let { storedMarks } = transaction;
     return {
         ...state,
-        schema: state.schema,
-        plugins: state.plugins,
         apply: state.apply.bind(state),
         applyTransaction: state.applyTransaction.bind(state),
+        filterTransaction: state.filterTransaction,
+        plugins: state.plugins,
+        schema: state.schema,
         reconfigure: state.reconfigure.bind(state),
         toJSON: state.toJSON.bind(state),
         get storedMarks() {
@@ -660,7 +661,7 @@ function inputRulesPlugin(props) {
                 return null;
             },
             apply(tr, prev) {
-                const stored = tr.getMeta(this);
+                const stored = tr.getMeta(plugin);
                 if (stored) {
                     return stored;
                 }
@@ -1202,13 +1203,15 @@ function getTextBetween(startNode, range, options) {
                 text += blockSeparator;
                 separated = true;
             }
-            text += textSerializer({
-                node,
-                pos,
-                parent,
-                index,
-                range,
-            });
+            if (parent) {
+                text += textSerializer({
+                    node,
+                    pos,
+                    parent,
+                    index,
+                    range,
+                });
+            }
         }
         else if (node.isText) {
             text += (_a = node === null || node === void 0 ? void 0 : node.text) === null || _a === void 0 ? void 0 : _a.slice(Math.max(from, pos) - pos, to - pos); // eslint-disable-line
@@ -1388,7 +1391,7 @@ function getMarkRange($pos, type, attributes = {}) {
     if (!start.node) {
         return;
     }
-    const mark = findMarkInSet(start.node.marks, type, attributes);
+    const mark = findMarkInSet([...start.node.marks], type, attributes);
     if (!mark) {
         return;
     }
@@ -1396,13 +1399,13 @@ function getMarkRange($pos, type, attributes = {}) {
     let startPos = $pos.start() + start.offset;
     let endIndex = startIndex + 1;
     let endPos = startPos + start.node.nodeSize;
-    findMarkInSet(start.node.marks, type, attributes);
+    findMarkInSet([...start.node.marks], type, attributes);
     while (startIndex > 0 && mark.isInSet($pos.parent.child(startIndex - 1).marks)) {
         startIndex -= 1;
         startPos -= $pos.parent.child(startIndex).nodeSize;
     }
     while (endIndex < $pos.parent.childCount
-        && isMarkInSet($pos.parent.child(endIndex).marks, type, attributes)) {
+        && isMarkInSet([...$pos.parent.child(endIndex).marks], type, attributes)) {
         endPos += $pos.parent.child(endIndex).nodeSize;
         endIndex += 1;
     }
@@ -1534,7 +1537,9 @@ const focus = (position = null, options = {}) => ({ editor, view, tr, dispatch,
         delayedFocus();
         return true;
     }
-    const selection = resolveFocusPosition(editor.state.doc, position) || editor.state.selection;
+    // pass through tr.doc instead of editor.state.doc
+    // since transactions could change the editors state before this command has been run
+    const selection = resolveFocusPosition(tr.doc, position) || editor.state.selection;
     const isSameSelection = editor.state.selection.eq(selection);
     if (dispatch) {
         if (!isSameSelection) {
@@ -2807,13 +2812,7 @@ const Tabindex = Extension.create({
             new prosemirrorState.Plugin({
                 key: new prosemirrorState.PluginKey('tabindex'),
                 props: {
-                    attributes: () => {
-                        if (this.editor.isEditable) {
-                            return {
-                                tabindex: '0',
-                            };
-                        }
-                    },
+                    attributes: this.editor.isEditable ? { tabindex: '0' } : {},
                 },
             }),
         ];
@@ -3122,7 +3121,7 @@ class Editor extends EventEmitter {
      */
     registerPlugin(plugin, handlePlugins) {
         const plugins = isFunction(handlePlugins)
-            ? handlePlugins(plugin, this.state.plugins)
+            ? handlePlugins(plugin, [...this.state.plugins])
             : [...this.state.plugins, plugin];
         const state = this.state.reconfigure({ plugins });
         this.view.updateState(state);
@@ -3183,7 +3182,7 @@ class Editor extends EventEmitter {
             dispatchTransaction: this.dispatchTransaction.bind(this),
             state: prosemirrorState.EditorState.create({
                 doc,
-                selection,
+                selection: selection || undefined,
             }),
         });
         // `editor.view` is not yet available at this time.
@@ -3929,7 +3928,7 @@ class NodeView {
         return;
     }
     get dom() {
-        return null;
+        return this.editor.view.dom;
     }
     get contentDOM() {
         return null;
@@ -4139,6 +4138,35 @@ function markPasteRule(config) {
     });
 }
 
+// source: https://stackoverflow.com/a/6969486
+function escapeForRegEx(string) {
+    return string.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
+}
+
+/**
+ * Build an paste rule that adds a node when the
+ * matched text is pasted into it.
+ */
+function nodePasteRule(config) {
+    return new PasteRule({
+        find: config.find,
+        handler({ match, chain, range }) {
+            const attributes = callOrReturn(config.getAttributes, undefined, match);
+            if (attributes === false || attributes === null) {
+                return null;
+            }
+            if (match.input) {
+                chain()
+                    .deleteRange(range)
+                    .insertContent({
+                    type: config.type.name,
+                    attrs: attributes,
+                });
+            }
+        },
+    });
+}
+
 /**
  * Build an paste rule that replaces text when the
  * matched text is pasted into it.
@@ -4190,11 +4218,6 @@ class Tracker {
     }
 }
 
-// source: https://stackoverflow.com/a/6969486
-function escapeForRegEx(string) {
-    return string.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
-}
-
 exports.CommandManager = CommandManager;
 exports.Editor = Editor;
 exports.Extension = Extension;
@@ -4244,6 +4267,7 @@ exports.markInputRule = markInputRule;
 exports.markPasteRule = markPasteRule;
 exports.mergeAttributes = mergeAttributes;
 exports.nodeInputRule = nodeInputRule;
+exports.nodePasteRule = nodePasteRule;
 exports.pasteRulesPlugin = pasteRulesPlugin;
 exports.posToDOMRect = posToDOMRect;
 exports.textInputRule = textInputRule;