@weasel-js/core 1.9.3 → 1.9.4

package/dist/features/text/useSceneTextEdit.js

@@ -1,19 +1,20 @@
 import { effectivePose as e } from "../../core/scene/effectivePose.js";
 import { asNodeId as t } from "../../core/scene/types.js";
 import { findMountedCanvas as n } from "../../canvas/mountedCanvases.js";
-import { caretIndexAt as r, pointInTextPose as i } from "./hitTest.js";
-import { useTextEdit as a } from "./useTextEdit.js";
-import { resolveScreenLength as o } from "@weasel-js/paint";
-import { useCallback as s, useRef as c } from "react";
-import { useLatest as l } from "@weasel-js/react";
-import { clientToCanvas as u } from "@weasel-js/routing";
+import { isTextData as r } from "./isTextData.js";
+import { caretIndexAt as i, pointInTextPose as a } from "./hitTest.js";
+import { useTextEdit as o } from "./useTextEdit.js";
+import { resolveScreenLength as s } from "@weasel-js/paint";
+import { useCallback as c, useMemo as l, useRef as u } from "react";
+import { useLatest as d } from "@weasel-js/react";
+import { clientToCanvas as f } from "@weasel-js/routing";
 //#region src/features/text/useSceneTextEdit.ts
-function d(e) {
+function p(e) {
 	return typeof e == "function" ? e() : e;
 }
-function f(f, p, m = {}) {
-	let h = l(f), g = l(m), _ = l(p), v = c(null), y = () => {
-		let e = _.current, t = e ? n(e, v.current) : null;
+function m(m, h, g = {}) {
+	let _ = d(m), v = d(g), y = d(h), b = u(null), x = () => {
+		let e = y.current, t = e ? n(e, b.current) : null;
 		if (!e || !t) return null;
 		let r = t.element.getBoundingClientRect(), i = e.getBoundingClientRect();
 		return {
@@ -25,114 +26,107 @@ function f(f, p, m = {}) {
 				height: r.height
 			}
 		};
-	}, b = a({
-		container: p,
-		isEditorChrome: (e) => g.current.isEditorChrome?.(e) ?? !1,
-		escape: m.escape,
-		fontHold: m.fontHold,
+	}, S = l(() => ({
+		isText: (e) => v.current.isText ? v.current.isText(e) : r(e),
+		text: (e) => v.current.getText ? v.current.getText(e) : e.text ?? "",
+		style: (e) => v.current.getStyle ? v.current.getStyle(e) : e.style,
+		runs: (e) => v.current.getRuns ? v.current.getRuns(e) : e.runs,
+		verticalAlign: (e) => v.current.getVerticalAlign ? v.current.getVerticalAlign(e) : e.verticalAlign
+	}), [v]), C = o({
+		container: h,
+		isEditorChrome: (e) => v.current.isEditorChrome?.(e) ?? !1,
+		escape: g.escape,
+		fontHold: g.fontHold,
 		getText: (e) => {
-			let n = h.current.get(t(e));
-			if (!n) return "";
-			let r = g.current.getText;
-			return r ? r(n.data) : n.data.text ?? "";
+			let n = _.current.get(t(e));
+			return n ? S.text(n.data) : "";
 		},
 		getStyle: (e) => {
-			let n = h.current.get(t(e));
-			if (!n) return;
-			let r = g.current.getStyle;
-			return r ? r(n.data) : n.data.style;
+			let n = _.current.get(t(e));
+			return n ? S.style(n.data) : void 0;
 		},
 		getPaint: (e) => {
-			let n = h.current.get(t(e));
+			let n = _.current.get(t(e));
 			if (!n) return;
-			let r = g.current.getPaint;
+			let r = v.current.getPaint;
 			return r ? r(n.data) : {
 				fill: n.data.fill,
 				stroke: n.data.stroke
 			};
 		},
 		getScreenPose: (n) => {
-			let r = h.current, i = r.get(t(n));
+			let r = _.current, i = r.get(t(n));
 			if (!i) return null;
-			let a = e(r, i), s = g.current.getStyle ? g.current.getStyle(i.data) : i.data.style, c = y(), l = d(g.current.view) ?? c?.canvas.getView(), u = l ? l.scale.x : 1, f = c?.box.x ?? 0, p = c?.box.y ?? 0;
+			let a = e(r, i), o = S.style(i.data), c = x(), l = p(v.current.view) ?? c?.canvas.getView(), u = l ? l.scale.x : 1, d = c?.box.x ?? 0, f = c?.box.y ?? 0;
 			return {
-				x: f + (l ? (a.x - l.x) * l.scale.x : a.x),
-				y: p + (l ? (a.y - l.y) * l.scale.y : a.y),
+				x: d + (l ? (a.x - l.x) * l.scale.x : a.x),
+				y: f + (l ? (a.y - l.y) * l.scale.y : a.y),
 				width: a.width,
 				height: a.height,
-				fontSize: o(s?.fontSize ?? g.current.defaultFontSize ?? 16, u),
+				fontSize: s(o?.fontSize ?? v.current.defaultFontSize ?? 16, u),
 				zoom: u,
-				verticalAlign: g.current.getVerticalAlign ? g.current.getVerticalAlign(i.data) : i.data.verticalAlign
-			};
-		},
-		getClipRect: () => y()?.box ?? null,
-		setText: (e, n) => {
-			let r = t(e), i = h.current.get(r);
-			if (!i) return;
-			let a = g.current.setText, o = a ? a(i.data, n) : {
-				...i.data,
-				text: n
+				verticalAlign: S.verticalAlign(i.data)
 			};
-			h.current.update(r, { data: o });
 		},
+		getClipRect: () => x()?.box ?? null,
 		getRuns: (e) => {
-			let n = h.current.get(t(e));
-			if (!n) return;
-			let r = g.current.getRuns;
-			return r ? r(n.data) : n.data.runs;
-		},
-		setRuns: (e, n) => {
-			let r = t(e), i = h.current.get(r);
-			if (!i) return;
-			let a = g.current.setRuns, o = a ? a(i.data, n) : {
-				...i.data,
-				runs: n
-			};
-			h.current.update(r, { data: o });
+			let n = _.current.get(t(e));
+			return n ? S.runs(n.data) : void 0;
 		},
-		setStyle: (e, n) => {
-			let r = t(e), i = h.current.get(r);
-			if (!i) return;
-			let a = g.current.setStyle, o = a ? a(i.data, n) : {
-				...i.data,
-				style: n
+		commit: (e, { text: n, runs: r, style: i }) => {
+			let a = t(e), o = _.current.get(a);
+			if (!o) return;
+			let { setText: s, setRuns: c, setStyle: l } = v.current, u = s ? s(o.data, n) : {
+				...o.data,
+				text: n
 			};
-			h.current.update(r, { data: o });
+			r && (u = c ? c(u, r) : {
+				...u,
+				runs: r
+			}), i && (u = l ? l(u, i) : {
+				...u,
+				style: i
+			}), _.current.update(a, { data: u });
 		}
-	}), x = s((t) => {
-		let a = t.target instanceof HTMLElement ? t.target : null;
-		if (!a) return;
-		let [o, s] = u(a, t.clientX, t.clientY), c = _.current, l = d(g.current.view) ?? (c ? n(c, a)?.getView() : void 0), f = l ? o / l.scale.x + l.x : o, p = l ? s / l.scale.y + l.y : s, m = (e) => g.current.getText ? g.current.getText(e) : e.text ?? "", y = (e) => g.current.getStyle ? g.current.getStyle(e) : e.style, x = (e) => g.current.getRuns ? g.current.getRuns(e) : e.runs, S = (e) => g.current.getVerticalAlign ? g.current.getVerticalAlign(e) : e.verticalAlign, C = h.current.renderOrderNodes();
-		for (let t = C.length - 1; t >= 0; t--) {
-			let n = C[t];
-			if (h.current.isLocked(n.id)) continue;
-			let o = m(n.data), s = e(h.current, n), c = {
+	}), w = c((t) => {
+		let r = t.target instanceof HTMLElement ? t.target : null;
+		if (!r || r.closest("[contenteditable=\"true\"]")) return;
+		let [o, s] = f(r, t.clientX, t.clientY), c = y.current, l = p(v.current.view) ?? (c ? n(c, r)?.getView() : void 0), u = l ? o / l.scale.x + l.x : o, d = l ? s / l.scale.y + l.y : s, m = _.current.renderOrderNodes();
+		for (let t = m.length - 1; t >= 0; t--) {
+			let n = m[t];
+			if (_.current.isLocked(n.id) || !S.isText(n.data)) continue;
+			let o = S.text(n.data), s = e(_.current, n), c = {
 				x: s.x,
 				y: s.y,
 				width: s.width,
 				height: s.height,
 				text: o,
-				runs: x(n.data),
-				style: y(n.data),
-				verticalAlign: S(n.data)
+				runs: S.runs(n.data),
+				style: S.style(n.data),
+				verticalAlign: S.verticalAlign(n.data)
 			};
-			if (i(f, p, c)) {
-				v.current = a, b.startEdit(String(n.id), { caret: r(f, p, c) });
+			if (a(u, d, c)) {
+				b.current = r, C.startEdit(String(n.id), { caret: i(u, d, c) });
 				return;
 			}
 		}
 	}, [
-		b,
-		_,
-		g,
-		h
-	]);
+		C,
+		y,
+		v,
+		S,
+		_
+	]), T = c((e) => {
+		let n = _.current.get(t(e));
+		return n !== void 0 && S.isText(n.data);
+	}, [S, _]);
 	return {
-		...b,
-		onDoubleClick: x
+		...C,
+		onDoubleClick: w,
+		isTextNode: T
 	};
 }
 //#endregion
-export { f as useSceneTextEdit };
+export { m as useSceneTextEdit };
 
 //# sourceMappingURL=useSceneTextEdit.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSceneTextEdit.js","names":["resolveView","view","useSceneTextEdit","sceneRef","useLatest","scene","optsRef","options","containerRef","container","openedOnRef","useRef","surface","root","canvas","findMountedCanvas","a","b","edit","useTextEdit","el","node","asNodeId","id","get","pose","effectivePose","style","at","zoom","originX","originY","resolveScreenLength","nid","setter","data","text","runs","onDoubleClick","useCallback","e","canvasX","canvasY","clientToCanvas","cx","cy","readText","readStyle","readRuns","readVerticalAlign","order","i","pointInTextPose","caretIndexAt"],"sources":["../../../src/features/text/useSceneTextEdit.ts"],"sourcesContent":["/**\n * `useSceneTextEdit` — scene-aware wrapper around `useTextEdit`.\n *\n * Every consumer that wires `useTextEdit` against a `useScene`-managed\n * scene writes the same callbacks: scene lookups for text / style /\n * runs / screen-pose, and `scene.update(id, { data })` for commits. This\n * helper bakes that wiring in. Consumers pass `scene` + `container` and\n * get back the same `UseTextEditReturn` shape (`startEdit`, `isEditing`,\n * `cancelEdit`, `commit`, `editingId`).\n *\n * Defaults assume the node's `data` carries `text` / `style` / `runs`\n * directly — matches the `useScene({ items })` trivial form where\n * `data === item` for text-shaped items, and matches `TextPose`-shaped\n * data. For custom data shapes, override any of the optional projections\n * (`getText` / `getStyle` / `getRuns` / `setText` / `setRuns` / `setStyle`).\n *\n * Pose component: the helper reads `(x, y, width, height)` straight off\n * the node's pose (typed `RectPose`) and projects that box through the view\n * of the weasel canvas mounted inside `container` — see the `view` option.\n * The overlay is clipped to that canvas's box, where its glyphs are clipped.\n * Consumers with non-rect poses should drop down to raw `useTextEdit` and\n * supply their own `getScreenPose`.\n */\nimport { useCallback, useRef, type MouseEvent } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { asNodeId } from '../../core/scene/types';\nimport { effectivePose } from '../../core/scene/effectivePose';\nimport type { Scene } from '../../core/scene/types';\nimport type { FillStyle, Stroke } 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 { caretIndexAt, pointInTextPose } from './hitTest';\nimport type { StyledRun } from '@weasel-js/text';\nimport type { TextPaint, TextStyle, TextVerticalAlign } from '@weasel-js/text';\nimport { useTextEdit, type TextEditClipRect, type UseTextEditReturn } from './useTextEdit';\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?: FillStyle | null;\n  stroke?: Stroke | null;\n  verticalAlign?: TextVerticalAlign;\n}\n\n/** All-optional projections + fontSize fallback. */\nexport interface UseSceneTextEditOptions<TData> {\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  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) — which is all a canvas that pans or zooms\n   * needs. With no canvas there, the node's world box is passed through as\n   * screen pixels.\n   *\n   * The overlay is positioned at the node's projected origin and CSS-scaled\n   * by the view, so every typographic metric on it — including the\n   * `fontSize` / `letterSpacing` a *run* carries — stays in world units and\n   * scales together.\n   *\n   * The overlay takes a single scale factor, so a non-uniform view scale is\n   * represented by its `scale.x`; text under `scale.x !== scale.y` will not\n   * match the canvas.\n   *\n   * Pass one to project through a camera other than the canvas's own. A\n   * 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}\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). The handler looks up the canvas via `e.target`, hits the\n   *  top-most text node under the cursor via `pointInTextPose`, resolves\n   *  a caret offset via `caretIndexAt`, and starts edit on that node. */\n  onDoubleClick: (e: MouseEvent<HTMLElement>) => void;\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  // Stash scene + options in refs so the useTextEdit callbacks always see\n  // the current values without re-binding (the underlying hook also reads\n  // its options through a ref, so any re-creation would be churn).\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 edit = useTextEdit({\n    container,\n    isEditorChrome: (el) => optsRef.current.isEditorChrome?.(el) ?? false,\n    escape: options.escape,\n    fontHold: options.fontHold,\n    getText: (id) => {\n      const node = sceneRef.current.get(asNodeId(id));\n      if (!node) return '';\n      const get = optsRef.current.getText;\n      return get ? get(node.data) : (node.data.text ?? '');\n    },\n    getStyle: (id) => {\n      const node = sceneRef.current.get(asNodeId(id));\n      if (!node) return undefined;\n      const get = optsRef.current.getStyle;\n      return get ? get(node.data) : node.data.style;\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 = effectivePose(scene, node);\n      const style = optsRef.current.getStyle\n        ? optsRef.current.getStyle(node.data)\n        : node.data.style;\n      const at = surface();\n      const view = resolveView(optsRef.current.view) ?? at?.canvas.getView();\n      const zoom = view ? view.scale.x : 1;\n      const originX = at?.box.x ?? 0;\n      const originY = at?.box.y ?? 0;\n      // Only the origin is projected. Width, height and font size stay in\n      // world units and reach the screen through the overlay's own\n      // `scale(zoom)` — see `TextEditScreenPose.zoom`.\n      return {\n        x: originX + (view ? (pose.x - view.x) * view.scale.x : pose.x),\n        y: originY + (view ? (pose.y - view.y) * view.scale.y : pose.y),\n        width: pose.width,\n        height: pose.height,\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          zoom,\n        ),\n        zoom,\n        verticalAlign: optsRef.current.getVerticalAlign\n          ? optsRef.current.getVerticalAlign(node.data)\n          : node.data.verticalAlign,\n      };\n    },\n    getClipRect: () => surface()?.box ?? null,\n    setText: (id, text) => {\n      const nid = asNodeId(id);\n      const node = sceneRef.current.get(nid);\n      if (!node) return;\n      const setter = optsRef.current.setText;\n      const data = setter ? setter(node.data, text) : { ...node.data, text };\n      sceneRef.current.update(nid, { data });\n    },\n    getRuns: (id) => {\n      const node = sceneRef.current.get(asNodeId(id));\n      if (!node) return undefined;\n      const get = optsRef.current.getRuns;\n      return get ? get(node.data) : node.data.runs;\n    },\n    setRuns: (id, runs) => {\n      const nid = asNodeId(id);\n      const node = sceneRef.current.get(nid);\n      if (!node) return;\n      const setter = optsRef.current.setRuns;\n      const data = setter ? setter(node.data, runs) : { ...node.data, runs };\n      sceneRef.current.update(nid, { data });\n    },\n    setStyle: (id, style) => {\n      const nid = asNodeId(id);\n      const node = sceneRef.current.get(nid);\n      if (!node) return;\n      const setter = optsRef.current.setStyle;\n      const data = setter ? setter(node.data, style) : { ...node.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\n    // `pointInTextPose` and `caretIndexAt` both work in world units, so the\n    // canvas-space click has to be un-projected before either sees it.\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 readText = (data: TData): string =>\n      optsRef.current.getText ? optsRef.current.getText(data) : (data.text ?? '');\n    const readStyle = (data: TData): TextStyle | undefined =>\n      optsRef.current.getStyle ? optsRef.current.getStyle(data) : data.style;\n    const readRuns = (data: TData): readonly StyledRun[] | undefined =>\n      optsRef.current.getRuns ? optsRef.current.getRuns(data) : data.runs;\n    const readVerticalAlign = (data: TData): TextVerticalAlign | undefined =>\n      optsRef.current.getVerticalAlign ? optsRef.current.getVerticalAlign(data) : data.verticalAlign;\n\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    for (let i = order.length - 1; i >= 0; i--) {\n      const node = order[i];\n      if (sceneRef.current.isLocked(node.id)) continue;\n      const text = readText(node.data);\n      const at = effectivePose(sceneRef.current, node);\n      const pose = {\n        x: at.x,\n        y: at.y,\n        width: at.width,\n        height: at.height,\n        text,\n        runs: readRuns(node.data) as StyledRun[] | undefined,\n        style: readStyle(node.data),\n        verticalAlign: readVerticalAlign(node.data),\n      };\n      if (!pointInTextPose(cx, cy, pose)) continue;\n\n      openedOnRef.current = canvas;\n      edit.startEdit(String(node.id), { caret: caretIndexAt(cx, cy, pose) });\n      return;\n    }\n  }, [edit, containerRef, optsRef, sceneRef]);\n\n  return { ...edit, onDoubleClick };\n}\n"],"mappings":";;;;;;;;;;AA8GA,SAASA,EAAY,GAAyD;CAC5E,OAAO,OAAOC,KAAS,aAAaA,EAAK,IAAIA;AAC/C;AAgBA,SAAgBC,EAKd,GACA,GACA,IAA0C,CAAC,GACnB;CAIxB,IAAMC,IAAWC,EAAUC,CAAK,GAC1BC,IAAUF,EAAUG,CAAO,GAC3BC,IAAeJ,EAAUK,CAAS,GAGlCC,IAAcC,EAA2B,IAAI,GAI7CC,UAAyE;EAC7E,IAAMC,IAAOL,EAAa,SACpBM,IAASD,IAAOE,EAAkBF,GAAMH,EAAY,OAAO,IAAI;EACrE,IAAI,CAACG,KAAQ,CAACC,GAAQ,OAAO;EAC7B,IAAME,IAAIF,EAAO,QAAQ,sBAAsB,GACzCG,IAAIJ,EAAK,sBAAsB;EACrC,OAAO;GACL;GACA,KAAK;IACH,GAAGG,EAAE,OAAOC,EAAE,OAAOJ,EAAK,aAAaA,EAAK;IAC5C,GAAGG,EAAE,MAAMC,EAAE,MAAMJ,EAAK,YAAYA,EAAK;IACzC,OAAOG,EAAE;IACT,QAAQA,EAAE;GACZ;EACF;CACF,GAEME,IAAOC,EAAY;EACvB;EACA,iBAAiB,MAAOb,EAAQ,QAAQ,iBAAiBc,CAAE,KAAK;EAChE,QAAQb,EAAQ;EAChB,UAAUA,EAAQ;EAClB,UAAU,MAAO;GACf,IAAMc,IAAOlB,EAAS,QAAQ,IAAImB,EAASC,CAAE,CAAC;GAC9C,IAAI,CAACF,GAAM,OAAO;GAClB,IAAMG,IAAMlB,EAAQ,QAAQ;GAC5B,OAAOkB,IAAMA,EAAIH,EAAK,IAAI,IAAKA,EAAK,KAAK,QAAQ;EACnD;EACA,WAAW,MAAO;GAChB,IAAMA,IAAOlB,EAAS,QAAQ,IAAImB,EAASC,CAAE,CAAC;GAC9C,IAAI,CAACF,GAAM;GACX,IAAMG,IAAMlB,EAAQ,QAAQ;GAC5B,OAAOkB,IAAMA,EAAIH,EAAK,IAAI,IAAIA,EAAK,KAAK;EAC1C;EACA,WAAW,MAAO;GAChB,IAAMA,IAAOlB,EAAS,QAAQ,IAAImB,EAASC,CAAE,CAAC;GAC9C,IAAI,CAACF,GAAM;GACX,IAAMG,IAAMlB,EAAQ,QAAQ;GAC5B,OAAOkB,IAAMA,EAAIH,EAAK,IAAI,IAAI;IAAE,MAAMA,EAAK,KAAK;IAAM,QAAQA,EAAK,KAAK;GAAO;EACjF;EACA,gBAAgB,MAAO;GACrB,IAAMhB,IAAQF,EAAS,SACjBkB,IAAOhB,EAAM,IAAIiB,EAASC,CAAE,CAAC;GACnC,IAAI,CAACF,GAAM,OAAO;GAClB,IAAMI,IAAOC,EAAcrB,GAAOgB,CAAI,GAChCM,IAAQrB,EAAQ,QAAQ,WAC1BA,EAAQ,QAAQ,SAASe,EAAK,IAAI,IAClCA,EAAK,KAAK,OACRO,IAAKhB,EAAQ,GACbX,IAAOD,EAAYM,EAAQ,QAAQ,IAAI,KAAKsB,GAAI,OAAO,QAAQ,GAC/DC,IAAO5B,IAAOA,EAAK,MAAM,IAAI,GAC7B6B,IAAUF,GAAI,IAAI,KAAK,GACvBG,IAAUH,GAAI,IAAI,KAAK;GAI7B,OAAO;IACL,GAAGE,KAAW7B,KAAQwB,EAAK,IAAIxB,EAAK,KAAKA,EAAK,MAAM,IAAIwB,EAAK;IAC7D,GAAGM,KAAW9B,KAAQwB,EAAK,IAAIxB,EAAK,KAAKA,EAAK,MAAM,IAAIwB,EAAK;IAC7D,OAAOA,EAAK;IACZ,QAAQA,EAAK;IAGb,UAAUO,EACRL,GAAO,YAAYrB,EAAQ,QAAQ,mBAAmB,IACtDuB,CACF;IACA;IACA,eAAevB,EAAQ,QAAQ,mBAC3BA,EAAQ,QAAQ,iBAAiBe,EAAK,IAAI,IAC1CA,EAAK,KAAK;GAChB;EACF;EACA,mBAAmBT,EAAQ,CAAC,EAAE,OAAO;EACrC,UAAU,GAAI,MAAS;GACrB,IAAMqB,IAAMX,EAASC,CAAE,GACjBF,IAAOlB,EAAS,QAAQ,IAAI8B,CAAG;GACrC,IAAI,CAACZ,GAAM;GACX,IAAMa,IAAS5B,EAAQ,QAAQ,SACzB6B,IAAOD,IAASA,EAAOb,EAAK,MAAMe,CAAI,IAAI;IAAE,GAAGf,EAAK;IAAM;GAAK;GACrE,EAAS,QAAQ,OAAOY,GAAK,EAAE,QAAK,CAAC;EACvC;EACA,UAAU,MAAO;GACf,IAAMZ,IAAOlB,EAAS,QAAQ,IAAImB,EAASC,CAAE,CAAC;GAC9C,IAAI,CAACF,GAAM;GACX,IAAMG,IAAMlB,EAAQ,QAAQ;GAC5B,OAAOkB,IAAMA,EAAIH,EAAK,IAAI,IAAIA,EAAK,KAAK;EAC1C;EACA,UAAU,GAAI,MAAS;GACrB,IAAMY,IAAMX,EAASC,CAAE,GACjBF,IAAOlB,EAAS,QAAQ,IAAI8B,CAAG;GACrC,IAAI,CAACZ,GAAM;GACX,IAAMa,IAAS5B,EAAQ,QAAQ,SACzB6B,IAAOD,IAASA,EAAOb,EAAK,MAAMgB,CAAI,IAAI;IAAE,GAAGhB,EAAK;IAAM;GAAK;GACrE,EAAS,QAAQ,OAAOY,GAAK,EAAE,QAAK,CAAC;EACvC;EACA,WAAW,GAAI,MAAU;GACvB,IAAMA,IAAMX,EAASC,CAAE,GACjBF,IAAOlB,EAAS,QAAQ,IAAI8B,CAAG;GACrC,IAAI,CAACZ,GAAM;GACX,IAAMa,IAAS5B,EAAQ,QAAQ,UACzB6B,IAAOD,IAASA,EAAOb,EAAK,MAAMM,CAAK,IAAI;IAAE,GAAGN,EAAK;IAAM;GAAM;GACvE,EAAS,QAAQ,OAAOY,GAAK,EAAE,QAAK,CAAC;EACvC;CACF,CAAC,GAEKK,IAAgBC,GAAa,MAA+B;EAGhE,IAAMzB,IAAS0B,EAAE,kBAAkB,cAAcA,EAAE,SAAS;EAC5D,IAAI,CAAC1B,GAAQ;EAIb,IAAM,CAAC2B,GAASC,KAAWC,EAAe7B,GAAQ0B,EAAE,SAASA,EAAE,OAAO,GAChE3B,IAAOL,EAAa,SACpBP,IAAOD,EAAYM,EAAQ,QAAQ,IAAI,MACvCO,IAAOE,EAAkBF,GAAMC,CAAM,CAAC,EAAE,QAAQ,IAAI,KAAA,IACpD8B,IAAK3C,IAAOwC,IAAUxC,EAAK,MAAM,IAAIA,EAAK,IAAIwC,GAC9CI,IAAK5C,IAAOyC,IAAUzC,EAAK,MAAM,IAAIA,EAAK,IAAIyC,GAC9CI,KAAY,MAChBxC,EAAQ,QAAQ,UAAUA,EAAQ,QAAQ,QAAQ6B,CAAI,IAAKA,EAAK,QAAQ,IACpEY,KAAa,MACjBzC,EAAQ,QAAQ,WAAWA,EAAQ,QAAQ,SAAS6B,CAAI,IAAIA,EAAK,OAC7Da,KAAY,MAChB1C,EAAQ,QAAQ,UAAUA,EAAQ,QAAQ,QAAQ6B,CAAI,IAAIA,EAAK,MAC3Dc,KAAqB,MACzB3C,EAAQ,QAAQ,mBAAmBA,EAAQ,QAAQ,iBAAiB6B,CAAI,IAAIA,EAAK,eAI7Ee,IAAQ/C,EAAS,QAAQ,iBAAiB;EAChD,KAAK,IAAIgD,IAAID,EAAM,SAAS,GAAGC,KAAK,GAAG,KAAK;GAC1C,IAAM9B,IAAO6B,EAAMC;GACnB,IAAIhD,EAAS,QAAQ,SAASkB,EAAK,EAAE,GAAG;GACxC,IAAMe,IAAOU,EAASzB,EAAK,IAAI,GACzBO,IAAKF,EAAcvB,EAAS,SAASkB,CAAI,GACzCI,IAAO;IACX,GAAGG,EAAG;IACN,GAAGA,EAAG;IACN,OAAOA,EAAG;IACV,QAAQA,EAAG;IACX;IACA,MAAMoB,EAAS3B,EAAK,IAAI;IACxB,OAAO0B,EAAU1B,EAAK,IAAI;IAC1B,eAAe4B,EAAkB5B,EAAK,IAAI;GAC5C;GACA,IAAK+B,EAAgBR,GAAIC,GAAIpB,CAAI,GAGjC;IADA,EAAY,UAAUX,GACtBI,EAAK,UAAU,OAAOG,EAAK,EAAE,GAAG,EAAE,OAAOgC,EAAaT,GAAIC,GAAIpB,CAAI,EAAE,CAAC;IACrE;GADqE;EAEvE;CACF,GAAG;EAACP;EAAMV;EAAcF;EAASH;CAAQ,CAAC;CAE1C,OAAO;EAAE,GAAGe;EAAM;CAAc;AAClC"}
+{"version":3,"file":"useSceneTextEdit.js","names":["resolveView","view","useSceneTextEdit","sceneRef","useLatest","scene","optsRef","options","containerRef","container","openedOnRef","useRef","surface","root","canvas","findMountedCanvas","a","b","read","useMemo","data","isTextData","edit","useTextEdit","el","node","asNodeId","id","get","pose","effectivePose","style","at","zoom","originX","originY","resolveScreenLength","nid","setText","text","runs","setRuns","setStyle","onDoubleClick","useCallback","e","canvasX","canvasY","clientToCanvas","cx","cy","order","i","pointInTextPose","caretIndexAt","isTextNode"],"sources":["../../../src/features/text/useSceneTextEdit.ts"],"sourcesContent":["/**\n * `useSceneTextEdit` — scene-aware wrapper around `useTextEdit`.\n *\n * Every consumer that wires `useTextEdit` against a `useScene`-managed\n * scene writes the same callbacks: scene lookups for text / style /\n * runs / screen-pose, and `scene.update(id, { data })` for commits. This\n * helper bakes that wiring in. Consumers pass `scene` + `container` and\n * get back the same `UseTextEditReturn` shape (`startEdit`, `isEditing`,\n * `cancelEdit`, `commit`, `editingId`).\n *\n * Defaults assume the node's `data` carries `text` / `style` / `runs`\n * directly — matches the `useScene({ items })` trivial form where\n * `data === item` for text-shaped items, and matches `TextPose`-shaped\n * data. For custom data shapes, override any of the optional projections\n * (`getText` / `getStyle` / `getRuns` / `setText` / `setRuns` / `setStyle`).\n *\n * Pose component: the helper reads `(x, y, width, height)` straight off\n * the node's pose (typed `RectPose`) and projects that box through the view\n * of the weasel canvas mounted inside `container` — see the `view` option.\n * The overlay is clipped to that canvas's box, where its glyphs are clipped.\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 { effectivePose } from '../../core/scene/effectivePose';\nimport type { Scene } from '../../core/scene/types';\nimport type { FillStyle, Stroke } 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 { caretIndexAt, pointInTextPose } from './hitTest';\nimport { isTextData } from './isTextData';\nimport type { StyledRun } from '@weasel-js/text';\nimport type { TextPaint, TextStyle, TextVerticalAlign } from '@weasel-js/text';\nimport { useTextEdit, type TextEditClipRect, type UseTextEditReturn } from './useTextEdit';\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?: FillStyle | 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) — which is all a canvas that pans or zooms\n   * needs. With no canvas there, the node's world box is passed through as\n   * screen pixels.\n   *\n   * The overlay is positioned at the node's projected origin and CSS-scaled\n   * by the view, so every typographic metric on it — including the\n   * `fontSize` / `letterSpacing` a *run* carries — stays in world units and\n   * scales together.\n   *\n   * The overlay takes a single scale factor, so a non-uniform view scale is\n   * represented by its `scale.x`; text under `scale.x !== scale.y` will not\n   * match the canvas.\n   *\n   * Pass one to project through a camera other than the canvas's own. A\n   * 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}\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). The handler looks up the canvas via `e.target`, hits the\n   *  top-most text node under the cursor via `pointInTextPose`, resolves\n   *  a caret offset via `caretIndexAt`, and starts edit on that node. */\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/** 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  // Stash scene + options in refs so the useTextEdit callbacks always see\n  // the current values without re-binding (the underlying hook also reads\n  // its options through a ref, so any re-creation would be churn).\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(() => ({\n    isText: (data: TData): boolean =>\n      optsRef.current.isText ? optsRef.current.isText(data) : isTextData(data),\n    text: (data: TData): string =>\n      optsRef.current.getText ? optsRef.current.getText(data) : (data.text ?? ''),\n    style: (data: TData): TextStyle | undefined =>\n      optsRef.current.getStyle ? optsRef.current.getStyle(data) : data.style,\n    runs: (data: TData): readonly StyledRun[] | undefined =>\n      optsRef.current.getRuns ? optsRef.current.getRuns(data) : data.runs,\n    verticalAlign: (data: TData): TextVerticalAlign | undefined =>\n      optsRef.current.getVerticalAlign ? optsRef.current.getVerticalAlign(data) : data.verticalAlign,\n  }), [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    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 = effectivePose(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 zoom = view ? view.scale.x : 1;\n      const originX = at?.box.x ?? 0;\n      const originY = at?.box.y ?? 0;\n      // Only the origin is projected. Width, height and font size stay in\n      // world units and reach the screen through the overlay's own\n      // `scale(zoom)` — see `TextEditScreenPose.zoom`.\n      return {\n        x: originX + (view ? (pose.x - view.x) * view.scale.x : pose.x),\n        y: originY + (view ? (pose.y - view.y) * view.scale.y : pose.y),\n        width: pose.width,\n        height: pose.height,\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          zoom,\n        ),\n        zoom,\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` both work in world units, so the\n    // canvas-space click has to be un-projected before either sees it.\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    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 = effectivePose(sceneRef.current, node);\n      const pose = {\n        x: at.x,\n        y: at.y,\n        width: at.width,\n        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(cx, cy, pose)) continue;\n\n      openedOnRef.current = canvas;\n      edit.startEdit(String(node.id), { caret: caretIndexAt(cx, cy, 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"],"mappings":";;;;;;;;;;;AAwHA,SAASA,EAAY,GAAyD;CAC5E,OAAO,OAAOC,KAAS,aAAaA,EAAK,IAAIA;AAC/C;AAmBA,SAAgBC,EAKd,GACA,GACA,IAA0C,CAAC,GACnB;CAIxB,IAAMC,IAAWC,EAAUC,CAAK,GAC1BC,IAAUF,EAAUG,CAAO,GAC3BC,IAAeJ,EAAUK,CAAS,GAGlCC,IAAcC,EAA2B,IAAI,GAI7CC,UAAyE;EAC7E,IAAMC,IAAOL,EAAa,SACpBM,IAASD,IAAOE,EAAkBF,GAAMH,EAAY,OAAO,IAAI;EACrE,IAAI,CAACG,KAAQ,CAACC,GAAQ,OAAO;EAC7B,IAAME,IAAIF,EAAO,QAAQ,sBAAsB,GACzCG,IAAIJ,EAAK,sBAAsB;EACrC,OAAO;GACL;GACA,KAAK;IACH,GAAGG,EAAE,OAAOC,EAAE,OAAOJ,EAAK,aAAaA,EAAK;IAC5C,GAAGG,EAAE,MAAMC,EAAE,MAAMJ,EAAK,YAAYA,EAAK;IACzC,OAAOG,EAAE;IACT,QAAQA,EAAE;GACZ;EACF;CACF,GAEME,IAAOC,SAAe;EAC1B,SAAS,MACPb,EAAQ,QAAQ,SAASA,EAAQ,QAAQ,OAAOc,CAAI,IAAIC,EAAWD,CAAI;EACzE,OAAO,MACLd,EAAQ,QAAQ,UAAUA,EAAQ,QAAQ,QAAQc,CAAI,IAAKA,EAAK,QAAQ;EAC1E,QAAQ,MACNd,EAAQ,QAAQ,WAAWA,EAAQ,QAAQ,SAASc,CAAI,IAAIA,EAAK;EACnE,OAAO,MACLd,EAAQ,QAAQ,UAAUA,EAAQ,QAAQ,QAAQc,CAAI,IAAIA,EAAK;EACjE,gBAAgB,MACdd,EAAQ,QAAQ,mBAAmBA,EAAQ,QAAQ,iBAAiBc,CAAI,IAAIA,EAAK;CACrF,IAAI,CAACd,CAAO,CAAC,GAEPgB,IAAOC,EAAY;EACvB;EACA,iBAAiB,MAAOjB,EAAQ,QAAQ,iBAAiBkB,CAAE,KAAK;EAChE,QAAQjB,EAAQ;EAChB,UAAUA,EAAQ;EAClB,UAAU,MAAO;GACf,IAAMkB,IAAOtB,EAAS,QAAQ,IAAIuB,EAASC,CAAE,CAAC;GAC9C,OAAOF,IAAOP,EAAK,KAAKO,EAAK,IAAI,IAAI;EACvC;EACA,WAAW,MAAO;GAChB,IAAMA,IAAOtB,EAAS,QAAQ,IAAIuB,EAASC,CAAE,CAAC;GAC9C,OAAOF,IAAOP,EAAK,MAAMO,EAAK,IAAI,IAAI,KAAA;EACxC;EACA,WAAW,MAAO;GAChB,IAAMA,IAAOtB,EAAS,QAAQ,IAAIuB,EAASC,CAAE,CAAC;GAC9C,IAAI,CAACF,GAAM;GACX,IAAMG,IAAMtB,EAAQ,QAAQ;GAC5B,OAAOsB,IAAMA,EAAIH,EAAK,IAAI,IAAI;IAAE,MAAMA,EAAK,KAAK;IAAM,QAAQA,EAAK,KAAK;GAAO;EACjF;EACA,gBAAgB,MAAO;GACrB,IAAMpB,IAAQF,EAAS,SACjBsB,IAAOpB,EAAM,IAAIqB,EAASC,CAAE,CAAC;GACnC,IAAI,CAACF,GAAM,OAAO;GAClB,IAAMI,IAAOC,EAAczB,GAAOoB,CAAI,GAChCM,IAAQb,EAAK,MAAMO,EAAK,IAAI,GAC5BO,IAAKpB,EAAQ,GACbX,IAAOD,EAAYM,EAAQ,QAAQ,IAAI,KAAK0B,GAAI,OAAO,QAAQ,GAC/DC,IAAOhC,IAAOA,EAAK,MAAM,IAAI,GAC7BiC,IAAUF,GAAI,IAAI,KAAK,GACvBG,IAAUH,GAAI,IAAI,KAAK;GAI7B,OAAO;IACL,GAAGE,KAAWjC,KAAQ4B,EAAK,IAAI5B,EAAK,KAAKA,EAAK,MAAM,IAAI4B,EAAK;IAC7D,GAAGM,KAAWlC,KAAQ4B,EAAK,IAAI5B,EAAK,KAAKA,EAAK,MAAM,IAAI4B,EAAK;IAC7D,OAAOA,EAAK;IACZ,QAAQA,EAAK;IAGb,UAAUO,EACRL,GAAO,YAAYzB,EAAQ,QAAQ,mBAAmB,IACtD2B,CACF;IACA;IACA,eAAef,EAAK,cAAcO,EAAK,IAAI;GAC7C;EACF;EACA,mBAAmBb,EAAQ,CAAC,EAAE,OAAO;EACrC,UAAU,MAAO;GACf,IAAMa,IAAOtB,EAAS,QAAQ,IAAIuB,EAASC,CAAE,CAAC;GAC9C,OAAOF,IAAOP,EAAK,KAAKO,EAAK,IAAI,IAAI,KAAA;EACvC;EACA,SAAS,GAAI,EAAE,SAAM,SAAM,eAAY;GACrC,IAAMY,IAAMX,EAASC,CAAE,GACjBF,IAAOtB,EAAS,QAAQ,IAAIkC,CAAG;GACrC,IAAI,CAACZ,GAAM;GACX,IAAM,EAAE,YAAS,YAAS,gBAAanB,EAAQ,SAC3Cc,IAAOkB,IAAUA,EAAQb,EAAK,MAAMc,CAAI,IAAI;IAAE,GAAGd,EAAK;IAAM;GAAK;GAGrE,AAFIe,MAAM,IAAOC,IAAUA,EAAQrB,GAAMoB,CAAI,IAAI;IAAE,GAAGpB;IAAM;GAAK,IAC7DW,MAAO,IAAOW,IAAWA,EAAStB,GAAMW,CAAK,IAAI;IAAE,GAAGX;IAAM;GAAM,IACtEjB,EAAS,QAAQ,OAAOkC,GAAK,EAAE,QAAK,CAAC;EACvC;CACF,CAAC,GAEKM,IAAgBC,GAAa,MAA+B;EAGhE,IAAM9B,IAAS+B,EAAE,kBAAkB,cAAcA,EAAE,SAAS;EAI5D,IAHI,CAAC/B,KAGDA,EAAO,QAAQ,4BAA0B,GAAG;EAIhD,IAAM,CAACgC,GAASC,KAAWC,EAAelC,GAAQ+B,EAAE,SAASA,EAAE,OAAO,GAChEhC,IAAOL,EAAa,SACpBP,IAAOD,EAAYM,EAAQ,QAAQ,IAAI,MACvCO,IAAOE,EAAkBF,GAAMC,CAAM,CAAC,EAAE,QAAQ,IAAI,KAAA,IACpDmC,IAAKhD,IAAO6C,IAAU7C,EAAK,MAAM,IAAIA,EAAK,IAAI6C,GAC9CI,IAAKjD,IAAO8C,IAAU9C,EAAK,MAAM,IAAIA,EAAK,IAAI8C,GAG9CI,IAAQhD,EAAS,QAAQ,iBAAiB;EAChD,KAAK,IAAIiD,IAAID,EAAM,SAAS,GAAGC,KAAK,GAAG,KAAK;GAC1C,IAAM3B,IAAO0B,EAAMC;GAEnB,IADIjD,EAAS,QAAQ,SAASsB,EAAK,EAAE,KACjC,CAACP,EAAK,OAAOO,EAAK,IAAI,GAAG;GAC7B,IAAMc,IAAOrB,EAAK,KAAKO,EAAK,IAAI,GAC1BO,IAAKF,EAAc3B,EAAS,SAASsB,CAAI,GACzCI,IAAO;IACX,GAAGG,EAAG;IACN,GAAGA,EAAG;IACN,OAAOA,EAAG;IACV,QAAQA,EAAG;IACX;IACA,MAAMd,EAAK,KAAKO,EAAK,IAAI;IACzB,OAAOP,EAAK,MAAMO,EAAK,IAAI;IAC3B,eAAeP,EAAK,cAAcO,EAAK,IAAI;GAC7C;GACA,IAAK4B,EAAgBJ,GAAIC,GAAIrB,CAAI,GAGjC;IADA,EAAY,UAAUf,GACtBQ,EAAK,UAAU,OAAOG,EAAK,EAAE,GAAG,EAAE,OAAO6B,EAAaL,GAAIC,GAAIrB,CAAI,EAAE,CAAC;IACrE;GADqE;EAEvE;CACF,GAAG;EAACP;EAAMd;EAAcF;EAASY;EAAMf;CAAQ,CAAC,GAE1CoD,IAAaX,GAAa,MAAwB;EACtD,IAAMnB,IAAOtB,EAAS,QAAQ,IAAIuB,EAASC,CAAE,CAAC;EAC9C,OAAOF,MAAS,KAAA,KAAaP,EAAK,OAAOO,EAAK,IAAI;CACpD,GAAG,CAACP,GAAMf,CAAQ,CAAC;CAEnB,OAAO;EAAE,GAAGmB;EAAM;EAAe;CAAW;AAC9C"}