@blocknote/core 0.37.0 → 0.39.0

package/src/blocks/ListItemBlockContent/NumberedListItemBlockContent/NumberedListItemBlockContent.ts

@@ -1,172 +0,0 @@
-import { InputRule } from "@tiptap/core";
-import { updateBlockCommand } from "../../../api/blockManipulation/commands/updateBlock/updateBlock.js";
-import { getBlockInfoFromSelection } from "../../../api/getBlockInfoFromPos.js";
-import {
-  PropSchema,
-  createBlockSpecFromStronglyTypedTiptapNode,
-  createStronglyTypedTiptapNode,
-  propsToAttributes,
-} from "../../../schema/index.js";
-import { createDefaultBlockDOMOutputSpec } from "../../defaultBlockHelpers.js";
-import { defaultProps } from "../../defaultProps.js";
-import { getListItemContent } from "../getListItemContent.js";
-import { handleEnter } from "../ListItemKeyboardShortcuts.js";
-import { NumberedListIndexingPlugin } from "./NumberedListIndexingPlugin.js";
-
-export const numberedListItemPropSchema = {
-  ...defaultProps,
-  start: { default: undefined, type: "number" },
-} satisfies PropSchema;
-
-const NumberedListItemBlockContent = createStronglyTypedTiptapNode({
-  name: "numberedListItem",
-  content: "inline*",
-  group: "blockContent",
-  priority: 90,
-  addAttributes() {
-    return {
-      ...propsToAttributes(numberedListItemPropSchema),
-      // the index attribute is only used internally (it's not part of the blocknote schema)
-      // that's why it's defined explicitly here, and not part of the prop schema
-      index: {
-        default: null,
-        parseHTML: (element) => element.getAttribute("data-index"),
-        renderHTML: (attributes) => {
-          return {
-            "data-index": attributes.index,
-          };
-        },
-      },
-    };
-  },
-
-  addInputRules() {
-    return [
-      // Creates an ordered list when starting with "1.".
-      new InputRule({
-        find: new RegExp(`^(\\d+)\\.\\s$`),
-        handler: ({ state, chain, range, match }) => {
-          const blockInfo = getBlockInfoFromSelection(state);
-          if (
-            !blockInfo.isBlockContainer ||
-            blockInfo.blockContent.node.type.spec.content !== "inline*" ||
-            blockInfo.blockNoteType === "numberedListItem" ||
-            blockInfo.blockNoteType === "heading"
-          ) {
-            return;
-          }
-          const startIndex = parseInt(match[1]);
-
-          chain()
-            .command(
-              updateBlockCommand(blockInfo.bnBlock.beforePos, {
-                type: "numberedListItem",
-                props:
-                  (startIndex === 1 && {}) ||
-                  ({
-                    start: startIndex,
-                  } as any),
-              }),
-            )
-            // Removes the "1." characters used to set the list.
-            .deleteRange({ from: range.from, to: range.to });
-        },
-      }),
-    ];
-  },
-
-  addKeyboardShortcuts() {
-    return {
-      Enter: () => handleEnter(this.options.editor),
-      "Mod-Shift-7": () => {
-        const blockInfo = getBlockInfoFromSelection(this.editor.state);
-        if (
-          !blockInfo.isBlockContainer ||
-          blockInfo.blockContent.node.type.spec.content !== "inline*"
-        ) {
-          return true;
-        }
-
-        return this.editor.commands.command(
-          updateBlockCommand(blockInfo.bnBlock.beforePos, {
-            type: "numberedListItem",
-            props: {},
-          }),
-        );
-      },
-    };
-  },
-
-  addProseMirrorPlugins() {
-    return [NumberedListIndexingPlugin()];
-  },
-
-  parseHTML() {
-    return [
-      // Parse from internal HTML.
-      {
-        tag: "div[data-content-type=" + this.name + "]",
-        contentElement: ".bn-inline-content",
-      },
-      // Parse from external HTML.
-      {
-        tag: "li",
-        getAttrs: (element) => {
-          if (typeof element === "string") {
-            return false;
-          }
-
-          const parent = element.parentElement;
-
-          if (parent === null) {
-            return false;
-          }
-
-          if (
-            parent.tagName === "OL" ||
-            (parent.tagName === "DIV" && parent.parentElement?.tagName === "OL")
-          ) {
-            const startIndex =
-              parseInt(parent.getAttribute("start") || "1") || 1;
-
-            if (element.previousSibling || startIndex === 1) {
-              return {};
-            }
-
-            return {
-              start: startIndex,
-            };
-          }
-
-          return false;
-        },
-        // As `li` elements can contain multiple paragraphs, we need to merge their contents
-        // into a single one so that ProseMirror can parse everything correctly.
-        getContent: (node, schema) =>
-          getListItemContent(node, schema, this.name),
-        priority: 300,
-        node: "numberedListItem",
-      },
-    ];
-  },
-
-  renderHTML({ HTMLAttributes }) {
-    return createDefaultBlockDOMOutputSpec(
-      this.name,
-      // We use a <p> tag, because for <li> tags we'd need an <ol> element to
-      // put them in to be semantically correct, which we can't have due to the
-      // schema.
-      "p",
-      {
-        ...(this.options.domAttributes?.blockContent || {}),
-        ...HTMLAttributes,
-      },
-      this.options.domAttributes?.inlineContent || {},
-    );
-  },
-});
-
-export const NumberedListItem = createBlockSpecFromStronglyTypedTiptapNode(
-  NumberedListItemBlockContent,
-  numberedListItemPropSchema,
-);

package/src/blocks/ListItemBlockContent/ToggleListItemBlockContent/ToggleListItemBlockContent.ts

@@ -1,104 +0,0 @@
-import { updateBlockCommand } from "../../../api/blockManipulation/commands/updateBlock/updateBlock.js";
-import { getBlockInfoFromSelection } from "../../../api/getBlockInfoFromPos.js";
-import {
-  PropSchema,
-  createBlockSpecFromStronglyTypedTiptapNode,
-  createStronglyTypedTiptapNode,
-  getBlockFromPos,
-} from "../../../schema/index.js";
-import { createDefaultBlockDOMOutputSpec } from "../../defaultBlockHelpers.js";
-import { defaultProps } from "../../defaultProps.js";
-import { createToggleWrapper } from "../../ToggleWrapper/createToggleWrapper.js";
-import { handleEnter } from "../ListItemKeyboardShortcuts.js";
-
-export const toggleListItemPropSchema = {
-  ...defaultProps,
-} satisfies PropSchema;
-
-const ToggleListItemBlockContent = createStronglyTypedTiptapNode({
-  name: "toggleListItem",
-  content: "inline*",
-  group: "blockContent",
-  // This is to make sure that the list item Enter keyboard handler takes
-  // priority over the default one.
-  priority: 90,
-  addKeyboardShortcuts() {
-    return {
-      Enter: () => handleEnter(this.options.editor),
-      "Mod-Shift-6": () => {
-        const blockInfo = getBlockInfoFromSelection(this.editor.state);
-        if (
-          !blockInfo.isBlockContainer ||
-          blockInfo.blockContent.node.type.spec.content !== "inline*"
-        ) {
-          return true;
-        }
-
-        return this.editor.commands.command(
-          updateBlockCommand(blockInfo.bnBlock.beforePos, {
-            type: "toggleListItem",
-            props: {},
-          }),
-        );
-      },
-    };
-  },
-
-  parseHTML() {
-    return [
-      // Parse from internal HTML.
-      {
-        tag: "div[data-content-type=" + this.name + "]",
-        contentElement: ".bn-inline-content",
-      },
-    ];
-  },
-
-  renderHTML({ HTMLAttributes }) {
-    return createDefaultBlockDOMOutputSpec(
-      this.name,
-      "p",
-      {
-        ...(this.options.domAttributes?.blockContent || {}),
-        ...HTMLAttributes,
-      },
-      this.options.domAttributes?.inlineContent || {},
-    );
-  },
-
-  addNodeView() {
-    return ({ HTMLAttributes, getPos }) => {
-      const { dom, contentDOM } = createDefaultBlockDOMOutputSpec(
-        this.name,
-        "p",
-        {
-          ...(this.options.domAttributes?.blockContent || {}),
-          ...HTMLAttributes,
-        },
-        this.options.domAttributes?.inlineContent || {},
-      );
-
-      const editor = this.options.editor;
-      const block = getBlockFromPos(getPos, editor, this.editor, this.name);
-
-      const toggleWrapper = createToggleWrapper(
-        block as any,
-        editor,
-        contentDOM,
-      );
-      dom.appendChild(toggleWrapper.dom);
-
-      return {
-        dom,
-        contentDOM,
-        ignoreMutation: toggleWrapper.ignoreMutation,
-        destroy: toggleWrapper.destroy,
-      };
-    };
-  },
-});
-
-export const ToggleListItem = createBlockSpecFromStronglyTypedTiptapNode(
-  ToggleListItemBlockContent,
-  toggleListItemPropSchema,
-);

package/src/blocks/PageBreakBlockContent/PageBreakBlockContent.ts

@@ -1,49 +0,0 @@
-import {
-  createBlockSpec,
-  CustomBlockConfig,
-  Props,
-} from "../../schema/index.js";
-
-export const pageBreakConfig = {
-  type: "pageBreak" as const,
-  propSchema: {},
-  content: "none",
-  isFileBlock: false,
-  isSelectable: false,
-} satisfies CustomBlockConfig;
-export const pageBreakRender = () => {
-  const pageBreak = document.createElement("div");
-
-  pageBreak.className = "bn-page-break";
-  pageBreak.setAttribute("data-page-break", "");
-
-  return {
-    dom: pageBreak,
-  };
-};
-export const pageBreakParse = (
-  element: HTMLElement,
-): Partial<Props<typeof pageBreakConfig.propSchema>> | undefined => {
-  if (element.tagName === "DIV" && element.hasAttribute("data-page-break")) {
-    return {
-      type: "pageBreak",
-    };
-  }
-
-  return undefined;
-};
-export const pageBreakToExternalHTML = () => {
-  const pageBreak = document.createElement("div");
-
-  pageBreak.setAttribute("data-page-break", "");
-
-  return {
-    dom: pageBreak,
-  };
-};
-
-export const PageBreak = createBlockSpec(pageBreakConfig, {
-  render: pageBreakRender,
-  parse: pageBreakParse,
-  toExternalHTML: pageBreakToExternalHTML,
-});

package/src/blocks/PageBreakBlockContent/schema.ts

@@ -1,40 +0,0 @@
-import { BlockNoteSchema } from "../../editor/BlockNoteSchema.js";
-import {
-  BlockSchema,
-  InlineContentSchema,
-  StyleSchema,
-} from "../../schema/index.js";
-import { PageBreak } from "./PageBreakBlockContent.js";
-
-export const pageBreakSchema = BlockNoteSchema.create({
-  blockSpecs: {
-    pageBreak: PageBreak,
-  },
-});
-
-/**
- * Adds page break support to the given schema.
- */
-export const withPageBreak = <
-  B extends BlockSchema,
-  I extends InlineContentSchema,
-  S extends StyleSchema,
->(
-  schema: BlockNoteSchema<B, I, S>,
-) => {
-  return BlockNoteSchema.create({
-    blockSpecs: {
-      ...schema.blockSpecs,
-      ...pageBreakSchema.blockSpecs,
-    },
-    inlineContentSpecs: schema.inlineContentSpecs,
-    styleSpecs: schema.styleSpecs,
-  }) as any as BlockNoteSchema<
-    // typescript needs some help here
-    B & {
-      pageBreak: typeof PageBreak.config;
-    },
-    I,
-    S
-  >;
-};

package/src/blocks/ParagraphBlockContent/ParagraphBlockContent.ts

@@ -1,78 +0,0 @@
-import { updateBlockCommand } from "../../api/blockManipulation/commands/updateBlock/updateBlock.js";
-import { getBlockInfoFromSelection } from "../../api/getBlockInfoFromPos.js";
-import {
-  createBlockSpecFromStronglyTypedTiptapNode,
-  createStronglyTypedTiptapNode,
-} from "../../schema/index.js";
-import { createDefaultBlockDOMOutputSpec } from "../defaultBlockHelpers.js";
-import { defaultProps } from "../defaultProps.js";
-
-export const paragraphPropSchema = {
-  ...defaultProps,
-};
-
-export const ParagraphBlockContent = createStronglyTypedTiptapNode({
-  name: "paragraph",
-  content: "inline*",
-  group: "blockContent",
-
-  addKeyboardShortcuts() {
-    return {
-      "Mod-Alt-0": () => {
-        const blockInfo = getBlockInfoFromSelection(this.editor.state);
-        if (
-          !blockInfo.isBlockContainer ||
-          blockInfo.blockContent.node.type.spec.content !== "inline*"
-        ) {
-          return true;
-        }
-
-        return this.editor.commands.command(
-          updateBlockCommand(blockInfo.bnBlock.beforePos, {
-            type: "paragraph",
-            props: {},
-          }),
-        );
-      },
-    };
-  },
-
-  parseHTML() {
-    return [
-      // Parse from internal HTML.
-      {
-        tag: "div[data-content-type=" + this.name + "]",
-        contentElement: ".bn-inline-content",
-      },
-      // Parse from external HTML.
-      {
-        tag: "p",
-        getAttrs: (element) => {
-          if (typeof element === "string" || !element.textContent?.trim()) {
-            return false;
-          }
-
-          return {};
-        },
-        node: "paragraph",
-      },
-    ];
-  },
-
-  renderHTML({ HTMLAttributes }) {
-    return createDefaultBlockDOMOutputSpec(
-      this.name,
-      "p",
-      {
-        ...(this.options.domAttributes?.blockContent || {}),
-        ...HTMLAttributes,
-      },
-      this.options.domAttributes?.inlineContent || {},
-    );
-  },
-});
-
-export const Paragraph = createBlockSpecFromStronglyTypedTiptapNode(
-  ParagraphBlockContent,
-  paragraphPropSchema,
-);

package/src/blocks/QuoteBlockContent/QuoteBlockContent.ts

@@ -1,121 +0,0 @@
-import {
-  createBlockSpecFromStronglyTypedTiptapNode,
-  createStronglyTypedTiptapNode,
-} from "../../schema/index.js";
-import {
-  createDefaultBlockDOMOutputSpec,
-  mergeParagraphs,
-} from "../defaultBlockHelpers.js";
-import { defaultProps } from "../defaultProps.js";
-import { getBlockInfoFromSelection } from "../../api/getBlockInfoFromPos.js";
-import { updateBlockCommand } from "../../api/blockManipulation/commands/updateBlock/updateBlock.js";
-import { InputRule } from "@tiptap/core";
-import { DOMParser } from "prosemirror-model";
-
-export const quotePropSchema = {
-  ...defaultProps,
-};
-
-export const QuoteBlockContent = createStronglyTypedTiptapNode({
-  name: "quote",
-  content: "inline*",
-  group: "blockContent",
-
-  addInputRules() {
-    return [
-      // Creates a block quote when starting with ">".
-      new InputRule({
-        find: new RegExp(`^>\\s$`),
-        handler: ({ state, chain, range }) => {
-          const blockInfo = getBlockInfoFromSelection(state);
-          if (
-            !blockInfo.isBlockContainer ||
-            blockInfo.blockContent.node.type.spec.content !== "inline*"
-          ) {
-            return;
-          }
-
-          chain()
-            .command(
-              updateBlockCommand(blockInfo.bnBlock.beforePos, {
-                type: "quote",
-                props: {},
-              }),
-            )
-            // Removes the ">" character used to set the list.
-            .deleteRange({ from: range.from, to: range.to });
-        },
-      }),
-    ];
-  },
-
-  addKeyboardShortcuts() {
-    return {
-      "Mod-Alt-q": () => {
-        const blockInfo = getBlockInfoFromSelection(this.editor.state);
-        if (
-          !blockInfo.isBlockContainer ||
-          blockInfo.blockContent.node.type.spec.content !== "inline*"
-        ) {
-          return true;
-        }
-
-        return this.editor.commands.command(
-          updateBlockCommand(blockInfo.bnBlock.beforePos, {
-            type: "quote",
-          }),
-        );
-      },
-    };
-  },
-
-  parseHTML() {
-    return [
-      // Parse from internal HTML.
-      {
-        tag: "div[data-content-type=" + this.name + "]",
-        contentElement: ".bn-inline-content",
-      },
-      // Parse from external HTML.
-      {
-        tag: "blockquote",
-        node: "quote",
-        getContent: (node, schema) => {
-          // Parse the blockquote content as inline content
-          const element = node as HTMLElement;
-
-          // Clone to avoid modifying the original
-          const clone = element.cloneNode(true) as HTMLElement;
-
-          // Merge multiple paragraphs into one with line breaks
-          mergeParagraphs(clone);
-
-          // Parse the content directly as a paragraph to extract inline content
-          const parser = DOMParser.fromSchema(schema);
-          const parsed = parser.parse(clone, {
-            topNode: schema.nodes.paragraph.create(),
-          });
-
-          return parsed.content;
-        },
-      },
-    ];
-  },
-
-  renderHTML({ HTMLAttributes }) {
-    return createDefaultBlockDOMOutputSpec(
-      this.name,
-      "blockquote",
-      {
-        ...(this.options.domAttributes?.blockContent || {}),
-        ...HTMLAttributes,
-      },
-      this.options.domAttributes?.inlineContent || {},
-    );
-  },
-});
-
-export const Quote = createBlockSpecFromStronglyTypedTiptapNode(
-  QuoteBlockContent,
-  quotePropSchema,
-);