@fieldnotes/core 0.48.0 → 0.50.0

package/dist/index.cjs

@@ -1242,6 +1242,14 @@ var KeyboardActions = class {
     if (this.deps.isToolActive()) return;
     this.deps.toggleLock?.();
   }
+  rotate(direction) {
+    if (this.deps.isToolActive()) return;
+    this.flushPendingNudge();
+    const sel = this.selectTool();
+    if (!sel) return;
+    if (sel.tool.selectedIds.length === 0) return;
+    this.deps.rotate?.(direction);
+  }
   zOrder(operation) {
     if (this.deps.isToolActive()) return;
     this.flushPendingNudge();
@@ -1346,6 +1354,8 @@ var DEFAULT_BINDINGS = [
   ["ungroup", ["mod+shift+g"]],
   ["cut", ["mod+x"]],
   ["toggle-lock", ["mod+shift+l"]],
+  ["rotate-cw", ["r"]],
+  ["rotate-ccw", ["shift+r"]],
   ["nudge-left", ["arrowleft"]],
   ["nudge-right", ["arrowright"]],
   ["nudge-up", ["arrowup"]],
@@ -1658,6 +1668,14 @@ var KeyboardHandler = class {
         e?.preventDefault();
         this.deps.actions.toggleLock();
         return;
+      case "rotate-cw":
+        e?.preventDefault();
+        this.deps.actions.rotate("cw");
+        return;
+      case "rotate-ccw":
+        e?.preventDefault();
+        this.deps.actions.rotate("ccw");
+        return;
       case "zoom-in":
         e?.preventDefault();
         this.zoomByFactor(ZOOM_STEP);
@@ -1794,6 +1812,7 @@ var InputHandler = class {
       group: options.group,
       ungroup: options.ungroup,
       toggleLock: options.toggleLock,
+      rotate: options.rotate,
       getLastPointerWorld: () => this.lastPointerWorld()
     });
     this.openContextMenu = options.openContextMenu;
@@ -6882,7 +6901,7 @@ function getElementStyle(element) {
   }
 }
 
-// src/canvas/selection-ops.ts
+// src/canvas/selection-rotate.ts
 function unionBounds2(list) {
   let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
   for (const b of list) {
@@ -6893,6 +6912,39 @@ function unionBounds2(list) {
   }
   return { x: minX, y: minY, w: maxX - minX, h: maxY - minY };
 }
+function rotationPivot(items) {
+  const first = items[0];
+  if (items.length === 1 && first) {
+    return { x: first.bounds.x + first.bounds.w / 2, y: first.bounds.y + first.bounds.h / 2 };
+  }
+  const u = unionBounds2(items.map((it) => rotatedAABB(it.bounds, it.el.rotation ?? 0)));
+  return { x: u.x + u.w / 2, y: u.y + u.h / 2 };
+}
+function rotateElementPatch(el, bounds, pivot, delta) {
+  if (el.type === "arrow") {
+    const center3 = { x: bounds.x + bounds.w / 2, y: bounds.y + bounds.h / 2 };
+    const moved2 = rotatePoint(center3, pivot, delta);
+    return {
+      position: { x: el.position.x + moved2.x - center3.x, y: el.position.y + moved2.y - center3.y },
+      from: rotatePoint(el.from, pivot, delta),
+      to: rotatePoint(el.to, pivot, delta)
+    };
+  }
+  if (el.type === "template") {
+    return {
+      position: rotatePoint(el.position, pivot, delta),
+      angle: normalizeAngle(el.angle + delta)
+    };
+  }
+  const center2 = { x: bounds.x + bounds.w / 2, y: bounds.y + bounds.h / 2 };
+  const moved = rotatePoint(center2, pivot, delta);
+  return {
+    position: { x: el.position.x + moved.x - center2.x, y: el.position.y + moved.y - center2.y },
+    rotation: normalizeAngle((el.rotation ?? 0) + delta)
+  };
+}
+
+// src/canvas/selection-ops.ts
 function sharedValue(values) {
   const present = values.filter((v) => v !== void 0);
   if (present.length === 0) return void 0;
@@ -7040,6 +7092,21 @@ var SelectionOps = class {
     this.deps.recorder.commit();
     this.deps.requestRender();
   }
+  rotateSelection(direction) {
+    const eligible = this.boundedSelection().filter(({ el }) => this.isMovable(el));
+    if (eligible.length === 0) return;
+    const delta = direction === "cw" ? Math.PI / 2 : -Math.PI / 2;
+    const pivot = rotationPivot(eligible);
+    this.deps.recorder.begin();
+    const moved = [];
+    for (const { id, el, bounds } of eligible) {
+      this.deps.store.update(id, rotateElementPatch(el, bounds, pivot, delta));
+      moved.push(id);
+    }
+    updateArrowsBoundToElements(moved, this.deps.store);
+    this.deps.recorder.commit();
+    this.deps.requestRender();
+  }
   boundedSelection() {
     const out = [];
     for (const id of this.deps.getSelectedIds()) {
@@ -7368,6 +7435,7 @@ var Viewport = class {
       group: () => this.groupSelection(),
       ungroup: () => this.ungroupSelection(),
       toggleLock: () => this.toggleLockSelection(),
+      rotate: (direction) => this.rotateSelection(direction),
       openContextMenu: (screenPos, world) => {
         this.getSelectTool()?.selectAtPoint(world, this.toolContext);
         this.openContextMenu(screenPos);
@@ -7765,6 +7833,8 @@ var Viewport = class {
       items.push({ label: "Bring Forward", action: "z-forward" });
       items.push({ label: "Send Backward", action: "z-backward" });
       items.push({ label: "Send to Back", action: "z-back" });
+      items.push({ label: "Rotate 90\xB0 CW", action: "rotate-cw" });
+      items.push({ label: "Rotate 90\xB0 CCW", action: "rotate-ccw" });
       const allLocked = ids.every((id) => this.store.getById(id)?.locked);
       items.push({ label: allLocked ? "Unlock" : "Lock", action: "toggle-lock" });
     } else if (this.canPaste()) {
@@ -7798,6 +7868,9 @@ var Viewport = class {
   distributeSelection(axis) {
     this.selectionOps.distribute(axis);
   }
+  rotateSelection(direction) {
+    this.selectionOps.rotateSelection(direction);
+  }
   getRenderStats() {
     return this.renderLoop.getStats();
   }
@@ -8892,7 +8965,7 @@ function anchorOffset(handle, w, h) {
       return { x: 0, y: 0 };
   }
 }
-function computeResize(el, handle, world, lastWorld, aspectRatio, shiftKey) {
+function computeResize(el, handle, world, lastWorld, aspectRatio, lockAspect) {
   const dx = world.x - lastWorld.x;
   const dy = world.y - lastWorld.y;
   let { x, y, w, h } = { x: el.position.x, y: el.position.y, w: el.size.w, h: el.size.h };
@@ -8918,7 +8991,7 @@ function computeResize(el, handle, world, lastWorld, aspectRatio, shiftKey) {
       h -= dy;
       break;
   }
-  if (shiftKey && aspectRatio > 0) {
+  if (lockAspect && aspectRatio > 0) {
     const absDw = Math.abs(w - el.size.w);
     const absDh = Math.abs(h - el.size.h);
     if (absDw >= absDh) {
@@ -8943,7 +9016,7 @@ function computeResize(el, handle, world, lastWorld, aspectRatio, shiftKey) {
   }
   return { position: { x, y }, size: { w, h } };
 }
-function computeRotatedResize(el, handle, angle, world, lastWorld, aspectRatio, shiftKey) {
+function computeRotatedResize(el, handle, angle, world, lastWorld, aspectRatio, lockAspect) {
   const wdx = world.x - lastWorld.x;
   const wdy = world.y - lastWorld.y;
   const cosN = Math.cos(-angle);
@@ -8970,7 +9043,7 @@ function computeRotatedResize(el, handle, angle, world, lastWorld, aspectRatio,
       h -= ldy;
       break;
   }
-  if (shiftKey && aspectRatio > 0) {
+  if (lockAspect && aspectRatio > 0) {
     const absDw = Math.abs(w - el.size.w);
     const absDh = Math.abs(h - el.size.h);
     if (absDw >= absDh) h = w / aspectRatio;
@@ -9500,6 +9573,7 @@ var SelectTool = class {
     if (this.mode.type !== "resizing") return;
     const el = ctx.store.getById(this.mode.elementId);
     if (!el || !("size" in el) || el.locked) return;
+    const lockAspect = shiftKey !== (el.type === "image");
     const angle = el.rotation ?? 0;
     const patch = angle !== 0 ? computeRotatedResize(
       el,
@@ -9508,14 +9582,14 @@ var SelectTool = class {
       world,
       this.lastWorld,
       this.resizeAspectRatio,
-      shiftKey
+      lockAspect
     ) : computeResize(
       el,
       this.mode.handle,
       world,
       this.lastWorld,
       this.resizeAspectRatio,
-      shiftKey
+      lockAspect
     );
     this.lastWorld = world;
     ctx.store.update(this.mode.elementId, patch);
@@ -10540,7 +10614,7 @@ var LaserTool = class {
 };
 
 // src/index.ts
-var VERSION = "0.48.0";
+var VERSION = "0.50.0";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ArrowTool,