@blocknote/core 0.38.0 → 0.39.1

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,
-);

package/src/blocks/VideoBlockContent/VideoBlockContent.ts

@@ -1,158 +0,0 @@
-import type { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
-import {
-  BlockFromConfig,
-  createBlockSpec,
-  FileBlockConfig,
-  Props,
-  PropSchema,
-} from "../../schema/index.js";
-import { defaultProps } from "../defaultProps.js";
-import { parseFigureElement } from "../FileBlockContent/helpers/parse/parseFigureElement.js";
-import { createFigureWithCaption } from "../FileBlockContent/helpers/toExternalHTML/createFigureWithCaption.js";
-import { createLinkWithCaption } from "../FileBlockContent/helpers/toExternalHTML/createLinkWithCaption.js";
-import { createResizableFileBlockWrapper } from "../FileBlockContent/helpers/render/createResizableFileBlockWrapper.js";
-import { parseVideoElement } from "./parseVideoElement.js";
-
-export const FILE_VIDEO_ICON_SVG =
-  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z"></path></svg>';
-
-export const videoPropSchema = {
-  textAlignment: defaultProps.textAlignment,
-  backgroundColor: defaultProps.backgroundColor,
-  // File name.
-  name: {
-    default: "" as const,
-  },
-  // File url.
-  url: {
-    default: "" as const,
-  },
-  // File caption.
-  caption: {
-    default: "" as const,
-  },
-
-  showPreview: {
-    default: true,
-  },
-  // File preview width in px.
-  previewWidth: {
-    default: undefined,
-    type: "number",
-  },
-} satisfies PropSchema;
-
-export const videoBlockConfig = {
-  type: "video" as const,
-  propSchema: videoPropSchema,
-  content: "none",
-  isFileBlock: true,
-  fileBlockAccept: ["video/*"],
-} satisfies FileBlockConfig;
-
-export const videoRender = (
-  block: BlockFromConfig<typeof videoBlockConfig, any, any>,
-  editor: BlockNoteEditor<any, any, any>,
-) => {
-  const icon = document.createElement("div");
-  icon.innerHTML = FILE_VIDEO_ICON_SVG;
-
-  const videoWrapper = document.createElement("div");
-  videoWrapper.className = "bn-visual-media-wrapper";
-
-  const video = document.createElement("video");
-  video.className = "bn-visual-media";
-  if (editor.resolveFileUrl) {
-    editor.resolveFileUrl(block.props.url).then((downloadUrl) => {
-      video.src = downloadUrl;
-    });
-  } else {
-    video.src = block.props.url;
-  }
-  video.controls = true;
-  video.contentEditable = "false";
-  video.draggable = false;
-  video.width = block.props.previewWidth;
-  videoWrapper.appendChild(video);
-
-  return createResizableFileBlockWrapper(
-    block,
-    editor,
-    { dom: videoWrapper },
-    videoWrapper,
-    icon.firstElementChild as HTMLElement,
-  );
-};
-
-export const videoParse = (
-  element: HTMLElement,
-): Partial<Props<typeof videoBlockConfig.propSchema>> | undefined => {
-  if (element.tagName === "VIDEO") {
-    // Ignore if parent figure has already been parsed.
-    if (element.closest("figure")) {
-      return undefined;
-    }
-
-    return parseVideoElement(element as HTMLVideoElement);
-  }
-
-  if (element.tagName === "FIGURE") {
-    const parsedFigure = parseFigureElement(element, "video");
-    if (!parsedFigure) {
-      return undefined;
-    }
-
-    const { targetElement, caption } = parsedFigure;
-
-    return {
-      ...parseVideoElement(targetElement as HTMLVideoElement),
-      caption,
-    };
-  }
-
-  return undefined;
-};
-
-export const videoToExternalHTML = (
-  block: BlockFromConfig<typeof videoBlockConfig, any, any>,
-) => {
-  if (!block.props.url) {
-    const div = document.createElement("p");
-    div.textContent = "Add video";
-
-    return {
-      dom: div,
-    };
-  }
-
-  let video;
-  if (block.props.showPreview) {
-    video = document.createElement("video");
-    video.src = block.props.url;
-    if (block.props.previewWidth) {
-      video.width = block.props.previewWidth;
-    }
-  } else {
-    video = document.createElement("a");
-    video.href = block.props.url;
-    video.textContent = block.props.name || block.props.url;
-  }
-
-  if (block.props.caption) {
-    if (block.props.showPreview) {
-      return createFigureWithCaption(video, block.props.caption);
-    } else {
-      return createLinkWithCaption(video, block.props.caption);
-    }
-  }
-
-  return {
-    dom: video,
-  };
-};
-
-export const VideoBlock = createBlockSpec(videoBlockConfig, {
-  render: videoRender,
-  parse: videoParse,
-  toExternalHTML: videoToExternalHTML,
-});

package/src/editor/BlockNoteSchema.ts

@@ -1,107 +0,0 @@
-import {
-  defaultBlockSpecs,
-  defaultInlineContentSpecs,
-  defaultStyleSpecs,
-} from "../blocks/defaultBlocks.js";
-import type {
-  BlockNoDefaults,
-  PartialBlockNoDefaults,
-} from "../schema/blocks/types.js";
-import {
-  BlockSchema,
-  BlockSchemaFromSpecs,
-  BlockSpecs,
-  InlineContentSchema,
-  InlineContentSchemaFromSpecs,
-  InlineContentSpecs,
-  StyleSchema,
-  StyleSchemaFromSpecs,
-  StyleSpecs,
-  getBlockSchemaFromSpecs,
-  getInlineContentSchemaFromSpecs,
-  getStyleSchemaFromSpecs,
-} from "../schema/index.js";
-import type { BlockNoteEditor } from "./BlockNoteEditor.js";
-
-function removeUndefined<T extends Record<string, any> | undefined>(obj: T): T {
-  if (!obj) {
-    return obj;
-  }
-  return Object.fromEntries(
-    Object.entries(obj).filter(([, value]) => value !== undefined),
-  ) as T;
-}
-
-export class BlockNoteSchema<
-  BSchema extends BlockSchema,
-  ISchema extends InlineContentSchema,
-  SSchema extends StyleSchema,
-> {
-  public readonly blockSpecs: BlockSpecs;
-  public readonly inlineContentSpecs: InlineContentSpecs;
-  public readonly styleSpecs: StyleSpecs;
-
-  public readonly blockSchema: BSchema;
-  public readonly inlineContentSchema: ISchema;
-  public readonly styleSchema: SSchema;
-
-  // Helper so that you can use typeof schema.BlockNoteEditor
-  public readonly BlockNoteEditor: BlockNoteEditor<BSchema, ISchema, SSchema> =
-    "only for types" as any;
-
-  public readonly Block: BlockNoDefaults<BSchema, ISchema, SSchema> =
-    "only for types" as any;
-
-  public readonly PartialBlock: PartialBlockNoDefaults<
-    BSchema,
-    ISchema,
-    SSchema
-  > = "only for types" as any;
-
-  public static create<
-    BSpecs extends BlockSpecs = typeof defaultBlockSpecs,
-    ISpecs extends InlineContentSpecs = typeof defaultInlineContentSpecs,
-    SSpecs extends StyleSpecs = typeof defaultStyleSpecs,
-  >(options?: {
-    /**
-     * A list of custom block types that should be available in the editor.
-     */
-    blockSpecs?: BSpecs;
-    /**
-     * A list of custom InlineContent types that should be available in the editor.
-     */
-    inlineContentSpecs?: ISpecs;
-    /**
-     * A list of custom Styles that should be available in the editor.
-     */
-    styleSpecs?: SSpecs;
-  }) {
-    return new BlockNoteSchema<
-      BlockSchemaFromSpecs<BSpecs>,
-      InlineContentSchemaFromSpecs<ISpecs>,
-      StyleSchemaFromSpecs<SSpecs>
-    >(options);
-    // as BlockNoteSchema<
-    // BlockSchemaFromSpecs<BSpecs>,
-    // InlineContentSchemaFromSpecs<ISpecs>,
-    // StyleSchemaFromSpecs<SSpecs>
-    // >;
-  }
-
-  constructor(opts?: {
-    blockSpecs?: BlockSpecs;
-    inlineContentSpecs?: InlineContentSpecs;
-    styleSpecs?: StyleSpecs;
-  }) {
-    this.blockSpecs = removeUndefined(opts?.blockSpecs) || defaultBlockSpecs;
-    this.inlineContentSpecs =
-      removeUndefined(opts?.inlineContentSpecs) || defaultInlineContentSpecs;
-    this.styleSpecs = removeUndefined(opts?.styleSpecs) || defaultStyleSpecs;
-
-    this.blockSchema = getBlockSchemaFromSpecs(this.blockSpecs) as any;
-    this.inlineContentSchema = getInlineContentSchemaFromSpecs(
-      this.inlineContentSpecs,
-    ) as any;
-    this.styleSchema = getStyleSchemaFromSpecs(this.styleSpecs) as any;
-  }
-}