@blocknote/core 0.17.1 → 0.19.0

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

@@ -0,0 +1,81 @@
+import { Plugin, PluginKey } from "prosemirror-state";
+import { Decoration, DecorationSet } from "prosemirror-view";
+const PLUGIN_KEY = new PluginKey(`blocknote-placeholder`);
+export const PlaceholderPlugin = (editor, placeholders) => {
+    return 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,183 @@
+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 const PreviousBlockTypePlugin = () => {
+    let timeout;
+    return 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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"}