@blocknote/core 0.28.0 → 0.29.0

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

@@ -1,342 +0,0 @@
-import { EditorTestCases } from "../index.js";
-
-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.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
-// default serializes custom blocks using their `render` function.
-const SimpleImage = createBlockSpec(
-  {
-    type: "simpleImage",
-    propSchema: imagePropSchema,
-    content: "none",
-  },
-  {
-    render: (block, editor) => imageRender(block as any, editor as any),
-  }
-);
-
-const CustomParagraph = createBlockSpec(
-  {
-    type: "customParagraph",
-    propSchema: defaultProps,
-    content: "inline",
-  },
-  {
-    render: () => {
-      const paragraph = document.createElement("p");
-      paragraph.className = "custom-paragraph";
-
-      return {
-        dom: paragraph,
-        contentDOM: paragraph,
-      };
-    },
-    toExternalHTML: () => {
-      const paragraph = document.createElement("p");
-      paragraph.className = "custom-paragraph";
-      paragraph.innerHTML = "Hello World";
-
-      return {
-        dom: paragraph,
-      };
-    },
-  }
-);
-
-const SimpleCustomParagraph = createBlockSpec(
-  {
-    type: "simpleCustomParagraph",
-    propSchema: defaultProps,
-    content: "inline",
-  },
-  {
-    render: () => {
-      const paragraph = document.createElement("p");
-      paragraph.className = "simple-custom-paragraph";
-
-      return {
-        dom: paragraph,
-        contentDOM: paragraph,
-      };
-    },
-  }
-);
-
-const schema = BlockNoteSchema.create({
-  blockSpecs: {
-    ...defaultBlockSpecs,
-    simpleImage: SimpleImage,
-    customParagraph: CustomParagraph,
-    simpleCustomParagraph: SimpleCustomParagraph,
-  },
-});
-
-export const customBlocksTestCases: EditorTestCases<
-  typeof schema.blockSchema,
-  DefaultInlineContentSchema,
-  DefaultStyleSchema
-> = {
-  name: "custom blocks schema",
-  createEditor: () => {
-    return BlockNoteEditor.create({
-      schema,
-      uploadFile: uploadToTmpFilesDotOrg_DEV_ONLY,
-    });
-  },
-  documents: [
-    // Because images need to fetch the download URL async, their output HTML is
-    // initially rendered without a `src` attribute, which is reflected in the
-    // tests.
-    {
-      name: "simpleImage/button",
-      blocks: [
-        {
-          type: "simpleImage",
-        },
-      ],
-    },
-    {
-      name: "simpleImage/basic",
-      blocks: [
-        {
-          type: "simpleImage",
-          props: {
-            name: "example",
-            url: "exampleURL",
-            caption: "Caption",
-            previewWidth: 256,
-          },
-        },
-      ],
-    },
-    {
-      name: "simpleImage/noName",
-      blocks: [
-        {
-          type: "simpleImage",
-          props: {
-            url: "exampleURL",
-            caption: "Caption",
-            previewWidth: 256,
-          },
-        },
-      ],
-    },
-    {
-      name: "simpleImage/noCaption",
-      blocks: [
-        {
-          type: "simpleImage",
-          props: {
-            name: "example",
-            url: "exampleURL",
-            previewWidth: 256,
-          },
-        },
-      ],
-    },
-    {
-      name: "simpleImage/noPreview",
-      blocks: [
-        {
-          type: "simpleImage",
-          props: {
-            name: "example",
-            url: "exampleURL",
-            caption: "Caption",
-            showPreview: false,
-            previewWidth: 256,
-          },
-        },
-      ],
-    },
-    {
-      name: "simpleImage/nested",
-      blocks: [
-        {
-          type: "simpleImage",
-          props: {
-            name: "example",
-            url: "exampleURL",
-            caption: "Caption",
-            previewWidth: 256,
-          },
-          children: [
-            {
-              type: "simpleImage",
-              props: {
-                name: "example",
-                url: "exampleURL",
-                caption: "Caption",
-                previewWidth: 256,
-              },
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "customParagraph/basic",
-      blocks: [
-        {
-          type: "customParagraph",
-          content: "Custom Paragraph",
-        },
-      ],
-    },
-    {
-      name: "customParagraph/styled",
-      blocks: [
-        {
-          type: "customParagraph",
-          props: {
-            textAlignment: "center",
-            textColor: "orange",
-            backgroundColor: "pink",
-          },
-          content: [
-            {
-              type: "text",
-              styles: {},
-              text: "Plain ",
-            },
-            {
-              type: "text",
-              styles: {
-                textColor: "red",
-              },
-              text: "Red Text ",
-            },
-            {
-              type: "text",
-              styles: {
-                backgroundColor: "blue",
-              },
-              text: "Blue Background ",
-            },
-            {
-              type: "text",
-              styles: {
-                textColor: "red",
-                backgroundColor: "blue",
-              },
-              text: "Mixed Colors",
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "customParagraph/nested",
-      blocks: [
-        {
-          type: "customParagraph",
-          content: "Custom Paragraph",
-          children: [
-            {
-              type: "customParagraph",
-              content: "Nested Custom Paragraph 1",
-            },
-            {
-              type: "customParagraph",
-              content: "Nested Custom Paragraph 2",
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "customParagraph/lineBreaks",
-      blocks: [
-        {
-          type: "customParagraph",
-          content: "Line 1\nLine 2",
-        },
-      ],
-    },
-    {
-      name: "simpleCustomParagraph/basic",
-      blocks: [
-        {
-          type: "simpleCustomParagraph",
-          content: "Custom Paragraph",
-        },
-      ],
-    },
-    {
-      name: "simpleCustomParagraph/styled",
-      blocks: [
-        {
-          type: "simpleCustomParagraph",
-          props: {
-            textAlignment: "center",
-            textColor: "orange",
-            backgroundColor: "pink",
-          },
-          content: [
-            {
-              type: "text",
-              styles: {},
-              text: "Plain ",
-            },
-            {
-              type: "text",
-              styles: {
-                textColor: "red",
-              },
-              text: "Red Text ",
-            },
-            {
-              type: "text",
-              styles: {
-                backgroundColor: "blue",
-              },
-              text: "Blue Background ",
-            },
-            {
-              type: "text",
-              styles: {
-                textColor: "red",
-                backgroundColor: "blue",
-              },
-              text: "Mixed Colors",
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "simpleCustomParagraph/nested",
-      blocks: [
-        {
-          type: "simpleCustomParagraph",
-          content: "Custom Paragraph",
-          children: [
-            {
-              type: "simpleCustomParagraph",
-              content: "Nested Custom Paragraph 1",
-            },
-            {
-              type: "simpleCustomParagraph",
-              content: "Nested Custom Paragraph 2",
-            },
-          ],
-        },
-      ],
-    },
-  ],
-};

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

@@ -1,113 +0,0 @@
-import { EditorTestCases } from "../index.js";
-
-import { uploadToTmpFilesDotOrg_DEV_ONLY } from "../../../blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY.js";
-import {
-  DefaultBlockSchema,
-  DefaultStyleSchema,
-  defaultInlineContentSpecs,
-} 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(
-  {
-    type: "mention" as const,
-    propSchema: {
-      user: {
-        default: "",
-      },
-    },
-    content: "none",
-  },
-  {
-    render: (ic) => {
-      const dom = document.createElement("span");
-      dom.appendChild(document.createTextNode("@" + ic.props.user));
-
-      return {
-        dom,
-      };
-    },
-  }
-);
-
-const tag = createInlineContentSpec(
-  {
-    type: "tag" as const,
-    propSchema: {},
-    content: "styled",
-  },
-  {
-    render: () => {
-      const dom = document.createElement("span");
-      dom.textContent = "#";
-
-      const contentDOM = document.createElement("span");
-      dom.appendChild(contentDOM);
-
-      return {
-        dom,
-        contentDOM,
-      };
-    },
-  }
-);
-
-const schema = BlockNoteSchema.create({
-  inlineContentSpecs: {
-    ...defaultInlineContentSpecs,
-    mention,
-    tag,
-  },
-});
-
-export const customInlineContentTestCases: EditorTestCases<
-  DefaultBlockSchema,
-  typeof schema.inlineContentSchema,
-  DefaultStyleSchema
-> = {
-  name: "custom inline content schema",
-  createEditor: () => {
-    return BlockNoteEditor.create({
-      uploadFile: uploadToTmpFilesDotOrg_DEV_ONLY,
-      schema,
-    });
-  },
-  documents: [
-    {
-      name: "mention/basic",
-      blocks: [
-        {
-          type: "paragraph",
-          content: [
-            "I enjoy working with ",
-            {
-              type: "mention",
-              props: {
-                user: "Matthew",
-              },
-              content: undefined,
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "tag/basic",
-      blocks: [
-        {
-          type: "paragraph",
-          content: [
-            "I love ",
-            {
-              type: "tag",
-              // props: {},
-              content: "BlockNote",
-            },
-          ],
-        },
-      ],
-    },
-  ],
-};

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

@@ -1,102 +0,0 @@
-import { EditorTestCases } from "../index.js";
-
-import { uploadToTmpFilesDotOrg_DEV_ONLY } from "../../../blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY.js";
-import {
-  DefaultBlockSchema,
-  DefaultInlineContentSchema,
-  defaultStyleSpecs,
-} 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(
-  {
-    type: "small",
-    propSchema: "boolean",
-  },
-  {
-    render: () => {
-      const dom = document.createElement("small");
-      return {
-        dom,
-        contentDOM: dom,
-      };
-    },
-  }
-);
-
-const fontSize = createStyleSpec(
-  {
-    type: "fontSize",
-    propSchema: "string",
-  },
-  {
-    render: (value) => {
-      const dom = document.createElement("span");
-      dom.setAttribute("style", "font-size: " + value);
-      return {
-        dom,
-        contentDOM: dom,
-      };
-    },
-  }
-);
-
-const schema = BlockNoteSchema.create({
-  styleSpecs: {
-    ...defaultStyleSpecs,
-    small,
-    fontSize,
-  },
-});
-
-export const customStylesTestCases: EditorTestCases<
-  DefaultBlockSchema,
-  DefaultInlineContentSchema,
-  typeof schema.styleSchema
-> = {
-  name: "custom style schema",
-  createEditor: () => {
-    return BlockNoteEditor.create({
-      uploadFile: uploadToTmpFilesDotOrg_DEV_ONLY,
-      schema,
-    });
-  },
-  documents: [
-    {
-      name: "small/basic",
-      blocks: [
-        {
-          type: "paragraph",
-          content: [
-            {
-              type: "text",
-              text: "This is a small text",
-              styles: {
-                small: true,
-              },
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "fontSize/basic",
-      blocks: [
-        {
-          type: "paragraph",
-          content: [
-            {
-              type: "text",
-              text: "This is text with a custom fontSize",
-              styles: {
-                fontSize: "18px",
-              },
-            },
-          ],
-        },
-      ],
-    },
-  ],
-};