@geometra/core 0.1.0 → 0.2.1

package/dist/seo.js

@@ -0,0 +1,109 @@
+/** Infer an HTML tag from a text element's font property. */
+function inferTag(element) {
+    const font = element.props.font.toLowerCase();
+    // Detect heading-like fonts by size
+    const sizeMatch = font.match(/(\d+)px/);
+    const size = sizeMatch ? parseInt(sizeMatch[1]) : 14;
+    const isBold = font.includes('bold');
+    if (isBold && size >= 28)
+        return 'h1';
+    if (isBold && size >= 22)
+        return 'h2';
+    if (isBold && size >= 18)
+        return 'h3';
+    if (isBold && size >= 15)
+        return 'h4';
+    return 'p';
+}
+/** Infer an HTML tag from a box element's styling and children. */
+function inferBoxTag(element) {
+    // Check for nav-like patterns (row of clickable items)
+    if (element.handlers?.onClick)
+        return 'button';
+    return 'div';
+}
+/** Escape HTML special characters. */
+function escapeHTML(str) {
+    return str
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;');
+}
+/** Convert a UIElement tree to a semantic HTML string body. */
+function elementToHTML(element, indent) {
+    const pad = '  '.repeat(indent);
+    if (element.kind === 'image') {
+        const imgEl = element;
+        const alt = imgEl.semantic?.alt ?? imgEl.props.alt ?? '';
+        return `${pad}<img src="${escapeHTML(imgEl.props.src)}" alt="${escapeHTML(alt)}">`;
+    }
+    if (element.kind === 'text') {
+        const tag = element.semantic?.tag ?? inferTag(element);
+        const attrs = [];
+        if (element.semantic?.role)
+            attrs.push(`role="${escapeHTML(element.semantic.role)}"`);
+        if (element.semantic?.ariaLabel)
+            attrs.push(`aria-label="${escapeHTML(element.semantic.ariaLabel)}"`);
+        const attrStr = attrs.length ? ' ' + attrs.join(' ') : '';
+        return `${pad}<${tag}${attrStr}>${escapeHTML(element.props.text)}</${tag}>`;
+    }
+    const tag = element.semantic?.tag ?? inferBoxTag(element);
+    const attrs = [];
+    if (element.semantic?.role)
+        attrs.push(`role="${escapeHTML(element.semantic.role)}"`);
+    if (element.semantic?.ariaLabel)
+        attrs.push(`aria-label="${escapeHTML(element.semantic.ariaLabel)}"`);
+    if (element.semantic?.alt)
+        attrs.push(`aria-label="${escapeHTML(element.semantic.alt)}"`);
+    const attrStr = attrs.length ? ' ' + attrs.join(' ') : '';
+    if (element.children.length === 0) {
+        return `${pad}<${tag}${attrStr}></${tag}>`;
+    }
+    const children = element.children.map(c => elementToHTML(c, indent + 1)).join('\n');
+    return `${pad}<${tag}${attrStr}>\n${children}\n${pad}</${tag}>`;
+}
+/**
+ * Generate semantic HTML from a UIElement tree.
+ *
+ * This produces a full HTML document suitable for search engine crawlers.
+ * Serve this to user-agents like Googlebot while rendering the canvas
+ * version for real users.
+ */
+export function toSemanticHTML(tree, options = {}) {
+    const meta = [
+        '<meta charset="UTF-8">',
+        '<meta name="viewport" content="width=device-width, initial-scale=1.0">',
+    ];
+    if (options.title)
+        meta.push(`<title>${escapeHTML(options.title)}</title>`);
+    if (options.description)
+        meta.push(`<meta name="description" content="${escapeHTML(options.description)}">`);
+    if (options.canonical)
+        meta.push(`<link rel="canonical" href="${escapeHTML(options.canonical)}">`);
+    if (options.og) {
+        if (options.og.title)
+            meta.push(`<meta property="og:title" content="${escapeHTML(options.og.title)}">`);
+        if (options.og.description)
+            meta.push(`<meta property="og:description" content="${escapeHTML(options.og.description)}">`);
+        if (options.og.image)
+            meta.push(`<meta property="og:image" content="${escapeHTML(options.og.image)}">`);
+        if (options.og.url)
+            meta.push(`<meta property="og:url" content="${escapeHTML(options.og.url)}">`);
+        if (options.og.type)
+            meta.push(`<meta property="og:type" content="${escapeHTML(options.og.type)}">`);
+    }
+    if (options.headExtra)
+        meta.push(options.headExtra);
+    const body = elementToHTML(tree, 2);
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  ${meta.join('\n  ')}
+</head>
+<body>
+${body}
+</body>
+</html>`;
+}
+//# sourceMappingURL=seo.js.map

package/dist/seo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seo.js","sourceRoot":"","sources":["../src/seo.ts"],"names":[],"mappings":"AAsBA,6DAA6D;AAC7D,SAAS,QAAQ,CAAC,OAAoB;IACpC,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,CAAA;IAC7C,oCAAoC;IACpC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IACvC,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IACrD,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAEpC,IAAI,MAAM,IAAI,IAAI,IAAI,EAAE;QAAE,OAAO,IAAI,CAAA;IACrC,IAAI,MAAM,IAAI,IAAI,IAAI,EAAE;QAAE,OAAO,IAAI,CAAA;IACrC,IAAI,MAAM,IAAI,IAAI,IAAI,EAAE;QAAE,OAAO,IAAI,CAAA;IACrC,IAAI,MAAM,IAAI,IAAI,IAAI,EAAE;QAAE,OAAO,IAAI,CAAA;IACrC,OAAO,GAAG,CAAA;AACZ,CAAC;AAED,mEAAmE;AACnE,SAAS,WAAW,CAAC,OAAmB;IACtC,uDAAuD;IACvD,IAAI,OAAO,CAAC,QAAQ,EAAE,OAAO;QAAE,OAAO,QAAQ,CAAA;IAC9C,OAAO,KAAK,CAAA;AACd,CAAC;AAED,sCAAsC;AACtC,SAAS,UAAU,CAAC,GAAW;IAC7B,OAAO,GAAG;SACP,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;AAC5B,CAAC;AAED,+DAA+D;AAC/D,SAAS,aAAa,CAAC,OAAkB,EAAE,MAAc;IACvD,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;IAE/B,IAAI,OAAO,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC7B,MAAM,KAAK,GAAG,OAAuB,CAAA;QACrC,MAAM,GAAG,GAAG,KAAK,CAAC,QAAQ,EAAE,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,GAAG,IAAI,EAAE,CAAA;QACxD,OAAO,GAAG,GAAG,aAAa,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,UAAU,CAAC,GAAG,CAAC,IAAI,CAAA;IACpF,CAAC;IAED,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC5B,MAAM,GAAG,GAAG,OAAO,CAAC,QAAQ,EAAE,GAAG,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAA;QACtD,MAAM,KAAK,GAAa,EAAE,CAAA;QAC1B,IAAI,OAAO,CAAC,QAAQ,EAAE,IAAI;YAAE,KAAK,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QACrF,IAAI,OAAO,CAAC,QAAQ,EAAE,SAAS;YAAE,KAAK,CAAC,IAAI,CAAC,eAAe,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;QACrG,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QACzD,OAAO,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,CAAA;IAC7E,CAAC;IAED,MAAM,GAAG,GAAG,OAAO,CAAC,QAAQ,EAAE,GAAG,IAAI,WAAW,CAAC,OAAO,CAAC,CAAA;IACzD,MAAM,KAAK,GAAa,EAAE,CAAA;IAC1B,IAAI,OAAO,CAAC,QAAQ,EAAE,IAAI;QAAE,KAAK,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACrF,IAAI,OAAO,CAAC,QAAQ,EAAE,SAAS;QAAE,KAAK,CAAC,IAAI,CAAC,eAAe,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;IACrG,IAAI,OAAO,CAAC,QAAQ,EAAE,GAAG;QAAE,KAAK,CAAC,IAAI,CAAC,eAAe,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACzF,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAEzD,IAAI,OAAO,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAClC,OAAO,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,MAAM,GAAG,GAAG,CAAA;IAC5C,CAAC;IAED,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACnF,OAAO,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,MAAM,QAAQ,KAAK,GAAG,KAAK,GAAG,GAAG,CAAA;AACjE,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,cAAc,CAC5B,IAAe,EACf,UAA+B,EAAE;IAEjC,MAAM,IAAI,GAAa;QACrB,wBAAwB;QACxB,wEAAwE;KACzE,CAAA;IAED,IAAI,OAAO,CAAC,KAAK;QAAE,IAAI,CAAC,IAAI,CAAC,UAAU,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;IAC3E,IAAI,OAAO,CAAC,WAAW;QAAE,IAAI,CAAC,IAAI,CAAC,qCAAqC,UAAU,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;IAC5G,IAAI,OAAO,CAAC,SAAS;QAAE,IAAI,CAAC,IAAI,CAAC,+BAA+B,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;IAElG,IAAI,OAAO,CAAC,EAAE,EAAE,CAAC;QACf,IAAI,OAAO,CAAC,EAAE,CAAC,KAAK;YAAE,IAAI,CAAC,IAAI,CAAC,sCAAsC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QACvG,IAAI,OAAO,CAAC,EAAE,CAAC,WAAW;YAAE,IAAI,CAAC,IAAI,CAAC,4CAA4C,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;QACzH,IAAI,OAAO,CAAC,EAAE,CAAC,KAAK;YAAE,IAAI,CAAC,IAAI,CAAC,sCAAsC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QACvG,IAAI,OAAO,CAAC,EAAE,CAAC,GAAG;YAAE,IAAI,CAAC,IAAI,CAAC,oCAAoC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QACjG,IAAI,OAAO,CAAC,EAAE,CAAC,IAAI;YAAE,IAAI,CAAC,IAAI,CAAC,qCAAqC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACtG,CAAC;IAED,IAAI,OAAO,CAAC,SAAS;QAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;IAEnD,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;IAEnC,OAAO;;;IAGL,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;;;EAGnB,IAAI;;QAEE,CAAA;AACR,CAAC"}

package/dist/text-input-history.d.ts

@@ -0,0 +1,15 @@
+import type { TextInputState, TextInputEditResult } from './text-input.js';
+export interface TextInputHistoryState {
+    past: TextInputState[];
+    present: TextInputState;
+    future: TextInputState[];
+}
+/** Create a history container for editable text state. */
+export declare function createTextInputHistory(initial: TextInputState): TextInputHistoryState;
+/** Push a new edit state and clear redo stack. */
+export declare function pushTextInputHistory(history: TextInputHistoryState, next: TextInputState | TextInputEditResult, maxPast?: number): TextInputHistoryState;
+/** Undo one step, if available. */
+export declare function undoTextInputHistory(history: TextInputHistoryState): TextInputHistoryState;
+/** Redo one step, if available. */
+export declare function redoTextInputHistory(history: TextInputHistoryState): TextInputHistoryState;
+//# sourceMappingURL=text-input-history.d.ts.map

package/dist/text-input-history.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-history.d.ts","sourceRoot":"","sources":["../src/text-input-history.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAE1E,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,cAAc,EAAE,CAAA;IACtB,OAAO,EAAE,cAAc,CAAA;IACvB,MAAM,EAAE,cAAc,EAAE,CAAA;CACzB;AASD,0DAA0D;AAC1D,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,cAAc,GAAG,qBAAqB,CAMrF;AAED,kDAAkD;AAClD,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,qBAAqB,EAC9B,IAAI,EAAE,cAAc,GAAG,mBAAmB,EAC1C,OAAO,SAAM,GACZ,qBAAqB,CAyBvB;AAED,mCAAmC;AACnC,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,qBAAqB,GAAG,qBAAqB,CAS1F;AAED,mCAAmC;AACnC,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,qBAAqB,GAAG,qBAAqB,CAQ1F"}

package/dist/text-input-history.js

@@ -0,0 +1,62 @@
+function cloneState(state) {
+    return {
+        nodes: [...state.nodes],
+        selection: { ...state.selection },
+    };
+}
+/** Create a history container for editable text state. */
+export function createTextInputHistory(initial) {
+    return {
+        past: [],
+        present: cloneState(initial),
+        future: [],
+    };
+}
+/** Push a new edit state and clear redo stack. */
+export function pushTextInputHistory(history, next, maxPast = 100) {
+    const present = cloneState(history.present);
+    const incoming = cloneState({
+        nodes: [...next.nodes],
+        selection: { ...next.selection },
+    });
+    if (present.nodes.join('\n') === incoming.nodes.join('\n') &&
+        present.selection.anchorNode === incoming.selection.anchorNode &&
+        present.selection.anchorOffset === incoming.selection.anchorOffset &&
+        present.selection.focusNode === incoming.selection.focusNode &&
+        present.selection.focusOffset === incoming.selection.focusOffset) {
+        return history;
+    }
+    const past = [...history.past, present];
+    if (past.length > maxPast) {
+        past.splice(0, past.length - maxPast);
+    }
+    return {
+        past,
+        present: incoming,
+        future: [],
+    };
+}
+/** Undo one step, if available. */
+export function undoTextInputHistory(history) {
+    if (history.past.length === 0)
+        return history;
+    const past = [...history.past];
+    const prev = past.pop();
+    return {
+        past,
+        present: cloneState(prev),
+        future: [cloneState(history.present), ...history.future],
+    };
+}
+/** Redo one step, if available. */
+export function redoTextInputHistory(history) {
+    if (history.future.length === 0)
+        return history;
+    const [next, ...future] = history.future;
+    return {
+        past: [...history.past, cloneState(history.present)],
+        present: cloneState(next),
+        future: future.map(cloneState),
+    };
+}
+//# sourceMappingURL=text-input-history.js.map

package/dist/text-input-history.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-history.js","sourceRoot":"","sources":["../src/text-input-history.ts"],"names":[],"mappings":"AAQA,SAAS,UAAU,CAAC,KAAqB;IACvC,OAAO;QACL,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC;QACvB,SAAS,EAAE,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE;KAClC,CAAA;AACH,CAAC;AAED,0DAA0D;AAC1D,MAAM,UAAU,sBAAsB,CAAC,OAAuB;IAC5D,OAAO;QACL,IAAI,EAAE,EAAE;QACR,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;QAC5B,MAAM,EAAE,EAAE;KACX,CAAA;AACH,CAAC;AAED,kDAAkD;AAClD,MAAM,UAAU,oBAAoB,CAClC,OAA8B,EAC9B,IAA0C,EAC1C,OAAO,GAAG,GAAG;IAEb,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IAC3C,MAAM,QAAQ,GAAG,UAAU,CAAC;QAC1B,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACtB,SAAS,EAAE,EAAE,GAAG,IAAI,CAAC,SAAS,EAAE;KACjC,CAAC,CAAA;IACF,IACE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;QACtD,OAAO,CAAC,SAAS,CAAC,UAAU,KAAK,QAAQ,CAAC,SAAS,CAAC,UAAU;QAC9D,OAAO,CAAC,SAAS,CAAC,YAAY,KAAK,QAAQ,CAAC,SAAS,CAAC,YAAY;QAClE,OAAO,CAAC,SAAS,CAAC,SAAS,KAAK,QAAQ,CAAC,SAAS,CAAC,SAAS;QAC5D,OAAO,CAAC,SAAS,CAAC,WAAW,KAAK,QAAQ,CAAC,SAAS,CAAC,WAAW,EAChE,CAAC;QACD,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,MAAM,IAAI,GAAG,CAAC,GAAG,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACvC,IAAI,IAAI,CAAC,MAAM,GAAG,OAAO,EAAE,CAAC;QAC1B,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,CAAA;IACvC,CAAC;IACD,OAAO;QACL,IAAI;QACJ,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE,EAAE;KACX,CAAA;AACH,CAAC;AAED,mCAAmC;AACnC,MAAM,UAAU,oBAAoB,CAAC,OAA8B;IACjE,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,OAAO,CAAA;IAC7C,MAAM,IAAI,GAAG,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,EAAG,CAAA;IACxB,OAAO;QACL,IAAI;QACJ,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC;QACzB,MAAM,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC;KACzD,CAAA;AACH,CAAC;AAED,mCAAmC;AACnC,MAAM,UAAU,oBAAoB,CAAC,OAA8B;IACjE,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,OAAO,CAAA;IAC/C,MAAM,CAAC,IAAI,EAAE,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAA;IACxC,OAAO;QACL,IAAI,EAAE,CAAC,GAAG,OAAO,CAAC,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACpD,OAAO,EAAE,UAAU,CAAC,IAAK,CAAC;QAC1B,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC;KAC/B,CAAA;AACH,CAAC"}

package/dist/text-input.d.ts

@@ -0,0 +1,42 @@
+import type { SelectionRange } from './selection.js';
+import type { TextNodeInfo } from './selection.js';
+export interface TextInputState {
+    /** Editable text split into logical nodes/runs. */
+    nodes: string[];
+    /** Active selection/caret in node-local offsets. */
+    selection: SelectionRange;
+}
+export interface TextInputEditResult {
+    nodes: string[];
+    selection: SelectionRange;
+}
+export interface CaretGeometry {
+    x: number;
+    y: number;
+    height: number;
+    nodeIndex: number;
+    offset: number;
+}
+/** True when selection is a collapsed caret. */
+export declare function isCollapsedSelection(selection: SelectionRange): boolean;
+/** Extract selected text from editable nodes. */
+export declare function getInputSelectionText(nodes: string[], selection: SelectionRange): string;
+/**
+ * Replace current selection with inserted text.
+ * For multi-line insertion, newlines create additional nodes.
+ */
+export declare function replaceInputSelection(nodes: string[], selection: SelectionRange, insertedText: string): TextInputEditResult;
+/** Insert text at current selection/caret. */
+export declare function insertInputText(state: TextInputState, text: string): TextInputEditResult;
+/** Backspace behavior across node boundaries and active selections. */
+export declare function backspaceInput(state: TextInputState): TextInputEditResult;
+/** Delete-forward behavior across node boundaries and active selections. */
+export declare function deleteInput(state: TextInputState): TextInputEditResult;
+/** Move caret by one character; optionally extend existing selection. */
+export declare function moveInputCaret(state: TextInputState, direction: 'left' | 'right', extendSelection?: boolean): TextInputEditResult;
+/**
+ * Compute caret geometry from measured text lines for a collapsed selection.
+ * Returns null when selection is expanded or text metrics are unavailable.
+ */
+export declare function getInputCaretGeometry(textNodes: TextNodeInfo[], selection: SelectionRange): CaretGeometry | null;
+//# sourceMappingURL=text-input.d.ts.map

package/dist/text-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../src/text-input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,MAAM,WAAW,cAAc;IAC7B,mDAAmD;IACnD,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,oDAAoD;IACpD,SAAS,EAAE,cAAc,CAAA;CAC1B;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,SAAS,EAAE,cAAc,CAAA;CAC1B;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;CACf;AAuCD,gDAAgD;AAChD,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,cAAc,GAAG,OAAO,CAKvE;AAED,iDAAiD;AACjD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,cAAc,GAAG,MAAM,CAiBxF;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EAAE,EACf,SAAS,EAAE,cAAc,EACzB,YAAY,EAAE,MAAM,GACnB,mBAAmB,CAgCrB;AAED,8CAA8C;AAC9C,wBAAgB,eAAe,CAC7B,KAAK,EAAE,cAAc,EACrB,IAAI,EAAE,MAAM,GACX,mBAAmB,CAErB;AAED,uEAAuE;AACvE,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,mBAAmB,CAqCzE;AAED,4EAA4E;AAC5E,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,GAAG,mBAAmB,CAoCtE;AAED,yEAAyE;AACzE,wBAAgB,cAAc,CAC5B,KAAK,EAAE,cAAc,EACrB,SAAS,EAAE,MAAM,GAAG,OAAO,EAC3B,eAAe,UAAQ,GACtB,mBAAmB,CAiDrB;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,YAAY,EAAE,EACzB,SAAS,EAAE,cAAc,GACxB,aAAa,GAAG,IAAI,CAmCtB"}

package/dist/text-input.js

@@ -0,0 +1,249 @@
+function clamp(n, min, max) {
+    return Math.min(max, Math.max(min, n));
+}
+function normalizeSelection(selection) {
+    const { anchorNode, anchorOffset, focusNode, focusOffset, } = selection;
+    if (anchorNode < focusNode ||
+        (anchorNode === focusNode && anchorOffset <= focusOffset)) {
+        return selection;
+    }
+    return {
+        anchorNode: focusNode,
+        anchorOffset: focusOffset,
+        focusNode: anchorNode,
+        focusOffset: anchorOffset,
+    };
+}
+function clampSelection(nodes, selection) {
+    if (nodes.length === 0) {
+        return { anchorNode: 0, anchorOffset: 0, focusNode: 0, focusOffset: 0 };
+    }
+    const maxNode = nodes.length - 1;
+    const aNode = clamp(selection.anchorNode, 0, maxNode);
+    const fNode = clamp(selection.focusNode, 0, maxNode);
+    const aOffset = clamp(selection.anchorOffset, 0, nodes[aNode].length);
+    const fOffset = clamp(selection.focusOffset, 0, nodes[fNode].length);
+    return { anchorNode: aNode, anchorOffset: aOffset, focusNode: fNode, focusOffset: fOffset };
+}
+/** True when selection is a collapsed caret. */
+export function isCollapsedSelection(selection) {
+    return (selection.anchorNode === selection.focusNode &&
+        selection.anchorOffset === selection.focusOffset);
+}
+/** Extract selected text from editable nodes. */
+export function getInputSelectionText(nodes, selection) {
+    if (nodes.length === 0)
+        return '';
+    const s = normalizeSelection(clampSelection(nodes, selection));
+    const parts = [];
+    for (let i = s.anchorNode; i <= s.focusNode; i++) {
+        const text = nodes[i];
+        if (i === s.anchorNode && i === s.focusNode) {
+            parts.push(text.slice(s.anchorOffset, s.focusOffset));
+        }
+        else if (i === s.anchorNode) {
+            parts.push(text.slice(s.anchorOffset));
+        }
+        else if (i === s.focusNode) {
+            parts.push(text.slice(0, s.focusOffset));
+        }
+        else {
+            parts.push(text);
+        }
+    }
+    return parts.join('\n');
+}
+/**
+ * Replace current selection with inserted text.
+ * For multi-line insertion, newlines create additional nodes.
+ */
+export function replaceInputSelection(nodes, selection, insertedText) {
+    const safeNodes = nodes.length > 0 ? [...nodes] : [''];
+    const s = normalizeSelection(clampSelection(safeNodes, selection));
+    const startText = safeNodes[s.anchorNode];
+    const endText = safeNodes[s.focusNode];
+    const before = startText.slice(0, s.anchorOffset);
+    const after = endText.slice(s.focusOffset);
+    const insertedParts = insertedText.split('\n');
+    const replacement = insertedParts.length === 1
+        ? [`${before}${insertedParts[0]}${after}`]
+        : [
+            `${before}${insertedParts[0]}`,
+            ...insertedParts.slice(1, insertedParts.length - 1),
+            `${insertedParts[insertedParts.length - 1]}${after}`,
+        ];
+    safeNodes.splice(s.anchorNode, s.focusNode - s.anchorNode + 1, ...replacement);
+    const caretNode = s.anchorNode + replacement.length - 1;
+    const caretOffset = replacement[replacement.length - 1].length - after.length;
+    return {
+        nodes: safeNodes,
+        selection: {
+            anchorNode: caretNode,
+            anchorOffset: caretOffset,
+            focusNode: caretNode,
+            focusOffset: caretOffset,
+        },
+    };
+}
+/** Insert text at current selection/caret. */
+export function insertInputText(state, text) {
+    return replaceInputSelection(state.nodes, state.selection, text);
+}
+/** Backspace behavior across node boundaries and active selections. */
+export function backspaceInput(state) {
+    const nodes = state.nodes.length > 0 ? state.nodes : [''];
+    const selection = clampSelection(nodes, state.selection);
+    if (!isCollapsedSelection(selection)) {
+        return replaceInputSelection(nodes, selection, '');
+    }
+    if (selection.anchorOffset > 0) {
+        return replaceInputSelection(nodes, {
+            anchorNode: selection.anchorNode,
+            anchorOffset: selection.anchorOffset - 1,
+            focusNode: selection.focusNode,
+            focusOffset: selection.focusOffset,
+        }, '');
+    }
+    if (selection.anchorNode === 0)
+        return { nodes: [...nodes], selection };
+    const prevNode = selection.anchorNode - 1;
+    const merged = [...nodes];
+    const prevText = merged[prevNode];
+    const currText = merged[selection.anchorNode];
+    merged.splice(prevNode, 2, `${prevText}${currText}`);
+    const caretOffset = prevText.length;
+    return {
+        nodes: merged,
+        selection: {
+            anchorNode: prevNode,
+            anchorOffset: caretOffset,
+            focusNode: prevNode,
+            focusOffset: caretOffset,
+        },
+    };
+}
+/** Delete-forward behavior across node boundaries and active selections. */
+export function deleteInput(state) {
+    const nodes = state.nodes.length > 0 ? state.nodes : [''];
+    const selection = clampSelection(nodes, state.selection);
+    if (!isCollapsedSelection(selection)) {
+        return replaceInputSelection(nodes, selection, '');
+    }
+    const node = nodes[selection.anchorNode];
+    if (selection.anchorOffset < node.length) {
+        return replaceInputSelection(nodes, {
+            anchorNode: selection.anchorNode,
+            anchorOffset: selection.anchorOffset,
+            focusNode: selection.focusNode,
+            focusOffset: selection.focusOffset + 1,
+        }, '');
+    }
+    if (selection.anchorNode >= nodes.length - 1)
+        return { nodes: [...nodes], selection };
+    const merged = [...nodes];
+    const currText = merged[selection.anchorNode];
+    const nextText = merged[selection.anchorNode + 1];
+    merged.splice(selection.anchorNode, 2, `${currText}${nextText}`);
+    return {
+        nodes: merged,
+        selection: {
+            anchorNode: selection.anchorNode,
+            anchorOffset: node.length,
+            focusNode: selection.anchorNode,
+            focusOffset: node.length,
+        },
+    };
+}
+/** Move caret by one character; optionally extend existing selection. */
+export function moveInputCaret(state, direction, extendSelection = false) {
+    const nodes = state.nodes.length > 0 ? state.nodes : [''];
+    const selection = clampSelection(nodes, state.selection);
+    const collapsed = isCollapsedSelection(selection);
+    let nodeIndex = extendSelection ? selection.focusNode : selection.anchorNode;
+    let offset = extendSelection ? selection.focusOffset : selection.anchorOffset;
+    if (!collapsed && !extendSelection) {
+        const s = normalizeSelection(selection);
+        if (direction === 'left') {
+            nodeIndex = s.anchorNode;
+            offset = s.anchorOffset;
+        }
+        else {
+            nodeIndex = s.focusNode;
+            offset = s.focusOffset;
+        }
+    }
+    else if (direction === 'left') {
+        if (offset > 0) {
+            offset--;
+        }
+        else if (nodeIndex > 0) {
+            nodeIndex--;
+            offset = nodes[nodeIndex].length;
+        }
+    }
+    else {
+        const text = nodes[nodeIndex];
+        if (offset < text.length) {
+            offset++;
+        }
+        else if (nodeIndex < nodes.length - 1) {
+            nodeIndex++;
+            offset = 0;
+        }
+    }
+    const nextSelection = extendSelection
+        ? {
+            anchorNode: selection.anchorNode,
+            anchorOffset: selection.anchorOffset,
+            focusNode: nodeIndex,
+            focusOffset: offset,
+        }
+        : {
+            anchorNode: nodeIndex,
+            anchorOffset: offset,
+            focusNode: nodeIndex,
+            focusOffset: offset,
+        };
+    return { nodes: [...nodes], selection: nextSelection };
+}
+/**
+ * Compute caret geometry from measured text lines for a collapsed selection.
+ * Returns null when selection is expanded or text metrics are unavailable.
+ */
+export function getInputCaretGeometry(textNodes, selection) {
+    if (!isCollapsedSelection(selection))
+        return null;
+    const node = textNodes[selection.focusNode];
+    if (!node || node.lines.length === 0)
+        return null;
+    const maxOffset = node.element.props.text.length;
+    const targetOffset = clamp(selection.focusOffset, 0, maxOffset);
+    let traversed = 0;
+    for (const line of node.lines) {
+        const lineEnd = traversed + line.text.length;
+        const isLastLine = line === node.lines[node.lines.length - 1];
+        if (targetOffset <= lineEnd || isLastLine) {
+            const local = Math.max(0, Math.min(targetOffset - traversed, line.text.length));
+            let x = line.x;
+            if (local > 0 && line.charOffsets.length > 0) {
+                if (local < line.charOffsets.length) {
+                    x += line.charOffsets[local] ?? 0;
+                }
+                else {
+                    const lastIndex = line.charOffsets.length - 1;
+                    x += (line.charOffsets[lastIndex] ?? 0) + (line.charWidths[lastIndex] ?? 0);
+                }
+            }
+            return {
+                x,
+                y: line.y,
+                height: node.element.props.lineHeight,
+                nodeIndex: node.index,
+                offset: targetOffset,
+            };
+        }
+        traversed = lineEnd;
+    }
+    return null;
+}
+//# sourceMappingURL=text-input.js.map

package/dist/text-input.js.map

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

package/dist/tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../src/tree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE3C,sFAAsF;AACtF,wBAAgB,YAAY,CAAC,OAAO,EAAE,SAAS,GAAG,UAAU,CAW3D"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../src/tree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAe3C,sFAAsF;AACtF,wBAAgB,YAAY,CAAC,OAAO,EAAE,SAAS,GAAG,UAAU,CAW3D"}

package/dist/tree.js

@@ -1,10 +1,16 @@
+/** Style/visual props that must be stripped before passing to Yoga layout. */
+function stripStyleProps(props) {
+    const { backgroundColor: _bg, color: _c, borderColor: _bc, borderRadius: _br, borderWidth: _bw, opacity: _o, cursor: _cur, zIndex: _z, overflow: _ov, scrollX: _sx, scrollY: _sy, boxShadow: _bs, gradient: _g, selectable: _sel, 
+    // Image-only props
+    src: _src, alt: _alt, objectFit: _of, ...layoutProps } = props;
+    return layoutProps;
+}
 /** Convert a UIElement tree into a textura LayoutNode tree for layout computation. */
 export function toLayoutTree(element) {
-    if (element.kind === 'text') {
-        const { backgroundColor: _bg, color: _c, borderColor: _bc, borderRadius: _br, opacity: _o, ...layoutProps } = element.props;
+    const layoutProps = stripStyleProps(element.props);
+    if (element.kind === 'text' || element.kind === 'image') {
         return layoutProps;
     }
-    const { backgroundColor: _bg, color: _c, borderColor: _bc, borderRadius: _br, opacity: _o, ...layoutProps } = element.props;
     return {
         ...layoutProps,
         children: element.children.map(toLayoutTree),

package/dist/tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.js","sourceRoot":"","sources":["../src/tree.ts"],"names":[],"mappings":"AAGA,sFAAsF;AACtF,MAAM,UAAU,YAAY,CAAC,OAAkB;IAC7C,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC5B,MAAM,EAAE,eAAe,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAA;QAC3H,OAAO,WAAW,CAAA;IACpB,CAAC;IAED,MAAM,EAAE,eAAe,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAA;IAC3H,OAAO;QACL,GAAG,WAAW;QACd,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,YAAY,CAAC;KAC7C,CAAA;AACH,CAAC"}
+{"version":3,"file":"tree.js","sourceRoot":"","sources":["../src/tree.ts"],"names":[],"mappings":"AAGA,8EAA8E;AAC9E,SAAS,eAAe,CAAC,KAA8B;IACrD,MAAM,EACJ,eAAe,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,EACtF,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAChF,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI;IAC9C,mBAAmB;IACnB,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EACpC,GAAG,WAAW,EACf,GAAG,KAAK,CAAA;IACT,OAAO,WAAW,CAAA;AACpB,CAAC;AAED,sFAAsF;AACtF,MAAM,UAAU,YAAY,CAAC,OAAkB;IAC7C,MAAM,WAAW,GAAG,eAAe,CAAC,OAAO,CAAC,KAAgC,CAAC,CAAA;IAE7E,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,IAAI,OAAO,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QACxD,OAAO,WAAyB,CAAA;IAClC,CAAC;IAED,OAAO;QACL,GAAG,WAAW;QACd,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,YAAY,CAAC;KAC/B,CAAA;AACjB,CAAC"}