@weasel-js/core 1.10.0 → 1.11.0

package/dist/features/selection/handleCommands.js

@@ -0,0 +1,116 @@
+import { viewToTransform } from "../../core/viewport/view.js";
+import { worldToScreen } from "../../core/viewport/viewTransform.js";
+import { HANDLE_BASE_PX } from "../../core/device/targets.js";
+import { angleOf, localToWorld, targetTransformOf } from "../../core/geometry/targetFrame.js";
+import { handlePoint, resizeHandlesFor } from "../../interactions/actions/resize/cornerHandles.js";
+import { screenAngleOf } from "@weasel-js/geom";
+import { alignedStrokeRect } from "@weasel-js/paint";
+import { resolveStrokeWidth } from "@weasel-js/stroke";
+
+//#region src/features/selection/handleCommands.ts
+var DEFAULT_HANDLE_FILL = { paint: {
+	kind: "solid",
+	color: "#d4c4a8"
+} };
+var DEFAULT_HANDLE_OUTLINE = {
+	paint: {
+		kind: "solid",
+		color: "#1a130d"
+	},
+	width: 1
+};
+var DEFAULT_HANDLE_SIZE = HANDLE_BASE_PX;
+function resolveHandles(opts) {
+	return {
+		size: opts?.size ?? DEFAULT_HANDLE_SIZE,
+		fill: opts?.fill ?? DEFAULT_HANDLE_FILL,
+		outline: opts?.outline ?? DEFAULT_HANDLE_OUTLINE
+	};
+}
+/** GL helper: emit a closed rect path (kind:'rect'). */
+function rectPathFor(x, y, width, height) {
+	return {
+		kind: "rect",
+		x,
+		y,
+		width,
+		height
+	};
+}
+/**
+* GL helper: build the matrix `translate(cx, cy) * rotate(θ) * translate(-cx, -cy)`
+* used to wrap rotated outline / handle commands.
+*/
+function rotateAroundMat3(cx, cy, theta) {
+	const c = Math.cos(theta);
+	const s = Math.sin(theta);
+	const tx = cx - c * cx + s * cy;
+	const ty = cy - s * cx - c * cy;
+	return new Float32Array([
+		c,
+		s,
+		0,
+		-s,
+		c,
+		0,
+		tx,
+		ty,
+		1
+	]);
+}
+/** GL helper: emit handle fill+stroke commands for one bounds entry. */
+function handleCommandsFor(ids, resolveBounds, handles, handlesOf, layoutOpts, view) {
+	const layout = {
+		edges: true,
+		hitRadiusPx: HANDLE_BASE_PX,
+		...layoutOpts
+	};
+	const out = [];
+	const half = handles.size / 2;
+	const handleAlign = handles.outline.align ?? "center";
+	const handleWidth = resolveStrokeWidth(handles.outline.width ?? 1, 1);
+	for (const id of ids) {
+		const worldB = resolveBounds(id);
+		if (!worldB) continue;
+		const xf = targetTransformOf(worldB);
+		const t = viewToTransform(view);
+		const angle = screenAngleOf(angleOf(xf), view.scale);
+		const at = handlesOf ? handlesOf(worldB) : resizeHandlesFor(layout, worldB, xf, view.scale).map((c) => handlePoint(worldB, c));
+		for (const hLocal of at) {
+			const hWorld = localToWorld(xf, hLocal.x, hLocal.y);
+			const [hsx, hsy] = worldToScreen(hWorld.x, hWorld.y, t);
+			const center = {
+				x: hsx,
+				y: hsy
+			};
+			const baseRect = {
+				x: center.x - half,
+				y: center.y - half,
+				width: handles.size,
+				height: handles.size
+			};
+			const sr = alignedStrokeRect(baseRect, handleAlign, handleWidth);
+			const fillCmd = {
+				kind: "path",
+				path: rectPathFor(baseRect.x, baseRect.y, baseRect.width, baseRect.height),
+				fill: handles.fill
+			};
+			const strokeCmd = {
+				kind: "path",
+				path: rectPathFor(sr.x, sr.y, sr.width, sr.height),
+				stroke: handles.outline
+			};
+			if (angle === 0) out.push(fillCmd, strokeCmd);
+			else out.push({
+				kind: "group",
+				transform: rotateAroundMat3(center.x, center.y, angle),
+				children: [fillCmd, strokeCmd]
+			});
+		}
+	}
+	return out;
+}
+
+//#endregion
+export { handleCommandsFor, rectPathFor, resolveHandles };
+//# sourceMappingURL=handleCommands.js.map

package/dist/features/selection/handleCommands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleCommands.js","names":[],"sources":["../../../src/features/selection/handleCommands.ts"],"sourcesContent":["/**\n * The selection overlay's resize handles: their style, where the kit puts\n * them, and the commands that paint them.\n */\n\nimport type { DrawCommand, GlMat3 } from '@weasel-js/renderer';\nimport { alignedStrokeRect, type CommandStroke, type CommandFill } from '@weasel-js/paint';\nimport { resolveStrokeWidth } from '@weasel-js/stroke';\nimport { screenAngleOf } from '@weasel-js/geom';\nimport { angleOf, localToWorld, targetTransformOf } from 'core/geometry/targetFrame';\nimport type { Bounds } from 'core/viewport/fitViewToBounds';\nimport type { View } from 'core/viewport/view';\nimport { viewToTransform } from 'core/viewport/view';\nimport { worldToScreen } from 'core/viewport/viewTransform';\nimport { HANDLE_BASE_PX } from 'core/device/targets';\nimport {\n  handlePoint, resizeHandlesFor, type ResizeHandleLayout,\n} from 'interactions/actions/resize/cornerHandles';\n\nexport type { ResizeHandleLayout };\n\nconst DEFAULT_HANDLE_FILL: CommandFill = { paint: { kind: 'solid', color: '#d4c4a8' } };\nconst DEFAULT_HANDLE_OUTLINE: CommandStroke = {\n  paint: { kind: 'solid', color: '#1a130d' },\n  width: 1,\n};\nconst DEFAULT_HANDLE_SIZE = HANDLE_BASE_PX;\n\n\n/** Handle visuals, as a consumer supplies them. */\nexport interface SelectionHandleStyle {\n  size?: number;\n  fill?: CommandFill;\n  outline?: CommandStroke;\n}\n\nexport interface ResolvedHandles {\n  size: number;\n  fill: CommandFill;\n  outline: CommandStroke;\n}\n\nexport function resolveHandles(opts?: SelectionHandleStyle): ResolvedHandles {\n  return {\n    size: opts?.size ?? DEFAULT_HANDLE_SIZE,\n    fill: opts?.fill ?? DEFAULT_HANDLE_FILL,\n    outline: opts?.outline ?? DEFAULT_HANDLE_OUTLINE,\n  };\n}\n\n/** GL helper: emit a closed rect path (kind:'rect'). */\nexport function rectPathFor(x: number, y: number, width: number, height: number): { kind: 'rect'; x: number; y: number; width: number; height: number } {\n  return { kind: 'rect', x, y, width, height };\n}\n\n/**\n * GL helper: build the matrix `translate(cx, cy) * rotate(θ) * translate(-cx, -cy)`\n * used to wrap rotated outline / handle commands.\n */\nfunction rotateAroundMat3(cx: number, cy: number, theta: number): GlMat3 {\n  const c = Math.cos(theta);\n  const s = Math.sin(theta);\n  // Composed in column-major (matches mat3 helpers): T(cx,cy) · R(θ) · T(-cx,-cy).\n  // After expansion: a=c, b=s, c'=-s, d=c, tx=cx - c*cx + s*cy, ty=cy - s*cx - c*cy.\n  const tx = cx - c * cx + s * cy;\n  const ty = cy - s * cx - c * cy;\n  return new Float32Array([\n    c, s, 0,\n    -s, c, 0,\n    tx, ty, 1,\n  ]) as GlMat3;\n}\n\n/** GL helper: emit handle fill+stroke commands for one bounds entry. */\nexport function handleCommandsFor(\n  ids: readonly string[],\n  resolveBounds: (id: string) => Bounds | null,\n  handles: ResolvedHandles,\n  handlesOf: ((b: Bounds) => { x: number; y: number }[]) | undefined,\n  layoutOpts: Partial<ResizeHandleLayout> | undefined,\n  view: View,\n): DrawCommand[] {\n  const layout: ResizeHandleLayout = { edges: true, hitRadiusPx: HANDLE_BASE_PX, ...layoutOpts };\n  const out: DrawCommand[] = [];\n  const half = handles.size / 2;\n  const handleAlign = handles.outline.align ?? 'center';\n  const handleWidth = resolveStrokeWidth(handles.outline.width ?? 1, 1);\n  for (const id of ids) {\n    const worldB = resolveBounds(id);\n    if (!worldB) continue;\n    // Framed in world, then projected: turning the projected point instead\n    // lands somewhere else under non-uniform zoom.\n    const xf = targetTransformOf(worldB);\n    const t = viewToTransform(view);\n    const angle = screenAngleOf(angleOf(xf), view.scale);\n    const at = handlesOf\n      ? handlesOf(worldB)\n      : resizeHandlesFor(layout, worldB, xf, view.scale).map((c) => handlePoint(worldB, c));\n    for (const hLocal of at) {\n      const hWorld = localToWorld(xf, hLocal.x, hLocal.y);\n      const [hsx, hsy] = worldToScreen(hWorld.x, hWorld.y, t);\n      const center = { x: hsx, y: hsy };\n      const baseRect = {\n        x: center.x - half,\n        y: center.y - half,\n        width: handles.size,\n        height: handles.size,\n      };\n      const sr = alignedStrokeRect(baseRect, handleAlign, handleWidth);\n      const fillCmd: DrawCommand = {\n        kind: 'path',\n        path: rectPathFor(baseRect.x, baseRect.y, baseRect.width, baseRect.height),\n        fill: handles.fill,\n      };\n      const strokeCmd: DrawCommand = {\n        kind: 'path',\n        path: rectPathFor(sr.x, sr.y, sr.width, sr.height),\n        stroke: handles.outline,\n      };\n      if (angle === 0) {\n        out.push(fillCmd, strokeCmd);\n      } else {\n        out.push({\n          kind: 'group',\n          transform: rotateAroundMat3(center.x, center.y, angle),\n          children: [fillCmd, strokeCmd],\n        });\n      }\n    }\n  }\n  return out;\n}\n"],"mappings":";;;;;;;;;;AAqBA,IAAM,sBAAmC,EAAE,OAAO;CAAE,MAAM;CAAS,OAAO;AAAU,EAAE;AACtF,IAAM,yBAAwC;CAC5C,OAAO;EAAE,MAAM;EAAS,OAAO;CAAU;CACzC,OAAO;AACT;AACA,IAAM,sBAAsB;AAgB5B,SAAgB,eAAe,MAA8C;CAC3E,OAAO;EACL,MAAM,MAAM,QAAQ;EACpB,MAAM,MAAM,QAAQ;EACpB,SAAS,MAAM,WAAW;CAC5B;AACF;;AAGA,SAAgB,YAAY,GAAW,GAAW,OAAe,QAAuF;CACtJ,OAAO;EAAE,MAAM;EAAQ;EAAG;EAAG;EAAO;CAAO;AAC7C;;;;;AAMA,SAAS,iBAAiB,IAAY,IAAY,OAAuB;CACvE,MAAM,IAAI,KAAK,IAAI,KAAK;CACxB,MAAM,IAAI,KAAK,IAAI,KAAK;CAGxB,MAAM,KAAK,KAAK,IAAI,KAAK,IAAI;CAC7B,MAAM,KAAK,KAAK,IAAI,KAAK,IAAI;CAC7B,OAAO,IAAI,aAAa;EACtB;EAAG;EAAG;EACN,CAAC;EAAG;EAAG;EACP;EAAI;EAAI;CACV,CAAC;AACH;;AAGA,SAAgB,kBACd,KACA,eACA,SACA,WACA,YACA,MACe;CACf,MAAM,SAA6B;EAAE,OAAO;EAAM,aAAa;EAAgB,GAAG;CAAW;CAC7F,MAAM,MAAqB,CAAC;CAC5B,MAAM,OAAO,QAAQ,OAAO;CAC5B,MAAM,cAAc,QAAQ,QAAQ,SAAS;CAC7C,MAAM,cAAc,mBAAmB,QAAQ,QAAQ,SAAS,GAAG,CAAC;CACpE,KAAK,MAAM,MAAM,KAAK;EACpB,MAAM,SAAS,cAAc,EAAE;EAC/B,IAAI,CAAC,QAAQ;EAGb,MAAM,KAAK,kBAAkB,MAAM;EACnC,MAAM,IAAI,gBAAgB,IAAI;EAC9B,MAAM,QAAQ,cAAc,QAAQ,EAAE,GAAG,KAAK,KAAK;EACnD,MAAM,KAAK,YACP,UAAU,MAAM,IAChB,iBAAiB,QAAQ,QAAQ,IAAI,KAAK,KAAK,CAAC,CAAC,KAAK,MAAM,YAAY,QAAQ,CAAC,CAAC;EACtF,KAAK,MAAM,UAAU,IAAI;GACvB,MAAM,SAAS,aAAa,IAAI,OAAO,GAAG,OAAO,CAAC;GAClD,MAAM,CAAC,KAAK,OAAO,cAAc,OAAO,GAAG,OAAO,GAAG,CAAC;GACtD,MAAM,SAAS;IAAE,GAAG;IAAK,GAAG;GAAI;GAChC,MAAM,WAAW;IACf,GAAG,OAAO,IAAI;IACd,GAAG,OAAO,IAAI;IACd,OAAO,QAAQ;IACf,QAAQ,QAAQ;GAClB;GACA,MAAM,KAAK,kBAAkB,UAAU,aAAa,WAAW;GAC/D,MAAM,UAAuB;IAC3B,MAAM;IACN,MAAM,YAAY,SAAS,GAAG,SAAS,GAAG,SAAS,OAAO,SAAS,MAAM;IACzE,MAAM,QAAQ;GAChB;GACA,MAAM,YAAyB;IAC7B,MAAM;IACN,MAAM,YAAY,GAAG,GAAG,GAAG,GAAG,GAAG,OAAO,GAAG,MAAM;IACjD,QAAQ,QAAQ;GAClB;GACA,IAAI,UAAU,GACZ,IAAI,KAAK,SAAS,SAAS;QAE3B,IAAI,KAAK;IACP,MAAM;IACN,WAAW,iBAAiB,OAAO,GAAG,OAAO,GAAG,KAAK;IACrD,UAAU,CAAC,SAAS,SAAS;GAC/B,CAAC;EAEL;CACF;CACA,OAAO;AACT"}