@tiptap/core 2.0.0-beta.159 → 2.0.0-beta.162

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tiptap/core",
   "description": "headless rich text editor",
-  "version": "2.0.0-beta.159",
+  "version": "2.0.0-beta.162",
   "homepage": "https://tiptap.dev",
   "keywords": [
     "tiptap",
@@ -26,23 +26,24 @@
   "dependencies": {
     "@types/prosemirror-commands": "^1.0.4",
     "@types/prosemirror-keymap": "^1.0.4",
-    "@types/prosemirror-model": "^1.13.2",
+    "@types/prosemirror-model": "^1.16.0",
     "@types/prosemirror-schema-list": "^1.0.3",
     "@types/prosemirror-state": "^1.2.8",
     "@types/prosemirror-transform": "^1.1.5",
     "@types/prosemirror-view": "^1.19.2",
     "prosemirror-commands": "^1.1.12",
     "prosemirror-keymap": "^1.1.5",
-    "prosemirror-model": "^1.15.0",
+    "prosemirror-model": "^1.16.1",
     "prosemirror-schema-list": "^1.1.6",
     "prosemirror-state": "^1.3.4",
     "prosemirror-transform": "^1.3.3",
-    "prosemirror-view": "^1.23.3"
+    "prosemirror-view": "^1.23.5"
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/ueberdosis/tiptap",
     "directory": "packages/core"
   },
-  "gitHead": "8844627773ac1cfb0d01eaf1f52b3be937701b2d"
+  "sideEffects": false,
+  "gitHead": "7da4373a6aa27c549a536e82c429ec7313279590"
 }

package/src/ExtensionManager.ts

@@ -306,7 +306,7 @@ export class ExtensionManager {
         editor,
         rules: inputRules,
       }),
-      pasteRulesPlugin({
+      ...pasteRulesPlugin({
         editor,
         rules: pasteRules,
       }),

package/src/InputRule.ts

@@ -33,7 +33,7 @@ export class InputRule {
     commands: SingleCommands,
     chain: () => ChainedCommands,
     can: () => CanCommands,
-  }) => void
+  }) => void | null
 
   constructor(config: {
     find: InputRuleFinder,
@@ -44,7 +44,7 @@ export class InputRule {
       commands: SingleCommands,
       chain: () => ChainedCommands,
       can: () => CanCommands,
-    }) => void,
+    }) => void | null,
   }) {
     this.find = config.find
     this.handler = config.handler
@@ -87,7 +87,7 @@ function run(config: {
   text: string,
   rules: InputRule[],
   plugin: Plugin,
-}): any {
+}): boolean {
   const {
     editor,
     from,
@@ -148,7 +148,7 @@ function run(config: {
       state,
     })
 
-    rule.handler({
+    const handler = rule.handler({
       state,
       range,
       match,
@@ -158,7 +158,7 @@ function run(config: {
     })
 
     // stop if there are no changes
-    if (!tr.steps.length) {
+    if (handler === null || !tr.steps.length) {
       return
     }
 

package/src/Node.ts

@@ -375,6 +375,16 @@ declare module '@tiptap/core' {
       parent: ParentConfig<NodeConfig<Options, Storage>>['code'],
     }) => NodeSpec['code']),
 
+    /**
+     * Whitespace
+     */
+    whitespace?: NodeSpec['whitespace'] | ((this: {
+      name: string,
+      options: Options,
+      storage: Storage,
+      parent: ParentConfig<NodeConfig<Options, Storage>>['whitespace'],
+    }) => NodeSpec['whitespace']),
+
     /**
      * Defining
      */

package/src/PasteRule.ts

@@ -34,7 +34,7 @@ export class PasteRule {
     commands: SingleCommands,
     chain: () => ChainedCommands,
     can: () => CanCommands,
-  }) => void
+  }) => void | null
 
   constructor(config: {
     find: PasteRuleFinder,
@@ -45,7 +45,7 @@ export class PasteRule {
       commands: SingleCommands,
       chain: () => ChainedCommands,
       can: () => CanCommands,
-    }) => void,
+    }) => void | null,
   }) {
     this.find = config.find
     this.handler = config.handler
@@ -88,15 +88,14 @@ function run(config: {
   state: EditorState,
   from: number,
   to: number,
-  rules: PasteRule[],
-  plugin: Plugin,
-}): any {
+  rule: PasteRule,
+}): boolean {
   const {
     editor,
     state,
     from,
     to,
-    rules,
+    rule,
   } = config
 
   const { commands, chain, can } = new CommandManager({
@@ -104,6 +103,8 @@ function run(config: {
     state,
   })
 
+  const handlers: (void | null)[] = []
+
   state.doc.nodesBetween(from, to, (node, pos) => {
     if (!node.isTextblock || node.type.spec.code) {
       return
@@ -118,32 +119,36 @@ function run(config: {
       '\ufffc',
     )
 
-    rules.forEach(rule => {
-      const matches = pasteRuleMatcherHandler(textToMatch, rule.find)
+    const matches = pasteRuleMatcherHandler(textToMatch, rule.find)
 
-      matches.forEach(match => {
-        if (match.index === undefined) {
-          return
-        }
+    matches.forEach(match => {
+      if (match.index === undefined) {
+        return
+      }
 
-        const start = resolvedFrom + match.index + 1
-        const end = start + match[0].length
-        const range = {
-          from: state.tr.mapping.map(start),
-          to: state.tr.mapping.map(end),
-        }
+      const start = resolvedFrom + match.index + 1
+      const end = start + match[0].length
+      const range = {
+        from: state.tr.mapping.map(start),
+        to: state.tr.mapping.map(end),
+      }
 
-        rule.handler({
-          state,
-          range,
-          match,
-          commands,
-          chain,
-          can,
-        })
+      const handler = rule.handler({
+        state,
+        range,
+        match,
+        commands,
+        chain,
+        can,
       })
+
+      handlers.push(handler)
     })
   })
+
+  const success = handlers.every(handler => handler !== null)
+
+  return success
 }
 
 /**
@@ -151,65 +156,62 @@ function run(config: {
  * text that matches any of the given rules to trigger the rule’s
  * action.
  */
-export function pasteRulesPlugin(props: { editor: Editor, rules: PasteRule[] }): Plugin {
+export function pasteRulesPlugin(props: { editor: Editor, rules: PasteRule[] }): Plugin[] {
   const { editor, rules } = props
   let isProseMirrorHTML = false
 
-  const plugin = new Plugin({
-    props: {
-      handlePaste: (view, event) => {
-        const html = event.clipboardData?.getData('text/html')
+  const plugins = rules.map(rule => {
+    return new Plugin({
+      props: {
+        handlePaste: (view, event) => {
+          const html = event.clipboardData?.getData('text/html')
 
-        isProseMirrorHTML = !!html?.includes('data-pm-slice')
+          isProseMirrorHTML = !!html?.includes('data-pm-slice')
 
-        return false
+          return false
+        },
       },
-    },
-    appendTransaction: (transactions, oldState, state) => {
-      const transaction = transactions[0]
+      appendTransaction: (transactions, oldState, state) => {
+        const transaction = transactions[0]
 
-      // stop if there is not a paste event
-      if (!transaction.getMeta('paste') || isProseMirrorHTML) {
-        return
-      }
-
-      // stop if there is no changed range
-      const { doc, before } = transaction
-      const from = before.content.findDiffStart(doc.content)
-      const to = before.content.findDiffEnd(doc.content)
+        // stop if there is not a paste event
+        if (!transaction.getMeta('paste') || isProseMirrorHTML) {
+          return
+        }
 
-      if (!isNumber(from) || !to || from === to.b) {
-        return
-      }
+        // stop if there is no changed range
+        const from = oldState.doc.content.findDiffStart(state.doc.content)
+        const to = oldState.doc.content.findDiffEnd(state.doc.content)
 
-      // build a chainable state
-      // so we can use a single transaction for all paste rules
-      const tr = state.tr
-      const chainableState = createChainableState({
-        state,
-        transaction: tr,
-      })
+        if (!isNumber(from) || !to || from === to.b) {
+          return
+        }
 
-      run({
-        editor,
-        state: chainableState,
-        from: Math.max(from - 1, 0),
-        to: to.b,
-        rules,
-        plugin,
-      })
+        // build a chainable state
+        // so we can use a single transaction for all paste rules
+        const tr = state.tr
+        const chainableState = createChainableState({
+          state,
+          transaction: tr,
+        })
 
-      // stop if there are no changes
-      if (!tr.steps.length) {
-        return
-      }
+        const handler = run({
+          editor,
+          state: chainableState,
+          from: Math.max(from - 1, 0),
+          to: to.b,
+          rule,
+        })
 
-      return tr
-    },
+        // stop if there are no changes
+        if (!handler || !tr.steps.length) {
+          return
+        }
 
-    // @ts-ignore
-    isPasteRules: true,
+        return tr
+      },
+    })
   })
 
-  return plugin
+  return plugins
 }

package/src/inputRules/markInputRule.ts

@@ -24,7 +24,7 @@ export function markInputRule(config: {
       const attributes = callOrReturn(config.getAttributes, undefined, match)
 
       if (attributes === false || attributes === null) {
-        return
+        return null
       }
 
       const { tr } = state

package/src/pasteRules/markPasteRule.ts

@@ -24,7 +24,7 @@ export function markPasteRule(config: {
       const attributes = callOrReturn(config.getAttributes, undefined, match)
 
       if (attributes === false || attributes === null) {
-        return
+        return null
       }
 
       const { tr } = state