@weasel-js/core 1.15.0 → 1.15.2

package/dist/domains/measure/measureGestures.js

@@ -1,13 +1,13 @@
-import { measureBetween, measureEndsOf, withMeasureEnd } from "./measurement.js";
 import { commitOps } from "../../interactions/actions/defaultCommitAdapter.js";
 import { SNAP_ANGLE_STEP, SNAP_ROLES, snapMods } from "../snap/roles.js";
 import { spanSnap } from "../snap/spanSnap.js";
+import { measureBetween, measureEndsOf, withMeasureEnd } from "./measurement.js";
 import { measureAt } from "./measureHit.js";
 import { addMeasureOp, moveEndOps, moveMeasureOps, translatedMeasure } from "./measureEdits.js";
 import { MEASURE_ACTION_IDS } from "./actionIds.js";
 import { resolveParams } from "@weasel-js/routing";
 
-//#region src/domains/measure/measureGestures.ts
+// src/domains/measure/measureGestures.ts
 /** Screen-px radius around a measurement that picks it. */
 var MEASURE_HIT_PX = 6;
 var pointOf = (at) => at.drag?.current ?? at.world;
@@ -177,6 +177,5 @@ function measureDragAction(ms) {
 	};
 }
 
-//#endregion
 export { MEASURE_HIT_PX, hitOf, measureCreateAction, measureDragAction, measurePickAction, measurePickAtAction, pxToWorld };
 //# sourceMappingURL=measureGestures.js.map

package/dist/domains/measure/measureHit.js

@@ -1,16 +1,10 @@
-import { nodesAsShown, shownLookup } from "../../core/scene/nodeAsShown.js";
 import { measureEndsOf } from "./measurement.js";
-import { nodeGates } from "../../core/scene/nodeGates.js";
 import { measureIds } from "./measurements.js";
+import { nodesAsShown, shownLookup } from "../../core/scene/nodeAsShown.js";
+import { nodeGates } from "../../core/scene/nodeGates.js";
+import { pointSegmentDist } from "@weasel-js/geom";
 
-//#region src/domains/measure/measureHit.ts
-function distanceToSegment(p, a, b) {
-	const dx = b.x - a.x;
-	const dy = b.y - a.y;
-	const len2 = dx * dx + dy * dy;
-	const t = len2 === 0 ? 0 : Math.max(0, Math.min(1, ((p.x - a.x) * dx + (p.y - a.y) * dy) / len2));
-	return Math.hypot(p.x - (a.x + t * dx), p.y - (a.y + t * dy));
-}
+// src/domains/measure/measureHit.ts
 /**
 * The measurement under `p`, newest first: an end within `tolerance` world
 * units of it, else a line within the same distance. A hidden or locked
@@ -30,7 +24,7 @@ function measureAt(scene, ms, p, tolerance) {
 	}
 	for (const id of ids) {
 		const ends = measureEndsOf(shown.get(id));
-		if (ends && distanceToSegment(p, ends.start, ends.end) <= tolerance) return {
+		if (ends && pointSegmentDist(p.x, p.y, ends.start.x, ends.start.y, ends.end.x, ends.end.y) <= tolerance) return {
 			id,
 			part: "line"
 		};
@@ -77,6 +71,5 @@ function measureEndSource(opts = {}) {
 	};
 }
 
-//#endregion
 export { measureAt, measureEndSource };
 //# sourceMappingURL=measureHit.js.map

package/dist/domains/measure/measureHit.js.map

@@ -1 +1 @@
-{"version":3,"file":"measureHit.js","names":[],"sources":["../../../src/domains/measure/measureHit.ts"],"sourcesContent":["import type { NodeId, Scene } from 'core/scene/types';\nimport { measureEndsOf, type MeasureEnd, type MeasurePoint } from './measurement';\nimport { measureIds, type Measurements } from './measurements';\nimport { nodesAsShown, shownLookup } from 'core/scene/nodeAsShown';\nimport { nodeGates } from 'core/scene/nodeGates';\nimport type { SnapSource } from 'domains/snap/types';\n\n/** Which part of which measurement lies under a point. */\nexport interface MeasureHit {\n  id: NodeId;\n  part: MeasureEnd | 'line';\n}\n\n\nfunction distanceToSegment(p: MeasurePoint, a: MeasurePoint, b: MeasurePoint): number {\n  const dx = b.x - a.x;\n  const dy = b.y - a.y;\n  const len2 = dx * dx + dy * dy;\n  const t = len2 === 0 ? 0 : Math.max(0, Math.min(1, ((p.x - a.x) * dx + (p.y - a.y) * dy) / len2));\n  return Math.hypot(p.x - (a.x + t * dx), p.y - (a.y + t * dy));\n}\n\n/**\n * The measurement under `p`, newest first: an end within `tolerance` world\n * units of it, else a line within the same distance. A hidden or locked\n * measurement (`nodeGates`) is passed over.\n */\nexport function measureAt(\n  scene: Pick<Scene<unknown, string, unknown>, 'nodesOnLayer' | 'get' | 'layers' | 'overrides'>,\n  ms: Pick<Measurements, 'layer'>,\n  p: MeasurePoint,\n  tolerance: number,\n): MeasureHit | null {\n  const gates = nodeGates(scene);\n  // Hit where the ends are shown: a gesture moving one publishes it as a data override.\n  const shown = shownLookup(scene);\n  const ids = measureIds(scene, ms).reverse().filter((id) => !gates.hidden(id) && !gates.locked(id));\n  for (const id of ids) {\n    const ends = measureEndsOf(shown.get(id));\n    if (!ends) continue;\n    for (const part of ['end', 'start'] as const) {\n      if (Math.hypot(p.x - ends[part].x, p.y - ends[part].y) <= tolerance) return { id, part };\n    }\n  }\n  for (const id of ids) {\n    const ends = measureEndsOf(shown.get(id));\n    if (ends && distanceToSegment(p, ends.start, ends.end) <= tolerance) return { id, part: 'line' };\n  }\n  return null;\n}\n\n/** Options for `measureEndSource`. */\nexport interface MeasureEndSourceOptions {\n  /** Overrides the canvas's reach for measurement ends, in screen px. */\n  reachPx?: number;\n}\n\n/** The ends of every shown measurement as snap targets for a pointer probe. */\nexport function measureEndSource(opts: MeasureEndSourceOptions = {}): SnapSource {\n  return {\n    id: 'measure-ends',\n    roles: ['pointer'],\n    ...(opts.reachPx !== undefined ? { reachPx: opts.reachPx } : {}),\n    *collect(q) {\n      if (!q.scene) return;\n      const gates = nodeGates(q.scene);\n      const skip = new Set(q.exclude);\n      const reach = q.reachWorld(q.reachPx);\n      for (const node of nodesAsShown(q.scene.overrides, q.scene.renderOrderNodes())) {\n        const ends = measureEndsOf(node);\n        if (!ends || skip.has(node.id) || gates.hidden(node.id)) continue;\n        for (const end of [ends.start, ends.end]) {\n          const at = { x: end.x, y: end.y };\n          for (const p of q.probes) {\n            if (Math.hypot(at.x - p.at.x, at.y - p.at.y) > reach) continue;\n            yield { probe: p.id, locus: { at, dirs: [] }, mark: { kind: 'point', at, glyph: 'center' } };\n          }\n        }\n      }\n    },\n  };\n}\n"],"mappings":";;;;;;AAcA,SAAS,kBAAkB,GAAiB,GAAiB,GAAyB;CACpF,MAAM,KAAK,EAAE,IAAI,EAAE;CACnB,MAAM,KAAK,EAAE,IAAI,EAAE;CACnB,MAAM,OAAO,KAAK,KAAK,KAAK;CAC5B,MAAM,IAAI,SAAS,IAAI,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,EAAE,IAAI,EAAE,KAAK,MAAM,EAAE,IAAI,EAAE,KAAK,MAAM,IAAI,CAAC;CAChG,OAAO,KAAK,MAAM,EAAE,KAAK,EAAE,IAAI,IAAI,KAAK,EAAE,KAAK,EAAE,IAAI,IAAI,GAAG;AAC9D;;;;;;AAOA,SAAgB,UACd,OACA,IACA,GACA,WACmB;CACnB,MAAM,QAAQ,UAAU,KAAK;CAE7B,MAAM,QAAQ,YAAY,KAAK;CAC/B,MAAM,MAAM,WAAW,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,OAAO,CAAC,MAAM,OAAO,EAAE,KAAK,CAAC,MAAM,OAAO,EAAE,CAAC;CACjG,KAAK,MAAM,MAAM,KAAK;EACpB,MAAM,OAAO,cAAc,MAAM,IAAI,EAAE,CAAC;EACxC,IAAI,CAAC,MAAM;EACX,KAAK,MAAM,QAAQ,CAAC,OAAO,OAAO,GAChC,IAAI,KAAK,MAAM,EAAE,IAAI,KAAK,KAAK,CAAC,GAAG,EAAE,IAAI,KAAK,KAAK,CAAC,CAAC,KAAK,WAAW,OAAO;GAAE;GAAI;EAAK;CAE3F;CACA,KAAK,MAAM,MAAM,KAAK;EACpB,MAAM,OAAO,cAAc,MAAM,IAAI,EAAE,CAAC;EACxC,IAAI,QAAQ,kBAAkB,GAAG,KAAK,OAAO,KAAK,GAAG,KAAK,WAAW,OAAO;GAAE;GAAI,MAAM;EAAO;CACjG;CACA,OAAO;AACT;;AASA,SAAgB,iBAAiB,OAAgC,CAAC,GAAe;CAC/E,OAAO;EACL,IAAI;EACJ,OAAO,CAAC,SAAS;EACjB,GAAI,KAAK,YAAY,SAAY,EAAE,SAAS,KAAK,QAAQ,IAAI,CAAC;EAC9D,CAAC,QAAQ,GAAG;GACV,IAAI,CAAC,EAAE,OAAO;GACd,MAAM,QAAQ,UAAU,EAAE,KAAK;GAC/B,MAAM,OAAO,IAAI,IAAI,EAAE,OAAO;GAC9B,MAAM,QAAQ,EAAE,WAAW,EAAE,OAAO;GACpC,KAAK,MAAM,QAAQ,aAAa,EAAE,MAAM,WAAW,EAAE,MAAM,iBAAiB,CAAC,GAAG;IAC9E,MAAM,OAAO,cAAc,IAAI;IAC/B,IAAI,CAAC,QAAQ,KAAK,IAAI,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK,EAAE,GAAG;IACzD,KAAK,MAAM,OAAO,CAAC,KAAK,OAAO,KAAK,GAAG,GAAG;KACxC,MAAM,KAAK;MAAE,GAAG,IAAI;MAAG,GAAG,IAAI;KAAE;KAChC,KAAK,MAAM,KAAK,EAAE,QAAQ;MACxB,IAAI,KAAK,MAAM,GAAG,IAAI,EAAE,GAAG,GAAG,GAAG,IAAI,EAAE,GAAG,CAAC,IAAI,OAAO;MACtD,MAAM;OAAE,OAAO,EAAE;OAAI,OAAO;QAAE;QAAI,MAAM,CAAC;OAAE;OAAG,MAAM;QAAE,MAAM;QAAS;QAAI,OAAO;OAAS;MAAE;KAC7F;IACF;GACF;EACF;CACF;AACF"}
+{"version":3,"file":"measureHit.js","names":[],"sources":["../../../src/domains/measure/measureHit.ts"],"sourcesContent":["import { pointSegmentDist } from '@weasel-js/geom';\nimport type { NodeId, Scene } from 'core/scene/types';\nimport { measureEndsOf, type MeasureEnd, type MeasurePoint } from './measurement';\nimport { measureIds, type Measurements } from './measurements';\nimport { nodesAsShown, shownLookup } from 'core/scene/nodeAsShown';\nimport { nodeGates } from 'core/scene/nodeGates';\nimport type { SnapSource } from 'domains/snap/types';\n\n/** Which part of which measurement lies under a point. */\nexport interface MeasureHit {\n  id: NodeId;\n  part: MeasureEnd | 'line';\n}\n\n\n/**\n * The measurement under `p`, newest first: an end within `tolerance` world\n * units of it, else a line within the same distance. A hidden or locked\n * measurement (`nodeGates`) is passed over.\n */\nexport function measureAt(\n  scene: Pick<Scene<unknown, string, unknown>, 'nodesOnLayer' | 'get' | 'layers' | 'overrides'>,\n  ms: Pick<Measurements, 'layer'>,\n  p: MeasurePoint,\n  tolerance: number,\n): MeasureHit | null {\n  const gates = nodeGates(scene);\n  // Hit where the ends are shown: a gesture moving one publishes it as a data override.\n  const shown = shownLookup(scene);\n  const ids = measureIds(scene, ms).reverse().filter((id) => !gates.hidden(id) && !gates.locked(id));\n  for (const id of ids) {\n    const ends = measureEndsOf(shown.get(id));\n    if (!ends) continue;\n    for (const part of ['end', 'start'] as const) {\n      if (Math.hypot(p.x - ends[part].x, p.y - ends[part].y) <= tolerance) return { id, part };\n    }\n  }\n  for (const id of ids) {\n    const ends = measureEndsOf(shown.get(id));\n    if (ends && pointSegmentDist(p.x, p.y, ends.start.x, ends.start.y, ends.end.x, ends.end.y) <= tolerance) return { id, part: 'line' };\n  }\n  return null;\n}\n\n/** Options for `measureEndSource`. */\nexport interface MeasureEndSourceOptions {\n  /** Overrides the canvas's reach for measurement ends, in screen px. */\n  reachPx?: number;\n}\n\n/** The ends of every shown measurement as snap targets for a pointer probe. */\nexport function measureEndSource(opts: MeasureEndSourceOptions = {}): SnapSource {\n  return {\n    id: 'measure-ends',\n    roles: ['pointer'],\n    ...(opts.reachPx !== undefined ? { reachPx: opts.reachPx } : {}),\n    *collect(q) {\n      if (!q.scene) return;\n      const gates = nodeGates(q.scene);\n      const skip = new Set(q.exclude);\n      const reach = q.reachWorld(q.reachPx);\n      for (const node of nodesAsShown(q.scene.overrides, q.scene.renderOrderNodes())) {\n        const ends = measureEndsOf(node);\n        if (!ends || skip.has(node.id) || gates.hidden(node.id)) continue;\n        for (const end of [ends.start, ends.end]) {\n          const at = { x: end.x, y: end.y };\n          for (const p of q.probes) {\n            if (Math.hypot(at.x - p.at.x, at.y - p.at.y) > reach) continue;\n            yield { probe: p.id, locus: { at, dirs: [] }, mark: { kind: 'point', at, glyph: 'center' } };\n          }\n        }\n      }\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;AAoBA,SAAgB,UACd,OACA,IACA,GACA,WACmB;CACnB,MAAM,QAAQ,UAAU,KAAK;CAE7B,MAAM,QAAQ,YAAY,KAAK;CAC/B,MAAM,MAAM,WAAW,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,OAAO,CAAC,MAAM,OAAO,EAAE,KAAK,CAAC,MAAM,OAAO,EAAE,CAAC;CACjG,KAAK,MAAM,MAAM,KAAK;EACpB,MAAM,OAAO,cAAc,MAAM,IAAI,EAAE,CAAC;EACxC,IAAI,CAAC,MAAM;EACX,KAAK,MAAM,QAAQ,CAAC,OAAO,OAAO,GAChC,IAAI,KAAK,MAAM,EAAE,IAAI,KAAK,KAAK,CAAC,GAAG,EAAE,IAAI,KAAK,KAAK,CAAC,CAAC,KAAK,WAAW,OAAO;GAAE;GAAI;EAAK;CAE3F;CACA,KAAK,MAAM,MAAM,KAAK;EACpB,MAAM,OAAO,cAAc,MAAM,IAAI,EAAE,CAAC;EACxC,IAAI,QAAQ,iBAAiB,EAAE,GAAG,EAAE,GAAG,KAAK,MAAM,GAAG,KAAK,MAAM,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,CAAC,KAAK,WAAW,OAAO;GAAE;GAAI,MAAM;EAAO;CACrI;CACA,OAAO;AACT;;AASA,SAAgB,iBAAiB,OAAgC,CAAC,GAAe;CAC/E,OAAO;EACL,IAAI;EACJ,OAAO,CAAC,SAAS;EACjB,GAAI,KAAK,YAAY,SAAY,EAAE,SAAS,KAAK,QAAQ,IAAI,CAAC;EAC9D,CAAC,QAAQ,GAAG;GACV,IAAI,CAAC,EAAE,OAAO;GACd,MAAM,QAAQ,UAAU,EAAE,KAAK;GAC/B,MAAM,OAAO,IAAI,IAAI,EAAE,OAAO;GAC9B,MAAM,QAAQ,EAAE,WAAW,EAAE,OAAO;GACpC,KAAK,MAAM,QAAQ,aAAa,EAAE,MAAM,WAAW,EAAE,MAAM,iBAAiB,CAAC,GAAG;IAC9E,MAAM,OAAO,cAAc,IAAI;IAC/B,IAAI,CAAC,QAAQ,KAAK,IAAI,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK,EAAE,GAAG;IACzD,KAAK,MAAM,OAAO,CAAC,KAAK,OAAO,KAAK,GAAG,GAAG;KACxC,MAAM,KAAK;MAAE,GAAG,IAAI;MAAG,GAAG,IAAI;KAAE;KAChC,KAAK,MAAM,KAAK,EAAE,QAAQ;MACxB,IAAI,KAAK,MAAM,GAAG,IAAI,EAAE,GAAG,GAAG,GAAG,IAAI,EAAE,GAAG,CAAC,IAAI,OAAO;MACtD,MAAM;OAAE,OAAO,EAAE;OAAI,OAAO;QAAE;QAAI,MAAM,CAAC;OAAE;OAAG,MAAM;QAAE,MAAM;QAAS;QAAI,OAAO;OAAS;MAAE;KAC7F;IACF;GACF;EACF;CACF;AACF"}

package/dist/domains/measure/measureLayer.js

@@ -1,13 +1,13 @@
-import { viewToTransform } from "../../core/viewport/view.js";
 import { worldToScreen } from "../../core/viewport/viewTransform.js";
+import { viewToTransform } from "../../core/viewport/view.js";
 import { OVERLAY_ROLE_STROKES } from "../../canvas/overlayRoleStrokes.js";
-import { measureEndsOf } from "./measurement.js";
 import { measureCommands } from "../../canvas/nodeShapes/measurePainter.js";
+import { measureEndsOf } from "./measurement.js";
 import { measureAt } from "./measureHit.js";
 import { MEASURE_HIT_PX } from "./measureGestures.js";
 import { rectPath } from "@weasel-js/geom";
 
-//#region src/domains/measure/measureLayer.ts
+// src/domains/measure/measureLayer.ts
 /** The registered layer's id; a press it claims routes as `layer:<id>`. */
 var MEASURE_LAYER_ID = "weasel-measure";
 /** The affordance kind a press on a measurement routes under. */
@@ -81,6 +81,5 @@ function measurementsLayer(scene, ms) {
 	};
 }
 
-//#endregion
 export { MEASURE_AFFORDANCE_KIND, MEASURE_LAYER_ID, measurementsLayer };
 //# sourceMappingURL=measureLayer.js.map

package/dist/domains/measure/measurement.js

@@ -1,4 +1,4 @@
-//#region src/domains/measure/measurement.ts
+// src/domains/measure/measurement.ts
 /** Measure from `start` to `end`. */
 function measureBetween(start, end) {
 	const dx = end.x - start.x;
@@ -74,6 +74,5 @@ function withMeasureEnd(node, which, to) {
 	};
 }
 
-//#endregion
 export { measureBetween, measureEndsOf, measureNode, measurePose, measurementOf, withMeasureEnd };
 //# sourceMappingURL=measurement.js.map

package/dist/domains/measure/measurements.js

@@ -1,7 +1,7 @@
 import { measurementOf } from "./measurement.js";
 import { createEmitter } from "@weasel-js/registry";
 
-//#region src/domains/measure/measurements.ts
+// src/domains/measure/measurements.ts
 function cell(initial) {
 	let value = initial;
 	const changed = createEmitter();
@@ -36,6 +36,5 @@ function currentMeasureId(scene, ms) {
 	return measureIds(scene, ms).at(-1) ?? null;
 }
 
-//#endregion
 export { createMeasurements, currentMeasureId, measureIds };
 //# sourceMappingURL=measurements.js.map

package/dist/domains/modes/modeLayers.js

@@ -1,7 +1,7 @@
 import { viewToTransform } from "../../core/viewport/view.js";
 import { worldToScreen } from "../../core/viewport/viewTransform.js";
 
-//#region src/domains/modes/modeLayers.ts
+// src/domains/modes/modeLayers.ts
 var DEFAULT_INTENSITY = .12;
 /**
 * A screen-space layer painting the active mode's `WorkspaceVisual`, or the `fallback`'s in a
@@ -141,6 +141,5 @@ function modeDecorationLayer(decorations, opts = {}) {
 	};
 }
 
-//#endregion
 export { modeDecorationLayer, workspaceTintLayer };
 //# sourceMappingURL=modeLayers.js.map

package/dist/domains/modes/modeTriggers.js

@@ -1,7 +1,7 @@
 import { ActionDisabledReason } from "@weasel-js/routing";
 import { modeLabel } from "@weasel-js/modes";
 
-//#region src/domains/modes/modeTriggers.ts
+// src/domains/modes/modeTriggers.ts
 /**
 * The registry's double-click entries as an always-on contribution: for each mode whose
 * `entry.trigger` is `'double-click-target'`, one action bound to a double-click on each routing
@@ -62,6 +62,5 @@ function triggerAction(mode, targets, enter, canEnter) {
 	};
 }
 
-//#endregion
 export { modeTriggers };
 //# sourceMappingURL=modeTriggers.js.map

package/dist/domains/pathEffects/effectSources.js

@@ -1,8 +1,8 @@
-import { sourcesOf } from "../../core/scene/dependents.js";
 import { pathEffectOf } from "../../core/scene/pathEffects/derive.js";
+import { sourcesOf } from "../../core/scene/dependents.js";
 import { isTextData } from "@weasel-js/text";
 
-//#region src/domains/pathEffects/effectSources.ts
+// src/domains/pathEffects/effectSources.ts
 /**
 * A path effect that hides its sources is edited through itself: its text and
 * its path are reached from the effect node.
@@ -64,6 +64,5 @@ function hiddenSourcesTakenWith(scene, ids, keep = /* @__PURE__ */ new Set()) {
 	return taken;
 }
 
-//#endregion
 export { effectSourceFor, hiddenSourcesTakenWith, sourcesHiddenBy };
 //# sourceMappingURL=effectSources.js.map

package/dist/domains/pathEffects/index.js

@@ -1,7 +1,7 @@
 import { PATH_EFFECT, createPathEffectDerivations } from "../../core/scene/pathEffects/derive.js";
 import { readEffectSource } from "./readSource.js";
 
-//#region src/domains/pathEffects/index.ts
+// src/domains/pathEffects/index.ts
 /**
 * The kit's path effects, wired to its painters: the derivations a scene
 * holding blends, bends and repeats registers, and the registry helper that
@@ -30,6 +30,5 @@ function withPathEffectsRegistry(registry = {}) {
 	};
 }
 
-//#endregion
 export { PATH_EFFECT_DERIVATIONS, readEffectSource, withPathEffectsRegistry };
 //# sourceMappingURL=index.js.map

package/dist/domains/pathEffects/readSource.js

@@ -1,12 +1,12 @@
-import { noteFontRead } from "../../core/scene/fontReads.js";
+import { findNodeShape } from "../../canvas/NodeShape.js";
 import { isRectPose } from "../../core/geometry/autoPoseDescriptor.js";
+import { noteFontRead } from "../../core/scene/fontReads.js";
 import { pathPaintOf } from "../../canvas/nodeShapes/nodePaint.js";
-import { findNodeShape } from "../../canvas/NodeShape.js";
 import { textEffectItems } from "./textItems.js";
 import { pathThroughPoseFrame, poseLinearOf } from "@weasel-js/geom";
 import { isTextData } from "@weasel-js/text";
 
-//#region src/domains/pathEffects/readSource.ts
+// src/domains/pathEffects/readSource.ts
 /**
 * How the kit's path effects read a source node: its outline from its
 * painter's silhouette, its paint as `kit:path` resolves it.
@@ -57,6 +57,5 @@ function readShape(dep) {
 	};
 }
 
-//#endregion
 export { readEffectSource };
 //# sourceMappingURL=readSource.js.map

package/dist/domains/pathEffects/textItems.js

@@ -2,7 +2,7 @@ import { noteFontRead } from "../../core/scene/fontReads.js";
 import { poseFrameOf, transformPath } from "@weasel-js/geom";
 import { TextOutlinesError, loadTextOutlines, textClusters } from "@weasel-js/text";
 
-//#region src/domains/pathEffects/textItems.ts
+// src/domains/pathEffects/textItems.ts
 /**
 * A text node as a path effect's items: its first line's grapheme clusters,
 * each one's outlines and decoration rules in its own frame, sized as the node
@@ -57,6 +57,5 @@ function scaleOf(pose) {
 	return m === null ? 1 : Math.sqrt(Math.abs(m[0] * m[3] - m[1] * m[2]));
 }
 
-//#endregion
 export { textEffectItems };
 //# sourceMappingURL=textItems.js.map

package/dist/domains/pathEffects/useEffectSourcesLayer.js

@@ -1,12 +1,12 @@
-import { sceneDepLookup } from "../../canvas/derivedPath.js";
-import { sourcesHiddenBy } from "./effectSources.js";
 import { PATH_OVERLAY_ROLES } from "../../canvas/pathOverlay.js";
+import { sceneDepLookup } from "../../canvas/derivedPath.js";
 import { chromeStateFrom } from "../../canvas/drawEnvelope.js";
+import { sourcesHiddenBy } from "./effectSources.js";
 import { readEffectSource } from "./readSource.js";
 import { useMemo } from "react";
 import { useLatest } from "@weasel-js/react";
 
-//#region src/domains/pathEffects/useEffectSourcesLayer.ts
+// src/domains/pathEffects/useEffectSourcesLayer.ts
 /**
 * The layer that shows what a selected path effect was made from: the outlines
 * of the sources it hides, drawn faintly under the selection chrome.
@@ -48,6 +48,5 @@ function useEffectSourcesLayer(scene) {
 	}), [sceneRef]);
 }
 
-//#endregion
 export { useEffectSourcesLayer };
 //# sourceMappingURL=useEffectSourcesLayer.js.map

package/dist/domains/paths/anchorData.js

@@ -2,7 +2,7 @@ import { remapSkin } from "../../animation/rig/skinBinding.js";
 import { anchorOriginsOf, remapAnchorValues } from "@weasel-js/geom";
 import { vertexHalfWidths, vertexWidthFromSides } from "@weasel-js/paint";
 
-//#region src/domains/paths/anchorData.ts
+// src/domains/paths/anchorData.ts
 /**
 * What a node keeps per anchor or per point of its path beside the geometry,
 * carried through an anchor edit: a skin's weights, the fill's and the
@@ -60,6 +60,5 @@ function anchorDataPatch(data, before, after, origins) {
 	return patch;
 }
 
-//#endregion
 export { anchorDataPatch };
 //# sourceMappingURL=anchorData.js.map

package/dist/domains/paths/anchorMarkers.js

@@ -1,6 +1,6 @@
-import { circlePath, linePath, pathToAnchors, resolveCorners, squarePath, worldCoords } from "@weasel-js/geom";
+import { circlePath, linePath, pathToAnchors, resolveCorners, squarePath, viewWorldToScreen, worldCoords } from "@weasel-js/geom";
 
-//#region src/domains/paths/anchorMarkers.ts
+// src/domains/paths/anchorMarkers.ts
 /** The path-edit overlay's look where a {@link PathEditingOverlayStyle} leaves a field out. */
 var DEFAULT_OVERLAY_STYLE = {
 	anchorSizePx: 8,
@@ -16,12 +16,6 @@ var DEFAULT_OVERLAY_STYLE = {
 	marqueeStroke: "#3478f6",
 	marqueeFill: "rgba(52, 120, 246, 0.08)"
 };
-function worldToScreen(p, view) {
-	return {
-		x: (p.x - view.x) * view.scale.x,
-		y: (p.y - view.y) * view.scale.y
-	};
-}
 /** `path`, its corners expanded, with every coordinate carried to screen
 *  through `view`: a radius left on it would stay in world units. */
 function onScreen(path, view) {
@@ -95,14 +89,14 @@ function anchorMarkerCommands(path, view, selected, style, markers = null) {
 	const { anchors, closed } = pathToAnchors(path);
 	let flat = 0;
 	anchors.forEach((sub, s) => {
-		const screen = sub.map((a) => worldToScreen(a, view));
+		const screen = sub.map((a) => viewWorldToScreen(view, a));
 		const isClosed = closed[s];
 		sub.forEach((a, i) => {
 			const shape = markers?.[flat] ?? null;
 			const isSelected = selected.has(flat++);
 			const at = screen[i];
-			if (a.inHandle) out.push(...handleCommands(at, worldToScreen(a.inHandle, view), style));
-			if (a.outHandle) out.push(...handleCommands(at, worldToScreen(a.outHandle, view), style));
+			if (a.inHandle) out.push(...handleCommands(at, viewWorldToScreen(view, a.inHandle), style));
+			if (a.outHandle) out.push(...handleCommands(at, viewWorldToScreen(view, a.outHandle), style));
 			if (!isSelected && crowded(screen, closed[s], i, style.anchorSizePx)) {
 				out.push({
 					kind: "path",
@@ -134,6 +128,5 @@ function anchorMarkerCommands(path, view, selected, style, markers = null) {
 	return out;
 }
 
-//#endregion
-export { DEFAULT_OVERLAY_STYLE, anchorMarkerCommands, worldToScreen };
+export { DEFAULT_OVERLAY_STYLE, anchorMarkerCommands };
 //# sourceMappingURL=anchorMarkers.js.map

package/dist/domains/paths/anchorMarkers.js.map

@@ -1 +1 @@
-{"version":3,"file":"anchorMarkers.js","names":[],"sources":["../../../src/domains/paths/anchorMarkers.ts"],"sourcesContent":["/**\n * The draw commands path edit paints for the open path, in screen space: its\n * outline, then each anchor's handles and marker.\n */\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { WorldPoint } from '@weasel-js/routing';\nimport {\n  circlePath, linePath, pathToAnchors, resolveCorners, squarePath, worldCoords, type PenAnchor, type PolygonPath, type View, type Point,\n} from '@weasel-js/geom';\nimport type { AnchorMarkerShape } from './pathRepresentation';\n\n/** Appearance of the outline and of the anchor and handle markers. */\nexport interface PathEditingOverlayStyle {\n  anchorSizePx?: number;\n  handleDotRadiusPx?: number;\n  anchorFill?: string;\n  anchorStroke?: string;\n  handleStroke?: string;\n  /** Fill of the control-point circle. Defaults to the handleStroke color\n   *  at 50% alpha. */\n  handleDotFill?: string;\n  /** Fill of a selected anchor square. Defaults to the anchor stroke color. */\n  anchorFillSelected?: string;\n  /** The open path's outline, drawn over its own fill and stroke so the path\n   *  shows however its paint and its markers cover it. */\n  outlineStroke?: string;\n  outlineWidthPx?: number;\n  /** Radius of the dot an unselected anchor shrinks to where anchors sit\n   *  closer together on screen than a marker is wide. */\n  denseDotRadiusPx?: number;\n  /** Stroke of the marquee rubber band. */\n  marqueeStroke?: string;\n  /** Fill of the marquee rubber band. */\n  marqueeFill?: string;\n}\n\n/** The path-edit overlay's look where a {@link PathEditingOverlayStyle} leaves a field out. */\nexport const DEFAULT_OVERLAY_STYLE: Required<PathEditingOverlayStyle> = {\n  anchorSizePx: 8,\n  handleDotRadiusPx: 5,\n  anchorFill: '#ffffff',\n  anchorStroke: '#3478f6',\n  handleStroke: '#7da7e8',\n  // 50%-opacity handle-stroke color. #7da7e8 → rgba(125, 167, 232, 0.5).\n  handleDotFill: 'rgba(125, 167, 232, 0.5)',\n  anchorFillSelected: '#3478f6',\n  outlineStroke: '#3478f6',\n  outlineWidthPx: 1,\n  denseDotRadiusPx: 1.5,\n  marqueeStroke: '#3478f6',\n  marqueeFill: 'rgba(52, 120, 246, 0.08)',\n};\n\nexport function worldToScreen(p: WorldPoint, view: View): Point {\n  return { x: (p.x - view.x) * view.scale.x, y: (p.y - view.y) * view.scale.y };\n}\n\n/** `path`, its corners expanded, with every coordinate carried to screen\n *  through `view`: a radius left on it would stay in world units. */\nfunction onScreen(path: PolygonPath, view: View): PolygonPath {\n  const resolved = resolveCorners(path);\n  const world = worldCoords(resolved);\n  const { origin: _measuredFrom, ...drawn } = resolved;\n  const coords = new Float32Array(world.length);\n  for (let i = 0; i < coords.length; i += 2) {\n    coords[i] = (world[i] - view.x) * view.scale.x;\n    coords[i + 1] = (world[i + 1] - view.y) * view.scale.y;\n  }\n  return { ...drawn, coords };\n}\n\n/** Whether `sub[i]` sits closer to a neighbor along its subpath than `px` on screen. */\nfunction crowded(sub: readonly Point[], closed: boolean, i: number, px: number): boolean {\n  const n = sub.length;\n  const near = (j: number): boolean => {\n    if (!closed && (j < 0 || j >= n)) return false;\n    const q = sub[(j + n) % n];\n    return q !== sub[i] && Math.hypot(q.x - sub[i].x, q.y - sub[i].y) < px;\n  };\n  return near(i - 1) || near(i + 1);\n}\n\n/** The on-screen neighbors of `sub[i]` along its subpath, null past an open end. */\nfunction neighbors(sub: readonly Point[], closed: boolean, i: number): [Point | null, Point | null] {\n  const n = sub.length;\n  const prev = i > 0 || closed ? sub[(i - 1 + n) % n] : null;\n  const next = i < n - 1 || closed ? sub[(i + 1) % n] : null;\n  return [prev, next];\n}\n\nfunction handleCommands(a: Point, handle: Point, style: Required<PathEditingOverlayStyle>): DrawCommand[] {\n  return [\n    { kind: 'path', path: linePath(a, handle), stroke: { paint: { kind: 'solid', color: style.handleStroke }, width: 1 } },\n    {\n      kind: 'path',\n      path: circlePath(handle.x, handle.y, style.handleDotRadiusPx),\n      fill: { paint: { kind: 'solid', color: style.handleDotFill } },\n    },\n  ];\n}\n\n/**\n * The open path's outline, then its anchors in walk order — each anchor's\n * handles under its marker. A selected anchor's marker is filled, an\n * unselected one's hollow, or a dot where its neighbors crowd it. The marker\n * is a square, or the shape `markers` gives the anchor's flat index. Flat\n * indices count the way `enumerateAnchors` does, as the selection does.\n */\nexport function anchorMarkerCommands(\n  path: PolygonPath,\n  view: View,\n  selected: ReadonlySet<number>,\n  style: Required<PathEditingOverlayStyle>,\n  markers: readonly (AnchorMarkerShape | null)[] | null = null,\n): DrawCommand[] {\n  const out: DrawCommand[] = [{\n    kind: 'path',\n    path: onScreen(path, view),\n    stroke: { paint: { kind: 'solid', color: style.outlineStroke }, width: style.outlineWidthPx },\n  }];\n  const { anchors, closed } = pathToAnchors(path);\n  let flat = 0;\n  anchors.forEach((sub: PenAnchor[], s) => {\n    const screen = sub.map((a) => worldToScreen(a, view));\n    const isClosed = closed[s];\n    sub.forEach((a, i) => {\n      const shape = markers?.[flat] ?? null;\n      const isSelected = selected.has(flat++);\n      const at = screen[i];\n      if (a.inHandle) out.push(...handleCommands(at, worldToScreen(a.inHandle, view), style));\n      if (a.outHandle) out.push(...handleCommands(at, worldToScreen(a.outHandle, view), style));\n      if (!isSelected && crowded(screen, closed[s], i, style.anchorSizePx)) {\n        out.push({\n          kind: 'path',\n          path: circlePath(at.x, at.y, style.denseDotRadiusPx),\n          fill: { paint: { kind: 'solid', color: style.anchorStroke } },\n        });\n        return;\n      }\n      out.push({\n        kind: 'path',\n        path: shape ? shape(at, style.anchorSizePx, ...neighbors(screen, isClosed, i)) : squarePath(at.x, at.y, style.anchorSizePx),\n        fill: { paint: { kind: 'solid', color: isSelected ? style.anchorFillSelected : style.anchorFill } },\n        stroke: { paint: { kind: 'solid', color: style.anchorStroke }, width: 1 },\n      });\n    });\n  });\n  return out;\n}\n"],"mappings":"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"}
+{"version":3,"file":"anchorMarkers.js","names":[],"sources":["../../../src/domains/paths/anchorMarkers.ts"],"sourcesContent":["/**\n * The draw commands path edit paints for the open path, in screen space: its\n * outline, then each anchor's handles and marker.\n */\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport {\n  circlePath, linePath, pathToAnchors, resolveCorners, squarePath, worldCoords, type PenAnchor, type PolygonPath, type View, type Point, viewWorldToScreen,\n} from '@weasel-js/geom';\nimport type { AnchorMarkerShape } from './pathRepresentation';\n\n/** Appearance of the outline and of the anchor and handle markers. */\nexport interface PathEditingOverlayStyle {\n  anchorSizePx?: number;\n  handleDotRadiusPx?: number;\n  anchorFill?: string;\n  anchorStroke?: string;\n  handleStroke?: string;\n  /** Fill of the control-point circle. Defaults to the handleStroke color\n   *  at 50% alpha. */\n  handleDotFill?: string;\n  /** Fill of a selected anchor square. Defaults to the anchor stroke color. */\n  anchorFillSelected?: string;\n  /** The open path's outline, drawn over its own fill and stroke so the path\n   *  shows however its paint and its markers cover it. */\n  outlineStroke?: string;\n  outlineWidthPx?: number;\n  /** Radius of the dot an unselected anchor shrinks to where anchors sit\n   *  closer together on screen than a marker is wide. */\n  denseDotRadiusPx?: number;\n  /** Stroke of the marquee rubber band. */\n  marqueeStroke?: string;\n  /** Fill of the marquee rubber band. */\n  marqueeFill?: string;\n}\n\n/** The path-edit overlay's look where a {@link PathEditingOverlayStyle} leaves a field out. */\nexport const DEFAULT_OVERLAY_STYLE: Required<PathEditingOverlayStyle> = {\n  anchorSizePx: 8,\n  handleDotRadiusPx: 5,\n  anchorFill: '#ffffff',\n  anchorStroke: '#3478f6',\n  handleStroke: '#7da7e8',\n  // 50%-opacity handle-stroke color. #7da7e8 → rgba(125, 167, 232, 0.5).\n  handleDotFill: 'rgba(125, 167, 232, 0.5)',\n  anchorFillSelected: '#3478f6',\n  outlineStroke: '#3478f6',\n  outlineWidthPx: 1,\n  denseDotRadiusPx: 1.5,\n  marqueeStroke: '#3478f6',\n  marqueeFill: 'rgba(52, 120, 246, 0.08)',\n};\n\n/** `path`, its corners expanded, with every coordinate carried to screen\n *  through `view`: a radius left on it would stay in world units. */\nfunction onScreen(path: PolygonPath, view: View): PolygonPath {\n  const resolved = resolveCorners(path);\n  const world = worldCoords(resolved);\n  const { origin: _measuredFrom, ...drawn } = resolved;\n  const coords = new Float32Array(world.length);\n  for (let i = 0; i < coords.length; i += 2) {\n    coords[i] = (world[i] - view.x) * view.scale.x;\n    coords[i + 1] = (world[i + 1] - view.y) * view.scale.y;\n  }\n  return { ...drawn, coords };\n}\n\n/** Whether `sub[i]` sits closer to a neighbor along its subpath than `px` on screen. */\nfunction crowded(sub: readonly Point[], closed: boolean, i: number, px: number): boolean {\n  const n = sub.length;\n  const near = (j: number): boolean => {\n    if (!closed && (j < 0 || j >= n)) return false;\n    const q = sub[(j + n) % n];\n    return q !== sub[i] && Math.hypot(q.x - sub[i].x, q.y - sub[i].y) < px;\n  };\n  return near(i - 1) || near(i + 1);\n}\n\n/** The on-screen neighbors of `sub[i]` along its subpath, null past an open end. */\nfunction neighbors(sub: readonly Point[], closed: boolean, i: number): [Point | null, Point | null] {\n  const n = sub.length;\n  const prev = i > 0 || closed ? sub[(i - 1 + n) % n] : null;\n  const next = i < n - 1 || closed ? sub[(i + 1) % n] : null;\n  return [prev, next];\n}\n\nfunction handleCommands(a: Point, handle: Point, style: Required<PathEditingOverlayStyle>): DrawCommand[] {\n  return [\n    { kind: 'path', path: linePath(a, handle), stroke: { paint: { kind: 'solid', color: style.handleStroke }, width: 1 } },\n    {\n      kind: 'path',\n      path: circlePath(handle.x, handle.y, style.handleDotRadiusPx),\n      fill: { paint: { kind: 'solid', color: style.handleDotFill } },\n    },\n  ];\n}\n\n/**\n * The open path's outline, then its anchors in walk order — each anchor's\n * handles under its marker. A selected anchor's marker is filled, an\n * unselected one's hollow, or a dot where its neighbors crowd it. The marker\n * is a square, or the shape `markers` gives the anchor's flat index. Flat\n * indices count the way `enumerateAnchors` does, as the selection does.\n */\nexport function anchorMarkerCommands(\n  path: PolygonPath,\n  view: View,\n  selected: ReadonlySet<number>,\n  style: Required<PathEditingOverlayStyle>,\n  markers: readonly (AnchorMarkerShape | null)[] | null = null,\n): DrawCommand[] {\n  const out: DrawCommand[] = [{\n    kind: 'path',\n    path: onScreen(path, view),\n    stroke: { paint: { kind: 'solid', color: style.outlineStroke }, width: style.outlineWidthPx },\n  }];\n  const { anchors, closed } = pathToAnchors(path);\n  let flat = 0;\n  anchors.forEach((sub: PenAnchor[], s) => {\n    const screen = sub.map((a) => viewWorldToScreen(view, a));\n    const isClosed = closed[s];\n    sub.forEach((a, i) => {\n      const shape = markers?.[flat] ?? null;\n      const isSelected = selected.has(flat++);\n      const at = screen[i];\n      if (a.inHandle) out.push(...handleCommands(at, viewWorldToScreen(view, a.inHandle), style));\n      if (a.outHandle) out.push(...handleCommands(at, viewWorldToScreen(view, a.outHandle), style));\n      if (!isSelected && crowded(screen, closed[s], i, style.anchorSizePx)) {\n        out.push({\n          kind: 'path',\n          path: circlePath(at.x, at.y, style.denseDotRadiusPx),\n          fill: { paint: { kind: 'solid', color: style.anchorStroke } },\n        });\n        return;\n      }\n      out.push({\n        kind: 'path',\n        path: shape ? shape(at, style.anchorSizePx, ...neighbors(screen, isClosed, i)) : squarePath(at.x, at.y, style.anchorSizePx),\n        fill: { paint: { kind: 'solid', color: isSelected ? style.anchorFillSelected : style.anchorFill } },\n        stroke: { paint: { kind: 'solid', color: style.anchorStroke }, width: 1 },\n      });\n    });\n  });\n  return out;\n}\n"],"mappings":"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"}

package/dist/domains/paths/editablePath.js

@@ -1,11 +1,11 @@
-import { isRectPose } from "../../core/geometry/autoPoseDescriptor.js";
-import { RECT_FALLBACK_PAINTER } from "../../canvas/nodeShapes/rectFallbackPainter.js";
 import { findNodeShape } from "../../canvas/NodeShape.js";
+import { RECT_FALLBACK_PAINTER } from "../../canvas/nodeShapes/rectFallbackPainter.js";
 import { pathFromPlane } from "../../canvas/planeClips.js";
+import { isRectPose } from "../../core/geometry/autoPoseDescriptor.js";
 import { pathFormOf, representationOf, withoutPathForm } from "./pathRepresentation.js";
 import { asPolygonPath, pathInWorld, rectPath, worldEditToStorage } from "@weasel-js/geom";
 
-//#region src/domains/paths/editablePath.ts
+// src/domains/paths/editablePath.ts
 /**
 * A node's editable polygon. It lives in one of two places: the pose itself
 * (`pose.kind === 'polygon'`), or `data.path` with a rect pose, stored pose-local.
@@ -161,6 +161,5 @@ function liveAnchorMarkers(id, node, previews, extensions) {
 	return held?.representation.anchorMarkers?.(held.form) ?? null;
 }
 
-//#endregion
 export { classifyPathStorage, hasEditablePath, liveAnchorMarkers, liveEditablePath, pathEditPathOf, resolveEditablePathOf, storeEditablePath };
 //# sourceMappingURL=editablePath.js.map

package/dist/domains/paths/originProjection.js

@@ -1,6 +1,6 @@
 import { boundsOfPath, translatePath } from "@weasel-js/geom";
 
-//#region src/domains/paths/originProjection.ts
+// src/domains/paths/originProjection.ts
 /**
 * `OriginProjection` for `Path` poses. The "origin" is the top-left of the
 * path's AABB; `translate` shifts every coord by the requested delta. It is
@@ -18,6 +18,5 @@ var pathOriginProjection = {
 	translate: translatePath
 };
 
-//#endregion
 export { pathOriginProjection };
 //# sourceMappingURL=originProjection.js.map

package/dist/domains/paths/pathEditExtension.js

@@ -1,4 +1,4 @@
-//#region src/domains/paths/pathEditExtension.ts
+// src/domains/paths/pathEditExtension.ts
 /**
 * Data fields that describe how a node's geometry was made, or name its
 * anchors, and so mean nothing once the geometry is replaced some other way.
@@ -21,6 +21,5 @@ function withoutGeometryBoundData(data, keep = []) {
 	return out;
 }
 
-//#endregion
 export { GEOMETRY_BOUND_DATA, withoutGeometryBoundData };
 //# sourceMappingURL=pathEditExtension.js.map

package/dist/domains/paths/pathEditState.js

@@ -1,7 +1,7 @@
 import { effectSourceFor } from "../pathEffects/effectSources.js";
 import { createEmitter } from "@weasel-js/registry";
 
-//#region src/domains/paths/pathEditState.ts
+// src/domains/paths/pathEditState.ts
 /**
 * Which path is being anchor-edited, which of its anchors are selected, and
 * the anchor marquee in flight: one object every reader shares — the
@@ -96,6 +96,5 @@ function createPathEditState(source = {}) {
 	};
 }
 
-//#endregion
 export { createPathEditState, isSelectedNode };
 //# sourceMappingURL=pathEditState.js.map

package/dist/domains/paths/pathEditingOverlayLayer.js

@@ -1,9 +1,9 @@
-import { paintsLayer } from "../../core/selection/chromeState.js";
 import { chromeStateFrom, isVisibleFrom, previewSourcesFrom } from "../../canvas/drawEnvelope.js";
-import { DEFAULT_OVERLAY_STYLE, anchorMarkerCommands, worldToScreen } from "./anchorMarkers.js";
-import { pathToAnchors, rectMarkerPath } from "@weasel-js/geom";
+import { paintsLayer } from "../../core/selection/chromeState.js";
+import { DEFAULT_OVERLAY_STYLE, anchorMarkerCommands } from "./anchorMarkers.js";
+import { pathToAnchors, rectMarkerPath, viewRectToScreen, viewWorldToScreen } from "@weasel-js/geom";
 
-//#region src/domains/paths/pathEditingOverlayLayer.ts
+// src/domains/paths/pathEditingOverlayLayer.ts
 var EMPTY_SELECTION = /* @__PURE__ */ new Set();
 var ALWAYS = () => true;
 /** Render layer that draws the outline and the anchors and control handles
@@ -34,7 +34,7 @@ function createPathEditingOverlayLayer(opts) {
 			if (node) {
 				const mark = opts.getSelectedMark?.() ?? null;
 				const anchors = pathToAnchors(pose);
-				const toScreen = (p) => worldToScreen(p, view);
+				const toScreen = (p) => viewWorldToScreen(view, p);
 				for (const ext of opts.getExtensions?.() ?? []) {
 					if (!ext.marks) continue;
 					out.push(...ext.marks({
@@ -52,14 +52,10 @@ function createPathEditingOverlayLayer(opts) {
 			out.push(...anchorMarkerCommands(pose, view, selected, style, markers));
 			const marquee = opts.getMarquee?.(view);
 			if (marquee) {
-				const m = worldToScreen(marquee, view);
-				const m2 = worldToScreen({
-					x: marquee.x + marquee.width,
-					y: marquee.y + marquee.height
-				}, view);
+				const m = viewRectToScreen(view, marquee);
 				out.push({
 					kind: "path",
-					path: rectMarkerPath(m.x, m.y, m2.x - m.x, m2.y - m.y),
+					path: rectMarkerPath(m.x, m.y, m.width, m.height),
 					fill: { paint: {
 						kind: "solid",
 						color: style.marqueeFill
@@ -78,6 +74,5 @@ function createPathEditingOverlayLayer(opts) {
 	};
 }
 
-//#endregion
 export { createPathEditingOverlayLayer };
 //# sourceMappingURL=pathEditingOverlayLayer.js.map

package/dist/domains/paths/pathEditingOverlayLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"pathEditingOverlayLayer.js","names":[],"sources":["../../../src/domains/paths/pathEditingOverlayLayer.ts"],"sourcesContent":["/**\n * Screen-space render layer for path-editing chrome — the open path's\n * outline, anchor markers, tangent lines, and control-point dots for a\n * polygon path that is the current edit target, under them whatever marks\n * its path-edit extensions draw. Marker sizes stay constant regardless of zoom.\n */\n\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { RenderLayer } from 'core/layers/render';\nimport {\n  type AnchorSet, type Path, type PolygonPath, type View, pathToAnchors, rectMarkerPath,\n} from '@weasel-js/geom';\nimport type { GesturePreviewSource } from 'canvas/gestureBounds';\nimport { chromeStateFrom, previewSourcesFrom, isVisibleFrom } from 'canvas/drawEnvelope';\nimport { paintsLayer } from 'core/selection/chromeState';\nimport {\n  anchorMarkerCommands, DEFAULT_OVERLAY_STYLE, worldToScreen, type PathEditingOverlayStyle,\n} from './anchorMarkers';\nimport type { PathEditExtension, PathEditMark } from './pathEditExtension';\nimport type { AnchorMarkerShape } from './pathRepresentation';\n\nexport type { PathEditingOverlayStyle } from './anchorMarkers';\n\n/** Options for `createPathEditingOverlayLayer`. Everything is read per frame,\n *  so the layer follows a changing edit target without being rebuilt. */\nexport interface CreatePathEditingOverlayLayerOptions {\n  /** Returns the id of the polygon currently in anchor-edit mode, or null\n   *  when no node is being edited. */\n  getEditingId(): string | null;\n  /**\n   * Returns the pose for an id, or null if the node has been deleted.\n   * Non-polygon poses are tolerated (the layer no-ops on them).\n   *\n   * `previews` are the drawing view's in-flight preview surfaces, so an\n   * anchor dragged in one panel does not move in the others. Resolve against\n   * them before falling back to the committed pose.\n   *\n   * `view` is the drawing view's camera. Answer in its world: a node whose\n   * layer is a parallax plane stores its path in the plane's.\n   */\n  getPose(id: string, previews: readonly GesturePreviewSource[], view: View): Path | null;\n  /** The marker of each anchor, by flat index, for a node whose path was\n   *  drawn from a form (`PathRepresentation.anchorMarkers`); null, or an\n   *  anchor with none, draws a square. Resolve against `previews` as\n   *  `getPose` does. */\n  getAnchorMarkers?(id: string, previews: readonly GesturePreviewSource[]): readonly (AnchorMarkerShape | null)[] | null;\n  /** Flat indices of the selected anchors. Selected anchors render\n   *  filled; unselected ones hollow. */\n  getSelectedAnchors?(): ReadonlySet<number>;\n  /** In-flight anchor-marquee rect in world coords, or null. Drawn as a\n   *  rubber band while `marqueeAnchorsAction` is dragging. */\n  getMarquee?(view: View): { x: number; y: number; width: number; height: number } | null;\n  /** The edited node's committed pose and data, which extensions' marks read. */\n  getNode?(id: string): { pose: unknown; data: unknown; layer?: string } | null;\n  /** The path-edit extensions whose marks are drawn, in order. */\n  getExtensions?(): readonly PathEditExtension[];\n  /** The selected extension mark, or null. */\n  getSelectedMark?(): PathEditMark | null;\n  /** Optional styling overrides. */\n  style?: PathEditingOverlayStyle;\n}\n\nconst EMPTY_SELECTION: ReadonlySet<number> = new Set();\nconst ALWAYS = (): boolean => true;\n\n/** Render layer that draws the outline and the anchors and control handles\n *  of the path currently being anchor-edited. Draws nothing when no path is\n *  being edited. */\nexport function createPathEditingOverlayLayer(\n  opts: CreatePathEditingOverlayLayerOptions,\n): RenderLayer<unknown> {\n  const style = { ...DEFAULT_OVERLAY_STYLE, ...(opts.style ?? {}) };\n\n  return {\n    id: 'path-editing-overlay',\n    label: 'Path editing',\n    space: 'screen',\n    draw: (data, view) => {\n      const id = opts.getEditingId();\n      if (!id) return [];\n      // Chrome-caps gate off the envelope, so paint and the anchor hit-test in\n      // `affordanceAt` consult the same rule — otherwise a consumer that hides\n      // the chrome still gets grabbable invisible anchors, or vice versa.\n      const isVisible = isVisibleFrom(data);\n      if (isVisible && !isVisible('path-edit.anchors')) return [];\n      const node = opts.getNode?.(id);\n      if (!paintsLayer(chromeStateFrom(data), node?.layer)) return [];\n      const previews = previewSourcesFrom(data);\n      const pose = opts.getPose(id, previews, view);\n      if (!pose || pose.kind !== 'polygon') return [];\n      const markers = opts.getAnchorMarkers?.(id, previews) ?? null;\n\n      const selected = opts.getSelectedAnchors?.() ?? EMPTY_SELECTION;\n      // Extensions' marks under the markers, which are what a press reaches first.\n      const out: DrawCommand[] = [];\n      if (node) {\n        const mark = opts.getSelectedMark?.() ?? null;\n        const anchors = pathToAnchors(pose as PolygonPath) as AnchorSet;\n        const toScreen = (p: { x: number; y: number }) => worldToScreen(p, view);\n        for (const ext of opts.getExtensions?.() ?? []) {\n          if (!ext.marks) continue;\n          out.push(...ext.marks({\n            id, node, path: pose as PolygonPath, anchors, view, toScreen,\n            isVisible: isVisible ?? ALWAYS,\n            selected: mark?.owner === ext.id ? mark.index : null,\n          }));\n        }\n      }\n      out.push(...anchorMarkerCommands(pose as PolygonPath, view, selected, style, markers));\n\n      // Marquee rubber band, on top of everything.\n      const marquee = opts.getMarquee?.(view);\n      if (marquee) {\n        const m = worldToScreen(marquee, view);\n        const m2 = worldToScreen({ x: marquee.x + marquee.width, y: marquee.y + marquee.height }, view);\n        out.push({\n          kind: 'path',\n          path: rectMarkerPath(m.x, m.y, m2.x - m.x, m2.y - m.y),\n          fill: { paint: { kind: 'solid', color: style.marqueeFill } },\n          stroke: { paint: { kind: 'solid', color: style.marqueeStroke }, width: 1 },\n        });\n      }\n\n      return out;\n    },\n  };\n}\n"],"mappings":";;;;;;AA8DA,IAAM,kCAAuC,IAAI,IAAI;AACrD,IAAM,eAAwB;;;;AAK9B,SAAgB,8BACd,MACsB;CACtB,MAAM,QAAQ;EAAE,GAAG;EAAuB,GAAI,KAAK,SAAS,CAAC;CAAG;CAEhE,OAAO;EACL,IAAI;EACJ,OAAO;EACP,OAAO;EACP,OAAO,MAAM,SAAS;GACpB,MAAM,KAAK,KAAK,aAAa;GAC7B,IAAI,CAAC,IAAI,OAAO,CAAC;GAIjB,MAAM,YAAY,cAAc,IAAI;GACpC,IAAI,aAAa,CAAC,UAAU,mBAAmB,GAAG,OAAO,CAAC;GAC1D,MAAM,OAAO,KAAK,UAAU,EAAE;GAC9B,IAAI,CAAC,YAAY,gBAAgB,IAAI,GAAG,MAAM,KAAK,GAAG,OAAO,CAAC;GAC9D,MAAM,WAAW,mBAAmB,IAAI;GACxC,MAAM,OAAO,KAAK,QAAQ,IAAI,UAAU,IAAI;GAC5C,IAAI,CAAC,QAAQ,KAAK,SAAS,WAAW,OAAO,CAAC;GAC9C,MAAM,UAAU,KAAK,mBAAmB,IAAI,QAAQ,KAAK;GAEzD,MAAM,WAAW,KAAK,qBAAqB,KAAK;GAEhD,MAAM,MAAqB,CAAC;GAC5B,IAAI,MAAM;IACR,MAAM,OAAO,KAAK,kBAAkB,KAAK;IACzC,MAAM,UAAU,cAAc,IAAmB;IACjD,MAAM,YAAY,MAAgC,cAAc,GAAG,IAAI;IACvE,KAAK,MAAM,OAAO,KAAK,gBAAgB,KAAK,CAAC,GAAG;KAC9C,IAAI,CAAC,IAAI,OAAO;KAChB,IAAI,KAAK,GAAG,IAAI,MAAM;MACpB;MAAI;MAAM,MAAM;MAAqB;MAAS;MAAM;MACpD,WAAW,aAAa;MACxB,UAAU,MAAM,UAAU,IAAI,KAAK,KAAK,QAAQ;KAClD,CAAC,CAAC;IACJ;GACF;GACA,IAAI,KAAK,GAAG,qBAAqB,MAAqB,MAAM,UAAU,OAAO,OAAO,CAAC;GAGrF,MAAM,UAAU,KAAK,aAAa,IAAI;GACtC,IAAI,SAAS;IACX,MAAM,IAAI,cAAc,SAAS,IAAI;IACrC,MAAM,KAAK,cAAc;KAAE,GAAG,QAAQ,IAAI,QAAQ;KAAO,GAAG,QAAQ,IAAI,QAAQ;IAAO,GAAG,IAAI;IAC9F,IAAI,KAAK;KACP,MAAM;KACN,MAAM,eAAe,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,EAAE,GAAG,GAAG,IAAI,EAAE,CAAC;KACrD,MAAM,EAAE,OAAO;MAAE,MAAM;MAAS,OAAO,MAAM;KAAY,EAAE;KAC3D,QAAQ;MAAE,OAAO;OAAE,MAAM;OAAS,OAAO,MAAM;MAAc;MAAG,OAAO;KAAE;IAC3E,CAAC;GACH;GAEA,OAAO;EACT;CACF;AACF"}
+{"version":3,"file":"pathEditingOverlayLayer.js","names":[],"sources":["../../../src/domains/paths/pathEditingOverlayLayer.ts"],"sourcesContent":["/**\n * Screen-space render layer for path-editing chrome — the open path's\n * outline, anchor markers, tangent lines, and control-point dots for a\n * polygon path that is the current edit target, under them whatever marks\n * its path-edit extensions draw. Marker sizes stay constant regardless of zoom.\n */\n\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { RenderLayer } from 'core/layers/render';\nimport {\n  type AnchorSet, type Path, type PolygonPath, type View, pathToAnchors, rectMarkerPath, viewRectToScreen, viewWorldToScreen,\n} from '@weasel-js/geom';\nimport type { GesturePreviewSource } from 'canvas/gestureBounds';\nimport { chromeStateFrom, previewSourcesFrom, isVisibleFrom } from 'canvas/drawEnvelope';\nimport { paintsLayer } from 'core/selection/chromeState';\nimport {\n  anchorMarkerCommands, DEFAULT_OVERLAY_STYLE, type PathEditingOverlayStyle,\n} from './anchorMarkers';\nimport type { PathEditExtension, PathEditMark } from './pathEditExtension';\nimport type { AnchorMarkerShape } from './pathRepresentation';\n\nexport type { PathEditingOverlayStyle } from './anchorMarkers';\n\n/** Options for `createPathEditingOverlayLayer`. Everything is read per frame,\n *  so the layer follows a changing edit target without being rebuilt. */\nexport interface CreatePathEditingOverlayLayerOptions {\n  /** Returns the id of the polygon currently in anchor-edit mode, or null\n   *  when no node is being edited. */\n  getEditingId(): string | null;\n  /**\n   * Returns the pose for an id, or null if the node has been deleted.\n   * Non-polygon poses are tolerated (the layer no-ops on them).\n   *\n   * `previews` are the drawing view's in-flight preview surfaces, so an\n   * anchor dragged in one panel does not move in the others. Resolve against\n   * them before falling back to the committed pose.\n   *\n   * `view` is the drawing view's camera. Answer in its world: a node whose\n   * layer is a parallax plane stores its path in the plane's.\n   */\n  getPose(id: string, previews: readonly GesturePreviewSource[], view: View): Path | null;\n  /** The marker of each anchor, by flat index, for a node whose path was\n   *  drawn from a form (`PathRepresentation.anchorMarkers`); null, or an\n   *  anchor with none, draws a square. Resolve against `previews` as\n   *  `getPose` does. */\n  getAnchorMarkers?(id: string, previews: readonly GesturePreviewSource[]): readonly (AnchorMarkerShape | null)[] | null;\n  /** Flat indices of the selected anchors. Selected anchors render\n   *  filled; unselected ones hollow. */\n  getSelectedAnchors?(): ReadonlySet<number>;\n  /** In-flight anchor-marquee rect in world coords, or null. Drawn as a\n   *  rubber band while `marqueeAnchorsAction` is dragging. */\n  getMarquee?(view: View): { x: number; y: number; width: number; height: number } | null;\n  /** The edited node's committed pose and data, which extensions' marks read. */\n  getNode?(id: string): { pose: unknown; data: unknown; layer?: string } | null;\n  /** The path-edit extensions whose marks are drawn, in order. */\n  getExtensions?(): readonly PathEditExtension[];\n  /** The selected extension mark, or null. */\n  getSelectedMark?(): PathEditMark | null;\n  /** Optional styling overrides. */\n  style?: PathEditingOverlayStyle;\n}\n\nconst EMPTY_SELECTION: ReadonlySet<number> = new Set();\nconst ALWAYS = (): boolean => true;\n\n/** Render layer that draws the outline and the anchors and control handles\n *  of the path currently being anchor-edited. Draws nothing when no path is\n *  being edited. */\nexport function createPathEditingOverlayLayer(\n  opts: CreatePathEditingOverlayLayerOptions,\n): RenderLayer<unknown> {\n  const style = { ...DEFAULT_OVERLAY_STYLE, ...(opts.style ?? {}) };\n\n  return {\n    id: 'path-editing-overlay',\n    label: 'Path editing',\n    space: 'screen',\n    draw: (data, view) => {\n      const id = opts.getEditingId();\n      if (!id) return [];\n      // Chrome-caps gate off the envelope, so paint and the anchor hit-test in\n      // `affordanceAt` consult the same rule — otherwise a consumer that hides\n      // the chrome still gets grabbable invisible anchors, or vice versa.\n      const isVisible = isVisibleFrom(data);\n      if (isVisible && !isVisible('path-edit.anchors')) return [];\n      const node = opts.getNode?.(id);\n      if (!paintsLayer(chromeStateFrom(data), node?.layer)) return [];\n      const previews = previewSourcesFrom(data);\n      const pose = opts.getPose(id, previews, view);\n      if (!pose || pose.kind !== 'polygon') return [];\n      const markers = opts.getAnchorMarkers?.(id, previews) ?? null;\n\n      const selected = opts.getSelectedAnchors?.() ?? EMPTY_SELECTION;\n      // Extensions' marks under the markers, which are what a press reaches first.\n      const out: DrawCommand[] = [];\n      if (node) {\n        const mark = opts.getSelectedMark?.() ?? null;\n        const anchors = pathToAnchors(pose as PolygonPath) as AnchorSet;\n        const toScreen = (p: { x: number; y: number }) => viewWorldToScreen(view, p);\n        for (const ext of opts.getExtensions?.() ?? []) {\n          if (!ext.marks) continue;\n          out.push(...ext.marks({\n            id, node, path: pose as PolygonPath, anchors, view, toScreen,\n            isVisible: isVisible ?? ALWAYS,\n            selected: mark?.owner === ext.id ? mark.index : null,\n          }));\n        }\n      }\n      out.push(...anchorMarkerCommands(pose as PolygonPath, view, selected, style, markers));\n\n      // Marquee rubber band, on top of everything.\n      const marquee = opts.getMarquee?.(view);\n      if (marquee) {\n        const m = viewRectToScreen(view, marquee);\n        out.push({\n          kind: 'path',\n          path: rectMarkerPath(m.x, m.y, m.width, m.height),\n          fill: { paint: { kind: 'solid', color: style.marqueeFill } },\n          stroke: { paint: { kind: 'solid', color: style.marqueeStroke }, width: 1 },\n        });\n      }\n\n      return out;\n    },\n  };\n}\n"],"mappings":";;;;;;AA8DA,IAAM,kCAAuC,IAAI,IAAI;AACrD,IAAM,eAAwB;;;;AAK9B,SAAgB,8BACd,MACsB;CACtB,MAAM,QAAQ;EAAE,GAAG;EAAuB,GAAI,KAAK,SAAS,CAAC;CAAG;CAEhE,OAAO;EACL,IAAI;EACJ,OAAO;EACP,OAAO;EACP,OAAO,MAAM,SAAS;GACpB,MAAM,KAAK,KAAK,aAAa;GAC7B,IAAI,CAAC,IAAI,OAAO,CAAC;GAIjB,MAAM,YAAY,cAAc,IAAI;GACpC,IAAI,aAAa,CAAC,UAAU,mBAAmB,GAAG,OAAO,CAAC;GAC1D,MAAM,OAAO,KAAK,UAAU,EAAE;GAC9B,IAAI,CAAC,YAAY,gBAAgB,IAAI,GAAG,MAAM,KAAK,GAAG,OAAO,CAAC;GAC9D,MAAM,WAAW,mBAAmB,IAAI;GACxC,MAAM,OAAO,KAAK,QAAQ,IAAI,UAAU,IAAI;GAC5C,IAAI,CAAC,QAAQ,KAAK,SAAS,WAAW,OAAO,CAAC;GAC9C,MAAM,UAAU,KAAK,mBAAmB,IAAI,QAAQ,KAAK;GAEzD,MAAM,WAAW,KAAK,qBAAqB,KAAK;GAEhD,MAAM,MAAqB,CAAC;GAC5B,IAAI,MAAM;IACR,MAAM,OAAO,KAAK,kBAAkB,KAAK;IACzC,MAAM,UAAU,cAAc,IAAmB;IACjD,MAAM,YAAY,MAAgC,kBAAkB,MAAM,CAAC;IAC3E,KAAK,MAAM,OAAO,KAAK,gBAAgB,KAAK,CAAC,GAAG;KAC9C,IAAI,CAAC,IAAI,OAAO;KAChB,IAAI,KAAK,GAAG,IAAI,MAAM;MACpB;MAAI;MAAM,MAAM;MAAqB;MAAS;MAAM;MACpD,WAAW,aAAa;MACxB,UAAU,MAAM,UAAU,IAAI,KAAK,KAAK,QAAQ;KAClD,CAAC,CAAC;IACJ;GACF;GACA,IAAI,KAAK,GAAG,qBAAqB,MAAqB,MAAM,UAAU,OAAO,OAAO,CAAC;GAGrF,MAAM,UAAU,KAAK,aAAa,IAAI;GACtC,IAAI,SAAS;IACX,MAAM,IAAI,iBAAiB,MAAM,OAAO;IACxC,IAAI,KAAK;KACP,MAAM;KACN,MAAM,eAAe,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM;KAChD,MAAM,EAAE,OAAO;MAAE,MAAM;MAAS,OAAO,MAAM;KAAY,EAAE;KAC3D,QAAQ;MAAE,OAAO;OAAE,MAAM;OAAS,OAAO,MAAM;MAAc;MAAG,OAAO;KAAE;IAC3E,CAAC;GACH;GAEA,OAAO;EACT;CACF;AACF"}

package/dist/domains/paths/pathLayer.js

@@ -3,7 +3,7 @@ import { countPathAnchors } from "@weasel-js/geom";
 import { isDev } from "@weasel-js/react";
 import "@weasel-js/paint";
 
-//#region src/domains/paths/pathLayer.ts
+// src/domains/paths/pathLayer.ts
 var PLACEHOLDER_FILL = { paint: { color: "#ffffff" } };
 var PLACEHOLDER_STROKE = {
 	paint: { color: "#ffffff" },
@@ -90,6 +90,5 @@ function createPathLayer(opts) {
 	};
 }
 
-//#endregion
 export { createPathLayer };
 //# sourceMappingURL=pathLayer.js.map

package/dist/domains/paths/pathRepresentation.js

@@ -1,4 +1,4 @@
-//#region src/domains/paths/pathRepresentation.ts
+// src/domains/paths/pathRepresentation.ts
 /** The form `data` holds, or null. */
 function pathFormOf(data) {
 	const form = data?.representation;
@@ -22,6 +22,5 @@ function representationOf(extensions, data) {
 	} : null;
 }
 
-//#endregion
 export { pathFormOf, representationOf, withoutPathForm };
 //# sourceMappingURL=pathRepresentation.js.map

package/dist/domains/paths/pathSnap/glyphs.js

@@ -1,4 +1,4 @@
-//#region src/domains/paths/pathSnap/glyphs.ts
+// src/domains/paths/pathSnap/glyphs.ts
 /** What the snap readout calls each kind of path target. */
 var PATH_SNAP_LABELS = {
 	anchor: "anchor",
@@ -34,6 +34,5 @@ function pathSnapGlyph(kind, x, y, r) {
 	}
 }
 
-//#endregion
 export { PATH_SNAP_LABELS, pathSnapGlyph };
 //# sourceMappingURL=glyphs.js.map

package/dist/domains/paths/pathSnap/pathSnapSource.js

@@ -3,7 +3,7 @@ import { PATH_SNAP_LABELS } from "./glyphs.js";
 import { sceneSnapIndex } from "./sceneIndex.js";
 import { PATH_SNAP_KINDS, findPathSnap, findPathSnaps } from "@weasel-js/geom";
 
-//#region src/domains/paths/pathSnap/pathSnapSource.ts
+// src/domains/paths/pathSnap/pathSnapSource.ts
 /**
 * The scene's paths as snap targets: a point for every enabled kind of
 * target in range of a pointer or geometry probe. `nearest` is offered only
@@ -77,6 +77,5 @@ function ownGeometryAt(scene, press, ids, scale, reachPx = DEFAULT_SNAP_PX) {
 	} : null;
 }
 
-//#endregion
 export { ownGeometryAt, pathSnapSource };
 //# sourceMappingURL=pathSnapSource.js.map

package/dist/domains/paths/pathSnap/sceneIndex.js

@@ -3,7 +3,7 @@ import { nodeGates } from "../../../core/scene/nodeGates.js";
 import { nodeSnapGeometry } from "./snapGeometry.js";
 import { createPathSnapIndex } from "@weasel-js/geom";
 
-//#region src/domains/paths/pathSnap/sceneIndex.ts
+// src/domains/paths/pathSnap/sceneIndex.ts
 /** Indexes every leaf of `scene` with geometry (`nodeSnapGeometry`), but
 *  hidden ones (`nodeGates`) and those on an annotation layer, once per scene
 *  version, and again when a query brings geometry of its own. The scene
@@ -80,6 +80,5 @@ function sceneSnapIndex(scene, also) {
 	return indexer(also);
 }
 
-//#endregion
 export { createSceneSnapIndexer, sceneSnapIndex };
 //# sourceMappingURL=sceneIndex.js.map