@tiptap/core 3.0.0-beta.24 → 3.0.0-beta.26

package/dist/index.d.cts

@@ -1175,7 +1175,7 @@ interface EditorOptions {
     /**
      * Enable a lazy-loaded Prosemirror DevTools integration.
      *
-     * Requires having the `prosemirror-dev-tools` npm package installed.
+     * Requires having the `prosemirror-dev-toolkit` npm package installed.
      * @type boolean
      * @default false
      * @example
@@ -1448,8 +1448,9 @@ interface MarkViewRendererProps {
      * The HTML attributes that should be added to the mark's DOM element.
      */
     HTMLAttributes: Record<string, any>;
+    updateAttributes: (attrs: Record<string, any>) => void;
 }
-type MarkViewRenderer = (props: MarkViewRendererProps) => MarkView$1;
+type MarkViewRenderer<Props = MarkViewRendererProps> = (props: Props) => MarkView$1;
 interface MarkViewRendererOptions {
     ignoreMutation: ((props: {
         mutation: ViewMutationRecord;
@@ -2931,14 +2932,14 @@ declare class Editor extends EventEmitter<EditorEvents> {
     /**
      * Applies ProseMirror dev tools to the editor instance if enabled and running in a browser environment.
      *
-     * This method dynamically imports the `prosemirror-dev-tools` package and applies it to the current
+     * This method dynamically imports the `prosemirror-dev-toolkit` package and applies it to the current
      * editor view. If the dev tools are not installed, a warning is logged to the console.
      *
      * @private
      * @remarks
      * - Dev tools are only applied if `this.options.enableDevTools` is `true` and the code is running in a browser.
      * - If the editor view is not available, the dev tools are not applied.
-     * - If the `prosemirror-dev-tools` package is missing, a warning is shown in the console.
+     * - If the `prosemirror-dev-toolkit` package is missing, a warning is shown in the console.
      *
      * @returns {void}
      */
@@ -3205,6 +3206,7 @@ declare function Fragment(props: {
 }): JSXRenderer[];
 declare const h: JSXRenderer;
 
+declare function updateMarkViewAttributes(checkMark: Mark$1, editor: Editor, attrs?: Record<string, any>): void;
 declare class MarkView<Component, Options extends MarkViewRendererOptions = MarkViewRendererOptions> {
     component: Component;
     editor: Editor;
@@ -3214,6 +3216,11 @@ declare class MarkView<Component, Options extends MarkViewRendererOptions = Mark
     constructor(component: Component, props: MarkViewProps, options?: Partial<Options>);
     get dom(): HTMLElement;
     get contentDOM(): HTMLElement | null;
+    /**
+     * Update the attributes of the mark in the document.
+     * @param attrs The attributes to update.
+     */
+    updateAttributes(attrs: Record<string, any>, checkMark?: Mark$1): void;
     ignoreMutation(mutation: ViewMutationRecord): boolean;
 }
 
@@ -3377,4 +3384,4 @@ interface Commands<ReturnType = any> {
 interface Storage {
 }
 
-export { type AnyCommands, type AnyConfig, type AnyExtension, type Attribute, type Attributes$1 as Attributes, type CanCommands, type ChainedCommands, type ChangedRange, type Command, CommandManager, type CommandProps, type CommandSpec, type Commands, type Content, type CreateNodeFromContentOptions, type DOMNode, type DOMOutputSpecArray$1 as DOMOutputSpecArray, type DecorationType, type DecorationWithType, type Diff, type Dispatch, type DocumentType, Editor, type EditorEvents, type EditorOptions, type EnableRules, type ExtendedRegExpMatchArray, Extension, type ExtensionAttribute, type ExtensionConfig, type Extensions, type FocusPosition, Fragment, type GlobalAttributes, type HTMLContent, InputRule, type InputRuleFinder, type InputRuleMatch, type JSONContent, type KeyboardShortcutCommand, type KeysWithTypeOf, Mark, type MarkConfig, type MarkRange, type MarkType, MarkView, type MarkViewProps, type MarkViewRenderer, type MarkViewRendererOptions, type MarkViewRendererProps, type MaybeReturnType, type MaybeThisParameterType, Node, type NodeConfig, NodePos, type NodeRange, type NodeType, NodeView, type NodeViewProps, type NodeViewRenderer, type NodeViewRendererOptions, type NodeViewRendererProps, type NodeWithPos, type Overwrite, type ParentConfig, PasteRule, type PasteRuleFinder, type PasteRuleMatch, type PickValue, type Predicate, type Primitive, type Range, type RawCommands, type RemoveThis, type SingleCommands, type Storage, type TextSerializer, type TextType, type TiptapEditorHTMLElement, Tracker, type TrackerResult, type UnionCommands, type UnionToIntersection, type ValuesOf, callOrReturn, canInsertNode, combineTransactionSteps, createChainableState, createDocument, h as createElement, createNodeFromContent, createStyleTag, defaultBlockAt, deleteProps, elementFromString, escapeForRegEx, index as extensions, findChildren, findChildrenInRange, findDuplicates, findParentNode, findParentNodeClosestToPos, flattenExtensions, fromString, generateHTML, generateJSON, generateText, getAttributes, getAttributesFromExtensions, getChangedRanges, getDebugJSON, getExtensionField, getHTMLFromFragment, getMarkAttributes, getMarkRange, getMarkType, getMarksBetween, getNodeAtPosition, getNodeAttributes, getNodeType, getRenderedAttributes, getSchema, getSchemaByResolvedExtensions, getSchemaTypeByName, getSchemaTypeNameByName, getSplittedAttributes, getText, getTextBetween, getTextContentFromNodes, getTextSerializersFromSchema, h, injectExtensionAttributesToParseRule, inputRulesPlugin, isActive, isAndroid, isAtEndOfNode, isAtStartOfNode, isEmptyObject, isExtensionRulesEnabled, isFunction, isList, isMacOS, isMarkActive, isNodeActive, isNodeEmpty, isNodeSelection, isNumber, isPlainObject, isRegExp, isString, isTextSelection, isiOS, markInputRule, markPasteRule, mergeAttributes, mergeDeep, minMax, nodeInputRule, nodePasteRule, objectIncludes, pasteRulesPlugin, posToDOMRect, removeDuplicates, resolveExtensions, resolveFocusPosition, rewriteUnknownContent, selectionToInsertionEnd, sortExtensions, splitExtensions, textInputRule, textPasteRule, textblockTypeInputRule, wrappingInputRule };
+export { type AnyCommands, type AnyConfig, type AnyExtension, type Attribute, type Attributes$1 as Attributes, type CanCommands, type ChainedCommands, type ChangedRange, type Command, CommandManager, type CommandProps, type CommandSpec, type Commands, type Content, type CreateNodeFromContentOptions, type DOMNode, type DOMOutputSpecArray$1 as DOMOutputSpecArray, type DecorationType, type DecorationWithType, type Diff, type Dispatch, type DocumentType, Editor, type EditorEvents, type EditorOptions, type EnableRules, type ExtendedRegExpMatchArray, Extension, type ExtensionAttribute, type ExtensionConfig, type Extensions, type FocusPosition, Fragment, type GlobalAttributes, type HTMLContent, InputRule, type InputRuleFinder, type InputRuleMatch, type JSONContent, type KeyboardShortcutCommand, type KeysWithTypeOf, Mark, type MarkConfig, type MarkRange, type MarkType, MarkView, type MarkViewProps, type MarkViewRenderer, type MarkViewRendererOptions, type MarkViewRendererProps, type MaybeReturnType, type MaybeThisParameterType, Node, type NodeConfig, NodePos, type NodeRange, type NodeType, NodeView, type NodeViewProps, type NodeViewRenderer, type NodeViewRendererOptions, type NodeViewRendererProps, type NodeWithPos, type Overwrite, type ParentConfig, PasteRule, type PasteRuleFinder, type PasteRuleMatch, type PickValue, type Predicate, type Primitive, type Range, type RawCommands, type RemoveThis, type SingleCommands, type Storage, type TextSerializer, type TextType, type TiptapEditorHTMLElement, Tracker, type TrackerResult, type UnionCommands, type UnionToIntersection, type ValuesOf, callOrReturn, canInsertNode, combineTransactionSteps, createChainableState, createDocument, h as createElement, createNodeFromContent, createStyleTag, defaultBlockAt, deleteProps, elementFromString, escapeForRegEx, index as extensions, findChildren, findChildrenInRange, findDuplicates, findParentNode, findParentNodeClosestToPos, flattenExtensions, fromString, generateHTML, generateJSON, generateText, getAttributes, getAttributesFromExtensions, getChangedRanges, getDebugJSON, getExtensionField, getHTMLFromFragment, getMarkAttributes, getMarkRange, getMarkType, getMarksBetween, getNodeAtPosition, getNodeAttributes, getNodeType, getRenderedAttributes, getSchema, getSchemaByResolvedExtensions, getSchemaTypeByName, getSchemaTypeNameByName, getSplittedAttributes, getText, getTextBetween, getTextContentFromNodes, getTextSerializersFromSchema, h, injectExtensionAttributesToParseRule, inputRulesPlugin, isActive, isAndroid, isAtEndOfNode, isAtStartOfNode, isEmptyObject, isExtensionRulesEnabled, isFunction, isList, isMacOS, isMarkActive, isNodeActive, isNodeEmpty, isNodeSelection, isNumber, isPlainObject, isRegExp, isString, isTextSelection, isiOS, markInputRule, markPasteRule, mergeAttributes, mergeDeep, minMax, nodeInputRule, nodePasteRule, objectIncludes, pasteRulesPlugin, posToDOMRect, removeDuplicates, resolveExtensions, resolveFocusPosition, rewriteUnknownContent, selectionToInsertionEnd, sortExtensions, splitExtensions, textInputRule, textPasteRule, textblockTypeInputRule, updateMarkViewAttributes, wrappingInputRule };

package/dist/index.d.ts

@@ -1175,7 +1175,7 @@ interface EditorOptions {
     /**
      * Enable a lazy-loaded Prosemirror DevTools integration.
      *
-     * Requires having the `prosemirror-dev-tools` npm package installed.
+     * Requires having the `prosemirror-dev-toolkit` npm package installed.
      * @type boolean
      * @default false
      * @example
@@ -1448,8 +1448,9 @@ interface MarkViewRendererProps {
      * The HTML attributes that should be added to the mark's DOM element.
      */
     HTMLAttributes: Record<string, any>;
+    updateAttributes: (attrs: Record<string, any>) => void;
 }
-type MarkViewRenderer = (props: MarkViewRendererProps) => MarkView$1;
+type MarkViewRenderer<Props = MarkViewRendererProps> = (props: Props) => MarkView$1;
 interface MarkViewRendererOptions {
     ignoreMutation: ((props: {
         mutation: ViewMutationRecord;
@@ -2931,14 +2932,14 @@ declare class Editor extends EventEmitter<EditorEvents> {
     /**
      * Applies ProseMirror dev tools to the editor instance if enabled and running in a browser environment.
      *
-     * This method dynamically imports the `prosemirror-dev-tools` package and applies it to the current
+     * This method dynamically imports the `prosemirror-dev-toolkit` package and applies it to the current
      * editor view. If the dev tools are not installed, a warning is logged to the console.
      *
      * @private
      * @remarks
      * - Dev tools are only applied if `this.options.enableDevTools` is `true` and the code is running in a browser.
      * - If the editor view is not available, the dev tools are not applied.
-     * - If the `prosemirror-dev-tools` package is missing, a warning is shown in the console.
+     * - If the `prosemirror-dev-toolkit` package is missing, a warning is shown in the console.
      *
      * @returns {void}
      */
@@ -3205,6 +3206,7 @@ declare function Fragment(props: {
 }): JSXRenderer[];
 declare const h: JSXRenderer;
 
+declare function updateMarkViewAttributes(checkMark: Mark$1, editor: Editor, attrs?: Record<string, any>): void;
 declare class MarkView<Component, Options extends MarkViewRendererOptions = MarkViewRendererOptions> {
     component: Component;
     editor: Editor;
@@ -3214,6 +3216,11 @@ declare class MarkView<Component, Options extends MarkViewRendererOptions = Mark
     constructor(component: Component, props: MarkViewProps, options?: Partial<Options>);
     get dom(): HTMLElement;
     get contentDOM(): HTMLElement | null;
+    /**
+     * Update the attributes of the mark in the document.
+     * @param attrs The attributes to update.
+     */
+    updateAttributes(attrs: Record<string, any>, checkMark?: Mark$1): void;
     ignoreMutation(mutation: ViewMutationRecord): boolean;
 }
 
@@ -3377,4 +3384,4 @@ interface Commands<ReturnType = any> {
 interface Storage {
 }
 
-export { type AnyCommands, type AnyConfig, type AnyExtension, type Attribute, type Attributes$1 as Attributes, type CanCommands, type ChainedCommands, type ChangedRange, type Command, CommandManager, type CommandProps, type CommandSpec, type Commands, type Content, type CreateNodeFromContentOptions, type DOMNode, type DOMOutputSpecArray$1 as DOMOutputSpecArray, type DecorationType, type DecorationWithType, type Diff, type Dispatch, type DocumentType, Editor, type EditorEvents, type EditorOptions, type EnableRules, type ExtendedRegExpMatchArray, Extension, type ExtensionAttribute, type ExtensionConfig, type Extensions, type FocusPosition, Fragment, type GlobalAttributes, type HTMLContent, InputRule, type InputRuleFinder, type InputRuleMatch, type JSONContent, type KeyboardShortcutCommand, type KeysWithTypeOf, Mark, type MarkConfig, type MarkRange, type MarkType, MarkView, type MarkViewProps, type MarkViewRenderer, type MarkViewRendererOptions, type MarkViewRendererProps, type MaybeReturnType, type MaybeThisParameterType, Node, type NodeConfig, NodePos, type NodeRange, type NodeType, NodeView, type NodeViewProps, type NodeViewRenderer, type NodeViewRendererOptions, type NodeViewRendererProps, type NodeWithPos, type Overwrite, type ParentConfig, PasteRule, type PasteRuleFinder, type PasteRuleMatch, type PickValue, type Predicate, type Primitive, type Range, type RawCommands, type RemoveThis, type SingleCommands, type Storage, type TextSerializer, type TextType, type TiptapEditorHTMLElement, Tracker, type TrackerResult, type UnionCommands, type UnionToIntersection, type ValuesOf, callOrReturn, canInsertNode, combineTransactionSteps, createChainableState, createDocument, h as createElement, createNodeFromContent, createStyleTag, defaultBlockAt, deleteProps, elementFromString, escapeForRegEx, index as extensions, findChildren, findChildrenInRange, findDuplicates, findParentNode, findParentNodeClosestToPos, flattenExtensions, fromString, generateHTML, generateJSON, generateText, getAttributes, getAttributesFromExtensions, getChangedRanges, getDebugJSON, getExtensionField, getHTMLFromFragment, getMarkAttributes, getMarkRange, getMarkType, getMarksBetween, getNodeAtPosition, getNodeAttributes, getNodeType, getRenderedAttributes, getSchema, getSchemaByResolvedExtensions, getSchemaTypeByName, getSchemaTypeNameByName, getSplittedAttributes, getText, getTextBetween, getTextContentFromNodes, getTextSerializersFromSchema, h, injectExtensionAttributesToParseRule, inputRulesPlugin, isActive, isAndroid, isAtEndOfNode, isAtStartOfNode, isEmptyObject, isExtensionRulesEnabled, isFunction, isList, isMacOS, isMarkActive, isNodeActive, isNodeEmpty, isNodeSelection, isNumber, isPlainObject, isRegExp, isString, isTextSelection, isiOS, markInputRule, markPasteRule, mergeAttributes, mergeDeep, minMax, nodeInputRule, nodePasteRule, objectIncludes, pasteRulesPlugin, posToDOMRect, removeDuplicates, resolveExtensions, resolveFocusPosition, rewriteUnknownContent, selectionToInsertionEnd, sortExtensions, splitExtensions, textInputRule, textPasteRule, textblockTypeInputRule, wrappingInputRule };
+export { type AnyCommands, type AnyConfig, type AnyExtension, type Attribute, type Attributes$1 as Attributes, type CanCommands, type ChainedCommands, type ChangedRange, type Command, CommandManager, type CommandProps, type CommandSpec, type Commands, type Content, type CreateNodeFromContentOptions, type DOMNode, type DOMOutputSpecArray$1 as DOMOutputSpecArray, type DecorationType, type DecorationWithType, type Diff, type Dispatch, type DocumentType, Editor, type EditorEvents, type EditorOptions, type EnableRules, type ExtendedRegExpMatchArray, Extension, type ExtensionAttribute, type ExtensionConfig, type Extensions, type FocusPosition, Fragment, type GlobalAttributes, type HTMLContent, InputRule, type InputRuleFinder, type InputRuleMatch, type JSONContent, type KeyboardShortcutCommand, type KeysWithTypeOf, Mark, type MarkConfig, type MarkRange, type MarkType, MarkView, type MarkViewProps, type MarkViewRenderer, type MarkViewRendererOptions, type MarkViewRendererProps, type MaybeReturnType, type MaybeThisParameterType, Node, type NodeConfig, NodePos, type NodeRange, type NodeType, NodeView, type NodeViewProps, type NodeViewRenderer, type NodeViewRendererOptions, type NodeViewRendererProps, type NodeWithPos, type Overwrite, type ParentConfig, PasteRule, type PasteRuleFinder, type PasteRuleMatch, type PickValue, type Predicate, type Primitive, type Range, type RawCommands, type RemoveThis, type SingleCommands, type Storage, type TextSerializer, type TextType, type TiptapEditorHTMLElement, Tracker, type TrackerResult, type UnionCommands, type UnionToIntersection, type ValuesOf, callOrReturn, canInsertNode, combineTransactionSteps, createChainableState, createDocument, h as createElement, createNodeFromContent, createStyleTag, defaultBlockAt, deleteProps, elementFromString, escapeForRegEx, index as extensions, findChildren, findChildrenInRange, findDuplicates, findParentNode, findParentNodeClosestToPos, flattenExtensions, fromString, generateHTML, generateJSON, generateText, getAttributes, getAttributesFromExtensions, getChangedRanges, getDebugJSON, getExtensionField, getHTMLFromFragment, getMarkAttributes, getMarkRange, getMarkType, getMarksBetween, getNodeAtPosition, getNodeAttributes, getNodeType, getRenderedAttributes, getSchema, getSchemaByResolvedExtensions, getSchemaTypeByName, getSchemaTypeNameByName, getSplittedAttributes, getText, getTextBetween, getTextContentFromNodes, getTextSerializersFromSchema, h, injectExtensionAttributesToParseRule, inputRulesPlugin, isActive, isAndroid, isAtEndOfNode, isAtStartOfNode, isEmptyObject, isExtensionRulesEnabled, isFunction, isList, isMacOS, isMarkActive, isNodeActive, isNodeEmpty, isNodeSelection, isNumber, isPlainObject, isRegExp, isString, isTextSelection, isiOS, markInputRule, markPasteRule, mergeAttributes, mergeDeep, minMax, nodeInputRule, nodePasteRule, objectIncludes, pasteRulesPlugin, posToDOMRect, removeDuplicates, resolveExtensions, resolveFocusPosition, rewriteUnknownContent, selectionToInsertionEnd, sortExtensions, splitExtensions, textInputRule, textPasteRule, textblockTypeInputRule, updateMarkViewAttributes, wrappingInputRule };

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   __export
-} from "./chunk-PR4QN5HX.js";
+} from "./chunk-G3PMV62Z.js";
 
 // src/helpers/createChainableState.ts
 function createChainableState(config) {
@@ -2269,7 +2269,10 @@ var ExtensionManager = class {
             // tiptap-specific
             editor,
             extension,
-            HTMLAttributes
+            HTMLAttributes,
+            updateAttributes: (attrs) => {
+              updateMarkViewAttributes(mark, editor, attrs);
+            }
           });
         };
         return [extension.name, markView];
@@ -4387,14 +4390,14 @@ var Editor = class extends EventEmitter {
   /**
    * Applies ProseMirror dev tools to the editor instance if enabled and running in a browser environment.
    *
-   * This method dynamically imports the `prosemirror-dev-tools` package and applies it to the current
+   * This method dynamically imports the `prosemirror-dev-toolkit` package and applies it to the current
    * editor view. If the dev tools are not installed, a warning is logged to the console.
    *
    * @private
    * @remarks
    * - Dev tools are only applied if `this.options.enableDevTools` is `true` and the code is running in a browser.
    * - If the editor view is not available, the dev tools are not applied.
-   * - If the `prosemirror-dev-tools` package is missing, a warning is shown in the console.
+   * - If the `prosemirror-dev-toolkit` package is missing, a warning is shown in the console.
    *
    * @returns {void}
    */
@@ -4402,14 +4405,14 @@ var Editor = class extends EventEmitter {
     if (typeof window === "undefined" || !this.options.enableDevTools) {
       return;
     }
-    import("./esm-7BF7U2WM.js").then(({ default: apply }) => {
+    import("./dist-GJ4HMHO4.js").then(({ applyDevTools }) => {
       if (!this.editorView) {
         return;
       }
-      apply(this.editorView);
+      applyDevTools(this.editorView);
     }).catch(() => {
-      console.warn("[Tiptap warning]: Devtools are enabled but `prosemirror-dev-tools` is not installed.");
-      console.warn("Install 'prosemirror-dev-tools' as a dev dependency to use the dev tools.");
+      console.warn("[Tiptap warning]: Devtools are enabled but `prosemirror-dev-toolkit` is not installed.");
+      console.warn("Install 'prosemirror-dev-toolkit' as a dev dependency to use the dev tools.");
     });
   }
   /**
@@ -5027,6 +5030,42 @@ function isString(value) {
 }
 
 // src/MarkView.ts
+function updateMarkViewAttributes(checkMark, editor, attrs = {}) {
+  const { state } = editor;
+  const { doc, tr } = state;
+  const thisMark = checkMark;
+  doc.descendants((node, pos) => {
+    const from = tr.mapping.map(pos);
+    const to = tr.mapping.map(pos) + node.nodeSize;
+    let foundMark = null;
+    node.marks.forEach((mark) => {
+      if (mark !== thisMark) {
+        return false;
+      }
+      foundMark = mark;
+    });
+    if (!foundMark) {
+      return;
+    }
+    let needsUpdate = false;
+    Object.keys(attrs).forEach((k) => {
+      if (attrs[k] !== foundMark.attrs[k]) {
+        needsUpdate = true;
+      }
+    });
+    if (needsUpdate) {
+      const updatedMark = checkMark.type.create({
+        ...checkMark.attrs,
+        ...attrs
+      });
+      tr.removeMark(from, to, checkMark.type);
+      tr.addMark(from, to, updatedMark);
+    }
+  });
+  if (tr.docChanged) {
+    editor.view.dispatch(tr);
+  }
+}
 var MarkView = class {
   constructor(component, props, options) {
     this.component = component;
@@ -5041,6 +5080,13 @@ var MarkView = class {
   get contentDOM() {
     return null;
   }
+  /**
+   * Update the attributes of the mark in the document.
+   * @param attrs The attributes to update.
+   */
+  updateAttributes(attrs, checkMark) {
+    updateMarkViewAttributes(checkMark || this.mark, this.editor, attrs);
+  }
   ignoreMutation(mutation) {
     if (!this.dom || !this.contentDOM) {
       return true;
@@ -5480,6 +5526,7 @@ export {
   textInputRule,
   textPasteRule,
   textblockTypeInputRule,
+  updateMarkViewAttributes,
   wrappingInputRule
 };
 //# sourceMappingURL=index.js.map