@weasel-js/core 1.9.3 → 1.10.0

package/dist/tools/builtin/bone/boneActions.js

@@ -0,0 +1,130 @@
+import { createSetDataOp as e } from "../../../core/ops/setData.js";
+import { defaultCommitAdapter as t } from "../../../interactions/actions/defaultCommitAdapter.js";
+import { unplaceSkeleton as n } from "../../../animation/rig/rigNode.js";
+import { sceneReach as r } from "./placedRig.js";
+import { ActionDisabledReason as i } from "@weasel-js/routing";
+import { addJoint as a, dropSkinJoints as o, jointAt as s, jointPositions as c, moveJoint as l, removeJoint as u } from "@weasel-js/animator";
+//#region src/tools/builtin/bone/boneActions.ts
+var d = { capability: "edits-page" }, f = (e, t) => r(t, e.reachPx()), p = (e, t) => {
+	let n = e.state.active();
+	return n !== null && t.joints.some((e) => e.name === n) ? n : null;
+};
+function m(r, i, a, s, c, l = []) {
+	let u = r.get(a);
+	if (!u) return;
+	let d = [e({
+		id: a,
+		from: u.data,
+		to: {
+			...u.data,
+			skeleton: n(s, u.pose)
+		},
+		label: c
+	})], f = (t) => {
+		for (let n of r.childrenOf(t)) {
+			let t = r.get(n)?.data, i = t?.skin && o(t.skin, l);
+			i && i !== t.skin && d.push(e({
+				id: n,
+				from: t,
+				to: {
+					...t,
+					skin: i
+				},
+				label: c
+			})), f(n);
+		}
+	};
+	l.length > 0 && f(a), i.applyOps ? i.applyOps(d, c) : r.applyBatch(d, c, t(r, i.selection?.adapterMethods));
+}
+function h(e, t) {
+	return {
+		id: "bone.drag",
+		label: "Bone — move a joint or draw a bone",
+		eligible: d,
+		requires: [
+			"view",
+			"selection",
+			"applyOps"
+		],
+		enabled: t,
+		invoker: {
+			timing: "ongoing",
+			start: ({ deps: t, drag: n, world: r }) => {
+				let i = e.placed();
+				if (!i) return {};
+				let o = n?.start ?? r, u = e.state.active(), d = s(i.skeleton, o.x, o.y, f(e, t)), h = i.skeleton, g = d;
+				if (g === null) {
+					let t = p(e, h);
+					t === null && ({skeleton: h, name: t} = a(h, null, o.x, o.y)), {skeleton: h, name: g} = a(h, t, o.x, o.y);
+				}
+				let _ = g, v = c(h).get(_);
+				return e.state.setActive(_), e.show(h), {
+					onMove: (t) => {
+						e.show(l(h, _, v.x + t.world.x - o.x, v.y + t.world.y - o.y));
+					},
+					onEnd: (n, r) => {
+						let a = e.shown();
+						if (e.show(null), r === "cancel" || !a) {
+							e.state.setActive(u);
+							return;
+						}
+						m(e.scene(), t, i.id, a, d === null ? "Add bone" : "Move joint");
+					}
+				};
+			}
+		}
+	};
+}
+function g(e) {
+	let t = () => e.placed() ? !0 : i.NotApplicable, n = () => {
+		let t = e.placed();
+		return t && p(e, t.skeleton) !== null ? !0 : i.NotApplicable;
+	};
+	return [
+		h(e, t),
+		{
+			id: "bone.pick",
+			label: "Bone — pick the active joint",
+			eligible: d,
+			requires: ["view"],
+			enabled: t,
+			invoker: {
+				timing: "immediate",
+				run: (t, n) => {
+					let r = n, i = e.placed();
+					i && r?.pressX !== void 0 && r.pressY !== void 0 && e.state.setActive(s(i.skeleton, r.pressX, r.pressY, f(e, t)));
+				}
+			}
+		},
+		{
+			id: "bone.remove",
+			label: "Bone — remove the active joint",
+			eligible: d,
+			requires: ["selection", "applyOps"],
+			enabled: n,
+			invoker: {
+				timing: "immediate",
+				run: (t) => {
+					let n = e.placed(), r = n && p(e, n.skeleton);
+					if (!n || r == null) return;
+					let i = n.skeleton.joints.find((e) => e.name === r).parent, { skeleton: a, removed: o } = u(n.skeleton, r);
+					m(e.scene(), t, n.id, a, "Remove joint", o), e.state.setActive(i);
+				}
+			}
+		},
+		{
+			id: "bone.clear",
+			label: "Bone — clear the active joint",
+			eligible: d,
+			enabled: n,
+			invoker: {
+				timing: "immediate",
+				run: () => e.state.setActive(null)
+			}
+		}
+	];
+}
+//#endregion
+export { g as createBoneActions };
+
+//# sourceMappingURL=boneActions.js.map

package/dist/tools/builtin/bone/boneActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boneActions.js","names":["eligible","reachOf","sceneReach","deps","env","activeIn","name","skeleton","j","commitSkeleton","node","scene","id","ops","createSetDataOp","unplaceSkeleton","next","strip","child","parent","data","kept","dropSkinJoints","removed","label","defaultCommitAdapter","dragAction","editing","at","press","drag","world","before","hit","jointAt","origin","addJoint","joint","from","jointPositions","moveJoint","move","reason","createBoneActions","ActionDisabledReason","hasActive","p","params","removeJoint"],"sources":["../../../../src/tools/builtin/bone/boneActions.ts"],"sourcesContent":["import type { Action, ActionDeps, InvocationCtx } from '@weasel-js/routing';\nimport { ActionDisabledReason } from '@weasel-js/routing';\nimport type { Op } from '@weasel-js/history';\nimport { createSetDataOp } from 'core/ops/setData';\nimport type { NodeId, Scene } from 'core/scene/types';\nimport { defaultCommitAdapter } from 'interactions/actions/defaultCommitAdapter';\nimport { unplaceSkeleton, type RigNodeData } from '../../../animation/rig/rigNode';\nimport { addJoint, dropSkinJoints, jointAt, jointPositions, moveJoint, removeJoint } from '@weasel-js/animator';\nimport type { Skeleton } from '@weasel-js/animator';\nimport { sceneReach, type PlacedRig } from './placedRig';\nimport type { RigEditState } from './rigEditState';\n\n/** What the bone tool's actions read and write, all of it the tool's own. */\nexport interface BoneEnv {\n  scene(): Scene<unknown, string, unknown>;\n  /** The rig node and its skeleton in the scene's space, or `null` with nothing to edit. */\n  placed(): PlacedRig | null;\n  state: RigEditState;\n  /** Screen px around a joint within which a press takes it. */\n  reachPx(): number;\n  /** Show `skeleton` in place of the document's while a drag shapes it; `null` ends that. */\n  show(skeleton: Skeleton | null): void;\n  shown(): Skeleton | null;\n}\n\nconst eligible = { capability: 'edits-page' } as const;\n\nconst reachOf = (env: BoneEnv, deps: ActionDeps): number => sceneReach(deps, env.reachPx());\n\nconst activeIn = (env: BoneEnv, skeleton: Skeleton): string | null => {\n  const name = env.state.active();\n  return name !== null && skeleton.joints.some((j) => j.name === name) ? name : null;\n};\n\n/** Write `next`, a skeleton in the scene's space, into the rig node, and take `removed`\n *  joints out of the skins under it, as one undo entry. */\nfunction commitSkeleton(\n  scene: Scene<unknown, string, unknown>,\n  deps: ActionDeps,\n  id: NodeId,\n  next: Skeleton,\n  label: string,\n  removed: readonly string[] = [],\n): void {\n  const node = scene.get(id);\n  if (!node) return;\n  const ops: Op[] = [createSetDataOp({\n    id, from: node.data, to: { ...(node.data as object), skeleton: unplaceSkeleton(next, node.pose) }, label,\n  })];\n  const strip = (parent: NodeId): void => {\n    for (const child of scene.childrenOf(parent)) {\n      const data = scene.get(child)?.data as RigNodeData | null | undefined;\n      const kept = data?.skin && dropSkinJoints(data.skin, removed);\n      if (kept && kept !== data.skin) ops.push(createSetDataOp({ id: child, from: data, to: { ...data, skin: kept }, label }));\n      strip(child);\n    }\n  };\n  if (removed.length > 0) strip(id);\n  if (deps.applyOps) deps.applyOps(ops, label);\n  else scene.applyBatch(ops, label, defaultCommitAdapter(scene, deps.selection?.adapterMethods));\n}\n\nfunction dragAction(env: BoneEnv, editing: () => true | ActionDisabledReason): Action {\n  return {\n    id: 'bone.drag',\n    label: 'Bone — move a joint or draw a bone',\n    eligible,\n    requires: ['view', 'selection', 'applyOps'],\n    enabled: editing,\n    invoker: {\n      timing: 'ongoing',\n      start: ({ deps, drag, world }: InvocationCtx) => {\n        const at = env.placed();\n        if (!at) return {};\n        const press = drag?.start ?? world;\n        const before = env.state.active();\n        const hit = jointAt(at.skeleton, press.x, press.y, reachOf(env, deps));\n        let origin = at.skeleton;\n        let name = hit;\n        if (name === null) {\n          let parent = activeIn(env, origin);\n          if (parent === null) ({ skeleton: origin, name: parent } = addJoint(origin, null, press.x, press.y));\n          ({ skeleton: origin, name } = addJoint(origin, parent, press.x, press.y));\n        }\n        const joint = name;\n        const from = jointPositions(origin).get(joint)!;\n        env.state.setActive(joint);\n        env.show(origin);\n        return {\n          onMove: (move: InvocationCtx) => {\n            env.show(moveJoint(origin, joint, from.x + move.world.x - press.x, from.y + move.world.y - press.y));\n          },\n          // The dispatcher hands `onEnd` a context with empty deps.\n          onEnd: (_end: InvocationCtx, reason: 'commit' | 'cancel') => {\n            const next = env.shown();\n            env.show(null);\n            if (reason === 'cancel' || !next) {\n              env.state.setActive(before);\n              return;\n            }\n            commitSkeleton(env.scene(), deps, at.id, next, hit === null ? 'Add bone' : 'Move joint');\n          },\n        };\n      },\n    },\n  };\n}\n\n/** The bone tool's actions: `bone.drag`, `bone.pick`, `bone.remove`, and `bone.clear`. */\nexport function createBoneActions(env: BoneEnv): Action[] {\n  const editing = () => (env.placed() ? true : ActionDisabledReason.NotApplicable);\n  const hasActive = () => {\n    const at = env.placed();\n    return at && activeIn(env, at.skeleton) !== null ? true : ActionDisabledReason.NotApplicable;\n  };\n  return [\n    dragAction(env, editing),\n    {\n      id: 'bone.pick',\n      label: 'Bone — pick the active joint',\n      eligible,\n      requires: ['view'],\n      enabled: editing,\n      invoker: {\n        timing: 'immediate',\n        run: (deps, params) => {\n          const p = params as { pressX?: number; pressY?: number } | undefined;\n          const at = env.placed();\n          if (!at || p?.pressX === undefined || p.pressY === undefined) return;\n          env.state.setActive(jointAt(at.skeleton, p.pressX, p.pressY, reachOf(env, deps)));\n        },\n      },\n    },\n    {\n      id: 'bone.remove',\n      label: 'Bone — remove the active joint',\n      eligible,\n      requires: ['selection', 'applyOps'],\n      // Declining with no joint active leaves Delete to the ambient `delete`.\n      enabled: hasActive,\n      invoker: {\n        timing: 'immediate',\n        run: (deps) => {\n          const at = env.placed();\n          const name = at && activeIn(env, at.skeleton);\n          if (!at || name == null) return;\n          const parent = at.skeleton.joints.find((j) => j.name === name)!.parent;\n          const { skeleton, removed } = removeJoint(at.skeleton, name);\n          commitSkeleton(env.scene(), deps, at.id, skeleton, 'Remove joint', removed);\n          env.state.setActive(parent);\n        },\n      },\n    },\n    {\n      id: 'bone.clear',\n      label: 'Bone — clear the active joint',\n      eligible,\n      enabled: hasActive,\n      invoker: { timing: 'immediate', run: () => env.state.setActive(null) },\n    },\n  ];\n}\n"],"mappings":"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"}

package/dist/tools/builtin/bone/boneOverlay.js

@@ -0,0 +1,58 @@
+import { viewToTransform as e } from "../../../core/viewport/view.js";
+import { worldToScreen as t } from "../../../core/viewport/viewTransform.js";
+import { ellipsePath as n, linePath as r } from "@weasel-js/geom";
+import { jointPositions as i } from "@weasel-js/animator";
+//#region src/tools/builtin/bone/boneOverlay.ts
+var a = "#4f9cf7", o = "#ffffff", s = 4.5, c = (e, t, r) => n({
+	x: e - r,
+	y: t - r,
+	width: 2 * r,
+	height: 2 * r
+});
+function l(n) {
+	return {
+		id: n.id,
+		label: "Bones",
+		space: "screen",
+		subscribe: n.subscribe,
+		draw: (l, u) => {
+			let d = n.skeleton();
+			if (!d || d.joints.length === 0) return [];
+			let f = e(u), p = /* @__PURE__ */ new Map();
+			for (let [e, n] of i(d)) {
+				let [r, i] = t(n.x, n.y, f);
+				p.set(e, {
+					x: r,
+					y: i
+				});
+			}
+			let m = [];
+			for (let e of d.joints) e.parent != null && m.push({
+				kind: "path",
+				path: r(p.get(e.parent), p.get(e.name)),
+				stroke: {
+					paint: { color: a },
+					width: 2
+				}
+			});
+			let h = n.active();
+			for (let [e, t] of p) m.push({
+				kind: "path",
+				path: c(t.x, t.y, s),
+				fill: { paint: {
+					kind: "solid",
+					color: e === h ? a : o
+				} },
+				stroke: {
+					paint: { color: a },
+					width: 1.5
+				}
+			});
+			return m;
+		}
+	};
+}
+//#endregion
+export { l as createBoneOverlay };
+
+//# sourceMappingURL=boneOverlay.js.map

package/dist/tools/builtin/bone/boneOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boneOverlay.js","names":["BONE","JOINT_FILL","JOINT_RADIUS_PX","dot","ellipsePath","x","y","createBoneOverlay","source","skeleton","t","viewToTransform","view","at","name","p","jointPositions","worldToScreen","out","joint","linePath","active"],"sources":["../../../../src/tools/builtin/bone/boneOverlay.ts"],"sourcesContent":["import { ellipsePath, linePath } from '@weasel-js/geom';\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { RenderLayer } from 'core/layers/render';\nimport { viewToTransform } from 'core/viewport/view';\nimport { worldToScreen } from 'core/viewport/viewTransform';\nimport { jointPositions } from '@weasel-js/animator';\nimport type { Skeleton } from '@weasel-js/animator';\n\nconst BONE = '#4f9cf7';\nconst JOINT_FILL = '#ffffff';\nconst JOINT_RADIUS_PX = 4.5;\n\nconst dot = (x: number, y: number, r: number) => ellipsePath({ x: x - r, y: y - r, width: 2 * r, height: 2 * r });\n\n/**\n * A screen-space layer drawing a skeleton as bones and joints at a constant size: a line from\n * each joint to its parent, a ring on each joint, and the active joint filled.\n */\nexport function createBoneOverlay(source: {\n  id: string;\n  /** The skeleton to draw, in the scene's space, or `null` for none. */\n  skeleton(): Skeleton | null;\n  active(): string | null;\n  subscribe(fn: () => void): () => void;\n}): RenderLayer<unknown> {\n  return {\n    id: source.id,\n    label: 'Bones',\n    space: 'screen',\n    subscribe: source.subscribe,\n    draw: (_data, view) => {\n      const skeleton = source.skeleton();\n      if (!skeleton || skeleton.joints.length === 0) return [];\n      const t = viewToTransform(view);\n      const at = new Map<string, { x: number; y: number }>();\n      for (const [name, p] of jointPositions(skeleton)) {\n        const [x, y] = worldToScreen(p.x, p.y, t);\n        at.set(name, { x, y });\n      }\n      const out: DrawCommand[] = [];\n      for (const joint of skeleton.joints) {\n        if (joint.parent == null) continue;\n        out.push({\n          kind: 'path',\n          path: linePath(at.get(joint.parent)!, at.get(joint.name)!),\n          stroke: { paint: { color: BONE }, width: 2 },\n        });\n      }\n      const active = source.active();\n      for (const [name, p] of at) {\n        out.push({\n          kind: 'path',\n          path: dot(p.x, p.y, JOINT_RADIUS_PX),\n          fill: { paint: { kind: 'solid', color: name === active ? BONE : JOINT_FILL } },\n          stroke: { paint: { color: BONE }, width: 1.5 },\n        });\n      }\n      return out;\n    },\n  };\n}\n"],"mappings":";;;;;AAQA,IAAMA,IAAO,WACPC,IAAa,WACbC,IAAkB,KAElBC,KAAO,GAAW,GAAW,MAAcC,EAAY;CAAE,GAAGC,IAAI;CAAG,GAAGC,IAAI;CAAG,OAAO,IAAI;CAAG,QAAQ,IAAI;AAAE,CAAC;AAMhH,SAAgBC,EAAkB,GAMT;CACvB,OAAO;EACL,IAAIC,EAAO;EACX,OAAO;EACP,OAAO;EACP,WAAWA,EAAO;EAClB,OAAO,GAAO,MAAS;GACrB,IAAMC,IAAWD,EAAO,SAAS;GACjC,IAAI,CAACC,KAAYA,EAAS,OAAO,WAAW,GAAG,OAAO,CAAC;GACvD,IAAMC,IAAIC,EAAgBC,CAAI,GACxBC,oBAAK,IAAI,IAAsC;GACrD,KAAK,IAAM,CAACC,GAAMC,MAAMC,EAAeP,CAAQ,GAAG;IAChD,IAAM,CAACJ,GAAGC,KAAKW,EAAcF,EAAE,GAAGA,EAAE,GAAGL,CAAC;IACxC,EAAG,IAAII,GAAM;KAAE;KAAG;IAAE,CAAC;GACvB;GACA,IAAMI,IAAqB,CAAC;GAC5B,KAAK,IAAMC,KAASV,EAAS,QAC3B,AAAIU,EAAM,UAAU,QACpBD,EAAI,KAAK;IACP,MAAM;IACN,MAAME,EAASP,EAAG,IAAIM,EAAM,MAAM,GAAIN,EAAG,IAAIM,EAAM,IAAI,CAAE;IACzD,QAAQ;KAAE,OAAO,EAAE,OAAOnB,EAAK;KAAG,OAAO;IAAE;GAC7C,CAAC;GAEH,IAAMqB,IAASb,EAAO,OAAO;GAC7B,KAAK,IAAM,CAACM,GAAMC,MAAMF,GACtB,EAAI,KAAK;IACP,MAAM;IACN,MAAMV,EAAIY,EAAE,GAAGA,EAAE,GAAGb,CAAe;IACnC,MAAM,EAAE,OAAO;KAAE,MAAM;KAAS,OAAOY,MAASO,IAASrB,IAAOC;IAAW,EAAE;IAC7E,QAAQ;KAAE,OAAO,EAAE,OAAOD,EAAK;KAAG,OAAO;IAAI;GAC/C,CAAC;GAEH,OAAOkB;EACT;CACF;AACF"}

package/dist/tools/builtin/bone/placedRig.js

@@ -0,0 +1,24 @@
+import { placeSkeleton as e } from "../../../animation/rig/rigNode.js";
+import { pxExtent as t } from "@weasel-js/geom";
+//#region src/tools/builtin/bone/placedRig.ts
+var n = { joints: [] };
+function r(t, r) {
+	let i = r === null ? void 0 : t.get(r);
+	if (r === null || !i) return null;
+	let a = i.data?.skeleton ?? n;
+	return {
+		id: r,
+		skeleton: e(a, i.pose)
+	};
+}
+function i(e, n) {
+	let r = t(n, e.view?.get().scale ?? {
+		x: 1,
+		y: 1
+	});
+	return Math.max(r.x, r.y);
+}
+//#endregion
+export { r as placedRig, i as sceneReach };
+
+//# sourceMappingURL=placedRig.js.map

package/dist/tools/builtin/bone/placedRig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placedRig.js","names":["EMPTY","placedRig","node","id","scene","local","placeSkeleton","sceneReach","e","pxExtent","px","deps"],"sources":["../../../../src/tools/builtin/bone/placedRig.ts"],"sourcesContent":["import { pxExtent } from '@weasel-js/geom';\nimport type { ActionDeps } from '@weasel-js/routing';\nimport type { NodeId } from 'core/scene/types';\nimport { placeSkeleton, type RigNodeData } from '../../../animation/rig/rigNode';\nimport type { Skeleton } from '@weasel-js/animator';\n\nconst EMPTY: Skeleton = { joints: [] };\n\n/** A rig node and its skeleton in the scene's space, as the rig tools edit and draw it. */\nexport interface PlacedRig {\n  id: NodeId;\n  skeleton: Skeleton;\n}\n\n/** The rig at node `id`, an empty skeleton for a node that has none yet, or `null` when\n *  there is no such node. */\nexport function placedRig(\n  scene: { get(id: NodeId): { pose: unknown; data?: unknown } | undefined },\n  id: NodeId | null,\n): PlacedRig | null {\n  const node = id === null ? undefined : scene.get(id);\n  if (id === null || !node) return null;\n  const local = (node.data as RigNodeData | null | undefined)?.skeleton ?? EMPTY;\n  return { id, skeleton: placeSkeleton(local, node.pose) };\n}\n\n/** `px` screen pixels as a distance in the scene, at the view's current scale. */\nexport function sceneReach(deps: ActionDeps, px: number): number {\n  const e = pxExtent(px, deps.view?.get().scale ?? { x: 1, y: 1 });\n  return Math.max(e.x, e.y);\n}\n"],"mappings":";;;AAMA,IAAMA,IAAkB,EAAE,QAAQ,CAAC,EAAE;AAUrC,SAAgBC,EACd,GACA,GACkB;CAClB,IAAMC,IAAOC,MAAO,OAAO,KAAA,IAAYC,EAAM,IAAID,CAAE;CACnD,IAAIA,MAAO,QAAQ,CAACD,GAAM,OAAO;CACjC,IAAMG,IAASH,EAAK,MAAyC,YAAYF;CACzE,OAAO;EAAE;EAAI,UAAUM,EAAcD,GAAOH,EAAK,IAAI;CAAE;AACzD;AAGA,SAAgBK,EAAW,GAAkB,GAAoB;CAC/D,IAAMC,IAAIC,EAASC,GAAIC,EAAK,MAAM,IAAI,CAAC,CAAC,SAAS;EAAE,GAAG;EAAG,GAAG;CAAE,CAAC;CAC/D,OAAO,KAAK,IAAIH,EAAE,GAAGA,EAAE,CAAC;AAC1B"}

package/dist/tools/builtin/bone/rigEditState.js

@@ -0,0 +1,21 @@
+import { createEmitter as e } from "@weasel-js/registry";
+//#region src/tools/builtin/bone/rigEditState.ts
+var t = /* @__PURE__ */ new Map();
+function n() {
+	let n = null, r = t, i = e();
+	return {
+		active: () => n,
+		setActive(e) {
+			e !== n && (n = e, i.emit());
+		},
+		painted: () => r,
+		paint(e) {
+			(e ?? t) !== r && (r = e ?? t, i.emit());
+		},
+		listen: i.subscribe
+	};
+}
+//#endregion
+export { n as createRigEditState };
+
+//# sourceMappingURL=rigEditState.js.map

package/dist/tools/builtin/bone/rigEditState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rigEditState.js","names":["NONE","createRigEditState","active","painted","changed","createEmitter","joint","next"],"sources":["../../../../src/tools/builtin/bone/rigEditState.ts"],"sourcesContent":["import type { Skin } from '@weasel-js/animator';\nimport { createEmitter } from '@weasel-js/registry';\nimport type { NodeId } from 'core/scene/types';\nimport type { PaintedSkins } from '../../../animation/rig/rigNode';\n\n/** What the bone and weight tools share between gestures: the joint they act on, and the\n *  weights a stroke has painted and not yet written. */\nexport interface RigEditState extends PaintedSkins {\n  /** The active joint's name, or `null`. */\n  active(): string | null;\n  setActive(joint: string | null): void;\n  /** Weights a stroke of the weight tool has painted and not yet written, by node. Empty\n   *  between strokes. `useRigNode` given this state as `painting` binds them as they change. */\n  painted(): ReadonlyMap<NodeId, Skin>;\n  /** Replace the painted weights; `null` empties them. */\n  paint(next: ReadonlyMap<NodeId, Skin> | null): void;\n  /** Notified when the active joint or the painted weights change. Returns an unsubscribe. */\n  listen(fn: () => void): () => void;\n}\n\nconst NONE: ReadonlyMap<NodeId, Skin> = new Map();\n\n/** A `RigEditState` with no joint active. Hand one to both tools so a joint picked with the\n *  bone tool is the one the weight tool paints. */\nexport function createRigEditState(): RigEditState {\n  let active: string | null = null;\n  let painted = NONE;\n  const changed = createEmitter();\n  return {\n    active: () => active,\n    setActive(joint) {\n      if (joint === active) return;\n      active = joint;\n      changed.emit();\n    },\n    painted: () => painted,\n    paint(next) {\n      if ((next ?? NONE) === painted) return;\n      painted = next ?? NONE;\n      changed.emit();\n    },\n    listen: changed.subscribe,\n  };\n}\n"],"mappings":";;AAoBA,IAAMA,oBAAkC,IAAI,IAAI;AAIhD,SAAgBC,IAAmC;CACjD,IAAIC,IAAwB,MACxBC,IAAUH,GACRI,IAAUC,EAAc;CAC9B,OAAO;EACL,cAAcH;EACd,UAAU,GAAO;GACf,AAAII,MAAUJ,MACd,IAASI,GACTF,EAAQ,KAAK;EACf;EACA,eAAeD;EACf,MAAM,GAAM;GACV,CAAKI,KAAQP,OAAUG,MACvB,IAAUI,KAAQP,GAClBI,EAAQ,KAAK;EACf;EACA,QAAQA,EAAQ;CAClB;AACF"}

package/dist/tools/builtin/bone/useBoneTool.js

@@ -0,0 +1,98 @@
+import { defineTool as e } from "../../overlayBinding.js";
+import { placedRig as t } from "./placedRig.js";
+import { createBoneActions as n } from "./boneActions.js";
+import { createBoneOverlay as r } from "./boneOverlay.js";
+import { createRigEditState as i } from "./rigEditState.js";
+import { useMemo as a, useRef as o } from "react";
+import { useLatest as s } from "@weasel-js/react";
+import { createEmitter as c } from "@weasel-js/registry";
+//#region src/tools/builtin/bone/useBoneTool.ts
+function l(l) {
+	let u = a(() => i(), []), d = l.state ?? u, f = s({
+		scene: l.scene,
+		rig: l.rig,
+		reach: l.reach ?? 10
+	}), p = o(null), m = a(() => {
+		let e = c();
+		return {
+			state: d,
+			scene: () => f.current.scene,
+			reachPx: () => f.current.reach,
+			placed: () => t(f.current.scene, f.current.rig()),
+			shown: () => p.current,
+			show(t) {
+				p.current = t, e.emit();
+			},
+			listen(t) {
+				let n = e.subscribe(t), r = d.listen(t);
+				return () => {
+					n(), r();
+				};
+			}
+		};
+	}, [f, d]), h = a(() => n(m), [m]), g = a(() => r({
+		id: "bone-tool-skeleton",
+		skeleton: () => m.shown() ?? m.placed()?.skeleton ?? null,
+		active: d.active,
+		subscribe: m.listen
+	}), [m, d]), { keybinding: _ } = l;
+	return a(() => e({
+		id: "bone",
+		capabilities: ["edits-page"],
+		hookName: "useBoneTool",
+		cursor: "crosshair",
+		presentation: {
+			label: "Bone",
+			group: "shape"
+		},
+		..._ === null ? {} : { keybinding: _ ?? { key: "J" } },
+		actions: h,
+		overlay: g,
+		onDeactivate: () => m.show(null),
+		bindings: [
+			{
+				spec: {
+					kind: "click",
+					mods: {
+						shift: "optional",
+						alt: "optional"
+					}
+				},
+				actionId: "bone.pick"
+			},
+			{
+				spec: {
+					kind: "drag",
+					mods: {
+						shift: "optional",
+						alt: "optional"
+					}
+				},
+				actionId: "bone.drag"
+			},
+			{
+				spec: {
+					kind: "key",
+					key: ["Delete", "Backspace"]
+				},
+				actionId: "bone.remove"
+			},
+			{
+				spec: {
+					kind: "key",
+					key: "Escape"
+				},
+				actionId: "bone.clear"
+			}
+		]
+	}), [
+		h,
+		g,
+		_,
+		m
+	]);
+}
+//#endregion
+export { l as useBoneTool };
+
+//# sourceMappingURL=useBoneTool.js.map

package/dist/tools/builtin/bone/useBoneTool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBoneTool.js","names":["useBoneTool","ownState","useMemo","createRigEditState","state","options","opts","useLatest","liveRef","useRef","env","changed","createEmitter","placedRig","skeleton","offOwn","fn","off","actions","createBoneActions","overlay","createBoneOverlay","defineTool","keybinding"],"sources":["../../../../src/tools/builtin/bone/useBoneTool.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport type { ToolKeybinding } from '@weasel-js/routing';\nimport type { NodeId, Scene } from 'core/scene/types';\nimport type { Skeleton } from '@weasel-js/animator';\nimport { defineTool } from '../../overlayBinding';\nimport type { Tool } from '../../overlayBinding';\nimport { createBoneActions, type BoneEnv } from './boneActions';\nimport { createBoneOverlay } from './boneOverlay';\nimport { placedRig } from './placedRig';\nimport { createRigEditState, type RigEditState } from './rigEditState';\nimport { createEmitter } from '@weasel-js/registry';\n\n/** Options for `useBoneTool`. */\nexport interface UseBoneToolOptions {\n  scene: Scene<unknown, string, unknown>;\n  /** The node whose data holds the skeleton, or will once a bone is drawn: usually read from\n   *  the selection. `null` leaves the tool with nothing to edit. */\n  rig: () => NodeId | null;\n  /** Shared with `useWeightTool`, so both act on one joint. Default: the tool's own. */\n  state?: RigEditState;\n  /** Override the default keybinding (`{ key: 'J' }`). Pass `null` to omit. */\n  keybinding?: ToolKeybinding | null;\n  /** Screen px around a joint within which a press takes it. Default 10. */\n  reach?: number;\n}\n\n/**\n * Draws and edits the skeleton in a node's `data.skeleton`. A drag on a joint moves it, with\n * the joints under it; a drag from anywhere else draws a bone, from the active joint if there\n * is one and from the press if not, and the new joint becomes the active one. A click picks\n * the active joint or clears it, Delete removes it with everything under it, taking its\n * weights out of every skin beneath the rig node, and Escape clears it. Each edit is one undo\n * entry.\n */\nexport function useBoneTool(options: UseBoneToolOptions): Tool {\n  const ownState = useMemo(() => createRigEditState(), []);\n  const state = options.state ?? ownState;\n  const opts = useLatest({ scene: options.scene, rig: options.rig, reach: options.reach ?? 10 });\n  /** The skeleton a drag is shaping, in the scene's space. */\n  const liveRef = useRef<Skeleton | null>(null);\n\n  const env = useMemo(() => {\n    const changed = createEmitter();\n    const tool: BoneEnv & { listen(fn: () => void): () => void } = {\n      state,\n      scene: () => opts.current.scene,\n      reachPx: () => opts.current.reach,\n      placed: () => placedRig(opts.current.scene, opts.current.rig()),\n      shown: () => liveRef.current,\n      show(skeleton) {\n        liveRef.current = skeleton;\n        changed.emit();\n      },\n      listen(fn) {\n        const offOwn = changed.subscribe(fn);\n        const off = state.listen(fn);\n        return () => { offOwn(); off(); };\n      },\n    };\n    return tool;\n  }, [opts, state]);\n\n  const actions = useMemo(() => createBoneActions(env), [env]);\n  const overlay = useMemo(() => createBoneOverlay({\n    id: 'bone-tool-skeleton',\n    skeleton: () => env.shown() ?? env.placed()?.skeleton ?? null,\n    active: state.active,\n    subscribe: env.listen,\n  }), [env, state]);\n\n  const { keybinding } = options;\n  return useMemo(() => defineTool({\n    id: 'bone',\n    capabilities: ['edits-page'],\n    hookName: 'useBoneTool',\n    cursor: 'crosshair',\n    presentation: { label: 'Bone', group: 'shape' },\n    ...(keybinding === null ? {} : { keybinding: keybinding ?? { key: 'J' } }),\n    actions,\n    overlay,\n    onDeactivate: () => env.show(null),\n    bindings: [\n      { spec: { kind: 'click', mods: { shift: 'optional', alt: 'optional' } }, actionId: 'bone.pick' },\n      { spec: { kind: 'drag', mods: { shift: 'optional', alt: 'optional' } }, actionId: 'bone.drag' },\n      { spec: { kind: 'key', key: ['Delete', 'Backspace'] }, actionId: 'bone.remove' },\n      { spec: { kind: 'key', key: 'Escape' }, actionId: 'bone.clear' },\n    ],\n  }), [actions, overlay, keybinding, env]);\n}\n"],"mappings":";;;;;;;;;AAmCA,SAAgBA,EAAY,GAAmC;CAC7D,IAAMC,IAAWC,QAAcC,EAAmB,GAAG,CAAC,CAAC,GACjDC,IAAQC,EAAQ,SAASJ,GACzBK,IAAOC,EAAU;EAAE,OAAOF,EAAQ;EAAO,KAAKA,EAAQ;EAAK,OAAOA,EAAQ,SAAS;CAAG,CAAC,GAEvFG,IAAUC,EAAwB,IAAI,GAEtCC,IAAMR,QAAc;EACxB,IAAMS,IAAUC,EAAc;EAiB9B,OAAO;GAfL;GACA,aAAaN,EAAK,QAAQ;GAC1B,eAAeA,EAAK,QAAQ;GAC5B,cAAcO,EAAUP,EAAK,QAAQ,OAAOA,EAAK,QAAQ,IAAI,CAAC;GAC9D,aAAaE,EAAQ;GACrB,KAAK,GAAU;IAEb,AADA,EAAQ,UAAUM,GAClBH,EAAQ,KAAK;GACf;GACA,OAAO,GAAI;IACT,IAAMI,IAASJ,EAAQ,UAAUK,CAAE,GAC7BC,IAAMb,EAAM,OAAOY,CAAE;IAC3B,aAAa;KAAY,AAAVD,EAAO,GAAGE,EAAI;IAAG;GAClC;EAEK;CACT,GAAG,CAACX,GAAMF,CAAK,CAAC,GAEVc,IAAUhB,QAAciB,EAAkBT,CAAG,GAAG,CAACA,CAAG,CAAC,GACrDU,IAAUlB,QAAcmB,EAAkB;EAC9C,IAAI;EACJ,gBAAgBX,EAAI,MAAM,KAAKA,EAAI,OAAO,CAAC,EAAE,YAAY;EACzD,QAAQN,EAAM;EACd,WAAWM,EAAI;CACjB,CAAC,GAAG,CAACA,GAAKN,CAAK,CAAC,GAEV,EAAE,kBAAeC;CACvB,OAAOH,QAAcoB,EAAW;EAC9B,IAAI;EACJ,cAAc,CAAC,YAAY;EAC3B,UAAU;EACV,QAAQ;EACR,cAAc;GAAE,OAAO;GAAQ,OAAO;EAAQ;EAC9C,GAAIC,MAAe,OAAO,CAAC,IAAI,EAAE,YAAYA,KAAc,EAAE,KAAK,IAAI,EAAE;EACxE;EACA;EACA,oBAAoBb,EAAI,KAAK,IAAI;EACjC,UAAU;GACR;IAAE,MAAM;KAAE,MAAM;KAAS,MAAM;MAAE,OAAO;MAAY,KAAK;KAAW;IAAE;IAAG,UAAU;GAAY;GAC/F;IAAE,MAAM;KAAE,MAAM;KAAQ,MAAM;MAAE,OAAO;MAAY,KAAK;KAAW;IAAE;IAAG,UAAU;GAAY;GAC9F;IAAE,MAAM;KAAE,MAAM;KAAO,KAAK,CAAC,UAAU,WAAW;IAAE;IAAG,UAAU;GAAc;GAC/E;IAAE,MAAM;KAAE,MAAM;KAAO,KAAK;IAAS;IAAG,UAAU;GAAa;EACjE;CACF,CAAC,GAAG;EAACQ;EAASE;EAASG;EAAYb;CAAG,CAAC;AACzC"}

package/dist/tools/builtin/ellipse/useEllipseTool.js

@@ -9,6 +9,7 @@ function o(o = {}) {
 	let { behaviors: s } = o;
 	return r(() => e({
 		id: "ellipse",
+		keybinding: { key: "E" },
 		capabilities: ["creates-shapes"],
 		hookName: "useEllipseTool",
 		cursor: a("crosshairEllipse", { fallback: "crosshair" }),

package/dist/tools/builtin/ellipse/useEllipseTool.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEllipseTool.js","names":["EllipseIcon","useEllipseTool","options","useMemo","defineTool","cursorFor","insertBindingBehaviors","behaviors"],"sources":["../../../../src/tools/builtin/ellipse/useEllipseTool.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { defineTool } from '../../overlayBinding';\nimport { EllipseIcon } from '../../../icons';\nimport type { Tool } from '../../overlayBinding';\nimport { insertBindingBehaviors, type InsertToolOptions } from '../shared/insertToolOptions';\nimport { cursorFor } from '@weasel-js/cursor';\n\n/**\n * Drag-to-draw ellipse tool. Mirrors `useRectTool`: the `drag` binding\n * routes to `insertAction`, which owns the live preview and commits\n * through the `insert` dep. Alt toggles from-corner ⇄ from-center\n * mid-drag via the action's live modifier read.\n */\nexport function useEllipseTool(options: InsertToolOptions = {}): Tool<null> {\n  const { behaviors } = options;\n  return useMemo(\n    () =>\n      defineTool<null>({\n        id: 'ellipse',\n        capabilities: ['creates-shapes'],\n        hookName: 'useEllipseTool',\n        cursor: cursorFor('crosshairEllipse', { fallback: 'crosshair' }),\n        presentation: {\n          label: 'Ellipse',\n          group: 'shape',\n          icon: <EllipseIcon />,\n        },\n        bindings: [\n          {\n            spec: { kind: 'drag' },\n            actionId: 'insert',\n            opts: { params: { kind: 'ellipse' } , ...insertBindingBehaviors(behaviors) },\n          },\n        ],\n      }),\n    [behaviors],\n  );\n}\n"],"mappings":";;;;;;;AAaA,SAAgBC,EAAe,IAA6B,CAAC,GAAe;CAC1E,IAAM,EAAE,iBAAcC;CACtB,OAAOC,QAEHC,EAAiB;EACf,IAAI;EACJ,cAAc,CAAC,gBAAgB;EAC/B,UAAU;EACV,QAAQC,EAAU,oBAAoB,EAAE,UAAU,YAAY,CAAC;EAC/D,cAAc;GACZ,OAAO;GACP,OAAO;GACP,MAAM,kBAACL,GAAD,CAAc,CAAA;EACtB;EACA,UAAU,CACR;GACE,MAAM,EAAE,MAAM,OAAO;GACrB,UAAU;GACV,MAAM;IAAE,QAAQ,EAAE,MAAM,UAAU;IAAI,GAAGM,EAAuBC,CAAS;GAAE;EAC7E,CACF;CACF,CAAC,GACH,CAACA,CAAS,CACZ;AACF"}
+{"version":3,"file":"useEllipseTool.js","names":["EllipseIcon","useEllipseTool","options","useMemo","defineTool","cursorFor","insertBindingBehaviors","behaviors"],"sources":["../../../../src/tools/builtin/ellipse/useEllipseTool.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { defineTool } from '../../overlayBinding';\nimport { EllipseIcon } from '../../../icons';\nimport type { Tool } from '../../overlayBinding';\nimport { insertBindingBehaviors, type InsertToolOptions } from '../shared/insertToolOptions';\nimport { cursorFor } from '@weasel-js/cursor';\n\n/**\n * Drag-to-draw ellipse tool. Mirrors `useRectTool`: the `drag` binding\n * routes to `insertAction`, which owns the live preview and commits\n * through the `insert` dep. Alt toggles from-corner ⇄ from-center\n * mid-drag via the action's live modifier read.\n */\nexport function useEllipseTool(options: InsertToolOptions = {}): Tool {\n  const { behaviors } = options;\n  return useMemo(\n    () =>\n      defineTool({\n        id: 'ellipse',\n        keybinding: { key: 'E' },\n        capabilities: ['creates-shapes'],\n        hookName: 'useEllipseTool',\n        cursor: cursorFor('crosshairEllipse', { fallback: 'crosshair' }),\n        presentation: {\n          label: 'Ellipse',\n          group: 'shape',\n          icon: <EllipseIcon />,\n        },\n        bindings: [\n          {\n            spec: { kind: 'drag' },\n            actionId: 'insert',\n            opts: { params: { kind: 'ellipse' } , ...insertBindingBehaviors(behaviors) },\n          },\n        ],\n      }),\n    [behaviors],\n  );\n}\n"],"mappings":";;;;;;;AAaA,SAAgBC,EAAe,IAA6B,CAAC,GAAS;CACpE,IAAM,EAAE,iBAAcC;CACtB,OAAOC,QAEHC,EAAW;EACT,IAAI;EACJ,YAAY,EAAE,KAAK,IAAI;EACvB,cAAc,CAAC,gBAAgB;EAC/B,UAAU;EACV,QAAQC,EAAU,oBAAoB,EAAE,UAAU,YAAY,CAAC;EAC/D,cAAc;GACZ,OAAO;GACP,OAAO;GACP,MAAM,kBAACL,GAAD,CAAc,CAAA;EACtB;EACA,UAAU,CACR;GACE,MAAM,EAAE,MAAM,OAAO;GACrB,UAAU;GACV,MAAM;IAAE,QAAQ,EAAE,MAAM,UAAU;IAAI,GAAGM,EAAuBC,CAAS;GAAE;EAC7E,CACF;CACF,CAAC,GACH,CAACA,CAAS,CACZ;AACF"}

package/dist/tools/builtin/eyedropper/useEyedropperTool.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEyedropperTool.js","names":["EyedropperIcon","useEyedropperTool","onPickRef","useLatest","opts","colorOfRef","pickAction","useMemo","p","params","nodeAtPoint","deps","id","keybinding","hotkey","defineTool","cursorFor","createElement"],"sources":["../../../../src/tools/builtin/eyedropper/useEyedropperTool.ts"],"sourcesContent":["import { useMemo, createElement } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { defineTool } from '../../overlayBinding';\nimport type { Tool } from '../../overlayBinding';\nimport type { HotkeyTrigger } from '@weasel-js/routing';\nimport type { ToolKeybinding } from '@weasel-js/routing';\nimport type { Action } from '@weasel-js/routing';\nimport { EyedropperIcon } from '../../../icons';\nimport { cursorFor } from '@weasel-js/cursor';\n\n/** Options for `useEyedropperTool`. */\nexport interface UseEyedropperToolOptions {\n  /** Called when the user picks a color. `null` means \"no node was hit\n   *  with a color\" — currently only reachable when `colorOf` returns null\n   *  on a real hit; empty-click is a no-op in v1. */\n  onPick: (color: string | null) => void;\n\n  /** Map a node id to a color string, or `null` if the node has no color\n   *  to sample. Called on click with the id of the topmost node under the\n   *  click point. */\n  colorOf: (id: string) => string | null;\n\n  /** Override the default `{ key: 'I' }` keybinding. Pass `null` to omit\n   *  the keybinding entirely (palette-only or hotkey-only wiring). */\n  keybinding?: ToolKeybinding | null;\n\n  /** Override the default `'alt'` hotkey trigger. Pass `null` to omit. */\n  hotkey?: HotkeyTrigger | null;\n}\n\n/**\n * Eyedropper. Click a node to sample its color; the consumer's `onPick`\n * callback decides where the color goes. Engages as a sticky active-slot\n * tool (`I` keybinding) and as a momentary hotkey-slot tool while Alt\n * is held — consumers can override either trigger to `null`.\n *\n * Pure-read tool — does NOT mutate the scene. v1 is click-only; drag is\n * unbound (a future drag-to-sample option is additive).\n *\n * The node under the click comes from the `nodeAtPoint` dep, so an\n * eyedropper in a consumer that never registered that dep samples nothing.\n * `<SceneCanvas>` sources it from the same picker the rest of the kit hits.\n */\nexport function useEyedropperTool(opts: UseEyedropperToolOptions): Tool<null> {\n  const onPickRef = useLatest(opts.onPick);\n  const colorOfRef = useLatest(opts.colorOf);\n\n  // Registered by `useToolActions` from inside the ActionsProvider — see\n  // `ToolDef.actions`. Closing over the option refs here is what lets the\n  // consumer's `onPick` stay a plain callback instead of a dep.\n  const pickAction = useMemo<Action>(\n    () => ({\n      id: 'eyedropper.pick',\n      label: 'Eyedropper — sample color',\n      // Same tag the tool declares, so a mode that disallows color sampling\n      // can't be reached through the gesture either. The tool's own\n      // eligibility already gates activation; this closes the gesture side.\n      eligible: { capability: 'samples-color' },\n      requires: ['nodeAtPoint'],\n      invoker: {\n        timing: 'immediate' as const,\n        run: (deps, params) => {\n          const p = params as { pressX?: number; pressY?: number } | undefined;\n          if (p?.pressX === undefined || p.pressY === undefined) return;\n          const nodeAtPoint = deps.nodeAtPoint;\n          const id = nodeAtPoint?.({ x: p.pressX, y: p.pressY }) ?? null;\n          // Empty click is a no-op in v1 — `onPick(null)` is reserved for\n          // \"hit a node that has no color to sample.\"\n          if (id === null) return;\n          onPickRef.current(colorOfRef.current(id));\n        },\n      },\n    }),\n    [onPickRef, colorOfRef],\n  );\n\n  return useMemo(() => {\n    // Resolve overrides. The spec says `null` => omit; defineTool reads\n    // these directly into the returned Tool, and the registry treats\n    // `undefined` as \"no trigger.\" Convert null → undefined here.\n    const keybinding =\n      opts.keybinding === null ? undefined : (opts.keybinding ?? { key: 'I' });\n    const hotkey =\n      opts.hotkey === null ? undefined : (opts.hotkey ?? 'alt');\n\n    return defineTool<null>({\n      id: 'eyedropper',\n      capabilities: ['samples-color'],\n      hookName: 'useEyedropperTool',\n      keybinding,\n      hotkey,\n      cursor: cursorFor('eyedropper', { fallback: 'crosshair' }),\n      presentation: {\n        label: 'Eyedropper',\n        icon: createElement(EyedropperIcon),\n        group: 'view',\n      },\n      actions: [pickAction],\n      // One binding, no target filter: the action resolves the node itself\n      // and no-ops on empty. Sampling deliberately reads the PRESS point\n      // rather than the release — a 4px drift between the two can land on a\n      // different node, and the color you meant is the one you pressed.\n      //\n      // The eyedropper used to carry a `pointerDown` route that existed only\n      // to claim the press before `useSelectTool`'s own always-claiming\n      // pointerdown route could. That was an artifact of two dispatchers\n      // racing; hotkey scope now outranks active scope in the one dispatcher\n      // that remains, so holding Alt wins without a gate.\n      bindings: [{ spec: { kind: 'click' as const }, actionId: 'eyedropper.pick' }],\n    });\n  }, [opts.keybinding, opts.hotkey, pickAction]);\n}\n"],"mappings":";;;;;;AA2CA,SAAgBC,EAAkB,GAA4C;CAC5E,IAAMC,IAAYC,EAAUC,EAAK,MAAM,GACjCC,IAAaF,EAAUC,EAAK,OAAO,GAKnCE,IAAaC,SACV;EACL,IAAI;EACJ,OAAO;EAIP,UAAU,EAAE,YAAY,gBAAgB;EACxC,UAAU,CAAC,aAAa;EACxB,SAAS;GACP,QAAQ;GACR,MAAM,GAAM,MAAW;IACrB,IAAMC,IAAIC;IACV,IAAID,GAAG,WAAW,KAAA,KAAaA,EAAE,WAAW,KAAA,GAAW;IACvD,IAAME,IAAcC,EAAK,aACnBC,IAAKF,IAAc;KAAE,GAAGF,EAAE;KAAQ,GAAGA,EAAE;IAAO,CAAC,KAAK;IAG1D,AAAII,MAAO,QACXV,EAAU,QAAQG,EAAW,QAAQO,CAAE,CAAC;GAC1C;EACF;CACF,IACA,CAACV,GAAWG,CAAU,CACxB;CAEA,OAAOE,QAAc;EAInB,IAAMM,IACJT,EAAK,eAAe,OAAO,KAAA,IAAaA,EAAK,cAAc,EAAE,KAAK,IAAI,GAClEU,IACJV,EAAK,WAAW,OAAO,KAAA,IAAaA,EAAK,UAAU;EAErD,OAAOW,EAAiB;GACtB,IAAI;GACJ,cAAc,CAAC,eAAe;GAC9B,UAAU;GACV;GACA;GACA,QAAQC,EAAU,cAAc,EAAE,UAAU,YAAY,CAAC;GACzD,cAAc;IACZ,OAAO;IACP,MAAMC,EAAcjB,CAAc;IAClC,OAAO;GACT;GACA,SAAS,CAACM,CAAU;GAWpB,UAAU,CAAC;IAAE,MAAM,EAAE,MAAM,QAAiB;IAAG,UAAU;GAAkB,CAAC;EAC9E,CAAC;CACH,GAAG;EAACF,EAAK;EAAYA,EAAK;EAAQE;CAAU,CAAC;AAC/C"}
+{"version":3,"file":"useEyedropperTool.js","names":["EyedropperIcon","useEyedropperTool","onPickRef","useLatest","opts","colorOfRef","pickAction","useMemo","p","params","nodeAtPoint","deps","id","keybinding","hotkey","defineTool","cursorFor","createElement"],"sources":["../../../../src/tools/builtin/eyedropper/useEyedropperTool.ts"],"sourcesContent":["import { useMemo, createElement } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { defineTool } from '../../overlayBinding';\nimport type { Tool } from '../../overlayBinding';\nimport type { HotkeyTrigger } from '@weasel-js/routing';\nimport type { ToolKeybinding } from '@weasel-js/routing';\nimport type { Action } from '@weasel-js/routing';\nimport { EyedropperIcon } from '../../../icons';\nimport { cursorFor } from '@weasel-js/cursor';\n\n/** Options for `useEyedropperTool`. */\nexport interface UseEyedropperToolOptions {\n  /** Called when the user picks a color. `null` means `colorOf` returned\n   *  null on a real hit; an empty click is a no-op. */\n  onPick: (color: string | null) => void;\n\n  /** Map a node id to a color string, or `null` if the node has no color\n   *  to sample. Called with the id of the topmost node under the press. */\n  colorOf: (id: string) => string | null;\n\n  /** Override the default `{ key: 'I' }` keybinding. Pass `null` to omit\n   *  the keybinding entirely (palette-only or hotkey-only wiring). */\n  keybinding?: ToolKeybinding | null;\n\n  /** Override the default `'alt'` hotkey trigger. Pass `null` to omit. */\n  hotkey?: HotkeyTrigger | null;\n}\n\n/**\n * Eyedropper. Click a node to sample its color; the consumer's `onPick`\n * callback decides where the color goes. Engages as a sticky active-slot\n * tool (`I` keybinding) and as a momentary hotkey-slot tool while Alt\n * is held — consumers can override either trigger to `null`.\n *\n * Does not mutate the scene. Click-only; drag is unbound.\n *\n * The node under the click comes from the `nodeAtPoint` dep, so an\n * eyedropper in a consumer that never registered that dep samples nothing.\n */\nexport function useEyedropperTool(opts: UseEyedropperToolOptions): Tool {\n  const onPickRef = useLatest(opts.onPick);\n  const colorOfRef = useLatest(opts.colorOf);\n\n  // Closing over the option refs here is what lets the consumer's `onPick`\n  // stay a plain callback instead of a dep.\n  const pickAction = useMemo<Action>(\n    () => ({\n      id: 'eyedropper.pick',\n      label: 'Eyedropper — sample color',\n      // Same tag the tool declares, so a mode that disallows color sampling\n      // can't be reached through the gesture either.\n      eligible: { capability: 'samples-color' },\n      requires: ['nodeAtPoint'],\n      invoker: {\n        timing: 'immediate' as const,\n        run: (deps, params) => {\n          const p = params as { pressX?: number; pressY?: number } | undefined;\n          if (p?.pressX === undefined || p.pressY === undefined) return;\n          const nodeAtPoint = deps.nodeAtPoint;\n          const id = nodeAtPoint?.({ x: p.pressX, y: p.pressY }) ?? null;\n          if (id === null) return;\n          onPickRef.current(colorOfRef.current(id));\n        },\n      },\n    }),\n    [onPickRef, colorOfRef],\n  );\n\n  return useMemo(() => {\n    // `null` means omit; the registry reads `undefined` as \"no trigger\".\n    const keybinding =\n      opts.keybinding === null ? undefined : (opts.keybinding ?? { key: 'I' });\n    const hotkey =\n      opts.hotkey === null ? undefined : (opts.hotkey ?? 'alt');\n\n    return defineTool({\n      id: 'eyedropper',\n      capabilities: ['samples-color'],\n      hookName: 'useEyedropperTool',\n      keybinding,\n      hotkey,\n      cursor: cursorFor('eyedropper', { fallback: 'crosshair' }),\n      presentation: {\n        label: 'Eyedropper',\n        icon: createElement(EyedropperIcon),\n        group: 'view',\n      },\n      actions: [pickAction],\n      // One binding, no target filter: the action resolves the node itself\n      // and no-ops on empty. Sampling deliberately reads the PRESS point\n      // rather than the release — a 4px drift between the two can land on a\n      // different node, and the color you meant is the one you pressed.\n      bindings: [{ spec: { kind: 'click' as const }, actionId: 'eyedropper.pick' }],\n    });\n  }, [opts.keybinding, opts.hotkey, pickAction]);\n}\n"],"mappings":";;;;;;AAuCA,SAAgBC,EAAkB,GAAsC;CACtE,IAAMC,IAAYC,EAAUC,EAAK,MAAM,GACjCC,IAAaF,EAAUC,EAAK,OAAO,GAInCE,IAAaC,SACV;EACL,IAAI;EACJ,OAAO;EAGP,UAAU,EAAE,YAAY,gBAAgB;EACxC,UAAU,CAAC,aAAa;EACxB,SAAS;GACP,QAAQ;GACR,MAAM,GAAM,MAAW;IACrB,IAAMC,IAAIC;IACV,IAAID,GAAG,WAAW,KAAA,KAAaA,EAAE,WAAW,KAAA,GAAW;IACvD,IAAME,IAAcC,EAAK,aACnBC,IAAKF,IAAc;KAAE,GAAGF,EAAE;KAAQ,GAAGA,EAAE;IAAO,CAAC,KAAK;IAC1D,AAAII,MAAO,QACXV,EAAU,QAAQG,EAAW,QAAQO,CAAE,CAAC;GAC1C;EACF;CACF,IACA,CAACV,GAAWG,CAAU,CACxB;CAEA,OAAOE,QAAc;EAEnB,IAAMM,IACJT,EAAK,eAAe,OAAO,KAAA,IAAaA,EAAK,cAAc,EAAE,KAAK,IAAI,GAClEU,IACJV,EAAK,WAAW,OAAO,KAAA,IAAaA,EAAK,UAAU;EAErD,OAAOW,EAAW;GAChB,IAAI;GACJ,cAAc,CAAC,eAAe;GAC9B,UAAU;GACV;GACA;GACA,QAAQC,EAAU,cAAc,EAAE,UAAU,YAAY,CAAC;GACzD,cAAc;IACZ,OAAO;IACP,MAAMC,EAAcjB,CAAc;IAClC,OAAO;GACT;GACA,SAAS,CAACM,CAAU;GAKpB,UAAU,CAAC;IAAE,MAAM,EAAE,MAAM,QAAiB;IAAG,UAAU;GAAkB,CAAC;EAC9E,CAAC;CACH,GAAG;EAACF,EAAK;EAAYA,EAAK;EAAQE;CAAU,CAAC;AAC/C"}

package/dist/tools/builtin/hand/useHandTool.js

@@ -7,6 +7,7 @@ function a(a = {}) {
 	let o = i(a);
 	return r(() => Object.assign(e({
 		id: "hand",
+		keybinding: { key: "H" },
 		capabilities: ["navigation"],
 		hotkey: "space",
 		hookName: "useHandTool",

package/dist/tools/builtin/hand/useHandTool.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHandTool.js","names":["HandIcon","useHandTool","optsRef","useLatest","opts","useMemo","defineTool","createElement"],"sources":["../../../../src/tools/builtin/hand/useHandTool.ts"],"sourcesContent":["import { useMemo, createElement } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { defineTool } from '../../overlayBinding';\nimport type { Tool } from '../../overlayBinding';\nimport { HandIcon } from '../../../icons';\nimport type { View } from 'core/viewport/view';\nimport type { InertiaConfig } from 'core/viewport/useDecayLoop';\n\nexport type { InertiaConfig };\n\n/** Options for `useHandTool`. Both are forwarded to `viewport.dragPan` as\n *  binding params; momentum additionally needs a `view` dep publishing\n *  `decay`, which `<SceneCanvas>` wires. */\nexport interface UseHandToolOptions {\n  /** Momentum after release. Omit or pass `false` for none. */\n  inertia?: false | InertiaConfig;\n  /**\n   * Which axes the drag responds to. Default `'both'`.\n   *\n   * - `'both'` — pan both axes (default).\n   * - `'x'` — drag only changes `view.x`. Inertia (if enabled) also stays on x.\n   * - `'y'` — drag only changes `view.y`. Inertia stays on y.\n   *\n   * Locks drag panning to a single axis. The former `useWheelPanTool` /\n   * `useWheelZoomTool` / `useKeyboardZoomTool` axis option is dissolved.\n   */\n  axis?: 'both' | 'x' | 'y';\n}\n\n/** @internal */\ninterface HandScratch {\n  startView: View;\n  startScreenPoint: { x: number; y: number };\n}\n\n/**\n * Pan-on-drag tool. Registered in both the active slot (sticky, `H` key)\n * and the hotkey slot (momentary, hold `space`).\n *\n * Drag handlers compute pan deltas inline. View is read from ctx.view at\n * gesture start and written via ctx.setView on every move — so the tool\n * works with both controlled and uncontrolled Canvas viewport modes\n * without any extra wiring.\n *\n * Sign convention: dragging the mouse right moves the canvas content right\n * relative to the viewport — i.e. the camera moves *left*. So the new view\n * is `{ x: startView.x - dx, y: startView.y - dy }`.\n */\nexport function useHandTool(opts: UseHandToolOptions = {}): Tool<HandScratch | null> {\n  // Read through a ref from a params thunk rather than closing over the\n  // values: a consumer passing `inertia={{ friction: 0.9 }}` inline would\n  // otherwise mint a new tool identity on every render.\n  const optsRef = useLatest(opts);\n  return useMemo(\n    () =>\n      Object.assign(defineTool<HandScratch>({\n        id: 'hand',\n        capabilities: ['navigation'],\n        hotkey: 'space',\n        hookName: 'useHandTool',\n        presentation: {\n          label: 'Hand',\n          icon: createElement(HandIcon),\n          group: 'view',\n        },\n        cursor: 'grab',\n      }), {\n        // Declarative binding routes drag through the dispatcher +\n        // viewportDragPanAction, which also owns the grabbing cursor\n        // (`Action.activeCursor`) the tool used to declare as an `engaged`\n        // phase entry.\n        bindings: [{\n          spec: { kind: 'drag' as const },\n          actionId: 'viewport.dragPan',\n          opts: {\n            params: () => ({\n              axis: optsRef.current.axis ?? 'both',\n              inertia: optsRef.current.inertia,\n            }),\n          },\n        }],\n      }) as Tool<HandScratch | null>,\n    [optsRef],\n  );\n}\n"],"mappings":";;;;;AAgDA,SAAgBC,EAAY,IAA2B,CAAC,GAA6B;CAInF,IAAMC,IAAUC,EAAUC,CAAI;CAC9B,OAAOC,QAEH,OAAO,OAAOC,EAAwB;EACpC,IAAI;EACJ,cAAc,CAAC,YAAY;EAC3B,QAAQ;EACR,UAAU;EACV,cAAc;GACZ,OAAO;GACP,MAAMC,EAAcP,CAAQ;GAC5B,OAAO;EACT;EACA,QAAQ;CACV,CAAC,GAAG,EAKF,UAAU,CAAC;EACT,MAAM,EAAE,MAAM,OAAgB;EAC9B,UAAU;EACV,MAAM,EACJ,eAAe;GACb,MAAME,EAAQ,QAAQ,QAAQ;GAC9B,SAASA,EAAQ,QAAQ;EAC3B,GACF;CACF,CAAC,EACH,CAAC,GACH,CAACA,CAAO,CACV;AACF"}
+{"version":3,"file":"useHandTool.js","names":["HandIcon","useHandTool","optsRef","useLatest","opts","useMemo","defineTool","createElement"],"sources":["../../../../src/tools/builtin/hand/useHandTool.ts"],"sourcesContent":["import { useMemo, createElement } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { defineTool } from '../../overlayBinding';\nimport type { Tool } from '../../overlayBinding';\nimport { HandIcon } from '../../../icons';\nimport type { InertiaConfig } from 'core/viewport/useDecayLoop';\n\nexport type { InertiaConfig };\n\n/** Options for `useHandTool`. Both are forwarded to `viewport.dragPan` as\n *  binding params; momentum additionally needs a `view` dep publishing\n *  `decay`, which `<SceneCanvas>` wires. */\nexport interface UseHandToolOptions {\n  /** Momentum after release: `true` for the kit defaults, or the settings.\n   *  Omit or pass `false` for none. */\n  inertia?: boolean | InertiaConfig;\n  /**\n   * Which axes the drag responds to. Default `'both'`.\n   *\n   * - `'both'` — pan both axes (default).\n   * - `'x'` — drag only changes `view.x`. Inertia (if enabled) also stays on x.\n   * - `'y'` — drag only changes `view.y`. Inertia stays on y.\n   *\n   * Locks drag panning to a single axis. The former `useWheelPanTool` /\n   * `useWheelZoomTool` / `useKeyboardZoomTool` axis option is dissolved.\n   */\n  axis?: 'both' | 'x' | 'y';\n}\n\n/**\n * Pan-on-drag tool. Registered in both the active slot (sticky, `H` key)\n * and the hotkey slot (momentary, hold `space`).\n *\n * A declarative shell: its one binding routes a drag to the\n * `viewport.dragPan` action, which owns the gesture, the view writes, and\n * the grabbing cursor. The tool only passes `axis` and `inertia` along.\n */\nexport function useHandTool(opts: UseHandToolOptions = {}): Tool {\n  // Read through a ref from a params thunk rather than closing over the\n  // values: a consumer passing `inertia={{ friction: 0.9 }}` inline would\n  // otherwise mint a new tool identity on every render.\n  const optsRef = useLatest(opts);\n  return useMemo(\n    () =>\n      Object.assign(defineTool({\n        id: 'hand',\n        keybinding: { key: 'H' },\n        capabilities: ['navigation'],\n        hotkey: 'space',\n        hookName: 'useHandTool',\n        presentation: {\n          label: 'Hand',\n          icon: createElement(HandIcon),\n          group: 'view',\n        },\n        cursor: 'grab',\n      }), {\n        // Declarative binding routes drag through the dispatcher +\n        // viewportDragPanAction, which also owns the grabbing cursor\n        // (`Action.activeCursor`) the tool used to declare as an `engaged`\n        // phase entry.\n        bindings: [{\n          spec: { kind: 'drag' as const },\n          actionId: 'viewport.dragPan',\n          opts: {\n            params: () => ({\n              axis: optsRef.current.axis ?? 'both',\n              inertia: optsRef.current.inertia,\n            }),\n          },\n        }],\n      }) as Tool,\n    [optsRef],\n  );\n}\n"],"mappings":";;;;;AAqCA,SAAgBC,EAAY,IAA2B,CAAC,GAAS;CAI/D,IAAMC,IAAUC,EAAUC,CAAI;CAC9B,OAAOC,QAEH,OAAO,OAAOC,EAAW;EACvB,IAAI;EACJ,YAAY,EAAE,KAAK,IAAI;EACvB,cAAc,CAAC,YAAY;EAC3B,QAAQ;EACR,UAAU;EACV,cAAc;GACZ,OAAO;GACP,MAAMC,EAAcP,CAAQ;GAC5B,OAAO;EACT;EACA,QAAQ;CACV,CAAC,GAAG,EAKF,UAAU,CAAC;EACT,MAAM,EAAE,MAAM,OAAgB;EAC9B,UAAU;EACV,MAAM,EACJ,eAAe;GACb,MAAME,EAAQ,QAAQ,QAAQ;GAC9B,SAASA,EAAQ,QAAQ;EAC3B,GACF;CACF,CAAC,EACH,CAAC,GACH,CAACA,CAAO,CACV;AACF"}

package/dist/tools/builtin/image/useImageTool.js.map

@@ -1 +1 @@
-{"version":3,"file":"useImageTool.js","names":["ImageIcon","useImageTool","options","useMemo","defineTool","insertBindingBehaviors","behaviors","src","label","preview"],"sources":["../../../../src/tools/builtin/image/useImageTool.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { defineTool } from '../../overlayBinding';\nimport { ImageIcon } from '../../../icons';\nimport type { Tool } from '../../overlayBinding';\nimport { insertBindingBehaviors, type InsertToolOptions } from '../shared/insertToolOptions';\n\n/** Options for `useImageTool`. */\nexport interface UseImageToolOptions extends InsertToolOptions {\n  /** Image source for inserted nodes — a URL, a `blob:` URL, or a\n   *  `data:image/…;base64,…` URI. Stored verbatim on each new node's\n   *  `data.image.src`. */\n  src: string;\n  label?: string;\n  /** What the live drag paints. `'bitmap'` (default) previews the decoded\n   *  image inside the drag bounds, falling back to the outline until it\n   *  decodes; `'outline'` never draws the image. */\n  preview?: 'bitmap' | 'outline';\n}\n\n/**\n * Drag-to-insert image tool. A drag-rect commits a leaf node with\n * `data: { image: { src } }` through the dispatcher's `insertAction` + the\n * kit's `insert` dep (the same path the shape tools use); the `kit:image`\n * painter renders it once the bitmap decodes.\n *\n * Thin declarative veneer — the node is minted by `useInsertDepSource`'s\n * `'image'` case, not the tool. `src` is baked into the binding's `params`\n * so the insert dep can stamp it onto the new node.\n */\nexport function useImageTool(options: UseImageToolOptions): Tool<null> {\n  const { src, label = 'Image', preview = 'bitmap', behaviors } = options;\n  return useMemo(\n    () =>\n      defineTool<null>({\n        id: 'image',\n        capabilities: ['creates-shapes'],\n        hookName: 'useImageTool',\n        cursor: 'crosshair',\n        presentation: {\n          label,\n          group: 'shape',\n          icon: <ImageIcon />,\n        },\n        // Declarative binding routes empty-space drags through the\n        // dispatcher + insertAction; `kind: 'image'` selects the insert\n        // dep's image factory and `src` rides along on the new node.\n        bindings: [\n          {\n            spec: { kind: 'drag' },\n            actionId: 'insert',\n            opts: { params: { kind: 'image', src, preview }, ...insertBindingBehaviors(behaviors) },\n          },\n        ],\n      }),\n    [src, label, preview, behaviors],\n  );\n}\n"],"mappings":";;;;;;AA6BA,SAAgBC,EAAa,GAA0C;CACrE,IAAM,EAAE,QAAK,WAAQ,SAAS,aAAU,UAAU,iBAAcC;CAChE,OAAOC,QAEHC,EAAiB;EACf,IAAI;EACJ,cAAc,CAAC,gBAAgB;EAC/B,UAAU;EACV,QAAQ;EACR,cAAc;GACZ;GACA,OAAO;GACP,MAAM,kBAACJ,GAAD,CAAY,CAAA;EACpB;EAIA,UAAU,CACR;GACE,MAAM,EAAE,MAAM,OAAO;GACrB,UAAU;GACV,MAAM;IAAE,QAAQ;KAAE,MAAM;KAAS;KAAK;IAAQ;IAAG,GAAGK,EAAuBC,CAAS;GAAE;EACxF,CACF;CACF,CAAC,GACH;EAACC;EAAKC;EAAOC;EAASH;CAAS,CACjC;AACF"}
+{"version":3,"file":"useImageTool.js","names":["ImageIcon","useImageTool","options","useMemo","defineTool","insertBindingBehaviors","behaviors","src","label","preview"],"sources":["../../../../src/tools/builtin/image/useImageTool.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { defineTool } from '../../overlayBinding';\nimport { ImageIcon } from '../../../icons';\nimport type { Tool } from '../../overlayBinding';\nimport { insertBindingBehaviors, type InsertToolOptions } from '../shared/insertToolOptions';\n\n/** Options for `useImageTool`. */\nexport interface UseImageToolOptions extends InsertToolOptions {\n  /** Image source for inserted nodes — a URL, a `blob:` URL, or a\n   *  `data:image/…;base64,…` URI. Stored verbatim on each new node's\n   *  `data.image.src`. */\n  src: string;\n  label?: string;\n  /** What the live drag paints. `'bitmap'` (default) previews the decoded\n   *  image inside the drag bounds, falling back to the outline until it\n   *  decodes; `'outline'` never draws the image. */\n  preview?: 'bitmap' | 'outline';\n}\n\n/**\n * Drag-to-insert image tool. A drag-rect commits a leaf node with\n * `data: { image: { src } }` through the dispatcher's `insertAction` + the\n * kit's `insert` dep (the same path the shape tools use); the `kit:image`\n * painter renders it once the bitmap decodes.\n *\n * Thin declarative veneer — the node is minted by `useInsertDepSource`'s\n * `'image'` case, not the tool. `src` is baked into the binding's `params`\n * so the insert dep can stamp it onto the new node.\n */\nexport function useImageTool(options: UseImageToolOptions): Tool {\n  const { src, label = 'Image', preview = 'bitmap', behaviors } = options;\n  return useMemo(\n    () =>\n      defineTool({\n        id: 'image',\n        capabilities: ['creates-shapes'],\n        hookName: 'useImageTool',\n        cursor: 'crosshair',\n        presentation: {\n          label,\n          group: 'shape',\n          icon: <ImageIcon />,\n        },\n        // Declarative binding routes empty-space drags through the\n        // dispatcher + insertAction; `kind: 'image'` selects the insert\n        // dep's image factory and `src` rides along on the new node.\n        bindings: [\n          {\n            spec: { kind: 'drag' },\n            actionId: 'insert',\n            opts: { params: { kind: 'image', src, preview }, ...insertBindingBehaviors(behaviors) },\n          },\n        ],\n      }),\n    [src, label, preview, behaviors],\n  );\n}\n"],"mappings":";;;;;;AA6BA,SAAgBC,EAAa,GAAoC;CAC/D,IAAM,EAAE,QAAK,WAAQ,SAAS,aAAU,UAAU,iBAAcC;CAChE,OAAOC,QAEHC,EAAW;EACT,IAAI;EACJ,cAAc,CAAC,gBAAgB;EAC/B,UAAU;EACV,QAAQ;EACR,cAAc;GACZ;GACA,OAAO;GACP,MAAM,kBAACJ,GAAD,CAAY,CAAA;EACpB;EAIA,UAAU,CACR;GACE,MAAM,EAAE,MAAM,OAAO;GACrB,UAAU;GACV,MAAM;IAAE,QAAQ;KAAE,MAAM;KAAS;KAAK;IAAQ;IAAG,GAAGK,EAAuBC,CAAS;GAAE;EACxF,CACF;CACF,CAAC,GACH;EAACC;EAAKC;EAAOC;EAASH;CAAS,CACjC;AACF"}

package/dist/tools/builtin/lasso/useLassoTool.js

@@ -3,16 +3,16 @@ import t from "../../../icons/LassoIcon.js";
 import { createElement as n, useMemo as r } from "react";
 import { useLatest as i } from "@weasel-js/react";
 //#region src/tools/builtin/lasso/useLassoTool.ts
-function a(a, o = {}) {
-	let s = i({
-		mode: o.mode ?? "intersect",
-		...o.minVertexSpacing === void 0 ? {} : { minVertexSpacing: o.minVertexSpacing }
-	}), { behaviors: c } = o;
+function a(a = {}) {
+	let o = i({
+		mode: a.mode ?? "intersect",
+		...a.minVertexSpacing === void 0 ? {} : { minVertexSpacing: a.minVertexSpacing }
+	}), { behaviors: s } = a;
 	return r(() => e({
 		id: "lasso",
 		capabilities: ["creates-selection"],
 		hookName: "useLassoTool",
-		...o.keybinding === null ? {} : { keybinding: o.keybinding ?? { key: "L" } },
+		...a.keybinding === null ? {} : { keybinding: a.keybinding ?? { key: "L" } },
 		cursor: "crosshair",
 		presentation: {
 			label: "Lasso",
@@ -26,14 +26,14 @@ function a(a, o = {}) {
 			},
 			actionId: "lassoSelect",
 			opts: {
-				params: () => s.current,
-				...c ? { behaviors: c } : {}
+				params: () => o.current,
+				...s ? { behaviors: s } : {}
 			}
 		}]
 	}), [
-		o.keybinding,
-		c,
-		s
+		a.keybinding,
+		s,
+		o
 	]);
 }
 //#endregion

package/dist/tools/builtin/lasso/useLassoTool.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLassoTool.js","names":["LassoIcon","useLassoTool","paramsRef","useLatest","options","useMemo","defineTool","createElement","behaviors"],"sources":["../../../../src/tools/builtin/lasso/useLassoTool.ts"],"sourcesContent":["import { useMemo, createElement } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { defineTool } from '../../overlayBinding';\nimport { LassoIcon } from '../../../icons';\nimport type { Tool } from '../../overlayBinding';\nimport type { UseLassoSelectOptions } from 'interactions/actions/lasso-select/options';\nimport type { LassoHitMode, LassoSelectAdapter } from 'core/adapters/types';\nimport type { ToolKeybinding } from '@weasel-js/routing';\n\n/** Options for `useLassoTool` — the lasso-select action's options plus the\n *  tool's own hit mode and activation key. */\nexport interface UseLassoToolOptions extends UseLassoSelectOptions {\n  /** Hit mode for the action's own selection commit, which runs when no\n   *  behavior claims the gesture. A behavior carries its own, as\n   *  `selectFromLasso({ mode })` does. Default 'intersect'. */\n  mode?: LassoHitMode;\n  /** Override the default keybinding (`{ key: 'L' }`). Pass `null` to omit. */\n  keybinding?: ToolKeybinding | null;\n}\n\n/** Free-form polygon select Tool. Drag is handled entirely by the gesture\n *  dispatcher via the `lassoSelect` action binding below; the dispatcher\n *  overlay layer (`useDispatcherOverlayLayer`) paints the live polyline +\n *  dashed close-line while the gesture is in flight. Esc cancels through\n *  the dispatcher's standard cancel pipeline.\n *\n *  The legacy `useLassoSelect` hook is removed — all gesture\n *  state, overlay rendering, and selection commit live in\n *  `lassoSelectAction` (see `src/interactions/actions/defaults/lassoSelect.ts`). */\nexport function useLassoTool(\n  _adapter: LassoSelectAdapter,\n  options: UseLassoToolOptions = {},\n): Tool<undefined> {\n  const paramsRef = useLatest<{ mode: LassoHitMode; minVertexSpacing?: number }>({\n    mode: options.mode ?? 'intersect',\n    ...(options.minVertexSpacing !== undefined ? { minVertexSpacing: options.minVertexSpacing } : {}),\n  });\n  const { behaviors } = options;\n\n  return useMemo(() => {\n    return defineTool<undefined>({\n      id: 'lasso',\n      capabilities: ['creates-selection'],\n      hookName: 'useLassoTool',\n      ...(options.keybinding === null ? {} : { keybinding: options.keybinding ?? { key: 'L' } }),\n      cursor: 'crosshair',\n      presentation: {\n        label: 'Lasso',\n        icon: createElement(LassoIcon),\n        group: 'select',\n      },\n      // Declarative drag binding for the new gesture dispatcher. The\n      // dispatcher invokes `lassoSelectAction`, which owns vertex buffering,\n      // overlay state, and the commit-on-end selection write.\n      bindings: [\n        {\n          spec: { kind: 'drag', mods: { shift: 'optional' } },\n          actionId: 'lassoSelect',\n          // Thunked so a mode or spacing change reaches the next gesture\n          // without rebuilding the tool.\n          opts: {\n            params: () => paramsRef.current,\n            ...(behaviors ? { behaviors } : {}),\n          },\n        },\n      ],\n    });\n  }, [options.keybinding, behaviors, paramsRef]);\n}\n"],"mappings":";;;;;AA6BA,SAAgBC,EACd,GACA,IAA+B,CAAC,GACf;CACjB,IAAMC,IAAYC,EAA6D;EAC7E,MAAMC,EAAQ,QAAQ;EACtB,GAAIA,EAAQ,qBAAqB,KAAA,IAA6D,CAAC,IAAlD,EAAE,kBAAkBA,EAAQ,iBAAiB;CAC5F,CAAC,GACK,EAAE,iBAAcA;CAEtB,OAAOC,QACEC,EAAsB;EAC3B,IAAI;EACJ,cAAc,CAAC,mBAAmB;EAClC,UAAU;EACV,GAAIF,EAAQ,eAAe,OAAO,CAAC,IAAI,EAAE,YAAYA,EAAQ,cAAc,EAAE,KAAK,IAAI,EAAE;EACxF,QAAQ;EACR,cAAc;GACZ,OAAO;GACP,MAAMG,EAAcP,CAAS;GAC7B,OAAO;EACT;EAIA,UAAU,CACR;GACE,MAAM;IAAE,MAAM;IAAQ,MAAM,EAAE,OAAO,WAAW;GAAE;GAClD,UAAU;GAGV,MAAM;IACJ,cAAcE,EAAU;IACxB,GAAIM,IAAY,EAAE,aAAU,IAAI,CAAC;GACnC;EACF,CACF;CACF,CAAC,GACA;EAACJ,EAAQ;EAAYI;EAAWN;CAAS,CAAC;AAC/C"}
+{"version":3,"file":"useLassoTool.js","names":["LassoIcon","useLassoTool","paramsRef","useLatest","options","useMemo","defineTool","createElement","behaviors"],"sources":["../../../../src/tools/builtin/lasso/useLassoTool.ts"],"sourcesContent":["import { useMemo, createElement } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { defineTool } from '../../overlayBinding';\nimport { LassoIcon } from '../../../icons';\nimport type { Tool } from '../../overlayBinding';\nimport type { UseLassoSelectOptions } from 'interactions/actions/lasso-select/options';\nimport type { LassoHitMode } from 'core/adapters/types';\nimport type { ToolKeybinding } from '@weasel-js/routing';\n\n/** Options for `useLassoTool` — the lasso-select action's options plus the\n *  tool's own hit mode and activation key. */\nexport interface UseLassoToolOptions extends UseLassoSelectOptions {\n  /** Hit mode for the action's own selection commit, which runs when no\n   *  behavior claims the gesture. A behavior carries its own, as\n   *  `selectFromLasso({ mode })` does. Default 'intersect'. */\n  mode?: LassoHitMode;\n  /** Override the default keybinding (`{ key: 'L' }`). Pass `null` to omit. */\n  keybinding?: ToolKeybinding | null;\n}\n\n/** Free-form polygon select Tool. Drag is handled entirely by the gesture\n *  dispatcher via the `lassoSelect` action binding below; the dispatcher\n *  overlay layer (`useDispatcherOverlayLayer`) paints the live polyline +\n *  dashed close-line while the gesture is in flight. Esc cancels through\n *  the dispatcher's standard cancel pipeline.\n *\n *  The legacy `useLassoSelect` hook is removed — all gesture\n *  state, overlay rendering, and selection commit live in\n *  `lassoSelectAction` (see `src/interactions/actions/defaults/lassoSelect.ts`). */\nexport function useLassoTool(options: UseLassoToolOptions = {}): Tool {\n  const paramsRef = useLatest<{ mode: LassoHitMode; minVertexSpacing?: number }>({\n    mode: options.mode ?? 'intersect',\n    ...(options.minVertexSpacing !== undefined ? { minVertexSpacing: options.minVertexSpacing } : {}),\n  });\n  const { behaviors } = options;\n\n  return useMemo(() => {\n    return defineTool({\n      id: 'lasso',\n      capabilities: ['creates-selection'],\n      hookName: 'useLassoTool',\n      ...(options.keybinding === null ? {} : { keybinding: options.keybinding ?? { key: 'L' } }),\n      cursor: 'crosshair',\n      presentation: {\n        label: 'Lasso',\n        icon: createElement(LassoIcon),\n        group: 'select',\n      },\n      // Declarative drag binding for the new gesture dispatcher. The\n      // dispatcher invokes `lassoSelectAction`, which owns vertex buffering,\n      // overlay state, and the commit-on-end selection write.\n      bindings: [\n        {\n          spec: { kind: 'drag', mods: { shift: 'optional' } },\n          actionId: 'lassoSelect',\n          // Thunked so a mode or spacing change reaches the next gesture\n          // without rebuilding the tool.\n          opts: {\n            params: () => paramsRef.current,\n            ...(behaviors ? { behaviors } : {}),\n          },\n        },\n      ],\n    });\n  }, [options.keybinding, behaviors, paramsRef]);\n}\n"],"mappings":";;;;;AA6BA,SAAgBC,EAAa,IAA+B,CAAC,GAAS;CACpE,IAAMC,IAAYC,EAA6D;EAC7E,MAAMC,EAAQ,QAAQ;EACtB,GAAIA,EAAQ,qBAAqB,KAAA,IAA6D,CAAC,IAAlD,EAAE,kBAAkBA,EAAQ,iBAAiB;CAC5F,CAAC,GACK,EAAE,iBAAcA;CAEtB,OAAOC,QACEC,EAAW;EAChB,IAAI;EACJ,cAAc,CAAC,mBAAmB;EAClC,UAAU;EACV,GAAIF,EAAQ,eAAe,OAAO,CAAC,IAAI,EAAE,YAAYA,EAAQ,cAAc,EAAE,KAAK,IAAI,EAAE;EACxF,QAAQ;EACR,cAAc;GACZ,OAAO;GACP,MAAMG,EAAcP,CAAS;GAC7B,OAAO;EACT;EAIA,UAAU,CACR;GACE,MAAM;IAAE,MAAM;IAAQ,MAAM,EAAE,OAAO,WAAW;GAAE;GAClD,UAAU;GAGV,MAAM;IACJ,cAAcE,EAAU;IACxB,GAAIM,IAAY,EAAE,aAAU,IAAI,CAAC;GACnC;EACF,CACF;CACF,CAAC,GACA;EAACJ,EAAQ;EAAYI;EAAWN;CAAS,CAAC;AAC/C"}

package/dist/tools/builtin/line/useLineTool.js

@@ -9,6 +9,7 @@ function o(o = {}) {
 	let { behaviors: s } = o;
 	return r(() => e({
 		id: "line",
+		keybinding: { key: "\\" },
 		capabilities: ["creates-shapes"],
 		hookName: "useLineTool",
 		cursor: a("crosshairLine", { fallback: "crosshair" }),

package/dist/tools/builtin/line/useLineTool.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLineTool.js","names":["LineIcon","useLineTool","options","useMemo","defineTool","cursorFor","insertBindingBehaviors","behaviors"],"sources":["../../../../src/tools/builtin/line/useLineTool.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { defineTool } from '../../overlayBinding';\nimport { LineIcon } from '../../../icons';\nimport type { Tool } from '../../overlayBinding';\nimport { insertBindingBehaviors, type InsertToolOptions } from '../shared/insertToolOptions';\nimport { cursorFor } from '@weasel-js/cursor';\n\n/** An endpoint of a line, in world coordinates. */\nexport interface LinePoint { x: number; y: number }\n\n/**\n * Click-down → drag → release line tool. The `drag` binding routes to\n * `insertAction`, which owns the live preview and commits through the\n * `insert` dep with `{ kind: 'line', a, b }` endpoints (not the AABB\n * diagonal), so the drag direction is preserved.\n *\n * Modifiers are applied by `insertAction`:\n *   - shift: constrain to 15° increments\n *   - alt: mirror the end around the start (the drag is treated as a\n *     half-line) — the line-specific reading of the action's\n *     corner ⇄ center origin toggle\n */\nexport function useLineTool(options: InsertToolOptions = {}): Tool<null> {\n  const { behaviors } = options;\n  return useMemo(\n    () =>\n      defineTool<null>({\n        id: 'line',\n        capabilities: ['creates-shapes'],\n        hookName: 'useLineTool',\n        cursor: cursorFor('crosshairLine', { fallback: 'crosshair' }),\n        presentation: {\n          label: 'Line',\n          group: 'shape',\n          icon: <LineIcon />,\n        },\n        bindings: [\n          {\n            spec: { kind: 'drag' },\n            actionId: 'insert',\n            opts: { params: { kind: 'line' } , ...insertBindingBehaviors(behaviors) },\n          },\n        ],\n      }),\n    [behaviors],\n  );\n}\n"],"mappings":";;;;;;;AAsBA,SAAgBC,EAAY,IAA6B,CAAC,GAAe;CACvE,IAAM,EAAE,iBAAcC;CACtB,OAAOC,QAEHC,EAAiB;EACf,IAAI;EACJ,cAAc,CAAC,gBAAgB;EAC/B,UAAU;EACV,QAAQC,EAAU,iBAAiB,EAAE,UAAU,YAAY,CAAC;EAC5D,cAAc;GACZ,OAAO;GACP,OAAO;GACP,MAAM,kBAACL,GAAD,CAAW,CAAA;EACnB;EACA,UAAU,CACR;GACE,MAAM,EAAE,MAAM,OAAO;GACrB,UAAU;GACV,MAAM;IAAE,QAAQ,EAAE,MAAM,OAAO;IAAI,GAAGM,EAAuBC,CAAS;GAAE;EAC1E,CACF;CACF,CAAC,GACH,CAACA,CAAS,CACZ;AACF"}
+{"version":3,"file":"useLineTool.js","names":["LineIcon","useLineTool","options","useMemo","defineTool","cursorFor","insertBindingBehaviors","behaviors"],"sources":["../../../../src/tools/builtin/line/useLineTool.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { defineTool } from '../../overlayBinding';\nimport { LineIcon } from '../../../icons';\nimport type { Tool } from '../../overlayBinding';\nimport { insertBindingBehaviors, type InsertToolOptions } from '../shared/insertToolOptions';\nimport { cursorFor } from '@weasel-js/cursor';\n\n/** An endpoint of a line, in world coordinates. */\nexport interface LinePoint { x: number; y: number }\n\n/**\n * Drag-to-draw line tool. The `drag` binding routes to `insertAction`, which\n * commits through the `insert` dep with `{ kind: 'line', a, b }` endpoints\n * (not the AABB diagonal), so the drag direction is preserved.\n *\n * Shift constrains to 15° increments; alt mirrors the end around the start\n * (the drag is treated as a half-line).\n */\nexport function useLineTool(options: InsertToolOptions = {}): Tool {\n  const { behaviors } = options;\n  return useMemo(\n    () =>\n      defineTool({\n        id: 'line',\n        keybinding: { key: '\\\\' },\n        capabilities: ['creates-shapes'],\n        hookName: 'useLineTool',\n        cursor: cursorFor('crosshairLine', { fallback: 'crosshair' }),\n        presentation: {\n          label: 'Line',\n          group: 'shape',\n          icon: <LineIcon />,\n        },\n        bindings: [\n          {\n            spec: { kind: 'drag' },\n            actionId: 'insert',\n            opts: { params: { kind: 'line' } , ...insertBindingBehaviors(behaviors) },\n          },\n        ],\n      }),\n    [behaviors],\n  );\n}\n"],"mappings":";;;;;;;AAkBA,SAAgBC,EAAY,IAA6B,CAAC,GAAS;CACjE,IAAM,EAAE,iBAAcC;CACtB,OAAOC,QAEHC,EAAW;EACT,IAAI;EACJ,YAAY,EAAE,KAAK,KAAK;EACxB,cAAc,CAAC,gBAAgB;EAC/B,UAAU;EACV,QAAQC,EAAU,iBAAiB,EAAE,UAAU,YAAY,CAAC;EAC5D,cAAc;GACZ,OAAO;GACP,OAAO;GACP,MAAM,kBAACL,GAAD,CAAW,CAAA;EACnB;EACA,UAAU,CACR;GACE,MAAM,EAAE,MAAM,OAAO;GACrB,UAAU;GACV,MAAM;IAAE,QAAQ,EAAE,MAAM,OAAO;IAAI,GAAGM,EAAuBC,CAAS;GAAE;EAC1E,CACF;CACF,CAAC,GACH,CAACA,CAAS,CACZ;AACF"}