@blocknote/core 0.44.2 → 0.46.0

package/src/extensions/SuggestionMenu/getDefaultSlashMenuItems.ts

@@ -89,41 +89,24 @@ export function getDefaultSlashMenuItems<
   const items: DefaultSuggestionItem[] = [];
 
   if (editorHasBlockWithType(editor, "heading", { level: "number" })) {
-    items.push(
-      {
-        onItemClick: () => {
-          insertOrUpdateBlockForSlashMenu(editor, {
-            type: "heading",
-            props: { level: 1 },
-          });
-        },
-        badge: formatKeyboardShortcut("Mod-Alt-1"),
-        key: "heading",
-        ...editor.dictionary.slash_menu.heading,
-      },
-      {
-        onItemClick: () => {
-          insertOrUpdateBlockForSlashMenu(editor, {
-            type: "heading",
-            props: { level: 2 },
-          });
-        },
-        badge: formatKeyboardShortcut("Mod-Alt-2"),
-        key: "heading_2",
-        ...editor.dictionary.slash_menu.heading_2,
-      },
-      {
-        onItemClick: () => {
-          insertOrUpdateBlockForSlashMenu(editor, {
-            type: "heading",
-            props: { level: 3 },
-          });
-        },
-        badge: formatKeyboardShortcut("Mod-Alt-3"),
-        key: "heading_3",
-        ...editor.dictionary.slash_menu.heading_3,
-      },
-    );
+    (editor.schema.blockSchema.heading.propSchema.level.values || [])
+      .filter((level): level is 1 | 2 | 3 => level <= 3)
+      .forEach((level) => {
+        items.push({
+          onItemClick: () => {
+            insertOrUpdateBlockForSlashMenu(editor, {
+              type: "heading",
+              props: { level: level },
+            });
+          },
+          badge: formatKeyboardShortcut(`Mod-Alt-${level}`),
+          key:
+            level === 1 ? ("heading" as const) : (`heading_${level}` as const),
+          ...editor.dictionary.slash_menu[
+            level === 1 ? ("heading" as const) : (`heading_${level}` as const)
+          ],
+        });
+      });
   }
 
   if (editorHasBlockWithType(editor, "quote")) {
@@ -316,39 +299,27 @@ export function getDefaultSlashMenuItems<
       isToggleable: "boolean",
     })
   ) {
-    items.push(
-      {
-        onItemClick: () => {
-          insertOrUpdateBlockForSlashMenu(editor, {
-            type: "heading",
-            props: { level: 1, isToggleable: true },
-          });
-        },
-        key: "toggle_heading",
-        ...editor.dictionary.slash_menu.toggle_heading,
-      },
-      {
-        onItemClick: () => {
-          insertOrUpdateBlockForSlashMenu(editor, {
-            type: "heading",
-            props: { level: 2, isToggleable: true },
-          });
-        },
-
-        key: "toggle_heading_2",
-        ...editor.dictionary.slash_menu.toggle_heading_2,
-      },
-      {
-        onItemClick: () => {
-          insertOrUpdateBlockForSlashMenu(editor, {
-            type: "heading",
-            props: { level: 3, isToggleable: true },
-          });
-        },
-        key: "toggle_heading_3",
-        ...editor.dictionary.slash_menu.toggle_heading_3,
-      },
-    );
+    (editor.schema.blockSchema.heading.propSchema.level.values || [])
+      .filter((level): level is 1 | 2 | 3 => level <= 3)
+      .forEach((level) => {
+        items.push({
+          onItemClick: () => {
+            insertOrUpdateBlockForSlashMenu(editor, {
+              type: "heading",
+              props: { level: level, isToggleable: true },
+            });
+          },
+          key:
+            level === 1
+              ? ("toggle_heading" as const)
+              : (`toggle_heading_${level}` as const),
+          ...editor.dictionary.slash_menu[
+            level === 1
+              ? ("toggle_heading" as const)
+              : (`toggle_heading_${level}` as const)
+          ],
+        });
+      });
   }
 
   if (editorHasBlockWithType(editor, "heading", { level: "number" })) {
@@ -362,6 +333,7 @@ export function getDefaultSlashMenuItems<
               props: { level: level },
             });
           },
+          badge: formatKeyboardShortcut(`Mod-Alt-${level}`),
           key: `heading_${level}`,
           ...editor.dictionary.slash_menu[`heading_${level}`],
         });

package/src/extensions/TableHandles/TableHandles.ts

@@ -621,12 +621,16 @@ export const TableHandlesExtension = createExtension(({ editor }) => {
         key: tableHandlesPluginKey,
         view: (editorView) => {
           view = new TableHandlesView(editor as any, editorView, (state) => {
-            store.setState({
-              ...state,
-              draggingState: state.draggingState
-                ? { ...state.draggingState }
+            store.setState(
+              state.block
+                ? {
+                    ...state,
+                    draggingState: state.draggingState
+                      ? { ...state.draggingState }
+                      : undefined,
+                  }
                 : undefined,
-            });
+            );
           });
           return view;
         },

package/src/index.ts

@@ -1,7 +1,7 @@
 export * from "./api/blockManipulation/commands/insertBlocks/insertBlocks.js";
 export * from "./api/blockManipulation/commands/replaceBlocks/replaceBlocks.js";
-export * from "./api/blockManipulation/commands/updateBlock/updateBlock.js";
 export * from "./api/blockManipulation/commands/replaceBlocks/util/fixColumnList.js";
+export * from "./api/blockManipulation/commands/updateBlock/updateBlock.js";
 export * from "./api/exporters/html/externalHTMLExporter.js";
 export * from "./api/exporters/html/internalHTMLSerializer.js";
 export * from "./api/getBlockInfoFromPos.js";
@@ -19,6 +19,7 @@ export * from "./i18n/dictionary.js";
 export * from "./schema/index.js";
 export * from "./util/browser.js";
 export * from "./util/combineByGroup.js";
+export * from "./util/expandToWords.js";
 export * from "./util/string.js";
 export * from "./util/table.js";
 export * from "./util/typescript.js";

package/src/schema/blocks/createSpec.ts

@@ -70,6 +70,8 @@ export function getParseRules<
 
         return props;
       },
+      // Because we do the parsing ourselves, we want to preserve whitespace for content we've parsed
+      preserveWhitespace: true,
       getContent:
         config.content === "inline" || config.content === "none"
           ? (node, schema) => {
@@ -97,6 +99,7 @@ export function getParseRules<
                 const parser = DOMParser.fromSchema(schema);
                 const parsed = parser.parse(clone, {
                   topNode: schema.nodes.paragraph.create(),
+                  preserveWhitespace: true,
                 });
 
                 return parsed.content;

package/src/util/expandToWords.ts

@@ -0,0 +1,38 @@
+import type { Node, ResolvedPos } from "prosemirror-model";
+
+/**
+ * Expands a range (start to end) to include the rest of the word if it starts or ends within a word
+ */
+export function expandPMRangeToWords(
+  doc: Node,
+  range: { $from: ResolvedPos; $to: ResolvedPos },
+) {
+  let { $from, $to } = range;
+
+  // Expand Start
+  // If the selection starts with a word character or punctuation, check if we need to expand left to include the rest of the word
+  if ($from.pos > $from.start() && $from.pos < doc.content.size) {
+    const charAfterStart = doc.textBetween($from.pos, $from.pos + 1);
+    if (/^[\w\p{P}]$/u.test(charAfterStart)) {
+      const textBefore = doc.textBetween($from.start(), $from.pos);
+      const wordMatch = textBefore.match(/[\w\p{P}]+$/u);
+      if (wordMatch) {
+        $from = doc.resolve($from.pos - wordMatch[0].length);
+      }
+    }
+  }
+
+  // Expand End
+  // If the selection ends with a word characte or punctuation, check if we need to expand right to include the rest of the word
+  if ($to.pos < $to.end() && $to.pos > 0) {
+    const charBeforeEnd = doc.textBetween($to.pos - 1, $to.pos);
+    if (/^[\w\p{P}]$/u.test(charBeforeEnd)) {
+      const textAfter = doc.textBetween($to.pos, $to.end());
+      const wordMatch = textAfter.match(/^[\w\p{P}]+/u);
+      if (wordMatch) {
+        $to = doc.resolve($to.pos + wordMatch[0].length);
+      }
+    }
+  }
+  return { $from, $to, from: $from.pos, to: $to.pos };
+}

package/types/src/api/blockManipulation/selections/selection.d.ts

@@ -4,7 +4,7 @@ import { Selection } from "../../../editor/selectionTypes.js";
 import { BlockIdentifier, BlockSchema, InlineContentSchema, StyleSchema } from "../../../schema/index.js";
 export declare function getSelection<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(tr: Transaction): Selection<BSchema, I, S> | undefined;
 export declare function setSelection(tr: Transaction, startBlock: BlockIdentifier, endBlock: BlockIdentifier): void;
-export declare function getSelectionCutBlocks(tr: Transaction): {
+export declare function getSelectionCutBlocks(tr: Transaction, expandToWords?: boolean): {
     blocks: Block<Record<string, import("../../../index.js").BlockConfig<string, import("../../../index.js").PropSchema, "inline" | "none" | "table">>, InlineContentSchema, StyleSchema>[];
     blockCutAtStart: string | undefined;
     blockCutAtEnd: string | undefined;

package/types/src/editor/BlockNoteEditor.d.ts

@@ -1,9 +1,9 @@
 import { EditorOptions, FocusPosition, Editor as TiptapEditor } from "@tiptap/core";
 import { type Command, type Plugin, type Transaction } from "@tiptap/pm/state";
 import { Node, Schema } from "prosemirror-model";
-import * as Y from "yjs";
 import type { BlocksChanged } from "../api/getBlocksChangedByTransaction.js";
 import { Block, BlockNoteSchema, DefaultBlockSchema, DefaultInlineContentSchema, DefaultStyleSchema, PartialBlock } from "../blocks/index.js";
+import type { CollaborationOptions } from "../extensions/Collaboration/Collaboration.js";
 import type { Dictionary } from "../i18n/dictionary.js";
 import type { BlockIdentifier, BlockNoteDOMAttributes, BlockSchema, BlockSpecs, CustomBlockNoteSchema, InlineContentSchema, InlineContentSpecs, PartialInlineContent, Styles, StyleSchema, StyleSpecs } from "../schema/index.js";
 import "../style.css";
@@ -30,37 +30,8 @@ export interface BlockNoteEditorOptions<BSchema extends BlockSchema, ISchema ext
     /**
      * When enabled, allows for collaboration between multiple users.
      * See [Real-time Collaboration](https://www.blocknotejs.org/docs/advanced/real-time-collaboration) for more info.
-     *
-     * @remarks `CollaborationOptions`
      */
-    collaboration?: {
-        /**
-         * The Yjs XML fragment that's used for collaboration.
-         */
-        fragment: Y.XmlFragment;
-        /**
-         * The user info for the current user that's shown to other collaborators.
-         */
-        user: {
-            name: string;
-            color: string;
-        };
-        /**
-         * A Yjs provider (used for awareness / cursor information)
-         */
-        provider: any;
-        /**
-         * Optional function to customize how cursors of users are rendered
-         */
-        renderCursor?: (user: any) => HTMLElement;
-        /**
-         * Optional flag to set when the user label should be shown with the default
-         * collaboration cursor. Setting to "always" will always show the label,
-         * while "activity" will only show the label when the user moves the cursor
-         * or types. Defaults to "activity".
-         */
-        showCursorLabels?: "always" | "activity";
-    };
+    collaboration?: CollaborationOptions;
     /**
      * Use default BlockNote font and reset the styles of <p> <li> <h1> elements etc., that are used in BlockNote.
      *
@@ -481,9 +452,9 @@ export declare class BlockNoteEditor<BSchema extends BlockSchema = DefaultBlockS
      * @returns A function to remove the callback.
      */
     onBeforeChange(callback: (context: {
-        getChanges: () => BlocksChanged<any, any, any>;
+        getChanges: () => BlocksChanged<BSchema, ISchema, SSchema>;
         tr: Transaction;
-    }) => boolean | void): (() => void) | undefined;
+    }) => boolean | void): () => void;
     /**
      * Gets a snapshot of the current text cursor position.
      * @returns A snapshot of the current text cursor position.
@@ -510,7 +481,7 @@ export declare class BlockNoteEditor<BSchema extends BlockSchema = DefaultBlockS
      * If the selection starts / ends halfway through a block, the returned block will be
      * only the part of the block that is included in the selection.
      */
-    getSelectionCutBlocks(): {
+    getSelectionCutBlocks(expandToWords?: boolean): {
         blocks: Block<Record<string, import("../index.js").BlockConfig<string, import("../index.js").PropSchema, "inline" | "none" | "table">>, InlineContentSchema, StyleSchema>[];
         blockCutAtStart: string | undefined;
         blockCutAtEnd: string | undefined;

package/types/src/editor/BlockNoteExtension.d.ts

@@ -78,6 +78,10 @@ export interface Extension<State = any, Key extends string = string> {
      * Add additional tiptap extensions to the editor.
      */
     readonly tiptapExtensions?: ReadonlyArray<AnyExtension>;
+    /**
+     * Add additional BlockNote extensions to the editor.
+     */
+    readonly blockNoteExtensions?: ReadonlyArray<ExtensionFactoryInstance>;
 }
 /**
  * An input rule is what is used to replace text in a block when a regular expression match is found.

package/types/src/editor/managers/SelectionManager.d.ts

@@ -1,8 +1,8 @@
-import { BlockIdentifier, BlockSchema, InlineContentSchema, StyleSchema } from "../../schema/index.js";
 import { DefaultBlockSchema, DefaultInlineContentSchema, DefaultStyleSchema } from "../../blocks/defaultBlocks.js";
-import { Selection } from "../selectionTypes.js";
-import { TextCursorPosition } from "../cursorPositionTypes.js";
+import { BlockIdentifier, BlockSchema, InlineContentSchema, StyleSchema } from "../../schema/index.js";
 import { BlockNoteEditor } from "../BlockNoteEditor.js";
+import { TextCursorPosition } from "../cursorPositionTypes.js";
+import { Selection } from "../selectionTypes.js";
 export declare class SelectionManager<BSchema extends BlockSchema = DefaultBlockSchema, ISchema extends InlineContentSchema = DefaultInlineContentSchema, SSchema extends StyleSchema = DefaultStyleSchema> {
     private editor;
     constructor(editor: BlockNoteEditor<BSchema, ISchema, SSchema>);
@@ -20,7 +20,7 @@ export declare class SelectionManager<BSchema extends BlockSchema = DefaultBlock
      * If the selection starts / ends halfway through a block, the returned block will be
      * only the part of the block that is included in the selection.
      */
-    getSelectionCutBlocks(): {
+    getSelectionCutBlocks(expandToWords?: boolean): {
         blocks: import("../../index.js").Block<Record<string, import("../../index.js").BlockConfig<string, import("../../index.js").PropSchema, "inline" | "none" | "table">>, InlineContentSchema, StyleSchema>[];
         blockCutAtStart: string | undefined;
         blockCutAtEnd: string | undefined;

package/types/src/extensions/Collaboration/Collaboration.d.ts

@@ -0,0 +1,76 @@
+import type * as Y from "yjs";
+import type { Awareness } from "y-protocols/awareness";
+export type CollaborationOptions = {
+    /**
+     * The Yjs XML fragment that's used for collaboration.
+     */
+    fragment: Y.XmlFragment;
+    /**
+     * The user info for the current user that's shown to other collaborators.
+     */
+    user: {
+        name: string;
+        color: string;
+    };
+    /**
+     * A Yjs provider (used for awareness / cursor information)
+     */
+    provider?: {
+        awareness?: Awareness;
+    };
+    /**
+     * Optional function to customize how cursors of users are rendered
+     */
+    renderCursor?: (user: any) => HTMLElement;
+    /**
+     * Optional flag to set when the user label should be shown with the default
+     * collaboration cursor. Setting to "always" will always show the label,
+     * while "activity" will only show the label when the user moves the cursor
+     * or types. Defaults to "activity".
+     */
+    showCursorLabels?: "always" | "activity";
+};
+export declare const CollaborationExtension: (options: CollaborationOptions) => import("../../index.js").ExtensionFactoryInstance<{
+    readonly key: "collaboration";
+    readonly blockNoteExtensions: readonly [import("../../index.js").ExtensionFactoryInstance<{
+        readonly key: "yForkDoc";
+        readonly store: import("@tanstack/store").Store<{
+            isForked: boolean;
+        }, (cb: {
+            isForked: boolean;
+        }) => {
+            isForked: boolean;
+        }>;
+        readonly fork: () => void;
+        readonly merge: ({ keepChanges }: {
+            keepChanges: boolean;
+        }) => void;
+    }>, import("../../index.js").ExtensionFactoryInstance<{
+        readonly key: "yCursor";
+        readonly prosemirrorPlugins: any[];
+        readonly dependsOn: readonly ["ySync"];
+        readonly updateUser: (user: {
+            name: string;
+            color: string;
+            [key: string]: string;
+        }) => void;
+    }>, import("../../index.js").ExtensionFactoryInstance<{
+        readonly key: "ySync";
+        readonly prosemirrorPlugins: readonly [any];
+        readonly runsBefore: readonly ["default"];
+    }>, import("../../index.js").ExtensionFactoryInstance<{
+        readonly key: "yUndo";
+        readonly prosemirrorPlugins: readonly [import("prosemirror-state").Plugin<{
+            undoManager: Y.UndoManager;
+            prevSel: any;
+            hasUndoOps: boolean;
+            hasRedoOps: boolean;
+        }>];
+        readonly dependsOn: readonly ["yCursor", "ySync"];
+        readonly undoCommand: import("prosemirror-state").Command;
+        readonly redoCommand: import("prosemirror-state").Command;
+    }>, import("../../index.js").ExtensionFactoryInstance<{
+        readonly key: "schemaMigration";
+        readonly prosemirrorPlugins: readonly [import("prosemirror-state").Plugin<any>];
+    }>];
+}>;

package/types/src/extensions/Collaboration/ForkYDoc.d.ts

@@ -1,14 +1,5 @@
-import * as Y from "yjs";
-export declare const ForkYDocExtension: (options: {
-    fragment: Y.XmlFragment;
-    user: {
-        name: string;
-        color: string;
-    };
-    provider: any;
-    renderCursor?: (user: any) => HTMLElement;
-    showCursorLabels?: "always" | "activity";
-}) => import("../../index.js").ExtensionFactoryInstance<{
+import { CollaborationOptions } from "./Collaboration.js";
+export declare const ForkYDocExtension: (options: CollaborationOptions) => import("../../index.js").ExtensionFactoryInstance<{
     readonly key: "yForkDoc";
     readonly store: import("@tanstack/store").Store<{
         isForked: boolean;

package/types/src/extensions/Collaboration/YCursorPlugin.d.ts

@@ -1,20 +1,12 @@
+import { CollaborationOptions } from "./Collaboration.js";
 export type CollaborationUser = {
     name: string;
     color: string;
     [key: string]: string;
 };
-export declare const YCursorExtension: (options: {
-    fragment: import("yjs").XmlFragment;
-    user: {
-        name: string;
-        color: string;
-    };
-    provider: any;
-    renderCursor?: (user: any) => HTMLElement;
-    showCursorLabels?: "always" | "activity";
-}) => import("../../index.js").ExtensionFactoryInstance<{
+export declare const YCursorExtension: (options: CollaborationOptions) => import("../../index.js").ExtensionFactoryInstance<{
     readonly key: "yCursor";
-    readonly prosemirrorPlugins: readonly [any];
+    readonly prosemirrorPlugins: any[];
     readonly dependsOn: readonly ["ySync"];
     readonly updateUser: (user: {
         name: string;

package/types/src/extensions/Collaboration/YSync.d.ts

@@ -1,7 +1,5 @@
-import { XmlFragment } from "yjs";
-export declare const YSyncExtension: (options: {
-    fragment: XmlFragment;
-}) => import("../../index.js").ExtensionFactoryInstance<{
+import { CollaborationOptions } from "./Collaboration.js";
+export declare const YSyncExtension: (options: Pick<CollaborationOptions, "fragment">) => import("../../index.js").ExtensionFactoryInstance<{
     readonly key: "ySync";
     readonly prosemirrorPlugins: readonly [any];
     readonly runsBefore: readonly ["default"];

package/types/src/extensions/Collaboration/YUndo.d.ts

@@ -1,4 +1,4 @@
-export declare const YUndoExtension: (options?: any) => import("../../index.js").ExtensionFactoryInstance<{
+export declare const YUndoExtension: () => import("../../index.js").ExtensionFactoryInstance<{
     readonly key: "yUndo";
     readonly prosemirrorPlugins: readonly [import("prosemirror-state").Plugin<{
         undoManager: import("yjs").UndoManager;

package/types/src/extensions/ShowSelection/ShowSelection.d.ts

@@ -7,15 +7,21 @@ import { Plugin } from "prosemirror-state";
 export declare const ShowSelectionExtension: (options?: any) => import("../../index.js").ExtensionFactoryInstance<{
     readonly key: "showSelection";
     readonly store: import("@tanstack/store").Store<{
-        enabled: boolean;
+        enabledSet: Set<string>;
     }, (cb: {
-        enabled: boolean;
+        enabledSet: Set<string>;
     }) => {
-        enabled: boolean;
+        enabledSet: Set<string>;
     }>;
     readonly prosemirrorPlugins: readonly [Plugin<any>];
     /**
      * Show or hide the selection decoration
+     *
+     * @param shouldShow - Whether to show the selection decoration
+     * @param key - The key of the selection to show or hide,
+     * this is necessary to prevent disabling ShowSelection from one place
+     * will interfere with other parts of the code that need to show the selection decoration
+     * (e.g.: CreateLinkButton and AIExtension)
      */
-    readonly showSelection: (shouldShow: boolean) => void;
+    readonly showSelection: (shouldShow: boolean, key: string) => void;
 }>;

package/types/src/index.d.ts

@@ -1,7 +1,7 @@
 export * from "./api/blockManipulation/commands/insertBlocks/insertBlocks.js";
 export * from "./api/blockManipulation/commands/replaceBlocks/replaceBlocks.js";
-export * from "./api/blockManipulation/commands/updateBlock/updateBlock.js";
 export * from "./api/blockManipulation/commands/replaceBlocks/util/fixColumnList.js";
+export * from "./api/blockManipulation/commands/updateBlock/updateBlock.js";
 export * from "./api/exporters/html/externalHTMLExporter.js";
 export * from "./api/exporters/html/internalHTMLSerializer.js";
 export * from "./api/getBlockInfoFromPos.js";
@@ -19,6 +19,7 @@ export * from "./i18n/dictionary.js";
 export * from "./schema/index.js";
 export * from "./util/browser.js";
 export * from "./util/combineByGroup.js";
+export * from "./util/expandToWords.js";
 export * from "./util/string.js";
 export * from "./util/table.js";
 export * from "./util/typescript.js";

package/types/src/util/expandToWords.d.ts

@@ -0,0 +1,13 @@
+import type { Node, ResolvedPos } from "prosemirror-model";
+/**
+ * Expands a range (start to end) to include the rest of the word if it starts or ends within a word
+ */
+export declare function expandPMRangeToWords(doc: Node, range: {
+    $from: ResolvedPos;
+    $to: ResolvedPos;
+}): {
+    $from: ResolvedPos;
+    $to: ResolvedPos;
+    from: number;
+    to: number;
+};

package/dist/ShowSelection-BW37oJ6h.cjs

@@ -1,2 +0,0 @@
-"use strict";const i=require("prosemirror-state"),o=require("prosemirror-view"),r=require("./BlockNoteExtension-BWw0r8Gy.cjs"),s=new i.PluginKey("blocknote-show-selection"),u=r.createExtension(({editor:c})=>{const t=r.createStore({enabled:!1},{onUpdate(){c.transact(e=>e.setMeta(s,{}))}});return{key:"showSelection",store:t,prosemirrorPlugins:[new i.Plugin({key:s,props:{decorations:e=>{const{doc:a,selection:n}=e;if(!t.state.enabled)return o.DecorationSet.empty;const l=o.Decoration.inline(n.from,n.to,{"data-show-selection":"true"});return o.DecorationSet.create(a,[l])}}})],showSelection(e){t.setState({enabled:e})}}});exports.ShowSelectionExtension=u;
-//# sourceMappingURL=ShowSelection-BW37oJ6h.cjs.map

package/dist/ShowSelection-BW37oJ6h.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShowSelection-BW37oJ6h.cjs","sources":["../src/extensions/ShowSelection/ShowSelection.ts"],"sourcesContent":["import { Plugin, PluginKey } from \"prosemirror-state\";\nimport { Decoration, DecorationSet } from \"prosemirror-view\";\nimport {\n  createExtension,\n  createStore,\n} from \"../../editor/BlockNoteExtension.js\";\n\nconst PLUGIN_KEY = new PluginKey(`blocknote-show-selection`);\n\n/**\n * Plugin that shows adds a decoration around the current selection\n * This can be used to highlight the current selection in the UI even when the\n * text editor is not focused.\n */\nexport const ShowSelectionExtension = createExtension(({ editor }) => {\n  const store = createStore(\n    { enabled: false },\n    {\n      onUpdate() {\n        editor.transact((tr) => tr.setMeta(PLUGIN_KEY, {}));\n      },\n    },\n  );\n  return {\n    key: \"showSelection\",\n    store,\n    prosemirrorPlugins: [\n      new Plugin({\n        key: PLUGIN_KEY,\n        props: {\n          decorations: (state) => {\n            const { doc, selection } = state;\n            if (!store.state.enabled) {\n              return DecorationSet.empty;\n            }\n            const dec = Decoration.inline(selection.from, selection.to, {\n              \"data-show-selection\": \"true\",\n            });\n            return DecorationSet.create(doc, [dec]);\n          },\n        },\n      }),\n    ],\n    /**\n     * Show or hide the selection decoration\n     */\n    showSelection(shouldShow: boolean) {\n      store.setState({ enabled: shouldShow });\n    },\n  } as const;\n});\n"],"names":["PLUGIN_KEY","PluginKey","ShowSelectionExtension","createExtension","editor","store","createStore","tr","Plugin","state","doc","selection","DecorationSet","dec","Decoration","shouldShow"],"mappings":"+HAOMA,EAAa,IAAIC,EAAAA,UAAU,0BAA0B,EAO9CC,EAAyBC,EAAAA,gBAAgB,CAAC,CAAE,OAAAC,KAAa,CACpE,MAAMC,EAAQC,EAAAA,YACZ,CAAE,QAAS,EAAA,EACX,CACE,UAAW,CACTF,EAAO,SAAUG,GAAOA,EAAG,QAAQP,EAAY,CAAA,CAAE,CAAC,CACpD,CAAA,CACF,EAEF,MAAO,CACL,IAAK,gBACL,MAAAK,EACA,mBAAoB,CAClB,IAAIG,SAAO,CACT,IAAKR,EACL,MAAO,CACL,YAAcS,GAAU,CACtB,KAAM,CAAE,IAAAC,EAAK,UAAAC,CAAA,EAAcF,EAC3B,GAAI,CAACJ,EAAM,MAAM,QACf,OAAOO,EAAAA,cAAc,MAEvB,MAAMC,EAAMC,EAAAA,WAAW,OAAOH,EAAU,KAAMA,EAAU,GAAI,CAC1D,sBAAuB,MAAA,CACxB,EACD,OAAOC,EAAAA,cAAc,OAAOF,EAAK,CAACG,CAAG,CAAC,CACxC,CAAA,CACF,CACD,CAAA,EAKH,cAAcE,EAAqB,CACjCV,EAAM,SAAS,CAAE,QAASU,CAAA,CAAY,CACxC,CAAA,CAEJ,CAAC"}

package/dist/ShowSelection-Dz-NEase.js

@@ -1,43 +0,0 @@
-import { PluginKey as i, Plugin as l } from "prosemirror-state";
-import { DecorationSet as n, Decoration as m } from "prosemirror-view";
-import { c as p, a as d } from "./BlockNoteExtension-C2X7LW-V.js";
-const r = new i("blocknote-show-selection"), f = p(({ editor: s }) => {
-  const t = d(
-    { enabled: !1 },
-    {
-      onUpdate() {
-        s.transact((e) => e.setMeta(r, {}));
-      }
-    }
-  );
-  return {
-    key: "showSelection",
-    store: t,
-    prosemirrorPlugins: [
-      new l({
-        key: r,
-        props: {
-          decorations: (e) => {
-            const { doc: a, selection: o } = e;
-            if (!t.state.enabled)
-              return n.empty;
-            const c = m.inline(o.from, o.to, {
-              "data-show-selection": "true"
-            });
-            return n.create(a, [c]);
-          }
-        }
-      })
-    ],
-    /**
-     * Show or hide the selection decoration
-     */
-    showSelection(e) {
-      t.setState({ enabled: e });
-    }
-  };
-});
-export {
-  f as S
-};
-//# sourceMappingURL=ShowSelection-Dz-NEase.js.map

package/dist/ShowSelection-Dz-NEase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShowSelection-Dz-NEase.js","sources":["../src/extensions/ShowSelection/ShowSelection.ts"],"sourcesContent":["import { Plugin, PluginKey } from \"prosemirror-state\";\nimport { Decoration, DecorationSet } from \"prosemirror-view\";\nimport {\n  createExtension,\n  createStore,\n} from \"../../editor/BlockNoteExtension.js\";\n\nconst PLUGIN_KEY = new PluginKey(`blocknote-show-selection`);\n\n/**\n * Plugin that shows adds a decoration around the current selection\n * This can be used to highlight the current selection in the UI even when the\n * text editor is not focused.\n */\nexport const ShowSelectionExtension = createExtension(({ editor }) => {\n  const store = createStore(\n    { enabled: false },\n    {\n      onUpdate() {\n        editor.transact((tr) => tr.setMeta(PLUGIN_KEY, {}));\n      },\n    },\n  );\n  return {\n    key: \"showSelection\",\n    store,\n    prosemirrorPlugins: [\n      new Plugin({\n        key: PLUGIN_KEY,\n        props: {\n          decorations: (state) => {\n            const { doc, selection } = state;\n            if (!store.state.enabled) {\n              return DecorationSet.empty;\n            }\n            const dec = Decoration.inline(selection.from, selection.to, {\n              \"data-show-selection\": \"true\",\n            });\n            return DecorationSet.create(doc, [dec]);\n          },\n        },\n      }),\n    ],\n    /**\n     * Show or hide the selection decoration\n     */\n    showSelection(shouldShow: boolean) {\n      store.setState({ enabled: shouldShow });\n    },\n  } as const;\n});\n"],"names":["PLUGIN_KEY","PluginKey","ShowSelectionExtension","createExtension","editor","store","createStore","tr","Plugin","state","doc","selection","DecorationSet","dec","Decoration","shouldShow"],"mappings":";;;AAOA,MAAMA,IAAa,IAAIC,EAAU,0BAA0B,GAO9CC,IAAyBC,EAAgB,CAAC,EAAE,QAAAC,QAAa;AACpE,QAAMC,IAAQC;AAAA,IACZ,EAAE,SAAS,GAAA;AAAA,IACX;AAAA,MACE,WAAW;AACT,QAAAF,EAAO,SAAS,CAACG,MAAOA,EAAG,QAAQP,GAAY,CAAA,CAAE,CAAC;AAAA,MACpD;AAAA,IAAA;AAAA,EACF;AAEF,SAAO;AAAA,IACL,KAAK;AAAA,IACL,OAAAK;AAAA,IACA,oBAAoB;AAAA,MAClB,IAAIG,EAAO;AAAA,QACT,KAAKR;AAAA,QACL,OAAO;AAAA,UACL,aAAa,CAACS,MAAU;AACtB,kBAAM,EAAE,KAAAC,GAAK,WAAAC,EAAA,IAAcF;AAC3B,gBAAI,CAACJ,EAAM,MAAM;AACf,qBAAOO,EAAc;AAEvB,kBAAMC,IAAMC,EAAW,OAAOH,EAAU,MAAMA,EAAU,IAAI;AAAA,cAC1D,uBAAuB;AAAA,YAAA,CACxB;AACD,mBAAOC,EAAc,OAAOF,GAAK,CAACG,CAAG,CAAC;AAAA,UACxC;AAAA,QAAA;AAAA,MACF,CACD;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,IAKH,cAAcE,GAAqB;AACjC,MAAAV,EAAM,SAAS,EAAE,SAASU,EAAA,CAAY;AAAA,IACxC;AAAA,EAAA;AAEJ,CAAC;"}