@tiptap/core 2.5.3 → 2.5.5

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

@@ -6,10 +6,8 @@ import { ExtensionManager } from './ExtensionManager.js';
 import { NodePos } from './NodePos.js';
 import { CanCommands, ChainedCommands, EditorEvents, EditorOptions, JSONContent, SingleCommands, TextSerializer } from './types.js';
 export * as extensions from './extensions/index.js';
-declare global {
-    interface HTMLElement {
-        editor?: Editor;
-    }
+export interface TiptapEditorHTMLElement extends HTMLElement {
+    editor?: Editor;
 }
 export declare class Editor extends EventEmitter<EditorEvents> {
     private commandManager;

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

@@ -40,6 +40,11 @@ export interface EditorEvents {
         editor: Editor;
         transaction: Transaction;
     };
+    beforeTransaction: {
+        editor: Editor;
+        transaction: Transaction;
+        nextState: EditorState;
+    };
     transaction: {
         editor: Editor;
         transaction: Transaction;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tiptap/core",
   "description": "headless rich text editor",
-  "version": "2.5.3",
+  "version": "2.5.5",
   "homepage": "https://tiptap.dev",
   "keywords": [
     "tiptap",
@@ -32,10 +32,10 @@
     "dist"
   ],
   "devDependencies": {
-    "@tiptap/pm": "^2.5.3"
+    "@tiptap/pm": "^2.5.5"
   },
   "peerDependencies": {
-    "@tiptap/pm": "^2.5.3"
+    "@tiptap/pm": "^2.5.5"
   },
   "repository": {
     "type": "git",

package/src/Editor.ts

@@ -39,10 +39,8 @@ import { isFunction } from './utilities/isFunction.js'
 
 export * as extensions from './extensions/index.js'
 
-declare global {
-  interface HTMLElement {
-    editor?: Editor;
-  }
+export interface TiptapEditorHTMLElement extends HTMLElement {
+  editor?: Editor
 }
 
 export class Editor extends EventEmitter<EditorEvents> {
@@ -342,7 +340,7 @@ export class Editor extends EventEmitter<EditorEvents> {
 
     // Let’s store the editor instance in the DOM element.
     // So we’ll have access to it for tests.
-    const dom = this.view.dom as HTMLElement
+    const dom = this.view.dom as TiptapEditorHTMLElement
 
     dom.editor = this
   }
@@ -406,6 +404,11 @@ export class Editor extends EventEmitter<EditorEvents> {
     const state = this.state.apply(transaction)
     const selectionHasChanged = !this.state.selection.eq(state.selection)
 
+    this.emit('beforeTransaction', {
+      editor: this,
+      transaction,
+      nextState: state,
+    })
     this.view.updateState(state)
     this.emit('transaction', {
       editor: this,

package/src/helpers/getTextContentFromNodes.ts

@@ -24,7 +24,7 @@ export const getTextContentFromNodes = ($from: ResolvedPos, maxMatch = 500) => {
         || node.textContent
         || '%leaf%'
 
-      textBefore += chunk.slice(0, Math.max(0, sliceEndPos - pos))
+      textBefore += node.isAtom ? chunk : chunk.slice(0, Math.max(0, sliceEndPos - pos))
     },
   )
 

package/src/types.ts

@@ -50,6 +50,7 @@ export interface EditorEvents {
   }
   update: { editor: Editor; transaction: Transaction }
   selectionUpdate: { editor: Editor; transaction: Transaction }
+  beforeTransaction: { editor: Editor; transaction: Transaction, nextState: EditorState }
   transaction: { editor: Editor; transaction: Transaction }
   focus: { editor: Editor; event: FocusEvent; transaction: Transaction }
   blur: { editor: Editor; event: FocusEvent; transaction: Transaction }