@weasel-js/core 1.10.1 → 1.11.0

package/dist/features/text/textLayer.js

@@ -1,35 +1,29 @@
-import { textCommandFromPose as e } from "@weasel-js/renderer";
-import { runsToPlainText as t } from "@weasel-js/text";
+import { clippedToBox } from "../../canvas/nodeShapes/textPainter.js";
+import { textCommandFromPose } from "@weasel-js/renderer";
+import { runsToPlainText } from "@weasel-js/text";
+
 //#region src/features/text/textLayer.ts
-function n(n) {
-	let { id: r = "text", label: i = "Text", getTexts: a, getPose: o, isHidden: s, clipToBounds: c = !1 } = n;
+/** Build a `RenderLayer` that emits one `TextDrawCommand` per text node. */
+function createTextLayer(opts) {
+	const { id = "text", label = "Text", getTexts, getPose, isHidden, clipToBounds = false } = opts;
 	return {
-		id: r,
-		label: i,
-		draw: (n, r) => {
-			let i = (r.scale.x + r.scale.y) / 2, l = [];
-			for (let n of a()) {
-				if (s?.(n)) continue;
-				let r = o(n);
-				if (r.runs && r.runs.length > 0 && t(r.runs) !== r.text) throw Error("weasel createTextLayer: TextPose invariant violated — runsToPlainText(runs) !== text. Either omit `runs` or keep it synchronized with `text`.");
-				let a = e(r, i);
-				c ? l.push({
-					kind: "group",
-					clip: {
-						kind: "rect",
-						x: r.x,
-						y: r.y,
-						width: r.width,
-						height: r.height
-					},
-					children: [a]
-				}) : l.push(a);
+		id,
+		label,
+		draw: (_data, view) => {
+			const scale = (view.scale.x + view.scale.y) / 2;
+			const children = [];
+			for (const node of getTexts()) {
+				if (isHidden?.(node)) continue;
+				const pose = getPose(node);
+				if (pose.runs && pose.runs.length > 0 && runsToPlainText(pose.runs) !== pose.text) throw new Error("weasel createTextLayer: TextPose invariant violated — runsToPlainText(runs) !== text. Either omit `runs` or keep it synchronized with `text`.");
+				const textCmd = textCommandFromPose(pose, scale);
+				children.push(clipToBounds ? clippedToBox(textCmd, pose) : textCmd);
 			}
-			return l;
+			return children;
 		}
 	};
 }
-//#endregion
-export { n as createTextLayer };
 
+//#endregion
+export { createTextLayer };
 //# sourceMappingURL=textLayer.js.map

package/dist/features/text/textLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"textLayer.js","names":["createTextLayer","opts","scale","view","children","node","getTexts","isHidden","pose","getPose","runsToPlainText","textCmd","textCommandFromPose","clipToBounds"],"sources":["../../../src/features/text/textLayer.ts"],"sourcesContent":["/**\n * Text RenderLayer for text that is not in a scene: one `textCommandFromPose`\n * command per item, the same command the `kit:text` node painter emits, so an\n * item lays out — and wraps, or doesn't, per its style — as a node would.\n *\n * The GL renderer uses MSDF text. The resolved style's `fontFamily` must\n * be registered via `registerFont(family, variant, metricsUrl, atlasUrl)`\n * from the renderer module *before* the GL backend dispatches this layer.\n * Unregistered families render with a warning and no glyphs (see\n * `TextDrawCommand`'s contract).\n */\n\nimport { type DrawCommand } from '@weasel-js/renderer';\nimport type { TextPose } from '@weasel-js/text';\n\nimport type { RenderLayer } from 'core/layers/render';\nimport { textCommandFromPose } from '@weasel-js/renderer';\nimport { runsToPlainText } from '@weasel-js/text';\n\n\n/** Options for `createTextLayer`. */\nexport interface CreateTextLayerOpts<T> {\n  id?: string;\n  label?: string;\n  getTexts: () => readonly T[];\n  getPose: (node: T) => TextPose;\n  /** Optional per-node hide hook (e.g., suppress while editing). */\n  isHidden?: (node: T) => boolean;\n  /** When `true`, each text command is wrapped in a clipped group so any\n   *  overflow beyond the pose's `(width × height)` is hidden. Default\n   *  `false` (legacy: text can spill outside the declared bounds). Opt-in\n   *  so existing consumers who rely on overflow keep working. */\n  clipToBounds?: boolean;\n}\n\n/** Build a `RenderLayer` that emits one `TextDrawCommand` per text node. */\nexport function createTextLayer<T>(opts: CreateTextLayerOpts<T>): RenderLayer<unknown> {\n  const { id = 'text', label = 'Text', getTexts, getPose, isHidden, clipToBounds = false } = opts;\n  return {\n    id,\n    label,\n    draw: (_data, view) => {\n      // A world-space layer, so a `{ px }` size in a pose's style resolves\n      // against the live camera. Radial in effect — one factor for both axes.\n      const scale = (view.scale.x + view.scale.y) / 2;\n      const children: DrawCommand[] = [];\n      for (const node of getTexts()) {\n        if (isHidden?.(node)) continue;\n        const pose = getPose(node);\n        if (pose.runs && pose.runs.length > 0 && runsToPlainText(pose.runs) !== pose.text) {\n          throw new Error(\n            `weasel createTextLayer: TextPose invariant violated — ` +\n            `runsToPlainText(runs) !== text. Either omit \\`runs\\` or keep it ` +\n            `synchronized with \\`text\\`.`,\n          );\n        }\n        const textCmd = textCommandFromPose(pose, scale);\n        if (clipToBounds) {\n          children.push({\n            kind: 'group',\n            clip: { kind: 'rect', x: pose.x, y: pose.y, width: pose.width, height: pose.height },\n            children: [textCmd],\n          });\n        } else {\n          children.push(textCmd);\n        }\n      }\n      // World-space commands; drawLayers wraps in viewToMat3 automatically.\n      return children;\n    },\n  };\n}\n"],"mappings":";;;AAoCA,SAAgBA,EAAmB,GAAoD;CACrF,IAAM,EAAE,QAAK,QAAQ,WAAQ,QAAQ,aAAU,YAAS,aAAU,kBAAe,OAAUC;CAC3F,OAAO;EACL;EACA;EACA,OAAO,GAAO,MAAS;GAGrB,IAAMC,KAASC,EAAK,MAAM,IAAIA,EAAK,MAAM,KAAK,GACxCC,IAA0B,CAAC;GACjC,KAAK,IAAMC,KAAQC,EAAS,GAAG;IAC7B,IAAIC,IAAWF,CAAI,GAAG;IACtB,IAAMG,IAAOC,EAAQJ,CAAI;IACzB,IAAIG,EAAK,QAAQA,EAAK,KAAK,SAAS,KAAKE,EAAgBF,EAAK,IAAI,MAAMA,EAAK,MAC3E,MAAU,MACR,+IAGF;IAEF,IAAMG,IAAUC,EAAoBJ,GAAMN,CAAK;IAC/C,AAAIW,IACFT,EAAS,KAAK;KACZ,MAAM;KACN,MAAM;MAAE,MAAM;MAAQ,GAAGI,EAAK;MAAG,GAAGA,EAAK;MAAG,OAAOA,EAAK;MAAO,QAAQA,EAAK;KAAO;KACnF,UAAU,CAACG,CAAO;IACpB,CAAC,IAEDP,EAAS,KAAKO,CAAO;GAEzB;GAEA,OAAOP;EACT;CACF;AACF"}
+{"version":3,"file":"textLayer.js","names":[],"sources":["../../../src/features/text/textLayer.ts"],"sourcesContent":["/**\n * Text RenderLayer for text that is not in a scene: one `textCommandFromPose`\n * command per item, the same command the `kit:text` node painter emits, so an\n * item lays out — and wraps, or doesn't, per its style — as a node would.\n *\n * The GL renderer uses MSDF text. The resolved style's `fontFamily` must\n * be registered via `registerFont(family, variant, metricsUrl, atlasUrl)`\n * from the renderer module *before* the GL backend dispatches this layer.\n * Unregistered families render with a warning and no glyphs (see\n * `TextDrawCommand`'s contract).\n */\n\nimport { type DrawCommand } from '@weasel-js/renderer';\nimport type { TextPose } from '@weasel-js/text';\n\nimport type { RenderLayer } from 'core/layers/render';\nimport { textCommandFromPose } from '@weasel-js/renderer';\nimport { runsToPlainText } from '@weasel-js/text';\nimport { clippedToBox } from '../../canvas/nodeShapes/textPainter';\n\n\n/** Options for `createTextLayer`. */\nexport interface CreateTextLayerOpts<T> {\n  id?: string;\n  label?: string;\n  getTexts: () => readonly T[];\n  getPose: (node: T) => TextPose;\n  /** Optional per-node hide hook (e.g., suppress while editing). */\n  isHidden?: (node: T) => boolean;\n  /** When `true`, each text command is wrapped in a clipped group so any\n   *  overflow beyond the pose's `(width × height)` is hidden. Default\n   *  `false` (legacy: text can spill outside the declared bounds). Opt-in\n   *  so existing consumers who rely on overflow keep working. */\n  clipToBounds?: boolean;\n}\n\n/** Build a `RenderLayer` that emits one `TextDrawCommand` per text node. */\nexport function createTextLayer<T>(opts: CreateTextLayerOpts<T>): RenderLayer<unknown> {\n  const { id = 'text', label = 'Text', getTexts, getPose, isHidden, clipToBounds = false } = opts;\n  return {\n    id,\n    label,\n    draw: (_data, view) => {\n      // A world-space layer, so a `{ px }` size in a pose's style resolves\n      // against the live camera. Radial in effect — one factor for both axes.\n      const scale = (view.scale.x + view.scale.y) / 2;\n      const children: DrawCommand[] = [];\n      for (const node of getTexts()) {\n        if (isHidden?.(node)) continue;\n        const pose = getPose(node);\n        if (pose.runs && pose.runs.length > 0 && runsToPlainText(pose.runs) !== pose.text) {\n          throw new Error(\n            `weasel createTextLayer: TextPose invariant violated — ` +\n            `runsToPlainText(runs) !== text. Either omit \\`runs\\` or keep it ` +\n            `synchronized with \\`text\\`.`,\n          );\n        }\n        const textCmd = textCommandFromPose(pose, scale);\n        children.push(clipToBounds ? clippedToBox(textCmd, pose) : textCmd);\n      }\n      // World-space commands; drawLayers wraps in viewToMat3 automatically.\n      return children;\n    },\n  };\n}\n"],"mappings":";;;;;;AAqCA,SAAgB,gBAAmB,MAAoD;CACrF,MAAM,EAAE,KAAK,QAAQ,QAAQ,QAAQ,UAAU,SAAS,UAAU,eAAe,UAAU;CAC3F,OAAO;EACL;EACA;EACA,OAAO,OAAO,SAAS;GAGrB,MAAM,SAAS,KAAK,MAAM,IAAI,KAAK,MAAM,KAAK;GAC9C,MAAM,WAA0B,CAAC;GACjC,KAAK,MAAM,QAAQ,SAAS,GAAG;IAC7B,IAAI,WAAW,IAAI,GAAG;IACtB,MAAM,OAAO,QAAQ,IAAI;IACzB,IAAI,KAAK,QAAQ,KAAK,KAAK,SAAS,KAAK,gBAAgB,KAAK,IAAI,MAAM,KAAK,MAC3E,MAAM,IAAI,MACR,+IAGF;IAEF,MAAM,UAAU,oBAAoB,MAAM,KAAK;IAC/C,SAAS,KAAK,eAAe,aAAa,SAAS,IAAI,IAAI,OAAO;GACpE;GAEA,OAAO;EACT;CACF;AACF"}

package/dist/features/text/useSceneTextEdit.js

@@ -1,163 +1,225 @@
-import { targetTransformOf as e, worldToLocal as t } from "../../core/geometry/targetFrame.js";
-import { asNodeId as n } from "../../core/scene/types.js";
-import { scenePaintedPoseOf as r } from "../../canvas/derivedPath.js";
-import { findMountedCanvas as i } from "../../canvas/mountedCanvases.js";
-import { poseFrameOf as a } from "@weasel-js/geom";
-import { useCallback as o, useMemo as s, useRef as c } from "react";
-import { useLatest as l } from "@weasel-js/react";
-import { clientToCanvas as u } from "@weasel-js/routing";
-import { resolveScreenLength as d } from "@weasel-js/paint";
-import { caretIndexAt as f, isTextData as p, pointInTextPose as m } from "@weasel-js/text";
-import { useTextEdit as h } from "@weasel-js/text-dom";
+import { textBoxOf } from "../../canvas/nodeShapes/textPainter.js";
+import { asNodeId } from "../../core/scene/types.js";
+import { scenePaintedPoseOf } from "../../canvas/derivedPath.js";
+import { findMountedCanvas } from "../../canvas/mountedCanvases.js";
+import { drawOneEditing } from "./editingDrawOne.js";
+import { textHitAt } from "./textHitAt.js";
+import { poseFrameOf } from "@weasel-js/geom";
+import { useCallback, useMemo, useRef } from "react";
+import { useLatest } from "@weasel-js/react";
+import { clientToCanvas } from "@weasel-js/routing";
+import { resolveScreenLength } from "@weasel-js/paint";
+import { isTextData } from "@weasel-js/text";
+import { useTextEdit } from "@weasel-js/text-dom";
+
 //#region src/features/text/useSceneTextEdit.ts
-function g(e) {
-	return typeof e == "function" ? e() : e;
+/**
+* `useSceneTextEdit` — scene-aware wrapper around `useTextEdit`: scene
+* lookups for text / style / runs / screen-pose, and
+* `scene.update(id, { data })` for commits. The overlay and a double-click
+* both read the pose a node is painted at, so text inside a container whose
+* pose is a frame is edited where it is drawn.
+*
+* Defaults assume the node's `data` carries `text` / `style` / `runs`
+* directly. For custom data shapes, override any of the optional projections.
+* Consumers with non-rect poses should drop down to raw `useTextEdit` and
+* supply their own `getScreenPose`.
+*/
+function resolveView(view) {
+	return typeof view === "function" ? view() : view;
 }
-function _(e) {
+/** How each field is read from a node's `data`: the option's projection, else the default shape. */
+function projectionsOf(opts) {
 	return {
-		isText: (t) => e.current.isText ? e.current.isText(t) : p(t),
-		text: (t) => e.current.getText ? e.current.getText(t) : t.text ?? "",
-		style: (t) => e.current.getStyle ? e.current.getStyle(t) : t.style,
-		runs: (t) => e.current.getRuns ? e.current.getRuns(t) : t.runs,
-		verticalAlign: (t) => e.current.getVerticalAlign ? e.current.getVerticalAlign(t) : t.verticalAlign
+		isText: (data) => opts.current.isText ? opts.current.isText(data) : isTextData(data),
+		text: (data) => opts.current.getText ? opts.current.getText(data) : data.text ?? "",
+		style: (data) => opts.current.getStyle ? opts.current.getStyle(data) : data.style,
+		runs: (data) => opts.current.getRuns ? opts.current.getRuns(data) : data.runs,
+		verticalAlign: (data) => opts.current.getVerticalAlign ? opts.current.getVerticalAlign(data) : data.verticalAlign,
+		padding: (data) => opts.current.getPadding ? opts.current.getPadding(data) : data.padding,
+		overflow: (data) => opts.current.getOverflow ? opts.current.getOverflow(data) : data.overflow
 	};
 }
-function v(a, p, v = {}) {
-	let b = l(a), x = l(v), S = l(p), C = c(null), w = () => {
-		let e = S.current, t = e ? i(e, C.current) : null;
-		if (!e || !t) return null;
-		let n = t.element.getBoundingClientRect(), r = e.getBoundingClientRect();
+/** Wire double-click-to-edit text on a scene: mounts a DOM editing overlay
+*  over the node being edited and writes the result back as an undoable op. */
+function useSceneTextEdit(scene, container, options = {}) {
+	const sceneRef = useLatest(scene);
+	const optsRef = useLatest(options);
+	const containerRef = useLatest(container);
+	const openedOnRef = useRef(null);
+	const surface = () => {
+		const root = containerRef.current;
+		const canvas = root ? findMountedCanvas(root, openedOnRef.current) : null;
+		if (!root || !canvas) return null;
+		const a = canvas.element.getBoundingClientRect();
+		const b = root.getBoundingClientRect();
 		return {
-			canvas: t,
+			canvas,
 			box: {
-				x: n.left - r.left - e.clientLeft + e.scrollLeft,
-				y: n.top - r.top - e.clientTop + e.scrollTop,
-				width: n.width,
-				height: n.height
+				x: a.left - b.left - root.clientLeft + root.scrollLeft,
+				y: a.top - b.top - root.clientTop + root.scrollTop,
+				width: a.width,
+				height: a.height
 			}
 		};
-	}, T = s(() => _(x), [x]), E = h({
-		container: p,
-		isEditorChrome: (e) => x.current.isEditorChrome?.(e) ?? !1,
-		escape: v.escape,
-		fontHold: v.fontHold,
-		onStart: (e) => x.current.onStart?.(e),
-		onEnd: (e) => x.current.onEnd?.(e),
-		getText: (e) => {
-			let t = b.current.get(n(e));
-			return t ? T.text(t.data) : "";
+	};
+	const read = useMemo(() => projectionsOf(optsRef), [optsRef]);
+	const edit = useTextEdit({
+		container,
+		isEditorChrome: (el) => optsRef.current.isEditorChrome?.(el) ?? false,
+		escape: options.escape,
+		fontHold: options.fontHold,
+		onStart: (id) => optsRef.current.onStart?.(id),
+		onEnd: (id) => optsRef.current.onEnd?.(id),
+		getText: (id) => {
+			const node = sceneRef.current.get(asNodeId(id));
+			return node ? read.text(node.data) : "";
 		},
-		getStyle: (e) => {
-			let t = b.current.get(n(e));
-			return t ? T.style(t.data) : void 0;
+		getStyle: (id) => {
+			const node = sceneRef.current.get(asNodeId(id));
+			return node ? read.style(node.data) : void 0;
 		},
-		getPaint: (e) => {
-			let t = b.current.get(n(e));
-			if (!t) return;
-			let r = x.current.getPaint;
-			return r ? r(t.data) : {
-				fill: t.data.fill,
-				stroke: t.data.stroke
+		getPaint: (id) => {
+			const node = sceneRef.current.get(asNodeId(id));
+			if (!node) return void 0;
+			const get = optsRef.current.getPaint;
+			return get ? get(node.data) : {
+				fill: node.data.fill,
+				stroke: node.data.stroke
 			};
 		},
-		getScreenPose: (e) => {
-			let t = b.current, i = t.get(n(e));
-			if (!i) return null;
-			let a = r(t)(i), o = T.style(i.data), s = w(), c = y(a, g(x.current.view) ?? s?.canvas.getView(), s?.box);
-			return {
-				...c,
-				fontSize: d(o?.fontSize ?? x.current.defaultFontSize ?? 16, c.zoom),
-				verticalAlign: T.verticalAlign(i.data)
-			};
+		getScreenPose: (id) => {
+			const scene = sceneRef.current;
+			const node = scene.get(asNodeId(id));
+			if (!node) return null;
+			const at = surface();
+			const view = resolveView(optsRef.current.view) ?? at?.canvas.getView();
+			return screenPoseOf(node.data, scenePaintedPoseOf(scene)(node), read, view, at?.box, optsRef.current.defaultFontSize);
 		},
-		getClipRect: () => w()?.box ?? null,
-		getRuns: (e) => {
-			let t = b.current.get(n(e));
-			return t ? T.runs(t.data) : void 0;
+		getClipRect: () => surface()?.box ?? null,
+		getRuns: (id) => {
+			const node = sceneRef.current.get(asNodeId(id));
+			return node ? read.runs(node.data) : void 0;
 		},
-		commit: (e, { text: t, runs: r, style: i }) => {
-			let a = n(e), o = b.current.get(a);
-			if (!o) return;
-			let { setText: s, setRuns: c, setStyle: l } = x.current, u = s ? s(o.data, t) : {
-				...o.data,
-				text: t
+		commit: (id, { text, runs, style }) => {
+			const nid = asNodeId(id);
+			const node = sceneRef.current.get(nid);
+			if (!node) return;
+			const { setText, setRuns, setStyle } = optsRef.current;
+			let data = setText ? setText(node.data, text) : {
+				...node.data,
+				text
 			};
-			r && (u = c ? c(u, r) : {
-				...u,
-				runs: r
-			}), i && (u = l ? l(u, i) : {
-				...u,
-				style: i
-			}), b.current.update(a, { data: u });
-		}
-	}), D = o((n) => {
-		let a = n.target instanceof HTMLElement ? n.target : null;
-		if (!a || a.closest("[contenteditable=\"true\"]")) return;
-		let [o, s] = u(a, n.clientX, n.clientY), c = S.current, l = g(x.current.view) ?? (c ? i(c, a)?.getView() : void 0), d = l ? o / l.scale.x + l.x : o, p = l ? s / l.scale.y + l.y : s, h = b.current.renderOrderNodes(), _ = r(b.current);
-		for (let n = h.length - 1; n >= 0; n--) {
-			let r = h[n];
-			if (b.current.isLocked(r.id) || !T.isText(r.data)) continue;
-			let i = T.text(r.data), o = _(r), s = t(e(o), d, p);
-			if (!s) continue;
-			let c = {
-				x: o.x,
-				y: o.y,
-				width: o.width,
-				height: o.height,
-				text: i,
-				runs: T.runs(r.data),
-				style: T.style(r.data),
-				verticalAlign: T.verticalAlign(r.data)
+			if (runs) data = setRuns ? setRuns(data, runs) : {
+				...data,
+				runs
 			};
-			if (m(s.x, s.y, c)) {
-				C.current = a, E.startEdit(String(r.id), { caret: f(s.x, s.y, c) });
-				return;
-			}
+			if (style) data = setStyle ? setStyle(data, style) : {
+				...data,
+				style
+			};
+			sceneRef.current.update(nid, { data });
 		}
+	});
+	const onDoubleClick = useCallback((e) => {
+		const canvas = e.target instanceof HTMLElement ? e.target : null;
+		if (!canvas) return;
+		if (canvas.closest("[contenteditable=\"true\"]")) return;
+		const [canvasX, canvasY] = clientToCanvas(canvas, e.clientX, e.clientY);
+		const root = containerRef.current;
+		const view = resolveView(optsRef.current.view) ?? (root ? findMountedCanvas(root, canvas)?.getView() : void 0);
+		const cx = view ? canvasX / view.scale.x + view.x : canvasX;
+		const cy = view ? canvasY / view.scale.y + view.y : canvasY;
+		const hit = textHitAt(sceneRef.current, read, cx, cy);
+		if (!hit) return;
+		openedOnRef.current = canvas;
+		edit.startEdit(hit.id, { caret: hit.caret });
 	}, [
-		E,
-		S,
-		x,
-		T,
-		b
-	]), O = o((e) => {
-		let t = b.current.get(n(e));
-		return t !== void 0 && T.isText(t.data);
-	}, [T, b]);
+		edit,
+		containerRef,
+		optsRef,
+		read,
+		sceneRef
+	]);
+	const isTextNode = useCallback((id) => {
+		const node = sceneRef.current.get(asNodeId(id));
+		return node !== void 0 && read.isText(node.data);
+	}, [read, sceneRef]);
+	const drawOne = useMemo(() => drawOneEditing(edit.editingId), [edit.editingId]);
+	return {
+		...edit,
+		onDoubleClick,
+		isTextNode,
+		drawOne
+	};
+}
+/** The overlay's pose for a node painted at `painted`: its text box, inset
+*  about the box center, which is all the overlay's frame needs, projected
+*  through `view`. */
+function screenPoseOf(d, painted, read, view, origin, defaultFontSize = 16) {
+	const inset = textBoxOf({ padding: read.padding(d) }, painted);
+	const box = screenBoxOf({
+		...painted,
+		...inset
+	}, view, origin);
 	return {
-		...E,
-		onDoubleClick: D,
-		isTextNode: O
+		...box,
+		fontSize: resolveScreenLength(read.style(d)?.fontSize ?? defaultFontSize, box.zoom),
+		verticalAlign: read.verticalAlign(d),
+		...read.overflow(d) === "clip" ? { clip: clipToBox(inset, painted) } : {}
 	};
 }
-function y(e, t, n) {
-	let r = t ? t.scale.x : 1, i = t ? t.scale.y : 1, a = (n?.x ?? 0) + (e.x + e.width / 2 - (t?.x ?? 0)) * r, o = (n?.y ?? 0) + (e.y + e.height / 2 - (t?.y ?? 0)) * i;
+/** How far `box` reaches past `inner` on each side: the overlay's cut at
+*  `box` when its own pose is `inner`. */
+function clipToBox(inner, box) {
 	return {
-		x: a - e.width * r / 2,
-		y: o - e.height * r / 2,
-		width: e.width,
-		height: e.height,
-		zoom: r,
-		frame: b(e, i / r)
+		top: inner.y - box.y,
+		left: inner.x - box.x,
+		bottom: box.y + box.height - (inner.y + inner.height),
+		right: box.x + box.width - (inner.x + inner.width)
 	};
 }
-function b(e, t) {
-	let n = a(e);
-	if (!n && t === 1) return;
-	let [r, i, o, s] = n ?? [
+/**
+* `pose`'s box as the overlay takes it, `origin` being the canvas's corner in
+* container pixels. Only the box center is projected, since the overlay's
+* frame is about it. Width and height stay in world units and reach the
+* screen through the overlay's own `scale(zoom)` — see
+* `TextEditScreenPose.zoom`.
+*/
+function screenBoxOf(pose, view, origin) {
+	const zoom = view ? view.scale.x : 1;
+	const zoomY = view ? view.scale.y : 1;
+	const cx = (origin?.x ?? 0) + (pose.x + pose.width / 2 - (view?.x ?? 0)) * zoom;
+	const cy = (origin?.y ?? 0) + (pose.y + pose.height / 2 - (view?.y ?? 0)) * zoomY;
+	return {
+		x: cx - pose.width * zoom / 2,
+		y: cy - pose.height * zoom / 2,
+		width: pose.width,
+		height: pose.height,
+		zoom,
+		frame: frameLinearOf(pose, zoomY / zoom)
+	};
+}
+/** The linear part of the frame `pose` is drawn in, as the overlay takes it.
+*  `stretch` is the view's y scale over its x scale: the overlay scales both
+*  axes by the x scale, so the frame carries what is left of y. */
+function frameLinearOf(pose, stretch) {
+	const m = poseFrameOf(pose);
+	if (!m && stretch === 1) return void 0;
+	const [a, b, c, d] = m ?? [
 		1,
 		0,
 		0,
 		1
 	];
 	return [
-		r,
-		i * t,
-		o,
-		s * t
+		a,
+		b * stretch,
+		c,
+		d * stretch
 	];
 }
-//#endregion
-export { v as useSceneTextEdit };
 
+//#endregion
+export { useSceneTextEdit };
 //# sourceMappingURL=useSceneTextEdit.js.map

package/dist/features/text/useSceneTextEdit.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSceneTextEdit.js","names":["resolveView","view","projectionsOf","opts","data","isTextData","useSceneTextEdit","sceneRef","useLatest","scene","optsRef","options","containerRef","container","openedOnRef","useRef","surface","root","canvas","findMountedCanvas","a","b","read","useMemo","edit","useTextEdit","el","id","node","asNodeId","get","pose","scenePaintedPoseOf","style","at","box","screenBoxOf","resolveScreenLength","nid","setText","text","runs","setRuns","setStyle","onDoubleClick","useCallback","e","canvasX","canvasY","clientToCanvas","cx","cy","order","paintedPoseOf","i","p","worldToLocal","targetTransformOf","pointInTextPose","caretIndexAt","isTextNode","zoom","zoomY","origin","frameLinearOf","m","poseFrameOf","stretch","c","d"],"sources":["../../../src/features/text/useSceneTextEdit.ts"],"sourcesContent":["/**\n * `useSceneTextEdit` — scene-aware wrapper around `useTextEdit`: scene\n * lookups for text / style / runs / screen-pose, and\n * `scene.update(id, { data })` for commits. The overlay and a double-click\n * both read the pose a node is painted at, so text inside a container whose\n * pose is a frame is edited where it is drawn.\n *\n * Defaults assume the node's `data` carries `text` / `style` / `runs`\n * directly. For custom data shapes, override any of the optional projections.\n * Consumers with non-rect poses should drop down to raw `useTextEdit` and\n * supply their own `getScreenPose`.\n */\nimport { useCallback, useMemo, useRef, type MouseEvent } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { asNodeId } from '../../core/scene/types';\nimport { scenePaintedPoseOf } from '../../canvas/derivedPath';\nimport type { Scene } from '../../core/scene/types';\nimport type { Stroke, Fill } from '@weasel-js/paint';\nimport { resolveScreenLength } from '@weasel-js/paint';\nimport { clientToCanvas } from '@weasel-js/routing';\nimport { findMountedCanvas, type MountedCanvas } from '../../canvas/mountedCanvases';\nimport type { View } from '../../core/viewport/view';\nimport type { RectPose } from 'core/geometry/unionBounds';\nimport { targetTransformOf, worldToLocal } from 'core/geometry/targetFrame';\nimport { poseFrameOf } from '@weasel-js/geom';\nimport { caretIndexAt, pointInTextPose, isTextData, type StyledRun, type TextPaint, type TextStyle, type TextVerticalAlign } from '@weasel-js/text';\nimport { useTextEdit, type TextEditClipRect, type TextEditScreenPose, type UseTextEditReturn } from '@weasel-js/text-dom';\n\n/** Shape the default projections expect `data` to satisfy. All fields\n *  optional so any object satisfies the constraint — projections fill in\n *  the gaps for non-default shapes. */\nexport interface DefaultTextData {\n  text?: string;\n  style?: TextStyle;\n  runs?: readonly StyledRun[];\n  fill?: Fill | null;\n  stroke?: Stroke | null;\n  verticalAlign?: TextVerticalAlign;\n}\n\n/** All-optional projections + fontSize fallback. */\nexport interface UseSceneTextEditOptions<TData> {\n  /**\n   * Is this node text? A double-click opens an edit only on a node that\n   * answers yes, and passes through any other to the text under it. Default:\n   * `isTextData`, the test `inferredNodeRouting` classifies a text node by. Pass one when `getText` reads some other shape.\n   */\n  isText?: (data: TData) => boolean;\n  /** Read plain text from `data`. Default: `data.text ?? ''`. */\n  getText?: (data: TData) => string;\n  /** Read style from `data`. Default: `data.style`. */\n  getStyle?: (data: TData) => TextStyle | undefined;\n  /** Read the node's paint from `data`. Default: `data.fill` / `data.stroke`. */\n  getPaint?: (data: TData) => TextPaint | undefined;\n  /** Read rich-text runs from `data`. Default: `data.runs`. */\n  getRuns?: (data: TData) => readonly StyledRun[] | undefined;\n  /** Read the box vertical alignment from `data`. Default: `data.verticalAlign`. */\n  getVerticalAlign?: (data: TData) => TextVerticalAlign | undefined;\n  /** Produce updated data with new text. Default: `{ ...data, text }`. */\n  setText?: (data: TData, text: string) => TData;\n  /** Produce updated data with new runs. Default: `{ ...data, runs }`. */\n  setRuns?: (data: TData, runs: StyledRun[]) => TData;\n  /**\n   * Produce updated data with a new node-wide style. Default:\n   * `{ ...data, style }`. Written only when a range toggle has to *clear* a\n   * flag the node itself sets — the run algebra is additive, so that edit\n   * lowers the node flag and raises it on the runs outside the range. See\n   * `useTextEdit`'s `setStyle`.\n   *\n   * An edit's text, runs, and style are folded through these three and\n   * written as one `scene.update`, so a commit is one undo step.\n   */\n  setStyle?: (data: TData, style: TextStyle) => TData;\n  /** Fallback fontSize when `style.fontSize` is unset. Default `16`. */\n  defaultFontSize?: number;\n  /**\n   * The view to project through. Omit it and the view is read live from the\n   * weasel canvas mounted inside `container` (the one a double-click landed\n   * on, when there are several). With no canvas there, the node's world box\n   * is passed through as screen pixels.\n   *\n   * A thunk is re-read on every projection; a plain `View` is the value from\n   * the render that supplied it.\n   */\n  view?: View | (() => View);\n  /**\n   * Forwarded to `useTextEdit`: is `el` part of the editor's own chrome?\n   * Focus moving into it does not end the edit. Wire it to whatever renders\n   * the character controls.\n   */\n  isEditorChrome?: (el: Element) => boolean;\n  /** Forwarded to `useTextEdit`: what Escape does to the edit. */\n  escape?: 'cancel' | 'commit';\n  /** Forwarded to `useTextEdit`: how long an edit waits for its face. */\n  fontHold?: number;\n  /** Forwarded to `useTextEdit`: called as an edit of the node `id` opens,\n   *  whichever way it was started. */\n  onStart?: (id: string) => void;\n  /** Forwarded to `useTextEdit`: called as the edit of `id` closes, after\n   *  any commit has been written to the scene. */\n  onEnd?: (id: string) => void;\n}\n\nfunction resolveView(view: View | (() => View) | undefined): View | undefined {\n  return typeof view === 'function' ? view() : view;\n}\n\n/** Return shape extends `UseTextEditReturn` with an `onDoubleClick`\n *  binding for the canvas container. Double-clicking inside a text\n *  node enters edit mode with the caret seeded at the clicked glyph. */\nexport interface UseSceneTextEditReturn extends UseTextEditReturn {\n  /** Bind to the element wrapping `<SceneCanvas>` (the same element\n   *  passed as `container`, or any ancestor that receives the dblclick\n   *  bubble). Starts an edit on the top-most text node under the cursor. */\n  onDoubleClick: (e: MouseEvent<HTMLElement>) => void;\n  /** The `isText` option asked of the node with this id: what\n   *  `TextEditDep.isTextNode` wants, so both ways into an edit agree. */\n  isTextNode: (id: string) => boolean;\n}\n\n/** How each field is read from a node's `data`: the option's projection, else the default shape. */\nfunction projectionsOf<TData extends DefaultTextData>(opts: { readonly current: UseSceneTextEditOptions<TData> }) {\n  return {\n    isText: (data: TData): boolean =>\n      opts.current.isText ? opts.current.isText(data) : isTextData(data),\n    text: (data: TData): string =>\n      opts.current.getText ? opts.current.getText(data) : (data.text ?? ''),\n    style: (data: TData): TextStyle | undefined =>\n      opts.current.getStyle ? opts.current.getStyle(data) : data.style,\n    runs: (data: TData): readonly StyledRun[] | undefined =>\n      opts.current.getRuns ? opts.current.getRuns(data) : data.runs,\n    verticalAlign: (data: TData): TextVerticalAlign | undefined =>\n      opts.current.getVerticalAlign ? opts.current.getVerticalAlign(data) : data.verticalAlign,\n  };\n}\n\n/** Wire double-click-to-edit text on a scene: mounts a DOM editing overlay\n *  over the node being edited and writes the result back as an undoable op. */\nexport function useSceneTextEdit<\n  TData extends DefaultTextData,\n  TLayer extends string,\n  TPose extends RectPose = RectPose,\n>(\n  scene: Scene<TData, TLayer, TPose>,\n  container: HTMLElement | null,\n  options: UseSceneTextEditOptions<TData> = {},\n): UseSceneTextEditReturn {\n  // Refs, so the useTextEdit callbacks always see the current values\n  // without re-binding.\n  const sceneRef = useLatest(scene);\n  const optsRef = useLatest(options);\n  const containerRef = useLatest(container);\n  // The last double-click's target, so the overlay projects through the\n  // canvas the edit was opened on.\n  const openedOnRef = useRef<EventTarget | null>(null);\n\n  // The canvas's box in container pixels is both the origin its view projects\n  // from and the region its glyphs are clipped to.\n  const surface = (): { canvas: MountedCanvas; box: TextEditClipRect } | null => {\n    const root = containerRef.current;\n    const canvas = root ? findMountedCanvas(root, openedOnRef.current) : null;\n    if (!root || !canvas) return null;\n    const a = canvas.element.getBoundingClientRect();\n    const b = root.getBoundingClientRect();\n    return {\n      canvas,\n      box: {\n        x: a.left - b.left - root.clientLeft + root.scrollLeft,\n        y: a.top - b.top - root.clientTop + root.scrollTop,\n        width: a.width,\n        height: a.height,\n      },\n    };\n  };\n\n  const read = useMemo(() => projectionsOf(optsRef), [optsRef]);\n\n  const edit = useTextEdit({\n    container,\n    isEditorChrome: (el) => optsRef.current.isEditorChrome?.(el) ?? false,\n    escape: options.escape,\n    fontHold: options.fontHold,\n    onStart: (id) => optsRef.current.onStart?.(id),\n    onEnd: (id) => optsRef.current.onEnd?.(id),\n    getText: (id) => {\n      const node = sceneRef.current.get(asNodeId(id));\n      return node ? read.text(node.data) : '';\n    },\n    getStyle: (id) => {\n      const node = sceneRef.current.get(asNodeId(id));\n      return node ? read.style(node.data) : undefined;\n    },\n    getPaint: (id) => {\n      const node = sceneRef.current.get(asNodeId(id));\n      if (!node) return undefined;\n      const get = optsRef.current.getPaint;\n      return get ? get(node.data) : { fill: node.data.fill, stroke: node.data.stroke };\n    },\n    getScreenPose: (id) => {\n      const scene = sceneRef.current;\n      const node = scene.get(asNodeId(id));\n      if (!node) return null;\n      const pose = scenePaintedPoseOf(scene)(node);\n      const style = read.style(node.data);\n      const at = surface();\n      const view = resolveView(optsRef.current.view) ?? at?.canvas.getView();\n      const box = screenBoxOf(pose, view, at?.box);\n      return {\n        ...box,\n        // Against `zoom`, the same factor the overlay scales back up by, so a\n        // `{ px }` size arrives on screen at the pixel count it names.\n        fontSize: resolveScreenLength(\n          style?.fontSize ?? optsRef.current.defaultFontSize ?? 16,\n          box.zoom,\n        ),\n        verticalAlign: read.verticalAlign(node.data),\n      };\n    },\n    getClipRect: () => surface()?.box ?? null,\n    getRuns: (id) => {\n      const node = sceneRef.current.get(asNodeId(id));\n      return node ? read.runs(node.data) : undefined;\n    },\n    commit: (id, { text, runs, style }) => {\n      const nid = asNodeId(id);\n      const node = sceneRef.current.get(nid);\n      if (!node) return;\n      const { setText, setRuns, setStyle } = optsRef.current;\n      let data = setText ? setText(node.data, text) : { ...node.data, text };\n      if (runs) data = setRuns ? setRuns(data, runs) : { ...data, runs };\n      if (style) data = setStyle ? setStyle(data, style) : { ...data, style };\n      sceneRef.current.update(nid, { data });\n    },\n  });\n\n  const onDoubleClick = useCallback((e: MouseEvent<HTMLElement>) => {\n    // The dblclick bubbles from the canvas up to any wrapping container; the\n    // element it started on is what the click coordinates are relative to.\n    const canvas = e.target instanceof HTMLElement ? e.target : null;\n    if (!canvas) return;\n    // Inside the editor a double-click selects a word, and its target is a run\n    // span whose box the click would be measured against as if it were a canvas.\n    if (canvas.closest('[contenteditable=\"true\"]')) return;\n\n    // `pointInTextPose` and `caretIndexAt` work in the node's own box: the click\n    // is un-projected here, then taken back through the frame the node is drawn in.\n    const [canvasX, canvasY] = clientToCanvas(canvas, e.clientX, e.clientY);\n    const root = containerRef.current;\n    const view = resolveView(optsRef.current.view)\n      ?? (root ? findMountedCanvas(root, canvas)?.getView() : undefined);\n    const cx = view ? canvasX / view.scale.x + view.x : canvasX;\n    const cy = view ? canvasY / view.scale.y + view.y : canvasY;\n    // Top-most-first hit test: renderOrder() is back-to-front, so iterate\n    // in reverse and break on the first hit.\n    const order = sceneRef.current.renderOrderNodes();\n    const paintedPoseOf = scenePaintedPoseOf(sceneRef.current);\n    for (let i = order.length - 1; i >= 0; i--) {\n      const node = order[i];\n      if (sceneRef.current.isLocked(node.id)) continue;\n      if (!read.isText(node.data)) continue;\n      const text = read.text(node.data);\n      const at = paintedPoseOf(node);\n      const p = worldToLocal(targetTransformOf(at), cx, cy);\n      if (!p) continue;\n      const pose = {\n        x: at.x, y: at.y, width: at.width, height: at.height,\n        text,\n        runs: read.runs(node.data) as StyledRun[] | undefined,\n        style: read.style(node.data),\n        verticalAlign: read.verticalAlign(node.data),\n      };\n      if (!pointInTextPose(p.x, p.y, pose)) continue;\n\n      openedOnRef.current = canvas;\n      edit.startEdit(String(node.id), { caret: caretIndexAt(p.x, p.y, pose) });\n      return;\n    }\n  }, [edit, containerRef, optsRef, read, sceneRef]);\n\n  const isTextNode = useCallback((id: string): boolean => {\n    const node = sceneRef.current.get(asNodeId(id));\n    return node !== undefined && read.isText(node.data);\n  }, [read, sceneRef]);\n\n  return { ...edit, onDoubleClick, isTextNode };\n}\n\n/**\n * `pose`'s box as the overlay takes it, `origin` being the canvas's corner in\n * container pixels. Only the box center is projected, since the overlay's\n * frame is about it. Width and height stay in world units and reach the\n * screen through the overlay's own `scale(zoom)` — see\n * `TextEditScreenPose.zoom`.\n */\nfunction screenBoxOf(\n  pose: RectPose,\n  view: View | undefined,\n  origin: { x: number; y: number } | undefined,\n): Pick<TextEditScreenPose, 'x' | 'y' | 'width' | 'height' | 'frame'> & { zoom: number } {\n  const zoom = view ? view.scale.x : 1;\n  const zoomY = view ? view.scale.y : 1;\n  const cx = (origin?.x ?? 0) + (pose.x + pose.width / 2 - (view?.x ?? 0)) * zoom;\n  const cy = (origin?.y ?? 0) + (pose.y + pose.height / 2 - (view?.y ?? 0)) * zoomY;\n  return {\n    x: cx - (pose.width * zoom) / 2,\n    y: cy - (pose.height * zoom) / 2,\n    width: pose.width,\n    height: pose.height,\n    zoom,\n    frame: frameLinearOf(pose, zoomY / zoom),\n  };\n}\n\n/** The linear part of the frame `pose` is drawn in, as the overlay takes it.\n *  `stretch` is the view's y scale over its x scale: the overlay scales both\n *  axes by the x scale, so the frame carries what is left of y. */\nfunction frameLinearOf(pose: unknown, stretch: number): TextEditScreenPose['frame'] {\n  const m = poseFrameOf(pose);\n  if (!m && stretch === 1) return undefined;\n  const [a, b, c, d] = m ?? [1, 0, 0, 1];\n  return [a, b * stretch, c, d * stretch];\n}\n"],"mappings":"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"}
+{"version":3,"file":"useSceneTextEdit.js","names":[],"sources":["../../../src/features/text/useSceneTextEdit.ts"],"sourcesContent":["/**\n * `useSceneTextEdit` — scene-aware wrapper around `useTextEdit`: scene\n * lookups for text / style / runs / screen-pose, and\n * `scene.update(id, { data })` for commits. The overlay and a double-click\n * both read the pose a node is painted at, so text inside a container whose\n * pose is a frame is edited where it is drawn.\n *\n * Defaults assume the node's `data` carries `text` / `style` / `runs`\n * directly. For custom data shapes, override any of the optional projections.\n * Consumers with non-rect poses should drop down to raw `useTextEdit` and\n * supply their own `getScreenPose`.\n */\nimport { useCallback, useMemo, useRef, type MouseEvent } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { asNodeId } from '../../core/scene/types';\nimport { scenePaintedPoseOf } from '../../canvas/derivedPath';\nimport type { Scene } from '../../core/scene/types';\nimport { drawOneEditing, type EditingDrawOne } from './editingDrawOne';\nimport { textHitAt } from './textHitAt';\nimport type { Stroke, Fill } from '@weasel-js/paint';\nimport { resolveScreenLength } from '@weasel-js/paint';\nimport { clientToCanvas } from '@weasel-js/routing';\nimport { findMountedCanvas, type MountedCanvas } from '../../canvas/mountedCanvases';\nimport type { View } from '../../core/viewport/view';\nimport type { RectPose } from 'core/geometry/unionBounds';\nimport { poseFrameOf } from '@weasel-js/geom';\nimport { isTextData, type StyledRun, type TextPaint, type TextStyle, type TextVerticalAlign } from '@weasel-js/text';\nimport { textBoxOf, type TextOverflow } from '../../canvas/nodeShapes/textPainter';\nimport { useTextEdit, type TextEditClipRect, type TextEditScreenPose, type UseTextEditReturn } from '@weasel-js/text-dom';\n\n/** Shape the default projections expect `data` to satisfy. All fields\n *  optional so any object satisfies the constraint — projections fill in\n *  the gaps for non-default shapes. */\nexport interface DefaultTextData {\n  text?: string;\n  style?: TextStyle;\n  runs?: readonly StyledRun[];\n  fill?: Fill | null;\n  stroke?: Stroke | null;\n  verticalAlign?: TextVerticalAlign;\n  padding?: number;\n  overflow?: TextOverflow;\n}\n\n/** All-optional projections + fontSize fallback. */\nexport interface UseSceneTextEditOptions<TData> {\n  /**\n   * Is this node text? A double-click opens an edit only on a node that\n   * answers yes, and passes through any other to the text under it. Default:\n   * `isTextData`, the test `inferredNodeRouting` classifies a text node by. Pass one when `getText` reads some other shape.\n   */\n  isText?: (data: TData) => boolean;\n  /** Read plain text from `data`. Default: `data.text ?? ''`. */\n  getText?: (data: TData) => string;\n  /** Read style from `data`. Default: `data.style`. */\n  getStyle?: (data: TData) => TextStyle | undefined;\n  /** Read the node's paint from `data`. Default: `data.fill` / `data.stroke`. */\n  getPaint?: (data: TData) => TextPaint | undefined;\n  /** Read rich-text runs from `data`. Default: `data.runs`. */\n  getRuns?: (data: TData) => readonly StyledRun[] | undefined;\n  /** Read the box vertical alignment from `data`. Default: `data.verticalAlign`. */\n  getVerticalAlign?: (data: TData) => TextVerticalAlign | undefined;\n  /** Read the inset from the node's box to its text from `data`. Default: `data.padding`. */\n  getPadding?: (data: TData) => number | undefined;\n  /** Read whether the node cuts its text at its box from `data`, which the\n   *  overlay then does too. Default: `data.overflow`. */\n  getOverflow?: (data: TData) => TextOverflow | undefined;\n  /** Produce updated data with new text. Default: `{ ...data, text }`. */\n  setText?: (data: TData, text: string) => TData;\n  /** Produce updated data with new runs. Default: `{ ...data, runs }`. */\n  setRuns?: (data: TData, runs: StyledRun[]) => TData;\n  /**\n   * Produce updated data with a new node-wide style. Default:\n   * `{ ...data, style }`. Written only when a range toggle has to *clear* a\n   * flag the node itself sets — the run algebra is additive, so that edit\n   * lowers the node flag and raises it on the runs outside the range. See\n   * `useTextEdit`'s `setStyle`.\n   *\n   * An edit's text, runs, and style are folded through these three and\n   * written as one `scene.update`, so a commit is one undo step.\n   */\n  setStyle?: (data: TData, style: TextStyle) => TData;\n  /** Fallback fontSize when `style.fontSize` is unset. Default `16`. */\n  defaultFontSize?: number;\n  /**\n   * The view to project through. Omit it and the view is read live from the\n   * weasel canvas mounted inside `container` (the one a double-click landed\n   * on, when there are several). With no canvas there, the node's world box\n   * is passed through as screen pixels.\n   *\n   * A thunk is re-read on every projection; a plain `View` is the value from\n   * the render that supplied it.\n   */\n  view?: View | (() => View);\n  /**\n   * Forwarded to `useTextEdit`: is `el` part of the editor's own chrome?\n   * Focus moving into it does not end the edit. Wire it to whatever renders\n   * the character controls.\n   */\n  isEditorChrome?: (el: Element) => boolean;\n  /** Forwarded to `useTextEdit`: what Escape does to the edit. */\n  escape?: 'cancel' | 'commit';\n  /** Forwarded to `useTextEdit`: how long an edit waits for its face. */\n  fontHold?: number;\n  /** Forwarded to `useTextEdit`: called as an edit of the node `id` opens,\n   *  whichever way it was started. */\n  onStart?: (id: string) => void;\n  /** Forwarded to `useTextEdit`: called as the edit of `id` closes, after\n   *  any commit has been written to the scene. */\n  onEnd?: (id: string) => void;\n}\n\nfunction resolveView(view: View | (() => View) | undefined): View | undefined {\n  return typeof view === 'function' ? view() : view;\n}\n\n/** Return shape extends `UseTextEditReturn` with an `onDoubleClick`\n *  binding for the canvas container. Double-clicking inside a text\n *  node enters edit mode with the caret seeded at the clicked glyph. */\nexport interface UseSceneTextEditReturn extends UseTextEditReturn {\n  /** Bind to the element wrapping `<SceneCanvas>` (the same element\n   *  passed as `container`, or any ancestor that receives the dblclick\n   *  bubble). Starts an edit on the top-most text node under the cursor. */\n  onDoubleClick: (e: MouseEvent<HTMLElement>) => void;\n  /** The `isText` option asked of the node with this id: what\n   *  `TextEditDep.isTextNode` wants, so both ways into an edit agree. */\n  isTextNode: (id: string) => boolean;\n  /**\n   * `defaultDrawOne`, less the glyphs of the node being edited: the overlay\n   * stands in for its text, and the rest of the node, a `background` among\n   * it, goes on painting. Pass it as `layers.scene.drawOne`, with\n   * `paintBounds: defaultPaintBounds`, in place of an `alphaFor` that hides\n   * the whole node.\n   */\n  drawOne: EditingDrawOne;\n}\n\n/** How each field is read from a node's `data`: the option's projection, else the default shape. */\nfunction projectionsOf<TData extends DefaultTextData>(opts: { readonly current: UseSceneTextEditOptions<TData> }) {\n  return {\n    isText: (data: TData): boolean =>\n      opts.current.isText ? opts.current.isText(data) : isTextData(data),\n    text: (data: TData): string =>\n      opts.current.getText ? opts.current.getText(data) : (data.text ?? ''),\n    style: (data: TData): TextStyle | undefined =>\n      opts.current.getStyle ? opts.current.getStyle(data) : data.style,\n    runs: (data: TData): readonly StyledRun[] | undefined =>\n      opts.current.getRuns ? opts.current.getRuns(data) : data.runs,\n    verticalAlign: (data: TData): TextVerticalAlign | undefined =>\n      opts.current.getVerticalAlign ? opts.current.getVerticalAlign(data) : data.verticalAlign,\n    padding: (data: TData): number | undefined =>\n      opts.current.getPadding ? opts.current.getPadding(data) : data.padding,\n    overflow: (data: TData): TextOverflow | undefined =>\n      opts.current.getOverflow ? opts.current.getOverflow(data) : data.overflow,\n  };\n}\n\n/** Wire double-click-to-edit text on a scene: mounts a DOM editing overlay\n *  over the node being edited and writes the result back as an undoable op. */\nexport function useSceneTextEdit<\n  TData extends DefaultTextData,\n  TLayer extends string,\n  TPose extends RectPose = RectPose,\n>(\n  scene: Scene<TData, TLayer, TPose>,\n  container: HTMLElement | null,\n  options: UseSceneTextEditOptions<TData> = {},\n): UseSceneTextEditReturn {\n  // Refs, so the useTextEdit callbacks always see the current values\n  // without re-binding.\n  const sceneRef = useLatest(scene);\n  const optsRef = useLatest(options);\n  const containerRef = useLatest(container);\n  // The last double-click's target, so the overlay projects through the\n  // canvas the edit was opened on.\n  const openedOnRef = useRef<EventTarget | null>(null);\n\n  // The canvas's box in container pixels is both the origin its view projects\n  // from and the region its glyphs are clipped to.\n  const surface = (): { canvas: MountedCanvas; box: TextEditClipRect } | null => {\n    const root = containerRef.current;\n    const canvas = root ? findMountedCanvas(root, openedOnRef.current) : null;\n    if (!root || !canvas) return null;\n    const a = canvas.element.getBoundingClientRect();\n    const b = root.getBoundingClientRect();\n    return {\n      canvas,\n      box: {\n        x: a.left - b.left - root.clientLeft + root.scrollLeft,\n        y: a.top - b.top - root.clientTop + root.scrollTop,\n        width: a.width,\n        height: a.height,\n      },\n    };\n  };\n\n  const read = useMemo(() => projectionsOf(optsRef), [optsRef]);\n\n  const edit = useTextEdit({\n    container,\n    isEditorChrome: (el) => optsRef.current.isEditorChrome?.(el) ?? false,\n    escape: options.escape,\n    fontHold: options.fontHold,\n    onStart: (id) => optsRef.current.onStart?.(id),\n    onEnd: (id) => optsRef.current.onEnd?.(id),\n    getText: (id) => {\n      const node = sceneRef.current.get(asNodeId(id));\n      return node ? read.text(node.data) : '';\n    },\n    getStyle: (id) => {\n      const node = sceneRef.current.get(asNodeId(id));\n      return node ? read.style(node.data) : undefined;\n    },\n    getPaint: (id) => {\n      const node = sceneRef.current.get(asNodeId(id));\n      if (!node) return undefined;\n      const get = optsRef.current.getPaint;\n      return get ? get(node.data) : { fill: node.data.fill, stroke: node.data.stroke };\n    },\n    getScreenPose: (id) => {\n      const scene = sceneRef.current;\n      const node = scene.get(asNodeId(id));\n      if (!node) return null;\n      const at = surface();\n      const view = resolveView(optsRef.current.view) ?? at?.canvas.getView();\n      return screenPoseOf(node.data, scenePaintedPoseOf(scene)(node), read, view, at?.box, optsRef.current.defaultFontSize);\n    },\n    getClipRect: () => surface()?.box ?? null,\n    getRuns: (id) => {\n      const node = sceneRef.current.get(asNodeId(id));\n      return node ? read.runs(node.data) : undefined;\n    },\n    commit: (id, { text, runs, style }) => {\n      const nid = asNodeId(id);\n      const node = sceneRef.current.get(nid);\n      if (!node) return;\n      const { setText, setRuns, setStyle } = optsRef.current;\n      let data = setText ? setText(node.data, text) : { ...node.data, text };\n      if (runs) data = setRuns ? setRuns(data, runs) : { ...data, runs };\n      if (style) data = setStyle ? setStyle(data, style) : { ...data, style };\n      sceneRef.current.update(nid, { data });\n    },\n  });\n\n  const onDoubleClick = useCallback((e: MouseEvent<HTMLElement>) => {\n    // The dblclick bubbles from the canvas up to any wrapping container; the\n    // element it started on is what the click coordinates are relative to.\n    const canvas = e.target instanceof HTMLElement ? e.target : null;\n    if (!canvas) return;\n    // Inside the editor a double-click selects a word, and its target is a run\n    // span whose box the click would be measured against as if it were a canvas.\n    if (canvas.closest('[contenteditable=\"true\"]')) return;\n\n    // The click is un-projected here; `textHitAt` takes it back through the\n    // frame the node is drawn in.\n    const [canvasX, canvasY] = clientToCanvas(canvas, e.clientX, e.clientY);\n    const root = containerRef.current;\n    const view = resolveView(optsRef.current.view)\n      ?? (root ? findMountedCanvas(root, canvas)?.getView() : undefined);\n    const cx = view ? canvasX / view.scale.x + view.x : canvasX;\n    const cy = view ? canvasY / view.scale.y + view.y : canvasY;\n    const hit = textHitAt(sceneRef.current, read, cx, cy);\n    if (!hit) return;\n    openedOnRef.current = canvas;\n    edit.startEdit(hit.id, { caret: hit.caret });\n  }, [edit, containerRef, optsRef, read, sceneRef]);\n\n  const isTextNode = useCallback((id: string): boolean => {\n    const node = sceneRef.current.get(asNodeId(id));\n    return node !== undefined && read.isText(node.data);\n  }, [read, sceneRef]);\n\n  const drawOne = useMemo(() => drawOneEditing(edit.editingId), [edit.editingId]);\n  return { ...edit, onDoubleClick, isTextNode, drawOne };\n}\n\n/** The overlay's pose for a node painted at `painted`: its text box, inset\n *  about the box center, which is all the overlay's frame needs, projected\n *  through `view`. */\nfunction screenPoseOf<TData extends DefaultTextData>(\n  d: TData,\n  painted: RectPose,\n  read: ReturnType<typeof projectionsOf<TData>>,\n  view: View | undefined,\n  origin: TextEditClipRect | undefined,\n  defaultFontSize = 16,\n): TextEditScreenPose {\n  const inset = textBoxOf({ padding: read.padding(d) }, painted);\n  const box = screenBoxOf({ ...painted, ...inset }, view, origin);\n  return {\n    ...box,\n    // Against `zoom`, the same factor the overlay scales back up by, so a\n    // `{ px }` size arrives on screen at the pixel count it names.\n    fontSize: resolveScreenLength(read.style(d)?.fontSize ?? defaultFontSize, box.zoom),\n    verticalAlign: read.verticalAlign(d),\n    ...(read.overflow(d) === 'clip' ? { clip: clipToBox(inset, painted) } : {}),\n  };\n}\n\n/** How far `box` reaches past `inner` on each side: the overlay's cut at\n *  `box` when its own pose is `inner`. */\nfunction clipToBox(inner: RectPose, box: RectPose): NonNullable<TextEditScreenPose['clip']> {\n  return {\n    top: inner.y - box.y,\n    left: inner.x - box.x,\n    bottom: box.y + box.height - (inner.y + inner.height),\n    right: box.x + box.width - (inner.x + inner.width),\n  };\n}\n\n/**\n * `pose`'s box as the overlay takes it, `origin` being the canvas's corner in\n * container pixels. Only the box center is projected, since the overlay's\n * frame is about it. Width and height stay in world units and reach the\n * screen through the overlay's own `scale(zoom)` — see\n * `TextEditScreenPose.zoom`.\n */\nfunction screenBoxOf(\n  pose: RectPose,\n  view: View | undefined,\n  origin: { x: number; y: number } | undefined,\n): Pick<TextEditScreenPose, 'x' | 'y' | 'width' | 'height' | 'frame'> & { zoom: number } {\n  const zoom = view ? view.scale.x : 1;\n  const zoomY = view ? view.scale.y : 1;\n  const cx = (origin?.x ?? 0) + (pose.x + pose.width / 2 - (view?.x ?? 0)) * zoom;\n  const cy = (origin?.y ?? 0) + (pose.y + pose.height / 2 - (view?.y ?? 0)) * zoomY;\n  return {\n    x: cx - (pose.width * zoom) / 2,\n    y: cy - (pose.height * zoom) / 2,\n    width: pose.width,\n    height: pose.height,\n    zoom,\n    frame: frameLinearOf(pose, zoomY / zoom),\n  };\n}\n\n/** The linear part of the frame `pose` is drawn in, as the overlay takes it.\n *  `stretch` is the view's y scale over its x scale: the overlay scales both\n *  axes by the x scale, so the frame carries what is left of y. */\nfunction frameLinearOf(pose: unknown, stretch: number): TextEditScreenPose['frame'] {\n  const m = poseFrameOf(pose);\n  if (!m && stretch === 1) return undefined;\n  const [a, b, c, d] = m ?? [1, 0, 0, 1];\n  return [a, b * stretch, c, d * stretch];\n}\n"],"mappings":"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"}