@blocknote/core 0.18.0 → 0.19.1

package/dist/src/extensions/NodeSelectionKeyboard/NodeSelectionKeyboardPlugin.js

@@ -0,0 +1,54 @@
+import { Plugin, PluginKey, TextSelection } from "prosemirror-state";
+const PLUGIN_KEY = new PluginKey("node-selection-keyboard");
+// By default, typing with a node selection active will cause ProseMirror to
+// replace the node with one that contains editable content. This plugin blocks
+// this behaviour without also blocking things like keyboard shortcuts:
+//
+// - Lets through key presses that do not include alphanumeric characters. This
+// includes things like backspace/delete/home/end/etc.
+// - Lets through any key presses that include ctrl/meta keys. These will be
+// shortcuts of some kind like ctrl+C/mod+C.
+// - Special case for Enter key which creates a new paragraph block below and
+// sets the selection to it. This is just to bring the UX closer to Notion
+//
+// While a more elegant solution would probably process transactions instead of
+// keystrokes, this brings us most of the way to Notion's UX without much added
+// complexity.
+export class NodeSelectionKeyboardPlugin {
+    plugin;
+    constructor() {
+        this.plugin = new Plugin({
+            key: PLUGIN_KEY,
+            props: {
+                handleKeyDown: (view, event) => {
+                    // Checks for node selection
+                    if ("node" in view.state.selection) {
+                        // Checks if key press uses ctrl/meta modifier
+                        if (event.ctrlKey || event.metaKey) {
+                            return false;
+                        }
+                        // Checks if key press is alphanumeric
+                        if (event.key.length === 1) {
+                            event.preventDefault();
+                            return true;
+                        }
+                        // Checks if key press is Enter
+                        if (event.key === "Enter" &&
+                            !event.shiftKey &&
+                            !event.altKey &&
+                            !event.ctrlKey &&
+                            !event.metaKey) {
+                            const tr = view.state.tr;
+                            view.dispatch(tr
+                                .insert(view.state.tr.selection.$to.after(), view.state.schema.nodes["paragraph"].createChecked())
+                                .setSelection(new TextSelection(tr.doc.resolve(view.state.tr.selection.$to.after() + 1))));
+                            return true;
+                        }
+                    }
+                    return false;
+                },
+            },
+        });
+    }
+}
+//# sourceMappingURL=NodeSelectionKeyboardPlugin.js.map

package/dist/src/extensions/NodeSelectionKeyboard/NodeSelectionKeyboardPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeSelectionKeyboardPlugin.js","sourceRoot":"","sources":["../../../../src/extensions/NodeSelectionKeyboard/NodeSelectionKeyboardPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAErE,MAAM,UAAU,GAAG,IAAI,SAAS,CAAC,yBAAyB,CAAC,CAAC;AAC5D,4EAA4E;AAC5E,+EAA+E;AAC/E,uEAAuE;AACvE,EAAE;AACF,+EAA+E;AAC/E,sDAAsD;AACtD,4EAA4E;AAC5E,4CAA4C;AAC5C,6EAA6E;AAC7E,0EAA0E;AAC1E,EAAE;AACF,+EAA+E;AAC/E,+EAA+E;AAC/E,cAAc;AACd,MAAM,OAAO,2BAA2B;IACtB,MAAM,CAAS;IAC/B;QACE,IAAI,CAAC,MAAM,GAAG,IAAI,MAAM,CAAC;YACvB,GAAG,EAAE,UAAU;YACf,KAAK,EAAE;gBACL,aAAa,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;oBAC7B,4BAA4B;oBAC5B,IAAI,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;wBACnC,8CAA8C;wBAC9C,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;4BACnC,OAAO,KAAK,CAAC;wBACf,CAAC;wBACD,sCAAsC;wBACtC,IAAI,KAAK,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;4BAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;4BAEvB,OAAO,IAAI,CAAC;wBACd,CAAC;wBACD,+BAA+B;wBAC/B,IACE,KAAK,CAAC,GAAG,KAAK,OAAO;4BACrB,CAAC,KAAK,CAAC,QAAQ;4BACf,CAAC,KAAK,CAAC,MAAM;4BACb,CAAC,KAAK,CAAC,OAAO;4BACd,CAAC,KAAK,CAAC,OAAO,EACd,CAAC;4BACD,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;4BACzB,IAAI,CAAC,QAAQ,CACX,EAAE;iCACC,MAAM,CACL,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,EACnC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,aAAa,EAAE,CACrD;iCACA,YAAY,CACX,IAAI,aAAa,CACf,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CACxD,CACF,CACJ,CAAC;4BAEF,OAAO,IAAI,CAAC;wBACd,CAAC;oBACH,CAAC;oBAED,OAAO,KAAK,CAAC;gBACf,CAAC;aACF;SACF,CAAC,CAAC;IACL,CAAC;CACF"}

package/dist/src/extensions/Placeholder/PlaceholderPlugin.js

@@ -0,0 +1,84 @@
+import { Plugin, PluginKey } from "prosemirror-state";
+import { Decoration, DecorationSet } from "prosemirror-view";
+const PLUGIN_KEY = new PluginKey(`blocknote-placeholder`);
+export class PlaceholderPlugin {
+    plugin;
+    constructor(editor, placeholders) {
+        this.plugin = new Plugin({
+            key: PLUGIN_KEY,
+            view: () => {
+                const styleEl = document.createElement("style");
+                const nonce = editor._tiptapEditor.options.injectNonce;
+                if (nonce) {
+                    styleEl.setAttribute("nonce", nonce);
+                }
+                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 = "") => `.bn-block-content${additionalSelectors} .bn-inline-content:has(> .ProseMirror-trailingBreak:only-child):before`;
+                const getSelector = (blockType, mustBeFocused = true) => {
+                    const mustBeFocusedSelector = mustBeFocused
+                        ? `[data-is-empty-and-focused]`
+                        : ``;
+                    if (blockType === "default") {
+                        return getBaseSelector(mustBeFocusedSelector);
+                    }
+                    const blockTypeSelector = `[data-content-type="${blockType}"]`;
+                    return getBaseSelector(mustBeFocusedSelector + blockTypeSelector);
+                };
+                for (const [blockType, placeholder] of Object.entries(placeholders)) {
+                    const mustBeFocused = blockType === "default";
+                    styleSheet.insertRule(`${getSelector(blockType, mustBeFocused)}{ content: ${JSON.stringify(placeholder)}; }`);
+                    // For some reason, the placeholders which show when the block is focused
+                    // take priority over ones which show depending on block type, so we need
+                    // to make sure the block specific ones are also used when the block is
+                    // focused.
+                    if (!mustBeFocused) {
+                        styleSheet.insertRule(`${getSelector(blockType, true)}{ content: ${JSON.stringify(placeholder)}; }`);
+                    }
+                }
+                return {
+                    destroy: () => {
+                        if (editor._tiptapEditor.view.root instanceof ShadowRoot) {
+                            editor._tiptapEditor.view.root.removeChild(styleEl);
+                        }
+                        else {
+                            editor._tiptapEditor.view.root.head.removeChild(styleEl);
+                        }
+                    },
+                };
+            },
+            props: {
+                // TODO: maybe also add placeholder for empty document ("e.g.: start writing..")
+                decorations: (state) => {
+                    const { doc, selection } = state;
+                    if (!editor.isEditable) {
+                        return;
+                    }
+                    if (!selection.empty) {
+                        return;
+                    }
+                    // Don't show placeholder when the cursor is inside a code block
+                    if (selection.$from.parent.type.spec.code) {
+                        return;
+                    }
+                    const $pos = selection.$anchor;
+                    const node = $pos.parent;
+                    if (node.content.size > 0) {
+                        return null;
+                    }
+                    const before = $pos.before();
+                    const dec = Decoration.node(before, before + node.nodeSize, {
+                        "data-is-empty-and-focused": "true",
+                    });
+                    return DecorationSet.create(doc, [dec]);
+                },
+            },
+        });
+    }
+}
+//# sourceMappingURL=PlaceholderPlugin.js.map

package/dist/src/extensions/Placeholder/PlaceholderPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaceholderPlugin.js","sourceRoot":"","sources":["../../../../src/extensions/Placeholder/PlaceholderPlugin.ts"],"names":[],"mappings":"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"}

package/dist/src/extensions/PreviousBlockType/PreviousBlockTypePlugin.js

@@ -0,0 +1,187 @@
+import { findChildren } from "@tiptap/core";
+import { Plugin, PluginKey } from "prosemirror-state";
+import { Decoration, DecorationSet } from "prosemirror-view";
+const PLUGIN_KEY = new PluginKey(`previous-blocks`);
+const nodeAttributes = {
+    // Numbered List Items
+    index: "index",
+    // Headings
+    level: "level",
+    // All Blocks
+    type: "type",
+    depth: "depth",
+    "depth-change": "depth-change",
+};
+/**
+ * This plugin tracks transformation of Block node attributes, so we can support CSS transitions.
+ *
+ * Problem it solves: ProseMirror recreates the DOM when transactions happen. So when a transaction changes a Node attribute,
+ * it results in a completely new DOM element. This means CSS transitions don't work.
+ *
+ * Solution: When attributes change on a node, this plugin sets a data-* attribute with the "previous" value. This way we can still use CSS transitions. (See block.module.css)
+ */
+export class PreviousBlockTypePlugin {
+    plugin;
+    constructor() {
+        let timeout;
+        this.plugin = new Plugin({
+            key: PLUGIN_KEY,
+            view(_editorView) {
+                return {
+                    update: async (view, _prevState) => {
+                        if (this.key?.getState(view.state).updatedBlocks.size > 0) {
+                            // use setTimeout 0 to clear the decorations so that at least
+                            // for one DOM-render the decorations have been applied
+                            timeout = setTimeout(() => {
+                                view.dispatch(view.state.tr.setMeta(PLUGIN_KEY, { clearUpdate: true }));
+                            }, 0);
+                        }
+                    },
+                    destroy: () => {
+                        if (timeout) {
+                            clearTimeout(timeout);
+                        }
+                    },
+                };
+            },
+            state: {
+                init() {
+                    return {
+                        // Block attributes, by block ID, from just before the previous transaction.
+                        prevTransactionOldBlockAttrs: {},
+                        // Block attributes, by block ID, from just before the current transaction.
+                        currentTransactionOldBlockAttrs: {},
+                        // Set of IDs of blocks whose attributes changed from the current transaction.
+                        updatedBlocks: new Set(),
+                    };
+                },
+                apply(transaction, prev, oldState, newState) {
+                    prev.currentTransactionOldBlockAttrs = {};
+                    prev.updatedBlocks.clear();
+                    if (!transaction.docChanged || oldState.doc.eq(newState.doc)) {
+                        return prev;
+                    }
+                    // TODO: Instead of iterating through the entire document, only check nodes affected by the transactions. Will
+                    //  also probably require checking nodes affected by the previous transaction too.
+                    // We didn't get this to work yet:
+                    // const transform = combineTransactionSteps(oldState.doc, [transaction]);
+                    // // const { mapping } = transform;
+                    // const changes = getChangedRanges(transform);
+                    //
+                    // changes.forEach(({ oldRange, newRange }) => {
+                    // const oldNodes = findChildrenInRange(
+                    //   oldState.doc,
+                    //   oldRange,
+                    //   (node) => node.attrs.id
+                    // );
+                    //
+                    // const newNodes = findChildrenInRange(
+                    //   newState.doc,
+                    //   newRange,
+                    //   (node) => node.attrs.id
+                    // );
+                    const currentTransactionOriginalOldBlockAttrs = {};
+                    const oldNodes = findChildren(oldState.doc, (node) => node.attrs.id);
+                    const oldNodesById = new Map(oldNodes.map((node) => [node.node.attrs.id, node]));
+                    const newNodes = findChildren(newState.doc, (node) => node.attrs.id);
+                    // Traverses all block containers in the new editor state.
+                    for (const node of newNodes) {
+                        const oldNode = oldNodesById.get(node.node.attrs.id);
+                        const oldContentNode = oldNode?.node.firstChild;
+                        const newContentNode = node.node.firstChild;
+                        if (oldNode && oldContentNode && newContentNode) {
+                            const newAttrs = {
+                                index: newContentNode.attrs.index,
+                                level: newContentNode.attrs.level,
+                                type: newContentNode.type.name,
+                                depth: newState.doc.resolve(node.pos).depth,
+                            };
+                            let oldAttrs = {
+                                index: oldContentNode.attrs.index,
+                                level: oldContentNode.attrs.level,
+                                type: oldContentNode.type.name,
+                                depth: oldState.doc.resolve(oldNode.pos).depth,
+                            };
+                            currentTransactionOriginalOldBlockAttrs[node.node.attrs.id] =
+                                oldAttrs;
+                            // Whenever a transaction is appended by the OrderedListItemIndexPlugin, it's given the metadata:
+                            // { "orderedListIndexing": true }
+                            // These appended transactions happen immediately after any transaction which causes ordered list item
+                            // indices to require updating, including those which trigger animations. Therefore, these animations are
+                            // immediately overridden when the PreviousBlockTypePlugin processes the appended transaction, despite only
+                            // the listItemIndex attribute changing. To solve this, oldAttrs must be edited for transactions with the
+                            // "orderedListIndexing" metadata, so the correct animation can be re-triggered.
+                            if (transaction.getMeta("numberedListIndexing")) {
+                                // If the block existed before the transaction, gets the attributes from before the previous transaction
+                                // (i.e. the transaction that caused list item indices to need updating).
+                                if (node.node.attrs.id in prev.prevTransactionOldBlockAttrs) {
+                                    oldAttrs =
+                                        prev.prevTransactionOldBlockAttrs[node.node.attrs.id];
+                                }
+                                // Stops list item indices themselves being animated (looks smoother), unless the block's content type is
+                                // changing from a numbered list item to something else.
+                                if (newAttrs.type === "numberedListItem") {
+                                    oldAttrs.index = newAttrs.index;
+                                }
+                            }
+                            prev.currentTransactionOldBlockAttrs[node.node.attrs.id] =
+                                oldAttrs;
+                            // TODO: faster deep equal?
+                            if (JSON.stringify(oldAttrs) !== JSON.stringify(newAttrs)) {
+                                oldAttrs["depth-change"] =
+                                    oldAttrs.depth - newAttrs.depth;
+                                // for debugging:
+                                // console.log(
+                                //   "id:",
+                                //   node.node.attrs.id,
+                                //   "previousBlockTypePlugin changes detected, oldAttrs",
+                                //   oldAttrs,
+                                //   "new",
+                                //   newAttrs
+                                // );
+                                prev.updatedBlocks.add(node.node.attrs.id);
+                            }
+                        }
+                    }
+                    prev.prevTransactionOldBlockAttrs =
+                        currentTransactionOriginalOldBlockAttrs;
+                    return prev;
+                },
+            },
+            props: {
+                decorations(state) {
+                    const pluginState = this.getState(state);
+                    if (pluginState.updatedBlocks.size === 0) {
+                        return undefined;
+                    }
+                    const decorations = [];
+                    state.doc.descendants((node, pos) => {
+                        if (!node.attrs.id) {
+                            return;
+                        }
+                        if (!pluginState.updatedBlocks.has(node.attrs.id)) {
+                            return;
+                        }
+                        const prevAttrs = pluginState.currentTransactionOldBlockAttrs[node.attrs.id];
+                        const decorationAttrs = {};
+                        for (const [nodeAttr, val] of Object.entries(prevAttrs)) {
+                            decorationAttrs["data-prev-" + nodeAttributes[nodeAttr]] =
+                                val || "none";
+                        }
+                        // for debugging:
+                        // console.log(
+                        //   "previousBlockTypePlugin committing decorations",
+                        //   decorationAttrs
+                        // );
+                        const decoration = Decoration.node(pos, pos + node.nodeSize, {
+                            ...decorationAttrs,
+                        });
+                        decorations.push(decoration);
+                    });
+                    return DecorationSet.create(state.doc, decorations);
+                },
+            },
+        });
+    }
+}
+//# sourceMappingURL=PreviousBlockTypePlugin.js.map

package/dist/src/extensions/PreviousBlockType/PreviousBlockTypePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviousBlockTypePlugin.js","sourceRoot":"","sources":["../../../../src/extensions/PreviousBlockType/PreviousBlockTypePlugin.ts"],"names":[],"mappings":"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"}

package/dist/src/extensions/SideMenu/MultipleNodeSelection.js

@@ -0,0 +1,68 @@
+import { Fragment, Slice } from "prosemirror-model";
+import { Selection } from "prosemirror-state";
+/**
+ * This class represents an editor selection which spans multiple nodes/blocks. It's currently only used to allow users
+ * to drag multiple blocks at the same time. Expects the selection anchor and head to be between nodes, i.e. just before
+ * the first target node and just after the last, and that anchor and head are at the same nesting level.
+ *
+ * Partially based on ProseMirror's NodeSelection implementation:
+ * (https://github.com/ProseMirror/prosemirror-state/blob/master/src/selection.ts)
+ * MultipleNodeSelection differs from NodeSelection in the following ways:
+ * 1. Stores which nodes are included in the selection instead of just a single node.
+ * 2. Already expects the selection to start just before the first target node and ends just after the last, while a
+ * NodeSelection automatically sets both anchor and head to just before the single target node.
+ */
+export class MultipleNodeSelection extends Selection {
+    nodes;
+    constructor($anchor, $head) {
+        super($anchor, $head);
+        // Parent is at the same nesting level as anchor/head since they are just before/ just after target nodes.
+        const parentNode = $anchor.node();
+        this.nodes = [];
+        $anchor.doc.nodesBetween($anchor.pos, $head.pos, (node, _pos, parent) => {
+            if (parent !== null && parent.eq(parentNode)) {
+                this.nodes.push(node);
+                return false;
+            }
+            return;
+        });
+    }
+    static create(doc, from, to = from) {
+        return new MultipleNodeSelection(doc.resolve(from), doc.resolve(to));
+    }
+    content() {
+        return new Slice(Fragment.from(this.nodes), 0, 0);
+    }
+    eq(selection) {
+        if (!(selection instanceof MultipleNodeSelection)) {
+            return false;
+        }
+        if (this.nodes.length !== selection.nodes.length) {
+            return false;
+        }
+        if (this.from !== selection.from || this.to !== selection.to) {
+            return false;
+        }
+        for (let i = 0; i < this.nodes.length; i++) {
+            if (!this.nodes[i].eq(selection.nodes[i])) {
+                return false;
+            }
+        }
+        return true;
+    }
+    map(doc, mapping) {
+        const fromResult = mapping.mapResult(this.from);
+        const toResult = mapping.mapResult(this.to);
+        if (toResult.deleted) {
+            return Selection.near(doc.resolve(fromResult.pos));
+        }
+        if (fromResult.deleted) {
+            return Selection.near(doc.resolve(toResult.pos));
+        }
+        return new MultipleNodeSelection(doc.resolve(fromResult.pos), doc.resolve(toResult.pos));
+    }
+    toJSON() {
+        return { type: "node", anchor: this.anchor, head: this.head };
+    }
+}
+//# sourceMappingURL=MultipleNodeSelection.js.map

package/dist/src/extensions/SideMenu/MultipleNodeSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleNodeSelection.js","sourceRoot":"","sources":["../../../../src/extensions/SideMenu/MultipleNodeSelection.ts"],"names":[],"mappings":"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"}