make extension configs extendable

packages/core/src/Node.ts

@@ -7,251 +7,294 @@ import {
 import { Command as ProseMirrorCommand } from 'prosemirror-commands'
 import { Plugin, Transaction } from 'prosemirror-state'
 import { InputRule } from 'prosemirror-inputrules'
-import { ExtensionConfig } from './Extension'
 import mergeDeep from './utilities/mergeDeep'
 import {
   Attributes,
   NodeViewRenderer,
-  Overwrite,
+  GlobalAttributes,
   RawCommands,
+  NodeConfig,
 } from './types'
 import { Editor } from './Editor'
 
-export interface NodeConfig<Options = any> extends Overwrite<ExtensionConfig<Options>, {
-  /**
-   * TopNode
-   */
-  topNode?: boolean,
+declare module '@tiptap/core' {
+  interface NodeConfig<Options = any> {
+    /**
+     * Name
+     */
+    name: string,
 
-  /**
-   * Content
-   */
-  content?: NodeSpec['content'] | ((this: { options: Options }) => NodeSpec['content']),
+    /**
+     * Default options
+     */
+    defaultOptions?: Options,
 
-  /**
-   * Marks
-   */
-  marks?: NodeSpec['marks'] | ((this: { options: Options }) => NodeSpec['marks']),
-
-  /**
-   * Group
-   */
-  group?: NodeSpec['group'] | ((this: { options: Options }) => NodeSpec['group']),
-
-  /**
-   * Inline
-   */
-  inline?: NodeSpec['inline'] | ((this: { options: Options }) => NodeSpec['inline']),
-
-  /**
-   * Atom
-   */
-  atom?: NodeSpec['atom'] | ((this: { options: Options }) => NodeSpec['atom']),
-
-  /**
-   * Selectable
-   */
-  selectable?: NodeSpec['selectable'] | ((this: { options: Options }) => NodeSpec['selectable']),
-
-  /**
-   * Draggable
-   */
-  draggable?: NodeSpec['draggable'] | ((this: { options: Options }) => NodeSpec['draggable']),
-
-  /**
-   * Code
-   */
-  code?: NodeSpec['code'] | ((this: { options: Options }) => NodeSpec['code']),
-
-  /**
-   * Defining
-   */
-  defining?: NodeSpec['defining'] | ((this: { options: Options }) => NodeSpec['defining']),
-
-  /**
-   * Isolating
-   */
-  isolating?: NodeSpec['isolating'] | ((this: { options: Options }) => NodeSpec['isolating']),
-
-  /**
-   * Parse HTML
-   */
-  parseHTML?: (
-    this: {
+    /**
+     * Global attributes
+     */
+    addGlobalAttributes?: (this: {
       options: Options,
-    },
-  ) => NodeSpec['parseDOM'],
+    }) => GlobalAttributes | {},
 
-  /**
-   * Render HTML
-   */
-  renderHTML?: ((
-    this: {
-      options: Options,
-    },
-    props: {
-      node: ProseMirrorNode,
-      HTMLAttributes: { [key: string]: any },
-    }
-  ) => DOMOutputSpec) | null,
-
-  /**
-   * Render Text
-   */
-  renderText?: ((
-    this: {
+    /**
+     * Raw
+     */
+    addCommands?: (this: {
       options: Options,
       editor: Editor,
       type: NodeType,
-    },
-    props: {
-      node: ProseMirrorNode,
-    }
-  ) => string) | null,
+    }) => Partial<RawCommands>,
 
-  /**
-   * Add Attributes
-   */
-  addAttributes?: (
-    this: {
-      options: Options,
-    },
-  ) => Attributes | {},
-
-  /**
-   * Commands
-   */
-  addCommands?: (this: {
-    options: Options,
-    editor: Editor,
-    type: NodeType,
-  }) => Partial<RawCommands>,
-
-  /**
-   * Keyboard shortcuts
-   */
-  addKeyboardShortcuts?: (this: {
-    options: Options,
-    editor: Editor,
-    type: NodeType,
-  }) => {
-    [key: string]: ProseMirrorCommand,
-  },
-
-  /**
-   * Input rules
-   */
-  addInputRules?: (this: {
-    options: Options,
-    editor: Editor,
-    type: NodeType,
-  }) => InputRule[],
-
-  /**
-   * Paste rules
-   */
-  addPasteRules?: (this: {
-    options: Options,
-    editor: Editor,
-    type: NodeType,
-  }) => Plugin[],
-
-  /**
-   * ProseMirror plugins
-   */
-  addProseMirrorPlugins?: (this: {
-    options: Options,
-    editor: Editor,
-    type: NodeType,
-  }) => Plugin[],
-
-  /**
-   * Node View
-   */
-  addNodeView?: ((this: {
-    options: Options,
-    editor: Editor,
-    type: NodeType,
-  }) => NodeViewRenderer) | null,
-
-  /**
-   * The editor is ready.
-   */
-  onCreate?: ((this: {
-    options: Options,
-    editor: Editor,
-    type: NodeType,
-  }) => void) | null,
-
-  /**
-   * The content has changed.
-   */
-  onUpdate?: ((this: {
-    options: Options,
-    editor: Editor,
-    type: NodeType,
-  }) => void) | null,
-
-  /**
-   * The selection has changed.
-   */
-  onSelection?: ((this: {
-    options: Options,
-    editor: Editor,
-    type: NodeType,
-  }) => void) | null,
-
-  /**
-   * The editor state has changed.
-   */
-  onTransaction?: ((
-    this: {
+    /**
+     * Keyboard shortcuts
+     */
+    addKeyboardShortcuts?: (this: {
       options: Options,
       editor: Editor,
       type: NodeType,
+    }) => {
+      [key: string]: ProseMirrorCommand,
     },
-    props: {
-      transaction: Transaction,
-    },
-  ) => void) | null,
 
-  /**
-   * The editor is focused.
-   */
-  onFocus?: ((
-    this: {
+    /**
+     * Input rules
+     */
+    addInputRules?: (this: {
       options: Options,
       editor: Editor,
       type: NodeType,
-    },
-    props: {
-      event: FocusEvent,
-    },
-  ) => void) | null,
+    }) => InputRule[],
 
-  /**
-   * The editor isn’t focused anymore.
-   */
-  onBlur?: ((
-    this: {
+    /**
+     * Paste rules
+     */
+    addPasteRules?: (this: {
       options: Options,
       editor: Editor,
       type: NodeType,
-    },
-    props: {
-      event: FocusEvent,
-    },
-  ) => void) | null,
+    }) => Plugin[],
 
-  /**
-   * The editor is destroyed.
-   */
-  onDestroy?: ((this: {
-    options: Options,
-    editor: Editor,
-    type: NodeType,
-  }) => void) | null,
-}> {}
+    /**
+     * ProseMirror plugins
+     */
+    addProseMirrorPlugins?: (this: {
+      options: Options,
+      editor: Editor,
+      type: NodeType,
+    }) => Plugin[],
+
+    /**
+     * Extend Node Schema
+     */
+    extendNodeSchema?: ((
+      this: {
+        options: Options,
+      },
+      extension: Node,
+    ) => {
+      [key: string]: any,
+    }) | null,
+
+    /**
+     * Extend Mark Schema
+     */
+    extendMarkSchema?: ((
+      this: {
+        options: Options,
+      },
+      extension: Node,
+    ) => {
+      [key: string]: any,
+    }) | null,
+
+    /**
+     * The editor is ready.
+     */
+    onCreate?: ((this: {
+      options: Options,
+      editor: Editor,
+      type: NodeType,
+    }) => void) | null,
+
+    /**
+     * The content has changed.
+     */
+    onUpdate?: ((this: {
+      options: Options,
+      editor: Editor,
+      type: NodeType,
+    }) => void) | null,
+
+    /**
+     * The selection has changed.
+     */
+    onSelection?: ((this: {
+      options: Options,
+      editor: Editor,
+      type: NodeType,
+    }) => void) | null,
+
+    /**
+     * The editor state has changed.
+     */
+    onTransaction?: ((
+      this: {
+        options: Options,
+        editor: Editor,
+        type: NodeType,
+      },
+      props: {
+        transaction: Transaction,
+      },
+    ) => void) | null,
+
+    /**
+     * The editor is focused.
+     */
+    onFocus?: ((
+      this: {
+        options: Options,
+        editor: Editor,
+        type: NodeType,
+      },
+      props: {
+        event: FocusEvent,
+      },
+    ) => void) | null,
+
+    /**
+     * The editor isn’t focused anymore.
+     */
+    onBlur?: ((
+      this: {
+        options: Options,
+        editor: Editor,
+        type: NodeType,
+      },
+      props: {
+        event: FocusEvent,
+      },
+    ) => void) | null,
+
+    /**
+     * The editor is destroyed.
+     */
+    onDestroy?: ((this: {
+      options: Options,
+      editor: Editor,
+      type: NodeType,
+    }) => void) | null,
+
+    /**
+     * Node View
+     */
+    addNodeView?: ((this: {
+      options: Options,
+      editor: Editor,
+      type: NodeType,
+    }) => NodeViewRenderer) | null,
+
+    /**
+     * TopNode
+     */
+    topNode?: boolean,
+
+    /**
+     * Content
+     */
+    content?: NodeSpec['content'] | ((this: { options: Options }) => NodeSpec['content']),
+
+    /**
+     * Marks
+     */
+    marks?: NodeSpec['marks'] | ((this: { options: Options }) => NodeSpec['marks']),
+
+    /**
+     * Group
+     */
+    group?: NodeSpec['group'] | ((this: { options: Options }) => NodeSpec['group']),
+
+    /**
+     * Inline
+     */
+    inline?: NodeSpec['inline'] | ((this: { options: Options }) => NodeSpec['inline']),
+
+    /**
+     * Atom
+     */
+    atom?: NodeSpec['atom'] | ((this: { options: Options }) => NodeSpec['atom']),
+
+    /**
+     * Selectable
+     */
+    selectable?: NodeSpec['selectable'] | ((this: { options: Options }) => NodeSpec['selectable']),
+
+    /**
+     * Draggable
+     */
+    draggable?: NodeSpec['draggable'] | ((this: { options: Options }) => NodeSpec['draggable']),
+
+    /**
+     * Code
+     */
+    code?: NodeSpec['code'] | ((this: { options: Options }) => NodeSpec['code']),
+
+    /**
+     * Defining
+     */
+    defining?: NodeSpec['defining'] | ((this: { options: Options }) => NodeSpec['defining']),
+
+    /**
+     * Isolating
+     */
+    isolating?: NodeSpec['isolating'] | ((this: { options: Options }) => NodeSpec['isolating']),
+
+    /**
+     * Parse HTML
+     */
+    parseHTML?: (
+      this: {
+        options: Options,
+      },
+    ) => NodeSpec['parseDOM'],
+
+    /**
+     * Render HTML
+     */
+    renderHTML?: ((
+      this: {
+        options: Options,
+      },
+      props: {
+        node: ProseMirrorNode,
+        HTMLAttributes: { [key: string]: any },
+      }
+    ) => DOMOutputSpec) | null,
+
+    /**
+     * Render Text
+     */
+    renderText?: ((
+      this: {
+        options: Options,
+        editor: Editor,
+        type: NodeType,
+      },
+      props: {
+        node: ProseMirrorNode,
+      }
+    ) => string) | null,
+
+    /**
+     * Add Attributes
+     */
+    addAttributes?: (
+      this: {
+        options: Options,
+      },
+    ) => Attributes | {},
+  }
+}
 
 export class Node<Options = any> {
   type = 'node'