alinea 2.0.0-preview.0 → 2.0.0-preview.2

package/dist/chunks/{chunk-7ORQ7BYK.js → chunk-KMLLLZ6X.js}

@@ -1,6 +1,6 @@
 import {
   Editor
-} from "./chunk-TL7ZW6BX.js";
+} from "./chunk-A3XXZBOQ.js";
 import {
   require_shim
 } from "./chunk-RKDPDEF7.js";
@@ -19,18 +19,18 @@ var require_with_selector_production = __commonJS({
       return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
     }
     var objectIs = "function" === typeof Object.is ? Object.is : is;
-    var useSyncExternalStore3 = shim.useSyncExternalStore;
+    var useSyncExternalStore2 = shim.useSyncExternalStore;
     var useRef2 = React2.useRef;
-    var useEffect3 = React2.useEffect;
-    var useMemo3 = React2.useMemo;
-    var useDebugValue3 = React2.useDebugValue;
+    var useEffect2 = React2.useEffect;
+    var useMemo2 = React2.useMemo;
+    var useDebugValue2 = React2.useDebugValue;
     exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
       var instRef = useRef2(null);
       if (null === instRef.current) {
         var inst = { hasValue: false, value: null };
         instRef.current = inst;
       } else inst = instRef.current;
-      instRef = useMemo3(
+      instRef = useMemo2(
         function() {
           function memoizedSelector(nextSnapshot) {
             if (!hasMemo) {
@@ -64,15 +64,15 @@ var require_with_selector_production = __commonJS({
         },
         [getSnapshot, getServerSnapshot, selector, isEqual]
       );
-      var value = useSyncExternalStore3(subscribe, instRef[0], instRef[1]);
-      useEffect3(
+      var value = useSyncExternalStore2(subscribe, instRef[0], instRef[1]);
+      useEffect2(
         function() {
           inst.hasValue = true;
           inst.value = value;
         },
         [value]
       );
-      useDebugValue3(value);
+      useDebugValue2(value);
       return value;
     };
   }
@@ -87,14 +87,14 @@ var require_with_selector_development = __commonJS({
         return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React2 = __import_react2, shim = require_shim(), objectIs = "function" === typeof Object.is ? Object.is : is, useSyncExternalStore3 = shim.useSyncExternalStore, useRef2 = React2.useRef, useEffect3 = React2.useEffect, useMemo3 = React2.useMemo, useDebugValue3 = React2.useDebugValue;
+      var React2 = __import_react2, shim = require_shim(), objectIs = "function" === typeof Object.is ? Object.is : is, useSyncExternalStore2 = shim.useSyncExternalStore, useRef2 = React2.useRef, useEffect2 = React2.useEffect, useMemo2 = React2.useMemo, useDebugValue2 = React2.useDebugValue;
       exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
         var instRef = useRef2(null);
         if (null === instRef.current) {
           var inst = { hasValue: false, value: null };
           instRef.current = inst;
         } else inst = instRef.current;
-        instRef = useMemo3(
+        instRef = useMemo2(
           function() {
             function memoizedSelector(nextSnapshot) {
               if (!hasMemo) {
@@ -129,15 +129,15 @@ var require_with_selector_development = __commonJS({
           },
           [getSnapshot, getServerSnapshot, selector, isEqual]
         );
-        var value = useSyncExternalStore3(subscribe, instRef[0], instRef[1]);
-        useEffect3(
+        var value = useSyncExternalStore2(subscribe, instRef[0], instRef[1]);
+        useEffect2(
           function() {
             inst.hasValue = true;
             inst.value = value;
           },
           [value]
         );
-        useDebugValue3(value);
+        useDebugValue2(value);
         return value;
       };
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
@@ -159,12 +159,9 @@ var require_with_selector = __commonJS({
 
 // node_modules/@tiptap/react/dist/index.js
 var import_shim = __toESM(require_shim(), 1);
-import { createContext, useContext, useMemo } from "react";
-import React, { forwardRef } from "react";
-import ReactDOM from "react-dom";
+import React, { createContext, createElement, createRef, forwardRef, memo, useContext, useDebugValue, useEffect, useLayoutEffect, useMemo, useRef, useState, version } from "react";
+import ReactDOM, { flushSync } from "react-dom";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var import_shim2 = __toESM(require_shim(), 1);
-import { useDebugValue as useDebugValue2, useEffect as useEffect2, useRef, useState as useState2 } from "react";
 
 // node_modules/fast-equals/dist/es/index.mjs
 var { getOwnPropertyNames, getOwnPropertySymbols } = Object;
@@ -606,48 +603,34 @@ function createCustomEqual(options = {}) {
 
 // node_modules/@tiptap/react/dist/index.js
 var import_with_selector = __toESM(require_with_selector(), 1);
-import { useDebugValue, useEffect, useLayoutEffect, useState } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-import { createContext as createContext2, createElement, useContext as useContext2 } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-import React3 from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-import React4 from "react";
-import { version as reactVersion } from "react";
-import { flushSync } from "react-dom";
-import { jsx as jsx5 } from "react/jsx-runtime";
-import { jsx as jsx6 } from "react/jsx-runtime";
-import { createElement as createElement2, createRef, memo } from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
-import { createContext as createContext3, useContext as useContext3, useMemo as useMemo2 } from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
 var mergeRefs = (...refs) => {
   return (node) => {
     refs.forEach((ref) => {
-      if (typeof ref === "function") {
-        ref(node);
-      } else if (ref) {
-        ;
-        ref.current = node;
-      }
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
     });
   };
 };
 var Portals = ({ contentComponent }) => {
-  const renderers = (0, import_shim.useSyncExternalStore)(
-    contentComponent.subscribe,
-    contentComponent.getSnapshot,
-    contentComponent.getServerSnapshot
-  );
+  const renderers = (0, import_shim.useSyncExternalStore)(contentComponent.subscribe, contentComponent.getSnapshot, contentComponent.getServerSnapshot);
   return /* @__PURE__ */ jsx(Fragment, { children: Object.values(renderers) });
 };
-function getInstance() {
+function createContentComponent() {
   const subscribers = /* @__PURE__ */ new Set();
   let renderers = {};
+  let isNotificationQueued = false;
+  const notifySubscribers = () => {
+    if (isNotificationQueued || !subscribers.size) return;
+    isNotificationQueued = true;
+    queueMicrotask(() => {
+      isNotificationQueued = false;
+      subscribers.forEach((subscriber) => subscriber());
+    });
+  };
   return {
     /**
-     * Subscribe to the editor instance's changes.
-     */
+    * Subscribe to the editor instance's changes.
+    */
     subscribe(callback) {
       subscribers.add(callback);
       return () => {
@@ -661,23 +644,23 @@ function getInstance() {
       return renderers;
     },
     /**
-     * Adds a new NodeView Renderer to the editor.
-     */
+    * Adds a new NodeView Renderer to the editor.
+    */
     setRenderer(id, renderer) {
       renderers = {
         ...renderers,
         [id]: ReactDOM.createPortal(renderer.reactElement, renderer.element, id)
       };
-      subscribers.forEach((subscriber) => subscriber());
+      notifySubscribers();
     },
     /**
-     * Removes a NodeView Renderer from the editor.
-     */
+    * Removes a NodeView Renderer from the editor.
+    */
     removeRenderer(id) {
       const nextRenderers = { ...renderers };
       delete nextRenderers[id];
       renderers = nextRenderers;
-      subscribers.forEach((subscriber) => subscriber());
+      notifySubscribers();
     }
   };
 }
@@ -693,68 +676,52 @@ var PureEditorContent = class extends React.Component {
     this.init();
   }
   init() {
-    var _a;
+    var _editor$view$dom;
     const editor = this.props.editor;
-    if (editor && !editor.isDestroyed && ((_a = editor.view.dom) == null ? void 0 : _a.parentNode)) {
-      if (editor.contentComponent) {
-        return;
-      }
+    if (editor && !editor.isDestroyed && ((_editor$view$dom = editor.view.dom) === null || _editor$view$dom === void 0 ? void 0 : _editor$view$dom.parentNode)) {
+      if (editor.contentComponent) return;
       const element = this.editorContentRef.current;
       element.append(...editor.view.dom.parentNode.childNodes);
-      editor.setOptions({
-        element
-      });
-      editor.contentComponent = getInstance();
+      editor.setOptions({ element });
+      editor.contentComponent = createContentComponent();
       editor.createNodeViews();
       editor.isEditorContentInitialized = true;
       this.forceUpdate();
     }
   }
   componentWillUnmount() {
-    var _a;
     const editor = this.props.editor;
-    if (!editor) {
-      return;
-    }
+    if (!editor) return;
     editor.isEditorContentInitialized = false;
-    if (!editor.isDestroyed) {
-      editor.view.setProps({
-        nodeViews: {}
-      });
-    }
+    if (!editor.isDestroyed) editor.view.setProps({ nodeViews: {} });
     editor.contentComponent = null;
     try {
-      if (!((_a = editor.view.dom) == null ? void 0 : _a.parentNode)) {
-        return;
-      }
+      var _editor$view$dom2;
+      if (!((_editor$view$dom2 = editor.view.dom) === null || _editor$view$dom2 === void 0 ? void 0 : _editor$view$dom2.parentNode)) return;
       const newElement = document.createElement("div");
       newElement.append(...editor.view.dom.parentNode.childNodes);
-      editor.setOptions({
-        element: newElement
-      });
+      editor.setOptions({ element: newElement });
     } catch {
     }
   }
   render() {
     const { editor, innerRef, ...rest } = this.props;
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { ref: mergeRefs(innerRef, this.editorContentRef), ...rest }),
-      (editor == null ? void 0 : editor.contentComponent) && /* @__PURE__ */ jsx(Portals, { contentComponent: editor.contentComponent })
-    ] });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+      ref: mergeRefs(innerRef, this.editorContentRef),
+      ...rest
+    }), (editor === null || editor === void 0 ? void 0 : editor.contentComponent) && /* @__PURE__ */ jsx(Portals, { contentComponent: editor.contentComponent })] });
   }
 };
-var EditorContentWithKey = forwardRef(
-  (props, ref) => {
-    const key = React.useMemo(() => {
-      return Math.floor(Math.random() * 4294967295).toString();
-    }, [props.editor]);
-    return React.createElement(PureEditorContent, {
-      key,
-      innerRef: ref,
-      ...props
-    });
-  }
-);
+var EditorContentWithKey = forwardRef((props, ref) => {
+  const key = React.useMemo(() => {
+    return Math.floor(Math.random() * 4294967295).toString();
+  }, [props.editor]);
+  return React.createElement(PureEditorContent, {
+    key,
+    innerRef: ref,
+    ...props
+  });
+});
 var EditorContent = React.memo(EditorContentWithKey);
 var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 var EditorStateManager = class {
@@ -763,32 +730,39 @@ var EditorStateManager = class {
     this.lastTransactionNumber = 0;
     this.subscribers = /* @__PURE__ */ new Set();
     this.editor = initialEditor;
-    this.lastSnapshot = { editor: initialEditor, transactionNumber: 0 };
+    this.lastSnapshot = {
+      editor: initialEditor,
+      transactionNumber: 0
+    };
     this.getSnapshot = this.getSnapshot.bind(this);
     this.getServerSnapshot = this.getServerSnapshot.bind(this);
     this.watch = this.watch.bind(this);
     this.subscribe = this.subscribe.bind(this);
   }
   /**
-   * Get the current editor instance.
-   */
+  * Get the current editor instance.
+  */
   getSnapshot() {
-    if (this.transactionNumber === this.lastTransactionNumber) {
-      return this.lastSnapshot;
-    }
+    if (this.transactionNumber === this.lastTransactionNumber) return this.lastSnapshot;
     this.lastTransactionNumber = this.transactionNumber;
-    this.lastSnapshot = { editor: this.editor, transactionNumber: this.transactionNumber };
+    this.lastSnapshot = {
+      editor: this.editor,
+      transactionNumber: this.transactionNumber
+    };
     return this.lastSnapshot;
   }
   /**
-   * Always disable the editor on the server-side.
-   */
+  * Always disable the editor on the server-side.
+  */
   getServerSnapshot() {
-    return { editor: null, transactionNumber: 0 };
+    return {
+      editor: null,
+      transactionNumber: 0
+    };
   }
   /**
-   * Subscribe to the editor instance's changes.
-   */
+  * Subscribe to the editor instance's changes.
+  */
   subscribe(callback) {
     this.subscribers.add(callback);
     return () => {
@@ -796,34 +770,32 @@ var EditorStateManager = class {
     };
   }
   /**
-   * Watch the editor instance for changes.
-   */
+  * Watch the editor instance for changes.
+  */
   watch(nextEditor) {
     this.editor = nextEditor;
     if (this.editor) {
-      const fn = () => {
+      let lastTransaction;
+      const fn = (props) => {
+        if ((props === null || props === void 0 ? void 0 : props.transaction) !== void 0 && props.transaction === lastTransaction) return;
+        lastTransaction = props === null || props === void 0 ? void 0 : props.transaction;
         this.transactionNumber += 1;
         this.subscribers.forEach((callback) => callback());
       };
       const currentEditor = this.editor;
       currentEditor.on("transaction", fn);
+      currentEditor.on("update", fn);
       return () => {
         currentEditor.off("transaction", fn);
+        currentEditor.off("update", fn);
       };
     }
-    return void 0;
   }
 };
 function useEditorState(options) {
-  var _a;
+  var _options$equalityFn;
   const [editorStateManager] = useState(() => new EditorStateManager(options.editor));
-  const selectedState = (0, import_with_selector.useSyncExternalStoreWithSelector)(
-    editorStateManager.subscribe,
-    editorStateManager.getSnapshot,
-    editorStateManager.getServerSnapshot,
-    options.selector,
-    (_a = options.equalityFn) != null ? _a : deepEqual
-  );
+  const selectedState = (0, import_with_selector.useSyncExternalStoreWithSelector)(editorStateManager.subscribe, editorStateManager.getSnapshot, editorStateManager.getServerSnapshot, options.selector, (_options$equalityFn = options.equalityFn) !== null && _options$equalityFn !== void 0 ? _options$equalityFn : deepEqual);
   useIsomorphicLayoutEffect(() => {
     return editorStateManager.watch(options.editor);
   }, [options.editor, editorStateManager]);
@@ -833,7 +805,7 @@ function useEditorState(options) {
 var isDev = process.env.NODE_ENV !== "production";
 var isSSR = typeof window === "undefined";
 var isNext = isSSR || Boolean(typeof window !== "undefined" && window.next);
-var EditorInstanceManager = class _EditorInstanceManager {
+var EditorInstanceManager = class EditorInstanceManager2 {
   constructor(options) {
     this.editor = null;
     this.subscriptions = /* @__PURE__ */ new Set();
@@ -859,98 +831,96 @@ var EditorInstanceManager = class _EditorInstanceManager {
   }
   getInitialEditor() {
     const explicit = this.options.current.immediatelyRender;
-    let immediatelyRender = explicit != null ? explicit : true;
+    let immediatelyRender = explicit !== null && explicit !== void 0 ? explicit : true;
     if (isSSR) {
-      if (immediatelyRender && isDev) {
-        console.warn(
-          "SSR detected. `immediatelyRender` has been set to false to avoid hydration mismatches"
-        );
-      }
+      if (immediatelyRender && isDev) console.warn("SSR detected. `immediatelyRender` has been set to false to avoid hydration mismatches");
       immediatelyRender = false;
     } else if (isNext && explicit === void 0) {
       immediatelyRender = false;
-      if (isDev) {
-        console.warn(
-          "Next.js detected. `immediatelyRender` defaults to false to avoid hydration mismatches. Pass `immediatelyRender: true` explicitly if you are rendering the editor only on the client."
-        );
-      }
+      if (isDev) console.warn("Next.js detected. `immediatelyRender` defaults to false to avoid hydration mismatches. Pass `immediatelyRender: true` explicitly if you are rendering the editor only on the client.");
     }
     return immediatelyRender ? this.createEditor() : null;
   }
   /**
-   * Create a new editor instance. And attach event listeners.
-   */
+  * Create a new editor instance. And attach event listeners.
+  */
   createEditor() {
     const optionsToApply = {
       ...this.options.current,
-      // Always call the most recent version of the callback function by default
       onBeforeCreate: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onBeforeCreate) == null ? void 0 : _b.call(_a, ...args);
+        var _this$options$current, _this$options$current2;
+        return (_this$options$current = (_this$options$current2 = this.options.current).onBeforeCreate) === null || _this$options$current === void 0 ? void 0 : _this$options$current.call(_this$options$current2, ...args);
       },
       onBlur: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onBlur) == null ? void 0 : _b.call(_a, ...args);
+        var _this$options$current3, _this$options$current4;
+        return (_this$options$current3 = (_this$options$current4 = this.options.current).onBlur) === null || _this$options$current3 === void 0 ? void 0 : _this$options$current3.call(_this$options$current4, ...args);
       },
       onCreate: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onCreate) == null ? void 0 : _b.call(_a, ...args);
+        var _this$options$current5, _this$options$current6;
+        return (_this$options$current5 = (_this$options$current6 = this.options.current).onCreate) === null || _this$options$current5 === void 0 ? void 0 : _this$options$current5.call(_this$options$current6, ...args);
       },
       onDestroy: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onDestroy) == null ? void 0 : _b.call(_a, ...args);
+        var _this$options$current7, _this$options$current8;
+        return (_this$options$current7 = (_this$options$current8 = this.options.current).onDestroy) === null || _this$options$current7 === void 0 ? void 0 : _this$options$current7.call(_this$options$current8, ...args);
       },
       onFocus: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onFocus) == null ? void 0 : _b.call(_a, ...args);
+        var _this$options$current9, _this$options$current10;
+        return (_this$options$current9 = (_this$options$current10 = this.options.current).onFocus) === null || _this$options$current9 === void 0 ? void 0 : _this$options$current9.call(_this$options$current10, ...args);
       },
       onSelectionUpdate: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onSelectionUpdate) == null ? void 0 : _b.call(_a, ...args);
+        var _this$options$current11, _this$options$current12;
+        return (_this$options$current11 = (_this$options$current12 = this.options.current).onSelectionUpdate) === null || _this$options$current11 === void 0 ? void 0 : _this$options$current11.call(_this$options$current12, ...args);
       },
       onTransaction: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onTransaction) == null ? void 0 : _b.call(_a, ...args);
+        var _this$options$current13, _this$options$current14;
+        return (_this$options$current13 = (_this$options$current14 = this.options.current).onTransaction) === null || _this$options$current13 === void 0 ? void 0 : _this$options$current13.call(_this$options$current14, ...args);
       },
       onUpdate: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onUpdate) == null ? void 0 : _b.call(_a, ...args);
+        var _this$options$current15, _this$options$current16;
+        return (_this$options$current15 = (_this$options$current16 = this.options.current).onUpdate) === null || _this$options$current15 === void 0 ? void 0 : _this$options$current15.call(_this$options$current16, ...args);
       },
       onContentError: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onContentError) == null ? void 0 : _b.call(_a, ...args);
+        var _this$options$current17, _this$options$current18;
+        return (_this$options$current17 = (_this$options$current18 = this.options.current).onContentError) === null || _this$options$current17 === void 0 ? void 0 : _this$options$current17.call(_this$options$current18, ...args);
       },
       onDrop: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onDrop) == null ? void 0 : _b.call(_a, ...args);
+        var _this$options$current19, _this$options$current20;
+        return (_this$options$current19 = (_this$options$current20 = this.options.current).onDrop) === null || _this$options$current19 === void 0 ? void 0 : _this$options$current19.call(_this$options$current20, ...args);
       },
       onPaste: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onPaste) == null ? void 0 : _b.call(_a, ...args);
+        var _this$options$current21, _this$options$current22;
+        return (_this$options$current21 = (_this$options$current22 = this.options.current).onPaste) === null || _this$options$current21 === void 0 ? void 0 : _this$options$current21.call(_this$options$current22, ...args);
       },
       onDelete: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onDelete) == null ? void 0 : _b.call(_a, ...args);
+        var _this$options$current23, _this$options$current24;
+        return (_this$options$current23 = (_this$options$current24 = this.options.current).onDelete) === null || _this$options$current23 === void 0 ? void 0 : _this$options$current23.call(_this$options$current24, ...args);
+      },
+      onMount: (...args) => {
+        var _this$options$current25, _this$options$current26;
+        return (_this$options$current25 = (_this$options$current26 = this.options.current).onMount) === null || _this$options$current25 === void 0 ? void 0 : _this$options$current25.call(_this$options$current26, ...args);
+      },
+      onUnmount: (...args) => {
+        var _this$options$current27, _this$options$current28;
+        return (_this$options$current27 = (_this$options$current28 = this.options.current).onUnmount) === null || _this$options$current27 === void 0 ? void 0 : _this$options$current27.call(_this$options$current28, ...args);
       }
     };
-    const editor = new Editor(optionsToApply);
-    return editor;
+    return new Editor(optionsToApply);
   }
   /**
-   * Get the current editor instance.
-   */
+  * Get the current editor instance.
+  */
   getEditor() {
     return this.editor;
   }
   /**
-   * Always disable the editor on the server-side.
-   */
+  * Always disable the editor on the server-side.
+  */
   getServerSnapshot() {
     return null;
   }
   /**
-   * Subscribe to the editor instance's changes.
-   */
+  * Subscribe to the editor instance's changes.
+  */
   subscribe(onStoreChange) {
     this.subscriptions.add(onStoreChange);
     return () => {
@@ -971,46 +941,34 @@ var EditorInstanceManager = class _EditorInstanceManager {
         "onContentError",
         "onDrop",
         "onPaste"
-      ].includes(key)) {
-        return true;
-      }
+      ].includes(key)) return true;
       if (key === "extensions" && a.extensions && b.extensions) {
-        if (a.extensions.length !== b.extensions.length) {
-          return false;
-        }
+        if (a.extensions.length !== b.extensions.length) return false;
         return a.extensions.every((extension, index) => {
-          var _a;
-          if (extension !== ((_a = b.extensions) == null ? void 0 : _a[index])) {
-            return false;
-          }
+          var _b$extensions;
+          if (extension !== ((_b$extensions = b.extensions) === null || _b$extensions === void 0 ? void 0 : _b$extensions[index])) return false;
           return true;
         });
       }
-      if (a[key] !== b[key]) {
-        return false;
-      }
+      if (a[key] !== b[key]) return false;
       return true;
     });
   }
   /**
-   * On each render, we will create, update, or destroy the editor instance.
-   * @param deps The dependencies to watch for changes
-   * @returns A cleanup function
-   */
+  * On each render, we will create, update, or destroy the editor instance.
+  * @param deps The dependencies to watch for changes
+  * @returns A cleanup function
+  */
   onRender(deps) {
     return () => {
       this.isComponentMounted = true;
       clearTimeout(this.scheduledDestructionTimeout);
       if (this.editor && !this.editor.isDestroyed && deps.length === 0) {
-        if (!_EditorInstanceManager.compareOptions(this.options.current, this.editor.options)) {
-          this.editor.setOptions({
-            ...this.options.current,
-            editable: this.editor.isEditable
-          });
-        }
-      } else {
-        this.refreshEditorInstance(deps);
-      }
+        if (!EditorInstanceManager2.compareOptions(this.options.current, this.editor.options)) this.editor.setOptions({
+          ...this.options.current,
+          editable: this.editor.isEditable
+        });
+      } else this.refreshEditorInstance(deps);
       return () => {
         this.isComponentMounted = false;
         this.scheduleDestroy();
@@ -1018,45 +976,36 @@ var EditorInstanceManager = class _EditorInstanceManager {
     };
   }
   /**
-   * Recreate the editor instance if the dependencies have changed.
-   */
+  * Recreate the editor instance if the dependencies have changed.
+  */
   refreshEditorInstance(deps) {
     if (this.editor && !this.editor.isDestroyed) {
       if (this.previousDeps === null) {
         this.previousDeps = deps;
         return;
       }
-      const depsAreEqual = this.previousDeps.length === deps.length && this.previousDeps.every((dep, index) => dep === deps[index]);
-      if (depsAreEqual) {
-        return;
-      }
-    }
-    if (this.editor && !this.editor.isDestroyed) {
-      this.editor.destroy();
+      if (this.previousDeps.length === deps.length && this.previousDeps.every((dep, index) => dep === deps[index])) return;
     }
+    if (this.editor && !this.editor.isDestroyed) this.editor.destroy();
     this.setEditor(this.createEditor());
     this.previousDeps = deps;
   }
   /**
-   * Schedule the destruction of the editor instance.
-   * This will only destroy the editor if it was not mounted on the next tick.
-   * This is to avoid destroying the editor instance when it's actually still mounted.
-   */
+  * Schedule the destruction of the editor instance.
+  * This will only destroy the editor if it was not mounted on the next tick.
+  * This is to avoid destroying the editor instance when it's actually still mounted.
+  */
   scheduleDestroy() {
     const currentInstanceId = this.instanceId;
     const currentEditor = this.editor;
     this.scheduledDestructionTimeout = setTimeout(() => {
       if (this.isComponentMounted && this.instanceId === currentInstanceId) {
-        if (currentEditor) {
-          currentEditor.setOptions(this.options.current);
-        }
+        if (currentEditor) currentEditor.setOptions(this.options.current);
         return;
       }
       if (currentEditor && !currentEditor.isDestroyed) {
         currentEditor.destroy();
-        if (this.instanceId === currentInstanceId) {
-          this.setEditor(null);
-        }
+        if (this.instanceId === currentInstanceId) this.setEditor(null);
       }
     }, 1);
   }
@@ -1064,95 +1013,79 @@ var EditorInstanceManager = class _EditorInstanceManager {
 function useEditor(options = {}, deps = []) {
   const mostRecentOptions = useRef(options);
   mostRecentOptions.current = options;
-  const [instanceManager] = useState2(() => new EditorInstanceManager(mostRecentOptions));
-  const editor = (0, import_shim2.useSyncExternalStore)(
-    instanceManager.subscribe,
-    instanceManager.getEditor,
-    instanceManager.getServerSnapshot
-  );
-  useDebugValue2(editor);
-  useEffect2(instanceManager.onRender(deps));
+  const [instanceManager] = useState(() => new EditorInstanceManager(mostRecentOptions));
+  const editor = (0, import_shim.useSyncExternalStore)(instanceManager.subscribe, instanceManager.getEditor, instanceManager.getServerSnapshot);
+  useDebugValue(editor);
+  useEffect(instanceManager.onRender(deps));
   useEditorState({
     editor,
     selector: ({ transactionNumber }) => {
-      if (options.shouldRerenderOnTransaction === false || options.shouldRerenderOnTransaction === void 0) {
-        return null;
-      }
-      if (options.immediatelyRender && transactionNumber === 0) {
-        return 0;
-      }
+      if (options.shouldRerenderOnTransaction === false || options.shouldRerenderOnTransaction === void 0) return null;
+      if (options.immediatelyRender && transactionNumber === 0) return 0;
       return transactionNumber + 1;
     }
   });
   return editor;
 }
-var EditorContext = createContext({
-  editor: null
-});
+var EditorContext = createContext({ editor: null });
 var EditorConsumer = EditorContext.Consumer;
 var useCurrentEditor = () => useContext(EditorContext);
-var ReactNodeViewContext = createContext2({
+var ReactNodeViewContext = createContext({
   onDragStart: () => {
   },
   nodeViewContentChildren: void 0,
   nodeViewContentRef: () => {
   }
 });
-var useReactNodeView = () => useContext2(ReactNodeViewContext);
-var NodeViewWrapper = React3.forwardRef((props, ref) => {
+var useReactNodeView = () => useContext(ReactNodeViewContext);
+var NodeViewWrapper = React.forwardRef((props, ref) => {
   const { onDragStart } = useReactNodeView();
   const Tag = props.as || "div";
-  return (
-    // @ts-ignore
-    /* @__PURE__ */ jsx4(
-      Tag,
-      {
-        ...props,
-        ref,
-        "data-node-view-wrapper": "",
-        onDragStart,
-        style: {
-          whiteSpace: "normal",
-          ...props.style
-        }
-      }
-    )
-  );
-});
-var ReactMarkViewContext = React4.createContext({
-  markViewContentRef: () => {
-  }
-});
-var TiptapContext = createContext3({
-  get editor() {
-    throw new Error("useTiptap must be used within a <Tiptap> provider");
-  }
+  return /* @__PURE__ */ jsx(Tag, {
+    ...props,
+    ref,
+    "data-node-view-wrapper": "",
+    onDragStart,
+    style: {
+      whiteSpace: "normal",
+      ...props.style
+    }
+  });
 });
+var ReactMarkViewContext = React.createContext({ markViewContentRef: () => {
+} });
+var TiptapContext = createContext({ get editor() {
+  throw new Error("useTiptap must be used within a <Tiptap> provider");
+} });
 TiptapContext.displayName = "TiptapContext";
-var useTiptap = () => useContext3(TiptapContext);
+var useTiptap = () => useContext(TiptapContext);
 function TiptapWrapper({ children, ...props }) {
   const resolvedEditor = "editor" in props ? props.editor : props.instance;
-  if (!resolvedEditor) {
-    throw new Error("Tiptap: An editor instance is required. Pass a non-null `editor` prop.");
-  }
-  const tiptapContextValue = useMemo2(
-    () => ({ editor: resolvedEditor }),
-    [resolvedEditor]
-  );
-  const legacyContextValue = useMemo2(() => ({ editor: resolvedEditor }), [resolvedEditor]);
-  return /* @__PURE__ */ jsx8(EditorContext.Provider, { value: legacyContextValue, children: /* @__PURE__ */ jsx8(TiptapContext.Provider, { value: tiptapContextValue, children }) });
+  if (!resolvedEditor) throw new Error("Tiptap: An editor instance is required. Pass a non-null `editor` prop.");
+  const tiptapContextValue = useMemo(() => ({ editor: resolvedEditor }), [resolvedEditor]);
+  const legacyContextValue = useMemo(() => ({ editor: resolvedEditor }), [resolvedEditor]);
+  return /* @__PURE__ */ jsx(EditorContext.Provider, {
+    value: legacyContextValue,
+    children: /* @__PURE__ */ jsx(TiptapContext.Provider, {
+      value: tiptapContextValue,
+      children
+    })
+  });
 }
 TiptapWrapper.displayName = "Tiptap";
 function TiptapContent({ ...rest }) {
   const { editor } = useTiptap();
-  return /* @__PURE__ */ jsx8(EditorContent, { editor, ...rest });
+  return /* @__PURE__ */ jsx(EditorContent, {
+    editor,
+    ...rest
+  });
 }
 TiptapContent.displayName = "Tiptap.Content";
 var Tiptap = Object.assign(TiptapWrapper, {
   /**
-   * The Tiptap Content component that renders the EditorContent with the editor instance from the context.
-   * @see TiptapContent
-   */
+  * The Tiptap Content component that renders the EditorContent with the editor instance from the context.
+  * @see TiptapContent
+  */
   Content: TiptapContent
 });