@blocknote/core 0.14.1 → 0.14.2

package/dist/webpack-stats.json

@@ -1 +1 @@
-{"builtAt":1718240393501,"assets":[{"name":"blocknote.umd.cjs","size":172926},{"name":"blocknote.umd.cjs.map","size":643536}],"chunks":[{"id":"a1ee98a","entry":true,"initial":true,"files":["blocknote.umd.cjs"],"names":["index"]}],"modules":[{"name":"./src/i18n/locales/ar.ts","size":7029,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/en.ts","size":6512,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/fr.ts","size":7122,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/is.ts","size":6695,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/ja.ts","size":6185,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/ko.ts","size":5879,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/nl.ts","size":6834,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/pl.ts","size":6595,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/pt.ts","size":6785,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/vi.ts","size":6643,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/zh.ts","size":5872,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/index.ts","size":0,"chunks":["a1ee98a"]},{"name":"./src/extensions/UniqueID/UniqueID.ts","size":8518,"chunks":["a1ee98a"]},{"name":"./src/api/getBlockInfoFromPos.ts","size":1691,"chunks":["a1ee98a"]},{"name":"./src/schema/inlineContent/types.ts","size":302,"chunks":["a1ee98a"]},{"name":"./src/util/typescript.ts","size":331,"chunks":["a1ee98a"]},{"name":"./src/api/nodeConversions/nodeConversions.ts","size":11998,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/html/util/sharedHTMLConversion.ts","size":2293,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/html/util/simplifyBlocksRehypePlugin.ts","size":2687,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/html/externalHTMLExporter.ts","size":1107,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/html/internalHTMLSerializer.ts","size":704,"chunks":["a1ee98a"]},{"name":"./src/util/browser.ts","size":536,"chunks":["a1ee98a"]},{"name":"./src/blocks/defaultBlockHelpers.ts","size":1731,"chunks":["a1ee98a"]},{"name":"./src/blocks/defaultProps.ts","size":269,"chunks":["a1ee98a"]},{"name":"./src/util/string.ts","size":299,"chunks":["a1ee98a"]},{"name":"./src/schema/blocks/internal.ts","size":3877,"chunks":["a1ee98a"]},{"name":"./src/schema/blocks/createSpec.ts","size":2814,"chunks":["a1ee98a"]},{"name":"./src/schema/inlineContent/internal.ts","size":1357,"chunks":["a1ee98a"]},{"name":"./src/schema/inlineContent/createSpec.ts","size":1627,"chunks":["a1ee98a"]},{"name":"./src/schema/styles/internal.ts","size":1162,"chunks":["a1ee98a"]},{"name":"./src/schema/styles/createSpec.ts","size":1263,"chunks":["a1ee98a"]},{"name":"./src/blocks/FileBlockContent/fileBlockHelpers.ts","size":8593,"chunks":["a1ee98a"]},{"name":"./src/blocks/FileBlockContent/FileBlockContent.ts","size":1939,"chunks":["a1ee98a"]},{"name":"./src/blocks/ImageBlockContent/imageBlockHelpers.ts","size":175,"chunks":["a1ee98a"]},{"name":"./src/blocks/ImageBlockContent/ImageBlockContent.ts","size":3959,"chunks":["a1ee98a"]},{"name":"./src/blocks/VideoBlockContent/videoBlockHelpers.ts","size":175,"chunks":["a1ee98a"]},{"name":"./src/blocks/VideoBlockContent/VideoBlockContent.ts","size":3763,"chunks":["a1ee98a"]},{"name":"./src/blocks/AudioBlockContent/audioBlockHelpers.ts","size":108,"chunks":["a1ee98a"]},{"name":"./src/blocks/AudioBlockContent/AudioBlockContent.ts","size":3741,"chunks":["a1ee98a"]},{"name":"./src/blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY.ts","size":316,"chunks":["a1ee98a"]},{"name":"./src/extensions/BackgroundColor/BackgroundColorMark.ts","size":946,"chunks":["a1ee98a"]},{"name":"./src/extensions/TextColor/TextColorMark.ts","size":866,"chunks":["a1ee98a"]},{"name":"./src/api/getCurrentBlockContentType.ts","size":192,"chunks":["a1ee98a"]},{"name":"./src/blocks/HeadingBlockContent/HeadingBlockContent.ts","size":3439,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/ListItemKeyboardShortcuts.ts","size":1201,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/BulletListItemBlockContent/BulletListItemBlockContent.ts","size":3122,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/NumberedListItemBlockContent/NumberedListIndexingPlugin.ts","size":1862,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/NumberedListItemBlockContent/NumberedListItemBlockContent.ts","size":3437,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/CheckListItemBlockContent/CheckListItemBlockContent.ts","size":6423,"chunks":["a1ee98a"]},{"name":"./src/blocks/ParagraphBlockContent/ParagraphBlockContent.ts","size":1307,"chunks":["a1ee98a"]},{"name":"./src/blocks/TableBlockContent/TableExtension.ts","size":1462,"chunks":["a1ee98a"]},{"name":"./src/blocks/TableBlockContent/TableBlockContent.ts","size":1624,"chunks":["a1ee98a"]},{"name":"./src/blocks/defaultBlocks.ts","size":1123,"chunks":["a1ee98a"]},{"name":"./src/blocks/defaultBlockTypeGuards.ts","size":1331,"chunks":["a1ee98a"]},{"name":"./src/api/nodeUtil.ts","size":548,"chunks":["a1ee98a"]},{"name":"./src/api/blockManipulation/blockManipulation.ts","size":5738,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/markdown/removeUnderlinesRehypePlugin.ts","size":752,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/markdown/util/addSpacesToCheckboxesRehypePlugin.ts","size":775,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/markdown/markdownExporter.ts","size":576,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/html/util/nestedLists.ts","size":2174,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/html/parseHTML.ts","size":503,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/markdown/parseMarkdown.ts","size":1054,"chunks":["a1ee98a"]},{"name":"./src/util/EventEmitter.ts","size":744,"chunks":["a1ee98a"]},{"name":"./src/extensions/FilePanel/FilePanelPlugin.ts","size":3453,"chunks":["a1ee98a"]},{"name":"./src/extensions/FormattingToolbar/FormattingToolbarPlugin.ts","size":4344,"chunks":["a1ee98a"]},{"name":"./src/extensions/LinkToolbar/LinkToolbarPlugin.ts","size":7285,"chunks":["a1ee98a"]},{"name":"./src/extensions/SuggestionMenu/SuggestionPlugin.ts","size":7658,"chunks":["a1ee98a"]},{"name":"./src/extensions/SideMenu/MultipleNodeSelection.ts","size":1616,"chunks":["a1ee98a"]},{"name":"./src/extensions/SideMenu/SideMenuPlugin.ts","size":16427,"chunks":["a1ee98a"]},{"name":"./src/extensions/TableHandles/TableHandlesPlugin.ts","size":14834,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/copyExtension.ts","size":2883,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/pasteExtension.ts","size":1211,"chunks":["a1ee98a"]},{"name":"./src/extensions/BackgroundColor/BackgroundColorExtension.ts","size":688,"chunks":["a1ee98a"]},{"name":"./src/extensions/TextAlignment/TextAlignmentExtension.ts","size":825,"chunks":["a1ee98a"]},{"name":"./src/extensions/TextColor/TextColorExtension.ts","size":622,"chunks":["a1ee98a"]},{"name":"./src/extensions/TrailingNode/TrailingNodeExtension.ts","size":1594,"chunks":["a1ee98a"]},{"name":"./src/extensions/NonEditableBlocks/NonEditableBlockPlugin.ts","size":1014,"chunks":["a1ee98a"]},{"name":"./src/extensions/PreviousBlockType/PreviousBlockTypePlugin.ts","size":4578,"chunks":["a1ee98a"]},{"name":"./src/pm-nodes/BlockContainer.ts","size":18112,"chunks":["a1ee98a"]},{"name":"./src/pm-nodes/BlockGroup.ts","size":1097,"chunks":["a1ee98a"]},{"name":"./src/pm-nodes/Doc.ts","size":90,"chunks":["a1ee98a"]},{"name":"./src/editor/BlockNoteExtensions.ts","size":4090,"chunks":["a1ee98a"]},{"name":"./src/editor/transformPasted.ts","size":1062,"chunks":["a1ee98a"]},{"name":"./src/editor/BlockNoteSchema.ts","size":1044,"chunks":["a1ee98a"]},{"name":"./src/editor/BlockNoteTipTapEditor.ts","size":2655,"chunks":["a1ee98a"]},{"name":"./src/extensions/Placeholder/PlaceholderPlugin.ts","size":2399,"chunks":["a1ee98a"]},{"name":"./src/editor/Block.css","size":17,"chunks":["a1ee98a"]},{"name":"./src/editor/editor.css","size":18,"chunks":["a1ee98a"]},{"name":"./src/editor/BlockNoteEditor.ts","size":23040,"chunks":["a1ee98a"]},{"name":"./src/extensions/SuggestionMenu/getDefaultSlashMenuItems.ts","size":6248,"chunks":["a1ee98a"]},{"name":"./src/api/testUtil/partialBlockTestUtil.ts","size":2166,"chunks":["a1ee98a"]},{"name":"./src/index.ts","size":0,"chunks":["a1ee98a"]}]}
+{"builtAt":1719257221461,"assets":[{"name":"blocknote.umd.cjs","size":174820},{"name":"blocknote.umd.cjs.map","size":652657}],"chunks":[{"id":"a1ee98a","entry":true,"initial":true,"files":["blocknote.umd.cjs"],"names":["index"]}],"modules":[{"name":"./src/i18n/locales/ar.ts","size":6398,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/en.ts","size":6512,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/fr.ts","size":7122,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/is.ts","size":6695,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/ja.ts","size":6185,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/ko.ts","size":5879,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/nl.ts","size":6834,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/pl.ts","size":6595,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/pt.ts","size":6785,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/vi.ts","size":6643,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/zh.ts","size":5872,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/index.ts","size":0,"chunks":["a1ee98a"]},{"name":"./src/extensions/UniqueID/UniqueID.ts","size":8518,"chunks":["a1ee98a"]},{"name":"./src/api/getBlockInfoFromPos.ts","size":1691,"chunks":["a1ee98a"]},{"name":"./src/schema/inlineContent/types.ts","size":302,"chunks":["a1ee98a"]},{"name":"./src/util/typescript.ts","size":331,"chunks":["a1ee98a"]},{"name":"./src/api/nodeConversions/nodeConversions.ts","size":11998,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/html/util/sharedHTMLConversion.ts","size":2293,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/html/util/simplifyBlocksRehypePlugin.ts","size":2687,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/html/externalHTMLExporter.ts","size":1107,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/html/internalHTMLSerializer.ts","size":704,"chunks":["a1ee98a"]},{"name":"./src/util/browser.ts","size":536,"chunks":["a1ee98a"]},{"name":"./src/blocks/defaultBlockHelpers.ts","size":1731,"chunks":["a1ee98a"]},{"name":"./src/blocks/defaultProps.ts","size":269,"chunks":["a1ee98a"]},{"name":"./src/util/string.ts","size":299,"chunks":["a1ee98a"]},{"name":"./src/schema/blocks/internal.ts","size":3877,"chunks":["a1ee98a"]},{"name":"./src/schema/blocks/createSpec.ts","size":2814,"chunks":["a1ee98a"]},{"name":"./src/schema/inlineContent/internal.ts","size":1357,"chunks":["a1ee98a"]},{"name":"./src/schema/inlineContent/createSpec.ts","size":1627,"chunks":["a1ee98a"]},{"name":"./src/schema/styles/internal.ts","size":1162,"chunks":["a1ee98a"]},{"name":"./src/schema/styles/createSpec.ts","size":1263,"chunks":["a1ee98a"]},{"name":"./src/blocks/FileBlockContent/fileBlockHelpers.ts","size":8593,"chunks":["a1ee98a"]},{"name":"./src/blocks/FileBlockContent/FileBlockContent.ts","size":1939,"chunks":["a1ee98a"]},{"name":"./src/blocks/ImageBlockContent/imageBlockHelpers.ts","size":175,"chunks":["a1ee98a"]},{"name":"./src/blocks/ImageBlockContent/ImageBlockContent.ts","size":3959,"chunks":["a1ee98a"]},{"name":"./src/blocks/VideoBlockContent/videoBlockHelpers.ts","size":175,"chunks":["a1ee98a"]},{"name":"./src/blocks/VideoBlockContent/VideoBlockContent.ts","size":3763,"chunks":["a1ee98a"]},{"name":"./src/blocks/AudioBlockContent/audioBlockHelpers.ts","size":108,"chunks":["a1ee98a"]},{"name":"./src/blocks/AudioBlockContent/AudioBlockContent.ts","size":3741,"chunks":["a1ee98a"]},{"name":"./src/blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY.ts","size":316,"chunks":["a1ee98a"]},{"name":"./src/extensions/BackgroundColor/BackgroundColorMark.ts","size":946,"chunks":["a1ee98a"]},{"name":"./src/extensions/TextColor/TextColorMark.ts","size":866,"chunks":["a1ee98a"]},{"name":"./src/api/getCurrentBlockContentType.ts","size":192,"chunks":["a1ee98a"]},{"name":"./src/blocks/HeadingBlockContent/HeadingBlockContent.ts","size":3439,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/ListItemKeyboardShortcuts.ts","size":1201,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/BulletListItemBlockContent/BulletListItemBlockContent.ts","size":3122,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/NumberedListItemBlockContent/NumberedListIndexingPlugin.ts","size":1862,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/NumberedListItemBlockContent/NumberedListItemBlockContent.ts","size":3437,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/CheckListItemBlockContent/CheckListItemBlockContent.ts","size":6423,"chunks":["a1ee98a"]},{"name":"./src/blocks/ParagraphBlockContent/ParagraphBlockContent.ts","size":1307,"chunks":["a1ee98a"]},{"name":"./src/blocks/TableBlockContent/TableExtension.ts","size":1462,"chunks":["a1ee98a"]},{"name":"./src/blocks/TableBlockContent/TableBlockContent.ts","size":1624,"chunks":["a1ee98a"]},{"name":"./src/blocks/defaultBlocks.ts","size":1123,"chunks":["a1ee98a"]},{"name":"./src/blocks/defaultBlockTypeGuards.ts","size":1331,"chunks":["a1ee98a"]},{"name":"./src/api/nodeUtil.ts","size":548,"chunks":["a1ee98a"]},{"name":"./src/api/blockManipulation/blockManipulation.ts","size":5738,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/markdown/removeUnderlinesRehypePlugin.ts","size":752,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/markdown/util/addSpacesToCheckboxesRehypePlugin.ts","size":775,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/markdown/markdownExporter.ts","size":622,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/html/util/nestedLists.ts","size":2174,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/html/parseHTML.ts","size":503,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/markdown/parseMarkdown.ts","size":1054,"chunks":["a1ee98a"]},{"name":"./src/util/EventEmitter.ts","size":744,"chunks":["a1ee98a"]},{"name":"./src/extensions/FilePanel/FilePanelPlugin.ts","size":3480,"chunks":["a1ee98a"]},{"name":"./src/extensions/FormattingToolbar/FormattingToolbarPlugin.ts","size":4355,"chunks":["a1ee98a"]},{"name":"./src/extensions/LinkToolbar/LinkToolbarPlugin.ts","size":7365,"chunks":["a1ee98a"]},{"name":"./src/extensions/SuggestionMenu/SuggestionPlugin.ts","size":7738,"chunks":["a1ee98a"]},{"name":"./src/extensions/SideMenu/MultipleNodeSelection.ts","size":1616,"chunks":["a1ee98a"]},{"name":"./src/extensions/SideMenu/SideMenuPlugin.ts","size":16932,"chunks":["a1ee98a"]},{"name":"./src/extensions/TableHandles/TableHandlesPlugin.ts","size":15292,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/copyExtension.ts","size":2883,"chunks":["a1ee98a"]},{"name":"./src/extensions/SuggestionMenu/getDefaultSlashMenuItems.ts","size":6248,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/acceptedMIMETypes.ts","size":91,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/handleFileInsertion.ts","size":1983,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/pasteExtension.ts","size":1244,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/fileDropExtension.ts","size":884,"chunks":["a1ee98a"]},{"name":"./src/extensions/BackgroundColor/BackgroundColorExtension.ts","size":688,"chunks":["a1ee98a"]},{"name":"./src/extensions/TextAlignment/TextAlignmentExtension.ts","size":825,"chunks":["a1ee98a"]},{"name":"./src/extensions/TextColor/TextColorExtension.ts","size":622,"chunks":["a1ee98a"]},{"name":"./src/extensions/TrailingNode/TrailingNodeExtension.ts","size":1594,"chunks":["a1ee98a"]},{"name":"./src/extensions/NonEditableBlocks/NonEditableBlockPlugin.ts","size":1014,"chunks":["a1ee98a"]},{"name":"./src/extensions/PreviousBlockType/PreviousBlockTypePlugin.ts","size":4578,"chunks":["a1ee98a"]},{"name":"./src/pm-nodes/BlockContainer.ts","size":18112,"chunks":["a1ee98a"]},{"name":"./src/pm-nodes/BlockGroup.ts","size":1097,"chunks":["a1ee98a"]},{"name":"./src/pm-nodes/Doc.ts","size":90,"chunks":["a1ee98a"]},{"name":"./src/editor/BlockNoteExtensions.ts","size":4243,"chunks":["a1ee98a"]},{"name":"./src/editor/transformPasted.ts","size":1062,"chunks":["a1ee98a"]},{"name":"./src/editor/BlockNoteSchema.ts","size":1044,"chunks":["a1ee98a"]},{"name":"./src/editor/BlockNoteTipTapEditor.ts","size":2655,"chunks":["a1ee98a"]},{"name":"./src/extensions/Placeholder/PlaceholderPlugin.ts","size":2758,"chunks":["a1ee98a"]},{"name":"./src/editor/Block.css","size":17,"chunks":["a1ee98a"]},{"name":"./src/editor/editor.css","size":18,"chunks":["a1ee98a"]},{"name":"./src/editor/BlockNoteEditor.ts","size":23024,"chunks":["a1ee98a"]},{"name":"./src/api/testUtil/partialBlockTestUtil.ts","size":2166,"chunks":["a1ee98a"]},{"name":"./src/index.ts","size":0,"chunks":["a1ee98a"]}]}

package/package.json

@@ -3,7 +3,7 @@
   "homepage": "https://github.com/TypeCellOS/BlockNote",
   "private": false,
   "license": "MPL-2.0",
-  "version": "0.14.1",
+  "version": "0.14.2",
   "files": [
     "dist",
     "types",
@@ -116,5 +116,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "de69d1d3902499577ceb870499a03170c66380b1"
+  "gitHead": "edfb6e84dbcefc26feb5045bd9a6351b05aefdd8"
 }

package/src/api/exporters/markdown/__snapshots__/lists/basic/markdown.md

@@ -4,5 +4,5 @@
 1.  Numbered List Item 1
 2.  Numbered List Item 2
 
-*   \[ ] Check List Item 1
-*   \[x] Check List Item 2
+*   [ ] Check List Item 1
+*   [x] Check List Item 2

package/src/api/exporters/markdown/__snapshots__/lists/nested/markdown.md

@@ -6,5 +6,5 @@
 
     2.  Numbered List Item 2
 
-        *   \[ ] Check List Item 1
-        *   \[x] Check List Item 2
+        *   [ ] Check List Item 1
+        *   [x] Check List Item 2

package/src/api/exporters/markdown/markdownExporter.ts

@@ -18,7 +18,7 @@ export function cleanHTMLToMarkdown(cleanHTMLString: string) {
     .use(addSpacesToCheckboxes)
     .use(rehypeRemark)
     .use(remarkGfm)
-    .use(remarkStringify)
+    .use(remarkStringify, { handlers: { text: (node) => node.value } })
     .processSync(cleanHTMLString);
 
   return markdownString.value as string;

package/src/api/parsers/acceptedMIMETypes.ts

@@ -0,0 +1,6 @@
+export const acceptedMIMETypes = [
+  "blocknote/html",
+  "Files",
+  "text/html",
+  "text/plain",
+] as const;

package/src/api/parsers/fileDropExtension.ts

@@ -0,0 +1,51 @@
+import { Extension } from "@tiptap/core";
+import { Plugin } from "prosemirror-state";
+
+import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
+import { BlockSchema, InlineContentSchema, StyleSchema } from "../../schema";
+import { handleFileInsertion } from "./handleFileInsertion";
+import { acceptedMIMETypes } from "./acceptedMIMETypes";
+
+export const createDropFileExtension = <
+  BSchema extends BlockSchema,
+  I extends InlineContentSchema,
+  S extends StyleSchema
+>(
+  editor: BlockNoteEditor<BSchema, I, S>
+) =>
+  Extension.create<{ editor: BlockNoteEditor<BSchema, I, S> }, undefined>({
+    name: "dropFile",
+    addProseMirrorPlugins() {
+      return [
+        new Plugin({
+          props: {
+            handleDOMEvents: {
+              drop(_view, event) {
+                if (!editor.isEditable) {
+                  return;
+                }
+
+                let format: (typeof acceptedMIMETypes)[number] | null = null;
+                for (const mimeType of acceptedMIMETypes) {
+                  if (event.dataTransfer!.types.includes(mimeType)) {
+                    format = mimeType;
+                    break;
+                  }
+                }
+                if (format === null) {
+                  return true;
+                }
+
+                if (format === "Files") {
+                  handleFileInsertion(event, editor);
+                  return true;
+                }
+
+                return false;
+              },
+            },
+          },
+        }),
+      ];
+    },
+  });

package/src/api/parsers/handleFileInsertion.ts

@@ -0,0 +1,99 @@
+import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
+import { PartialBlock } from "../../blocks/defaultBlocks";
+import { insertOrUpdateBlock } from "../../extensions/SuggestionMenu/getDefaultSlashMenuItems";
+import {
+  BlockSchema,
+  FileBlockConfig,
+  InlineContentSchema,
+  StyleSchema,
+} from "../../schema";
+import { acceptedMIMETypes } from "./acceptedMIMETypes";
+
+function checkMIMETypesMatch(mimeType1: string, mimeType2: string) {
+  const types1 = mimeType1.split("/");
+  const types2 = mimeType2.split("/");
+
+  if (types1.length !== 2) {
+    throw new Error(`The string ${mimeType1} is not a valid MIME type.`);
+  }
+  if (types2.length !== 2) {
+    throw new Error(`The string ${mimeType2} is not a valid MIME type.`);
+  }
+
+  if (types1[1] === "*" || types2[1] === "*") {
+    return types1[0] === types2[0];
+  }
+  if (types1[0] === "*" || types2[0] === "*") {
+    return types1[1] === types2[1];
+  }
+
+  return types1[0] === types2[0] && types1[1] === types2[1];
+}
+
+export async function handleFileInsertion<
+  BSchema extends BlockSchema,
+  I extends InlineContentSchema,
+  S extends StyleSchema
+>(event: DragEvent | ClipboardEvent, editor: BlockNoteEditor<BSchema, I, S>) {
+  if (!editor.uploadFile) {
+    return;
+  }
+
+  const dataTransfer =
+    "dataTransfer" in event ? event.dataTransfer : event.clipboardData;
+  if (dataTransfer === null) {
+    return;
+  }
+
+  let format: (typeof acceptedMIMETypes)[number] | null = null;
+  for (const mimeType of acceptedMIMETypes) {
+    if (dataTransfer.types.includes(mimeType)) {
+      format = mimeType;
+      break;
+    }
+  }
+  if (format !== "Files") {
+    return;
+  }
+
+  const items = dataTransfer.items;
+  if (!items) {
+    return;
+  }
+
+  event.preventDefault();
+
+  const fileBlockConfigs = Object.values(editor.schema.blockSchema).filter(
+    (blockConfig) => blockConfig.isFileBlock
+  ) as FileBlockConfig[];
+
+  for (let i = 0; i < items.length; i++) {
+    // Gets file block corresponding to MIME type.
+    let fileBlockType = "file";
+    for (const fileBlockConfig of fileBlockConfigs) {
+      for (const mimeType of fileBlockConfig.fileBlockAcceptMimeTypes || []) {
+        if (checkMIMETypesMatch(items[i].type, mimeType)) {
+          fileBlockType = fileBlockConfig.type;
+          break;
+        }
+      }
+    }
+
+    const file = items[i].getAsFile();
+    if (file) {
+      const updateData = await editor.uploadFile(file);
+
+      if (typeof updateData === "string") {
+        const fileBlock = {
+          type: fileBlockType,
+          props: {
+            name: file.name,
+            url: updateData,
+          },
+        } as PartialBlock<BSchema, I, S>;
+
+        insertOrUpdateBlock(editor, fileBlock);
+      }
+    }
+  }
+}

package/src/api/parsers/pasteExtension.ts

@@ -3,13 +3,9 @@ import { Plugin } from "prosemirror-state";
 
 import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
 import { BlockSchema, InlineContentSchema, StyleSchema } from "../../schema";
+import { handleFileInsertion } from "./handleFileInsertion";
 import { nestedListsToBlockNoteStructure } from "./html/util/nestedLists";
-
-const acceptedMIMETypes = [
-  "blocknote/html",
-  "text/html",
-  "text/plain",
-] as const;
+import { acceptedMIMETypes } from "./acceptedMIMETypes";
 
 export const createPasteFromClipboardExtension = <
   BSchema extends BlockSchema,
@@ -33,26 +29,30 @@ export const createPasteFromClipboardExtension = <
                 }
 
                 let format: (typeof acceptedMIMETypes)[number] | null = null;
-
                 for (const mimeType of acceptedMIMETypes) {
                   if (event.clipboardData!.types.includes(mimeType)) {
                     format = mimeType;
                     break;
                   }
                 }
+                if (format === null) {
+                  return true;
+                }
 
-                if (format !== null) {
-                  let data = event.clipboardData!.getData(format);
-                  if (format === "text/html") {
-                    const htmlNode = nestedListsToBlockNoteStructure(
-                      data.trim()
-                    );
+                if (format === "Files") {
+                  handleFileInsertion(event, editor);
+                  return true;
+                }
 
-                    data = htmlNode.innerHTML;
-                  }
-                  editor._tiptapEditor.view.pasteHTML(data);
+                let data = event.clipboardData!.getData(format);
+
+                if (format === "text/html") {
+                  const htmlNode = nestedListsToBlockNoteStructure(data.trim());
+                  data = htmlNode.innerHTML;
                 }
 
+                editor._tiptapEditor.view.pasteHTML(data);
+
                 return true;
               },
             },

package/src/editor/BlockNoteEditor.ts

@@ -73,9 +73,7 @@ export type BlockNoteEditorOptions<
   ISchema extends InlineContentSchema,
   SSchema extends StyleSchema
 > = {
-  // TODO: Figure out if enableBlockNoteExtensions/disableHistoryExtension are needed and document them.
-  enableBlockNoteExtensions: boolean;
-
+  disableExtensions: string[];
   /**
    * A dictionary object containing translations for the editor.
    */
@@ -280,6 +278,7 @@ export class BlockNoteEditor<
       inlineContentSpecs: this.schema.inlineContentSpecs,
       collaboration: newOptions.collaboration,
       trailingBlock: newOptions.trailingBlock,
+      disableExtensions: newOptions.disableExtensions,
     });
 
     const blockNoteUIExtension = Extension.create({
@@ -336,10 +335,10 @@ export class BlockNoteEditor<
       ...blockNoteTipTapOptions,
       ...newOptions._tiptapOptions,
       content: initialContent,
-      extensions:
-        newOptions.enableBlockNoteExtensions === false
-          ? newOptions._tiptapOptions?.extensions || []
-          : [...(newOptions._tiptapOptions?.extensions || []), ...extensions],
+      extensions: [
+        ...(newOptions._tiptapOptions?.extensions || []),
+        ...extensions,
+      ],
       editorProps: {
         ...newOptions._tiptapOptions?.editorProps,
         attributes: {

package/src/editor/BlockNoteExtensions.ts

@@ -13,6 +13,7 @@ import { Text } from "@tiptap/extension-text";
 import * as Y from "yjs";
 import { createCopyToClipboardExtension } from "../api/exporters/copyExtension";
 import { createPasteFromClipboardExtension } from "../api/parsers/pasteExtension";
+import { createDropFileExtension } from "../api/parsers/fileDropExtension";
 import { BackgroundColorExtension } from "../extensions/BackgroundColor/BackgroundColorExtension";
 import { TextAlignmentExtension } from "../extensions/TextAlignment/TextAlignmentExtension";
 import { TextColorExtension } from "../extensions/TextColor/TextColorExtension";
@@ -53,6 +54,7 @@ export const getBlockNoteExtensions = <
     provider: any;
     renderCursor?: (user: any) => HTMLElement;
   };
+  disableExtensions: string[] | undefined;
 }) => {
   const ret: Extensions = [
     extensions.ClipboardTextSerializer,
@@ -145,6 +147,7 @@ export const getBlockNoteExtensions = <
     }),
     createCopyToClipboardExtension(opts.editor),
     createPasteFromClipboardExtension(opts.editor),
+    createDropFileExtension(opts.editor),
 
     Dropcursor.configure({ width: 5, color: "#ddeeff" }),
     // This needs to be at the bottom of this list, because Key events (such as enter, when selecting a /command),
@@ -193,5 +196,6 @@ export const getBlockNoteExtensions = <
     ret.push(History);
   }
 
-  return ret;
+  const disableExtensions: string[] = opts.disableExtensions || [];
+  return ret.filter(ex => !disableExtensions.includes(ex.name));
 };

package/src/extensions/FilePanel/FilePanelPlugin.ts

@@ -49,7 +49,7 @@ export class FilePanelView<I extends InlineContentSchema, S extends StyleSchema>
     // Setting capture=true ensures that any parent container of the editor that
     // gets scrolled will trigger the scroll event. Scroll events do not bubble
     // and so won't propagate to the document by default.
-    document.addEventListener("scroll", this.scrollHandler, true);
+    pmView.root.addEventListener("scroll", this.scrollHandler, true);
   }
 
   mouseDownHandler = () => {
@@ -69,7 +69,7 @@ export class FilePanelView<I extends InlineContentSchema, S extends StyleSchema>
 
   scrollHandler = () => {
     if (this.state?.show) {
-      const blockElement = document.querySelector(
+      const blockElement = this.pmView.root.querySelector(
         `[data-node-type="blockContainer"][data-id="${this.state.block.id}"]`
       )!;
 
@@ -84,7 +84,7 @@ export class FilePanelView<I extends InlineContentSchema, S extends StyleSchema>
     } = this.pluginKey.getState(view.state);
 
     if (!this.state?.show && pluginState.block && this.editor.isEditable) {
-      const blockElement = document.querySelector(
+      const blockElement = this.pmView.root.querySelector(
         `[data-node-type="blockContainer"][data-id="${pluginState.block.id}"]`
       )!;
 
@@ -124,7 +124,7 @@ export class FilePanelView<I extends InlineContentSchema, S extends StyleSchema>
 
     this.pmView.dom.removeEventListener("dragstart", this.dragstartHandler);
 
-    document.removeEventListener("scroll", this.scrollHandler, true);
+    this.pmView.root.removeEventListener("scroll", this.scrollHandler, true);
   }
 }
 

package/src/extensions/FormattingToolbar/FormattingToolbarPlugin.ts

@@ -62,7 +62,7 @@ export class FormattingToolbarView implements PluginView {
     // Setting capture=true ensures that any parent container of the editor that
     // gets scrolled will trigger the scroll event. Scroll events do not bubble
     // and so won't propagate to the document by default.
-    document.addEventListener("scroll", this.scrollHandler, true);
+    pmView.root.addEventListener("scroll", this.scrollHandler, true);
   }
 
   viewMousedownHandler = () => {
@@ -147,7 +147,7 @@ export class FormattingToolbarView implements PluginView {
     this.pmView.dom.removeEventListener("dragstart", this.dragHandler);
     this.pmView.dom.removeEventListener("dragover", this.dragHandler);
 
-    document.removeEventListener("scroll", this.scrollHandler, true);
+    this.pmView.root.removeEventListener("scroll", this.scrollHandler, true);
   }
 
   closeMenu = () => {

package/src/extensions/LinkToolbar/LinkToolbarPlugin.ts

@@ -61,12 +61,16 @@ class LinkToolbarView implements PluginView {
     };
 
     this.pmView.dom.addEventListener("mouseover", this.mouseOverHandler);
-    document.addEventListener("click", this.clickHandler, true);
+    this.pmView.root.addEventListener(
+      "click",
+      this.clickHandler as EventListener,
+      true
+    );
 
     // Setting capture=true ensures that any parent container of the editor that
     // gets scrolled will trigger the scroll event. Scroll events do not bubble
     // and so won't propagate to the document by default.
-    document.addEventListener("scroll", this.scrollHandler, true);
+    this.pmView.root.addEventListener("scroll", this.scrollHandler, true);
   }
 
   mouseOverHandler = (event: MouseEvent) => {
@@ -271,8 +275,12 @@ class LinkToolbarView implements PluginView {
 
   destroy() {
     this.pmView.dom.removeEventListener("mouseover", this.mouseOverHandler);
-    document.removeEventListener("scroll", this.scrollHandler, true);
-    document.removeEventListener("click", this.clickHandler, true);
+    this.pmView.root.removeEventListener("scroll", this.scrollHandler, true);
+    this.pmView.root.removeEventListener(
+      "click",
+      this.clickHandler as EventListener,
+      true
+    );
   }
 }
 

package/src/extensions/Placeholder/PlaceholderPlugin.ts

@@ -16,7 +16,12 @@ export const PlaceholderPlugin = (
       if (nonce) {
         styleEl.setAttribute("nonce", nonce);
       }
-      document.head.appendChild(styleEl);
+      if (editor._tiptapEditor.view.root instanceof ShadowRoot) {
+        editor._tiptapEditor.view.root.append(styleEl);
+      } else {
+        editor._tiptapEditor.view.root.head.appendChild(styleEl);
+      }
+
       const styleSheet = styleEl.sheet!;
 
       const getBaseSelector = (additionalSelectors = "") =>
@@ -62,7 +67,11 @@ export const PlaceholderPlugin = (
 
       return {
         destroy: () => {
-          document.head.removeChild(styleEl);
+          if (editor._tiptapEditor.view.root instanceof ShadowRoot) {
+            editor._tiptapEditor.view.root.removeChild(styleEl);
+          } else {
+            editor._tiptapEditor.view.root.head.removeChild(styleEl);
+          }
         },
       };
     },

package/src/extensions/SideMenu/SideMenuPlugin.ts

@@ -128,7 +128,7 @@ function setDragImage(view: EditorView, from: number, to = from) {
   }
 
   // dataTransfer.setDragImage(element) only works if element is attached to the DOM.
-  unsetDragImage();
+  unsetDragImage(view.root);
   dragImageElement = parentClone;
 
   // TODO: This is hacky, need a better way of assigning classes to the editor so that they can also be applied to the
@@ -146,12 +146,21 @@ function setDragImage(view: EditorView, from: number, to = from) {
   dragImageElement.className =
     dragImageElement.className + " bn-drag-preview " + inheritedClasses;
 
-  document.body.appendChild(dragImageElement);
+  if (view.root instanceof ShadowRoot) {
+    view.root.appendChild(dragImageElement);
+  } else {
+    view.root.body.appendChild(dragImageElement);
+  }
 }
 
-function unsetDragImage() {
+function unsetDragImage(rootEl: Document | ShadowRoot) {
   if (dragImageElement !== undefined) {
-    document.body.removeChild(dragImageElement);
+    if (rootEl instanceof ShadowRoot) {
+      rootEl.removeChild(dragImageElement);
+    } else {
+      rootEl.body.appendChild(dragImageElement);
+    }
+
     dragImageElement = undefined;
   }
 }
@@ -177,7 +186,7 @@ function dragStart<
     top: e.clientY,
   };
 
-  const elements = document.elementsFromPoint(coords.left, coords.top);
+  const elements = view.root.elementsFromPoint(coords.left, coords.top);
   let blockEl = undefined;
 
   for (const element of elements) {
@@ -283,22 +292,37 @@ export class SideMenuView<
       this.pmView.dom.firstChild! as HTMLElement
     ).getBoundingClientRect().x;
 
-    document.body.addEventListener("drop", this.onDrop, true);
-    document.body.addEventListener("dragover", this.onDragOver);
+    this.pmView.root.addEventListener(
+      "drop",
+      this.onDrop as EventListener,
+      true
+    );
+    this.pmView.root.addEventListener(
+      "dragover",
+      this.onDragOver as EventListener
+    );
     this.pmView.dom.addEventListener("dragstart", this.onDragStart);
 
     // Shows or updates menu position whenever the cursor moves, if the menu isn't frozen.
-    document.body.addEventListener("mousemove", this.onMouseMove, true);
+    this.pmView.root.addEventListener(
+      "mousemove",
+      this.onMouseMove as EventListener,
+      true
+    );
 
     // Unfreezes the menu whenever the user clicks.
     this.pmView.dom.addEventListener("mousedown", this.onMouseDown);
     // Hides and unfreezes the menu whenever the user presses a key.
-    document.body.addEventListener("keydown", this.onKeyDown, true);
+    this.pmView.root.addEventListener(
+      "keydown",
+      this.onKeyDown as EventListener,
+      true
+    );
 
     // Setting capture=true ensures that any parent container of the editor that
     // gets scrolled will trigger the scroll event. Scroll events do not bubble
     // and so won't propagate to the document by default.
-    document.addEventListener("scroll", this.onScroll, true);
+    this.pmView.root.addEventListener("scroll", this.onScroll, true);
   }
 
   updateState = () => {
@@ -322,7 +346,10 @@ export class SideMenuView<
       top: this.mousePos.y,
     };
 
-    const elements = document.elementsFromPoint(coords.left, coords.top);
+    const elements = this.pmView.root.elementsFromPoint(
+      coords.left,
+      coords.top
+    );
     let block = undefined;
 
     for (const element of elements) {
@@ -553,13 +580,28 @@ export class SideMenuView<
       this.state.show = false;
       this.emitUpdate(this.state);
     }
-    document.body.removeEventListener("mousemove", this.onMouseMove, true);
-    document.body.removeEventListener("dragover", this.onDragOver);
+    this.pmView.root.removeEventListener(
+      "mousemove",
+      this.onMouseMove as EventListener,
+      true
+    );
+    this.pmView.root.removeEventListener(
+      "dragover",
+      this.onDragOver as EventListener
+    );
     this.pmView.dom.removeEventListener("dragstart", this.onDragStart);
-    document.body.removeEventListener("drop", this.onDrop, true);
-    document.removeEventListener("scroll", this.onScroll, true);
+    this.pmView.root.removeEventListener(
+      "drop",
+      this.onDrop as EventListener,
+      true
+    );
+    this.pmView.root.removeEventListener("scroll", this.onScroll, true);
     this.pmView.dom.removeEventListener("mousedown", this.onMouseDown);
-    document.body.removeEventListener("keydown", this.onKeyDown, true);
+    this.pmView.root.removeEventListener(
+      "keydown",
+      this.onKeyDown as EventListener,
+      true
+    );
   }
 
   addBlock() {
@@ -665,7 +707,7 @@ export class SideMenuProsemirrorPlugin<
   /**
    * Handles drag & drop events for blocks.
    */
-  blockDragEnd = () => unsetDragImage();
+  blockDragEnd = () => unsetDragImage(this.editor.prosemirrorView.root);
   /**
    * Freezes the side menu. When frozen, the side menu will stay
    * attached to the same block regardless of which block is hovered by the