@tiptap/react 2.0.0-beta.8 → 2.0.0-beta.83

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

@@ -0,0 +1,278 @@
+import { DOMOutputSpec, MarkSpec, Mark as ProseMirrorMark, MarkType } from 'prosemirror-model';
+import { Plugin, Transaction } from 'prosemirror-state';
+import { InputRule } from './InputRule';
+import { PasteRule } from './PasteRule';
+import { Extensions, Attributes, RawCommands, GlobalAttributes, ParentConfig, KeyboardShortcutCommand } from './types';
+import { Node } from './Node';
+import { MarkConfig } from '.';
+import { Editor } from './Editor';
+declare module '@tiptap/core' {
+    interface MarkConfig<Options = any> {
+        [key: string]: any;
+        /**
+         * Name
+         */
+        name: string;
+        /**
+         * Priority
+         */
+        priority?: number;
+        /**
+         * Default options
+         */
+        defaultOptions?: Options;
+        /**
+         * Global attributes
+         */
+        addGlobalAttributes?: (this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<MarkConfig<Options>>['addGlobalAttributes'];
+        }) => GlobalAttributes | {};
+        /**
+         * Raw
+         */
+        addCommands?: (this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: MarkType;
+            parent: ParentConfig<MarkConfig<Options>>['addCommands'];
+        }) => Partial<RawCommands>;
+        /**
+         * Keyboard shortcuts
+         */
+        addKeyboardShortcuts?: (this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: MarkType;
+            parent: ParentConfig<MarkConfig<Options>>['addKeyboardShortcuts'];
+        }) => {
+            [key: string]: KeyboardShortcutCommand;
+        };
+        /**
+         * Input rules
+         */
+        addInputRules?: (this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: MarkType;
+            parent: ParentConfig<MarkConfig<Options>>['addInputRules'];
+        }) => InputRule[];
+        /**
+         * Paste rules
+         */
+        addPasteRules?: (this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: MarkType;
+            parent: ParentConfig<MarkConfig<Options>>['addPasteRules'];
+        }) => PasteRule[];
+        /**
+         * ProseMirror plugins
+         */
+        addProseMirrorPlugins?: (this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: MarkType;
+            parent: ParentConfig<MarkConfig<Options>>['addProseMirrorPlugins'];
+        }) => Plugin[];
+        /**
+         * Extensions
+         */
+        addExtensions?: (this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<MarkConfig<Options>>['addExtensions'];
+        }) => Extensions;
+        /**
+         * Extend Node Schema
+         */
+        extendNodeSchema?: ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<MarkConfig<Options>>['extendNodeSchema'];
+        }, extension: Node) => Record<string, any>) | null;
+        /**
+         * Extend Mark Schema
+         */
+        extendMarkSchema?: ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<MarkConfig<Options>>['extendMarkSchema'];
+        }, extension: Mark) => Record<string, any>) | null;
+        /**
+         * The editor is not ready yet.
+         */
+        onBeforeCreate?: ((this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: MarkType;
+            parent: ParentConfig<MarkConfig<Options>>['onBeforeCreate'];
+        }) => void) | null;
+        /**
+         * The editor is ready.
+         */
+        onCreate?: ((this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: MarkType;
+            parent: ParentConfig<MarkConfig<Options>>['onCreate'];
+        }) => void) | null;
+        /**
+         * The content has changed.
+         */
+        onUpdate?: ((this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: MarkType;
+            parent: ParentConfig<MarkConfig<Options>>['onUpdate'];
+        }) => void) | null;
+        /**
+         * The selection has changed.
+         */
+        onSelectionUpdate?: ((this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: MarkType;
+            parent: ParentConfig<MarkConfig<Options>>['onSelectionUpdate'];
+        }) => void) | null;
+        /**
+         * The editor state has changed.
+         */
+        onTransaction?: ((this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: MarkType;
+            parent: ParentConfig<MarkConfig<Options>>['onTransaction'];
+        }, props: {
+            transaction: Transaction;
+        }) => void) | null;
+        /**
+         * The editor is focused.
+         */
+        onFocus?: ((this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: MarkType;
+            parent: ParentConfig<MarkConfig<Options>>['onFocus'];
+        }, props: {
+            event: FocusEvent;
+        }) => void) | null;
+        /**
+         * The editor isn’t focused anymore.
+         */
+        onBlur?: ((this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: MarkType;
+            parent: ParentConfig<MarkConfig<Options>>['onBlur'];
+        }, props: {
+            event: FocusEvent;
+        }) => void) | null;
+        /**
+         * The editor is destroyed.
+         */
+        onDestroy?: ((this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: MarkType;
+            parent: ParentConfig<MarkConfig<Options>>['onDestroy'];
+        }) => void) | null;
+        /**
+         * Keep mark after split node
+         */
+        keepOnSplit?: boolean | (() => boolean);
+        /**
+         * Inclusive
+         */
+        inclusive?: MarkSpec['inclusive'] | ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<MarkConfig<Options>>['inclusive'];
+        }) => MarkSpec['inclusive']);
+        /**
+         * Excludes
+         */
+        excludes?: MarkSpec['excludes'] | ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<MarkConfig<Options>>['excludes'];
+        }) => MarkSpec['excludes']);
+        /**
+         * Group
+         */
+        group?: MarkSpec['group'] | ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<MarkConfig<Options>>['group'];
+        }) => MarkSpec['group']);
+        /**
+         * Spanning
+         */
+        spanning?: MarkSpec['spanning'] | ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<MarkConfig<Options>>['spanning'];
+        }) => MarkSpec['spanning']);
+        /**
+         * Code
+         */
+        code?: boolean | ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<MarkConfig<Options>>['code'];
+        }) => boolean);
+        /**
+         * Parse HTML
+         */
+        parseHTML?: (this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<MarkConfig<Options>>['parseHTML'];
+        }) => MarkSpec['parseDOM'];
+        /**
+         * Render HTML
+         */
+        renderHTML?: ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<MarkConfig<Options>>['renderHTML'];
+        }, props: {
+            mark: ProseMirrorMark;
+            HTMLAttributes: Record<string, any>;
+        }) => DOMOutputSpec) | null;
+        /**
+         * Attributes
+         */
+        addAttributes?: (this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<MarkConfig<Options>>['addAttributes'];
+        }) => Attributes | {};
+    }
+}
+export declare class Mark<Options = any> {
+    type: string;
+    name: string;
+    parent: Mark | null;
+    child: Mark | null;
+    options: Options;
+    config: MarkConfig;
+    constructor(config?: Partial<MarkConfig<Options>>);
+    static create<O>(config?: Partial<MarkConfig<O>>): Mark<O>;
+    configure(options?: Partial<Options>): Mark<Options>;
+    extend<ExtendedOptions = Options>(extendedConfig?: Partial<MarkConfig<ExtendedOptions>>): Mark<ExtendedOptions>;
+}

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

@@ -0,0 +1,340 @@
+import { DOMOutputSpec, NodeSpec, Node as ProseMirrorNode, NodeType } from 'prosemirror-model';
+import { Plugin, Transaction } from 'prosemirror-state';
+import { InputRule } from './InputRule';
+import { PasteRule } from './PasteRule';
+import { Extensions, Attributes, NodeViewRenderer, GlobalAttributes, RawCommands, ParentConfig, KeyboardShortcutCommand } from './types';
+import { NodeConfig } from '.';
+import { Editor } from './Editor';
+declare module '@tiptap/core' {
+    interface NodeConfig<Options = any> {
+        [key: string]: any;
+        /**
+         * Name
+         */
+        name: string;
+        /**
+         * Priority
+         */
+        priority?: number;
+        /**
+         * Default options
+         */
+        defaultOptions?: Options;
+        /**
+         * Global attributes
+         */
+        addGlobalAttributes?: (this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<NodeConfig<Options>>['addGlobalAttributes'];
+        }) => GlobalAttributes | {};
+        /**
+         * Raw
+         */
+        addCommands?: (this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: NodeType;
+            parent: ParentConfig<NodeConfig<Options>>['addCommands'];
+        }) => Partial<RawCommands>;
+        /**
+         * Keyboard shortcuts
+         */
+        addKeyboardShortcuts?: (this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: NodeType;
+            parent: ParentConfig<NodeConfig<Options>>['addKeyboardShortcuts'];
+        }) => {
+            [key: string]: KeyboardShortcutCommand;
+        };
+        /**
+         * Input rules
+         */
+        addInputRules?: (this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: NodeType;
+            parent: ParentConfig<NodeConfig<Options>>['addInputRules'];
+        }) => InputRule[];
+        /**
+         * Paste rules
+         */
+        addPasteRules?: (this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: NodeType;
+            parent: ParentConfig<NodeConfig<Options>>['addPasteRules'];
+        }) => PasteRule[];
+        /**
+         * ProseMirror plugins
+         */
+        addProseMirrorPlugins?: (this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: NodeType;
+            parent: ParentConfig<NodeConfig<Options>>['addProseMirrorPlugins'];
+        }) => Plugin[];
+        /**
+         * Extensions
+         */
+        addExtensions?: (this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<NodeConfig<Options>>['addExtensions'];
+        }) => Extensions;
+        /**
+         * Extend Node Schema
+         */
+        extendNodeSchema?: ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<NodeConfig<Options>>['extendNodeSchema'];
+        }, extension: Node) => Record<string, any>) | null;
+        /**
+         * Extend Mark Schema
+         */
+        extendMarkSchema?: ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<NodeConfig<Options>>['extendMarkSchema'];
+        }, extension: Node) => Record<string, any>) | null;
+        /**
+         * The editor is not ready yet.
+         */
+        onBeforeCreate?: ((this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: NodeType;
+            parent: ParentConfig<NodeConfig<Options>>['onBeforeCreate'];
+        }) => void) | null;
+        /**
+         * The editor is ready.
+         */
+        onCreate?: ((this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: NodeType;
+            parent: ParentConfig<NodeConfig<Options>>['onCreate'];
+        }) => void) | null;
+        /**
+         * The content has changed.
+         */
+        onUpdate?: ((this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: NodeType;
+            parent: ParentConfig<NodeConfig<Options>>['onUpdate'];
+        }) => void) | null;
+        /**
+         * The selection has changed.
+         */
+        onSelectionUpdate?: ((this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: NodeType;
+            parent: ParentConfig<NodeConfig<Options>>['onSelectionUpdate'];
+        }) => void) | null;
+        /**
+         * The editor state has changed.
+         */
+        onTransaction?: ((this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: NodeType;
+            parent: ParentConfig<NodeConfig<Options>>['onTransaction'];
+        }, props: {
+            transaction: Transaction;
+        }) => void) | null;
+        /**
+         * The editor is focused.
+         */
+        onFocus?: ((this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: NodeType;
+            parent: ParentConfig<NodeConfig<Options>>['onFocus'];
+        }, props: {
+            event: FocusEvent;
+        }) => void) | null;
+        /**
+         * The editor isn’t focused anymore.
+         */
+        onBlur?: ((this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: NodeType;
+            parent: ParentConfig<NodeConfig<Options>>['onBlur'];
+        }, props: {
+            event: FocusEvent;
+        }) => void) | null;
+        /**
+         * The editor is destroyed.
+         */
+        onDestroy?: ((this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: NodeType;
+            parent: ParentConfig<NodeConfig<Options>>['onDestroy'];
+        }) => void) | null;
+        /**
+         * Node View
+         */
+        addNodeView?: ((this: {
+            name: string;
+            options: Options;
+            editor: Editor;
+            type: NodeType;
+            parent: ParentConfig<NodeConfig<Options>>['addNodeView'];
+        }) => NodeViewRenderer) | null;
+        /**
+         * TopNode
+         */
+        topNode?: boolean;
+        /**
+         * Content
+         */
+        content?: NodeSpec['content'] | ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<NodeConfig<Options>>['content'];
+        }) => NodeSpec['content']);
+        /**
+         * Marks
+         */
+        marks?: NodeSpec['marks'] | ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<NodeConfig<Options>>['marks'];
+        }) => NodeSpec['marks']);
+        /**
+         * Group
+         */
+        group?: NodeSpec['group'] | ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<NodeConfig<Options>>['group'];
+        }) => NodeSpec['group']);
+        /**
+         * Inline
+         */
+        inline?: NodeSpec['inline'] | ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<NodeConfig<Options>>['inline'];
+        }) => NodeSpec['inline']);
+        /**
+         * Atom
+         */
+        atom?: NodeSpec['atom'] | ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<NodeConfig<Options>>['atom'];
+        }) => NodeSpec['atom']);
+        /**
+         * Selectable
+         */
+        selectable?: NodeSpec['selectable'] | ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<NodeConfig<Options>>['selectable'];
+        }) => NodeSpec['selectable']);
+        /**
+         * Draggable
+         */
+        draggable?: NodeSpec['draggable'] | ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<NodeConfig<Options>>['draggable'];
+        }) => NodeSpec['draggable']);
+        /**
+         * Code
+         */
+        code?: NodeSpec['code'] | ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<NodeConfig<Options>>['code'];
+        }) => NodeSpec['code']);
+        /**
+         * Defining
+         */
+        defining?: NodeSpec['defining'] | ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<NodeConfig<Options>>['defining'];
+        }) => NodeSpec['defining']);
+        /**
+         * Isolating
+         */
+        isolating?: NodeSpec['isolating'] | ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<NodeConfig<Options>>['isolating'];
+        }) => NodeSpec['isolating']);
+        /**
+         * Parse HTML
+         */
+        parseHTML?: (this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<NodeConfig<Options>>['parseHTML'];
+        }) => NodeSpec['parseDOM'];
+        /**
+         * Render HTML
+         */
+        renderHTML?: ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<NodeConfig<Options>>['renderHTML'];
+        }, props: {
+            node: ProseMirrorNode;
+            HTMLAttributes: Record<string, any>;
+        }) => DOMOutputSpec) | null;
+        /**
+         * Render Text
+         */
+        renderText?: ((this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<NodeConfig<Options>>['renderText'];
+        }, props: {
+            node: ProseMirrorNode;
+            pos: number;
+            parent: ProseMirrorNode;
+            index: number;
+        }) => string) | null;
+        /**
+         * Add Attributes
+         */
+        addAttributes?: (this: {
+            name: string;
+            options: Options;
+            parent: ParentConfig<NodeConfig<Options>>['addAttributes'];
+        }) => Attributes | {};
+    }
+}
+export declare class Node<Options = any> {
+    type: string;
+    name: string;
+    parent: Node | null;
+    child: Node | null;
+    options: Options;
+    config: NodeConfig;
+    constructor(config?: Partial<NodeConfig<Options>>);
+    static create<O>(config?: Partial<NodeConfig<O>>): Node<O>;
+    configure(options?: Partial<Options>): Node<Options>;
+    extend<ExtendedOptions = Options>(extendedConfig?: Partial<NodeConfig<ExtendedOptions>>): Node<ExtendedOptions>;
+}

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

@@ -0,0 +1,27 @@
+import { Decoration, NodeView as ProseMirrorNodeView } from 'prosemirror-view';
+import { Node as ProseMirrorNode } from 'prosemirror-model';
+import { Editor as CoreEditor } from './Editor';
+import { Node } from './Node';
+import { NodeViewRendererProps, NodeViewRendererOptions } from './types';
+export declare class NodeView<Component, Editor extends CoreEditor = CoreEditor, Options extends NodeViewRendererOptions = NodeViewRendererOptions> implements ProseMirrorNodeView {
+    component: Component;
+    editor: Editor;
+    options: Options;
+    extension: Node;
+    node: ProseMirrorNode;
+    decorations: Decoration[];
+    getPos: any;
+    isDragging: boolean;
+    constructor(component: Component, props: NodeViewRendererProps, options?: Partial<Options>);
+    mount(): void;
+    get dom(): Element | null;
+    get contentDOM(): Element | null;
+    onDragStart(event: DragEvent): void;
+    stopEvent(event: Event): boolean;
+    ignoreMutation(mutation: MutationRecord | {
+        type: 'selection';
+        target: Element;
+    }): boolean;
+    updateAttributes(attributes: {}): void;
+    deleteNode(): void;
+}

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

@@ -0,0 +1,42 @@
+import { EditorState, Plugin } from 'prosemirror-state';
+import { Editor } from './Editor';
+import { Range, ExtendedRegExpMatchArray, SingleCommands, ChainedCommands, CanCommands } from './types';
+export declare type PasteRuleMatch = {
+    index: number;
+    text: string;
+    replaceWith?: string;
+    match?: RegExpMatchArray;
+    data?: Record<string, any>;
+};
+export declare type PasteRuleFinder = RegExp | ((text: string) => PasteRuleMatch[] | null | undefined);
+export declare class PasteRule {
+    find: PasteRuleFinder;
+    handler: (props: {
+        state: EditorState;
+        range: Range;
+        match: ExtendedRegExpMatchArray;
+        commands: SingleCommands;
+        chain: () => ChainedCommands;
+        can: () => CanCommands;
+    }) => void;
+    constructor(config: {
+        find: PasteRuleFinder;
+        handler: (props: {
+            state: EditorState;
+            range: Range;
+            match: ExtendedRegExpMatchArray;
+            commands: SingleCommands;
+            chain: () => ChainedCommands;
+            can: () => CanCommands;
+        }) => void;
+    });
+}
+/**
+ * Create an paste rules plugin. When enabled, it will cause pasted
+ * text that matches any of the given rules to trigger the rule’s
+ * action.
+ */
+export declare function pasteRulesPlugin(props: {
+    editor: Editor;
+    rules: PasteRule[];
+}): Plugin;

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

@@ -0,0 +1,11 @@
+import { Transaction } from 'prosemirror-state';
+export interface TrackerResult {
+    position: number;
+    deleted: boolean;
+}
+export declare class Tracker {
+    transaction: Transaction;
+    currentStep: number;
+    constructor(transaction: Transaction);
+    map(position: number): TrackerResult;
+}