@blankdotpage/cake 0.1.37 → 0.1.39

package/dist/cake/extensions/link/link-popover.js

@@ -32,20 +32,11 @@ function cx(...parts) {
     return parts.filter(Boolean).join(" ");
 }
 export function CakeLinkPopover({ editor, styles, }) {
-    const container = editor.getContainer();
     const contentRoot = editor.getContentRoot();
     if (!contentRoot) {
         return null;
     }
-    const toOverlayRect = useCallback((rect) => {
-        const containerRect = container.getBoundingClientRect();
-        return {
-            top: rect.top - containerRect.top,
-            left: rect.left - containerRect.left,
-            width: rect.width,
-            height: rect.height,
-        };
-    }, [container]);
+    const toOverlayRect = useCallback((rect) => editor.toOverlayRect(rect), [editor]);
     const getSelection = useCallback(() => {
         const selection = editor.getSelection();
         const focus = selection.start === selection.end
@@ -200,13 +191,14 @@ export function CakeLinkPopover({ editor, styles, }) {
         if (state.status !== "open") {
             return;
         }
+        const container = editor.getContainer();
         container.addEventListener("scroll", close, { passive: true });
         window.addEventListener("resize", reposition);
         return () => {
             container.removeEventListener("scroll", close);
             window.removeEventListener("resize", reposition);
         };
-    }, [close, container, reposition, state.status]);
+    }, [close, editor, reposition, state.status]);
     const handleMouseDown = useCallback((event) => {
         event.stopPropagation();
         if (event.target instanceof HTMLInputElement) {

package/dist/cake/extensions/mention/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./mention";
+//# sourceMappingURL=index.d.ts.map

package/dist/cake/extensions/mention/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/cake/extensions/mention/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/cake/extensions/mention/index.js

@@ -0,0 +1 @@
+export * from "./mention";

package/dist/cake/extensions/mention/mention.d.ts

@@ -0,0 +1,61 @@
+import { type ReactNode } from "react";
+import type { CakeExtension } from "../../core/runtime";
+export type MentionItem = {
+    id: string;
+    label: string;
+};
+export type MentionExtensionOptions<Item extends MentionItem = MentionItem> = {
+    getItems: (query: string) => Promise<Item[]>;
+    /**
+     * Optional item accessors, for non-standard item shapes.
+     * Defaults assume { id, label }.
+     */
+    getItemId?: (item: Item) => string;
+    getItemLabel?: (item: Item) => string;
+    /**
+     * Customize how mentions are encoded in markdown.
+     *
+     * Default: "@[id](label)".
+     */
+    serializeMention?: (mention: {
+        id: string;
+        label: string;
+    }) => string;
+    /**
+     * Customize how mentions are parsed from markdown.
+     *
+     * Return null to indicate no match at `start`.
+     */
+    parseMention?: (source: string, start: number, end: number) => {
+        mention: {
+            id: string;
+            label: string;
+        };
+        nextPos: number;
+    } | null;
+    renderItem?: (item: Item, context: {
+        query: string;
+        isActive: boolean;
+    }) => ReactNode;
+    /**
+     * Allows callers to add attributes/classes/styles to the mention element.
+     *
+     * Note: the element must remain a single cursor unit; do not add extra text nodes.
+     */
+    decorateMentionElement?: (params: {
+        element: HTMLSpanElement;
+        mention: {
+            id: string;
+            label: string;
+        };
+    }) => void;
+    styles?: {
+        popover?: string;
+        popoverList?: string;
+        popoverItem?: string;
+        popoverItemActive?: string;
+        mention?: string;
+    };
+};
+export declare function mentionExtension<Item extends MentionItem = MentionItem>(options: MentionExtensionOptions<Item>): CakeExtension;
+//# sourceMappingURL=mention.d.ts.map

package/dist/cake/extensions/mention/mention.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention.d.ts","sourceRoot":"","sources":["../../../../src/cake/extensions/mention/mention.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,aAAa,EAGd,MAAM,oBAAoB,CAAC;AAK5B,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,uBAAuB,CAAC,IAAI,SAAS,WAAW,GAAG,WAAW,IAAI;IAC5E,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;IAC7C;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACnC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACtC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IACtE;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK;QAC7D,OAAO,EAAE;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAC;QACvC,OAAO,EAAE,MAAM,CAAC;KACjB,GAAG,IAAI,CAAC;IACT,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,SAAS,CAAC;IACtF;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE;QAChC,OAAO,EAAE,eAAe,CAAC;QACzB,OAAO,EAAE;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAC;KACxC,KAAK,IAAI,CAAC;IACX,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,IAAI,SAAS,WAAW,GAAG,WAAW,EACrE,OAAO,EAAE,uBAAuB,CAAC,IAAI,CAAC,GACrC,aAAa,CAsHf"}

package/dist/cake/extensions/mention/mention.js

@@ -0,0 +1,460 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from "react";
+import { CursorSourceBuilder } from "../../core/mapping/cursor-source-map";
+export function mentionExtension(options) {
+    const getItemId = options.getItemId ?? ((item) => String(item.id ?? ""));
+    const getItemLabel = options.getItemLabel ?? ((item) => String(item.label ?? ""));
+    const serializeMention = options.serializeMention ??
+        ((mention) => `@[${mention.id}](${mention.label})`);
+    const parseMention = options.parseMention ?? defaultParseMention;
+    return (editor) => {
+        const disposers = [];
+        disposers.push(editor.registerParseInline((source, start, end) => {
+            const result = parseMention(source, start, end);
+            if (!result) {
+                return null;
+            }
+            return {
+                inline: {
+                    type: "inline-atom",
+                    kind: "mention",
+                    data: result.mention,
+                },
+                nextPos: result.nextPos,
+            };
+        }));
+        disposers.push(editor.registerSerializeInline((inline) => {
+            if (inline.type !== "inline-atom" || inline.kind !== "mention") {
+                return null;
+            }
+            const data = inline.data;
+            const id = typeof data?.id === "string" ? data.id : "";
+            const label = typeof data?.label === "string" ? data.label : "";
+            const source = serializeMention({ id, label });
+            const builder = new CursorSourceBuilder();
+            builder.appendCursorAtom(source, 1);
+            return builder.build();
+        }));
+        disposers.push(editor.registerNormalizeInline((inline) => {
+            if (inline.type !== "inline-atom" || inline.kind !== "mention") {
+                return inline;
+            }
+            const data = inline.data;
+            if (typeof data?.id !== "string") {
+                return null;
+            }
+            return inline;
+        }));
+        disposers.push(editor.registerInlineRenderer((inline, context) => {
+            if (inline.type !== "inline-atom" || inline.kind !== "mention") {
+                return null;
+            }
+            const data = inline.data;
+            const id = typeof data?.id === "string" ? data.id : "";
+            const label = typeof data?.label === "string" ? data.label : "";
+            const element = document.createElement("span");
+            element.className = [
+                "cake-inline-atom",
+                "cake-inline-atom--mention",
+                "cake-mention",
+                options.styles?.mention,
+            ]
+                .filter(Boolean)
+                .join(" ");
+            element.setAttribute("data-cake-mention", "true");
+            element.setAttribute("data-mention-id", id);
+            element.setAttribute("data-mention-label", label);
+            options.decorateMentionElement?.({
+                element,
+                mention: { id, label },
+            });
+            // IMPORTANT: keep exactly one text node so DOM<->cursor mapping stays 1:1.
+            const placeholder = document.createTextNode(" ");
+            context.createTextRun(placeholder);
+            element.append(placeholder);
+            return element;
+        }));
+        const MentionUI = ({ editor }) => (_jsx(CakeMentionUI, { editor: editor, getItems: options.getItems, getItemId: getItemId, getItemLabel: getItemLabel, serializeMention: serializeMention, renderItem: options.renderItem, styles: options.styles }));
+        disposers.push(editor.registerUI(MentionUI));
+        return () => disposers.reverse().forEach((d) => d());
+    };
+}
+function defaultParseMention(source, start, end) {
+    // Default format: @[id](label)
+    if (source[start] !== "@" || source[start + 1] !== "[") {
+        return null;
+    }
+    const idStart = start + 2;
+    const idClose = source.indexOf("]", idStart);
+    if (idClose === -1 || idClose >= end) {
+        return null;
+    }
+    if (source[idClose + 1] !== "(") {
+        return null;
+    }
+    const labelStart = idClose + 2;
+    const labelClose = source.indexOf(")", labelStart);
+    if (labelClose === -1 || labelClose >= end) {
+        return null;
+    }
+    const id = source.slice(idStart, idClose);
+    const label = source.slice(labelStart, labelClose);
+    return {
+        mention: { id, label },
+        nextPos: labelClose + 1,
+    };
+}
+function ensureMentionStyles() {
+    const id = "cake-mention-styles";
+    if (document.getElementById(id)) {
+        return;
+    }
+    const style = document.createElement("style");
+    style.id = id;
+    style.textContent = `
+    .cake-mention {
+      display: inline-flex;
+      align-items: center;
+      border-radius: 9999px;
+      padding: 0 6px;
+      background: rgba(59, 130, 246, 0.15);
+      color: rgb(37, 99, 235);
+      font-weight: 500;
+      white-space: nowrap;
+    }
+    .cake-mention::before {
+      content: "@" attr(data-mention-label);
+    }
+    .cake-mention > * {
+      display: none;
+    }
+    .cake-mention-popover {
+      min-width: 220px;
+      max-width: 320px;
+      max-height: 220px;
+      overflow: auto;
+      background: white;
+      border: 1px solid rgba(0,0,0,0.12);
+      border-radius: 10px;
+      box-shadow: 0 12px 32px rgba(0,0,0,0.16);
+      padding: 6px;
+    }
+    .cake-mention-popover button {
+      width: 100%;
+      text-align: left;
+      border: 0;
+      background: transparent;
+      padding: 6px 8px;
+      border-radius: 8px;
+      cursor: pointer;
+    }
+    .cake-mention-popover button:hover {
+      background: rgba(0,0,0,0.06);
+    }
+    .cake-mention-popover button[aria-selected="true"] {
+      background: rgba(59, 130, 246, 0.12);
+    }
+  `;
+    document.head.appendChild(style);
+}
+function getTriggerQuery(textBeforeCursor) {
+    // Require the trigger to be at the start or preceded by a non-word character
+    // to avoid matching emails/words like "foo@bar", while still supporting
+    // punctuation boundaries like "(@alice".
+    const match = textBeforeCursor.match(/(?:^|[^\w])@([^\s@]*)$/);
+    return match ? match[1] ?? "" : null;
+}
+function getPopoverPositionFromCaret(editor) {
+    const rect = editor.getCursorOverlayRect();
+    if (!rect) {
+        return null;
+    }
+    return {
+        top: rect.top + rect.height + 6,
+        left: rect.left,
+    };
+}
+function getPopoverPositionFromElement(editor, anchor) {
+    const rect = editor.toOverlayRect(anchor.getBoundingClientRect());
+    return {
+        top: rect.top + rect.height + 6,
+        left: rect.left,
+    };
+}
+function CakeMentionUI({ editor, getItems, getItemId, getItemLabel, serializeMention, renderItem, styles, }) {
+    const container = editor.getContainer();
+    const requestIdRef = useRef(0);
+    const stateRef = useRef({ status: "closed" });
+    const [state, setState] = useState({
+        status: "closed",
+    });
+    useEffect(() => {
+        ensureMentionStyles();
+    }, []);
+    useLayoutEffect(() => {
+        stateRef.current = state;
+    }, [state]);
+    const close = useCallback(() => {
+        setState({ status: "closed" });
+    }, []);
+    const handleChoose = useCallback((item) => {
+        const current = stateRef.current;
+        if (current.status !== "open") {
+            return;
+        }
+        if (current.replaceAdvanceCursor > 0) {
+            const sel = editor.getSelection();
+            const cursorLength = editor.getCursorLength();
+            const next = Math.min(Math.max(0, sel.start + current.replaceAdvanceCursor), cursorLength);
+            editor.setSelection({ start: next, end: next, affinity: "forward" });
+        }
+        const id = getItemId(item);
+        const label = getItemLabel(item);
+        const text = serializeMention({ id, label });
+        editor.replaceTextBeforeCursor(current.replaceChars, text);
+        close();
+        editor.focus();
+    }, [close, editor, getItemId, getItemLabel, serializeMention]);
+    const open = useCallback((next) => {
+        setState({
+            status: "open",
+            mode: next.mode,
+            query: next.query,
+            replaceChars: next.replaceChars,
+            replaceAdvanceCursor: next.replaceAdvanceCursor ?? 0,
+            position: next.position,
+            items: next.items ?? [],
+            loading: true,
+            activeIndex: 0,
+        });
+    }, []);
+    const fetch = useCallback((query) => {
+        const requestId = (requestIdRef.current += 1);
+        let promise;
+        try {
+            promise = Promise.resolve(getItems(query));
+        }
+        catch {
+            promise = Promise.resolve([]);
+        }
+        return promise
+            .then((items) => {
+            if (requestId !== requestIdRef.current) {
+                return;
+            }
+            setState((current) => {
+                if (current.status !== "open") {
+                    return current;
+                }
+                return {
+                    ...current,
+                    items,
+                    loading: false,
+                    activeIndex: Math.min(current.activeIndex, Math.max(0, items.length - 1)),
+                };
+            });
+        })
+            .catch(() => {
+            if (requestId !== requestIdRef.current) {
+                return;
+            }
+            setState((current) => {
+                if (current.status !== "open") {
+                    return current;
+                }
+                return { ...current, items: [], loading: false };
+            });
+        });
+    }, [getItems]);
+    useLayoutEffect(() => {
+        // Trigger mode: driven by typing in the editor.
+        const updateFromEditor = () => {
+            const selection = editor.getSelection();
+            if (selection.start !== selection.end) {
+                if (stateRef.current.status === "open" &&
+                    stateRef.current.mode === "trigger") {
+                    close();
+                }
+                return;
+            }
+            const query = getTriggerQuery(editor.getTextBeforeCursor(80));
+            if (query === null) {
+                if (stateRef.current.status === "open" &&
+                    stateRef.current.mode === "trigger") {
+                    close();
+                }
+                return;
+            }
+            const position = getPopoverPositionFromCaret(editor);
+            if (!position) {
+                return;
+            }
+            const replaceChars = query.length + 1;
+            open({
+                status: "open",
+                mode: "trigger",
+                query,
+                replaceChars,
+                replaceAdvanceCursor: 0,
+                position,
+            });
+            fetch(query);
+        };
+        const unsubscribe = editor.onChange(updateFromEditor);
+        // In case the user typed before React effects ran, sync from current state.
+        updateFromEditor();
+        return unsubscribe;
+    }, [close, editor, fetch, open]);
+    useEffect(() => {
+        function handleClick(event) {
+            const target = event.target;
+            if (!(target instanceof Element)) {
+                close();
+                return;
+            }
+            // Ignore clicks inside the popover itself.
+            if (target.closest("[data-testid=\"cake-mention-popover\"]")) {
+                return;
+            }
+            const mention = target.closest("[data-cake-mention]");
+            if (!mention) {
+                if (stateRef.current.status === "open" &&
+                    stateRef.current.mode === "replace") {
+                    close();
+                }
+                return;
+            }
+            const rect = mention.getBoundingClientRect();
+            const midpoint = rect.left + rect.width / 2;
+            const placeBefore = event.clientX < midpoint;
+            queueMicrotask(() => {
+                const domSelection = window.getSelection();
+                if (!domSelection) {
+                    return;
+                }
+                const walker = document.createTreeWalker(mention, NodeFilter.SHOW_TEXT);
+                const node = walker.nextNode();
+                const placeholder = node instanceof Text ? node : null;
+                const range = document.createRange();
+                if (placeholder && placeholder.data.length >= 1) {
+                    const offset = placeBefore ? 0 : 1;
+                    range.setStart(placeholder, offset);
+                    range.setEnd(placeholder, offset);
+                    domSelection.removeAllRanges();
+                    domSelection.addRange(range);
+                    editor.syncSelectionFromDOM();
+                }
+                // Defer opening until the next frame so any caret auto-scroll triggered
+                // by the selection sync finishes before we show the popover.
+                requestAnimationFrame(() => {
+                    const position = getPopoverPositionFromCaret(editor) ??
+                        getPopoverPositionFromElement(editor, mention);
+                    open({
+                        status: "open",
+                        mode: "replace",
+                        query: "",
+                        replaceChars: 1,
+                        replaceAdvanceCursor: placeBefore ? 1 : 0,
+                        position,
+                    });
+                    fetch("");
+                });
+            });
+        }
+        container.addEventListener("click", handleClick);
+        return () => {
+            container.removeEventListener("click", handleClick);
+        };
+    }, [close, container, editor, fetch, open]);
+    useEffect(() => {
+        return editor.registerKeyDownInterceptor((event) => {
+            const current = stateRef.current;
+            if (current.status !== "open") {
+                return false;
+            }
+            if (event.key === "Escape") {
+                event.preventDefault();
+                close();
+                return true;
+            }
+            if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+                event.preventDefault();
+                const delta = event.key === "ArrowDown" ? 1 : -1;
+                setState((prev) => {
+                    if (prev.status !== "open") {
+                        return prev;
+                    }
+                    const length = prev.items.length;
+                    if (length === 0) {
+                        return prev;
+                    }
+                    const nextIndex = (prev.activeIndex + delta + length) % length;
+                    return { ...prev, activeIndex: nextIndex };
+                });
+                return true;
+            }
+            if (event.key === "Enter") {
+                event.preventDefault();
+                editor.suppressNextBeforeInput();
+                const item = current.items[current.activeIndex];
+                if (item) {
+                    handleChoose(item);
+                }
+                return true;
+            }
+            return false;
+        });
+    }, [close, editor, handleChoose]);
+    useEffect(() => {
+        if (state.status !== "open") {
+            return;
+        }
+        container.addEventListener("scroll", close, { passive: true });
+        window.addEventListener("resize", close);
+        return () => {
+            container.removeEventListener("scroll", close);
+            window.removeEventListener("resize", close);
+        };
+    }, [close, container, state.status]);
+    const className = useMemo(() => ["cake-mention-popover", styles?.popover]
+        .filter(Boolean)
+        .join(" "), [styles?.popover]);
+    if (state.status !== "open") {
+        return null;
+    }
+    return (_jsx("div", { "data-testid": "cake-mention-popover", className: className, style: {
+            position: "absolute",
+            top: state.position.top,
+            left: state.position.left,
+            pointerEvents: "auto",
+            zIndex: 10,
+        }, onMouseDown: (event) => {
+            // Keep focus from leaving the editor on click-drag.
+            event.stopPropagation();
+            event.preventDefault();
+        }, children: _jsxs("div", { className: styles?.popoverList, children: [state.items.map((item, index) => {
+                    const label = getItemLabel(item);
+                    const isActive = index === state.activeIndex;
+                    const itemClass = [
+                        styles?.popoverItem,
+                        isActive ? styles?.popoverItemActive : null,
+                    ]
+                        .filter(Boolean)
+                        .join(" ");
+                    const content = renderItem
+                        ? renderItem(item, { query: state.query, isActive })
+                        : label;
+                    return (_jsx("button", { type: "button", className: itemClass, "aria-label": label, "aria-selected": isActive, "data-active": isActive ? "true" : undefined, onMouseEnter: () => {
+                            setState((prev) => {
+                                if (prev.status !== "open") {
+                                    return prev;
+                                }
+                                return { ...prev, activeIndex: index };
+                            });
+                        }, onClick: (event) => {
+                            event.preventDefault();
+                            event.stopPropagation();
+                            handleChoose(item);
+                        }, children: content }, getItemId(item) || String(index)));
+                }), state.items.length === 0 && !state.loading ? (_jsx("div", { style: { padding: 8, opacity: 0.6 }, children: "No results" })) : null, state.items.length === 0 && state.loading ? (_jsx("div", { style: { padding: 8, opacity: 0.6 }, children: "Searching\u2026" })) : null] }) }));
+}

package/dist/cake/react/index.d.ts

@@ -19,6 +19,8 @@ export interface CakeEditorProps {
     spellCheck?: boolean;
     className?: string;
     style?: React.CSSProperties;
+    scrollerStyle?: React.CSSProperties;
+    scrollerClassName?: string;
     extensions: CakeExtension[];
     onBlur?: (event?: FocusEvent) => void;
 }

package/dist/cake/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/cake/react/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/cake/react/index.tsx"],"names":[],"mappings":"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"}