@yuzhouu/canvas-kit 0.1.13 → 0.1.15

package/index.css

@@ -1,2 +1,2 @@
-:root{--land-selection:#2563eb;--land-canvas-bg:oklch(97.7% .004 95);--land-canvas-grid-minor:oklch(82% .01 95);--land-shape-fill-blue:#dbeafe;--land-shape-fill-green:#dcfce7;--land-shape-fill-red:#fee2e2;--land-shape-fill-amber:#fff7ed;--land-shape-fill-white:#f8fafc;--land-shape-fill-slate:#e2e8f0;--land-shape-stroke-blue:#1d4ed8;--land-shape-stroke-green:#15803d;--land-shape-stroke-red:#dc2626;--land-shape-stroke-orange:#ea580c;--land-shape-stroke-slate:#334155;--land-shape-stroke-muted:#94a3b8;--land-shape-text-slate:#0f172a;--land-shape-text-blue:#1d4ed8;--land-shape-text-green:#15803d;--land-shape-text-red:#dc2626;--canvas-background:var(--land-canvas-bg);--canvas-dot:var(--land-canvas-grid-minor);--border:oklch(84% .012 240);--accent:oklch(90% .024 210);--accent-foreground:oklch(24% .03 235);--muted-foreground:oklch(45% .018 245);--chrome-background:oklch(100% 5.96046e-8 none/.94);--chrome-foreground:oklch(18% .018 255);--chrome-border:color-mix(in oklch, var(--border) 88%, oklch(22% .02 255));--chrome-border-width:1px;--chrome-radius:.5rem;--chrome-control-radius:.375rem;--chrome-control-border-width:0px;--chrome-spacing:.25rem;--toolbar-control-size:1.75rem;--toolbar-floating-offset:2.375rem;--toolbar-floating-shift-padding:.5rem;--toolbar-title-padding-inline:.5rem;--toolbar-title-font-size:.75rem;--toolbar-title-line-height:1rem;--toolbar-separator-width:1px;--toolbar-separator-height:1.25rem;--toolbar-separator-margin-inline:.25rem;--toolbar-button-font-size:.8125rem;--shadow-chrome:0 14px 34px -26px #0f172a6b, 0 6px 16px -12px #0f172a3d}.land-canvas-kit__shell,.land-canvas-kit__shell *{box-sizing:border-box}.land-canvas-kit__shell{background:linear-gradient(var(--land-canvas-bg,var(--canvas-background)), var(--land-canvas-bg,var(--canvas-background))), var(--land-canvas-bg,var(--canvas-background));width:100%;height:100%;color:var(--chrome-foreground)}.land-canvas-kit__viewport{width:100%;height:100%;position:relative;overflow:hidden}.land-canvas__surface{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:hidden;background-color:var(--land-canvas-bg,var(--canvas-background))!important}.land-canvas__grid-background,.land-canvas__shape-layer,.land-canvas__shape-page-space,.land-canvas__overlay-layer,.land-canvas__overlay-page-space,.land-canvas__eraser-trail-page-space,.land-canvas__laser-trail-page-space,.land-canvas__floating-portal-host,.land-canvas__floating-toolbar-layer,.land-canvas__floating-selection-page-space{position:absolute;inset:0}.land-canvas__grid-background,.land-canvas__overlay-layer,.land-canvas__eraser-trail-page-space,.land-canvas__laser-trail-page-space,.land-canvas__floating-portal-host,.land-canvas__floating-toolbar-layer,.land-canvas__floating-selection-page-space,.land-canvas__floating-selection-anchor{pointer-events:none}.land-canvas__floating-portal-host{isolation:isolate;z-index:30}.land-canvas__floating-selection-anchor{z-index:30;position:absolute}.land-canvas-kit__text-link-popover{z-index:40;visibility:hidden;box-sizing:border-box;align-items:center;gap:var(--chrome-spacing);border:var(--chrome-border-width) solid var(--chrome-border);border-radius:var(--chrome-radius);background:var(--chrome-background);max-width:min(360px,100vw - 24px);color:var(--chrome-foreground);box-shadow:var(--shadow-chrome);padding:var(--chrome-spacing);pointer-events:auto;will-change:transform;display:flex;position:fixed;top:0;left:0}.land-canvas-kit__text-link-popover button:focus-visible{outline:2px solid var(--land-selection);outline-offset:1px}.land-canvas-kit__text-link-popover-icon-button,.land-canvas-kit__text-link-popover-link{border:var(--chrome-control-border-width) solid transparent;border-radius:var(--chrome-control-radius);cursor:pointer;background:0 0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.land-canvas-kit__text-link-popover-icon-button{width:var(--toolbar-control-size);height:var(--toolbar-control-size);color:var(--muted-foreground);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.land-canvas-kit__text-link-popover-link{min-width:0;max-width:min(260px,100vw - 7rem);color:var(--chrome-foreground);padding:0 var(--toolbar-title-padding-inline);font-size:var(--toolbar-title-font-size);line-height:var(--toolbar-title-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.land-canvas-kit__text-link-popover-icon-button:hover,.land-canvas-kit__text-link-popover-link:hover{background:var(--chrome-control-hover-background,var(--accent));color:var(--chrome-control-hover-foreground,var(--accent-foreground,var(--chrome-foreground)))}.land-text-editor__content{white-space:pre-wrap;overflow-wrap:break-word;outline:none;width:100%;height:100%;min-height:100%}.land-text-editor__content p{margin:0}.land-text-editor__content .land-rich-text-selection{background:color-mix(in srgb, var(--land-selection) 24%, transparent)}
+:root{--land-selection:#2563eb;--land-canvas-bg:oklch(97.7% .004 95);--land-canvas-grid-minor:oklch(82% .01 95);--land-shape-fill-blue:#dbeafe;--land-shape-fill-green:#dcfce7;--land-shape-fill-red:#fee2e2;--land-shape-fill-amber:#fff7ed;--land-shape-fill-white:#f8fafc;--land-shape-fill-slate:#e2e8f0;--land-shape-stroke-blue:#1d4ed8;--land-shape-stroke-green:#15803d;--land-shape-stroke-red:#dc2626;--land-shape-stroke-orange:#ea580c;--land-shape-stroke-slate:#334155;--land-shape-stroke-muted:#94a3b8;--land-shape-text-slate:#0f172a;--land-shape-text-blue:#1d4ed8;--land-shape-text-green:#15803d;--land-shape-text-red:#dc2626;--canvas-background:var(--land-canvas-bg);--canvas-dot:var(--land-canvas-grid-minor);--border:oklch(84% .012 240);--accent:oklch(90% .024 210);--accent-foreground:oklch(24% .03 235);--muted-foreground:oklch(45% .018 245);--chrome-background:oklch(100% 5.96046e-8 none/.94);--chrome-foreground:oklch(18% .018 255);--chrome-border:color-mix(in oklch, var(--border) 88%, oklch(22% .02 255));--chrome-border-width:1px;--chrome-radius:.5rem;--chrome-control-radius:.375rem;--chrome-control-border-width:0px;--chrome-spacing:.25rem;--toolbar-control-size:1.75rem;--toolbar-floating-offset:2.375rem;--toolbar-floating-shift-padding:.5rem;--toolbar-title-padding-inline:.5rem;--toolbar-title-font-size:.75rem;--toolbar-title-line-height:1rem;--toolbar-separator-width:1px;--toolbar-separator-height:1.25rem;--toolbar-separator-margin-inline:.25rem;--toolbar-button-font-size:.8125rem;--shadow-chrome:0 14px 34px -26px #0f172a6b, 0 6px 16px -12px #0f172a3d}.land-canvas-kit__shell,.land-canvas-kit__shell *{box-sizing:border-box}.land-canvas-kit__shell{background:linear-gradient(var(--land-canvas-bg,var(--canvas-background)), var(--land-canvas-bg,var(--canvas-background))), var(--land-canvas-bg,var(--canvas-background));width:100%;height:100%;color:var(--chrome-foreground)}.land-canvas-kit__viewport{width:100%;height:100%;position:relative;overflow:hidden}.land-canvas__floating-portal-host,.land-canvas__floating-toolbar-layer,.land-canvas__floating-selection-page-space{position:absolute;inset:0}.land-canvas__floating-portal-host,.land-canvas__floating-toolbar-layer,.land-canvas__floating-selection-page-space,.land-canvas__floating-selection-anchor{pointer-events:none}.land-canvas__floating-portal-host{isolation:isolate;z-index:30}.land-canvas__floating-selection-anchor{z-index:30;position:absolute}
 /*$vite$:1*/

package/index.d.ts

@@ -1,51 +1,20 @@
+import "./index.css";
 export { createCustomShapeColor, createThemeShapeColor, getThemeColorTokenName, isCustomShapeColorRef, isThemeShapeColorRef, resolveShapeColor, shapeColorToCssColor, } from "./_vendor/canvas-core/index";
-export { DEFAULT_TEXT_FONT, HOST_TEXT_FONT, createDefaultTextFontCatalog, createDefaultTextPluginOptions, getPlainTextFromRichText, textApiToken, } from "./_vendor/plugin-text/index";
-export type { TextApi, TextInput, TextPluginOptions, TextShapeProps, TextFontDefinition, TextFontFaceSource, TextFontCatalog, TextFontSource, TextFormattingApi, TextFormattingSnapshot, TextFormattingTarget, TextFormattingValue, TextInlineFormat, TextLinkPopoverPresenter, TextLinkPopoverPresenterProps, TextStylesheetFontSource, TextSystemFontSource, TextTiptapEditorChangeHandler, TextTiptapEditorHandle, } from "./_vendor/plugin-text/index";
-export { arrowApiToken } from "./_vendor/plugin-arrow/index";
-export type { ArrowApi, ArrowBindingInput, ArrowInput, } from "./_vendor/plugin-arrow/index";
-export { frameApiToken } from "./_vendor/plugin-frame/index";
-export type { FrameApi, FrameInput, FrameShapeProps, } from "./_vendor/plugin-frame/index";
-export { geoApiToken } from "./_vendor/plugin-geo/index";
-export type { GeoApi, GeoRectangleInput, GeoShapeKind, GeoShapeInput, GeoShapeProps, } from "./_vendor/plugin-geo/index";
-export type { ImageAssetProps, ImageShapeCrop, ImageShapeProps, ImageSmudgeBrush, ImageSmudgeStroke, ImageSmudgeStrokePoint, } from "./_vendor/plugin-image/index";
-export type { AssetId, Camera, ChangeSource, CustomShapeColorRef, EditorPlugin, LayerOrderDirection, LayerOrderEdge, ShapeColor, ThemeColorSlot, ThemeColorResolver, ThemeColorTokenName, ThemeShapeColorRef, } from "./_vendor/canvas-core/index";
+export type { AssetId, Camera, ChangeSource, CustomShapeColorRef, EditorPlugin, LayerOrderDirection, LayerOrderEdge, ShapeColor, ShapeId, ThemeColorSlot, ThemeColorResolver, ThemeColorTokenName, ThemeShapeColorRef, } from "./_vendor/canvas-core/index";
+export { createCanvasApiToken, defineCanvasPlugin, requireApi, } from "./_vendor/canvas-extension-contracts/index";
+export type { ActiveCanvasContextMenu, CanvasApiToken, CanvasAssetResolverContribution, CanvasExportArtifact, CanvasExportContribution, CanvasExportFormat, CanvasExportFormatProvider, CanvasExportPayload, CanvasImportContribution, CanvasImportRequest, CanvasImportResult, CanvasPlugin, CanvasPluginDefinition, CanvasPluginInput, CanvasPluginRequirement, CanvasPluginInstance, CanvasPluginSetupContext, CanvasProductAssetData, CanvasProductCreatePageInput, CanvasProductDocumentRef, CanvasProductExportController, CanvasProductExportInput, CanvasProductExportStatus, CanvasProductExportTarget, CanvasProductLayerActionState, CanvasProductLayerNode, CanvasProductLayerPlacement, CanvasProductLayerPlacementFailureReason, CanvasProductLayerPlacementResult, CanvasProductPageRef, CanvasProductSessionPageState, CanvasProductSessionSnapshot, CanvasProductShapeData, CanvasProductShapeUpdate, CanvasShapeRef, CanvasSvgInlineInput, ProductPersistenceAdapter, ProductPersistenceLoadResult, CanvasTaskRunner, ScopedProductApiRegistryView, SvgResourceInliner, } from "./_vendor/canvas-extension-contracts/index";
 export type { CanvasRenderPlugin } from "./_vendor/canvas-react/host/index";
-export { createCanvasPluginValueToken, } from "./_vendor/canvas-plugin-sdk/index";
-export { canvasActionsExtension, canvasApisExtension, canvasCapabilitiesExtension, canvasChromeExtension, canvasContextMenuExtension, canvasExportsExtension, canvasImportsExtension, canvasServicesExtension, canvasToolbarExtension, chromeChannels, createChromeChannel, createProductServiceToken, createToolbarChannel, createProductApiToken, toolbarChannels, } from "./_vendor/canvas-product-contracts/index";
-export { mergeToolbarGroups } from "./chrome/toolbar/mergeToolbarGroups";
-export { canvasToolActionsCapability } from "./plugins/runtime/tool-actions";
-export { canvasImportHostCapability } from "./plugins/runtime/import-host";
-export { canvasClipboardRuntimeCapability, canvasClipboardServiceToken, SYSTEM_CLIPBOARD_COPY_ACTION_ID, SYSTEM_CLIPBOARD_CUT_ACTION_ID, SYSTEM_CLIPBOARD_PASTE_ACTION_ID, SYSTEM_CLIPBOARD_PASTE_AT_POINT_ACTION_ID, } from "./_vendor/plugin-runtime-clipboard/index";
-export type { CanvasPluginCapabilityKind, CanvasPluginCapabilityToken, CanvasPluginRequirement, CanvasPluginSetupExtension, CanvasPluginValueToken, } from "./_vendor/canvas-plugin-sdk/index";
-export type { CanvasAction, CanvasActionAvailability, CanvasActionValue, CanvasPluginCapabilityRegistry, CanvasPluginCapabilitySetup, CanvasShapeRef, ChromeChannel, ChromeContribution, CanvasImportContribution, CanvasImportRequest, CanvasImportResult, CanvasExportArtifact, CanvasExportContribution, CanvasExportFormat, CanvasExportPayload, ContextMenuContribution, ProductApiRegistry, ProductApiToken, ProductServiceFactory, ProductServiceRegistry, ProductServiceSetup, ProductServiceToken, ToolbarChannel, ToolbarContribution, ToolbarSurface, } from "./_vendor/canvas-product-contracts/index";
-export type { ToolbarGroupSource } from "./chrome/toolbar/mergeToolbarGroups";
+export { CanvasKitRoot } from "./react/CanvasKitRoot";
+export { CanvasKitProvider, useCanvasKit, useCanvasValue, } from "./react/CanvasKitContext";
+export { applyCanvasActionShortcutOverrides, getCanvasActionShortcuts, } from "./react/canvasActions";
+export type { CanvasAction, CanvasActionShortcut, CanvasActionShortcutOverrides, CanvasKitChromeRenderer, CanvasKitRootProps, KeyboardShortcut, } from "./react/canvasKitRootContracts";
+export { createLocalSnapshotPersistence, readPersistedDocumentSnapshot, readPersistedEditorSnapshots, readPersistedSessionSnapshot, } from "./browser/persistence";
+export type { LocalSnapshotPersistenceOptions } from "./browser/persistence";
+export type { CanvasAssetsApi, CanvasContextMenuApi, CanvasDocumentApi, CanvasExportApi, CanvasGridApi, CanvasHistoryApi, CanvasHistoryState, CanvasErrorHandler, CanvasKit, CanvasKitOptions, CanvasKitSnapshot, CanvasKitStartupResult, CanvasLayersApi, CanvasPagesApi, CanvasPagesState, CanvasReadable, CanvasSelectionApi, CanvasSelectionBounds, CanvasSelectionState, CanvasShapeExportBounds, CanvasShapeExportBoundsOptions, CanvasShapeExportBoundsSpace, CanvasSessionApi, CanvasSessionState, CanvasShapesApi, CanvasToolsApi, CanvasToolsState, CanvasViewportApi, CanvasViewportState, } from "./runtime/canvasKitContracts";
 export { CanvasKitFloatingToolbarLayer, } from "./chrome/toolbar/CanvasKitFloatingToolbarLayer";
-export { FloatingSelectionToolbarPageSpace, } from "./chrome/toolbar/FloatingSelectionToolbarPageSpace";
+export { CanvasKitFloatingContent } from "./chrome/floating/CanvasKitFloatingContent";
+export { useCanvasKitFloatingPortalContainer } from "./chrome/floating/CanvasKitFloatingPortal";
+export type { CanvasKitFloatingContentProps, CanvasKitFloatingPlacement, } from "./chrome/floating/CanvasKitFloatingContent";
+export { FloatingSelectionToolbarPageSpace, useFloatingSelectionToolbarPosition, } from "./chrome/toolbar/FloatingSelectionToolbarPageSpace";
+export type { FloatingSelectionToolbarPosition, } from "./chrome/toolbar/FloatingSelectionToolbarPageSpace";
 export { useCanvasKitWheelCapture, } from "./chrome/toolbar/CanvasKitWheelCapture";
-export { createTextHostPlugin } from "./plugins/host/text/textHostPlugin";
-export { createTextLinkHoverPopoverPresenter, } from "./plugins/host/text/link/TextLinkHoverPopover";
-export type { TextLinkHoverPopoverIcons, } from "./plugins/host/text/link/TextLinkHoverPopover";
-export { useCanvasKitLayerTree, } from "./chrome/useCanvasKitLayerTree";
-import "./index.css";
-export { CanvasKitRoot } from "./react/CanvasKitRoot";
-export { useCanvasKitRuntime } from "./react/useCanvasKitRuntime";
-export { createCanvasKitRuntime } from "./runtime/canvasKitRuntime";
-export { createStandardCanvasKitPlugins, } from "./plugins/standard/createStandardCanvasKitPlugins";
-export { canvasKitApisExtension, canvasKitAssetsExtension, canvasKitLifecycleExtension, canvasKitPersistenceExtension, canvasKitUiExtension, defineCanvasPlugin, } from "./runtime/canvasKitPluginContracts";
-export { CANVAS_KIT_TOOL_IDS } from "./canvasKitTools";
-export type { CanvasKitToolId } from "./canvasKitTools";
-export { CANVAS_KIT_COMMAND_TOKENS } from "./commands/commandTokens";
-export type { CanvasKitCommandToken } from "./commands/command";
-export type { CanvasProductAssetData, CanvasProductController, CanvasProductControllerChange, CanvasProductControllerChangeKey, CanvasProductControllerChangeListener, CanvasProductControllerSnapshot, CanvasProductCommittedChange, CanvasProductCreatePageInput, CanvasProductDocumentRef, CanvasProductLayerActionState, CanvasProductLayerNode, CanvasProductLayerPlacement, CanvasProductLayerPlacementFailureReason, CanvasProductLayerPlacementResult, CanvasProductPageRef, CanvasProductSessionPageState, CanvasProductSessionSnapshot, CanvasProductShapeData, CanvasProductShapeUpdate, CanvasProductRealtimeChange, CanvasProductSubscriptionOptions, } from "./controller";
-export type { CanvasKitChromeContext, CanvasKitContextMenuState, CanvasKitGridControls, CanvasKitLayerTreeSource, CanvasKitToolbarActionState, CanvasKitToolbarRuntime, ChromeCommandItem, ChromeItem, ChromeSection, ChromeSurfaces, CanvasActionContext, ContextMenuCommandItem, ContextMenuItem, ContextMenuSection, EditorSelectionMetadata, EditorSelectionState, HistoryControls, PageControls, ShapeId, ToolbarGroup, ToolbarItem, ToolbarSurfaces, ZoomControlsState, } from "./chrome/types";
-export type { CanvasKitChromeRenderer, CanvasKitDocumentSeed, CanvasKitRuntime, CanvasKitRuntimeOptions, CanvasKitRuntimeState, CanvasKitStartupResult, } from "./runtime/canvasKitRuntimeContracts";
-export type { CanvasKitRootProps } from "./react/CanvasKitRoot";
-export type { CanvasKitStandardPluginOptions, } from "./plugins/standard/createStandardCanvasKitPlugins";
-export type { CanvasKitPluginAssetSetup, CanvasPluginApi, CanvasPluginBeforeReadyContext, CanvasPluginBeforeReady, CanvasPluginBeforeCommand, CanvasPluginBeforeCommandContext, CanvasPluginLifecycleSetup, CanvasPluginPersistence, CanvasPluginComponent, CanvasPluginComponentProps, CanvasPlugin, CanvasPluginDefinition, CanvasPluginInput, CanvasPluginContext, CanvasPluginProvider, CanvasPluginSetup, CanvasPluginSetupContext, CanvasPluginUiSetup, } from "./runtime/canvasKitPluginContracts";
-export type { ProductPersistenceAdapter, ProductPersistenceLoadResult, } from "./runtime/persistenceContracts";
-export type { ProductAssetResolverService, } from "./runtime/productAssetResolvers";
-export type { CanvasClipboardService, } from "./_vendor/plugin-runtime-clipboard/index";
-export { canvasExportApiToken } from "./_vendor/plugin-runtime-export/index";
-export type { CanvasExportAppearance, CanvasExportApi, CanvasExportTarget, CanvasGenericExportInput, CanvasPngExportInput, CanvasSvgExportInput, ExportStatus, PngExportResult, SvgAssetInliner, SvgExportResult, } from "./_vendor/plugin-runtime-export/index";
-export { canvasKitImageHostApiToken, } from "./plugins/host/image";
-export type { CanvasKitImageHostApi, CanvasKitImageInsertInput, CanvasKitImageInsertSize, CanvasKitImageInsertSource, CanvasKitImageInsertStrategy, CanvasKitImageReplaceInput, CanvasKitImageSmudgeConfirmPayload, CanvasKitImageSmudgeController, } from "./plugins/host/image";