@yuzhouu/canvas-standard 0.1.6 → 0.1.7

package/README.md

@@ -1,6 +1,6 @@
 # @yuzhouu/canvas-standard
 
-The standard Land canvas aggregation. Connector and Packaging remain standalone opt-in plugins; the profile includes and reexports the other first-party plugins and returns matching plugin and minimal CanvasAction arrays for CanvasKit. Product React UI is owned by the consuming app.
+The standard Land canvas aggregation. Arrow, Connector and Packaging remain standalone opt-in plugins; the profile includes and reexports the other first-party plugins and returns matching plugin and minimal CanvasAction arrays for CanvasKit. Product React UI is owned by the consuming app.
 
 `createStandardCanvasKitProfile({ shortcutOverrides })` applies product-level
 shortcut overrides while composing the profile. Omitted entries keep the
@@ -24,7 +24,7 @@ function StandardCanvas() {
 }
 ```
 
-Connector and Packaging must be installed and composed separately:
+Arrow, Connector and Packaging must be installed and composed separately:
 
 ```tsx
 import { Connector } from "@yuzhouu/plugin-connector";
@@ -60,6 +60,20 @@ import {
 
 const flow = canvas.api(flowApiToken);
 if (flow) {
+  const createdNode = flow.createNodeFromPort({
+    sourceShapeId,
+    kind: "text",
+  });
+  const createdConnection = flow.connections.connect({
+    sourceShapeId,
+    targetNodeId,
+  });
+  flow.connections.reconnect({
+    edgeId: createdConnection.edgeId,
+    terminal: "end",
+    shapeId: replacementTargetNodeId,
+  });
+
   const connections = flow.connections.forNode(nodeId);
   const unsubscribe = connections.subscribe(() => {
     const { inputs, outputs } = connections.getSnapshot();
@@ -79,9 +93,12 @@ if (flow) {
 ```
 
 `forNode()` accepts only subtype-marked Flow Text/Image nodes. Connection
-snapshots expose stable edge IDs and source/target shape and port references;
-`disconnect()` validates ownership, supported Flow topology, locks, and
-readonly policy before recording an undoable edge deletion.
+snapshots expose stable edge IDs and source/target shape and port references.
+`connect()` creates a validated edge, `reconnect()` preserves its ID while
+atomically replacing one endpoint, and `disconnect()` records an undoable edge
+deletion. `createNodeFromPort()` owns the composite node measurement, placement,
+edge, and Binding operation; standalone Flow nodes continue to use generic
+`canvas.shapes` CRUD.
 
 The HTML plugin is enabled by default. Pass `html: false` to omit sandboxed
 HTML embeds from a profile.

package/_vendor/plugin-draw/_vendor/canvas-core/editor/editor.d.ts

@@ -33,7 +33,7 @@ import type { LayerOrderDirection, LayerOrderEdge, ShapeSelectionSiblingOrderSta
 import type { ReparentShapePlacementInput, ReparentShapePlacementResult } from "./shapes/shapeReparenting";
 import { SnapManager, type SnapDiagnostics } from "./snapping/snapManager";
 import type { EditorRenderSignals, EditorStateSignals } from "./state/editorSignals";
-import { type CameraAnimationScheduler } from "./viewport/cameraManager";
+import { type CameraAnimationScheduler, type CameraLockPoint } from "./viewport/cameraManager";
 export interface EditorOptions {
     shapeUtils?: ShapeUtil[];
     shapeSvgExporters?: ShapeSvgExporter[];
@@ -97,11 +97,13 @@ export declare class Editor {
     private readonly _shapeDefaultPropsByTypeSignal;
     private assetUrlResolver;
     private readonly _readonlySignal;
+    private readonly _documentLockedSignal;
     private writesClosed;
     readonly document: {
         readonly getMetadata: () => DocumentMetadataRecord | undefined;
         readonly updateMetadata: (patch: Record<string, unknown>, source?: ChangeSource) => DocumentMetadataRecord;
         readonly setReadonly: (readonly: boolean) => void;
+        readonly setLocked: (isLocked: boolean) => void;
     };
     readonly session: {
         readonly get: () => SessionRecord;
@@ -293,6 +295,7 @@ export declare class Editor {
             pageId?: PageId;
             source?: ChangeSource;
         }) => void;
+        readonly setLock: (pagePoint: CameraLockPoint | null) => boolean;
         readonly pan: (delta: Vec, source?: ChangeSource) => void;
         readonly zoomAtScreenPoint: (screenPoint: Vec, deltaY: number, source?: ChangeSource) => void;
         readonly zoomToScreenPoint: (screenPoint: Vec, zoom: number, source?: ChangeSource) => void;
@@ -304,6 +307,15 @@ export declare class Editor {
         }) => void;
         readonly stopCameraAnimation: () => void;
         readonly getCurrentPageBounds: (pageId?: PageId) => Box | null;
+        readonly centerOnPoint: (point: {
+            x: number;
+            y: number;
+        }, options?: {
+            source?: ChangeSource;
+            animation?: {
+                durationMs: number;
+            };
+        }) => boolean;
         readonly centerOnShape: (shapeId: ShapeId, options?: CenterOnShapeOptions) => boolean;
         readonly zoomToBounds: (bounds: Box, options?: {
             padding?: number;
@@ -351,6 +363,7 @@ export declare class Editor {
     };
     constructor(options?: EditorOptions);
     closeWrites(): void;
+    private setDocumentReadonlyFlag;
     assertDocumentWriteAllowed(): void;
     private assertStoreChangeAllowed;
     private registerBuiltInInteractions;

package/_vendor/plugin-draw/_vendor/canvas-core/editor/selection/selectionOverlay.d.ts

@@ -4,6 +4,7 @@ import type { ShapeSelectionHandleAnchors, ShapeSelectionPathStyle } from "../..
 import type { SelectionBindingMiddleHandle, SelectionBindingSegment, SelectionBindingTerminalHandle, SelectionCustomHandle, SelectionFrame, SelectionOverlayHandleAnchorsState, SelectionResizeHandle, SelectionResizeHandleId, SelectionRotateHandle } from "./selection";
 export interface SelectedShapeOverlayItem {
     id: ShapeId;
+    frameCorners: Vec[];
     usesSelectionPathOverlay: boolean;
     startPagePoint: Vec | null;
     endPagePoint: Vec | null;

package/_vendor/plugin-draw/_vendor/canvas-core/editor/state/editorSignals.d.ts

@@ -4,12 +4,14 @@ import type { Mat } from "../../geometry/mat";
 import type { Vec } from "../../geometry/vec";
 import type { Camera, PageId, PageRecord, SessionRecord, ShapeEditingEntryRequest, ShapeEditingSession, ShapeId, ShapeRecord } from "../../schema/records";
 import type { HistoryState } from "../history/historyManager";
+import type { CameraLock } from "../viewport/cameraManager";
 import type { BindingPreviewState, SelectionBindingSegment, SelectionOverlayFrameGeometryState, SelectionOverlayFrameStyleState, SelectionOverlayHandleAnchorsState, SelectionOverlayHandlesState, SnapIndicatorState, TerminalBindingGuideState } from "../selection/selection";
 import type { SelectedShapeOverlayItem } from "../selection/selectionOverlay";
 import type { RenderItem } from "../viewport/renderWindow";
 import type { EditorSelectionMetadata, EditorSelectionState, EditorShapeEditingState, EditorToolState, ShapeTreeSnapshotEntry } from "./editorReadModels";
 export interface EditorStateSignals {
     readonly readonly: Signal<boolean>;
+    readonly documentLocked: Signal<boolean>;
     readonly session: Signal<SessionRecord>;
     readonly pages: Signal<PageRecord[]>;
     readonly currentPageId: Signal<PageId>;
@@ -31,6 +33,7 @@ export interface EditorStateSignals {
     readonly selectionLocalBounds: Signal<Box | null>;
     readonly selectionAnchorPagePoint: Signal<Vec | null>;
     readonly camera: Signal<Camera>;
+    readonly cameraLock: Signal<CameraLock | null>;
     readonly cameraZoom: Signal<number>;
     readonly pageTransform: Signal<Mat>;
     readonly viewportScreenSize: Signal<{

package/_vendor/plugin-draw/_vendor/canvas-core/editor/viewport/cameraManager.d.ts

@@ -14,6 +14,14 @@ export interface CameraAnimationOptions {
     pageId?: PageId;
     source?: ChangeSource;
 }
+export interface CameraLockPoint {
+    readonly x: number;
+    readonly y: number;
+}
+export interface CameraLock {
+    readonly pageId: PageId;
+    readonly pagePoint: CameraLockPoint;
+}
 /**
  * Camera and viewport-screen-size state for the editor. Owns the viewport size
  * atom (viewport + camera together define the page<->screen transform) and the
@@ -29,6 +37,8 @@ export declare class CameraManager {
         w: number;
         h: number;
     }>;
+    private readonly _cameraLockSignal;
+    readonly cameraLockSignal: Signal<CameraLock | null>;
     private animationFrame;
     private animationGeneration;
     constructor(editor: Editor, animationScheduler?: CameraAnimationScheduler | undefined);
@@ -40,6 +50,7 @@ export declare class CameraManager {
         pageId?: PageId;
         source?: ChangeSource;
     }): void;
+    setLock(pagePoint: CameraLockPoint | null): boolean;
     animateCameraTo(target: Camera, options: CameraAnimationOptions): void;
     cancelAnimation(): void;
     dispose(): void;

package/_vendor/plugin-draw/_vendor/canvas-core/index.d.ts

@@ -1,5 +1,5 @@
 export { Editor, type CenterOnShapeOptions, } from "./editor/editor";
-export type { CameraAnimationScheduler } from "./editor/viewport/cameraManager";
+export type { CameraAnimationScheduler, CameraLock, CameraLockPoint, } from "./editor/viewport/cameraManager";
 export { createEditor, type CreateEditorOptions, } from "./editor/createEditor";
 export { HistoryManager, type HistoryScope, type HistoryState, } from "./editor/history/historyManager";
 export { EditorOperationManager, type EditorCommit, type EditorOperation, type EditorOperationHistory, type EditorOperationOptions, } from "./editor/history/operationManager";

package/_vendor/plugin-draw/_vendor/canvas-react/host/ShapeHeadingControl.d.ts

@@ -25,11 +25,10 @@ export interface ShapeHeadingControlProps<S extends ShapeRecordBase = ShapeRecor
     readonly color?: string;
     readonly offsetX?: number;
     readonly editable?: boolean;
-    readonly showBackground?: boolean;
     readonly showDragHandle?: boolean;
 }
 export declare function createShapeHeadingDomEventGuard({ id, selector, }: {
     id: string;
     selector: string;
 }): CanvasDomEventGuard;
-export declare function ShapeHeadingControl<S extends ShapeRecordBase>({ editor, shape, isEditing, value, fallback, bodyWidth, bodyHeight, renderHeight, operationKind, editAriaLabel, inputAriaLabel, dataUi, onValueChange, leading, color, offsetX, editable, showBackground, showDragHandle, }: ShapeHeadingControlProps<S>): import("react/jsx-runtime").JSX.Element;
+export declare function ShapeHeadingControl<S extends ShapeRecordBase>({ editor, shape, isEditing, value, fallback, bodyWidth, bodyHeight, renderHeight, operationKind, editAriaLabel, inputAriaLabel, dataUi, onValueChange, leading, color, offsetX, editable, showDragHandle, }: ShapeHeadingControlProps<S>): import("react/jsx-runtime").JSX.Element;

package/_vendor/plugin-draw/_vendor/canvas-react/index.d.ts

@@ -3,3 +3,4 @@ export type { CanvasContextMenuRequest, CanvasContextMenuTarget, } from "./conte
 export { CANVAS_SURFACE_DATA_UI, CANVAS_SURFACE_SELECTOR, forwardWheelEventToCanvasSurface, getCanvasSurfaceElement, getCanvasSurfaceElementForNode, getCanvasSurfacePagePoint, getCanvasSurfaceScreenPoint, getEditableEventTarget, isEditableEventTarget, } from "./dom";
 export { useEditor, EditorContext } from "./hooks/useEditor";
 export { useValue } from "./hooks/useValue";
+export { BindingSegmentsOverlay } from "./components/overlays/SelectionPathOverlay";

package/_vendor/plugin-draw/api.d.ts

@@ -1,13 +1,17 @@
-import type { Editor, ShapeId } from "./_vendor/canvas-core/index";
-import { type DrawShapeProps } from "./types";
-export type DrawStylePatch = Partial<Pick<DrawShapeProps, "fill" | "stroke" | "strokeWidth" | "isClosed">>;
+import { type Editor, type ShapeId } from "./_vendor/canvas-core/index";
+import { type DrawShapeProps, type DrawBrush } from "./types";
+type DrawBrushStyle = Pick<DrawShapeProps, "brush" | "fill" | "stroke" | "strokeWidth" | "isClosed">;
+export type DrawStylePatch = Partial<DrawBrushStyle>;
 export interface DrawApi {
     getSelectionStyle(): DrawStylePatch | null;
     setSelectionStyle(patch: DrawStylePatch): readonly ShapeId[];
     getToolDefaults(): DrawShapeProps;
+    subscribeToolDefaults(listener: () => void): () => void;
+    getBrushDefaults(brush: DrawBrush): DrawBrushStyle;
     setToolDefaults(patch: DrawStylePatch): DrawShapeProps;
 }
 export declare const drawApiToken: import("./_vendor/canvas-extension-contracts/index").CanvasApiToken<DrawApi>;
 export declare function createDrawPluginApi({ editor, }: {
     editor: Editor;
 }): DrawApi;
+export {};

package/_vendor/plugin-draw/drawGeometry.d.ts

@@ -1,7 +1,7 @@
 import { Box, Vec } from "./_vendor/canvas-core/index";
 import { type DrawSelectionFlipInput, type DrawSelectionResizeInput } from "./drawSelectionTransform";
 import { getDrawPointGeometry, getDrawSegmentGeometry, type DrawShapeGeometry, type DrawShapeSamplingStats } from "./drawShapeGeometry";
-import type { DrawShapePoint, DrawShapeRecord, DrawShapeSegment } from "./types";
+import type { DrawBrush, DrawShapePoint, DrawShapeRecord, DrawShapeSegment } from "./types";
 export { getDrawPointGeometry, getDrawSegmentGeometry };
 export type { DrawShapeGeometry, DrawShapeSamplingStats, } from "./drawShapeGeometry";
 type DrawLocalGeometryCacheKey = Pick<DrawShapeRecord, "props">;
@@ -26,10 +26,18 @@ export interface NormalizedDrawShape {
     sampling: DrawShapeSamplingStats;
 }
 export declare function getDrawShapeLocalGeometry(shape: DrawLocalGeometryCacheKey): DrawShapeGeometry;
-export declare function normalizeDrawShapeFromSegmentSet(segments: readonly DrawShapeSegment[], strokeWidth: number, isPen?: boolean, isClosed?: boolean): NormalizedDrawShape;
-export declare function normalizeDrawShapeFromPointSet(points: readonly DrawShapePoint[], strokeWidth: number, isPen?: boolean, isClosed?: boolean): NormalizedDrawShape;
-export declare function normalizeDrawShapeFromPoints(pagePoints: readonly DrawShapePoint[], strokeWidth: number, isPen?: boolean, isClosed?: boolean): NormalizedDrawShape;
-export declare function normalizeDrawShapeFromSegments(pageSegments: readonly DrawShapeSegment[], strokeWidth: number, isPen?: boolean, isClosed?: boolean): NormalizedDrawShape;
+export declare function normalizeDrawShapeFromSegmentSet(segments: readonly DrawShapeSegment[], strokeWidth: number, isPen?: boolean, isClosed?: boolean, options?: {
+    brush?: DrawBrush;
+}): NormalizedDrawShape;
+export declare function normalizeDrawShapeFromPointSet(points: readonly DrawShapePoint[], strokeWidth: number, isPen?: boolean, isClosed?: boolean, options?: {
+    brush?: DrawBrush;
+}): NormalizedDrawShape;
+export declare function normalizeDrawShapeFromPoints(pagePoints: readonly DrawShapePoint[], strokeWidth: number, isPen?: boolean, isClosed?: boolean, options?: {
+    brush?: DrawBrush;
+}): NormalizedDrawShape;
+export declare function normalizeDrawShapeFromSegments(pageSegments: readonly DrawShapeSegment[], strokeWidth: number, isPen?: boolean, isClosed?: boolean, options?: {
+    brush?: DrawBrush;
+}): NormalizedDrawShape;
 export declare function getDrawShapePositionedSegments(shape: Pick<DrawShapeRecord, "x" | "y" | "props">): DrawShapeSegment[];
 export declare function getDrawShapePositionedPoints(shape: Pick<DrawShapeRecord, "x" | "y" | "props">): DrawShapePoint[];
 export declare function getDrawShapePositionedGeometry(shape: DrawPositionedGeometryCacheKey): DrawShapeGeometry;

package/_vendor/plugin-draw/drawInputFilter.d.ts

@@ -0,0 +1,25 @@
+import { Vec } from "./_vendor/canvas-core/index";
+interface DrawInputSample {
+    screenPoint: Vec;
+    timestamp: number;
+    pressure: number;
+}
+export declare class DrawInputFilter {
+    private previous;
+    private position;
+    private velocity;
+    private pressure;
+    private readonly maxLag;
+    constructor({ sample, isPen }: {
+        sample: DrawInputSample;
+        isPen: boolean;
+    });
+    update(sample: DrawInputSample, { straight, complete }?: {
+        straight?: boolean;
+        complete?: boolean;
+    }): {
+        screenPoint: Vec;
+        pressure: number;
+    };
+}
+export {};

package/_vendor/plugin-draw/drawPath.d.ts

@@ -1,9 +1,6 @@
 import { Vec } from "./_vendor/canvas-core/index";
 import type { DrawShapePoint, DrawShapeSegment } from "./types";
 export interface DrawPointSamplingOptions {
-    minPointDistance: number;
-    positionBlend: number;
-    pressureBlend: number;
     maxPointCount: number;
 }
 export interface DrawInputPointGuardOptions {

package/_vendor/plugin-draw/drawShapeGeometry.d.ts

@@ -1,5 +1,5 @@
 import { Box, Vec } from "./_vendor/canvas-core/index";
-import type { DrawShapePoint, DrawShapeSegment } from "./types";
+import type { DrawBrush, DrawShapePoint, DrawShapeSegment } from "./types";
 export interface DrawShapeSamplingStats {
     rawPointCount: number;
     sampledPointCount: number;
@@ -30,4 +30,6 @@ export declare function createDrawGeometryFromDerivedData({ segments, outlineVer
 }): DrawShapeGeometry;
 export declare function createTranslatedDrawGeometry(geometry: DrawShapeGeometry, strokeWidth: number, dx: number, dy: number, isClosed: boolean): DrawShapeGeometry;
 export declare function getDrawPointGeometry(points: readonly DrawShapePoint[], strokeWidth: number, isPen?: boolean, isClosed?: boolean): DrawShapeGeometry;
-export declare function getDrawSegmentGeometry(segments: readonly DrawShapeSegment[], strokeWidth: number, isPen?: boolean, isClosed?: boolean): DrawShapeGeometry;
+export declare function getDrawSegmentGeometry(segments: readonly DrawShapeSegment[], strokeWidth: number, isPen?: boolean, isClosed?: boolean, { brush }?: {
+    brush?: DrawBrush;
+}): DrawShapeGeometry;

package/_vendor/plugin-draw/drawStrokeGeometry.d.ts

@@ -1,17 +1,9 @@
 import { Vec } from "./_vendor/canvas-core/index";
 import type { DrawShapePoint } from "./types";
-export interface DrawStrokeDerivedPoint {
-    point: Vec;
-    direction: Vec;
-    pressure: number;
-    radius: number;
-    runningLength: number;
-}
-export declare function createStrokeDerivedPoints(points: readonly DrawShapePoint[], strokeWidth: number, isPen: boolean, isClosed: boolean, options?: {
-    taperStart?: boolean;
-    taperEnd?: boolean;
-}): DrawStrokeDerivedPoint[];
-export declare function getStrokeOutlineVertices(points: readonly DrawStrokeDerivedPoint[], isClosed: boolean, options?: {
-    capStart?: boolean;
-    capEnd?: boolean;
+export declare function getDrawStrokeOutline({ points, strokeWidth, isPen, isClosed, constantWidth, }: {
+    points: readonly DrawShapePoint[];
+    strokeWidth: number;
+    isPen: boolean;
+    isClosed: boolean;
+    constantWidth: boolean;
 }): Vec[];

package/_vendor/plugin-draw/index.d.ts

@@ -8,7 +8,7 @@ export { createDrawCanvasRenderPlugin } from "./canvasRender";
 export { Draw } from "./feature";
 export { flipDrawShapeInSelectionBounds, getDrawShapeDiagnostics, getDrawShapeParentSegments, getDrawShapeParentPoints, } from "./drawGeometry";
 export { interpolateDrawShapeRecords } from "./drawInterpolation";
-export type { DrawShapePoint, DrawShapeProps, DrawShapeRecord, DrawShapeSegment, } from "./types";
+export type { DrawBrush, DrawShapePoint, DrawShapeProps, DrawShapeRecord, DrawShapeSegment, } from "./types";
 export { isDrawShapeRecord } from "./types";
 export type { DrawShapeDiagnostics, DrawShapeSamplingStats, } from "./drawGeometry";
 export type { DrawShapeInterpolationOptions } from "./drawInterpolation";

package/_vendor/plugin-draw/types.d.ts

@@ -8,7 +8,9 @@ export interface DrawShapePoint {
 export interface DrawShapeSegment {
     points: DrawShapePoint[];
 }
+export type DrawBrush = "pencil" | "highlighter";
 export interface DrawShapeProps {
+    brush: DrawBrush;
     segments: DrawShapeSegment[];
     stroke: ShapeColor;
     strokeWidth: number;

package/_vendor/plugin-eraser/_vendor/canvas-core/editor/editor.d.ts

@@ -33,7 +33,7 @@ import type { LayerOrderDirection, LayerOrderEdge, ShapeSelectionSiblingOrderSta
 import type { ReparentShapePlacementInput, ReparentShapePlacementResult } from "./shapes/shapeReparenting";
 import { SnapManager, type SnapDiagnostics } from "./snapping/snapManager";
 import type { EditorRenderSignals, EditorStateSignals } from "./state/editorSignals";
-import { type CameraAnimationScheduler } from "./viewport/cameraManager";
+import { type CameraAnimationScheduler, type CameraLockPoint } from "./viewport/cameraManager";
 export interface EditorOptions {
     shapeUtils?: ShapeUtil[];
     shapeSvgExporters?: ShapeSvgExporter[];
@@ -97,11 +97,13 @@ export declare class Editor {
     private readonly _shapeDefaultPropsByTypeSignal;
     private assetUrlResolver;
     private readonly _readonlySignal;
+    private readonly _documentLockedSignal;
     private writesClosed;
     readonly document: {
         readonly getMetadata: () => DocumentMetadataRecord | undefined;
         readonly updateMetadata: (patch: Record<string, unknown>, source?: ChangeSource) => DocumentMetadataRecord;
         readonly setReadonly: (readonly: boolean) => void;
+        readonly setLocked: (isLocked: boolean) => void;
     };
     readonly session: {
         readonly get: () => SessionRecord;
@@ -293,6 +295,7 @@ export declare class Editor {
             pageId?: PageId;
             source?: ChangeSource;
         }) => void;
+        readonly setLock: (pagePoint: CameraLockPoint | null) => boolean;
         readonly pan: (delta: Vec, source?: ChangeSource) => void;
         readonly zoomAtScreenPoint: (screenPoint: Vec, deltaY: number, source?: ChangeSource) => void;
         readonly zoomToScreenPoint: (screenPoint: Vec, zoom: number, source?: ChangeSource) => void;
@@ -304,6 +307,15 @@ export declare class Editor {
         }) => void;
         readonly stopCameraAnimation: () => void;
         readonly getCurrentPageBounds: (pageId?: PageId) => Box | null;
+        readonly centerOnPoint: (point: {
+            x: number;
+            y: number;
+        }, options?: {
+            source?: ChangeSource;
+            animation?: {
+                durationMs: number;
+            };
+        }) => boolean;
         readonly centerOnShape: (shapeId: ShapeId, options?: CenterOnShapeOptions) => boolean;
         readonly zoomToBounds: (bounds: Box, options?: {
             padding?: number;
@@ -351,6 +363,7 @@ export declare class Editor {
     };
     constructor(options?: EditorOptions);
     closeWrites(): void;
+    private setDocumentReadonlyFlag;
     assertDocumentWriteAllowed(): void;
     private assertStoreChangeAllowed;
     private registerBuiltInInteractions;

package/_vendor/plugin-eraser/_vendor/canvas-core/editor/selection/selectionOverlay.d.ts

@@ -4,6 +4,7 @@ import type { ShapeSelectionHandleAnchors, ShapeSelectionPathStyle } from "../..
 import type { SelectionBindingMiddleHandle, SelectionBindingSegment, SelectionBindingTerminalHandle, SelectionCustomHandle, SelectionFrame, SelectionOverlayHandleAnchorsState, SelectionResizeHandle, SelectionResizeHandleId, SelectionRotateHandle } from "./selection";
 export interface SelectedShapeOverlayItem {
     id: ShapeId;
+    frameCorners: Vec[];
     usesSelectionPathOverlay: boolean;
     startPagePoint: Vec | null;
     endPagePoint: Vec | null;

package/_vendor/plugin-eraser/_vendor/canvas-core/editor/state/editorSignals.d.ts

@@ -4,12 +4,14 @@ import type { Mat } from "../../geometry/mat";
 import type { Vec } from "../../geometry/vec";
 import type { Camera, PageId, PageRecord, SessionRecord, ShapeEditingEntryRequest, ShapeEditingSession, ShapeId, ShapeRecord } from "../../schema/records";
 import type { HistoryState } from "../history/historyManager";
+import type { CameraLock } from "../viewport/cameraManager";
 import type { BindingPreviewState, SelectionBindingSegment, SelectionOverlayFrameGeometryState, SelectionOverlayFrameStyleState, SelectionOverlayHandleAnchorsState, SelectionOverlayHandlesState, SnapIndicatorState, TerminalBindingGuideState } from "../selection/selection";
 import type { SelectedShapeOverlayItem } from "../selection/selectionOverlay";
 import type { RenderItem } from "../viewport/renderWindow";
 import type { EditorSelectionMetadata, EditorSelectionState, EditorShapeEditingState, EditorToolState, ShapeTreeSnapshotEntry } from "./editorReadModels";
 export interface EditorStateSignals {
     readonly readonly: Signal<boolean>;
+    readonly documentLocked: Signal<boolean>;
     readonly session: Signal<SessionRecord>;
     readonly pages: Signal<PageRecord[]>;
     readonly currentPageId: Signal<PageId>;
@@ -31,6 +33,7 @@ export interface EditorStateSignals {
     readonly selectionLocalBounds: Signal<Box | null>;
     readonly selectionAnchorPagePoint: Signal<Vec | null>;
     readonly camera: Signal<Camera>;
+    readonly cameraLock: Signal<CameraLock | null>;
     readonly cameraZoom: Signal<number>;
     readonly pageTransform: Signal<Mat>;
     readonly viewportScreenSize: Signal<{

package/_vendor/plugin-eraser/_vendor/canvas-core/editor/viewport/cameraManager.d.ts

@@ -14,6 +14,14 @@ export interface CameraAnimationOptions {
     pageId?: PageId;
     source?: ChangeSource;
 }
+export interface CameraLockPoint {
+    readonly x: number;
+    readonly y: number;
+}
+export interface CameraLock {
+    readonly pageId: PageId;
+    readonly pagePoint: CameraLockPoint;
+}
 /**
  * Camera and viewport-screen-size state for the editor. Owns the viewport size
  * atom (viewport + camera together define the page<->screen transform) and the
@@ -29,6 +37,8 @@ export declare class CameraManager {
         w: number;
         h: number;
     }>;
+    private readonly _cameraLockSignal;
+    readonly cameraLockSignal: Signal<CameraLock | null>;
     private animationFrame;
     private animationGeneration;
     constructor(editor: Editor, animationScheduler?: CameraAnimationScheduler | undefined);
@@ -40,6 +50,7 @@ export declare class CameraManager {
         pageId?: PageId;
         source?: ChangeSource;
     }): void;
+    setLock(pagePoint: CameraLockPoint | null): boolean;
     animateCameraTo(target: Camera, options: CameraAnimationOptions): void;
     cancelAnimation(): void;
     dispose(): void;

package/_vendor/plugin-eraser/_vendor/canvas-core/index.d.ts

@@ -1,5 +1,5 @@
 export { Editor, type CenterOnShapeOptions, } from "./editor/editor";
-export type { CameraAnimationScheduler } from "./editor/viewport/cameraManager";
+export type { CameraAnimationScheduler, CameraLock, CameraLockPoint, } from "./editor/viewport/cameraManager";
 export { createEditor, type CreateEditorOptions, } from "./editor/createEditor";
 export { HistoryManager, type HistoryScope, type HistoryState, } from "./editor/history/historyManager";
 export { EditorOperationManager, type EditorCommit, type EditorOperation, type EditorOperationHistory, type EditorOperationOptions, } from "./editor/history/operationManager";

package/_vendor/plugin-eraser/_vendor/canvas-react/host/ShapeHeadingControl.d.ts

@@ -25,11 +25,10 @@ export interface ShapeHeadingControlProps<S extends ShapeRecordBase = ShapeRecor
     readonly color?: string;
     readonly offsetX?: number;
     readonly editable?: boolean;
-    readonly showBackground?: boolean;
     readonly showDragHandle?: boolean;
 }
 export declare function createShapeHeadingDomEventGuard({ id, selector, }: {
     id: string;
     selector: string;
 }): CanvasDomEventGuard;
-export declare function ShapeHeadingControl<S extends ShapeRecordBase>({ editor, shape, isEditing, value, fallback, bodyWidth, bodyHeight, renderHeight, operationKind, editAriaLabel, inputAriaLabel, dataUi, onValueChange, leading, color, offsetX, editable, showBackground, showDragHandle, }: ShapeHeadingControlProps<S>): import("react/jsx-runtime").JSX.Element;
+export declare function ShapeHeadingControl<S extends ShapeRecordBase>({ editor, shape, isEditing, value, fallback, bodyWidth, bodyHeight, renderHeight, operationKind, editAriaLabel, inputAriaLabel, dataUi, onValueChange, leading, color, offsetX, editable, showDragHandle, }: ShapeHeadingControlProps<S>): import("react/jsx-runtime").JSX.Element;

package/_vendor/plugin-eraser/_vendor/canvas-react/index.d.ts

@@ -3,3 +3,4 @@ export type { CanvasContextMenuRequest, CanvasContextMenuTarget, } from "./conte
 export { CANVAS_SURFACE_DATA_UI, CANVAS_SURFACE_SELECTOR, forwardWheelEventToCanvasSurface, getCanvasSurfaceElement, getCanvasSurfaceElementForNode, getCanvasSurfacePagePoint, getCanvasSurfaceScreenPoint, getEditableEventTarget, isEditableEventTarget, } from "./dom";
 export { useEditor, EditorContext } from "./hooks/useEditor";
 export { useValue } from "./hooks/useValue";
+export { BindingSegmentsOverlay } from "./components/overlays/SelectionPathOverlay";

package/_vendor/plugin-flow/_vendor/canvas-core/editor/editor.d.ts

@@ -33,7 +33,7 @@ import type { LayerOrderDirection, LayerOrderEdge, ShapeSelectionSiblingOrderSta
 import type { ReparentShapePlacementInput, ReparentShapePlacementResult } from "./shapes/shapeReparenting";
 import { SnapManager, type SnapDiagnostics } from "./snapping/snapManager";
 import type { EditorRenderSignals, EditorStateSignals } from "./state/editorSignals";
-import { type CameraAnimationScheduler } from "./viewport/cameraManager";
+import { type CameraAnimationScheduler, type CameraLockPoint } from "./viewport/cameraManager";
 export interface EditorOptions {
     shapeUtils?: ShapeUtil[];
     shapeSvgExporters?: ShapeSvgExporter[];
@@ -97,11 +97,13 @@ export declare class Editor {
     private readonly _shapeDefaultPropsByTypeSignal;
     private assetUrlResolver;
     private readonly _readonlySignal;
+    private readonly _documentLockedSignal;
     private writesClosed;
     readonly document: {
         readonly getMetadata: () => DocumentMetadataRecord | undefined;
         readonly updateMetadata: (patch: Record<string, unknown>, source?: ChangeSource) => DocumentMetadataRecord;
         readonly setReadonly: (readonly: boolean) => void;
+        readonly setLocked: (isLocked: boolean) => void;
     };
     readonly session: {
         readonly get: () => SessionRecord;
@@ -293,6 +295,7 @@ export declare class Editor {
             pageId?: PageId;
             source?: ChangeSource;
         }) => void;
+        readonly setLock: (pagePoint: CameraLockPoint | null) => boolean;
         readonly pan: (delta: Vec, source?: ChangeSource) => void;
         readonly zoomAtScreenPoint: (screenPoint: Vec, deltaY: number, source?: ChangeSource) => void;
         readonly zoomToScreenPoint: (screenPoint: Vec, zoom: number, source?: ChangeSource) => void;
@@ -304,6 +307,15 @@ export declare class Editor {
         }) => void;
         readonly stopCameraAnimation: () => void;
         readonly getCurrentPageBounds: (pageId?: PageId) => Box | null;
+        readonly centerOnPoint: (point: {
+            x: number;
+            y: number;
+        }, options?: {
+            source?: ChangeSource;
+            animation?: {
+                durationMs: number;
+            };
+        }) => boolean;
         readonly centerOnShape: (shapeId: ShapeId, options?: CenterOnShapeOptions) => boolean;
         readonly zoomToBounds: (bounds: Box, options?: {
             padding?: number;
@@ -351,6 +363,7 @@ export declare class Editor {
     };
     constructor(options?: EditorOptions);
     closeWrites(): void;
+    private setDocumentReadonlyFlag;
     assertDocumentWriteAllowed(): void;
     private assertStoreChangeAllowed;
     private registerBuiltInInteractions;

package/_vendor/plugin-flow/_vendor/canvas-core/editor/selection/selectionOverlay.d.ts

@@ -4,6 +4,7 @@ import type { ShapeSelectionHandleAnchors, ShapeSelectionPathStyle } from "../..
 import type { SelectionBindingMiddleHandle, SelectionBindingSegment, SelectionBindingTerminalHandle, SelectionCustomHandle, SelectionFrame, SelectionOverlayHandleAnchorsState, SelectionResizeHandle, SelectionResizeHandleId, SelectionRotateHandle } from "./selection";
 export interface SelectedShapeOverlayItem {
     id: ShapeId;
+    frameCorners: Vec[];
     usesSelectionPathOverlay: boolean;
     startPagePoint: Vec | null;
     endPagePoint: Vec | null;

package/_vendor/plugin-flow/_vendor/canvas-core/editor/state/editorSignals.d.ts

@@ -4,12 +4,14 @@ import type { Mat } from "../../geometry/mat";
 import type { Vec } from "../../geometry/vec";
 import type { Camera, PageId, PageRecord, SessionRecord, ShapeEditingEntryRequest, ShapeEditingSession, ShapeId, ShapeRecord } from "../../schema/records";
 import type { HistoryState } from "../history/historyManager";
+import type { CameraLock } from "../viewport/cameraManager";
 import type { BindingPreviewState, SelectionBindingSegment, SelectionOverlayFrameGeometryState, SelectionOverlayFrameStyleState, SelectionOverlayHandleAnchorsState, SelectionOverlayHandlesState, SnapIndicatorState, TerminalBindingGuideState } from "../selection/selection";
 import type { SelectedShapeOverlayItem } from "../selection/selectionOverlay";
 import type { RenderItem } from "../viewport/renderWindow";
 import type { EditorSelectionMetadata, EditorSelectionState, EditorShapeEditingState, EditorToolState, ShapeTreeSnapshotEntry } from "./editorReadModels";
 export interface EditorStateSignals {
     readonly readonly: Signal<boolean>;
+    readonly documentLocked: Signal<boolean>;
     readonly session: Signal<SessionRecord>;
     readonly pages: Signal<PageRecord[]>;
     readonly currentPageId: Signal<PageId>;
@@ -31,6 +33,7 @@ export interface EditorStateSignals {
     readonly selectionLocalBounds: Signal<Box | null>;
     readonly selectionAnchorPagePoint: Signal<Vec | null>;
     readonly camera: Signal<Camera>;
+    readonly cameraLock: Signal<CameraLock | null>;
     readonly cameraZoom: Signal<number>;
     readonly pageTransform: Signal<Mat>;
     readonly viewportScreenSize: Signal<{

package/_vendor/plugin-flow/_vendor/canvas-core/editor/viewport/cameraManager.d.ts

@@ -14,6 +14,14 @@ export interface CameraAnimationOptions {
     pageId?: PageId;
     source?: ChangeSource;
 }
+export interface CameraLockPoint {
+    readonly x: number;
+    readonly y: number;
+}
+export interface CameraLock {
+    readonly pageId: PageId;
+    readonly pagePoint: CameraLockPoint;
+}
 /**
  * Camera and viewport-screen-size state for the editor. Owns the viewport size
  * atom (viewport + camera together define the page<->screen transform) and the
@@ -29,6 +37,8 @@ export declare class CameraManager {
         w: number;
         h: number;
     }>;
+    private readonly _cameraLockSignal;
+    readonly cameraLockSignal: Signal<CameraLock | null>;
     private animationFrame;
     private animationGeneration;
     constructor(editor: Editor, animationScheduler?: CameraAnimationScheduler | undefined);
@@ -40,6 +50,7 @@ export declare class CameraManager {
         pageId?: PageId;
         source?: ChangeSource;
     }): void;
+    setLock(pagePoint: CameraLockPoint | null): boolean;
     animateCameraTo(target: Camera, options: CameraAnimationOptions): void;
     cancelAnimation(): void;
     dispose(): void;

package/_vendor/plugin-flow/_vendor/canvas-core/index.d.ts

@@ -1,5 +1,5 @@
 export { Editor, type CenterOnShapeOptions, } from "./editor/editor";
-export type { CameraAnimationScheduler } from "./editor/viewport/cameraManager";
+export type { CameraAnimationScheduler, CameraLock, CameraLockPoint, } from "./editor/viewport/cameraManager";
 export { createEditor, type CreateEditorOptions, } from "./editor/createEditor";
 export { HistoryManager, type HistoryScope, type HistoryState, } from "./editor/history/historyManager";
 export { EditorOperationManager, type EditorCommit, type EditorOperation, type EditorOperationHistory, type EditorOperationOptions, } from "./editor/history/operationManager";