@fieldnotes/core 0.48.0 → 0.50.0

package/dist/index.d.cts

@@ -487,6 +487,8 @@ interface ElementStyle {
 declare function styleToPatch(element: CanvasElement, style: ElementStyle): Partial<CanvasElement>;
 declare function getElementStyle(element: CanvasElement): ElementStyle;
 
+type RotateDirection = 'cw' | 'ccw';
+
 type AlignEdge = 'left' | 'center-x' | 'right' | 'top' | 'middle' | 'bottom';
 type DistributeAxis = 'horizontal' | 'vertical';
 
@@ -641,6 +643,7 @@ declare class Viewport {
     toggleLockSelection(): void;
     alignSelection(edge: AlignEdge): void;
     distributeSelection(axis: DistributeAxis): void;
+    rotateSelection(direction: RotateDirection): void;
     getRenderStats(): RenderStatsSnapshot;
     logPerformance(intervalMs?: number): () => void;
     destroy(): void;
@@ -1120,6 +1123,6 @@ declare class LaserTool implements Tool {
     private notifyOptionsChange;
 }
 
-declare const VERSION = "0.48.0";
+declare const VERSION = "0.50.0";
 
-export { type ActiveFormats, type AlignEdge, type ArrowElement, type ArrowStrokeStyle, ArrowTool, type ArrowToolOptions, AutoSave, type AutoSaveOptions, type BackgroundOptions, type BackgroundPattern, type Binding, type Bounds, Camera, type CameraChangeInfo, type CameraOptions, type CanvasElement, type CanvasState, type Command, DEFAULT_NOTE_FONT_SIZE, type DistributeAxis, type ElementChangeMeta, ElementStore, type ElementStyle, type ElementType, type ElementUpdateEvent, EraserTool, type EraserToolOptions, type ExportImageOptions, type ExportSvgOptions, type FontSizePreset, type GridElement, type GridInfo, HandTool, type HexOrientation, HistoryStack, type HistoryStackOptions, type HtmlElement, type ImageElement, ImageTool, type ImageToolOptions, IndexedDBAdapter, type IndexedDBAdapterOptions, LaserTool, type LaserToolOptions, type Layer, LayerManager, LocalStorageAdapter, MeasureTool, type MeasureToolOptions, type Measurement, MemoryAdapter, type NoteElement, NoteTool, type NoteToolOptions, PencilTool, type PencilToolOptions, type Point, type PointerState, type RenderStatsSnapshot, SelectTool, type ShapeElement, type ShapeKind, ShapeTool, type ShapeToolOptions, type ShortcutBindings, type ShortcutOptions, type ShortcutsApi, type Size, type StorageAdapter, type StrokeElement, type StrokePoint, type TemplateElement, type TemplateRenderStyle, type TemplateShape, TemplateTool, type TemplateToolOptions, type TextElement, TextTool, type TextToolOptions, type Tool, type ToolContext, ToolManager, type ToolName, VERSION, Viewport, type ViewportOptions, boundsIntersect, createArrow, createGrid, createHtmlElement, createImage, createNote, createShape, createStroke, createTemplate, createText, drawHexPath, exportImage, exportSvg, getActiveFormats, getArrowBounds, getArrowControlPoint, getArrowMidpoint, getArrowTangentAngle, getBendFromPoint, getElementBounds, getElementStyle, getElementsBoundingBox, getHexCellsInCone, getHexCellsInLine, getHexCellsInRadius, getHexCellsInRectangle, getHexCellsInSquare, getHexDistance, isNearBezier, setFontSize, smartSnap, snapPoint, snapToHexCenter, styleToPatch, toggleBold, toggleItalic, toggleStrikethrough, toggleUnderline };
+export { type ActiveFormats, type AlignEdge, type ArrowElement, type ArrowStrokeStyle, ArrowTool, type ArrowToolOptions, AutoSave, type AutoSaveOptions, type BackgroundOptions, type BackgroundPattern, type Binding, type Bounds, Camera, type CameraChangeInfo, type CameraOptions, type CanvasElement, type CanvasState, type Command, DEFAULT_NOTE_FONT_SIZE, type DistributeAxis, type ElementChangeMeta, ElementStore, type ElementStyle, type ElementType, type ElementUpdateEvent, EraserTool, type EraserToolOptions, type ExportImageOptions, type ExportSvgOptions, type FontSizePreset, type GridElement, type GridInfo, HandTool, type HexOrientation, HistoryStack, type HistoryStackOptions, type HtmlElement, type ImageElement, ImageTool, type ImageToolOptions, IndexedDBAdapter, type IndexedDBAdapterOptions, LaserTool, type LaserToolOptions, type Layer, LayerManager, LocalStorageAdapter, MeasureTool, type MeasureToolOptions, type Measurement, MemoryAdapter, type NoteElement, NoteTool, type NoteToolOptions, PencilTool, type PencilToolOptions, type Point, type PointerState, type RenderStatsSnapshot, type RotateDirection, SelectTool, type ShapeElement, type ShapeKind, ShapeTool, type ShapeToolOptions, type ShortcutBindings, type ShortcutOptions, type ShortcutsApi, type Size, type StorageAdapter, type StrokeElement, type StrokePoint, type TemplateElement, type TemplateRenderStyle, type TemplateShape, TemplateTool, type TemplateToolOptions, type TextElement, TextTool, type TextToolOptions, type Tool, type ToolContext, ToolManager, type ToolName, VERSION, Viewport, type ViewportOptions, boundsIntersect, createArrow, createGrid, createHtmlElement, createImage, createNote, createShape, createStroke, createTemplate, createText, drawHexPath, exportImage, exportSvg, getActiveFormats, getArrowBounds, getArrowControlPoint, getArrowMidpoint, getArrowTangentAngle, getBendFromPoint, getElementBounds, getElementStyle, getElementsBoundingBox, getHexCellsInCone, getHexCellsInLine, getHexCellsInRadius, getHexCellsInRectangle, getHexCellsInSquare, getHexDistance, isNearBezier, setFontSize, smartSnap, snapPoint, snapToHexCenter, styleToPatch, toggleBold, toggleItalic, toggleStrikethrough, toggleUnderline };

package/dist/index.d.ts

@@ -487,6 +487,8 @@ interface ElementStyle {
 declare function styleToPatch(element: CanvasElement, style: ElementStyle): Partial<CanvasElement>;
 declare function getElementStyle(element: CanvasElement): ElementStyle;
 
+type RotateDirection = 'cw' | 'ccw';
+
 type AlignEdge = 'left' | 'center-x' | 'right' | 'top' | 'middle' | 'bottom';
 type DistributeAxis = 'horizontal' | 'vertical';
 
@@ -641,6 +643,7 @@ declare class Viewport {
     toggleLockSelection(): void;
     alignSelection(edge: AlignEdge): void;
     distributeSelection(axis: DistributeAxis): void;
+    rotateSelection(direction: RotateDirection): void;
     getRenderStats(): RenderStatsSnapshot;
     logPerformance(intervalMs?: number): () => void;
     destroy(): void;
@@ -1120,6 +1123,6 @@ declare class LaserTool implements Tool {
     private notifyOptionsChange;
 }
 
-declare const VERSION = "0.48.0";
+declare const VERSION = "0.50.0";
 
-export { type ActiveFormats, type AlignEdge, type ArrowElement, type ArrowStrokeStyle, ArrowTool, type ArrowToolOptions, AutoSave, type AutoSaveOptions, type BackgroundOptions, type BackgroundPattern, type Binding, type Bounds, Camera, type CameraChangeInfo, type CameraOptions, type CanvasElement, type CanvasState, type Command, DEFAULT_NOTE_FONT_SIZE, type DistributeAxis, type ElementChangeMeta, ElementStore, type ElementStyle, type ElementType, type ElementUpdateEvent, EraserTool, type EraserToolOptions, type ExportImageOptions, type ExportSvgOptions, type FontSizePreset, type GridElement, type GridInfo, HandTool, type HexOrientation, HistoryStack, type HistoryStackOptions, type HtmlElement, type ImageElement, ImageTool, type ImageToolOptions, IndexedDBAdapter, type IndexedDBAdapterOptions, LaserTool, type LaserToolOptions, type Layer, LayerManager, LocalStorageAdapter, MeasureTool, type MeasureToolOptions, type Measurement, MemoryAdapter, type NoteElement, NoteTool, type NoteToolOptions, PencilTool, type PencilToolOptions, type Point, type PointerState, type RenderStatsSnapshot, SelectTool, type ShapeElement, type ShapeKind, ShapeTool, type ShapeToolOptions, type ShortcutBindings, type ShortcutOptions, type ShortcutsApi, type Size, type StorageAdapter, type StrokeElement, type StrokePoint, type TemplateElement, type TemplateRenderStyle, type TemplateShape, TemplateTool, type TemplateToolOptions, type TextElement, TextTool, type TextToolOptions, type Tool, type ToolContext, ToolManager, type ToolName, VERSION, Viewport, type ViewportOptions, boundsIntersect, createArrow, createGrid, createHtmlElement, createImage, createNote, createShape, createStroke, createTemplate, createText, drawHexPath, exportImage, exportSvg, getActiveFormats, getArrowBounds, getArrowControlPoint, getArrowMidpoint, getArrowTangentAngle, getBendFromPoint, getElementBounds, getElementStyle, getElementsBoundingBox, getHexCellsInCone, getHexCellsInLine, getHexCellsInRadius, getHexCellsInRectangle, getHexCellsInSquare, getHexDistance, isNearBezier, setFontSize, smartSnap, snapPoint, snapToHexCenter, styleToPatch, toggleBold, toggleItalic, toggleStrikethrough, toggleUnderline };
+export { type ActiveFormats, type AlignEdge, type ArrowElement, type ArrowStrokeStyle, ArrowTool, type ArrowToolOptions, AutoSave, type AutoSaveOptions, type BackgroundOptions, type BackgroundPattern, type Binding, type Bounds, Camera, type CameraChangeInfo, type CameraOptions, type CanvasElement, type CanvasState, type Command, DEFAULT_NOTE_FONT_SIZE, type DistributeAxis, type ElementChangeMeta, ElementStore, type ElementStyle, type ElementType, type ElementUpdateEvent, EraserTool, type EraserToolOptions, type ExportImageOptions, type ExportSvgOptions, type FontSizePreset, type GridElement, type GridInfo, HandTool, type HexOrientation, HistoryStack, type HistoryStackOptions, type HtmlElement, type ImageElement, ImageTool, type ImageToolOptions, IndexedDBAdapter, type IndexedDBAdapterOptions, LaserTool, type LaserToolOptions, type Layer, LayerManager, LocalStorageAdapter, MeasureTool, type MeasureToolOptions, type Measurement, MemoryAdapter, type NoteElement, NoteTool, type NoteToolOptions, PencilTool, type PencilToolOptions, type Point, type PointerState, type RenderStatsSnapshot, type RotateDirection, SelectTool, type ShapeElement, type ShapeKind, ShapeTool, type ShapeToolOptions, type ShortcutBindings, type ShortcutOptions, type ShortcutsApi, type Size, type StorageAdapter, type StrokeElement, type StrokePoint, type TemplateElement, type TemplateRenderStyle, type TemplateShape, TemplateTool, type TemplateToolOptions, type TextElement, TextTool, type TextToolOptions, type Tool, type ToolContext, ToolManager, type ToolName, VERSION, Viewport, type ViewportOptions, boundsIntersect, createArrow, createGrid, createHtmlElement, createImage, createNote, createShape, createStroke, createTemplate, createText, drawHexPath, exportImage, exportSvg, getActiveFormats, getArrowBounds, getArrowControlPoint, getArrowMidpoint, getArrowTangentAngle, getBendFromPoint, getElementBounds, getElementStyle, getElementsBoundingBox, getHexCellsInCone, getHexCellsInLine, getHexCellsInRadius, getHexCellsInRectangle, getHexCellsInSquare, getHexDistance, isNearBezier, setFontSize, smartSnap, snapPoint, snapToHexCenter, styleToPatch, toggleBold, toggleItalic, toggleStrikethrough, toggleUnderline };

package/dist/index.js

@@ -1155,6 +1155,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();
@@ -1259,6 +1267,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"]],
@@ -1571,6 +1581,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);
@@ -1707,6 +1725,7 @@ var InputHandler = class {
       group: options.group,
       ungroup: options.ungroup,
       toggleLock: options.toggleLock,
+      rotate: options.rotate,
       getLastPointerWorld: () => this.lastPointerWorld()
     });
     this.openContextMenu = options.openContextMenu;
@@ -6795,7 +6814,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) {
@@ -6806,6 +6825,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;
@@ -6953,6 +7005,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()) {
@@ -7281,6 +7348,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);
@@ -7678,6 +7746,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()) {
@@ -7711,6 +7781,9 @@ var Viewport = class {
   distributeSelection(axis) {
     this.selectionOps.distribute(axis);
   }
+  rotateSelection(direction) {
+    this.selectionOps.rotateSelection(direction);
+  }
   getRenderStats() {
     return this.renderLoop.getStats();
   }
@@ -8805,7 +8878,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 };
@@ -8831,7 +8904,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) {
@@ -8856,7 +8929,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);
@@ -8883,7 +8956,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;
@@ -9413,6 +9486,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,
@@ -9421,14 +9495,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);
@@ -10453,7 +10527,7 @@ var LaserTool = class {
 };
 
 // src/index.ts
-var VERSION = "0.48.0";
+var VERSION = "0.50.0";
 export {
   ArrowTool,
   AutoSave,