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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tiptap/core",
   "description": "headless rich text editor",
-  "version": "2.0.0-beta.180",
+  "version": "2.0.0-beta.181",
   "homepage": "https://tiptap.dev",
   "keywords": [
     "tiptap",
@@ -24,13 +24,13 @@
     "dist"
   ],
   "dependencies": {
-    "prosemirror-commands": "^1.3.0",
-    "prosemirror-keymap": "^1.2.0",
-    "prosemirror-model": "^1.17.0",
-    "prosemirror-schema-list": "^1.2.0",
-    "prosemirror-state": "^1.4.0",
-    "prosemirror-transform": "^1.6.0",
-    "prosemirror-view": "^1.25.0"
+    "prosemirror-commands": "1.3.0",
+    "prosemirror-keymap": "1.2.0",
+    "prosemirror-model": "1.18.1",
+    "prosemirror-schema-list": "1.2.0",
+    "prosemirror-state": "1.4.1",
+    "prosemirror-transform": "1.6.0",
+    "prosemirror-view": "1.26.2"
   },
   "repository": {
     "type": "git",
@@ -38,5 +38,5 @@
     "directory": "packages/core"
   },
   "sideEffects": false,
-  "gitHead": "a1e612bf897a14065b4f9ba6d48925c97d136811"
+  "gitHead": "090c5a44566bcd936096574fa62bf301ab4a1285"
 }

package/src/PasteRule.ts

@@ -190,7 +190,7 @@ export function pasteRulesPlugin(props: { editor: Editor, rules: PasteRule[] }):
             return false
           },
 
-          paste: (view, event) => {
+          paste: (view, event: Event) => {
             const html = (event as ClipboardEvent).clipboardData?.getData('text/html')
 
             isPastedFromProseMirror = !!html?.includes('data-pm-slice')

package/src/commands/focus.ts

@@ -60,7 +60,9 @@ export const focus: RawCommands['focus'] = (position = null, options = {}) => ({
     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) {

package/src/extensions/focusEvents.ts

@@ -13,7 +13,7 @@ export const FocusEvents = Extension.create({
         key: new PluginKey('focusEvents'),
         props: {
           handleDOMEvents: {
-            focus: (view, event) => {
+            focus: (view, event: Event) => {
               editor.isFocused = true
 
               const transaction = editor.state.tr
@@ -24,7 +24,7 @@ export const FocusEvents = Extension.create({
 
               return false
             },
-            blur: (view, event) => {
+            blur: (view, event: Event) => {
               editor.isFocused = false
 
               const transaction = editor.state.tr

package/src/pasteRules/index.ts

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

package/src/pasteRules/nodePasteRule.ts

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