@blocknote/core 0.12.3 → 0.13.0

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

@@ -1,4 +1,4 @@
 export declare const isAppleOS: () => boolean;
-export declare function formatKeyboardShortcut(shortcut: string): string;
+export declare function formatKeyboardShortcut(shortcut: string, ctrlText?: string): string;
 export declare function mergeCSSClasses(...classes: string[]): string;
 export declare const isSafari: () => boolean;

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

@@ -1,4 +1,5 @@
 export declare class UnreachableCaseError extends Error {
     constructor(val: never);
 }
+export declare function assertEmpty(obj: Record<string, never>, throwError?: boolean): void;
 export type NoInfer<T> = [T][T extends any ? 0 : never];

package/src/extensions/Placeholder/PlaceholderExtension.ts

@@ -1,124 +0,0 @@
-import { Extension } from "@tiptap/core";
-import { Plugin, PluginKey } from "prosemirror-state";
-import { Decoration, DecorationSet } from "prosemirror-view";
-
-const PLUGIN_KEY = new PluginKey(`blocknote-placeholder`);
-
-/**
- * This is a modified version of the tiptap
- * placeholder plugin, that also sets hasAnchorClass
- *
- * It does not set a data-placeholder (text is currently done in css)
- *
- */
-export interface PlaceholderOptions {
-  placeholders: Record<string | "default", string>;
-}
-
-export const Placeholder = Extension.create<PlaceholderOptions>({
-  name: "placeholder",
-
-  addOptions() {
-    return {
-      placeholders: {
-        default: "Enter text or type '/' for commands",
-        heading: "Heading",
-        bulletListItem: "List",
-        numberedListItem: "List",
-      },
-    };
-  },
-
-  addProseMirrorPlugins() {
-    const placeholders = this.options.placeholders;
-    return [
-      new Plugin({
-        key: PLUGIN_KEY,
-        view: () => {
-          const styleEl = document.createElement("style");
-          document.head.appendChild(styleEl);
-          const styleSheet = styleEl.sheet!;
-
-          const getBaseSelector = (additionalSelectors = "") =>
-            `.bn-block-content${additionalSelectors} .bn-inline-content:has(> .ProseMirror-trailingBreak):before`;
-
-          const getSelector = (
-            blockType: string | "default",
-            mustBeFocused = true
-          ) => {
-            const mustBeFocusedSelector = mustBeFocused
-              ? `[data-is-empty-and-focused]`
-              : ``;
-
-            if (blockType === "default") {
-              return getBaseSelector(mustBeFocusedSelector);
-            }
-
-            const blockTypeSelector = `[data-content-type="${blockType}"]`;
-            return getBaseSelector(mustBeFocusedSelector + blockTypeSelector);
-          };
-
-          for (const [blockType, placeholder] of Object.entries(placeholders)) {
-            const mustBeFocused = blockType === "default";
-
-            styleSheet.insertRule(
-              `${getSelector(
-                blockType,
-                mustBeFocused
-              )}{ content: ${JSON.stringify(placeholder)}; }`
-            );
-
-            // For some reason, the placeholders which show when the block is focused
-            // take priority over ones which show depending on block type, so we need
-            // to make sure the block specific ones are also used when the block is
-            // focused.
-            if (!mustBeFocused) {
-              styleSheet.insertRule(
-                `${getSelector(blockType, true)}{ content: ${JSON.stringify(
-                  placeholder
-                )}; }`
-              );
-            }
-          }
-
-          return {
-            destroy: () => {
-              document.head.removeChild(styleEl);
-            },
-          };
-        },
-        props: {
-          // TODO: maybe also add placeholder for empty document ("e.g.: start writing..")
-          decorations: (state) => {
-            const { doc, selection } = state;
-
-            const active = this.editor.isEditable;
-
-            if (!active) {
-              return;
-            }
-
-            if (!selection.empty) {
-              return;
-            }
-
-            const $pos = selection.$anchor;
-            const node = $pos.parent;
-
-            if (node.content.size > 0) {
-              return null;
-            }
-
-            const before = $pos.before();
-
-            const dec = Decoration.node(before, before + node.nodeSize, {
-              "data-is-empty-and-focused": "true",
-            });
-
-            return DecorationSet.create(doc, [dec]);
-          },
-        },
-      }),
-    ];
-  },
-});

package/types/src/extensions/Placeholder/PlaceholderExtension.d.ts

@@ -1,12 +0,0 @@
-import { Extension } from "@tiptap/core";
-/**
- * This is a modified version of the tiptap
- * placeholder plugin, that also sets hasAnchorClass
- *
- * It does not set a data-placeholder (text is currently done in css)
- *
- */
-export interface PlaceholderOptions {
-    placeholders: Record<string | "default", string>;
-}
-export declare const Placeholder: Extension<PlaceholderOptions, any>;