@blocknote/core 0.16.0 → 0.17.1

package/src/api/nodeConversions/{nodeConversions.ts → nodeToBlock.ts}

@@ -1,6 +1,6 @@
-import { Mark, Node, Schema } from "@tiptap/pm/model";
+import { Mark, Node } from "@tiptap/pm/model";
 
-import UniqueID from "../../extensions/UniqueID/UniqueID";
+import UniqueID from "../../extensions/UniqueID/UniqueID.js";
 import type {
   BlockSchema,
   CustomInlineContentConfig,
@@ -8,266 +8,23 @@ import type {
   InlineContent,
   InlineContentFromConfig,
   InlineContentSchema,
-  PartialCustomInlineContentFromConfig,
-  PartialInlineContent,
-  PartialLink,
-  PartialTableContent,
   StyleSchema,
-  StyledText,
   Styles,
   TableContent,
-} from "../../schema";
-import { getBlockInfo } from "../getBlockInfoFromPos";
+} from "../../schema/index.js";
+import { getBlockInfoWithManualOffset } from "../getBlockInfoFromPos.js";
 
-import type { Block, PartialBlock } from "../../blocks/defaultBlocks";
+import type { Block } from "../../blocks/defaultBlocks.js";
 import {
   isLinkInlineContent,
-  isPartialLinkInlineContent,
   isStyledTextInlineContent,
-} from "../../schema/inlineContent/types";
-import { UnreachableCaseError } from "../../util/typescript";
-
-/**
- * Convert a StyledText inline element to a
- * prosemirror text node with the appropriate marks
- */
-function styledTextToNodes<T extends StyleSchema>(
-  styledText: StyledText<T>,
-  schema: Schema,
-  styleSchema: T
-): Node[] {
-  const marks: Mark[] = [];
-
-  for (const [style, value] of Object.entries(styledText.styles)) {
-    const config = styleSchema[style];
-    if (!config) {
-      throw new Error(`style ${style} not found in styleSchema`);
-    }
-
-    if (config.propSchema === "boolean") {
-      marks.push(schema.mark(style));
-    } else if (config.propSchema === "string") {
-      marks.push(schema.mark(style, { stringValue: value }));
-    } else {
-      throw new UnreachableCaseError(config.propSchema);
-    }
-  }
-
-  return (
-    styledText.text
-      // Splits text & line breaks.
-      .split(/(\n)/g)
-      // If the content ends with a line break, an empty string is added to the
-      // end, which this removes.
-      .filter((text) => text.length > 0)
-      // Converts text & line breaks to nodes.
-      .map((text) => {
-        if (text === "\n") {
-          return schema.nodes["hardBreak"].create();
-        } else {
-          return schema.text(text, marks);
-        }
-      })
-  );
-}
-
-/**
- * Converts a Link inline content element to
- * prosemirror text nodes with the appropriate marks
- */
-function linkToNodes(
-  link: PartialLink<StyleSchema>,
-  schema: Schema,
-  styleSchema: StyleSchema
-): Node[] {
-  const linkMark = schema.marks.link.create({
-    href: link.href,
-  });
-
-  return styledTextArrayToNodes(link.content, schema, styleSchema).map(
-    (node) => {
-      if (node.type.name === "text") {
-        return node.mark([...node.marks, linkMark]);
-      }
-
-      if (node.type.name === "hardBreak") {
-        return node;
-      }
-      throw new Error("unexpected node type");
-    }
-  );
-}
-
-/**
- * Converts an array of StyledText inline content elements to
- * prosemirror text nodes with the appropriate marks
- */
-function styledTextArrayToNodes<S extends StyleSchema>(
-  content: string | StyledText<S>[],
-  schema: Schema,
-  styleSchema: S
-): Node[] {
-  const nodes: Node[] = [];
-
-  if (typeof content === "string") {
-    nodes.push(
-      ...styledTextToNodes(
-        { type: "text", text: content, styles: {} },
-        schema,
-        styleSchema
-      )
-    );
-    return nodes;
-  }
-
-  for (const styledText of content) {
-    nodes.push(...styledTextToNodes(styledText, schema, styleSchema));
-  }
-  return nodes;
-}
-
-/**
- * converts an array of inline content elements to prosemirror nodes
- */
-export function inlineContentToNodes<
-  I extends InlineContentSchema,
-  S extends StyleSchema
->(
-  blockContent: PartialInlineContent<I, S>,
-  schema: Schema,
-  styleSchema: S
-): Node[] {
-  const nodes: Node[] = [];
-
-  for (const content of blockContent) {
-    if (typeof content === "string") {
-      nodes.push(...styledTextArrayToNodes(content, schema, styleSchema));
-    } else if (isPartialLinkInlineContent(content)) {
-      nodes.push(...linkToNodes(content, schema, styleSchema));
-    } else if (isStyledTextInlineContent(content)) {
-      nodes.push(...styledTextArrayToNodes([content], schema, styleSchema));
-    } else {
-      nodes.push(
-        blockOrInlineContentToContentNode(content, schema, styleSchema)
-      );
-    }
-  }
-  return nodes;
-}
-
-/**
- * converts an array of inline content elements to prosemirror nodes
- */
-export function tableContentToNodes<
-  I extends InlineContentSchema,
-  S extends StyleSchema
->(
-  tableContent: PartialTableContent<I, S>,
-  schema: Schema,
-  styleSchema: StyleSchema
-): Node[] {
-  const rowNodes: Node[] = [];
-
-  for (const row of tableContent.rows) {
-    const columnNodes: Node[] = [];
-    for (const cell of row.cells) {
-      let pNode: Node;
-      if (!cell) {
-        pNode = schema.nodes["tableParagraph"].create({});
-      } else if (typeof cell === "string") {
-        pNode = schema.nodes["tableParagraph"].create({}, schema.text(cell));
-      } else {
-        const textNodes = inlineContentToNodes(cell, schema, styleSchema);
-        pNode = schema.nodes["tableParagraph"].create({}, textNodes);
-      }
-
-      const cellNode = schema.nodes["tableCell"].create({}, pNode);
-      columnNodes.push(cellNode);
-    }
-    const rowNode = schema.nodes["tableRow"].create({}, columnNodes);
-    rowNodes.push(rowNode);
-  }
-  return rowNodes;
-}
-
-function blockOrInlineContentToContentNode(
-  block:
-    | PartialBlock<any, any, any>
-    | PartialCustomInlineContentFromConfig<any, any>,
-  schema: Schema,
-  styleSchema: StyleSchema
-) {
-  let contentNode: Node;
-  let type = block.type;
-
-  // TODO: needed? came from previous code
-  if (type === undefined) {
-    type = "paragraph";
-  }
-
-  if (!schema.nodes[type]) {
-    throw new Error(`node type ${type} not found in schema`);
-  }
-
-  if (!block.content) {
-    contentNode = schema.nodes[type].create(block.props);
-  } else if (typeof block.content === "string") {
-    const nodes = inlineContentToNodes([block.content], schema, styleSchema);
-    contentNode = schema.nodes[type].create(block.props, nodes);
-  } else if (Array.isArray(block.content)) {
-    const nodes = inlineContentToNodes(block.content, schema, styleSchema);
-    contentNode = schema.nodes[type].create(block.props, nodes);
-  } else if (block.content.type === "tableContent") {
-    const nodes = tableContentToNodes(block.content, schema, styleSchema);
-    contentNode = schema.nodes[type].create(block.props, nodes);
-  } else {
-    throw new UnreachableCaseError(block.content.type);
-  }
-  return contentNode;
-}
-/**
- * Converts a BlockNote block to a TipTap node.
- */
-export function blockToNode(
-  block: PartialBlock<any, any, any>,
-  schema: Schema,
-  styleSchema: StyleSchema
-) {
-  let id = block.id;
-
-  if (id === undefined) {
-    id = UniqueID.options.generateID();
-  }
-
-  const contentNode = blockOrInlineContentToContentNode(
-    block,
-    schema,
-    styleSchema
-  );
-
-  const children: Node[] = [];
-
-  if (block.children) {
-    for (const child of block.children) {
-      children.push(blockToNode(child, schema, styleSchema));
-    }
-  }
-
-  const groupNode = schema.nodes["blockGroup"].create({}, children);
-
-  return schema.nodes["blockContainer"].create(
-    {
-      id: id,
-      ...block.props,
-    },
-    children.length > 0 ? [contentNode, groupNode] : contentNode
-  );
-}
+} from "../../schema/inlineContent/types.js";
+import { UnreachableCaseError } from "../../util/typescript.js";
 
 /**
  * Converts an internal (prosemirror) table node contentto a BlockNote Tablecontent
  */
-function contentNodeToTableContent<
+export function contentNodeToTableContent<
   I extends InlineContentSchema,
   S extends StyleSchema
 >(contentNode: Node, inlineContentSchema: I, styleSchema: S) {
@@ -566,9 +323,10 @@ export function nodeToBlock<
     return cachedBlock;
   }
 
-  const blockInfo = getBlockInfo(node);
+  const { blockContainer, blockContent, blockGroup } =
+    getBlockInfoWithManualOffset(node, 0);
 
-  let id = blockInfo.id;
+  let id = blockContainer.node.attrs.id;
 
   // Only used for blocks converted from other formats.
   if (id === null) {
@@ -578,13 +336,13 @@ export function nodeToBlock<
   const props: any = {};
   for (const [attr, value] of Object.entries({
     ...node.attrs,
-    ...blockInfo.contentNode.attrs,
+    ...blockContent.node.attrs,
   })) {
-    const blockSpec = blockSchema[blockInfo.contentType.name];
+    const blockSpec = blockSchema[blockContent.node.type.name];
 
     if (!blockSpec) {
       throw Error(
-        "Block is of an unrecognized type: " + blockInfo.contentType.name
+        "Block is of an unrecognized type: " + blockContent.node.type.name
       );
     }
 
@@ -595,32 +353,32 @@ export function nodeToBlock<
     }
   }
 
-  const blockConfig = blockSchema[blockInfo.contentType.name];
+  const blockConfig = blockSchema[blockContent.node.type.name];
 
   const children: Block<BSchema, I, S>[] = [];
-  for (let i = 0; i < blockInfo.numChildBlocks; i++) {
+  blockGroup?.node.forEach((child) => {
     children.push(
       nodeToBlock(
-        node.lastChild!.child(i),
+        child,
         blockSchema,
         inlineContentSchema,
         styleSchema,
         blockCache
       )
     );
-  }
+  });
 
   let content: Block<any, any, any>["content"];
 
   if (blockConfig.content === "inline") {
     content = contentNodeToInlineContent(
-      blockInfo.contentNode,
+      blockContent.node,
       inlineContentSchema,
       styleSchema
     );
   } else if (blockConfig.content === "table") {
     content = contentNodeToTableContent(
-      blockInfo.contentNode,
+      blockContent.node,
       inlineContentSchema,
       styleSchema
     );

package/src/api/parsers/html/parseHTML.test.ts

@@ -1,7 +1,7 @@
 import * as pmView from "prosemirror-view";
 import { describe, expect, it } from "vitest";
-import { BlockNoteEditor } from "../../..";
-import { nestedListsToBlockNoteStructure } from "./util/nestedLists";
+import { BlockNoteEditor } from "../../../index.js";
+import { nestedListsToBlockNoteStructure } from "./util/nestedLists.js";
 
 async function parseHTMLAndCompareSnapshots(
   html: string,

package/src/api/parsers/html/parseHTML.ts

@@ -1,9 +1,13 @@
 import { DOMParser, Schema } from "prosemirror-model";
-import { BlockSchema, InlineContentSchema, StyleSchema } from "../../../schema";
+import {
+  BlockSchema,
+  InlineContentSchema,
+  StyleSchema,
+} from "../../../schema/index.js";
 
-import { Block } from "../../../blocks/defaultBlocks";
-import { nodeToBlock } from "../../nodeConversions/nodeConversions";
-import { nestedListsToBlockNoteStructure } from "./util/nestedLists";
+import { Block } from "../../../blocks/defaultBlocks.js";
+import { nodeToBlock } from "../../nodeConversions/nodeToBlock.js";
+import { nestedListsToBlockNoteStructure } from "./util/nestedLists.js";
 export async function HTMLToBlocks<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,

package/src/api/parsers/html/util/nestedLists.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "vitest";
-import { initializeESMDependencies } from "../../../../util/esmDependencies";
-import { nestedListsToBlockNoteStructure } from "./nestedLists";
+import { initializeESMDependencies } from "../../../../util/esmDependencies.js";
+import { nestedListsToBlockNoteStructure } from "./nestedLists.js";
 
 async function testHTML(html: string) {
   const deps = await initializeESMDependencies();

package/src/api/parsers/markdown/parseMarkdown.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "vitest";
-import { BlockNoteEditor } from "../../..";
-import { doPaste } from "../../testUtil/paste";
+import { BlockNoteEditor } from "../../../index.js";
+import { doPaste } from "../../testUtil/paste.js";
 
 async function parseMarkdownAndCompareSnapshots(
   md: string,

package/src/api/parsers/markdown/parseMarkdown.ts

@@ -1,9 +1,13 @@
 import { Schema } from "prosemirror-model";
 
-import { Block } from "../../../blocks/defaultBlocks";
-import { BlockSchema, InlineContentSchema, StyleSchema } from "../../../schema";
-import { initializeESMDependencies } from "../../../util/esmDependencies";
-import { HTMLToBlocks } from "../html/parseHTML";
+import { Block } from "../../../blocks/defaultBlocks.js";
+import {
+  BlockSchema,
+  InlineContentSchema,
+  StyleSchema,
+} from "../../../schema/index.js";
+import { initializeESMDependencies } from "../../../util/esmDependencies.js";
+import { HTMLToBlocks } from "../html/parseHTML.js";
 
 // modified version of https://github.com/syntax-tree/mdast-util-to-hast/blob/main/lib/handlers/code.js
 // that outputs a data-language attribute instead of a CSS class (e.g.: language-typescript)

package/src/api/testUtil/cases/customBlocks.ts

@@ -1,19 +1,19 @@
-import { EditorTestCases } from "../index";
+import { EditorTestCases } from "../index.js";
 
-import { uploadToTmpFilesDotOrg_DEV_ONLY } from "../../../blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY";
+import { uploadToTmpFilesDotOrg_DEV_ONLY } from "../../../blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY.js";
+import {
+  imagePropSchema,
+  imageRender,
+} from "../../../blocks/ImageBlockContent/ImageBlockContent.js";
 import {
   DefaultInlineContentSchema,
   DefaultStyleSchema,
   defaultBlockSpecs,
-} from "../../../blocks/defaultBlocks";
-import { defaultProps } from "../../../blocks/defaultProps";
-import { BlockNoteEditor } from "../../../editor/BlockNoteEditor";
-import { BlockNoteSchema } from "../../../editor/BlockNoteSchema";
-import { createBlockSpec } from "../../../schema";
-import {
-  imagePropSchema,
-  imageRender,
-} from "../../../blocks/ImageBlockContent/ImageBlockContent";
+} from "../../../blocks/defaultBlocks.js";
+import { defaultProps } from "../../../blocks/defaultProps.js";
+import { BlockNoteEditor } from "../../../editor/BlockNoteEditor.js";
+import { BlockNoteSchema } from "../../../editor/BlockNoteSchema.js";
+import { createBlockSpec } from "../../../schema/index.js";
 
 // This is a modified version of the default image block that does not implement
 // a `toExternalHTML` function. It's used to test if the custom serializer by

package/src/api/testUtil/cases/customInlineContent.ts

@@ -1,14 +1,14 @@
-import { EditorTestCases } from "../index";
+import { EditorTestCases } from "../index.js";
 
-import { uploadToTmpFilesDotOrg_DEV_ONLY } from "../../../blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY";
+import { uploadToTmpFilesDotOrg_DEV_ONLY } from "../../../blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY.js";
 import {
   DefaultBlockSchema,
   DefaultStyleSchema,
   defaultInlineContentSpecs,
-} from "../../../blocks/defaultBlocks";
-import { BlockNoteEditor } from "../../../editor/BlockNoteEditor";
-import { BlockNoteSchema } from "../../../editor/BlockNoteSchema";
-import { createInlineContentSpec } from "../../../schema/inlineContent/createSpec";
+} from "../../../blocks/defaultBlocks.js";
+import { BlockNoteEditor } from "../../../editor/BlockNoteEditor.js";
+import { BlockNoteSchema } from "../../../editor/BlockNoteSchema.js";
+import { createInlineContentSpec } from "../../../schema/inlineContent/createSpec.js";
 
 const mention = createInlineContentSpec(
   {

package/src/api/testUtil/cases/customStyles.ts

@@ -1,14 +1,14 @@
-import { EditorTestCases } from "../index";
+import { EditorTestCases } from "../index.js";
 
-import { uploadToTmpFilesDotOrg_DEV_ONLY } from "../../../blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY";
+import { uploadToTmpFilesDotOrg_DEV_ONLY } from "../../../blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY.js";
 import {
   DefaultBlockSchema,
   DefaultInlineContentSchema,
   defaultStyleSpecs,
-} from "../../../blocks/defaultBlocks";
-import { BlockNoteEditor } from "../../../editor/BlockNoteEditor";
-import { BlockNoteSchema } from "../../../editor/BlockNoteSchema";
-import { createStyleSpec } from "../../../schema/styles/createSpec";
+} from "../../../blocks/defaultBlocks.js";
+import { BlockNoteEditor } from "../../../editor/BlockNoteEditor.js";
+import { BlockNoteSchema } from "../../../editor/BlockNoteSchema.js";
+import { createStyleSpec } from "../../../schema/styles/createSpec.js";
 
 const small = createStyleSpec(
   {

package/src/api/testUtil/cases/defaultSchema.ts

@@ -1,12 +1,12 @@
-import { EditorTestCases } from "../index";
+import { EditorTestCases } from "../index.js";
 
-import { BlockNoteEditor } from "../../../editor/BlockNoteEditor";
+import { uploadToTmpFilesDotOrg_DEV_ONLY } from "../../../blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY.js";
 import {
   DefaultBlockSchema,
   DefaultInlineContentSchema,
   DefaultStyleSchema,
-} from "../../../blocks/defaultBlocks";
-import { uploadToTmpFilesDotOrg_DEV_ONLY } from "../../../blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY";
+} from "../../../blocks/defaultBlocks.js";
+import { BlockNoteEditor } from "../../../editor/BlockNoteEditor.js";
 
 export const defaultSchemaTestCases: EditorTestCases<
   DefaultBlockSchema,

package/src/api/testUtil/index.ts

@@ -1,9 +1,9 @@
-import { PartialBlock } from "../../blocks/defaultBlocks";
-import { BlockNoteEditor } from "../../editor/BlockNoteEditor";
-import { BlockSchema } from "../../schema/blocks/types";
-import { InlineContentSchema } from "../../schema/inlineContent/types";
-import { StyleSchema } from "../../schema/styles/types";
-import { NoInfer } from "../../util/typescript";
+import { PartialBlock } from "../../blocks/defaultBlocks.js";
+import { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
+import { BlockSchema } from "../../schema/blocks/types.js";
+import { InlineContentSchema } from "../../schema/inlineContent/types.js";
+import { StyleSchema } from "../../schema/styles/types.js";
+import { NoInfer } from "../../util/typescript.js";
 
 export type EditorTestCases<
   B extends BlockSchema,

package/src/api/testUtil/partialBlockTestUtil.ts

@@ -1,6 +1,6 @@
-import { Block, PartialBlock } from "../../blocks/defaultBlocks";
-import UniqueID from "../../extensions/UniqueID/UniqueID";
-import { BlockSchema, TableContent } from "../../schema/blocks/types";
+import { Block, PartialBlock } from "../../blocks/defaultBlocks.js";
+import UniqueID from "../../extensions/UniqueID/UniqueID.js";
+import { BlockSchema, TableContent } from "../../schema/blocks/types.js";
 import {
   InlineContent,
   InlineContentSchema,
@@ -8,8 +8,8 @@ import {
   StyledText,
   isPartialLinkInlineContent,
   isStyledTextInlineContent,
-} from "../../schema/inlineContent/types";
-import { StyleSchema } from "../../schema/styles/types";
+} from "../../schema/inlineContent/types.js";
+import { StyleSchema } from "../../schema/styles/types.js";
 
 function textShorthandToStyledText(
   content: string | StyledText<any>[] = ""

package/src/blocks/AudioBlockContent/AudioBlockContent.ts

@@ -1,12 +1,12 @@
-import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
+import type { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
 import {
   BlockFromConfig,
   createBlockSpec,
   FileBlockConfig,
   Props,
   PropSchema,
-} from "../../schema";
-import { defaultProps } from "../defaultProps";
+} from "../../schema/index.js";
+import { defaultProps } from "../defaultProps.js";
 
 import {
   createFigureWithCaption,
@@ -14,8 +14,8 @@ import {
   createFileBlockWrapper,
   createLinkWithCaption,
   parseFigureElement,
-} from "../FileBlockContent/fileBlockHelpers";
-import { parseAudioElement } from "./audioBlockHelpers";
+} from "../FileBlockContent/fileBlockHelpers.js";
+import { parseAudioElement } from "./audioBlockHelpers.js";
 
 export const audioPropSchema = {
   backgroundColor: defaultProps.backgroundColor,

package/src/blocks/FileBlockContent/FileBlockContent.ts

@@ -1,11 +1,11 @@
-import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
+import type { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
 import {
   BlockFromConfig,
   FileBlockConfig,
   PropSchema,
   createBlockSpec,
-} from "../../schema";
-import { defaultProps } from "../defaultProps";
+} from "../../schema/index.js";
+import { defaultProps } from "../defaultProps.js";
 import {
   createDefaultFilePreview,
   createFileAndCaptionWrapper,
@@ -13,7 +13,7 @@ import {
   createLinkWithCaption,
   parseEmbedElement,
   parseFigureElement,
-} from "./fileBlockHelpers";
+} from "./fileBlockHelpers.js";
 
 export const filePropSchema = {
   backgroundColor: defaultProps.backgroundColor,

package/src/blocks/FileBlockContent/fileBlockHelpers.ts

@@ -1,9 +1,9 @@
-import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
+import type { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
 import {
   BlockFromConfig,
   BlockSchemaWithBlock,
   FileBlockConfig,
-} from "../../schema";
+} from "../../schema/index.js";
 
 export const createFileBlockWrapper = (
   block: BlockFromConfig<FileBlockConfig, any, any>,