@weasel-js/guides 1.15.0 → 1.15.1

package/dist/index.js

@@ -1,5 +1,5 @@
 import { useState, useRef, useCallback, useEffect } from 'react';
-import { sceneBoxFrames, scenePoseFrame, useLatest, viewportWorldRect, tickedSegment, measuredSegmentCommands, AUTO_POSE_DESCRIPTOR, visualBoundsViaDescriptor, rectFromPlane, unionAABB, createTransformOp, asNodeId, sceneUnitScopes, screenToWorld, nodeGates, resolveStrokeWidth, resolveUnit, axisUnits, resolveScoped } from '@weasel-js/core';
+import { sceneBoxFrames, scenePoseFrame, useLatest, viewportWorldRect, tickedSegment, measuredSegmentCommands, AUTO_POSE_DESCRIPTOR, visualBoundsViaDescriptor, rectFromPlane, unionAABB, sceneMagnification, asNodeId, createTransformOp, sceneUnitScopes, screenToWorld, nodeGates, resolveStrokeWidth, resolveUnit, axisUnits, resolveScoped } from '@weasel-js/core';
 import { pointInPolygon, invert, mat3, applyToPoint, pxExtent, PATH_M, PATH_L, PATH_Z, pxExtentInFrame } from '@weasel-js/geom';
 
 // src/grid/roundToCell.ts
@@ -942,8 +942,6 @@ function extentAcross(q, p, axis, delta) {
   const lo3 = c === "x" ? landed.x : landed.y;
   return [lo3, lo3 + (c === "x" ? landed.width : landed.height)];
 }
-
-// src/sources/spacing.ts
 var TRANSLATE = [
   { axis: "x", edge: "both", rate: { x: 1, y: 0 } },
   { axis: "y", edge: "both", rate: { x: 0, y: 1 } }
@@ -952,9 +950,9 @@ function movingSides(q) {
   return q.sides ? q.sides.map((s) => ({ axis: s.axis, edge: s.side, rate: s.rate })) : TRANSLATE;
 }
 var measureAll = (boxes) => ({ boxes, x: measureGapSpans(boxes, "x"), y: measureGapSpans(boxes, "y") });
-function gapMark(g, color) {
+function gapMark(g, color, magnification) {
   const ends = g.axis === "x" ? { from: { x: g.min, y: g.at }, to: { x: g.max, y: g.at } } : { from: { x: g.at, y: g.min }, to: { x: g.at, y: g.max } };
-  return { kind: "gap", ...ends, value: g.max - g.min, ...color === void 0 ? {} : { color } };
+  return { kind: "gap", ...ends, value: (g.max - g.min) / magnification, ...color === void 0 ? {} : { color } };
 }
 function spacingSnapSource(opts = {}) {
   const fromScene = cachedPerScene(measureAll, opts.filter);
@@ -971,6 +969,7 @@ function spacingSnapSource(opts = {}) {
       const reach = q.reachWorld(q.reachPx);
       const refs = { x: referenceGaps(box, measured.x), y: referenceGaps(box, measured.y) };
       const seen = /* @__PURE__ */ new Set();
+      const magnification = q.scene && q.ids?.length ? sceneMagnification(q.scene, q.ids.map(asNodeId)) : 1;
       for (const { axis, edge, rate } of movingSides(q)) {
         const speed = Math.hypot(rate.x, rate.y);
         for (const o of spacingOffers(box, axis, edge, measured.boxes, refs[axis])) {
@@ -982,7 +981,7 @@ function spacingSnapSource(opts = {}) {
             locus: sideLine(probe.at, rate, o.delta),
             mark: (delta) => {
               const landed = landedBox(q, delta) ?? box;
-              return equalGaps(landed, axis, o.size, measured.boxes, refs[axis]).map((g) => gapMark(g, opts.color));
+              return equalGaps(landed, axis, o.size, measured.boxes, refs[axis]).map((g) => gapMark(g, opts.color, magnification));
             }
           };
         }
@@ -1033,10 +1032,13 @@ function measureAxis(from, to, axis, out) {
 }
 
 // src/spacingHints/distanceReadout.ts
-function marksOf(r, color) {
+function marksOf(r, color, magnification) {
   const c = color === void 0 ? {} : { color };
   return [
-    ...r.gaps.map((g) => g.axis === "x" ? { kind: "distance", from: { x: g.min, y: g.at }, to: { x: g.max, y: g.at }, value: g.max - g.min, ...c } : { kind: "distance", from: { x: g.at, y: g.min }, to: { x: g.at, y: g.max }, value: g.max - g.min, ...c }),
+    ...r.gaps.map((g) => {
+      const value = (g.max - g.min) / magnification;
+      return g.axis === "x" ? { kind: "distance", from: { x: g.min, y: g.at }, to: { x: g.max, y: g.at }, value, ...c } : { kind: "distance", from: { x: g.at, y: g.min }, to: { x: g.at, y: g.max }, value, ...c };
+    }),
     ...r.leaders.flatMap((l) => {
       if (l.span === void 0) return [];
       return [l.axis === "x" ? { kind: "line", from: { x: l.offset, y: l.span.min }, to: { x: l.offset, y: l.span.max }, ...c } : { kind: "line", from: { x: l.span.min, y: l.offset }, to: { x: l.span.max, y: l.offset }, ...c }];
@@ -1061,10 +1063,10 @@ function distanceReadout(opts = {}) {
   const modifier = opts.modifier ?? "alt";
   let shown = EMPTY;
   let store = null;
-  const show = (next) => {
+  const show = (next, magnification = 1) => {
     if (next === shown || next.gaps.length === 0 && shown.gaps.length === 0) return;
     shown = next;
-    store?.set(marksOf(next, opts.color));
+    store?.set(marksOf(next, opts.color, magnification));
   };
   const action = {
     id: `${id}.measure`,
@@ -1084,7 +1086,8 @@ function distanceReadout(opts = {}) {
         const hit = nodeAtPoint(p.world, subtreeOf(scene, ids));
         const from = worldUnionOf(scene, ids, { poseDescriptor });
         const [to] = hit === null ? [] : worldBoundsOf(scene, [hit], { poseDescriptor });
-        show(from === null || to === void 0 ? EMPTY : measureDistances(from, to));
+        if (from === null || to === void 0) show(EMPTY);
+        else show(measureDistances(from, to), sceneMagnification(scene, [...ids, hit]));
       }
     }
   };