@tsdraw/core 0.8.1 → 0.8.3

package/dist/index.d.cts

@@ -63,7 +63,6 @@ interface TsdrawSessionStateSnapshot {
         x: number;
         y: number;
         zoom: number;
-        rotation?: number;
     };
     currentToolId: string;
     drawStyle: {
@@ -222,7 +221,6 @@ interface Viewport {
     x: number;
     y: number;
     zoom: number;
-    rotation: number;
 }
 declare function createViewport(): Viewport;
 declare function screenToPage(viewport: Viewport, screenX: number, screenY: number): {
@@ -237,11 +235,9 @@ declare function setViewport(viewport: Viewport, updater: {
     x?: number;
     y?: number;
     zoom?: number;
-    rotation?: number;
 }): Viewport;
 declare function panViewport(viewport: Viewport, dx: number, dy: number): Viewport;
 declare function zoomViewport(viewport: Viewport, factor: number, centerX?: number, centerY?: number): Viewport;
-declare function rotateViewport(viewport: Viewport, delta: number, centerX?: number, centerY?: number): Viewport;
 
 type TsdrawRenderTheme = 'light' | 'dark';
 declare function resolveThemeColor(colorStyle: string, theme: TsdrawRenderTheme): string;
@@ -348,7 +344,6 @@ declare class Editor {
     setViewport(partial: Partial<Viewport>): void;
     panBy(dx: number, dy: number): void;
     zoomAt(factor: number, screenX: number, screenY: number): void;
-    rotateAt(delta: number, screenX: number, screenY: number): void;
     deleteShapes(ids: ShapeId[]): void;
     getDocumentSnapshot(): TsdrawDocumentSnapshot;
     loadDocumentSnapshot(snapshot: TsdrawDocumentSnapshot): void;
@@ -429,18 +424,15 @@ interface ShapeBounds {
 }
 declare function buildSquareBounds(anchorX: number, anchorY: number, cursorX: number, cursorY: number): ShapeBounds;
 declare function buildRectangleBounds(anchorX: number, anchorY: number, cursorX: number, cursorY: number): ShapeBounds;
-declare function buildDefaultCenteredRectangleBounds(centerX: number, centerY: number): ShapeBounds;
 declare function buildRectangleSegments(width: number, height: number): DrawSegment[];
 declare function buildCircleBounds(anchorX: number, anchorY: number, cursorX: number, cursorY: number): ShapeBounds;
 declare function buildEllipseBounds(anchorX: number, anchorY: number, cursorX: number, cursorY: number): ShapeBounds;
-declare function buildDefaultCenteredEllipseBounds(centerX: number, centerY: number): ShapeBounds;
 declare function buildEllipseSegments(width: number, height: number): DrawSegment[];
 
 interface GeometricDrawingStateConfig {
     idleStateId: string;
     buildConstrainedBounds: (anchorX: number, anchorY: number, cursorX: number, cursorY: number) => ShapeBounds;
     buildUnconstrainedBounds: (anchorX: number, anchorY: number, cursorX: number, cursorY: number) => ShapeBounds;
-    buildDefaultBounds: (centerX: number, centerY: number) => ShapeBounds;
     buildSegments: (width: number, height: number) => DrawSegment[];
 }
 declare abstract class GeometricDrawingState extends StateNode {
@@ -465,7 +457,6 @@ declare class SquareDrawingState extends GeometricDrawingState {
         idleStateId: string;
         buildConstrainedBounds: typeof buildSquareBounds;
         buildUnconstrainedBounds: typeof buildRectangleBounds;
-        buildDefaultBounds: typeof buildDefaultCenteredRectangleBounds;
         buildSegments: typeof buildRectangleSegments;
     };
 }
@@ -481,7 +472,6 @@ declare class CircleDrawingState extends GeometricDrawingState {
         idleStateId: string;
         buildConstrainedBounds: typeof buildCircleBounds;
         buildUnconstrainedBounds: typeof buildEllipseBounds;
-        buildDefaultBounds: typeof buildDefaultCenteredEllipseBounds;
         buildSegments: typeof buildEllipseSegments;
     };
 }
@@ -635,4 +625,4 @@ declare function decodePathToPoints(segments: {
     y: number;
 }[];
 
-export { type Bounds, CanvasRenderer, CircleDrawingState, CircleIdleState, type ColorStyle, DEFAULT_COLORS, DRAG_DISTANCE_SQUARED, type DashStyle, type DefaultToolId, DocumentStore, type DocumentStoreSnapshot, type DrawSegment, type DrawShape, ERASER_MARGIN, Editor, type EditorOptions, EraserErasingState, EraserIdleState, EraserPointingState, type FillStyle, HandDraggingState, HandIdleState, type ICanvasRenderer, type IEditor, InputManager, MAX_POINTS_PER_SHAPE, type PageState, PenDrawingState, PenIdleState, type PointerInput, type ResizeHandle, STROKE_WIDTHS, type SegmentType, SelectIdleState, type SelectionBounds, type Shape, type ShapeId, type SizeStyle, SquareDrawingState, SquareIdleState, StateNode, type StateNodeConstructor, type ToolDefinition, type ToolId, type ToolKeyInfo, ToolManager, type ToolPointerDownInfo, type ToolPointerMoveInfo, type ToolStateContext, type ToolStateTransitionInfo, type TransformSnapshot, type TsdrawDocumentSnapshot, type TsdrawEditorSnapshot, type TsdrawHistorySnapshot, type TsdrawPageRecord, type TsdrawPersistedRecord, type TsdrawRenderTheme, type TsdrawSessionStateSnapshot, type TsdrawShapeRecord, type Vec3, type Viewport, applyMove, applyResize, applyRotation, boundsContainPoint, boundsIntersect, boundsOf, buildStartPositions, buildTransformSnapshots, closestOnSegment, createViewport, decodeFirstPoint, decodeLastPoint, decodePathToPoints, decodePoints, distance, documentSnapshotToRecords, encodePoints, getSelectionBoundsPage, getShapeBounds, getShapesInBounds, getTopShapeAtPoint, isSelectTool, minDistanceToPolyline, normalizeSelectionBounds, padBounds, pageToScreen, panViewport, pointHitsShape, recordsToDocumentSnapshot, resolveThemeColor, rotatePoint, rotateViewport, screenToPage, segmentHitsShape, segmentTouchesPolyline, setViewport, shapePagePoints, sqDistance, zoomViewport };
+export { type Bounds, CanvasRenderer, CircleDrawingState, CircleIdleState, type ColorStyle, DEFAULT_COLORS, DRAG_DISTANCE_SQUARED, type DashStyle, type DefaultToolId, DocumentStore, type DocumentStoreSnapshot, type DrawSegment, type DrawShape, ERASER_MARGIN, Editor, type EditorOptions, EraserErasingState, EraserIdleState, EraserPointingState, type FillStyle, HandDraggingState, HandIdleState, type ICanvasRenderer, type IEditor, InputManager, MAX_POINTS_PER_SHAPE, type PageState, PenDrawingState, PenIdleState, type PointerInput, type ResizeHandle, STROKE_WIDTHS, type SegmentType, SelectIdleState, type SelectionBounds, type Shape, type ShapeId, type SizeStyle, SquareDrawingState, SquareIdleState, StateNode, type StateNodeConstructor, type ToolDefinition, type ToolId, type ToolKeyInfo, ToolManager, type ToolPointerDownInfo, type ToolPointerMoveInfo, type ToolStateContext, type ToolStateTransitionInfo, type TransformSnapshot, type TsdrawDocumentSnapshot, type TsdrawEditorSnapshot, type TsdrawHistorySnapshot, type TsdrawPageRecord, type TsdrawPersistedRecord, type TsdrawRenderTheme, type TsdrawSessionStateSnapshot, type TsdrawShapeRecord, type Vec3, type Viewport, applyMove, applyResize, applyRotation, boundsContainPoint, boundsIntersect, boundsOf, buildStartPositions, buildTransformSnapshots, closestOnSegment, createViewport, decodeFirstPoint, decodeLastPoint, decodePathToPoints, decodePoints, distance, documentSnapshotToRecords, encodePoints, getSelectionBoundsPage, getShapeBounds, getShapesInBounds, getTopShapeAtPoint, isSelectTool, minDistanceToPolyline, normalizeSelectionBounds, padBounds, pageToScreen, panViewport, pointHitsShape, recordsToDocumentSnapshot, resolveThemeColor, rotatePoint, screenToPage, segmentHitsShape, segmentTouchesPolyline, setViewport, shapePagePoints, sqDistance, zoomViewport };

package/dist/index.d.ts

@@ -63,7 +63,6 @@ interface TsdrawSessionStateSnapshot {
         x: number;
         y: number;
         zoom: number;
-        rotation?: number;
     };
     currentToolId: string;
     drawStyle: {
@@ -222,7 +221,6 @@ interface Viewport {
     x: number;
     y: number;
     zoom: number;
-    rotation: number;
 }
 declare function createViewport(): Viewport;
 declare function screenToPage(viewport: Viewport, screenX: number, screenY: number): {
@@ -237,11 +235,9 @@ declare function setViewport(viewport: Viewport, updater: {
     x?: number;
     y?: number;
     zoom?: number;
-    rotation?: number;
 }): Viewport;
 declare function panViewport(viewport: Viewport, dx: number, dy: number): Viewport;
 declare function zoomViewport(viewport: Viewport, factor: number, centerX?: number, centerY?: number): Viewport;
-declare function rotateViewport(viewport: Viewport, delta: number, centerX?: number, centerY?: number): Viewport;
 
 type TsdrawRenderTheme = 'light' | 'dark';
 declare function resolveThemeColor(colorStyle: string, theme: TsdrawRenderTheme): string;
@@ -348,7 +344,6 @@ declare class Editor {
     setViewport(partial: Partial<Viewport>): void;
     panBy(dx: number, dy: number): void;
     zoomAt(factor: number, screenX: number, screenY: number): void;
-    rotateAt(delta: number, screenX: number, screenY: number): void;
     deleteShapes(ids: ShapeId[]): void;
     getDocumentSnapshot(): TsdrawDocumentSnapshot;
     loadDocumentSnapshot(snapshot: TsdrawDocumentSnapshot): void;
@@ -429,18 +424,15 @@ interface ShapeBounds {
 }
 declare function buildSquareBounds(anchorX: number, anchorY: number, cursorX: number, cursorY: number): ShapeBounds;
 declare function buildRectangleBounds(anchorX: number, anchorY: number, cursorX: number, cursorY: number): ShapeBounds;
-declare function buildDefaultCenteredRectangleBounds(centerX: number, centerY: number): ShapeBounds;
 declare function buildRectangleSegments(width: number, height: number): DrawSegment[];
 declare function buildCircleBounds(anchorX: number, anchorY: number, cursorX: number, cursorY: number): ShapeBounds;
 declare function buildEllipseBounds(anchorX: number, anchorY: number, cursorX: number, cursorY: number): ShapeBounds;
-declare function buildDefaultCenteredEllipseBounds(centerX: number, centerY: number): ShapeBounds;
 declare function buildEllipseSegments(width: number, height: number): DrawSegment[];
 
 interface GeometricDrawingStateConfig {
     idleStateId: string;
     buildConstrainedBounds: (anchorX: number, anchorY: number, cursorX: number, cursorY: number) => ShapeBounds;
     buildUnconstrainedBounds: (anchorX: number, anchorY: number, cursorX: number, cursorY: number) => ShapeBounds;
-    buildDefaultBounds: (centerX: number, centerY: number) => ShapeBounds;
     buildSegments: (width: number, height: number) => DrawSegment[];
 }
 declare abstract class GeometricDrawingState extends StateNode {
@@ -465,7 +457,6 @@ declare class SquareDrawingState extends GeometricDrawingState {
         idleStateId: string;
         buildConstrainedBounds: typeof buildSquareBounds;
         buildUnconstrainedBounds: typeof buildRectangleBounds;
-        buildDefaultBounds: typeof buildDefaultCenteredRectangleBounds;
         buildSegments: typeof buildRectangleSegments;
     };
 }
@@ -481,7 +472,6 @@ declare class CircleDrawingState extends GeometricDrawingState {
         idleStateId: string;
         buildConstrainedBounds: typeof buildCircleBounds;
         buildUnconstrainedBounds: typeof buildEllipseBounds;
-        buildDefaultBounds: typeof buildDefaultCenteredEllipseBounds;
         buildSegments: typeof buildEllipseSegments;
     };
 }
@@ -635,4 +625,4 @@ declare function decodePathToPoints(segments: {
     y: number;
 }[];
 
-export { type Bounds, CanvasRenderer, CircleDrawingState, CircleIdleState, type ColorStyle, DEFAULT_COLORS, DRAG_DISTANCE_SQUARED, type DashStyle, type DefaultToolId, DocumentStore, type DocumentStoreSnapshot, type DrawSegment, type DrawShape, ERASER_MARGIN, Editor, type EditorOptions, EraserErasingState, EraserIdleState, EraserPointingState, type FillStyle, HandDraggingState, HandIdleState, type ICanvasRenderer, type IEditor, InputManager, MAX_POINTS_PER_SHAPE, type PageState, PenDrawingState, PenIdleState, type PointerInput, type ResizeHandle, STROKE_WIDTHS, type SegmentType, SelectIdleState, type SelectionBounds, type Shape, type ShapeId, type SizeStyle, SquareDrawingState, SquareIdleState, StateNode, type StateNodeConstructor, type ToolDefinition, type ToolId, type ToolKeyInfo, ToolManager, type ToolPointerDownInfo, type ToolPointerMoveInfo, type ToolStateContext, type ToolStateTransitionInfo, type TransformSnapshot, type TsdrawDocumentSnapshot, type TsdrawEditorSnapshot, type TsdrawHistorySnapshot, type TsdrawPageRecord, type TsdrawPersistedRecord, type TsdrawRenderTheme, type TsdrawSessionStateSnapshot, type TsdrawShapeRecord, type Vec3, type Viewport, applyMove, applyResize, applyRotation, boundsContainPoint, boundsIntersect, boundsOf, buildStartPositions, buildTransformSnapshots, closestOnSegment, createViewport, decodeFirstPoint, decodeLastPoint, decodePathToPoints, decodePoints, distance, documentSnapshotToRecords, encodePoints, getSelectionBoundsPage, getShapeBounds, getShapesInBounds, getTopShapeAtPoint, isSelectTool, minDistanceToPolyline, normalizeSelectionBounds, padBounds, pageToScreen, panViewport, pointHitsShape, recordsToDocumentSnapshot, resolveThemeColor, rotatePoint, rotateViewport, screenToPage, segmentHitsShape, segmentTouchesPolyline, setViewport, shapePagePoints, sqDistance, zoomViewport };
+export { type Bounds, CanvasRenderer, CircleDrawingState, CircleIdleState, type ColorStyle, DEFAULT_COLORS, DRAG_DISTANCE_SQUARED, type DashStyle, type DefaultToolId, DocumentStore, type DocumentStoreSnapshot, type DrawSegment, type DrawShape, ERASER_MARGIN, Editor, type EditorOptions, EraserErasingState, EraserIdleState, EraserPointingState, type FillStyle, HandDraggingState, HandIdleState, type ICanvasRenderer, type IEditor, InputManager, MAX_POINTS_PER_SHAPE, type PageState, PenDrawingState, PenIdleState, type PointerInput, type ResizeHandle, STROKE_WIDTHS, type SegmentType, SelectIdleState, type SelectionBounds, type Shape, type ShapeId, type SizeStyle, SquareDrawingState, SquareIdleState, StateNode, type StateNodeConstructor, type ToolDefinition, type ToolId, type ToolKeyInfo, ToolManager, type ToolPointerDownInfo, type ToolPointerMoveInfo, type ToolStateContext, type ToolStateTransitionInfo, type TransformSnapshot, type TsdrawDocumentSnapshot, type TsdrawEditorSnapshot, type TsdrawHistorySnapshot, type TsdrawPageRecord, type TsdrawPersistedRecord, type TsdrawRenderTheme, type TsdrawSessionStateSnapshot, type TsdrawShapeRecord, type Vec3, type Viewport, applyMove, applyResize, applyRotation, boundsContainPoint, boundsIntersect, boundsOf, buildStartPositions, buildTransformSnapshots, closestOnSegment, createViewport, decodeFirstPoint, decodeLastPoint, decodePathToPoints, decodePoints, distance, documentSnapshotToRecords, encodePoints, getSelectionBoundsPage, getShapeBounds, getShapesInBounds, getTopShapeAtPoint, isSelectTool, minDistanceToPolyline, normalizeSelectionBounds, padBounds, pageToScreen, panViewport, pointHitsShape, recordsToDocumentSnapshot, resolveThemeColor, rotatePoint, screenToPage, segmentHitsShape, segmentTouchesPolyline, setViewport, shapePagePoints, sqDistance, zoomViewport };

package/dist/index.js

@@ -223,34 +223,25 @@ var StateNode = class {
 
 // src/canvas/viewport.ts
 function createViewport() {
-  return { x: 0, y: 0, zoom: 1, rotation: 0 };
+  return { x: 0, y: 0, zoom: 1 };
 }
 function screenToPage(viewport, screenX, screenY) {
-  const tx = screenX - viewport.x;
-  const ty = screenY - viewport.y;
-  const cos = Math.cos(viewport.rotation);
-  const sin = Math.sin(viewport.rotation);
   return {
-    x: (tx * cos + ty * sin) / viewport.zoom,
-    y: (-tx * sin + ty * cos) / viewport.zoom
+    x: (screenX - viewport.x) / viewport.zoom,
+    y: (screenY - viewport.y) / viewport.zoom
   };
 }
 function pageToScreen(viewport, pageX, pageY) {
-  const scaledX = pageX * viewport.zoom;
-  const scaledY = pageY * viewport.zoom;
-  const cos = Math.cos(viewport.rotation);
-  const sin = Math.sin(viewport.rotation);
   return {
-    x: scaledX * cos - scaledY * sin + viewport.x,
-    y: scaledX * sin + scaledY * cos + viewport.y
+    x: pageX * viewport.zoom + viewport.x,
+    y: pageY * viewport.zoom + viewport.y
   };
 }
 function setViewport(viewport, updater) {
   return {
     x: updater.x ?? viewport.x,
     y: updater.y ?? viewport.y,
-    zoom: updater.zoom ?? viewport.zoom,
-    rotation: updater.rotation ?? viewport.rotation
+    zoom: updater.zoom ?? viewport.zoom
   };
 }
 function panViewport(viewport, dx, dy) {
@@ -262,23 +253,9 @@ function zoomViewport(viewport, factor, centerX, centerY) {
     return { ...viewport, zoom };
   }
   const pageBefore = screenToPage(viewport, centerX, centerY);
-  const cos = Math.cos(viewport.rotation);
-  const sin = Math.sin(viewport.rotation);
-  const x = centerX - (pageBefore.x * zoom * cos - pageBefore.y * zoom * sin);
-  const y = centerY - (pageBefore.x * zoom * sin + pageBefore.y * zoom * cos);
-  return { x, y, zoom, rotation: viewport.rotation };
-}
-function rotateViewport(viewport, delta, centerX, centerY) {
-  const rotation = viewport.rotation + delta;
-  if (centerX == null || centerY == null) {
-    return { ...viewport, rotation };
-  }
-  const pageBefore = screenToPage(viewport, centerX, centerY);
-  const cos = Math.cos(rotation);
-  const sin = Math.sin(rotation);
-  const x = centerX - (pageBefore.x * viewport.zoom * cos - pageBefore.y * viewport.zoom * sin);
-  const y = centerY - (pageBefore.x * viewport.zoom * sin + pageBefore.y * viewport.zoom * cos);
-  return { x, y, zoom: viewport.zoom, rotation };
+  const x = centerX - pageBefore.x * zoom;
+  const y = centerY - pageBefore.y * zoom;
+  return { x, y, zoom };
 }
 
 // src/utils/colors.ts
@@ -311,7 +288,6 @@ var CanvasRenderer = class {
   render(ctx, viewport, shapes) {
     ctx.save();
     ctx.translate(viewport.x, viewport.y);
-    ctx.rotate(viewport.rotation);
     ctx.scale(viewport.zoom, viewport.zoom);
     for (const shape of shapes) {
       if (shape.type === "draw") {
@@ -804,7 +780,7 @@ var PenDrawingState = class extends StateNode {
     const z = this._startInfo?.point?.z ?? 0.5;
     this._isPenDevice = penActive;
     this._hasPressure = penActive || z !== 0.5;
-    const pressure = this._hasPressure ? toFixed(z) : 0.5;
+    const pressure = this._hasPressure ? toFixed(z * 1.25) : 0.5;
     this._phase = inputs.getShiftKey() ? "straight" : "free";
     this._extending = false;
     this._lastSample = { ...origin };
@@ -901,13 +877,12 @@ var PenDrawingState = class extends StateNode {
     const curPt = inputs.getCurrentPagePoint();
     if (!this._hasPressure) {
       const liveZ = curPt.z ?? 0.5;
-      if (liveZ !== 0.5 || inputs.getIsPen()) {
+      if (liveZ > 0 && liveZ !== 0.5 || inputs.getIsPen()) {
         this._hasPressure = true;
-        this.editor.updateShapes([{ id, type: "draw", props: { isPen: true } }]);
       }
     }
     const local = this.editor.getPointInShapeSpace(shape, curPt);
-    const pressure = this._hasPressure ? toFixed(curPt.z ?? 0.5) : 0.5;
+    const pressure = this._hasPressure ? toFixed((curPt.z ?? 0.5) * 1.25) : 0.5;
     const pt = { x: toFixed(local.x), y: toFixed(local.y), z: pressure };
     switch (this._phase) {
       case "starting_straight": {
@@ -1053,7 +1028,7 @@ var PenDrawingState = class extends StateNode {
           const firstPt = {
             x: 0,
             y: 0,
-            z: this._hasPressure ? toFixed(curPage.z ?? 0.5) : 0.5
+            z: this._hasPressure ? toFixed((curPage.z ?? 0.5) * 1.25) : 0.5
           };
           this._activePts = [firstPt];
           this.editor.createShape({
@@ -1085,7 +1060,7 @@ var PenDrawingState = class extends StateNode {
   endStroke() {
     if (!this._target) return;
     this.editor.updateShapes([
-      { id: this._target.id, type: "draw", props: { isComplete: true } }
+      { id: this._target.id, type: "draw", props: { isComplete: true, isPen: this._hasPressure } }
     ]);
     this.ctx.transition("pen_idle");
   }
@@ -1164,6 +1139,7 @@ var GeometricDrawingState = class extends StateNode {
   }
   // If user dragged, use the drag extents for the final shape
   // If they just clicked without dragging, use default-sized shape
+  // If they dragged just a bit (most likely a click), remove the shape and go back to idle
   completeShape() {
     const activeShape = this.getActiveShape();
     const config = this.getConfig();
@@ -1173,7 +1149,15 @@ var GeometricDrawingState = class extends StateNode {
     }
     const originPoint = this.editor.input.getOriginPagePoint();
     const cursorPoint = this.editor.input.getCurrentPagePoint();
-    const finalizedBounds = this.editor.input.getIsDragging() ? this.editor.input.getShiftKey() ? config.buildConstrainedBounds(originPoint.x, originPoint.y, cursorPoint.x, cursorPoint.y) : config.buildUnconstrainedBounds(originPoint.x, originPoint.y, cursorPoint.x, cursorPoint.y) : config.buildDefaultBounds(originPoint.x, originPoint.y);
+    const dx = cursorPoint.x - originPoint.x;
+    const dy = cursorPoint.y - originPoint.y;
+    const draggedFarEnough = dx * dx + dy * dy > this.editor.options.dragDistanceSquared;
+    if (!draggedFarEnough) {
+      this.removeCurrentShape();
+      this.ctx.transition(config.idleStateId, this.startedAt);
+      return;
+    }
+    const finalizedBounds = this.editor.input.getShiftKey() ? config.buildConstrainedBounds(originPoint.x, originPoint.y, cursorPoint.x, cursorPoint.y) : config.buildUnconstrainedBounds(originPoint.x, originPoint.y, cursorPoint.x, cursorPoint.y);
     this.editor.store.updateShape(activeShape.id, {
       x: finalizedBounds.x,
       y: finalizedBounds.y,
@@ -1203,10 +1187,6 @@ var GeometricDrawingState = class extends StateNode {
 
 // src/tools/geometric/geometricShapeHelpers.ts
 var MIN_SIDE_LENGTH = 1;
-var DEFAULT_RECTANGLE_WIDTH = 180;
-var DEFAULT_RECTANGLE_HEIGHT = 120;
-var DEFAULT_ELLIPSE_WIDTH = 180;
-var DEFAULT_ELLIPSE_HEIGHT = 120;
 function toSizedBounds(anchorX, anchorY, cursorX, cursorY, forceEqualSides) {
   const rawDeltaX = cursorX - anchorX;
   const rawDeltaY = cursorY - anchorY;
@@ -1231,16 +1211,6 @@ function buildSquareBounds(anchorX, anchorY, cursorX, cursorY) {
 function buildRectangleBounds(anchorX, anchorY, cursorX, cursorY) {
   return toSizedBounds(anchorX, anchorY, cursorX, cursorY, false);
 }
-function buildDefaultCenteredRectangleBounds(centerX, centerY) {
-  const halfWidth = DEFAULT_RECTANGLE_WIDTH / 2;
-  const halfHeight = DEFAULT_RECTANGLE_HEIGHT / 2;
-  return {
-    x: centerX - halfWidth,
-    y: centerY - halfHeight,
-    width: DEFAULT_RECTANGLE_WIDTH,
-    height: DEFAULT_RECTANGLE_HEIGHT
-  };
-}
 function buildRectangleSegments(width, height) {
   const topLeft = { x: 0, y: 0, z: 0.5 };
   const topRight = { x: width, y: 0, z: 0.5 };
@@ -1259,16 +1229,6 @@ function buildCircleBounds(anchorX, anchorY, cursorX, cursorY) {
 function buildEllipseBounds(anchorX, anchorY, cursorX, cursorY) {
   return toSizedBounds(anchorX, anchorY, cursorX, cursorY, false);
 }
-function buildDefaultCenteredEllipseBounds(centerX, centerY) {
-  const halfWidth = DEFAULT_ELLIPSE_WIDTH / 2;
-  const halfHeight = DEFAULT_ELLIPSE_HEIGHT / 2;
-  return {
-    x: centerX - halfWidth,
-    y: centerY - halfHeight,
-    width: DEFAULT_ELLIPSE_WIDTH,
-    height: DEFAULT_ELLIPSE_HEIGHT
-  };
-}
 function buildEllipseSegments(width, height) {
   const centerX = width / 2;
   const centerY = height / 2;
@@ -1296,7 +1256,6 @@ var SquareDrawingState = class extends GeometricDrawingState {
       idleStateId: "square_idle",
       buildConstrainedBounds: buildSquareBounds,
       buildUnconstrainedBounds: buildRectangleBounds,
-      buildDefaultBounds: buildDefaultCenteredRectangleBounds,
       buildSegments: buildRectangleSegments
     };
   }
@@ -1318,7 +1277,6 @@ var CircleDrawingState = class extends GeometricDrawingState {
       idleStateId: "circle_idle",
       buildConstrainedBounds: buildCircleBounds,
       buildUnconstrainedBounds: buildEllipseBounds,
-      buildDefaultBounds: buildDefaultCenteredEllipseBounds,
       buildSegments: buildEllipseSegments
     };
   }
@@ -1769,8 +1727,7 @@ var Editor = class {
     this.viewport = {
       x: partial.x ?? this.viewport.x,
       y: partial.y ?? this.viewport.y,
-      zoom: Math.max(0.1, Math.min(4, rawZoom)),
-      rotation: partial.rotation ?? this.viewport.rotation
+      zoom: Math.max(0.1, Math.min(4, rawZoom))
     };
     this.emitChange();
   }
@@ -1784,10 +1741,6 @@ var Editor = class {
     this.viewport = zoomViewport(this.viewport, factor, screenX, screenY);
     this.emitChange();
   }
-  rotateAt(delta, screenX, screenY) {
-    this.viewport = rotateViewport(this.viewport, delta, screenX, screenY);
-    this.emitChange();
-  }
   deleteShapes(ids) {
     if (ids.length === 0) return;
     this.store.deleteShapes(ids);
@@ -1810,8 +1763,7 @@ var Editor = class {
       viewport: {
         x: this.viewport.x,
         y: this.viewport.y,
-        zoom: this.viewport.zoom,
-        rotation: this.viewport.rotation
+        zoom: this.viewport.zoom
       },
       currentToolId: this.getCurrentToolId(),
       drawStyle: this.getCurrentDrawStyle(),
@@ -1819,10 +1771,7 @@ var Editor = class {
     };
   }
   loadSessionStateSnapshot(snapshot) {
-    this.setViewport({
-      ...snapshot.viewport,
-      rotation: snapshot.viewport.rotation ?? 0
-    });
+    this.setViewport(snapshot.viewport);
     this.setCurrentDrawStyle({
       color: snapshot.drawStyle.color,
       dash: snapshot.drawStyle.dash,
@@ -2209,6 +2158,6 @@ function applyResize(editor, handle, startBounds, startShapes, pointer, lockAspe
   }
 }
 
-export { CanvasRenderer, CircleDrawingState, CircleIdleState, DEFAULT_COLORS, DRAG_DISTANCE_SQUARED, DocumentStore, ERASER_MARGIN, Editor, EraserErasingState, EraserIdleState, EraserPointingState, HandDraggingState, HandIdleState, InputManager, MAX_POINTS_PER_SHAPE, PenDrawingState, PenIdleState, STROKE_WIDTHS, SelectIdleState, SquareDrawingState, SquareIdleState, StateNode, ToolManager, applyMove, applyResize, applyRotation, boundsContainPoint, boundsIntersect, boundsOf, buildStartPositions, buildTransformSnapshots, closestOnSegment, createViewport, decodeFirstPoint, decodeLastPoint, decodePathToPoints, decodePoints, distance, documentSnapshotToRecords, encodePoints, getSelectionBoundsPage, getShapeBounds2 as getShapeBounds, getShapesInBounds, getTopShapeAtPoint, isSelectTool, minDistanceToPolyline, normalizeSelectionBounds, padBounds, pageToScreen, panViewport, pointHitsShape, recordsToDocumentSnapshot, resolveThemeColor, rotatePoint, rotateViewport, screenToPage, segmentHitsShape, segmentTouchesPolyline, setViewport, shapePagePoints, sqDistance, zoomViewport };
+export { CanvasRenderer, CircleDrawingState, CircleIdleState, DEFAULT_COLORS, DRAG_DISTANCE_SQUARED, DocumentStore, ERASER_MARGIN, Editor, EraserErasingState, EraserIdleState, EraserPointingState, HandDraggingState, HandIdleState, InputManager, MAX_POINTS_PER_SHAPE, PenDrawingState, PenIdleState, STROKE_WIDTHS, SelectIdleState, SquareDrawingState, SquareIdleState, StateNode, ToolManager, applyMove, applyResize, applyRotation, boundsContainPoint, boundsIntersect, boundsOf, buildStartPositions, buildTransformSnapshots, closestOnSegment, createViewport, decodeFirstPoint, decodeLastPoint, decodePathToPoints, decodePoints, distance, documentSnapshotToRecords, encodePoints, getSelectionBoundsPage, getShapeBounds2 as getShapeBounds, getShapesInBounds, getTopShapeAtPoint, isSelectTool, minDistanceToPolyline, normalizeSelectionBounds, padBounds, pageToScreen, panViewport, pointHitsShape, recordsToDocumentSnapshot, resolveThemeColor, rotatePoint, screenToPage, segmentHitsShape, segmentTouchesPolyline, setViewport, shapePagePoints, sqDistance, zoomViewport };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map