@yuzhouu/canvas-kit 0.1.11 → 0.1.13

package/_vendor/{canvas-plugin-sdk → canvas-product-contracts}/toolbar.d.ts

@@ -140,10 +140,7 @@ export interface ToolbarContribution {
     when?(context: CanvasActionContext): boolean;
     getGroups(context: CanvasActionContext): readonly ToolbarGroup[];
 }
-export interface ToolbarGroupSource {
-    groups: readonly ToolbarGroup[];
-    groupIdPrefix?: string;
+export interface CanvasPluginToolbarSetup {
+    add(...contributions: readonly ToolbarContribution[]): void;
 }
-export declare function mergeToolbarGroups(sources: readonly ToolbarGroupSource[], options?: {
-    dedupeActionIdsAcrossSources?: boolean;
-}): ToolbarGroup[];
+export declare const canvasToolbarExtension: import("../canvas-plugin-sdk/index").CanvasPluginSetupExtension<CanvasPluginToolbarSetup>;

package/_vendor/canvas-product-contracts/toolbarRegistry.d.ts

@@ -0,0 +1,9 @@
+import type { Editor } from "../canvas-core/index";
+import type { CanvasActionContext } from "./actions";
+import type { ToolbarChannel, ToolbarGroup } from "./toolbar";
+export interface CanvasToolbarRegistry {
+    getStateRevision(): number;
+    subscribeToState(editor: Editor, listener: () => void): () => void;
+    getGroups(channel: ToolbarChannel, context: CanvasActionContext): ToolbarGroup[];
+    getChannels(): readonly ToolbarChannel[];
+}

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

@@ -1,5 +1,5 @@
 import { type ShapeColor, type ShapeId } from "../canvas-core/index";
-import { type CanvasPluginApi, type CanvasShapeRef } from "../canvas-plugin-sdk/index";
+import { type CanvasPluginApi, type CanvasShapeRef } from "../canvas-product-contracts/index";
 import type { ArrowShapeProps } from "./types";
 export interface ArrowBindingInput {
     targetShapeId: ShapeId;
@@ -29,5 +29,5 @@ export interface ArrowInput {
 export interface ArrowApi {
     create(input: ArrowInput): CanvasShapeRef<"arrow"> | null;
 }
-export declare const arrowApiToken: import("../canvas-plugin-sdk/index").ProductApiToken<ArrowApi>;
+export declare const arrowApiToken: import("../canvas-product-contracts/index").ProductApiToken<ArrowApi>;
 export declare const arrowPluginApi: CanvasPluginApi<ArrowApi>;

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

@@ -1,5 +1,5 @@
 import type { ShapeColor, ShapeId } from "../canvas-core/index";
-import { type CanvasPluginApi, type CanvasShapeRef } from "../canvas-plugin-sdk/index";
+import { type CanvasPluginApi, type CanvasShapeRef } from "../canvas-product-contracts/index";
 export interface FrameInput {
     x: number;
     y: number;
@@ -15,5 +15,5 @@ export interface FrameApi {
     create(input: FrameInput): CanvasShapeRef<"frame"> | null;
     moveShapesToFrame(ids: ShapeId[], frameId: ShapeId): ShapeId[];
 }
-export declare const frameApiToken: import("../canvas-plugin-sdk/index").ProductApiToken<FrameApi>;
+export declare const frameApiToken: import("../canvas-product-contracts/index").ProductApiToken<FrameApi>;
 export declare const framePluginApi: CanvasPluginApi<FrameApi>;

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

@@ -1,5 +1,5 @@
 import type { ShapeColor } from "../canvas-core/index";
-import { type CanvasPluginApi, type CanvasShapeRef } from "../canvas-plugin-sdk/index";
+import { type CanvasPluginApi, type CanvasShapeRef } from "../canvas-product-contracts/index";
 import type { GeoShapeProps } from "./types";
 export interface GeoShapeInput {
     x: number;
@@ -23,5 +23,5 @@ export interface GeoApi {
     createHexagon(input: GeoShapeInput): CanvasShapeRef<"geo"> | null;
     createStar(input: GeoShapeInput): CanvasShapeRef<"geo"> | null;
 }
-export declare const geoApiToken: import("../canvas-plugin-sdk/index").ProductApiToken<GeoApi>;
+export declare const geoApiToken: import("../canvas-product-contracts/index").ProductApiToken<GeoApi>;
 export declare const geoPluginApi: CanvasPluginApi<GeoApi>;

package/_vendor/plugin-group/groupContributions.d.ts

@@ -1,4 +1,4 @@
-import { type CanvasAction, type ContextMenuContribution, type ToolbarContribution } from "../canvas-plugin-sdk/index";
+import { type CanvasAction, type ContextMenuContribution, type ToolbarContribution } from "../canvas-product-contracts/index";
 export declare const GROUP_SELECTION_ACTION_ID = "group.selection.group";
 export declare const UNGROUP_SELECTION_ACTION_ID = "group.selection.ungroup";
 export declare const groupSelectionAction: CanvasAction;

package/_vendor/plugin-group/productRuntime.d.ts

@@ -1,2 +1,2 @@
-import type { CanvasPluginSetupContext } from "../canvas-plugin-sdk/index";
+import { type CanvasPluginSetupContext } from "../canvas-plugin-sdk/index";
 export declare function setupGroupProduct(context: CanvasPluginSetupContext): void;

package/_vendor/plugin-image/cropRuntime.d.ts

@@ -1,2 +1,2 @@
-import { type CanvasAction } from "../canvas-plugin-sdk/index";
+import { type CanvasAction } from "../canvas-product-contracts/index";
 export declare function createImageCropCanvasActions(): CanvasAction[];

package/_vendor/plugin-image/imageHostActionContract.d.ts

@@ -1,2 +1,2 @@
-import { type CanvasAction } from "../canvas-plugin-sdk/index";
+import { type CanvasAction } from "../canvas-product-contracts/index";
 export declare function createImageHostToolbarActionContract(actionId: string): CanvasAction;

package/_vendor/plugin-image/productRuntime.d.ts

@@ -1,4 +1,4 @@
-import type { CanvasPluginSetupContext } from "../canvas-plugin-sdk/index";
+import { type CanvasPluginSetupContext } from "../canvas-plugin-sdk/index";
 export { IMAGE_CORNER_RADIUS_TOOLBAR_ACTION_ID, IMAGE_CROP_ASPECT_RATIO_TOOLBAR_ACTION_ID, IMAGE_CROP_DONE_TOOLBAR_ACTION_ID, IMAGE_CROP_RESET_TOOLBAR_ACTION_ID, IMAGE_CROP_TOOLBAR_ACTION_ID, IMAGE_CROP_ZOOM_TOOLBAR_ACTION_ID, IMAGE_DOWNLOAD_TOOLBAR_ACTION_ID, IMAGE_INSERT_TOOLBAR_ACTION_ID, IMAGE_REPLACE_TOOLBAR_ACTION_ID, } from "./actionIds";
 export { isImageCropToolbarSession, isImageSmudgeToolbarSession, } from "./runtimeShared";
 export declare function setupImageProduct(context: CanvasPluginSetupContext): void;

package/_vendor/plugin-image/runtimeShared.d.ts

@@ -1,4 +1,4 @@
-import { type CanvasActionContext } from "../canvas-plugin-sdk/index";
+import { type CanvasActionContext } from "../canvas-product-contracts/index";
 import { type ImageShapeRecord } from "./types";
 export declare function getSingleSelectedImageShape(context: CanvasActionContext): ImageShapeRecord | null;
 export declare function isImageCropToolbarSession(context: CanvasActionContext): boolean;

package/_vendor/plugin-image/smudgeRuntime.d.ts

@@ -1,2 +1,2 @@
-import { type CanvasAction } from "../canvas-plugin-sdk/index";
+import { type CanvasAction } from "../canvas-product-contracts/index";
 export declare function createImageSmudgeCanvasActions(): CanvasAction[];

package/_vendor/plugin-image/styleRuntime.d.ts

@@ -1,4 +1,4 @@
-import { type CanvasAction, type ToolbarGroup } from "../canvas-plugin-sdk/index";
+import { type CanvasAction, type ToolbarGroup } from "../canvas-product-contracts/index";
 export declare function createImageStyleCanvasActions(): CanvasAction[];
 export declare function createImageCornerRadiusToolbarGroup({ dataUiPrefix, id, order, }: {
     dataUiPrefix: string;

package/_vendor/plugin-image/toolbarRuntime.d.ts

@@ -1,3 +1,3 @@
-import { type ContextMenuContribution, type ToolbarContribution } from "../canvas-plugin-sdk/index";
+import { type ContextMenuContribution, type ToolbarContribution } from "../canvas-product-contracts/index";
 export declare function createImageToolbarContributions(): ToolbarContribution[];
 export declare function createImageContextMenuContributions(): ContextMenuContribution[];

package/_vendor/plugin-runtime-clipboard/capability.d.ts

@@ -0,0 +1 @@
+export declare const canvasClipboardRuntimeCapability: import("../canvas-plugin-sdk/index").CanvasPluginValueToken<true>;

package/_vendor/{plugin-builtin-clipboard/clipboardContribution.d.ts → plugin-runtime-clipboard/clipboardActions.d.ts}

@@ -1,11 +1,6 @@
-import { type CanvasAction, type ProductServiceRegistry } from "../canvas-plugin-sdk/index";
-import type { KeyboardShortcutInput } from "../canvas-core/index";
+import { type CanvasAction, type ProductServiceRegistry } from "../canvas-product-contracts/index";
 export declare const SYSTEM_CLIPBOARD_COPY_ACTION_ID = "system.clipboard.copy";
 export declare const SYSTEM_CLIPBOARD_CUT_ACTION_ID = "system.clipboard.cut";
 export declare const SYSTEM_CLIPBOARD_PASTE_ACTION_ID = "system.clipboard.paste";
 export declare const SYSTEM_CLIPBOARD_PASTE_AT_POINT_ACTION_ID = "system.clipboard.paste-at-point";
-export declare const clipboardActionShortcuts: readonly {
-    actionId: string;
-    shortcut: KeyboardShortcutInput;
-}[];
 export declare function createClipboardActions(services: ProductServiceRegistry): readonly CanvasAction[];

package/_vendor/{plugin-builtin-clipboard → plugin-runtime-clipboard}/clipboardService.d.ts

@@ -1,10 +1,10 @@
 import type { EditorClipboardPayload } from "../canvas-core/index";
-import { type ProductServiceFactory, type ProductServiceRegistry } from "../canvas-plugin-sdk/index";
+import { type ProductServiceFactory, type ProductServiceRegistry } from "../canvas-product-contracts/index";
 export interface CanvasClipboardService {
     write(payload: EditorClipboardPayload): Promise<void>;
     read(): Promise<EditorClipboardPayload | null>;
     getMemoryPayload(): EditorClipboardPayload | null;
 }
-export declare const canvasClipboardServiceToken: import("../canvas-plugin-sdk/index").ProductServiceToken<CanvasClipboardService>;
+export declare const canvasClipboardServiceToken: import("../canvas-product-contracts/index").ProductServiceToken<CanvasClipboardService>;
 export declare function getCanvasClipboardService(services: ProductServiceRegistry): CanvasClipboardService | null;
 export declare function memoryCanvasClipboardService(): ProductServiceFactory<CanvasClipboardService>;

package/_vendor/plugin-runtime-clipboard/index.d.ts

@@ -0,0 +1,4 @@
+export { canvasClipboardRuntimeCapability } from "./capability";
+export * from "./clipboardActions";
+export * from "./clipboardService";
+export { DefaultClipboardRuntimePlugin } from "./plugin";

package/_vendor/plugin-runtime-clipboard/plugin.d.ts

@@ -0,0 +1 @@
+export declare const DefaultClipboardRuntimePlugin: import("../canvas-plugin-sdk/index").CanvasPlugin<(context: import("../canvas-plugin-sdk/index").CanvasPluginSetupContext) => void>;

package/_vendor/{plugin-builtin-export → plugin-runtime-export}/canvasExportApi.d.ts

@@ -1,5 +1,5 @@
 import type { Editor, ShapeId, ThemeColorResolver } from "../canvas-core/index";
-import { type CanvasExportArtifact, type CanvasExportContribution, type CanvasExportFormat, type CanvasExportRegistry } from "../canvas-plugin-sdk/index";
+import { type CanvasExportArtifact, type CanvasExportContribution, type CanvasExportFormat, type CanvasExportRegistry } from "../canvas-product-contracts/index";
 import { type PngExportResult } from "./pngExport";
 import { type SvgAssetInliner, type SvgExportResult } from "./svgExport";
 export type CanvasExportTarget = {
@@ -30,7 +30,7 @@ export interface CanvasExportApi {
     exportPng(input: CanvasPngExportInput): Promise<PngExportResult>;
     exportSvg(input: CanvasSvgExportInput): Promise<SvgExportResult>;
 }
-export declare const canvasExportApiToken: import("../canvas-plugin-sdk/index").ProductApiToken<CanvasExportApi>;
+export declare const canvasExportApiToken: import("../canvas-product-contracts/index").ProductApiToken<CanvasExportApi>;
 export declare function createCanvasExportApi({ editor, exportRegistry, }: {
     editor: Editor;
     exportRegistry: CanvasExportRegistry;

package/_vendor/{plugin-builtin-export → plugin-runtime-export}/index.d.ts

@@ -3,6 +3,6 @@ export { canvasExportApiToken, createCanvasExportApi, createPngExportContributio
 export type { CanvasExportAppearance, CanvasExportApi, CanvasGenericExportInput, CanvasExportTarget, CanvasPngExportInput, CanvasSvgExportInput, } from "./canvasExportApi";
 export { exportEditorPng, } from "./pngExport";
 export type { PngExportOptions, PngExportResult, } from "./pngExport";
-export { createBuiltinCanvasExportPlugin } from "./plugin";
+export { createDefaultCanvasExportPlugin } from "./plugin";
 export { exportEditorSvg, } from "./svgExport";
 export type { ExportStatus, SvgAssetInliner, SvgExportOptions, SvgExportResult, } from "./svgExport";

package/_vendor/{plugin-builtin-export → plugin-runtime-export}/plugin.d.ts

@@ -1,5 +1,5 @@
 import type { SvgAssetInliner } from "./svgExport";
 import { type CanvasPlugin } from "../canvas-plugin-sdk/index";
-export declare function createBuiltinCanvasExportPlugin({ svgAssetInliners, }: {
+export declare function createDefaultCanvasExportPlugin({ svgAssetInliners, }: {
     svgAssetInliners: SvgAssetInliner[];
 }): CanvasPlugin;

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

@@ -1,5 +1,5 @@
 import type { ShapeColor } from "../canvas-core/index";
-import { type CanvasPluginApi, type CanvasShapeRef } from "../canvas-plugin-sdk/index";
+import { type CanvasPluginApi, type CanvasShapeRef } from "../canvas-product-contracts/index";
 import type { TextShapeProps } from "./textTypes";
 export interface TextInput {
     x: number;
@@ -16,5 +16,5 @@ export interface TextInput {
 export interface TextApi {
     create(input: TextInput): CanvasShapeRef<"text"> | null;
 }
-export declare const textApiToken: import("../canvas-plugin-sdk/index").ProductApiToken<TextApi>;
+export declare const textApiToken: import("../canvas-product-contracts/index").ProductApiToken<TextApi>;
 export declare const textPluginApi: CanvasPluginApi<TextApi>;

package/_vendor/plugin-text/feature.d.ts

@@ -1,4 +1,4 @@
 import { type CanvasPlugin } from "../canvas-plugin-sdk/index";
 import { type TextPluginOptions } from "./textFonts";
 export declare function createTextPlugin(options?: Readonly<Partial<TextPluginOptions>>): CanvasPlugin;
-export declare const Text: CanvasPlugin<import("../canvas-plugin-sdk/index").CanvasPluginSetup<import("../canvas-plugin-sdk/index").CanvasPluginSetupContext<import("../canvas-plugin-sdk/index").CanvasPluginApiContext>>>;
+export declare const Text: CanvasPlugin<import("../canvas-plugin-sdk/index").CanvasPluginSetup<import("../canvas-plugin-sdk/index").CanvasPluginSetupContext>>;

package/_vendor/plugin-text/textShapeHelpers.d.ts

@@ -7,7 +7,6 @@ export interface CreateTextShapeInput {
     parentId?: ShapeParentId;
     index?: string;
     rotation?: number;
-    skewX?: number;
     scaleX?: number;
     scaleY?: number;
     meta?: Record<string, unknown>;

package/browser/persistence.d.ts

@@ -1,4 +1,4 @@
-import type { ProductPersistenceAdapter, ProductPersistenceLoadResult } from "../core/runtime/runtimeContracts";
+import type { ProductPersistenceAdapter, ProductPersistenceLoadResult } from "../runtime/persistenceContracts";
 import { CANVAS_KIT_IMAGE_BLOB_STORE, CANVAS_KIT_INDEXEDDB_NAME, CANVAS_KIT_INDEXEDDB_VERSION, CANVAS_KIT_SNAPSHOT_STORE } from "./indexedDb";
 export declare const CANVAS_KIT_DOCUMENT_STORAGE_KEY = "canvas-kit.document";
 export declare const CANVAS_KIT_SESSION_STORAGE_KEY = "canvas-kit.session";

package/canvasKitTools.d.ts

@@ -0,0 +1,3 @@
+export declare const CANVAS_KIT_TOOL_IDS: readonly ["select", "hand", "rectangle", "ellipse", "rhombus", "triangle", "hexagon", "star", "arrow", "draw", "path", "text", "frame", "eraser", "laser"];
+export type CanvasKitToolId = (typeof CANVAS_KIT_TOOL_IDS)[number];
+export declare function assertCanvasKitToolId(toolId: string): asserts toolId is CanvasKitToolId;

package/chrome/contextMenuRuntime.d.ts

@@ -0,0 +1,7 @@
+import { type ContextMenuContext, type ContextMenuContributionTarget, type ContextMenuTarget } from "../_vendor/canvas-product-contracts/index";
+import type { Editor } from "../_vendor/canvas-core/index";
+export declare function createContextMenuContext({ editor, menu, }: {
+    editor: Editor;
+    menu: ContextMenuContext["menu"];
+}): ContextMenuContext;
+export declare function getContextMenuContributionTarget(target: ContextMenuTarget, editor: Editor): ContextMenuContributionTarget;

package/chrome/toolbar/FloatingSelectionToolbarPageSpace.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { CanvasActionContext } from "../../_vendor/canvas-plugin-sdk/index";
+import { type CanvasActionContext } from "../../_vendor/canvas-product-contracts/index";
 export declare function FloatingSelectionToolbarPageSpace({ children, className, context, dataUi, horizontalAlign, offset, visible, }: {
     children: ReactNode;
     className?: string;

package/chrome/toolbar/mergeToolbarGroups.d.ts

@@ -0,0 +1,8 @@
+import { type ToolbarGroup } from "../../_vendor/canvas-product-contracts/index";
+export interface ToolbarGroupSource {
+    groups: readonly ToolbarGroup[];
+    groupIdPrefix?: string;
+}
+export declare function mergeToolbarGroups(sources: readonly ToolbarGroupSource[], options?: {
+    dedupeActionIdsAcrossSources?: boolean;
+}): ToolbarGroup[];

package/chrome/toolbar/toolbarLabels.d.ts

@@ -1,4 +1,4 @@
-import { type ToolbarGroup } from "../../_vendor/canvas-plugin-sdk/index";
+import type { ToolbarGroup } from "../../_vendor/canvas-product-contracts/index";
 export declare function getActiveToolLabel(groups: readonly ToolbarGroup[], activeToolId: string): string;
 export declare function getSelectionToolbarTitle({ commonShapeType, count, isMixedFrameAndPointHandleSelection, singleShapeType, }: {
     commonShapeType: string | null;

package/chrome/toolbar/useToolbarSurfaces.d.ts

@@ -1,4 +1,4 @@
-import { type CanvasActionContext, type CanvasToolbarRegistry, type ToolbarChannel, type ToolbarGroup, type ToolbarSurface } from "../../_vendor/canvas-plugin-sdk/index";
+import { type CanvasActionContext, type CanvasToolbarRegistry, type ToolbarChannel, type ToolbarGroup, type ToolbarSurface } from "../../_vendor/canvas-product-contracts/index";
 import { type Editor } from "../../_vendor/canvas-core/index";
 export interface ToolbarSurfaces {
     context: CanvasActionContext;

package/chrome/types.d.ts

@@ -1,23 +1,22 @@
-import { type ActiveContextMenu, type CanvasActionContext, type CanvasActionValue } from "../_vendor/canvas-plugin-sdk/index";
-import type { CanvasKitBaseController, CanvasKitController } from "../controller/canvasKitController";
-import type { CanvasProductLayerNode } from "../core";
+import { type ActiveContextMenu, type CanvasActionContext, type CanvasActionValue } from "../_vendor/canvas-product-contracts/index";
+import type { CanvasKitToolId } from "../canvasKitTools";
+import type { CanvasProductController, CanvasProductLayerNode } from "../controller";
 import type { EditorSelectionMetadata, ShapeId } from "../_vendor/canvas-core/index";
 import type { HistoryControls } from "./useHistoryControls";
 import type { PageControls } from "./usePageControls";
 import type { ZoomControlsState } from "./useZoomControls";
 import type { ContextMenuSurface } from "./useContextMenuSurface";
-import type { CanvasExportApi } from "../_vendor/plugin-builtin-export/index";
+import type { CanvasExportApi } from "../_vendor/plugin-runtime-export/index";
 import type { ToolbarSurfaces } from "./toolbar/useToolbarSurfaces";
 import type { ChromeSurfaces } from "./useChromeSurfaces";
 export type { EditorSelectionMetadata, EditorSelectionState, ShapeId, } from "../_vendor/canvas-core/index";
-export type { CanvasActionContext, CanvasActionValue, ChromeCommandItem, ChromeItem, ChromeSection, ContextMenuCommandItem, ContextMenuItem, ContextMenuSection, ToolbarGroup, ToolbarItem, } from "../_vendor/canvas-plugin-sdk/index";
+export type { CanvasActionContext, CanvasActionValue, ChromeCommandItem, ChromeItem, ChromeSection, ContextMenuCommandItem, ContextMenuItem, ContextMenuSection, ToolbarGroup, ToolbarItem, } from "../_vendor/canvas-product-contracts/index";
 export type { HistoryControls } from "./useHistoryControls";
 export type { PageControls } from "./usePageControls";
 export type { ZoomControlsState } from "./useZoomControls";
 export type { ContextMenuSurface } from "./useContextMenuSurface";
 export type { ToolbarSurfaces, } from "./toolbar/useToolbarSurfaces";
 export type { ChromeSurfaces } from "./useChromeSurfaces";
-export type CanvasKitLayerNode = CanvasProductLayerNode;
 export interface CanvasKitToolbarActionState {
     value: CanvasActionValue | undefined;
     isEnabled: boolean;
@@ -42,8 +41,8 @@ export interface CanvasKitLayerTreeSource {
     getSnapshot(pageId?: string): readonly CanvasProductLayerNode[];
     subscribe(onStoreChange: () => void): () => void;
 }
-export interface CanvasKitChromeContext<TController extends CanvasKitBaseController = CanvasKitController> {
-    controller: TController;
+export interface CanvasKitChromeContext<TToolId extends string = CanvasKitToolId> {
+    controller: CanvasProductController<TToolId>;
     chromeSurfaces: ChromeSurfaces;
     contextMenu: CanvasKitContextMenuState;
     currentPageId: string;

package/chrome/useCanvasKitChromeContext.d.ts

@@ -1,10 +1,10 @@
-import { type ActiveContextMenu, type CanvasActionContext, type CanvasActionRegistry, type CanvasChromeRegistry, type CanvasContextMenuRegistry, type CanvasToolbarRegistry } from "../_vendor/canvas-plugin-sdk/index";
+import { type ActiveContextMenu, type CanvasActionContext, type CanvasActionRegistry, type CanvasChromeRegistry, type CanvasContextMenuRegistry, type CanvasToolbarRegistry } from "../_vendor/canvas-product-contracts/index";
 import { type Editor } from "../_vendor/canvas-core/index";
-import type { CanvasKitBaseController } from "../controller/canvasKitController";
-import type { ExecuteCanvasKitCommand } from "../runtime/canvasKitCommandExecutor";
+import type { CanvasProductController } from "../controller";
+import type { ExecuteCanvasKitAction } from "../runtime/canvasKitActionExecutor";
 import type { CanvasKitChromeContext, CanvasKitGridControls } from "./types";
-export declare function useCanvasKitChromeContext<TController extends CanvasKitBaseController>({ controller, activeContextMenu, grid, onActiveContextMenuChange, actionRegistry, canShowPropertiesDuringEditing, chromeRegistry, contextMenuRegistry, editor, executeCommand, toolbarRegistry, }: {
-    controller: TController;
+export declare function useCanvasKitChromeContext<TToolId extends string>({ controller, activeContextMenu, grid, onActiveContextMenuChange, actionRegistry, canShowPropertiesDuringEditing, chromeRegistry, contextMenuRegistry, editor, executeAction, toolbarRegistry, }: {
+    controller: CanvasProductController<TToolId>;
     activeContextMenu: ActiveContextMenu | null;
     grid: CanvasKitGridControls;
     onActiveContextMenuChange: (activeContextMenu: ActiveContextMenu | null) => void;
@@ -13,6 +13,6 @@ export declare function useCanvasKitChromeContext<TController extends CanvasKitB
     chromeRegistry: CanvasChromeRegistry;
     contextMenuRegistry: CanvasContextMenuRegistry;
     editor: Editor;
-    executeCommand: ExecuteCanvasKitCommand;
+    executeAction: ExecuteCanvasKitAction;
     toolbarRegistry: CanvasToolbarRegistry;
-}): CanvasKitChromeContext<TController>;
+}): CanvasKitChromeContext<TToolId>;

package/chrome/useCanvasKitLayerTree.d.ts

@@ -1,5 +1,6 @@
-import type { CanvasKitLayerTreeSource, CanvasKitLayerNode } from "./types";
+import type { CanvasProductLayerNode } from "../controller";
+import type { CanvasKitLayerTreeSource } from "./types";
 export declare function useCanvasKitLayerTree(source: CanvasKitLayerTreeSource, options?: {
     enabled?: boolean;
     pageId?: string;
-}): readonly CanvasKitLayerNode[];
+}): readonly CanvasProductLayerNode[];

package/chrome/useChromeSurfaces.d.ts

@@ -1,4 +1,4 @@
-import type { CanvasActionContext, CanvasChromeRegistry, ChromeChannel, ChromeSection } from "../_vendor/canvas-plugin-sdk/index";
+import { type CanvasActionContext, type CanvasChromeRegistry, type ChromeChannel, type ChromeSection } from "../_vendor/canvas-product-contracts/index";
 import type { Editor } from "../_vendor/canvas-core/index";
 export interface ChromeSurfaces {
     context: CanvasActionContext;

package/chrome/useContextMenuSurface.d.ts

@@ -1,4 +1,4 @@
-import { type ActiveContextMenu, type CanvasContextMenuRegistry, type ContextMenuContext, type ContextMenuSection } from "../_vendor/canvas-plugin-sdk/index";
+import { type ActiveContextMenu, type CanvasContextMenuRegistry, type ContextMenuContext, type ContextMenuSection } from "../_vendor/canvas-product-contracts/index";
 import type { Editor } from "../_vendor/canvas-core/index";
 export interface ContextMenuSurface {
     context: ContextMenuContext | null;

package/chrome/useHistoryControls.d.ts

@@ -1,12 +1,12 @@
 import type { Editor } from "../_vendor/canvas-core/index";
-import type { ExecuteCanvasKitCommand } from "../runtime/canvasKitCommandExecutor";
+import type { CanvasProductController } from "../controller";
 export interface HistoryControls {
     canUndo: boolean;
     canRedo: boolean;
     undo(): void;
     redo(): void;
 }
-export declare function useHistoryControls({ editor, executeCommand, }: {
+export declare function useHistoryControls({ controller, editor, }: {
+    controller: CanvasProductController;
     editor: Editor;
-    executeCommand: ExecuteCanvasKitCommand;
 }): HistoryControls;

package/chrome/usePageControls.d.ts

@@ -1,16 +1,16 @@
-import type { Editor, PageId, PageRecord } from "../_vendor/canvas-core/index";
-import type { ExecuteCanvasKitCommand } from "../runtime/canvasKitCommandExecutor";
+import type { Editor } from "../_vendor/canvas-core/index";
+import type { CanvasProductController, CanvasProductPageRef } from "../controller";
 export interface PageControls {
-    pages: readonly PageRecord[];
-    currentPage: PageRecord | null;
-    currentPageId: PageId;
+    pages: readonly CanvasProductPageRef[];
+    currentPage: CanvasProductPageRef | null;
+    currentPageId: string;
     canDeleteCurrentPage: boolean;
     createPage(): void;
     deleteCurrentPage(): void;
     renameCurrentPage(nextName: string): void;
-    selectPage(pageId: PageId): void;
+    selectPage(pageId: string): void;
 }
-export declare function usePageControls({ editor, executeCommand, }: {
+export declare function usePageControls({ controller, editor, }: {
+    controller: CanvasProductController;
     editor: Editor;
-    executeCommand: ExecuteCanvasKitCommand;
 }): PageControls;

package/chrome/useZoomControls.d.ts

@@ -1,4 +1,5 @@
 import type { Editor } from "../_vendor/canvas-core/index";
+import type { CanvasProductController } from "../controller";
 export interface ZoomControlsState {
     zoom: number;
     label: string;
@@ -6,4 +7,7 @@ export interface ZoomControlsState {
     zoomOut(): void;
     resetZoom(): void;
 }
-export declare function useZoomControls(editor: Editor): ZoomControlsState;
+export declare function useZoomControls({ controller, editor, }: {
+    controller: CanvasProductController;
+    editor: Editor;
+}): ZoomControlsState;

package/commands/command.d.ts

@@ -0,0 +1,11 @@
+import type { Editor } from "../_vendor/canvas-core/index";
+export interface CanvasKitCommandToken<TId extends string = string> {
+    readonly id: TId;
+}
+export interface CanvasKitCommand<TArgs extends readonly unknown[], TResult, TId extends string = string> {
+    readonly id: TId;
+    readonly token: CanvasKitCommandToken<TId>;
+    run(editor: Editor, ...args: TArgs): TResult;
+}
+export type ExecuteCanvasKitDefinedCommand = <TArgs extends readonly unknown[], TResult>(command: CanvasKitCommand<TArgs, TResult>, ...args: TArgs) => TResult;
+export declare function defineCanvasKitCommand<const TId extends string, TArgs extends readonly unknown[], TResult>(command: Omit<CanvasKitCommand<TArgs, TResult, TId>, "id">): CanvasKitCommand<TArgs, TResult, TId>;

package/commands/commandTokens.d.ts

@@ -0,0 +1,61 @@
+import type { CanvasKitCommandToken } from "./command";
+export declare const CANVAS_KIT_COMMAND_TOKENS: Readonly<{
+    document: Readonly<{
+        updateMeta: CanvasKitCommandToken<"document.update-meta">;
+    }>;
+    session: Readonly<{
+        updateMeta: CanvasKitCommandToken<"session.update-meta">;
+    }>;
+    history: Readonly<{
+        clear: CanvasKitCommandToken<"history.clear">;
+        undo: CanvasKitCommandToken<"history.undo">;
+        redo: CanvasKitCommandToken<"history.redo">;
+    }>;
+    selection: Readonly<{
+        select: CanvasKitCommandToken<"selection.select">;
+        selectAll: CanvasKitCommandToken<"system.selection.select-all">;
+        delete: CanvasKitCommandToken<"system.selection.delete">;
+        duplicate: CanvasKitCommandToken<"system.selection.duplicate">;
+        resetRotation: CanvasKitCommandToken<"system.selection.reset-rotation">;
+        flipHorizontal: CanvasKitCommandToken<"system.selection.flip-horizontal">;
+        flipVertical: CanvasKitCommandToken<"system.selection.flip-vertical">;
+        setOpacity: CanvasKitCommandToken<"system.selection.set-opacity">;
+        align: CanvasKitCommandToken<"system.selection.align">;
+        distribute: CanvasKitCommandToken<"system.selection.distribute">;
+    }>;
+    shape: Readonly<{
+        delete: CanvasKitCommandToken<"shape.delete">;
+        update: CanvasKitCommandToken<"shape.update">;
+        updateMeta: CanvasKitCommandToken<"shape.update-meta">;
+    }>;
+    layer: Readonly<{
+        setHidden: CanvasKitCommandToken<"layer.set-hidden">;
+        setLocked: CanvasKitCommandToken<"layer.set-locked">;
+        group: CanvasKitCommandToken<"layer.group">;
+        ungroup: CanvasKitCommandToken<"layer.ungroup">;
+        sendBackward: CanvasKitCommandToken<"layer.send-backward">;
+        bringForward: CanvasKitCommandToken<"layer.bring-forward">;
+        sendToBack: CanvasKitCommandToken<"layer.send-to-back">;
+        bringToFront: CanvasKitCommandToken<"layer.bring-to-front">;
+        moveToPlacement: CanvasKitCommandToken<"layer.move-to-placement">;
+    }>;
+    tool: Readonly<{
+        setActive: CanvasKitCommandToken<"editor.tool.set-active-tool">;
+        toggleLocked: CanvasKitCommandToken<"editor.tool.toggle-locked">;
+    }>;
+    view: Readonly<{
+        centerOnShape: CanvasKitCommandToken<"view.center-on-shape">;
+        setCamera: CanvasKitCommandToken<"view.set-camera">;
+        zoomIn: CanvasKitCommandToken<"system.view.zoom-in">;
+        zoomOut: CanvasKitCommandToken<"system.view.zoom-out">;
+        resetZoom: CanvasKitCommandToken<"system.view.reset-zoom">;
+        reset: CanvasKitCommandToken<"view.reset">;
+    }>;
+    page: Readonly<{
+        create: CanvasKitCommandToken<"page.create">;
+        rename: CanvasKitCommandToken<"page.rename">;
+        updateMeta: CanvasKitCommandToken<"page.update-meta">;
+        delete: CanvasKitCommandToken<"page.delete">;
+        select: CanvasKitCommandToken<"page.select">;
+    }>;
+}>;

package/commands/documentCommands.d.ts

@@ -0,0 +1,2 @@
+export declare const updateDocumentMetaCommand: import("./command").CanvasKitCommand<[patch: Record<string, unknown>], void, "document.update-meta">;
+export declare const updateSessionMetaCommand: import("./command").CanvasKitCommand<[patch: Record<string, unknown>], void, "session.update-meta">;

package/commands/historyCommands.d.ts

@@ -0,0 +1,3 @@
+export declare const clearHistoryCommand: import("./command").CanvasKitCommand<[], void, "history.clear">;
+export declare const undoCommand: import("./command").CanvasKitCommand<[], boolean, "history.undo">;
+export declare const redoCommand: import("./command").CanvasKitCommand<[], boolean, "history.redo">;

package/commands/index.d.ts

@@ -0,0 +1,11 @@
+export type { CanvasKitCommand, CanvasKitCommandToken, ExecuteCanvasKitDefinedCommand, } from "./command";
+export { CANVAS_KIT_COMMAND_TOKENS } from "./commandTokens";
+export { updateDocumentMetaCommand, updateSessionMetaCommand, } from "./documentCommands";
+export { clearHistoryCommand, redoCommand, undoCommand, } from "./historyCommands";
+export { bringShapesForwardCommand, bringShapesToFrontCommand, groupShapesCommand, moveShapesToLayerPlacementCommand, sendShapesBackwardCommand, sendShapesToBackCommand, setShapesHiddenCommand, setShapesLockedCommand, ungroupShapesCommand, } from "./layerCommands";
+export { createPageCommand, deletePageCommand, renamePageCommand, selectPageCommand, updatePageMetaCommand, } from "./pageCommands";
+export { alignSelectionCommand, deleteSelectionCommand, distributeSelectionCommand, duplicateSelectionCommand, flipSelectionHorizontalCommand, flipSelectionVerticalCommand, resetSelectionRotationCommand, selectAllCommand, selectShapesCommand, setSelectionOpacityCommand, } from "./selectionCommands";
+export type { CanvasSelectionAlignMode, CanvasSelectionDistributeAxis, } from "./selectionCommands";
+export { deleteShapesCommand, updateShapeMetaCommand, updateShapesCommand, } from "./shapeCommands";
+export { setActiveToolCommand, toggleToolLockedCommand, } from "./toolCommands";
+export { centerOnShapeCommand, resetViewCommand, resetZoomCommand, setCameraCommand, zoomInCommand, zoomOutCommand, } from "./viewCommands";

package/commands/layerCommands.d.ts

@@ -0,0 +1,20 @@
+import type { ShapeId } from "../_vendor/canvas-core/index";
+import type { CanvasProductLayerPlacement, CanvasProductLayerPlacementResult } from "../contracts/canvasProductControllerContracts";
+export declare const setShapesHiddenCommand: import("./command").CanvasKitCommand<[input: {
+    ids: ShapeId[];
+    isHidden: boolean;
+}], `shape:${string}`[], "layer.set-hidden">;
+export declare const setShapesLockedCommand: import("./command").CanvasKitCommand<[input: {
+    ids: ShapeId[];
+    isLocked: boolean;
+}], `shape:${string}`[], "layer.set-locked">;
+export declare const groupShapesCommand: import("./command").CanvasKitCommand<[ids: `shape:${string}`[]], `shape:${string}` | null, "layer.group">;
+export declare const ungroupShapesCommand: import("./command").CanvasKitCommand<[ids: `shape:${string}`[]], `shape:${string}`[], "layer.ungroup">;
+export declare const sendShapesBackwardCommand: import("./command").CanvasKitCommand<[ids: `shape:${string}`[]], boolean, "layer.send-backward">;
+export declare const bringShapesForwardCommand: import("./command").CanvasKitCommand<[ids: `shape:${string}`[]], boolean, "layer.bring-forward">;
+export declare const sendShapesToBackCommand: import("./command").CanvasKitCommand<[ids: `shape:${string}`[]], boolean, "layer.send-to-back">;
+export declare const bringShapesToFrontCommand: import("./command").CanvasKitCommand<[ids: `shape:${string}`[]], boolean, "layer.bring-to-front">;
+export declare const moveShapesToLayerPlacementCommand: import("./command").CanvasKitCommand<[input: {
+    ids: ShapeId[];
+    placement: CanvasProductLayerPlacement;
+}], CanvasProductLayerPlacementResult, "layer.move-to-placement">;

package/commands/pageCommands.d.ts

@@ -0,0 +1,12 @@
+import type { CanvasProductCreatePageInput } from "../contracts/canvasProductControllerContracts";
+export declare const createPageCommand: import("./command").CanvasKitCommand<[input?: CanvasProductCreatePageInput | undefined], import("../_vendor/canvas-core/index").PageRecord, "page.create">;
+export declare const renamePageCommand: import("./command").CanvasKitCommand<[input: {
+    pageId: string;
+    name: string;
+}], void, "page.rename">;
+export declare const updatePageMetaCommand: import("./command").CanvasKitCommand<[input: {
+    pageId: string;
+    patch: Record<string, unknown>;
+}], `page:${string}` | null, "page.update-meta">;
+export declare const deletePageCommand: import("./command").CanvasKitCommand<[pageId: string], boolean, "page.delete">;
+export declare const selectPageCommand: import("./command").CanvasKitCommand<[pageId: string], void, "page.select">;

package/commands/selectionCommands.d.ts

@@ -0,0 +1,12 @@
+export type CanvasSelectionAlignMode = "left" | "horizontal-center" | "right" | "top" | "vertical-center" | "bottom";
+export type CanvasSelectionDistributeAxis = "horizontal" | "vertical";
+export declare const selectShapesCommand: import("./command").CanvasKitCommand<[ids: `shape:${string}`[]], void, "selection.select">;
+export declare const selectAllCommand: import("./command").CanvasKitCommand<[], void, "system.selection.select-all">;
+export declare const deleteSelectionCommand: import("./command").CanvasKitCommand<[], void, "system.selection.delete">;
+export declare const duplicateSelectionCommand: import("./command").CanvasKitCommand<[], `shape:${string}`[], "system.selection.duplicate">;
+export declare const resetSelectionRotationCommand: import("./command").CanvasKitCommand<[], void, "system.selection.reset-rotation">;
+export declare const flipSelectionHorizontalCommand: import("./command").CanvasKitCommand<[], void, "system.selection.flip-horizontal">;
+export declare const flipSelectionVerticalCommand: import("./command").CanvasKitCommand<[], void, "system.selection.flip-vertical">;
+export declare const setSelectionOpacityCommand: import("./command").CanvasKitCommand<[opacity: number], void, "system.selection.set-opacity">;
+export declare const alignSelectionCommand: import("./command").CanvasKitCommand<[mode: CanvasSelectionAlignMode], boolean, "system.selection.align">;
+export declare const distributeSelectionCommand: import("./command").CanvasKitCommand<[axis: CanvasSelectionDistributeAxis], boolean, "system.selection.distribute">;