@bayonai/rich-text-editor 0.1.2 → 1.0.0

package/dist-cjs/react/editor/blockActions.js

@@ -0,0 +1,518 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isBlockActionTarget = isBlockActionTarget;
+exports.reorderBlock = reorderBlock;
+exports.deleteBlockById = deleteBlockById;
+exports.indentBlock = indentBlock;
+exports.outdentBlock = outdentBlock;
+exports.setToggleCollapsed = setToggleCollapsed;
+exports.splitTreeRowBlock = splitTreeRowBlock;
+exports.splitTextBlock = splitTextBlock;
+exports.insertBlocksAfterBlock = insertBlocksAfterBlock;
+exports.replaceBlockWithBlocks = replaceBlockWithBlocks;
+exports.insertBlocksInsideBlock = insertBlocksInsideBlock;
+exports.getBlockActionBlocks = getBlockActionBlocks;
+exports.convertCheckboxBlockToParagraph = convertCheckboxBlockToParagraph;
+exports.convertTreeRowBlockToParagraph = convertTreeRowBlockToParagraph;
+exports.blockToClipboardText = blockToClipboardText;
+exports.blockActionToClipboardText = blockActionToClipboardText;
+exports.getBlockDeletionFocusTarget = getBlockDeletionFocusTarget;
+exports.getForwardDeleteFocusTarget = getForwardDeleteFocusTarget;
+exports.getToggleContentBackspaceDeletionFocusTarget = getToggleContentBackspaceDeletionFocusTarget;
+exports.isFirstToggleContentBlock = isFirstToggleContentBlock;
+exports.isRootBlockAfterToggle = isRootBlockAfterToggle;
+const blockTypes_1 = require("../../core/blockTypes");
+const blockTree_1 = require("../../core/blockTree");
+const richText_1 = require("../../core/richText");
+function isBlockActionTarget(_block) {
+    return true;
+}
+function reorderBlock(blocks, draggedBlockId, targetBlockId, placement = "before") {
+    if (draggedBlockId === targetBlockId) {
+        return (0, richText_1.sanitizeRichTextBlocks)(blocks);
+    }
+    const sanitizedBlocks = (0, richText_1.sanitizeRichTextBlocks)(blocks);
+    const draggedPath = (0, blockTree_1.findBlockPath)(sanitizedBlocks, draggedBlockId);
+    const targetPath = (0, blockTree_1.findBlockPath)(sanitizedBlocks, targetBlockId);
+    if (!draggedPath || !targetPath || (0, blockTree_1.pathContains)(draggedPath, targetPath)) {
+        return sanitizedBlocks;
+    }
+    const removed = (0, blockTree_1.removeBlockAtPath)(sanitizedBlocks, draggedPath);
+    if (!removed) {
+        return sanitizedBlocks;
+    }
+    const remainingTargetPath = (0, blockTree_1.findBlockPath)(removed.blocks, targetBlockId);
+    if (!remainingTargetPath) {
+        return sanitizedBlocks;
+    }
+    if (placement === "inside") {
+        const target = (0, blockTree_1.getBlockAtPath)(removed.blocks, remainingTargetPath);
+        if (!(0, blockTypes_1.isNestableRichTextBlock)(target)) {
+            const targetIndex = remainingTargetPath[remainingTargetPath.length - 1];
+            if (targetIndex === undefined) {
+                return sanitizedBlocks;
+            }
+            return (0, blockTree_1.insertBlockAtPath)(removed.blocks, remainingTargetPath.slice(0, -1), targetIndex + 1, [removed.block]);
+        }
+        return (0, blockTree_1.updateBlockAtPath)(removed.blocks, remainingTargetPath, (current) => {
+            return (0, blockTypes_1.isNestableRichTextBlock)(current)
+                ? (0, blockTree_1.withNestableBlockChildren)(current, [
+                    ...(current.children ?? []),
+                    removed.block,
+                ])
+                : current;
+        });
+    }
+    const targetIndex = remainingTargetPath[remainingTargetPath.length - 1];
+    if (targetIndex === undefined) {
+        return sanitizedBlocks;
+    }
+    return (0, blockTree_1.insertBlockAtPath)(removed.blocks, remainingTargetPath.slice(0, -1), placement === "after" ? targetIndex + 1 : targetIndex, [removed.block]);
+}
+function deleteBlockById(blocks, blockId) {
+    const sanitizedBlocks = (0, richText_1.sanitizeRichTextBlocks)(blocks);
+    const path = (0, blockTree_1.findBlockPath)(sanitizedBlocks, blockId);
+    if (!path) {
+        return sanitizedBlocks;
+    }
+    const removed = (0, blockTree_1.removeBlockAtPath)(sanitizedBlocks, path);
+    const remainingBlocks = removed?.blocks ?? sanitizedBlocks;
+    return remainingBlocks.length > 0
+        ? remainingBlocks
+        : [{ id: "block-empty", markdown: "", type: "paragraph" }];
+}
+function indentBlock(blocks, blockId) {
+    const sanitizedBlocks = (0, richText_1.sanitizeRichTextBlocks)(blocks);
+    const path = (0, blockTree_1.findBlockPath)(sanitizedBlocks, blockId);
+    if (!path || path.length === 0) {
+        return sanitizedBlocks;
+    }
+    const index = path[path.length - 1];
+    if (index === undefined || index <= 0) {
+        return sanitizedBlocks;
+    }
+    const block = (0, blockTree_1.getBlockAtPath)(sanitizedBlocks, path);
+    const parentPath = path.slice(0, -1);
+    const previousSiblingPath = [...parentPath, index - 1];
+    const previousSibling = (0, blockTree_1.getBlockAtPath)(sanitizedBlocks, previousSiblingPath);
+    if (!block ||
+        !(0, blockTypes_1.isNestableRichTextBlock)(block) ||
+        !(0, blockTypes_1.isNestableRichTextBlock)(previousSibling)) {
+        return sanitizedBlocks;
+    }
+    const removed = (0, blockTree_1.removeBlockAtPath)(sanitizedBlocks, path);
+    if (!removed) {
+        return sanitizedBlocks;
+    }
+    const targetPath = (0, blockTree_1.findBlockPath)(removed.blocks, previousSibling.id);
+    if (!targetPath) {
+        return sanitizedBlocks;
+    }
+    return (0, blockTree_1.updateBlockAtPath)(removed.blocks, targetPath, (target) => {
+        if (!(0, blockTypes_1.isNestableRichTextBlock)(target)) {
+            return target;
+        }
+        return {
+            ...target,
+            children: [...(target.children ?? []), removed.block],
+        };
+    });
+}
+function outdentBlock(blocks, blockId) {
+    const sanitizedBlocks = (0, richText_1.sanitizeRichTextBlocks)(blocks);
+    const path = (0, blockTree_1.findBlockPath)(sanitizedBlocks, blockId);
+    if (!path || path.length < 2) {
+        return sanitizedBlocks;
+    }
+    const block = (0, blockTree_1.getBlockAtPath)(sanitizedBlocks, path);
+    const parentPath = path.slice(0, -1);
+    const blockIndex = path[path.length - 1];
+    const siblingBlocks = (0, blockTree_1.getBlocksAtPath)(sanitizedBlocks, parentPath);
+    if (!block || blockIndex === undefined || !siblingBlocks) {
+        return sanitizedBlocks;
+    }
+    const followingSiblings = siblingBlocks.slice(blockIndex + 1);
+    const removedFollowingSiblings = followingSiblings.reduce((nextBlocks, sibling) => {
+        const siblingPath = (0, blockTree_1.findBlockPath)(nextBlocks, sibling.id);
+        const removedSibling = siblingPath
+            ? (0, blockTree_1.removeBlockAtPath)(nextBlocks, siblingPath)
+            : null;
+        return removedSibling?.blocks ?? nextBlocks;
+    }, sanitizedBlocks);
+    const promotedBlock = (0, blockTree_1.withBlockChildren)(block, [
+        ...((0, blockTypes_1.isNestableRichTextBlock)(block) ? (block.children ?? []) : []),
+        ...followingSiblings,
+    ]);
+    const removed = (0, blockTree_1.removeBlockAtPath)(removedFollowingSiblings, path);
+    if (!removed) {
+        return sanitizedBlocks;
+    }
+    const grandParentPath = parentPath.slice(0, -1);
+    const parentIndex = parentPath[parentPath.length - 1];
+    if (parentIndex === undefined) {
+        return sanitizedBlocks;
+    }
+    return (0, blockTree_1.insertBlockAtPath)(removed.blocks, grandParentPath, parentIndex + 1, [
+        promotedBlock,
+    ]);
+}
+function setToggleCollapsed(blocks, blockId, collapsed) {
+    const sanitizedBlocks = (0, richText_1.sanitizeRichTextBlocks)(blocks);
+    const path = (0, blockTree_1.findBlockPath)(sanitizedBlocks, blockId);
+    if (!path) {
+        return sanitizedBlocks;
+    }
+    return (0, blockTree_1.updateBlockAtPath)(sanitizedBlocks, path, (block) => {
+        return block.type === "toggle" ? { ...block, collapsed } : block;
+    });
+}
+function splitTreeRowBlock(blocks, blockId, split) {
+    const sanitizedBlocks = (0, richText_1.sanitizeRichTextBlocks)(blocks);
+    const path = (0, blockTree_1.findBlockPath)(sanitizedBlocks, blockId);
+    if (!path) {
+        return sanitizedBlocks;
+    }
+    const block = (0, blockTree_1.getBlockAtPath)(sanitizedBlocks, path);
+    if (!(0, blockTypes_1.isNestableRichTextBlock)(block)) {
+        return sanitizedBlocks;
+    }
+    const nextBlock = (0, blockTree_1.withBlockChildren)(getSplitTreeRowNextBlock(block, split), block.children ?? []);
+    const updatedBlocks = (0, blockTree_1.updateBlockAtPath)(sanitizedBlocks, path, (current) => {
+        return (0, blockTypes_1.isNestableRichTextBlock)(current)
+            ? (0, blockTree_1.withBlockChildren)({
+                ...current,
+                markdown: split.beforeMarkdown,
+            }, [])
+            : current;
+    });
+    const blockIndex = path[path.length - 1];
+    if (blockIndex === undefined) {
+        return sanitizedBlocks;
+    }
+    return (0, blockTree_1.insertBlockAtPath)(updatedBlocks, path.slice(0, -1), blockIndex + 1, [
+        nextBlock,
+    ]);
+}
+function splitTextBlock(blocks, blockId, split) {
+    const sanitizedBlocks = (0, richText_1.sanitizeRichTextBlocks)(blocks);
+    const path = (0, blockTree_1.findBlockPath)(sanitizedBlocks, blockId);
+    if (!path) {
+        return sanitizedBlocks;
+    }
+    const block = (0, blockTree_1.getBlockAtPath)(sanitizedBlocks, path);
+    if (!block || !isSplittableTextBlock(block)) {
+        return sanitizedBlocks;
+    }
+    const updatedBlocks = (0, blockTree_1.updateBlockAtPath)(sanitizedBlocks, path, (current) => {
+        return current.id === blockId && "markdown" in current
+            ? { ...current, markdown: split.beforeMarkdown }
+            : current;
+    });
+    const blockIndex = path[path.length - 1];
+    if (blockIndex === undefined) {
+        return sanitizedBlocks;
+    }
+    return (0, blockTree_1.insertBlockAtPath)(updatedBlocks, path.slice(0, -1), blockIndex + 1, [
+        {
+            id: split.nextBlockId,
+            markdown: split.afterMarkdown,
+            type: getSplitTextBlockNextType(block.type, split.afterMarkdown),
+        },
+    ]);
+}
+function getSplitTextBlockNextType(blockType, afterMarkdown) {
+    return blockType === "heading" && afterMarkdown.trim().length === 0
+        ? "paragraph"
+        : blockType;
+}
+function isSplittableTextBlock(block) {
+    return (block?.type === "paragraph" ||
+        block?.type === "heading" ||
+        block?.type === "quote");
+}
+function insertBlocksAfterBlock(blocks, blockId, insertedBlocks) {
+    const sanitizedBlocks = (0, richText_1.sanitizeRichTextBlocks)(blocks);
+    const path = (0, blockTree_1.findBlockPath)(sanitizedBlocks, blockId);
+    if (!path || insertedBlocks.length === 0) {
+        return sanitizedBlocks;
+    }
+    const blockIndex = path[path.length - 1];
+    if (blockIndex === undefined) {
+        return sanitizedBlocks;
+    }
+    return (0, blockTree_1.insertBlockAtPath)(sanitizedBlocks, path.slice(0, -1), blockIndex + 1, (0, richText_1.sanitizeRichTextBlocks)(insertedBlocks));
+}
+function replaceBlockWithBlocks(blocks, blockId, replacementBlocks) {
+    const sanitizedBlocks = (0, richText_1.sanitizeRichTextBlocks)(blocks);
+    const path = (0, blockTree_1.findBlockPath)(sanitizedBlocks, blockId);
+    if (!path || replacementBlocks.length === 0) {
+        return sanitizedBlocks;
+    }
+    const blockIndex = path[path.length - 1];
+    if (blockIndex === undefined) {
+        return sanitizedBlocks;
+    }
+    const removed = (0, blockTree_1.removeBlockAtPath)(sanitizedBlocks, path);
+    if (!removed) {
+        return sanitizedBlocks;
+    }
+    return (0, blockTree_1.insertBlockAtPath)(removed.blocks, path.slice(0, -1), blockIndex, (0, richText_1.sanitizeRichTextBlocks)(replacementBlocks));
+}
+function insertBlocksInsideBlock(blocks, blockId, insertedBlocks) {
+    const sanitizedBlocks = (0, richText_1.sanitizeRichTextBlocks)(blocks);
+    const path = (0, blockTree_1.findBlockPath)(sanitizedBlocks, blockId);
+    if (!path || insertedBlocks.length === 0) {
+        return sanitizedBlocks;
+    }
+    return (0, blockTree_1.updateBlockAtPath)(sanitizedBlocks, path, (block) => {
+        return (0, blockTypes_1.isNestableRichTextBlock)(block)
+            ? (0, blockTree_1.withNestableBlockChildren)(block, [
+                ...(block.children ?? []),
+                ...(0, richText_1.sanitizeRichTextBlocks)(insertedBlocks),
+            ])
+            : block;
+    });
+}
+function getBlockActionBlocks(blocks, blockId) {
+    const sanitizedBlocks = (0, richText_1.sanitizeRichTextBlocks)(blocks);
+    const range = getActionBlockRange(sanitizedBlocks, blockId);
+    if (range) {
+        return sanitizedBlocks.slice(range.start, range.end);
+    }
+    const path = (0, blockTree_1.findBlockPath)(sanitizedBlocks, blockId);
+    const block = path ? (0, blockTree_1.getBlockAtPath)(sanitizedBlocks, path) : null;
+    return block ? [block] : [];
+}
+function convertCheckboxBlockToParagraph(blocks, blockId) {
+    return convertTreeRowBlockToParagraph(blocks, blockId, (block) => block.markdown, { convertNonEmpty: true });
+}
+function convertTreeRowBlockToParagraph(blocks, blockId, markdown, options = {}) {
+    const sanitizedBlocks = (0, richText_1.sanitizeRichTextBlocks)(blocks);
+    const path = (0, blockTree_1.findBlockPath)(sanitizedBlocks, blockId);
+    if (!path) {
+        return sanitizedBlocks;
+    }
+    return (0, blockTree_1.updateBlockAtPath)(sanitizedBlocks, path, (block) => {
+        if (!(0, blockTypes_1.isNestableRichTextBlock)(block)) {
+            return block;
+        }
+        if (!options.convertNonEmpty && block.markdown.trim().length > 0) {
+            return block;
+        }
+        return {
+            id: block.id,
+            markdown: typeof markdown === "function" ? markdown(block) : markdown,
+            type: "paragraph",
+        };
+    });
+}
+function blockToClipboardText(block) {
+    return blockToClipboardTextAtDepth(block, 0);
+}
+function blockToClipboardTextAtDepth(block, depth) {
+    const indent = "  ".repeat(depth);
+    if (block.type === "bullet") {
+        const text = (0, richText_1.richTextBlocksToPlainText)([{ ...block, children: [] }]);
+        const line = text ? `${indent}- ${text}` : "";
+        return [
+            line,
+            ...(block.children ?? []).map((child) => blockToClipboardTextAtDepth(child, depth + 1)),
+        ]
+            .filter((text) => text.trim())
+            .join("\n");
+    }
+    if (block.type === "ordered") {
+        const text = (0, richText_1.richTextBlocksToPlainText)([{ ...block, children: [] }]);
+        const line = text ? `${indent}1. ${text}` : "";
+        return [
+            line,
+            ...(block.children ?? []).map((child) => blockToClipboardTextAtDepth(child, depth + 1)),
+        ]
+            .filter((text) => text.trim())
+            .join("\n");
+    }
+    if (block.type === "checkbox") {
+        const text = (0, richText_1.richTextBlocksToPlainText)([{ ...block, children: [] }]);
+        const line = text ? `${indent}[${block.checked ? "x" : " "}] ${text}` : "";
+        return [
+            line,
+            ...(block.children ?? []).map((child) => blockToClipboardTextAtDepth(child, depth + 1)),
+        ]
+            .filter((value) => value.trim())
+            .join("\n");
+    }
+    if (block.type === "toggle") {
+        const text = (0, richText_1.richTextBlocksToPlainText)([{ ...block, children: [] }]);
+        const line = text ? `${indent}> ${text}` : "";
+        return [
+            line,
+            ...block.children.map((child) => blockToClipboardTextAtDepth(child, depth + 1)),
+        ]
+            .filter((value) => value.trim())
+            .join("\n");
+    }
+    if (block.type === "image") {
+        return (0, richText_1.richTextBlocksToPlainText)([{ ...block, uploadProgress: 0 }]);
+    }
+    return (0, richText_1.richTextBlocksToPlainText)([block]);
+}
+function blockActionToClipboardText(blocks, blockId) {
+    const sanitizedBlocks = (0, richText_1.sanitizeRichTextBlocks)(blocks);
+    const range = getActionBlockRange(sanitizedBlocks, blockId);
+    if (range) {
+        return sanitizedBlocks
+            .slice(range.start, range.end)
+            .map(blockToClipboardText)
+            .filter((text) => text.trim())
+            .join("\n");
+    }
+    const path = (0, blockTree_1.findBlockPath)(sanitizedBlocks, blockId);
+    const block = path ? (0, blockTree_1.getBlockAtPath)(sanitizedBlocks, path) : null;
+    return block ? blockToClipboardText(block) : "";
+}
+function getBlockDeletionFocusTarget(blocks, blockId) {
+    const sanitizedBlocks = (0, richText_1.sanitizeRichTextBlocks)(blocks);
+    const path = (0, blockTree_1.findBlockPath)(sanitizedBlocks, blockId);
+    if (!path) {
+        return undefined;
+    }
+    const index = path[path.length - 1];
+    const parentPath = path.slice(0, -1);
+    const siblings = (0, blockTree_1.getBlocksAtPath)(sanitizedBlocks, parentPath);
+    if (index === undefined || !siblings) {
+        return undefined;
+    }
+    const previousBlockId = siblings[index - 1]?.id;
+    if (previousBlockId) {
+        return { blockId: previousBlockId, position: "end" };
+    }
+    const nextBlockId = siblings[index + 1]?.id;
+    if (nextBlockId) {
+        return { blockId: nextBlockId, position: "start" };
+    }
+    if (parentPath.length > 0) {
+        const parent = (0, blockTree_1.getBlockAtPath)(sanitizedBlocks, parentPath);
+        if (parent) {
+            return { blockId: parent.id, position: "end" };
+        }
+    }
+    return {
+        blockId: "block-empty",
+        position: "start",
+    };
+}
+function getForwardDeleteFocusTarget(blocks, blockId) {
+    const sanitizedBlocks = (0, richText_1.sanitizeRichTextBlocks)(blocks);
+    const path = (0, blockTree_1.findBlockPath)(sanitizedBlocks, blockId);
+    if (!path) {
+        return undefined;
+    }
+    for (let depth = path.length - 1; depth >= 0; depth -= 1) {
+        const parentPath = path.slice(0, depth);
+        const index = path[depth];
+        const siblings = (0, blockTree_1.getBlocksAtPath)(sanitizedBlocks, parentPath);
+        const nextBlock = index === undefined ? undefined : siblings?.[index + 1];
+        if (nextBlock) {
+            return { blockId: nextBlock.id, position: "start" };
+        }
+    }
+    return undefined;
+}
+function getToggleContentBackspaceDeletionFocusTarget(blocks, blockId) {
+    const sanitizedBlocks = (0, richText_1.sanitizeRichTextBlocks)(blocks);
+    const path = (0, blockTree_1.findBlockPath)(sanitizedBlocks, blockId);
+    if (!path) {
+        return undefined;
+    }
+    const index = path[path.length - 1];
+    const parentPath = path.slice(0, -1);
+    const parent = (0, blockTree_1.getBlockAtPath)(sanitizedBlocks, parentPath);
+    const siblings = (0, blockTree_1.getBlocksAtPath)(sanitizedBlocks, parentPath);
+    if (index === undefined ||
+        index <= 0 ||
+        parent?.type !== "toggle" ||
+        !siblings) {
+        return undefined;
+    }
+    const previousSibling = siblings[index - 1];
+    return previousSibling
+        ? { blockId: previousSibling.id, position: "end" }
+        : undefined;
+}
+function isFirstToggleContentBlock(blocks, blockId) {
+    const sanitizedBlocks = (0, richText_1.sanitizeRichTextBlocks)(blocks);
+    const path = (0, blockTree_1.findBlockPath)(sanitizedBlocks, blockId);
+    if (!path) {
+        return false;
+    }
+    const index = path[path.length - 1];
+    const parent = (0, blockTree_1.getBlockAtPath)(sanitizedBlocks, path.slice(0, -1));
+    return index === 0 && parent?.type === "toggle";
+}
+function isRootBlockAfterToggle(blocks, blockId) {
+    const sanitizedBlocks = (0, richText_1.sanitizeRichTextBlocks)(blocks);
+    const path = (0, blockTree_1.findBlockPath)(sanitizedBlocks, blockId);
+    if (!path) {
+        return false;
+    }
+    const index = path[path.length - 1];
+    const parentPath = path.slice(0, -1);
+    const siblings = (0, blockTree_1.getBlocksAtPath)(sanitizedBlocks, parentPath);
+    if (parentPath.length !== 0 ||
+        index === undefined ||
+        index <= 0 ||
+        !siblings) {
+        return false;
+    }
+    return siblings[index - 1]?.type === "toggle";
+}
+function getSingleBlockRange(blocks, blockId) {
+    const index = blocks.findIndex((block) => {
+        return block.id === blockId;
+    });
+    return index === -1 ? null : { end: index + 1, start: index };
+}
+function getActionBlockRange(blocks, blockId) {
+    const index = blocks.findIndex((block) => {
+        return block.id === blockId;
+    });
+    if (index === -1) {
+        return null;
+    }
+    if (blocks[index]?.type !== "checkbox") {
+        return { end: index + 1, start: index };
+    }
+    let start = index;
+    let end = index + 1;
+    while (start > 0 && blocks[start - 1]?.type === "checkbox") {
+        start -= 1;
+    }
+    while (end < blocks.length && blocks[end]?.type === "checkbox") {
+        end += 1;
+    }
+    return { end, start };
+}
+function getSplitTreeRowNextBlock(block, split) {
+    if (block.type === "checkbox") {
+        return {
+            checked: false,
+            id: split.nextBlockId,
+            markdown: split.afterMarkdown,
+            type: "checkbox",
+        };
+    }
+    if (block.type === "toggle") {
+        return {
+            children: [],
+            collapsed: false,
+            id: split.nextBlockId,
+            markdown: split.afterMarkdown,
+            type: "toggle",
+        };
+    }
+    return {
+        id: split.nextBlockId,
+        markdown: split.afterMarkdown,
+        type: block.type,
+    };
+}

package/dist-cjs/react/editor/editorHistory.js

@@ -0,0 +1,120 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRichTextHistory = createRichTextHistory;
+exports.commitRichTextHistory = commitRichTextHistory;
+exports.canUndoRichTextHistory = canUndoRichTextHistory;
+exports.canRedoRichTextHistory = canRedoRichTextHistory;
+exports.undoRichTextHistory = undoRichTextHistory;
+exports.redoRichTextHistory = redoRichTextHistory;
+exports.createRichTextHistorySnapshot = createRichTextHistorySnapshot;
+const session_1 = require("../../session/session");
+const DEFAULT_HISTORY_DEPTH = 100;
+const TYPING_COALESCE_MS = 1000;
+function createRichTextHistory({ document, maxDepth = DEFAULT_HISTORY_DEPTH, selection = null, timestamp = Date.now(), }) {
+    return {
+        future: [],
+        maxDepth,
+        past: [],
+        present: {
+            document,
+            label: "typing",
+            selection,
+            timestamp,
+        },
+    };
+}
+function commitRichTextHistory(history, commit) {
+    const timestamp = commit.timestamp ?? Date.now();
+    const nextEntry = {
+        document: commit.document,
+        label: commit.label,
+        metadata: commit.metadata,
+        selection: commit.selection,
+        timestamp,
+    };
+    if (areDocumentsEqual(history.present.document, nextEntry.document)) {
+        return history;
+    }
+    if (shouldCoalesceHistoryEntry(history.present, nextEntry)) {
+        return {
+            ...history,
+            future: [],
+            present: nextEntry,
+        };
+    }
+    return {
+        ...history,
+        future: [],
+        past: [...history.past, history.present].slice(-history.maxDepth),
+        present: nextEntry,
+    };
+}
+function canUndoRichTextHistory(history) {
+    return history.past.length > 0;
+}
+function canRedoRichTextHistory(history) {
+    return history.future.length > 0;
+}
+function undoRichTextHistory(history) {
+    const previous = history.past[history.past.length - 1];
+    if (!previous) {
+        return { entry: history.present, history };
+    }
+    return {
+        entry: previous,
+        history: {
+            ...history,
+            future: [history.present, ...history.future],
+            past: history.past.slice(0, -1),
+            present: previous,
+        },
+    };
+}
+function redoRichTextHistory(history) {
+    const next = history.future[0];
+    if (!next) {
+        return { entry: history.present, history };
+    }
+    return {
+        entry: next,
+        history: {
+            ...history,
+            future: history.future.slice(1),
+            past: [...history.past, history.present].slice(-history.maxDepth),
+            present: next,
+        },
+    };
+}
+function createRichTextHistorySnapshot(history) {
+    const entries = [...history.past, history.present, ...history.future].map((entry, index) => ({
+        id: `history-${index}-${entry.timestamp}`,
+        label: entry.label,
+        ...(entry.metadata ? { metadata: entry.metadata } : {}),
+        timestamp: entry.timestamp,
+    }));
+    return {
+        canRedo: canRedoRichTextHistory(history),
+        canUndo: canUndoRichTextHistory(history),
+        currentIndex: history.past.length,
+        entries,
+    };
+}
+function shouldCoalesceHistoryEntry(previous, next) {
+    if (previous.label !== next.label) {
+        return false;
+    }
+    if (next.label !== "typing" && next.label !== "title") {
+        return false;
+    }
+    if (next.timestamp - previous.timestamp > TYPING_COALESCE_MS) {
+        return false;
+    }
+    if (next.label === "title") {
+        return true;
+    }
+    return (previous.selection?.blockId !== undefined &&
+        previous.selection.blockId === next.selection?.blockId);
+}
+function areDocumentsEqual(left, right) {
+    return (0, session_1.canonicalSerialize)(left) === (0, session_1.canonicalSerialize)(right);
+}

package/dist-cjs/react/{editorNavigation.js → editor/editorNavigation.js}

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.isCursorOnFirstLine = isCursorOnFirstLine;
 exports.isSelectAllShortcut = isSelectAllShortcut;
 exports.getEditorKeyboardShortcut = getEditorKeyboardShortcut;
+exports.getEditorHistoryShortcut = getEditorHistoryShortcut;
 exports.getCodeBlockSelectionTarget = getCodeBlockSelectionTarget;
 function isCursorOnFirstLine(value, selectionStart) {
     return !value.slice(0, selectionStart).includes("\n");
@@ -29,6 +30,22 @@ function getEditorKeyboardShortcut(event) {
     }
     return null;
 }
+function getEditorHistoryShortcut(event) {
+    if (!(event.ctrlKey || event.metaKey) || event.altKey) {
+        return null;
+    }
+    const key = event.key.toLowerCase();
+    if (key === "z" && event.shiftKey) {
+        return "redo";
+    }
+    if (key === "z" && !event.shiftKey) {
+        return "undo";
+    }
+    if (key === "y" && !event.shiftKey) {
+        return "redo";
+    }
+    return null;
+}
 function getCodeBlockSelectionTarget(root, selection) {
     if (!selection || selection.rangeCount === 0) {
         return null;

package/dist-cjs/react/editor/editorOperations.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createEditorOperation = createEditorOperation;
+function createEditorOperation(operation) {
+    return operation;
+}