@yuzhouu/canvas-kit 0.1.8 → 0.1.10

package/chrome/useCanvasKitChromeContext.d.ts

@@ -1,21 +1,21 @@
+import type { ActiveContextMenu, CanvasActionContext, CanvasActionRegistry, CanvasContextMenuRegistry, CanvasToolbarRegistry } from "../_vendor/canvas-plugin-sdk/index";
 import { type RefObject } from "react";
-import { type ActiveContextMenu } from "../_vendor/canvas-core/index";
+import { type Editor } from "../_vendor/canvas-core/index";
 import type { CanvasKitBaseController } from "../controller/canvasKitController";
-import type { CanvasKitRuntime } from "../runtime/canvasKitRuntime";
-import type { CanvasKitChromeSlot, CanvasKitHostFeature } from "../runtime/canvasKitHostContracts";
-import type { ProductApiRegistry, ProductServiceRegistry } from "../core";
-import type { CanvasKitChromeContext, CanvasKitGridControls, CanvasKitPersistenceControls } from "./types";
-export declare function useCanvasKitChromeContext<TController extends CanvasKitBaseController>({ apis, controller, activeContextMenu, chromeSlots, editor, grid, hostFeatures, onActiveContextMenuChange, persistence, pluginHostRuntime, services, themeRootRef, }: {
-    apis: ProductApiRegistry;
+import type { SvgAssetInliner } from "../features/export/svgExport";
+import type { ExecuteCanvasKitCommand } from "../runtime/canvasKitCommandExecutor";
+import type { CanvasKitChromeContext, CanvasKitGridControls } from "./types";
+export declare function useCanvasKitChromeContext<TController extends CanvasKitBaseController>({ controller, activeContextMenu, grid, onActiveContextMenuChange, actionRegistry, canShowToolbarDuringEditing, contextMenuRegistry, editor, executeCommand, svgAssetInliners, themeRootRef, toolbarRegistry, }: {
     controller: TController;
     activeContextMenu: ActiveContextMenu | null;
-    chromeSlots: readonly CanvasKitChromeSlot<string, unknown>[];
-    editor: CanvasKitRuntime["editor"];
     grid: CanvasKitGridControls;
-    hostFeatures: readonly CanvasKitHostFeature[];
     onActiveContextMenuChange: (activeContextMenu: ActiveContextMenu | null) => void;
-    persistence: CanvasKitPersistenceControls;
-    pluginHostRuntime: CanvasKitRuntime["pluginHostRuntime"];
-    services: ProductServiceRegistry;
+    actionRegistry: CanvasActionRegistry;
+    canShowToolbarDuringEditing(context: CanvasActionContext): boolean;
+    contextMenuRegistry: CanvasContextMenuRegistry;
+    editor: Editor;
+    executeCommand: ExecuteCanvasKitCommand;
+    svgAssetInliners: readonly SvgAssetInliner[];
     themeRootRef: RefObject<HTMLElement | null>;
+    toolbarRegistry: CanvasToolbarRegistry;
 }): CanvasKitChromeContext<TController>;

package/chrome/useContextMenuSurface.d.ts

@@ -1,12 +1,12 @@
-import type { ContextMenuContext, ActiveContextMenu, ContextMenuSection, Editor } from "../_vendor/canvas-core/index";
-import type { CanvasRenderPluginHostRuntime } from "../_vendor/canvas-react/host/index";
+import { type ActiveContextMenu, type CanvasContextMenuRegistry, type ContextMenuContext, type ContextMenuSection } from "../_vendor/canvas-plugin-sdk/index";
+import type { Editor } from "../_vendor/canvas-core/index";
 export interface ContextMenuSurface {
     context: ContextMenuContext | null;
     activeContextMenu: ActiveContextMenu | null;
     sections: readonly ContextMenuSection[];
 }
-export declare function useContextMenuSurface({ editor, activeContextMenu, pluginHostRuntime, }: {
+export declare function useContextMenuSurface({ editor, activeContextMenu, contextMenuRegistry, }: {
     editor: Editor;
     activeContextMenu: ActiveContextMenu | null;
-    pluginHostRuntime: CanvasRenderPluginHostRuntime;
+    contextMenuRegistry: CanvasContextMenuRegistry;
 }): ContextMenuSurface;

package/chrome/useHistoryControls.d.ts

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

package/chrome/usePageControls.d.ts

@@ -1,5 +1,5 @@
 import type { Editor, PageId, PageRecord } from "../_vendor/canvas-core/index";
-import type { CanvasKitHostFeature } from "../runtime/canvasKitHostContracts";
+import type { ExecuteCanvasKitCommand } from "../runtime/canvasKitCommandExecutor";
 export interface PageControls {
     pages: readonly PageRecord[];
     currentPage: PageRecord | null;
@@ -10,7 +10,7 @@ export interface PageControls {
     renameCurrentPage(nextName: string): void;
     selectPage(pageId: PageId): void;
 }
-export declare function usePageControls({ editor, hostFeatures, }: {
+export declare function usePageControls({ editor, executeCommand, }: {
     editor: Editor;
-    hostFeatures: readonly CanvasKitHostFeature[];
+    executeCommand: ExecuteCanvasKitCommand;
 }): PageControls;

package/controller/canvasKitController.d.ts

@@ -1,27 +1,23 @@
 import { type CanvasProductController, type CanvasProductControllerContext, type CanvasProductSessionSnapshot } from "../core/product-controller";
-import type { CanvasRenderPluginHostRuntime } from "../_vendor/canvas-react/host/index";
-import { type BuiltInCanvasController, type BuiltInCanvasControllerSnapshot, type BuiltInCanvasFrameInput, type BuiltInCanvasRectangleInput, type BuiltInCanvasShapeInput, type BuiltInCanvasTextInput } from "../builtins";
-import type { CanvasKitControllerSlot } from "../runtime/canvasKitHostContracts";
+import { type BuiltInCanvasController, type BuiltInCanvasControllerSnapshot, type BuiltInCanvasFrameInput, type BuiltInCanvasRectangleInput, type BuiltInCanvasShapeInput, type BuiltInCanvasTextInput, type CanvasKitPackagingDxfImportInput, type CanvasKitPackagingInput } from "../builtins";
 export type CanvasKitShapeInput = BuiltInCanvasShapeInput;
 export type CanvasKitRectangleInput = BuiltInCanvasRectangleInput;
 export type CanvasKitTextInput = BuiltInCanvasTextInput;
 export type CanvasKitFrameInput = BuiltInCanvasFrameInput;
+export type { CanvasKitPackagingInput };
+export type { CanvasKitPackagingDxfImportInput };
 export interface CanvasKitBaseController<TToolId extends string = string> extends CanvasProductController<TToolId> {
 }
-export interface CanvasKitControllerSlots {
-}
 export declare const CANVAS_KIT_TOOL_IDS: readonly ["select", "hand", "rectangle", "ellipse", "diamond", "triangle", "hexagon", "star", "arrow", "draw", "path", "text", "frame", "eraser", "laser"];
 export type CanvasKitToolId = (typeof CANVAS_KIT_TOOL_IDS)[number];
 export interface CanvasKitControllerSnapshot<TToolId extends string = CanvasKitToolId> extends BuiltInCanvasControllerSnapshot<TToolId> {
     productId: string;
     session: CanvasProductSessionSnapshot<TToolId>;
 }
-export interface CanvasKitController<TToolId extends string = CanvasKitToolId> extends BuiltInCanvasController<TToolId>, CanvasKitControllerSlots {
+export interface CanvasKitController<TToolId extends string = CanvasKitToolId> extends BuiltInCanvasController<TToolId> {
     snapshot(): CanvasKitControllerSnapshot<TToolId>;
 }
-export interface CanvasKitControllerRuntimeContext extends Omit<CanvasProductControllerContext, "pluginHostRuntime"> {
-    controllerSlots: readonly CanvasKitControllerSlot<string, unknown>[];
-    pluginHostRuntime: CanvasRenderPluginHostRuntime;
+export interface CanvasKitControllerRuntimeContext extends CanvasProductControllerContext {
 }
 export interface CanvasKitControllerOptions<TToolId extends string = CanvasKitToolId> extends CanvasKitControllerRuntimeContext {
     assertToolId?: (toolId: string) => asserts toolId is TToolId;

package/core/index.d.ts

@@ -2,8 +2,7 @@ export { createDefaultCanvasProductEditor } from "./runtime/productEditor";
 export { cleanupProductAssetsAfterRestore, preloadProductAssets, resolveProductAssetUrl, } from "./runtime/productAssets";
 export { createProductApiRegistry, createProductApiToken, } from "./api/apiRegistry";
 export { createProductServiceRegistry, createProductServiceToken, requireProductService, } from "./runtime/productServices";
-export type { CanvasProductRuntimeInitializer, CanvasProductRuntimeInitializerContext, CreateCanvasProductEditorOptions, ProductPersistenceAdapter, ProductPersistenceRestoreResult, ProductPersistenceStatus, } from "./runtime/productDefinition";
-export type { ProductActionRegistry, ProductContextMenuRegistry, ProductPluginHostRuntime, ProductToolbarRegistry, } from "./runtime/productHost";
+export type { CreateCanvasProductEditorOptions, ProductPersistenceAdapter, ProductPersistenceLoadResult, } from "./runtime/runtimeContracts";
 export type { ProductAssetResolverService, ProductServiceFactory, ProductServiceFactoryContext, ProductServiceRegistry, ProductServiceRegistryRuntime, ProductServiceToken, } from "./runtime/productServices";
 export type { ProductApiRegistry, ProductApiRegistryRuntime, ProductApiToken, } from "./api/apiRegistry";
 export type { CanvasProductControllerChange, CanvasProductControllerChangeKey, CanvasProductControllerChangeListener, CanvasProductCreatePageInput, CanvasProductDocumentRef, CanvasProductShapeData, CanvasProductShapeUpdate, } from "./product-controller";

package/core/product-controller/canvasProductController.d.ts

@@ -14,6 +14,7 @@ export interface CanvasProductShapeData {
     x: number;
     y: number;
     rotation: number;
+    skewX: number;
     scaleX: number;
     scaleY: number;
     opacity: number;
@@ -27,6 +28,7 @@ export interface CanvasProductShapeUpdate {
     x?: number;
     y?: number;
     rotation?: number;
+    skewX?: number;
     scaleX?: number;
     scaleY?: number;
     opacity?: number;
@@ -162,7 +164,6 @@ export interface CanvasProductController<TToolId extends string = string> {
 export interface CanvasProductControllerContext {
     editor: Editor;
     services: ProductServiceRegistry;
-    pluginHostRuntime: unknown;
     apis: ProductApiRegistry;
     productId: string;
 }

package/core/runtime/productAssets.d.ts

@@ -6,13 +6,15 @@ export declare function resolveProductAssetUrl({ assetResolverTokens, assetId, e
     editor: Editor;
     services: ProductServiceRegistry;
 }): string | null;
-export declare function preloadProductAssets({ assetResolverTokens, editor, services, }: {
+export declare function preloadProductAssets({ assetResolverTokens, editor, signal, services, }: {
     assetResolverTokens: readonly ProductServiceToken<ProductAssetResolverService>[];
     editor: Editor;
+    signal: AbortSignal;
     services: ProductServiceRegistry;
 }): Promise<void>;
-export declare function cleanupProductAssetsAfterRestore({ assetResolverTokens, editor, services, }: {
+export declare function cleanupProductAssetsAfterRestore({ assetResolverTokens, editor, signal, services, }: {
     assetResolverTokens: readonly ProductServiceToken<ProductAssetResolverService>[];
     editor: Editor;
+    signal: AbortSignal;
     services: ProductServiceRegistry;
 }): Promise<void>;

package/core/runtime/productEditor.d.ts

@@ -1,3 +1,3 @@
 import { type Editor } from "../../_vendor/canvas-core/index";
-import type { CreateCanvasProductEditorOptions } from "./productDefinition";
+import type { CreateCanvasProductEditorOptions } from "./runtimeContracts";
 export declare function createDefaultCanvasProductEditor(options: CreateCanvasProductEditorOptions): Editor;

package/core/runtime/productServices.d.ts

@@ -19,8 +19,12 @@ export interface ProductServiceRegistryRuntime extends ProductServiceRegistry {
 }
 export interface ProductAssetResolverService {
     resolveAssetUrl(editor: Editor, assetId: AssetId): string | null;
-    preloadForEditor?(editor: Editor): Promise<void>;
-    cleanupAfterRestore?(editor: Editor): Promise<void> | void;
+    preloadForEditor?(editor: Editor, options: {
+        signal: AbortSignal;
+    }): Promise<void>;
+    cleanupAfterRestore?(editor: Editor, options: {
+        signal: AbortSignal;
+    }): Promise<void> | void;
 }
 export declare function createProductServiceToken<TService>(id: string): ProductServiceToken<TService>;
 export declare function createProductServiceRegistry({ factories, productId, }: {

package/core/runtime/runtimeContracts.d.ts

@@ -0,0 +1,17 @@
+import type { AssetId, Editor, EditorPlugin } from "../../_vendor/canvas-core/index";
+export interface ProductPersistenceLoadResult {
+    documentSnapshot: unknown | null;
+    sessionSnapshot: unknown | null;
+}
+export interface ProductPersistenceAdapter {
+    load?(options: {
+        signal: AbortSignal;
+    }): Promise<ProductPersistenceLoadResult>;
+    start?(editor: Editor): () => void;
+    flushSnapshot?(editor: Editor): Promise<void>;
+}
+export interface CreateCanvasProductEditorOptions {
+    editorPlugins: readonly EditorPlugin[];
+    documentMeta?: Record<string, unknown>;
+    resolveAssetUrl?: (assetId: AssetId) => string | null;
+}