@tiptap/core 3.0.0-beta.19 → 3.0.0-beta.21

package/dist/index.d.cts

@@ -1172,6 +1172,18 @@ interface EditorOptions {
      * @default false
      */
     emitContentError: boolean;
+    /**
+     * Enable a lazy-loaded Prosemirror DevTools integration.
+     *
+     * Requires having the `prosemirror-dev-tools` npm package installed.
+     * @type boolean
+     * @default false
+     * @example
+     * ```js
+     * enableDevTools: true
+     * ```
+     */
+    enableDevTools: boolean;
     /**
      * Called before the editor is constructed.
      */
@@ -2912,6 +2924,25 @@ declare class Editor extends EventEmitter<EditorEvents> {
      * Remove the editor from the DOM, but still allow remounting at a different point in time
      */
     unmount(): void;
+    /**
+     *
+     * @returns
+     */
+    /**
+     * 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
+     * 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.
+     *
+     * @returns {void}
+     */
+    private applyDevTools;
     /**
      * Returns the editor storage.
      */

package/dist/index.d.ts

@@ -1172,6 +1172,18 @@ interface EditorOptions {
      * @default false
      */
     emitContentError: boolean;
+    /**
+     * Enable a lazy-loaded Prosemirror DevTools integration.
+     *
+     * Requires having the `prosemirror-dev-tools` npm package installed.
+     * @type boolean
+     * @default false
+     * @example
+     * ```js
+     * enableDevTools: true
+     * ```
+     */
+    enableDevTools: boolean;
     /**
      * Called before the editor is constructed.
      */
@@ -2912,6 +2924,25 @@ declare class Editor extends EventEmitter<EditorEvents> {
      * Remove the editor from the DOM, but still allow remounting at a different point in time
      */
     unmount(): void;
+    /**
+     *
+     * @returns
+     */
+    /**
+     * 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
+     * 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.
+     *
+     * @returns {void}
+     */
+    private applyDevTools;
     /**
      * Returns the editor storage.
      */

package/dist/index.js

@@ -1,8 +1,6 @@
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
+import {
+  __export
+} from "./chunk-PR4QN5HX.js";
 
 // src/helpers/createChainableState.ts
 function createChainableState(config) {
@@ -2552,7 +2550,7 @@ var cut = (originRange, targetPos) => ({ editor, tr }) => {
   tr.deleteRange(originRange.from, originRange.to);
   const newPos = tr.mapping.map(targetPos);
   tr.insert(newPos, contentSlice.content);
-  tr.setSelection(new TextSelection3(tr.doc.resolve(newPos - 1)));
+  tr.setSelection(new TextSelection3(tr.doc.resolve(Math.max(newPos - 1, 0))));
   return true;
 };
 
@@ -4299,6 +4297,7 @@ var Editor = class extends EventEmitter {
       enablePasteRules: true,
       enableCoreExtensions: true,
       enableContentCheck: false,
+      enableDevTools: false,
       emitContentError: false,
       onBeforeCreate: () => null,
       onCreate: () => null,
@@ -4381,6 +4380,38 @@ var Editor = class extends EventEmitter {
     (_a = this.css) == null ? void 0 : _a.remove();
     this.css = null;
   }
+  /**
+   *
+   * @returns
+   */
+  /**
+   * 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
+   * 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.
+   *
+   * @returns {void}
+   */
+  applyDevTools() {
+    if (typeof window === "undefined" || !this.options.enableDevTools) {
+      return;
+    }
+    import("./esm-7BF7U2WM.js").then(({ default: apply }) => {
+      if (!this.editorView) {
+        return;
+      }
+      apply(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.");
+    });
+  }
   /**
    * Returns the editor storage.
    */
@@ -4618,6 +4649,9 @@ var Editor = class extends EventEmitter {
       dispatchTransaction: this.dispatchTransaction.bind(this),
       state: this.editorState
     });
+    if (this.options.enableDevTools) {
+      this.applyDevTools();
+    }
     const newState = this.state.reconfigure({
       plugins: this.extensionManager.plugins
     });