@tiptap/core 2.0.0-beta.163 → 2.0.0-beta.164

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tiptap/core",
   "description": "headless rich text editor",
-  "version": "2.0.0-beta.163",
+  "version": "2.0.0-beta.164",
   "homepage": "https://tiptap.dev",
   "keywords": [
     "tiptap",
@@ -45,5 +45,5 @@
     "directory": "packages/core"
   },
   "sideEffects": false,
-  "gitHead": "d71c27fe99e34d1906b4f094554beb86fc7287e1"
+  "gitHead": "9e48f8c23960198b166b23804c094f2ddccc3927"
 }

package/src/PasteRule.ts

@@ -158,24 +158,53 @@ function run(config: {
  */
 export function pasteRulesPlugin(props: { editor: Editor, rules: PasteRule[] }): Plugin[] {
   const { editor, rules } = props
-  let isProseMirrorHTML = false
+  let dragSourceElement: Element | null = null
+  let isPastedFromProseMirror = false
+  let isDroppedFromProseMirror = false
 
   const plugins = rules.map(rule => {
     return new Plugin({
+      // we register a global drag handler to track the current drag source element
+      view(view) {
+        const handleDragstart = (event: DragEvent) => {
+          dragSourceElement = view.dom.parentElement?.contains(event.target as Element)
+            ? view.dom.parentElement
+            : null
+        }
+
+        window.addEventListener('dragstart', handleDragstart)
+
+        return {
+          destroy() {
+            window.removeEventListener('dragstart', handleDragstart)
+          },
+        }
+      },
+
       props: {
-        handlePaste: (view, event) => {
-          const html = event.clipboardData?.getData('text/html')
+        handleDOMEvents: {
+          drop: view => {
+            isDroppedFromProseMirror = dragSourceElement === view.dom.parentElement
+
+            return false
+          },
 
-          isProseMirrorHTML = !!html?.includes('data-pm-slice')
+          paste: (view, event) => {
+            const html = event.clipboardData?.getData('text/html')
 
-          return false
+            isPastedFromProseMirror = !!html?.includes('data-pm-slice')
+
+            return false
+          },
         },
       },
+
       appendTransaction: (transactions, oldState, state) => {
         const transaction = transactions[0]
+        const isPaste = transaction.getMeta('uiEvent') === 'paste' && !isPastedFromProseMirror
+        const isDrop = transaction.getMeta('uiEvent') === 'drop' && !isDroppedFromProseMirror
 
-        // stop if there is not a paste event
-        if (!transaction.getMeta('paste') || isProseMirrorHTML) {
+        if (!isPaste && !isDrop) {
           return
         }