@batterai/editor-shell 0.1.0

package/dist/components/editable-text/richHtml.js

@@ -0,0 +1,150 @@
+import { BINDING_CHIP_ATTR, bindingChipLabel, decodeBindingToken, } from "../../bindingChips.js";
+const RICH_TAGS = new Set([
+    "A",
+    "B",
+    "BR",
+    "DIV",
+    "EM",
+    "H1",
+    "H2",
+    "H3",
+    "H4",
+    "I",
+    "LI",
+    "OL",
+    "P",
+    "SPAN",
+    "STRONG",
+    "UL",
+]);
+const TEXT_ALIGN_TAGS = new Set(["DIV", "H1", "H2", "H3", "H4", "LI", "P"]);
+const SAFE_TEXT_ALIGN = new Set(["center", "justify", "left", "right"]);
+const SAFE_COLORS = new Map([
+    ["rgb(18, 33, 41)", "ink"],
+    ["rgb(82, 112, 101)", "accentStrong"],
+    ["rgb(201, 92, 74)", "accent"],
+    ["rgb(104, 118, 123)", "muted"],
+    ["rgb(255, 255, 255)", "panel"],
+    ["var(--ink)", "ink"],
+    ["var(--accent-strong)", "accentStrong"],
+    ["var(--accent)", "accent"],
+    ["var(--muted)", "muted"],
+    ["var(--panel)", "panel"],
+]);
+const SAFE_TEXT_TRANSFORMS = new Set(["capitalize", "lowercase", "none", "uppercase"]);
+function escapeHtml(value) {
+    return value
+        .replace(/&/g, "&")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;");
+}
+export function looksLikeHtml(value) {
+    return /<\/?[a-z][\s\S]*>/i.test(value);
+}
+export function sanitizeRichHtml(value) {
+    if (!looksLikeHtml(value))
+        return escapeHtml(value);
+    if (typeof document === "undefined")
+        return sanitizeRichHtmlServer(value);
+    const template = document.createElement("template");
+    template.innerHTML = value;
+    template.content.querySelectorAll("*").forEach((element) => {
+        const bindingToken = element.tagName === "SPAN" ? decodeBindingToken(element.getAttribute(BINDING_CHIP_ATTR)) : null;
+        if (!RICH_TAGS.has(element.tagName)) {
+            element.replaceWith(...Array.from(element.childNodes));
+            return;
+        }
+        if (bindingToken) {
+            for (const attribute of Array.from(element.attributes)) {
+                if (attribute.name !== BINDING_CHIP_ATTR)
+                    element.removeAttribute(attribute.name);
+            }
+            element.setAttribute("contenteditable", "false");
+            element.setAttribute("class", "be-binding-chip");
+            element.setAttribute("title", bindingChipLabel(bindingToken));
+            element.textContent = "";
+            return;
+        }
+        for (const attribute of Array.from(element.attributes)) {
+            const keepHref = element.tagName === "A" && attribute.name === "href";
+            if (keepHref && /^(https?:\/\/|mailto:|\/|#)/.test(attribute.value))
+                continue;
+            if (attribute.name === "style") {
+                const style = element;
+                const declarations = [];
+                if (TEXT_ALIGN_TAGS.has(element.tagName) && SAFE_TEXT_ALIGN.has(style.style.textAlign)) {
+                    declarations.push(`text-align: ${style.style.textAlign}`);
+                }
+                const color = SAFE_COLORS.get(style.style.color.toLowerCase());
+                if (element.tagName === "SPAN" && color)
+                    declarations.push(`color: var(--${color})`);
+                const transform = style.style.textTransform;
+                if (element.tagName === "SPAN" && SAFE_TEXT_TRANSFORMS.has(transform)) {
+                    declarations.push(`text-transform: ${transform}`);
+                }
+                if (declarations.length > 0) {
+                    element.setAttribute("style", declarations.join("; "));
+                    continue;
+                }
+            }
+            element.removeAttribute(attribute.name);
+        }
+        if (element.tagName === "A") {
+            element.setAttribute("rel", "noopener noreferrer");
+            element.setAttribute("target", "_blank");
+        }
+    });
+    return template.innerHTML;
+}
+function sanitizeRichHtmlServer(value) {
+    const withoutDangerousContent = value.replace(/<(script|style|iframe|object|svg)\b[^>]*>[\s\S]*?<\/\1\s*>/gi, "");
+    return withoutDangerousContent.replace(/<\/?([a-z0-9-]+)([^>]*)>/gi, (match, rawTag, rawAttributes) => {
+        const tag = rawTag.toUpperCase();
+        if (!RICH_TAGS.has(tag))
+            return "";
+        if (match.startsWith("</"))
+            return `</${rawTag.toLowerCase()}>`;
+        if (tag === "BR")
+            return "<br>";
+        const attributes = [];
+        if (tag === "SPAN") {
+            const binding = new RegExp(`${BINDING_CHIP_ATTR}=(?:"([^"]*)"|'([^']*)')`, "i").exec(rawAttributes);
+            if (binding)
+                attributes.push(`${BINDING_CHIP_ATTR}="${escapeHtml(binding[1] ?? binding[2] ?? "")}"`);
+        }
+        const style = /\bstyle=(?:"([^"]*)"|'([^']*)')/i.exec(rawAttributes);
+        if (style) {
+            const declarations = (style[1] ?? style[2] ?? "").split(";").flatMap((part) => {
+                const [rawName, ...rawValue] = part.split(":");
+                const name = rawName?.trim().toLowerCase();
+                const candidate = rawValue.join(":").trim().toLowerCase();
+                if (TEXT_ALIGN_TAGS.has(tag) && name === "text-align" && SAFE_TEXT_ALIGN.has(candidate))
+                    return [`text-align: ${candidate}`];
+                if (tag === "SPAN" && name === "text-transform" && SAFE_TEXT_TRANSFORMS.has(candidate))
+                    return [`text-transform: ${candidate}`];
+                const color = SAFE_COLORS.get(candidate);
+                if (tag === "SPAN" && name === "color" && color)
+                    return [`color: var(--${color})`];
+                return [];
+            });
+            if (declarations.length)
+                attributes.push(`style="${declarations.join("; ")}"`);
+        }
+        if (tag === "A") {
+            const href = /\bhref=(?:"([^"]*)"|'([^']*)')/i.exec(rawAttributes);
+            const value = href?.[1] ?? href?.[2] ?? "";
+            if (/^(https?:\/\/|mailto:|\/|#)/.test(value))
+                attributes.push(`href="${escapeHtml(value)}"`);
+            attributes.push('rel="noopener noreferrer"', 'target="_blank"');
+        }
+        return `<${rawTag.toLowerCase()}${attributes.length ? ` ${attributes.join(" ")}` : ""}>`;
+    });
+}
+export function hasBindingChip(value) {
+    return value.includes(BINDING_CHIP_ATTR);
+}
+export function richValueFromElement(element) {
+    return looksLikeHtml(element.innerHTML) ? sanitizeRichHtml(element.innerHTML) : element.textContent ?? "";
+}
+//# sourceMappingURL=richHtml.js.map

package/dist/components/editable-text/richHtml.js.map

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

package/dist/components/editable-text/selection.d.ts

@@ -0,0 +1,12 @@
+export declare function selectedInside(element: HTMLElement | null): boolean;
+export declare function selectedRangeInside(element: HTMLElement | null): Range | null;
+export declare function selectionToolbarPosition(element: HTMLElement | null): {
+    left: number;
+    top: number;
+} | null;
+export declare function restoreSelection(range: Range | null): void;
+export declare function wrapSelection(tagName: "a" | "em" | "span" | "strong", attrs?: Record<string, string>): void;
+export declare function removeSelectionFormatting(): void;
+export declare function formatSelectionBlock(tagName: "div" | "h1" | "h2" | "h3"): void;
+export declare function caretRangeFromPoint(element: HTMLElement, clientX: number, clientY: number): Range;
+//# sourceMappingURL=selection.d.ts.map

package/dist/components/editable-text/selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../../src/components/editable-text/selection.ts"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,WAKzD;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,gBAM9D;AAED,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;;;SASnE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,QAMnD;AAWD,wBAAgB,aAAa,CAAC,OAAO,EAAE,GAAG,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,EAAE,KAAK,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM,QAYxG;AAED,wBAAgB,yBAAyB,SASxC;AAID,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,QAsBvE;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,SAuBzF"}

package/dist/components/editable-text/selection.js

@@ -0,0 +1,119 @@
+export function selectedInside(element) {
+    const selection = window.getSelection();
+    if (!element || !selection || selection.isCollapsed || selection.rangeCount === 0)
+        return false;
+    const range = selection.getRangeAt(0);
+    return element.contains(range.commonAncestorContainer);
+}
+export function selectedRangeInside(element) {
+    const selection = window.getSelection();
+    if (!element || !selection || selection.rangeCount === 0)
+        return null;
+    const range = selection.getRangeAt(0);
+    if (!element.contains(range.commonAncestorContainer))
+        return null;
+    return range;
+}
+export function selectionToolbarPosition(element) {
+    const range = selectedRangeInside(element);
+    if (!range || window.getSelection()?.isCollapsed)
+        return null;
+    const rect = range.getBoundingClientRect();
+    if (rect.width === 0 && rect.height === 0)
+        return null;
+    return {
+        left: Math.min(window.innerWidth - 24, Math.max(24, rect.left + rect.width / 2)),
+        top: Math.max(44, rect.top - 8),
+    };
+}
+export function restoreSelection(range) {
+    if (!range)
+        return;
+    const selection = window.getSelection();
+    if (!selection)
+        return;
+    selection.removeAllRanges();
+    selection.addRange(range);
+}
+function unwrapElement(element) {
+    const parent = element.parentNode;
+    if (!parent)
+        return;
+    while (element.firstChild) {
+        parent.insertBefore(element.firstChild, element);
+    }
+    parent.removeChild(element);
+}
+export function wrapSelection(tagName, attrs = {}) {
+    const range = selectedRangeInside(document.activeElement);
+    if (!range || range.collapsed)
+        return;
+    const wrapper = document.createElement(tagName);
+    Object.entries(attrs).forEach(([name, value]) => wrapper.setAttribute(name, value));
+    wrapper.appendChild(range.extractContents());
+    range.insertNode(wrapper);
+    const selection = window.getSelection();
+    selection?.removeAllRanges();
+    const nextRange = document.createRange();
+    nextRange.selectNodeContents(wrapper);
+    selection?.addRange(nextRange);
+}
+export function removeSelectionFormatting() {
+    const range = selectedRangeInside(document.activeElement);
+    if (!range || range.collapsed)
+        return;
+    const fragment = range.cloneContents();
+    const template = document.createElement("template");
+    template.content.append(fragment);
+    template.content.querySelectorAll("a, b, em, i, span, strong").forEach(unwrapElement);
+    range.deleteContents();
+    range.insertNode(template.content);
+}
+const BLOCK_TAGS = new Set(["DIV", "H1", "H2", "H3", "H4", "P"]);
+export function formatSelectionBlock(tagName) {
+    const root = document.activeElement;
+    const range = selectedRangeInside(root);
+    if (!root || !range || range.collapsed)
+        return;
+    const start = range.startContainer.nodeType === Node.ELEMENT_NODE
+        ? range.startContainer
+        : range.startContainer.parentElement;
+    const block = start?.closest("div, h1, h2, h3, h4, p");
+    if (!block || block === root || !root.contains(block) || !BLOCK_TAGS.has(block.tagName)) {
+        const wrapper = document.createElement(tagName);
+        wrapper.appendChild(range.extractContents());
+        range.insertNode(wrapper);
+        return;
+    }
+    const replacement = document.createElement(tagName);
+    for (const attribute of Array.from(block.attributes)) {
+        replacement.setAttribute(attribute.name, attribute.value);
+    }
+    while (block.firstChild)
+        replacement.appendChild(block.firstChild);
+    block.replaceWith(replacement);
+}
+export function caretRangeFromPoint(element, clientX, clientY) {
+    const doc = element.ownerDocument;
+    const caretRangeFromPoint = doc.caretRangeFromPoint?.bind(doc);
+    if (caretRangeFromPoint) {
+        const range = caretRangeFromPoint(clientX, clientY);
+        if (range && element.contains(range.startContainer))
+            return range;
+    }
+    const caretPositionFromPoint = doc.caretPositionFromPoint?.bind(doc);
+    if (caretPositionFromPoint) {
+        const position = caretPositionFromPoint(clientX, clientY);
+        if (position && element.contains(position.offsetNode)) {
+            const range = doc.createRange();
+            range.setStart(position.offsetNode, position.offset);
+            range.collapse(true);
+            return range;
+        }
+    }
+    const range = doc.createRange();
+    range.selectNodeContents(element);
+    range.collapse(false);
+    return range;
+}
+//# sourceMappingURL=selection.js.map

package/dist/components/editable-text/selection.js.map

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

package/dist/components/editable-text/types.d.ts

@@ -0,0 +1,32 @@
+import type { BindingEntry, BindingToken } from "../../bindingChips";
+import type { SelectionFormatting } from "./formatting";
+export type RichToolsState = SelectionFormatting & {
+    visible: boolean;
+    position: {
+        left: number;
+        top: number;
+    } | null;
+};
+export type BindingPickerState = {
+    visible: boolean;
+    query: string;
+    selected: number;
+    position: {
+        left: number;
+        top: number;
+        width: number;
+        maxHeight: number;
+    } | null;
+    entries: BindingEntry[];
+};
+export type BindingEditorState = {
+    token: BindingToken;
+    label: string;
+    value: string;
+    position: {
+        left: number;
+        top: number;
+        width: number;
+    };
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/editable-text/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/editable-text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACrE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IACjD,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACjF,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CACxD,CAAC"}

package/dist/components/editable-text/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/editable-text/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/editable-text/types.ts"],"names":[],"mappings":""}

package/dist/components/editable-text/useEditableText.d.ts

@@ -0,0 +1,35 @@
+import type { FocusEvent, FormEvent, KeyboardEvent, MouseEvent as ReactMouseEvent } from "react";
+import { type BindingEntry } from "../../bindingChips";
+import type { EditorRuntime } from "../../translation";
+import { type RichCommand } from "./richCommands";
+import type { BindingEditorState, BindingPickerState, RichToolsState } from "./types";
+type UseEditableTextParams = {
+    runtime: EditorRuntime;
+    blockId: string;
+    field: string;
+    text: string;
+    canEdit: boolean;
+    multiline: boolean;
+    commitOnInput: boolean;
+};
+export declare function useEditableText({ runtime, blockId, field, text, canEdit, multiline, commitOnInput, }: UseEditableTextParams): {
+    textRef: import("react").RefObject<HTMLElement | null>;
+    bindingEditorInputRef: import("react").RefObject<HTMLInputElement | null>;
+    richTools: RichToolsState;
+    bindingPicker: BindingPickerState;
+    bindingEditor: BindingEditorState | null;
+    commit: (event: FocusEvent<HTMLElement>) => void;
+    handleFocus: (event: FocusEvent<HTMLElement>) => void;
+    handleInput: (event: FormEvent<HTMLElement>) => void;
+    handleClick: (event: ReactMouseEvent<HTMLElement>) => void;
+    handleMouseDown: (event: ReactMouseEvent<HTMLElement>) => void;
+    handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+    insertBinding: (entry: BindingEntry) => void;
+    commitBindingEditor: () => void;
+    cancelBindingEditor: () => void;
+    changeBindingEditorValue: (value: string) => void;
+    applyRichCommand: (command: RichCommand, value?: string, savedRange?: Range | null) => void;
+    onLinkCommand: () => void;
+};
+export {};
+//# sourceMappingURL=useEditableText.d.ts.map

package/dist/components/editable-text/useEditableText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditableText.d.ts","sourceRoot":"","sources":["../../../src/components/editable-text/useEditableText.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,aAAa,EACb,UAAU,IAAI,eAAe,EAC9B,MAAM,OAAO,CAAC;AACf,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAQvD,OAAO,EAAwD,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AASxG,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEtF,KAAK,qBAAqB,GAAG;IAC3B,OAAO,EAAE,aAAa,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AACF,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,OAAO,EACP,KAAK,EACL,IAAI,EACJ,OAAO,EACP,SAAS,EACT,aAAa,GACd,EAAE,qBAAqB;;;;;;oBA4RC,UAAU,CAAC,WAAW,CAAC;yBAxClB,UAAU,CAAC,WAAW,CAAC;yBAKvB,SAAS,CAAC,WAAW,CAAC;yBAWtB,eAAe,CAAC,WAAW,CAAC;6BAGxB,eAAe,CAAC,WAAW,CAAC;2BAsC9B,aAAa,CAAC,WAAW,CAAC;2BA9E1B,YAAY;;;sCApCD,MAAM;gCAuKZ,WAAW,UAAU,MAAM;;EAyB/D"}