@yuzhouu/canvas-kit 0.1.20 → 0.1.22

package/README.md

@@ -67,7 +67,7 @@ function SelectionToolbar() {
 
 Pass a `chromeRenderer` to `CanvasKitRoot`. The renderer receives the same `CanvasKit` available from `useCanvasKit()`. Product components subscribe only to the capability they render, for example `useCanvasValue(canvas.pages.state)` or `useCanvasValue(canvas.history.state)`.
 
-Zen and Professional build separate React trees and CSS from that facade. Feature controls call `canvas.api(token)` directly. Packaging UI therefore remains in Professional, while Connector is part of the standard plugin graph.
+Zen and Professional build separate React trees and CSS from that facade. Feature controls call `canvas.api(token)` directly. Packaging UI therefore remains in Professional, while Zen composes Connector alongside Standard. Arrow, Connector and Packaging remain standalone opt-in plugins.
 
 ## Plugins and React composition
 

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

@@ -45,6 +45,8 @@ export interface EditorOptions {
     onUnhandledError?: (error: unknown) => void;
     snapDiagnostics?: SnapDiagnostics;
     cameraAnimationScheduler?: CameraAnimationScheduler;
+    minZoom?: number;
+    maxZoom?: number;
 }
 export interface CenterOnShapeOptions {
     source?: ChangeSource;
@@ -69,6 +71,7 @@ export declare class Editor {
     readonly inputs: InputsManager;
     readonly tools: ToolManager;
     private readonly cameraManager;
+    private readonly zoomLimits;
     readonly editing: ShapeEditingManager;
     readonly shapeUtils: ShapeUtilRegistry;
     readonly shapeSvgExporters: ShapeSvgExporterRegistry;
@@ -97,11 +100,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;
@@ -286,6 +291,7 @@ export declare class Editor {
         readonly resolveTerminal: (input: TerminalBindingResolverInput) => ResolvedTerminalBinding;
     };
     readonly viewport: {
+        readonly clampZoom: (zoom: number) => number;
         readonly getCamera: (pageId?: PageId) => Camera;
         readonly pageToScreen: (point: Vec, pageId?: PageId) => Vec;
         readonly screenToPage: (point: Vec, pageId?: PageId) => Vec;
@@ -305,6 +311,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;
@@ -352,6 +367,7 @@ export declare class Editor {
     };
     constructor(options?: EditorOptions);
     closeWrites(): void;
+    private setDocumentReadonlyFlag;
     assertDocumentWriteAllowed(): void;
     private assertStoreChangeAllowed;
     private registerBuiltInInteractions;

package/_vendor/canvas-core/editor/records/documentSnapshots.d.ts

@@ -2,7 +2,10 @@ import { type ChangeSource } from "../../../store/index";
 import { type EditorRecord } from "../../schema/records";
 import { type DocumentSnapshot, type SessionSnapshot } from "../../schema/snapshots";
 import type { Editor } from "../editor";
-export declare function createInitialEditorRecords(documentMeta?: Record<string, unknown>): EditorRecord[];
+export declare function createInitialEditorRecords({ documentMeta, initialZoom, }: {
+    documentMeta?: Record<string, unknown>;
+    initialZoom: number;
+}): EditorRecord[];
 export declare function getEditorDocumentSnapshot(editor: Editor): DocumentSnapshot;
 export declare function getEditorSessionSnapshot(editor: Editor): SessionSnapshot;
 export declare function loadEditorDocumentSnapshot(editor: Editor, snapshot: unknown, options?: {

package/_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/canvas-core/editor/state/editorSignals.d.ts

@@ -11,6 +11,7 @@ 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>;

package/_vendor/canvas-core/editor/viewport/camera.d.ts

@@ -1,3 +1,6 @@
-export declare const CAMERA_MIN_ZOOM = 0.1;
-export declare const CAMERA_MAX_ZOOM = 8;
-export declare function clampCameraZoom(zoom: number): number;
+export interface CameraZoomLimits {
+    readonly minZoom: number;
+    readonly maxZoom: number;
+}
+export declare function resolveCameraZoomLimits({ minZoom, maxZoom, }: Partial<CameraZoomLimits>): CameraZoomLimits;
+export declare function clampCameraZoom(zoom: number, limits: CameraZoomLimits): number;

package/_vendor/canvas-react/components/shape-layer/ShapeRenderer.d.ts

@@ -1,12 +1,17 @@
-import type { Editor, ShapeRecord } from "../../../canvas-core/index";
+import { type Editor, type ShapeId, type ShapeRecord } from "../../../canvas-core/index";
 import { type AnyRegisteredShapeRenderer, type ShapeRendererProps } from "../../host/canvasRenderPlugin";
+import type { ShapeFrame } from "./shapeFrame";
 interface MemoizedShapeRendererProps extends ShapeRendererProps {
     Component: AnyRegisteredShapeRenderer["component"];
 }
 export declare const MemoizedShapeRenderer: import("react").NamedExoticComponent<MemoizedShapeRendererProps>;
-export declare function ShapeHoverDecoration({ Component, editor, shape, }: {
+export declare function ShapeHoverDecoration({ Component, editor, shape, frame, clipAncestorIds, opacity, stackingOrder, }: {
     Component: NonNullable<AnyRegisteredShapeRenderer["hoverComponent"]>;
     editor: Editor;
     shape: ShapeRecord;
-}): import("react/jsx-runtime").JSX.Element;
+    frame: ShapeFrame;
+    clipAncestorIds: readonly ShapeId[];
+    opacity: number;
+    stackingOrder: number;
+}): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/_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/canvas-react/host/ShapeHoverRect.d.ts

@@ -0,0 +1,9 @@
+export declare function ShapeHoverRect({ dataUi, width, height, x, y, radius, strokeWidth, }: {
+    dataUi: string;
+    width: number;
+    height: number;
+    x?: number;
+    y?: number;
+    radius?: number;
+    strokeWidth: number;
+}): import("react/jsx-runtime").JSX.Element;

package/_vendor/canvas-react/host/canvasRenderPlugin.d.ts

@@ -7,13 +7,14 @@ export interface ShapeRendererProps<S extends ShapeRecordBase = ShapeRecordBase>
     shapeEditingSession: ShapeEditingSession | null;
 }
 /**
- * Rendered inside the shape's render-bounds host. SVG coordinates should match
- * the shape util's `getRenderBounds()` coordinate space.
+ * Rendered inside an SVG hover host that handles shape and ancestor transforms.
+ * Return SVG content with non-scaling strokes. Nested SVG coordinates should
+ * match the shape util's `getRenderBounds()` coordinate space; use x/y for offsets.
  */
 export interface ShapeHoverRendererProps<S extends ShapeRecordBase = ShapeRecordBase> {
     shape: S;
     editor: Editor;
-    /** Local-space width that renders as the standard hover width on screen. */
+    /** Zoom-adjusted SVG non-scaling stroke width, independent of shape scale. */
     strokeWidth: number;
 }
 export declare const SHAPE_HOVER_STROKE = "var(--land-shape-hover, var(--land-selection, #2563eb))";

package/_vendor/canvas-react/host/index.d.ts

@@ -2,6 +2,7 @@ export { CanvasRenderBindingsContext, useCanvasOverlays, useCanvasRenderBindings
 export type { CanvasDomEventGuards, CanvasOverlayLookup, CanvasRendererLookup, } from "./canvasRenderBindings";
 export type { AnyRegisteredSelectionCustomHandleRenderer, AnyRegisteredShapeRenderer, CanvasOverlayContribution, CanvasDomEventGuard, CanvasDomEventGuardCursorInput, CanvasDomEventGuardDecision, CanvasDomEventGuardInput, CanvasDomEventGuardName, CanvasRenderPluginComponent, CanvasRenderPlugin, RegisteredSelectionCustomHandleRenderer, RegisteredShapeDecoration, RegisteredShapeRenderer, SelectionCustomHandleRendererProps, ShapeHoverRendererProps, ShapeRendererProps, ShapeOpacityModifier, } from "./canvasRenderPlugin";
 export { SHAPE_HOVER_STROKE, SHAPE_HOVER_STROKE_WIDTH, } from "./canvasRenderPlugin";
+export { ShapeHoverRect } from "./ShapeHoverRect";
 export { ShapeHeadingControl, createShapeHeadingDomEventGuard, } from "./ShapeHeadingControl";
 export type { ShapeHeadingControlProps, ShapeHeadingDataUi, } from "./ShapeHeadingControl";
 export { createCanvasRenderBindings, type CanvasRenderBindings, } from "./canvasRenderBindings";

package/_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";