@blocknote/core 0.2.0 → 0.2.1-alpha.1

package/README.md

@@ -2,7 +2,7 @@
 
 <a href="https://discord.gg/aDQxXezfNj"><img alt="Discord" src="https://img.shields.io/badge/Chat on discord%20-%237289DA.svg?&style=for-the-badge&logo=discord&logoColor=white"/></a> <a href="https://matrix.to/#/#typecell-space:matrix.org"><img alt="Matrix" src="https://img.shields.io/badge/Chat on matrix%20-%23000.svg?&style=for-the-badge&logo=matrix&logoColor=white"/></a>
 
-[![npm version](https://badge.fury.io/js/%40blocknote%2Fcore.svg)](https://badge.fury.io/js/%40blocknote%2Fcore)
+[![npm version](https://badge.fury.io/js/%40blocknote%2Freact.svg)](https://badge.fury.io/js/%40blocknote%2Freact)
 
 **Welcome to BlockNote editor: a "Notion-style" block-based extensible text editor built on top of [Prosemirror](https://prosemirror.net/) and [Tiptap](https://tiptap.dev/).**
 

package/dist/blocknote.js

@@ -1,7 +1,7 @@
 var re = Object.defineProperty;
 var ie = (o, e, t) => e in o ? re(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var h = (o, e, t) => (ie(o, typeof e != "symbol" ? e + "" : e, t), t);
-import { combineTransactionSteps as Q, getChangedRanges as X, findChildren as _, Node as w, mergeAttributes as N, InputRule as U, isTextSelection as se, isNodeSelection as ae, posToDOMRect as Z, Extension as E, findParentNode as de, getMarkRange as W, findChildrenInRange as le, extensions as P, Editor as ce } from "@tiptap/core";
+import { combineTransactionSteps as Q, getChangedRanges as X, findChildren as _, Node as w, mergeAttributes as N, InputRule as U, isTextSelection as se, isNodeSelection as ae, posToDOMRect as Z, Extension as E, findParentNode as de, getMarkRange as K, findChildrenInRange as le, extensions as P, Editor as ce } from "@tiptap/core";
 import ue from "@tiptap/extension-bold";
 import he from "@tiptap/extension-code";
 import pe from "@tiptap/extension-dropcursor";
@@ -12,8 +12,8 @@ import ke from "@tiptap/extension-italic";
 import ye from "@tiptap/extension-strike";
 import be from "@tiptap/extension-text";
 import ve from "@tiptap/extension-underline";
-import { Slice as $, Fragment as ee } from "prosemirror-model";
-import { PluginKey as I, Plugin as T, TextSelection as K, Selection as F, NodeSelection as Ie } from "prosemirror-state";
+import { Slice as z, Fragment as ee } from "prosemirror-model";
+import { PluginKey as v, Plugin as T, TextSelection as W, Selection as F, NodeSelection as Ie } from "prosemirror-state";
 import * as Te from "prosemirror-view";
 import { Decoration as L, DecorationSet as O } from "prosemirror-view";
 import { escapeRegExp as V } from "lodash";
@@ -51,7 +51,7 @@ function k(o, e) {
     depth: a
   };
 }
-const Y = new I("previous-blocks"), Me = {
+const Y = new v("previous-blocks"), Me = {
   listItemType: "list-item-type",
   listItemIndex: "list-item-index",
   headingLevel: "heading-level",
@@ -142,7 +142,7 @@ const Y = new I("previous-blocks"), Me = {
       }), O.create(o.doc, t);
     }
   }
-}), Se = "_blockOuter_r256c_5", xe = "_block_r256c_5", Ee = "_blockContent_r256c_25", Pe = "_blockGroup_r256c_53", Ae = "_isEmpty_r256c_238", Ne = "_isFilter_r256c_239", He = "_hasAnchor_r256c_252", v = {
+}), Se = "_blockOuter_r256c_5", xe = "_block_r256c_5", Ee = "_blockContent_r256c_25", Pe = "_blockGroup_r256c_53", Ae = "_isEmpty_r256c_238", Ne = "_isFilter_r256c_239", He = "_hasAnchor_r256c_252", I = {
   blockOuter: Se,
   block: xe,
   blockContent: Ee,
@@ -193,13 +193,13 @@ const Y = new I("previous-blocks"), Me = {
     return [
       "div",
       N(e, {
-        class: v.blockOuter,
+        class: I.blockOuter,
         "data-node-type": "block-outer"
       }),
       [
         "div",
         N(e, {
-          class: v.block,
+          class: I.block,
           "data-node-type": this.name
         }),
         0
@@ -218,7 +218,7 @@ const Y = new I("previous-blocks"), Me = {
           return !1;
         const { startPos: a, endPos: d } = r;
         return n && (e.tr.deleteRange(a, d), e.tr.setSelection(
-          new K(e.doc.resolve(a + 1))
+          new W(e.doc.resolve(a + 1))
         ), t.focus()), !0;
       },
       BNMergeBlocks: (o) => ({ state: e, dispatch: t }) => {
@@ -240,7 +240,7 @@ const Y = new I("previous-blocks"), Me = {
           if (u--, l = k(e.doc, u), l === void 0)
             return !1;
         return t && (e.tr.deleteRange(s, s + i.nodeSize), e.tr.insertText(i.textContent, u - 1), e.tr.setSelection(
-          new K(e.doc.resolve(u - 1))
+          new W(e.doc.resolve(u - 1))
         )), !0;
       },
       BNSplitBlock: (o, e) => ({ state: t, dispatch: n }) => {
@@ -258,7 +258,7 @@ const Y = new I("previous-blocks"), Me = {
         return n && t.tr.replace(
           i,
           s,
-          new $(f, c, c)
+          new z(f, c, c)
         ), !0;
       },
       BNSetContentType: (o, e) => ({ state: t, dispatch: n }) => {
@@ -413,7 +413,7 @@ const Y = new I("previous-blocks"), Me = {
     return [
       "div",
       N(this.options.HTMLAttributes, o, {
-        class: v.blockGroup,
+        class: I.blockGroup,
         "data-node-type": "block-group"
       }),
       0
@@ -436,7 +436,7 @@ const Y = new I("previous-blocks"), Me = {
     return [
       "div",
       {
-        class: v.blockContent,
+        class: I.blockContent,
         "data-content-type": this.name
       },
       ["p", 0]
@@ -495,13 +495,13 @@ const Y = new I("previous-blocks"), Me = {
     return console.log(o.attrs), [
       "div",
       N(e, {
-        class: v.blockContent,
+        class: I.blockContent,
         "data-content-type": this.name
       }),
       ["h" + o.attrs.headingLevel, 0]
     ];
   }
-}), De = new I("ordered-list-item-index"), _e = () => new T({
+}), De = new v("ordered-list-item-index"), _e = () => new T({
   key: De,
   appendTransaction: (o, e, t) => {
     const n = t.tr;
@@ -617,13 +617,13 @@ const Y = new I("previous-blocks"), Me = {
     return [
       "div",
       N(o, {
-        class: v.blockContent,
+        class: I.blockContent,
         "data-content-type": this.name
       }),
       ["li", 0]
     ];
   }
-}), ze = [
+}), $e = [
   Re,
   Fe,
   Ue,
@@ -635,7 +635,7 @@ const Y = new I("previous-blocks"), Me = {
     content: "blockGroup"
   })
 ];
-class $e {
+class ze {
   constructor({
     editor: e,
     formattingToolbarFactory: t,
@@ -773,8 +773,8 @@ class $e {
   }
 }
 const qe = (o) => new T({
-  key: new I("FormattingToolbarPlugin"),
-  view: (e) => new $e({ view: e, ...o })
+  key: new v("FormattingToolbarPlugin"),
+  view: (e) => new ze({ view: e, ...o })
 }), Ge = E.create({
   name: "FormattingToolbarExtension",
   addProseMirrorPlugins() {
@@ -786,7 +786,7 @@ const qe = (o) => new T({
       qe({
         editor: this.editor,
         formattingToolbarFactory: this.options.formattingToolbarFactory,
-        pluginKey: new I("FormattingToolbarPlugin")
+        pluginKey: new v("FormattingToolbarPlugin")
       })
     ];
   }
@@ -805,7 +805,7 @@ class A extends F {
     return new A(t.resolve(n), t.resolve(r));
   }
   content() {
-    return new $(ee.from(this.nodes), 0, 0);
+    return new z(ee.from(this.nodes), 0, 0);
   }
   eq(t) {
     if (!(t instanceof A) || this.nodes.length !== t.nodes.length || this.from !== t.from || this.to !== t.to)
@@ -826,8 +826,8 @@ class A extends F {
     return { type: "node", anchor: this.anchor, head: this.head };
   }
 }
-const We = de((o) => o.type.name === "block");
-function Ke(o, e) {
+const Ke = de((o) => o.type.name === "block");
+function We(o, e) {
   if (!e.empty)
     return;
   const t = e.$anchor.nodeBefore;
@@ -955,7 +955,7 @@ function je({
               to: u.to
             }, l.query = "", l.active = !0, l.type = (b = i.getMeta(o)) == null ? void 0 : b.type, l.selectedItemIndex = 0;
           } else if (s.active) {
-            const g = Ke(
+            const g = We(
               s.type === "slash" ? t : "",
               p.selection
             );
@@ -1011,7 +1011,7 @@ function je({
         if (!s)
           return null;
         if (u === "drag") {
-          const l = We(i.selection);
+          const l = Ke(i.selection);
           if (l)
             return O.create(i.doc, [
               L.node(
@@ -1126,7 +1126,7 @@ const Je = {
     "Used for the body of your document",
     S("Mod-Alt-0")
   )
-}, q = new I("suggestions-slash-commands"), Qe = E.create({
+}, q = new v("suggestions-slash-commands"), Qe = E.create({
   name: "slash-command",
   addOptions() {
     return {
@@ -1155,7 +1155,7 @@ const Je = {
       })
     ];
   }
-}), Xe = "_bnEditor_xixap_3", Ze = "_bnRoot_xixap_13", et = "_dragPreview_xixap_27", z = {
+}), Xe = "_bnEditor_xixap_3", Ze = "_bnRoot_xixap_13", et = "_dragPreview_xixap_27", $ = {
   bnEditor: Xe,
   bnRoot: Ze,
   dragPreview: et
@@ -1227,7 +1227,7 @@ function J(o, e, t = e) {
   );
   for (let s = r.childElementCount - 1; s >= 0; s--)
     (s > i || s < d) && n.removeChild(n.children[s]);
-  M = n, M.className = z.dragPreview, document.body.appendChild(M);
+  M = n, M.className = $.dragPreview, document.body.appendChild(M);
 }
 function at() {
   M !== void 0 && (document.body.removeChild(M), M = void 0);
@@ -1358,7 +1358,7 @@ class lt {
   }
 }
 const ct = (o) => new T({
-  key: new I("DraggableBlocksPlugin"),
+  key: new v("DraggableBlocksPlugin"),
   view: () => new lt({
     editor: o.editor,
     blockMenuFactory: o.blockSideMenuFactory,
@@ -1379,7 +1379,7 @@ const ct = (o) => new T({
       })
     ];
   }
-}), ht = new I("HyperlinkToolbarPlugin");
+}), ht = new v("HyperlinkToolbarPlugin");
 class pt {
   constructor({ editor: e, hyperlinkToolbarFactory: t }) {
     h(this, "editor");
@@ -1404,7 +1404,7 @@ class pt {
         ), i = d.marks();
         for (const s of i)
           if (s.type.name === e.schema.mark("link").type.name) {
-            this.mouseHoveredHyperlinkMark = s, this.mouseHoveredHyperlinkMarkRange = W(
+            this.mouseHoveredHyperlinkMark = s, this.mouseHoveredHyperlinkMarkRange = K(
               d,
               s.type,
               s.attrs
@@ -1424,7 +1424,7 @@ class pt {
       const d = this.editor.state.selection.$from.marks();
       for (const i of d)
         if (i.type.name === this.editor.schema.mark("link").type.name) {
-          this.keyboardHoveredHyperlinkMark = i, this.keyboardHoveredHyperlinkMarkRange = W(
+          this.keyboardHoveredHyperlinkMark = i, this.keyboardHoveredHyperlinkMarkRange = K(
             this.editor.state.selection.$from,
             i.type,
             i.attrs
@@ -1519,7 +1519,7 @@ const mt = (o, e) => new T({
   addKeyboardShortcuts: () => ({
     "Mod-Alt-0": () => !1
   })
-}), kt = E.create({
+}), kt = new v("blocknote-placeholder"), yt = E.create({
   name: "placeholder",
   addOptions() {
     return {
@@ -1536,6 +1536,7 @@ const mt = (o, e) => new T({
   addProseMirrorPlugins() {
     return [
       new T({
+        key: kt,
         props: {
           decorations: (o) => {
             const { doc: e, selection: t } = o, n = q.getState(o), r = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: a } = t, d = [];
@@ -1557,10 +1558,10 @@ const mt = (o, e) => new T({
       })
     ];
   }
-}), yt = E.create({
+}), bt = E.create({
   name: "trailingNode",
   addProseMirrorPlugins() {
-    const o = new I(this.name);
+    const o = new v(this.name);
     return [
       new T({
         key: o,
@@ -1590,20 +1591,20 @@ const mt = (o, e) => new T({
     ];
   }
 });
-function bt(o, e = JSON.stringify) {
+function vt(o, e = JSON.stringify) {
   const t = {};
   return o.filter((n) => {
     const r = e(n);
     return Object.prototype.hasOwnProperty.call(t, r) ? !1 : t[r] = !0;
   });
 }
-function vt(o) {
+function It(o) {
   const e = o.filter(
     (n, r) => o.indexOf(n) !== r
   );
-  return bt(e);
+  return vt(e);
 }
-const It = E.create({
+const Tt = E.create({
   name: "uniqueID",
   priority: 1e4,
   addOptions() {
@@ -1643,7 +1644,7 @@ const It = E.create({
     let o = null, e = !1;
     return [
       new T({
-        key: new I("uniqueID"),
+        key: new v("uniqueID"),
         appendTransaction: (t, n, r) => {
           console.log("appendTransaction");
           const a = t.some((f) => f.docChanged) && !n.doc.eq(r.doc), d = this.options.filterTransaction && t.some((f) => {
@@ -1661,7 +1662,7 @@ const It = E.create({
               r.doc,
               f,
               (C) => s.includes(C.type.name)
-            ), b = y.map(({ node: C }) => C.attrs[c]).filter((C) => C !== null), g = vt(b);
+            ), b = y.map(({ node: C }) => C.attrs[c]).filter((C) => C !== null), g = It(b);
             y.forEach(({ node: C, pos: H }) => {
               var R;
               const G = (R = i.doc.nodeAt(H)) === null || R === void 0 ? void 0 : R.attrs[c];
@@ -1725,7 +1726,7 @@ const It = E.create({
                 i.push(c);
               }), ee.from(i);
             };
-            return e = !1, new $(
+            return e = !1, new z(
               a(t.content),
               t.openStart,
               t.openEnd
@@ -1735,11 +1736,11 @@ const It = E.create({
       })
     ];
   }
-}), Gt = w.create({
+}), Kt = w.create({
   name: "doc",
   topNode: !0,
   content: "block+"
-}), Tt = (o) => {
+}), Ct = (o) => {
   const e = [
     P.ClipboardTextSerializer,
     P.Commands,
@@ -1747,14 +1748,14 @@ const It = E.create({
     P.FocusEvents,
     P.Tabindex,
     me,
-    kt.configure({
-      emptyNodeClass: v.isEmpty,
-      hasAnchorClass: v.hasAnchor,
-      isFilterClass: v.isFilter,
+    yt.configure({
+      emptyNodeClass: I.isEmpty,
+      hasAnchorClass: I.hasAnchor,
+      isFilterClass: I.isFilter,
       includeChildren: !0,
       showOnlyCurrent: !1
     }),
-    It.configure({
+    Tt.configure({
       types: ["block"]
     }),
     fe,
@@ -1765,10 +1766,10 @@ const It = E.create({
     ye,
     ve,
     gt,
-    ...ze,
+    ...$e,
     pe.configure({ width: 5, color: "#ddeeff" }),
     ge,
-    yt
+    bt
   ];
   return o.blockSideMenuFactory && e.push(
     ut.configure({
@@ -1787,7 +1788,7 @@ const It = E.create({
       slashMenuFactory: o.slashMenuFactory
     })
   ), e;
-}, Ct = {
+}, Bt = {
   enableInputRules: !0,
   enablePasteRules: !0,
   enableCoreExtensions: !1
@@ -1796,20 +1797,20 @@ class Wt {
   constructor(e = {}) {
     h(this, "tiptapEditor");
     var a, d, i;
-    const t = Tt(
+    const t = Ct(
       e.uiFactories || {}
     );
     let n = e.disableHistoryExtension ? t.filter((s) => s.name !== "history") : t;
     const r = {
-      ...Ct,
+      ...Bt,
       ...e,
       extensions: e.enableBlockNoteExtensions === !1 ? e.extensions : [...e.extensions || [], ...n],
       editorProps: {
         attributes: {
           ...((a = e.editorProps) == null ? void 0 : a.attributes) || {},
           class: [
-            z.bnEditor,
-            z.bnRoot,
+            $.bnEditor,
+            $.bnRoot,
             ((i = (d = e.editorProps) == null ? void 0 : d.attributes) == null ? void 0 : i.class) || ""
           ].join(" ")
         }
@@ -1820,9 +1821,9 @@ class Wt {
 }
 export {
   Wt as BlockNoteEditor,
-  Gt as Document,
+  Kt as Document,
   B as SlashMenuGroups,
   x as SlashMenuItem,
-  Tt as getBlockNoteExtensions
+  Ct as getBlockNoteExtensions
 };
 //# sourceMappingURL=blocknote.js.map