@yuzhouu/canvas-kit 0.1.3 → 0.1.4

package/product/chromeContext.d.ts

@@ -1,70 +0,0 @@
-import { type ReactNode } from "react";
-import type { Editor, EditorSelectionState, EditorToolState, ShapeCapabilityManifest, ShapeId } from "../_vendor/canvas-core/index";
-import type { CanvasPluginHostRuntime } from "../_vendor/canvas-react/host/index";
-import type { CanvasProductDefinition, ProductServiceRegistry } from "../_vendor/canvas-product-react/index";
-import { type ContextMenuSurface, type HistoryControls, type PageControls, type SvgExportControls, type ToolbarSurfaces, type ZoomControlsState } from "../_vendor/canvas-product-react/index";
-import type { ContextMenuOpenSnapshot, ToolbarActionValue, ToolbarContext } from "../_vendor/canvas-core/index";
-import type { StandardCanvasApi, StandardCanvasLayerNode } from "../standard";
-import { type ImageAssetService } from "../_vendor/plugin-image-product-react/index";
-export type { ContextMenuCommandItem, ContextMenuItem, ContextMenuSection, EditorSelectionState, EditorToolState, ShapeCapabilityManifest, ShapeId, ToolbarActionValue, ToolbarContext, ToolbarGroup, ToolbarItem, } from "../_vendor/canvas-core/index";
-export type { ContextMenuSurface, HistoryControls, PageControls, SvgExportControls, ToolbarSurfaces, ZoomControlsState, } from "../_vendor/canvas-product-react/index";
-export type { StandardCanvasLayerNode } from "../standard";
-export interface CanvasKitToolbarActionState {
-    value: ToolbarActionValue | undefined;
-    isEnabled: boolean;
-    isVisible: boolean;
-}
-export interface CanvasKitToolbarRuntime {
-    getActionState(input: {
-        actionId: string;
-        context: ToolbarContext;
-    }): CanvasKitToolbarActionState | null;
-    runAction(input: {
-        actionId: string;
-        context: ToolbarContext;
-        value?: ToolbarActionValue;
-    }): void;
-}
-export interface CanvasKitChromeContext<TApi extends StandardCanvasApi = StandardCanvasApi> {
-    api: TApi;
-    canvas: ReactNode | null;
-    contextMenu: CanvasKitContextMenuState;
-    currentPageId: string;
-    currentPageShapeIds: readonly ShapeId[];
-    history: HistoryControls;
-    isReady: boolean;
-    layers: readonly StandardCanvasLayerNode[];
-    pages: PageControls;
-    productId: string;
-    product: CanvasProductDefinition;
-    selection: EditorSelectionState;
-    selectedShapeIds: readonly ShapeId[];
-    shapeCapabilityManifest: ShapeCapabilityManifest;
-    svgExport: SvgExportControls;
-    tool: EditorToolState;
-    toolbarRuntime: CanvasKitToolbarRuntime;
-    toolbarSurfaces: ToolbarSurfaces;
-    zoom: ZoomControlsState;
-}
-export interface CanvasKitContextMenuState {
-    openSnapshot: ContextMenuOpenSnapshot | null;
-    onOpenChange: (snapshot: ContextMenuOpenSnapshot | null) => void;
-    runAction(input: {
-        actionId: string;
-        context: NonNullable<ContextMenuSurface["context"]>;
-        value?: ToolbarActionValue;
-    }): void;
-    surface: ContextMenuSurface;
-}
-export declare function useCanvasKitChromeContext<TApi extends StandardCanvasApi>({ api, canvas, contextMenuOpenSnapshot, editor, imageAssetService, isReady, onContextMenuOpenChange, pluginHostRuntime, product, }: {
-    api: TApi;
-    canvas: ReactNode | null;
-    contextMenuOpenSnapshot: ContextMenuOpenSnapshot | null;
-    editor: Editor;
-    imageAssetService: ImageAssetService;
-    isReady: boolean;
-    onContextMenuOpenChange: (snapshot: ContextMenuOpenSnapshot | null) => void;
-    pluginHostRuntime: CanvasPluginHostRuntime;
-    product: CanvasProductDefinition;
-    services: ProductServiceRegistry;
-}): CanvasKitChromeContext<TApi>;

package/product/createCanvasKitEditor.d.ts

@@ -1,6 +0,0 @@
-import { Editor, type AssetId, type LandCorePlugin } from "../_vendor/canvas-core/index";
-export interface CreateCanvasKitEditorOptions {
-    corePlugins: readonly LandCorePlugin[];
-    resolveAssetUrl?: (assetId: AssetId) => string | null;
-}
-export declare function createCanvasKitEditor(options: CreateCanvasKitEditorOptions): Editor;

package/product/index.d.ts

@@ -1,7 +0,0 @@
-export { createCanvasKitEditor } from "./createCanvasKitEditor";
-export type { CreateCanvasKitEditorOptions } from "./createCanvasKitEditor";
-export { useCanvasKitChromeContext, type EditorSelectionState, type EditorToolState, type HistoryControls, type PageControls, type CanvasKitContextMenuState, type CanvasKitChromeContext, type CanvasKitToolbarActionState, type CanvasKitToolbarRuntime, type ShapeCapabilityManifest, type ShapeId, type StandardCanvasLayerNode, type SvgExportControls, type ContextMenuCommandItem, type ContextMenuItem, type ContextMenuSection, type ToolbarActionValue, type ToolbarContext, type ToolbarGroup, type ToolbarItem, type ToolbarSurfaces, type ZoomControlsState, } from "./chromeContext";
-export { createCanvasKitProduct, canvasKitProduct, type CanvasKitProductOptions, } from "./product";
-export { CANVAS_KIT_STORAGE_NAMESPACE, persistCanvasKitEditorSnapshot, } from "./persistence";
-export { CanvasKitShell, type CanvasKitApiFactory, type CanvasKitChromeRenderer, } from "./Shell";
-export type { CanvasKitShellProps } from "./Shell";

package/product/persistence.d.ts

@@ -1,3 +0,0 @@
-import type { Editor } from "../_vendor/canvas-core/index";
-export declare const CANVAS_KIT_STORAGE_NAMESPACE = "land.canvasKit";
-export declare function persistCanvasKitEditorSnapshot(editor: Editor): Promise<void>;

package/product/product.d.ts

@@ -1,22 +0,0 @@
-import { type CanvasProductDefinition, type CanvasProductRuntimeSetup, type ProductPersistenceAdapter, type ProductServiceFactory } from "../_vendor/canvas-product-react/index";
-import type { StandardCanvasApi } from "../standard";
-import type { CanvasKitApi } from "../api/canvasKitApi";
-import { persistCanvasKitEditorSnapshot } from "./persistence";
-import { type CanvasKitApiFactory, type CanvasKitChromeRenderer } from "./Shell";
-export interface CanvasKitProductOptions<TApi extends StandardCanvasApi = CanvasKitApi> {
-    id?: string;
-    chrome?: CanvasKitChromeRenderer<TApi>;
-    createApi?: CanvasKitApiFactory<TApi>;
-    exposeApiOnWindow?: boolean;
-    onApiDispose?: () => void;
-    onApiReady?: (api: TApi) => void;
-    persistence?: ProductPersistenceAdapter | null;
-    persistEditorSnapshot?: typeof persistCanvasKitEditorSnapshot;
-    runtimeSetups?: readonly CanvasProductRuntimeSetup[];
-    services?: readonly ProductServiceFactory<unknown>[];
-    shouldSkipStoredSnapshots?: () => boolean;
-    storageNamespace?: string;
-    windowKey?: string;
-}
-export declare function createCanvasKitProduct<TApi extends StandardCanvasApi = CanvasKitApi>(options?: CanvasKitProductOptions<TApi>): CanvasProductDefinition;
-export declare const canvasKitProduct: CanvasProductDefinition;

package/product-CxN5NN6u.mjs

@@ -1,4 +0,0 @@
-function e(e=[]){const t=new Me;return t.registerCorePlugins(e),t}function t(e=[]){const t=new Re;return t.registerCorePlugins(e),t}function s({corePlugins:e,canvasPlugins:t,rendererRegistry:s,resolvedFeatures:o}){const r=[],i=o.map(({feature:e})=>e.id),a=e.map(e=>e.id),c=t.map(e=>e.id),l=e.flatMap(e=>(e.interactionHandlers??[]).map(e=>e.id)),d=e.flatMap(e=>(e.toolbarActions??[]).map(e=>e.id)),u=e.flatMap(e=>(e.toolbarContributions??[]).map(e=>e.id)),p=e.flatMap(e=>(e.contextMenuContributions??[]).map(e=>e.id)),g=new Set([...Ce,...d]),h=t.flatMap(e=>(e.domEventGuards??[]).map(e=>e.id)),m=t.flatMap(e=>(e.canvasProviders??[]).map(e=>e.id)),f=t.flatMap(e=>(e.canvasComponents??[]).map(e=>e.id)),v=new Set(e.flatMap(e=>(e.shapeUtils??[]).map(e=>e.type))),S=new Set(e.flatMap(e=>(e.shapeSvgExporters??[]).map(e=>e.type))),y=new Map(e.flatMap(e=>(e.shapeCapabilities??[]).map(e=>[e.type,e]))),b=new Set(s.getRegisteredShapeTypes());n({code:"duplicate-feature-id",ids:i,issues:r,messagePrefix:"Duplicate feature id"}),n({code:"duplicate-core-plugin-id",ids:a,issues:r,messagePrefix:"Duplicate core plugin id"}),n({code:"duplicate-canvas-plugin-id",ids:c,issues:r,messagePrefix:"Duplicate canvas plugin id"}),n({code:"duplicate-interaction-handler-id",ids:l,issues:r,messagePrefix:"Duplicate interaction handler id"}),n({code:"duplicate-toolbar-action-id",ids:d,issues:r,messagePrefix:"Duplicate toolbar action id"}),n({code:"duplicate-toolbar-contribution-id",ids:u,issues:r,messagePrefix:"Duplicate toolbar contribution id"}),n({code:"duplicate-context-menu-contribution-id",ids:p,issues:r,messagePrefix:"Duplicate context menu contribution id"}),(({resolvedFeatures:e,issues:t,knownToolbarActionIds:s})=>{for(const{feature:n}of e)for(const e of n.corePlugins)for(const o of e.toolbarContributions??[])for(const r of o.actionIds)s.has(r)||t.push({severity:"error",code:"missing-toolbar-action",featureId:n.id,pluginId:e.id,shapeType:null,message:`Toolbar contribution ${o.id} references missing action ${r}.`})})({resolvedFeatures:o,issues:r,knownToolbarActionIds:g}),(({resolvedFeatures:e,issues:t,knownToolbarActionIds:s})=>{for(const{feature:n}of e)for(const e of n.corePlugins)for(const o of e.contextMenuContributions??[])for(const r of o.actionIds)s.has(r)||t.push({severity:"error",code:"missing-context-menu-action",featureId:n.id,pluginId:e.id,shapeType:null,message:`Context menu contribution ${o.id} references missing action ${r}.`})})({resolvedFeatures:o,issues:r,knownToolbarActionIds:g}),n({code:"duplicate-dom-event-guard-id",ids:h,issues:r,messagePrefix:"Duplicate DOM event guard id"}),n({code:"duplicate-canvas-provider-id",ids:m,issues:r,messagePrefix:"Duplicate canvas plugin provider id"}),n({code:"duplicate-canvas-component-id",ids:f,issues:r,messagePrefix:"Duplicate canvas plugin component id"});const w=o.flatMap(({feature:e})=>{const t=0===e.shapeTypes.length&&e.corePlugins.some(e=>(e.toolbarContributions??[]).some(e=>"tool"===e.surface)||void 0!==e.setup);return 0===e.corePlugins.length&&r.push({severity:"error",code:"missing-core-plugin",featureId:e.id,pluginId:null,shapeType:null,message:`Feature ${e.id} does not include a core plugin.`}),0!==e.canvasPlugins.length||t||r.push({severity:"error",code:"missing-canvas-plugin",featureId:e.id,pluginId:null,shapeType:null,message:`Feature ${e.id} does not include a canvas plugin.`}),0!==e.shapeTypes.length||t||r.push({severity:"error",code:"missing-shape-type",featureId:e.id,pluginId:null,shapeType:null,message:`Feature ${e.id} does not declare shape types.`}),e.shapeTypes.map(t=>{const s=y.get(t)??null,n=v.has(t),o=S.has(t),i=b.has(t),a=n&&o?"supported":"missing";return s||r.push({severity:"error",code:"missing-shape-capability",featureId:e.id,pluginId:null,shapeType:t,message:`Shape type ${t} does not have a core capability entry.`}),n||r.push({severity:"error",code:"missing-shape-util",featureId:e.id,pluginId:null,shapeType:t,message:`Shape type ${t} does not have a core shape util.`}),"supported"!==s?.reactRenderer||i||r.push({severity:"error",code:"missing-canvas-renderer",featureId:e.id,pluginId:null,shapeType:t,message:`Shape type ${t} declares React renderer support but no canvas renderer registered.`}),o||r.push({severity:"warning",code:"missing-svg-exporter",featureId:e.id,pluginId:null,shapeType:t,message:`Shape type ${t} does not have an SVG exporter.`}),{featureId:e.id,shapeType:t,hasCapability:null!==s,hasShapeUtil:n,hasSvgExporter:o,hasCanvasRenderer:i,exportSupport:a}})}),I=r.filter(e=>"error"===e.severity).length;return{verdict:0===I?"pass":"fail",issueCount:r.length,errorCount:I,warningCount:r.length-I,issues:r,featureIds:i,corePluginIds:a,canvasPluginIds:c,interactionHandlerIds:l,toolbarActionIds:d,toolbarContributionIds:u,contextMenuContributionIds:p,domEventGuardIds:h,canvasProviderIds:m,canvasComponentIds:f,registeredRendererTypes:Array.from(b),shapeSummaries:w}}function n({code:e,ids:t,issues:s,messagePrefix:n}){const o=new Map;for(const r of t)o.set(r,(o.get(r)??0)+1);for(const[r,i]of o)i>1&&s.push({severity:"error",code:e,featureId:null,pluginId:r,shapeType:null,message:`${n}: ${r}.`})}function o(e){const{extensionName:t,feature:s,source:n}=e;return{id:s.id,extensionName:t,source:n,corePluginIds:s.corePlugins.map(e=>e.id),canvasPluginIds:s.canvasPlugins.map(e=>e.id),interactionHandlerIds:s.corePlugins.flatMap(e=>(e.interactionHandlers??[]).map(e=>e.id)),toolbarActionIds:s.corePlugins.flatMap(e=>(e.toolbarActions??[]).map(e=>e.id)),toolbarContributionIds:s.corePlugins.flatMap(e=>(e.toolbarContributions??[]).map(e=>e.id)),toolbarContributions:s.corePlugins.flatMap(e=>(e.toolbarContributions??[]).map(e=>({id:e.id,surface:e.surface,placement:e.placement??"context",actionIds:[...e.actionIds]}))),contextMenuContributionIds:s.corePlugins.flatMap(e=>(e.contextMenuContributions??[]).map(e=>e.id)),contextMenuContributions:s.corePlugins.flatMap(e=>(e.contextMenuContributions??[]).map(e=>({id:e.id,target:e.target,actionIds:[...e.actionIds]}))),domEventGuardIds:s.canvasPlugins.flatMap(e=>(e.domEventGuards??[]).map(e=>e.id)),canvasProviderIds:s.canvasPlugins.flatMap(e=>(e.canvasProviders??[]).map(e=>e.id)),canvasComponentIds:s.canvasPlugins.flatMap(e=>(e.canvasComponents??[]).map(e=>e.id)),shapeTypes:[...s.shapeTypes]}}function r(e){return{id:e}}function i({product:n}){const[r,i]=Pe(null),[c,l]=Pe(null),d=r?.product===n?r:null;be(()=>{const r=(n=>{const r=(({factories:e,productId:t})=>{const s=new Map,n=[],o=(e,t)=>{const o=s.get(e.token.id);if(o)return o;const r=e.create(t);return s.set(e.token.id,r),e.dispose&&n.push(()=>e.dispose?.(r)),r};for(const r of e)o(r,{productId:t});return{register:o,get:e=>s.get(e.id)??null,dispose(){for(const e of[...n].reverse())e();s.clear()}}})({factories:n.services??[],productId:n.id}),i=de(),c=((n,r={})=>{const i=r.source??"built-in",a=ge(n).flatMap(({extension:e,feature:t})=>t?[{extensionName:e.name,feature:t,source:i}]:[]),c=a.flatMap(({feature:e})=>e.corePlugins),l=a.flatMap(({feature:e})=>e.canvasPlugins),d=l.flatMap(e=>[...e.canvasProviders??[]]),u=l.flatMap(e=>[...e.canvasComponents??[]]),p=a.map(o),g=a.filter(({source:e})=>"built-in"!==e).flatMap(({feature:e})=>[...e.corePlugins.map(e=>e.id),...e.canvasPlugins.map(e=>e.id)]),h=g.length>0,m=ee(l);return{corePlugins:c,canvasPlugins:l,canvasProviders:d,canvasComponents:u,rendererRegistry:m,domEventGuardRegistry:re(l),toolbarRegistry:e(c),contextMenuRegistry:t(c),manifest:p,validation:s({corePlugins:c,canvasPlugins:l,rendererRegistry:m,resolvedFeatures:a}),externalPluginIds:g,ignoreStoredSnapshots:h,disablePersistence:h}})(n.extensions);let l=null;const d=n.createEditor({corePlugins:c.corePlugins,resolveAssetUrl:e=>l?(({assetId:e,editor:t,product:s,services:n})=>{for(const o of a({product:s,services:n})){const s=o.resolveAssetUrl(t,e);if(s)return s}return null})({assetId:e,editor:l,product:n,services:r}):null});l=d;for(const e of n.runtimeSetups??[])e({productId:n.id,apiRegistry:i,editor:d,pluginHostRuntime:c,services:r});return{product:n,apiRegistry:i,editor:d,pluginHostRuntime:c,services:r}})(n);return i(r),l(null),()=>{r.services.dispose()}},[n]);const u=d&&!!n.persistence?.restore&&!d.pluginHostRuntime.disablePersistence&&!d.pluginHostRuntime.ignoreStoredSnapshots&&!n.shouldSkipStoredSnapshots?.(),[p,g]=Pe(!1);if(be(()=>{if(!d)return void g(!1);const{editor:e,pluginHostRuntime:t,services:s}=d;if(t.disablePersistence)return void g(!0);const o=n.persistence;let r=!1,i=null;const c=()=>{!r&&o?.start&&(i=o.start(e))};return u?(g(!1),o?.restore?.(e).then(()=>(async({editor:e,product:t,services:s})=>{await Promise.all(a({product:t,services:s}).map(t=>t.preloadForEditor?.(e)))})({editor:e,product:n,services:s})).then(()=>(async({editor:e,product:t,services:s})=>{await Promise.all(a({product:t,services:s}).map(t=>t.cleanupAfterRestore?.(e)))})({editor:e,product:n,services:s})).then(()=>{r||(g(!0),c())}).catch(e=>{console.warn("Could not restore persisted canvas snapshot.",e),g(!0),c()}),()=>{r=!0,i?.()}):(g(!0),c(),()=>{r=!0,i?.()})},[d,n,u]),!d)return null;const{apiRegistry:h,editor:m,pluginHostRuntime:f,services:v}=d;
-return Ee(te.Provider,{value:m,children:Ee(n.Shell,{product:n,editor:m,pluginHostRuntime:f,apiRegistry:h,services:v,canvas:p?Ee(ie,{canvasComponents:f.canvasComponents,canvasProviders:f.canvasProviders,domEventGuardRegistry:f.domEventGuardRegistry,onContextMenuRequest:l,rendererRegistry:f.rendererRegistry}):null,contextMenuOpenSnapshot:c,onContextMenuOpenChange:l,isReady:p})})}function a({product:e,services:t}){return(e.assetResolverTokens??[]).map(e=>t.get(e)).filter(e=>!!e)}function c({editor:e,toolState:t,selectionState:s}){return{editor:e,selection:{selectedShapeIds:e.getSelectedShapeIds(),selectedShapes:e.getSelectedShapes(),count:s.count,singleShapeType:s.singleShapeType,commonShapeType:s.commonShapeType,canResetRotation:s.canResetSelectionRotation,isMixedFrameAndPointHandleSelection:s.isMixedFrameAndPointHandleSelection},tool:{activeToolId:t.activeToolId,isToolLocked:t.isToolLocked}}}function l({pluginHostRuntime:e,productId:t,services:s}){s.register({token:Te,create(){let e=null;return{async write(t){e=t},read:async()=>e,getMemoryPayload:()=>e}}},{productId:t}),(({pluginHostRuntime:e,services:t})=>{for(const s of(e=>[{id:Le,isVisible:e=>e.selection.count>0,isEnabled:t=>t.selection.count>0&&!!d(e),run({context:t}){u({context:t,services:e})}},{id:Ue,isVisible:e=>e.selection.count>0,isEnabled:t=>t.selection.count>0&&!!d(e),run({context:t}){(async({context:e,services:t})=>{await u({context:e,services:t})&&e.editor.deleteSelection("user")})({context:t,services:e})}},{id:ke,isVisible:()=>!!d(e)?.getMemoryPayload(),isEnabled:()=>!!d(e)?.getMemoryPayload(),run({context:t}){p({context:t,services:e})}},{id:je,isVisible:t=>h(t)&&!!d(e)?.getMemoryPayload(),isEnabled:t=>h(t)&&!!d(e)?.getMemoryPayload(),run({context:t}){h(t)&&p({context:t,services:e,atMenuPoint:!0})}},{id:He,isVisible:e=>e.selection.count>0,isEnabled:e=>e.selection.count>0,run({context:e}){e.editor.duplicateSelection({source:"user"})}},{id:De,isEnabled:e=>e.editor.getCurrentPageShapeIds().length>0,run({context:e}){e.editor.selectAllCurrentPage("user")}}])(t))e.toolbarRegistry.registerHostAction(s)})({pluginHostRuntime:e,services:s})}function d(e){return e.get(Te)}async function u({context:e,services:t}){const s=d(t);if(!s)return null;const n=e.editor.createClipboardPayloadFromSelection();return n?(await s.write(n),n):null}async function p({atMenuPoint:e=!1,context:t,services:s}){const n=d(s);if(!n)return;const o=await n.read();o&&t.editor.pasteClipboardPayload({payload:o,pagePoint:g({atMenuPoint:e,context:t}),source:"user"})}function g({atMenuPoint:e,context:t}){return e&&h(t)?t.menu.pagePoint:t.editor.inputs.state.get().currentPagePoint??t.editor.viewportPageBoundsSignal.get()?.center??void 0}function h(e){return"menu"in e}function m(e={}){return{async restore(t){const{documentSnapshot:s,sessionSnapshot:n}=await(async(e={})=>{const[t,s]=await Promise.all([y(v(e)),y(S(e))]);return{documentSnapshot:t,sessionSnapshot:s}})(e);s&&e.shouldIgnoreDocumentSnapshot?.(s)?console.warn("Ignoring persisted canvas document snapshot."):s&&t.loadDocumentSnapshot(s,{source:"system"}),n&&t.loadSessionSnapshot(n,{source:"system"}),t.history.clear()},start(t){const s=new Fe(t,e);return s.start(),()=>s.stop()}}}async function f(e,t={}){const s=JSON.stringify(e.getDocumentSnapshot()),n=JSON.stringify(e.getSessionSnapshot());await Promise.all([w(v(t),s),w(S(t),n)])}function v(e){return e.storageNamespace?`${e.storageNamespace}.document`:"land.canvas.document"}function S(e){return e.storageNamespace?`${e.storageNamespace}.session`:"land.canvas.session"}async function y(e){const t=await(async e=>{const t=await b();return t?new Promise((s,n)=>{const o=t.transaction(Oe,"readonly");o.addEventListener("complete",()=>t.close()),o.addEventListener("abort",()=>{t.close(),n(o.error)}),o.addEventListener("error",()=>{t.close(),n(o.error)});const r=o.objectStore(Oe).get(e);r.addEventListener("success",()=>{s("string"==typeof r.result?r.result:null)}),r.addEventListener("error",()=>n(r.error))}):null})(e);if(!t)return null;try{return JSON.parse(t)}catch{return null}}function b(){return"undefined"==typeof indexedDB?Promise.resolve(null):new Promise((e,t)=>{const s=indexedDB.open($e,2);s.addEventListener("upgradeneeded",()=>{s.result.objectStoreNames.contains("snapshots")||s.result.createObjectStore(Oe),s.result.objectStoreNames.contains("imageBlobs")||s.result.createObjectStore(Ke)}),s.addEventListener("success",()=>e(s.result)),s.addEventListener("error",()=>t(s.error))})}async function w(e,t){const s=await b();s&&await new Promise((n,o)=>{const r=s.transaction(Oe,"readwrite");r.addEventListener("complete",()=>{s.close(),n()}),r.addEventListener("abort",()=>{s.close(),o(r.error)}),r.addEventListener("error",()=>{s.close(),o(r.error)}),r.objectStore(Oe).put(t,e)})}async function I(e){const t=await A();return t?new Promise((s,n)=>{const o=t.transaction(Ke,"readonly");o.addEventListener("complete",()=>t.close()),o.addEventListener("abort",()=>{t.close(),n(o.error)}),o.addEventListener("error",()=>{t.close(),n(o.error)});const r=o.objectStore(Ke).get(e);r.addEventListener("success",()=>{s(r.result instanceof Blob?r.result:null)}),r.addEventListener("error",()=>n(r.error))}):null}async function P(e){const t=await I(e);return t?new Promise((e,s)=>{const n=new FileReader;n.addEventListener("load",()=>{e("string"==typeof n.result?n.result:null)}),n.addEventListener("error",()=>{s(n.error)}),n.readAsDataURL(t)}):null}async function x(e){const t=await A();t&&await new Promise((s,n)=>{const o=t.transaction(Ke,"readwrite");o.addEventListener("complete",()=>{t.close(),s()}),o.addEventListener("abort",()=>{t.close(),n(o.error)}),o.addEventListener("error",()=>{t.close(),n(o.error)}),o.objectStore(Ke).delete(e)})}function E(e){const t=new Set;for(const s of e.getAssets()){const e=s.props.storageKey;"string"==typeof e&&e.length>0&&t.add(e)}return t}function A(){return"undefined"==typeof indexedDB?Promise.resolve(null):new Promise((e,t)=>{const s=indexedDB.open($e,2);s.addEventListener("upgradeneeded",()=>{s.result.objectStoreNames.contains("snapshots")||s.result.createObjectStore(Oe),s.result.objectStoreNames.contains("imageBlobs")||s.result.createObjectStore(Ke)}),s.addEventListener("success",()=>e(s.result)),s.addEventListener("error",()=>t(s.error))})}async function M(e){const t=URL.createObjectURL(e),s=await(n=t,new Promise((e,t)=>{const s=new Image;s.addEventListener("load",()=>{e({width:s.naturalWidth||s.width,height:s.naturalHeight||s.height})}),s.addEventListener("error",()=>{t(new Error("Could not decode image file."))}),s.src=n})).finally(()=>{URL.revokeObjectURL(t)});var n;const{storageKey:o}=await async function(e){const t="undefined"!=typeof crypto&&"randomUUID"in crypto?`${Ve}${crypto.randomUUID()}`:`${Ve}${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`,s=await A();if(!s)throw new Error("IndexedDB is not available for image storage.");return await new Promise((n,o)=>{const r=s.transaction(Ke,"readwrite");r.addEventListener("complete",()=>{s.close(),n()}),r.addEventListener("abort",()=>{s.close(),o(r.error)}),r.addEventListener("error",()=>{s.close(),o(r.error)}),r.objectStore(Ke).put(e,t)}),{storageKey:t}}(e);return{name:e.name||"Image",storageKey:o,mimeType:e.type||"image/png",fileSize:e.size,width:s.width,height:s.height}}function R(e,t){return e.commands.createAsset({type:"image",props:{w:t.width,h:t.height,name:t.name,storageKey:t.storageKey,mimeType:t.mimeType,fileSize:t.fileSize,isAnimated:"image/gif"===t.mimeType}},{source:"user"})}function C(e){if(!e)return null;const t=(e=>{for(const t of e)if(t.type.startsWith("image/"))return t;return null})(e.files);if(t)return t;for(const s of Array.from(e.items)){if("file"!==s.kind||!s.type.startsWith("image/"))continue;const e=s.getAsFile();if(e?.type.startsWith("image/"))return e}return null}function T(e){const t=(e=>e instanceof HTMLElement?e:null)(e);return!!t&&(!!t.isContentEditable||!!t.closest('[contenteditable="true"]')||t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement)}function L(e,t){const s=document.querySelector('[data-ui="canvas-surface"]');if(!s)return e.screenToPage(new Z(t.clientX,t.clientY));const n=s.getBoundingClientRect();return e.screenToPage(new Z(t.clientX-n.left,t.clientY-n.top))}async function U({editor:e,file:t,imageObjectUrls:s,pagePoint:n,persistEditorSnapshot:o}){if(!t.type.startsWith("image/"))return null;const r=await M(t);await s.preload(r.storageKey);let i=null;try{const t=R(e,r);i=t.id;const s=(({height:e,width:t})=>{const s=Math.min(1,360/Math.max(t,e));return{w:Math.max(24,Math.round(t*s)),h:Math.max(24,Math.round(e*s))}})({width:t.props.w,height:t.props.h}),a=e.viewportPageBoundsSignal.get(),c=n??a?.center??e.screenToPage(new Z(360,240)),[l]=e.commands.createShapes([{type:"image",x:Math.round(c.x-s.w/2),y:Math.round(c.y-s.h/2),props:{...s,assetId:t.id,crop:null,altText:r.name}}],{source:"user"});return l?(e.commands.setSelectedShapeIds([l.id],{source:"user"}),await(o?.(e)),l.id):null}catch(a){throw i&&e.commands.deleteAsset(i,{source:"system"}),s.release(r.storageKey),await x(r.storageKey),a}}async function k({editor:e,file:t,imageObjectUrls:s,persistEditorSnapshot:n}){if(!t.type.startsWith("image/"))return;const[o]=e.getSelectedShapes();if(!oe(o)||o.isLocked)return;const r=o.props.assetId,i=await M(t);await s.preload(i.storageKey);let a=null;try{const t=R(e,i);a=t.id,e.commands.updateShapes([{id:o.id,props:{assetId:t.id,crop:null,altText:i.name}}],{source:"user"}),r&&!((e,t)=>e.getDocumentSnapshot().records.some(e=>"shape"===e.typeName&&e.props.assetId===t))(e,r)&&e.commands.deleteAsset(r,{source:"user"}),e.commands.setSelectedShapeIds([o.id],{source:"user"}),await(n?.(e))}catch(c){throw a&&e.commands.deleteAsset(a,{source:"system"}),s.release(i.storageKey),await x(i.storageKey),c}}function j({filename:e,url:t}){const s=document.createElement("a");s.href=t,s.download=e,s.click()}function H(){return{token:We,create(){const e=(()=>{const e=new Map,t=new Map,s=async s=>{const n=e.get(s);if(n)return n;const o=t.get(s);if(o)return o;const r=I(s).then(t=>{if(!t)return null;const n=URL.createObjectURL(t);return e.set(s,n),n}).finally(()=>{t.delete(s)});return t.set(s,r),r};return{async preloadForEditor(e){await Promise.all(Array.from(E(e)).map(e=>s(e)))},preload:s,resolve:t=>e.get(t)??null,resolveAssetUrl(t,s){const n=((e,t)=>{const s=e.getAsset(t),n=s?s.props.storageKey:null;return"string"==typeof n&&n.length>0?n:null})(t,s);return n?e.get(n)??null:null},release(s){const n=e.get(s);n&&(URL.revokeObjectURL(n),e.delete(s)),t.delete(s)},releaseAll(){for(const t of e.values())URL.revokeObjectURL(t);e.clear(),t.clear()}}})();return{objectUrls:e,cleanupAfterRestore:t=>async function({editor:e,objectUrls:t}){const s=E(e),n=await(async()=>{const e=await A();return e?new Promise((t,s)=>{const n=e.transaction(Ke,"readonly");n.addEventListener("complete",()=>e.close()),n.addEventListener("abort",()=>{e.close(),s(n.error)}),n.addEventListener("error",()=>{e.close(),s(n.error)});const o=n.objectStore(Ke).getAllKeys();o.addEventListener("success",()=>{t(o.result.map(String))}),o.addEventListener("error",()=>s(o.error))}):[]})(),o=[];for(const r of n)s.has(r)||(t?.release(r),await x(r),o.push(r));return o}({editor:t,objectUrls:e}).then(()=>{}).catch(e=>{console.warn("Could not clean up unreferenced image blobs.",e)}),preloadForEditor:t=>e.preloadForEditor(t),resolveAssetUrl:(t,s)=>e.resolveAssetUrl(t,s)}},dispose(e){e.objectUrls.releaseAll()}}}function D({persistEditorSnapshot:e}={}){return({apiRegistry:t,editor:s,services:n})=>{if(t.get(Ge))return;const o=n.get(We);o&&t.register(Ge,{insertImage:({file:t,pagePoint:n,source:r="file-picker"})=>U({editor:s,file:t,imageObjectUrls:o.objectUrls,pagePoint:n,persistEditorSnapshot:e,source:r}),async replaceSelectedImage({file:t}){if(!t.type.startsWith("image/"))return!1;const[n]=s.getSelectedShapes();return!(!oe(n)||n.isLocked||(await k({editor:s,file:t,imageObjectUrls:o.objectUrls,persistEditorSnapshot:e}),0))},downloadSelectedImageOriginal:()=>async function({editor:e,imageObjectUrls:t}){const[s]=e.getSelectedShapes();if(!oe(s)||!s.props.assetId)return;const n=e.getAsset(s.props.assetId);if(!ne(n))return;const o=n.props.storageKey,r="string"==typeof n.props.name&&n.props.name.length>0?n.props.name:"land-image";if(!o)return;const i=await I(o);if(i)return void(await(async({blob:e,filename:t})=>{const s=URL.createObjectURL(e);try{j({filename:t,url:s})}finally{window.setTimeout(()=>URL.revokeObjectURL(s),0)}})({blob:i,filename:r}));const a=t.resolve(o);a&&j({filename:r,url:a})}({editor:s,imageObjectUrls:o.objectUrls})})}}function $(e){return{async inline({editor:t,exportedShapeIds:s,svg:n}){let o=n;const r=new Set;for(const i of s){const s=t.getShape(i);if(!oe(s)||!s.props.assetId)continue;const n=s.props.assetId;if(r.has(n))continue;r.add(n);const a=t.getAsset(n),c=a&&"object"==typeof a.props?a.props.storageKey:null;if("string"!=typeof c||0===c.length)continue;const l=e.objectUrls.resolve(c)??await e.objectUrls.preload(c);if(!l)continue;const d=await P(c);d&&(o=o.split(l).join(d))}return o}}}function O(e){if(!e||"object"!=typeof e)return!1;const t=e.records;return!!Array.isArray(t)&&t.some(e=>{if(!e||"object"!=typeof e)return!1;if("asset"!==e.typeName||"image"!==e.type)return!1;const t=e.props&&"object"==typeof e.props?e.props:{};return"string"==typeof t.src||Object.values(t).some(e=>"string"==typeof e&&e.startsWith("data:image"))})}function K(e){if(!(e=>_e.has(e))(e)){if("geo"===e)throw new Error(`Unknown canvas kit tool "${e}". "geo" is a shape type, not a tool id. Use "rectangle", "ellipse", or "diamond". Available tool ids: ${qe}.`);throw new Error(`Unknown canvas kit tool "${e}". Available tool ids: ${qe}.`)}}function F(e){return V({...e,assertToolId:e.assertToolId??K})}function V(e){return{...ue(e),image:e.apiRegistry.get(Ge)}}function N(e){const t={shapeUtils:(s=e.corePlugins).flatMap(e=>e.shapeUtils??[]),shapeSvgExporters:s.flatMap(e=>e.shapeSvgExporters??[]),bindingUtils:s.flatMap(e=>e.bindingUtils??[]),shapeCapabilities:s.flatMap(e=>e.shapeCapabilities??[])};var s;const n=new Q({shapeUtils:t.shapeUtils,shapeSvgExporters:t.shapeSvgExporters,bindingUtils:t.bindingUtils,shapeCapabilities:t.shapeCapabilities,resolveAssetUrl:e.resolveAssetUrl});return((e,t)=>{for(const s of t){for(const t of s.interactionHandlers??[])e.interactions.register(t);s.setup?.(e)}})(n,e.corePlugins),n.tools.register("select",e=>new J(e),{shortcut:"v"}),n.tools.register("hand",e=>new he(e),{shortcut:"h"}),n.tools.setToolLocked(n.isToolLocked()),n.commands.setActiveTool("select",{source:"system"}),n.history.clear(),n}function W(e){return f(e,{storageNamespace:Ye})}function G({api:e,canvas:t,contextMenuOpenSnapshot:s,editor:n,imageAssetService:o,isReady:r,onContextMenuOpenChange:i,pluginHostRuntime:a,product:l}){const d=fe(n.currentPageIdSignal),u=fe(n.currentPageShapeIdsSignal),p=fe(n.store.recordsSignal),g=fe(n.selectedShapeIdsSignal),h=fe(n.selectionStateSignal),m=fe(n.toolStateSignal),f=(e=>{const t=fe(e.historyStateSignal);return{canUndo:t.canUndo,canRedo:t.canRedo,undo(){e.undo()},redo(){e.redo()}}})(n),v=(e=>{const t=fe(e.pageStateSignal);return{pages:t.pages,currentPage:t.currentPage,currentPageId:t.currentPageId,canDeleteCurrentPage:t.canDeleteCurrentPage,createPage(){e.createPageAndSelect(void 0,"user")},deleteCurrentPage(){t.currentPage&&e.deletePage(t.currentPage.id,"user")},renameCurrentPage(s){t.currentPage&&e.renamePage(t.currentPage.id,s,"user")},selectPage(t){e.selectPage(t,"user")}}})(n),S=(e=>{const t=fe(e.cameraZoomSignal);return{zoom:t,label:`${Math.round(100*t)}%`,zoomIn(){e.zoomAtViewportCenter(-120,"system")},zoomOut(){e.zoomAtViewportCenter(120,"system")},resetZoom(){e.resetZoom("user")}}})(n),y=function({editor:e,openSnapshot:t,pluginHostRuntime:s}){return fe(e.selectionStateSignal),fe(e.toolStateSignal),we(()=>{if(!t)return{context:null,openSnapshot:null,sections:[]};const n=(({editor:e,menu:t})=>{const s=e.toolStateSignal.get();return{...c({editor:e,selectionState:e.selectionStateSignal.get(),toolState:s}),menu:t}})({editor:e,menu:t}),o=((e,t)=>"canvas"===e.type?"canvas":t.getSelectedShapeIds().length>0?"selection":"shape")(t.target,e);return{context:n,openSnapshot:t,sections:s.contextMenuRegistry.getSections(o,n)}},[e,t,s])}({editor:n,openSnapshot:s,pluginHostRuntime:a}),b=(({canShowContextToolbarDuringEditing:e,editor:t,pluginHostRuntime:s})=>{const n=fe(t.toolStateSignal),o=fe(t.selectionStateSignal),r=fe(t.shapeEditingStateSignal),i="select"===n.activeToolId,a=i?o.count:0,l=c({editor:t,selectionState:o,toolState:n}),d=s.toolbarRegistry.getGroups("selection",l),u=s.toolbarRegistry.getGroups("tool",l,{placement:"context"}),p=s.toolbarRegistry.getGroups("tool",l,{placement:"chrome"}),g=i&&o.count>0?d:u,h=(!r.session||(e?.(l)??!1))&&g.length>0,m=((e,t)=>{for(const s of e)for(const e of s.items)if("button"===e.kind&&"editor.tool.set-active-tool"===e.actionId&&e.value===t)return e.label;return t})(u,n.activeToolId),f=i&&o.count>0?(({commonShapeType:e,count:t,isMixedFrameAndPointHandleSelection:s,singleShapeType:n})=>{const o=n??e;if(!o)return s?"Mixed selection":`${t} selected`;const r=t>1?` (${t})`:"";return"geo"===o?`Shape${r}`:"text"===o?`Text${r}`:`${o.charAt(0).toUpperCase()}${o.slice(1)}${r}`})({commonShapeType:o.commonShapeType,count:a,isMixedFrameAndPointHandleSelection:o.isMixedFrameAndPointHandleSelection,singleShapeType:o.singleShapeType}):m;return{context:l,activeToolId:n.activeToolId,activeToolLabel:m,isToolLocked:n.isToolLocked,selectionCount:a,hasMixedSelectionRotation:o.hasMixedSelectionRotation,toolChromeToolbarGroups:p,contextToolbarGroups:g,contextToolbarTitle:f,showContextToolbar:h}})({canShowContextToolbarDuringEditing:pe,editor:n,pluginHostRuntime:a}),w=function({assetInliners:e=[],editor:t}){const[s,n]=Pe(null);return{status:s,exportSvg:ye(async s=>{const o=t.repairExportIntegrity(s),r=t.getSvgString(s,{padding:16}),i=t.getExportIntegrityReport(s),a=(({capabilityManifest:e,integrity:t})=>{const s=(e=>{const t=Object.entries(e).filter(e=>"number"==typeof e[1]);return 0===t.length?"none":t.map(([e,t])=>`${e} ${t}`).join(", ")})((e=>{const t={};for(const s of e.issues)t[s.kind]=(t[s.kind]??0)+1;return t})(t));return 0===t.fatalIssueCount&&0===t.issues.length?{tone:"success",title:"SVG export ready",details:`${t.requestedShapeIds.length} shape(s) ready. Issues: ${s}.`,integrity:t,capabilityManifest:e}:t.canExport?{tone:"warning",title:"SVG export repaired",details:`${t.requestedShapeIds.length} shape(s) exportable. Issues: ${s}.`,integrity:t,capabilityManifest:e}:{tone:"error",title:"SVG export blocked",details:`Fatal export issue(s): ${s}.`,integrity:t,capabilityManifest:e}})({capabilityManifest:t.getShapeCapabilityManifest(),integrity:i});if(n(a),(o.before.issues.length>0||i.issues.length>0)&&console.warn("SVG export integrity report",{before:o.before,after:o.after,final:i}),!r)return{status:a,svg:null,exportedShapeIds:[],skippedShapes:[]};r.skippedShapes.length>0&&console.warn("Skipped shapes during SVG export",r.skippedShapes);let c=r.svg;for(const n of e)c=await n.inline({editor:t,exportedShapeIds:r.exportedShapeIds,svg:c});return{status:a,svg:c,exportedShapeIds:r.exportedShapeIds,skippedShapes:r.skippedShapes}},[e,t])}}({assetInliners:[$(o)],editor:n}),I=we(()=>n.getShapeCapabilityManifest(),[n,u.length]),P=we(()=>e.getLayerTree(d),[e,d,p]),x=we(()=>({getActionState({actionId:e,context:t}){const s=a.toolbarRegistry.getAction(e);return s?{value:s.getValue?.(t),isEnabled:s.isEnabled?.(t)??!0,isVisible:s.isVisible?.(t)??!0}:null},runAction({actionId:e,context:t,value:s}){const n=a.toolbarRegistry.getAction(e);n&&!1!==n.isVisible?.(t)&&!1!==n.isEnabled?.(t)&&n.run({context:t,value:void 0!==s?s:n.getValue?.(t)??null})}}),[a]);return{api:e,canvas:t,contextMenu:{openSnapshot:s,onOpenChange:i,runAction({actionId:e,context:t,value:s}){(({actionId:e,context:t,pluginHostRuntime:s,value:n})=>{const o=s.toolbarRegistry.getAction(e);o&&!1!==o.isVisible?.(t)&&!1!==o.isEnabled?.(t)&&o.run({context:t,value:void 0!==n?n:o.getValue?.(t)??null})})({actionId:e,context:t,pluginHostRuntime:a,value:s})},surface:y},currentPageId:d,currentPageShapeIds:u,history:f,isReady:r,layers:P,pages:v,product:l,productId:l.id,selection:h,selectedShapeIds:g,shapeCapabilityManifest:I,svgExport:w,tool:m,toolbarRuntime:x,toolbarSurfaces:b,zoom:S}}function B(e){const t=((e,t)=>{const s=e.get(t);if(!s)throw new Error(`Missing product service: ${t.id}`);return s})(e.services,We);return function({editor:e,pluginHostRuntime:t}){be(()=>{const s=s=>{if(!(e=>!(!e.metaKey&&!e.ctrlKey)&&!e.altKey&&!e.shiftKey&&["a","c","d","v","x"].includes(e.key.toLowerCase()))(s))return;if(e.getShapeEditingSession()||(n=s.target)instanceof HTMLElement&&(n.isContentEditable||n.closest('[contenteditable="true"]')||n instanceof HTMLInputElement||n instanceof HTMLTextAreaElement||n instanceof HTMLSelectElement))return;var n;const o=(e=>{switch(e.key.toLowerCase()){case"a":return De;case"c":return Le;case"d":return He;case"v":return ke;case"x":return Ue;default:return null}})(s);if(!o)return;const r=c({editor:e,selectionState:e.selectionStateSignal.get(),toolState:e.toolStateSignal.get()}),i=t.toolbarRegistry.getAction(o);i&&!1!==i.isVisible?.(r)&&!1!==i.isEnabled?.(r)&&(s.preventDefault(),s.stopPropagation(),(({context:e,pluginHostRuntime:t,actionId:s})=>{const n=t.toolbarRegistry.getAction(s);n&&!1!==n.isVisible?.(e)&&!1!==n.isEnabled?.(e)&&n.run({context:e,value:n.getValue?.(e)??null})})({actionId:o,context:r,pluginHostRuntime:t}))};return window.addEventListener("keydown",s,!0),()=>{window.removeEventListener("keydown",s,!0)}},[e,t])}({editor:e.editor,pluginHostRuntime:e.pluginHostRuntime}),Ee(z,{...e,imageAssetService:t})}function z({apiRegistry:e,canvas:t,chrome:s,contextMenuOpenSnapshot:n,createApi:o,editor:r,exposeApiOnWindow:i=!1,imageAssetService:a,isReady:c,onContextMenuOpenChange:l,onApiDispose:d,onApiReady:u,pluginHostRuntime:p,persistEditorSnapshot:g,product:h,services:m,windowKey:f="landCanvasKit"}){const v=we(()=>({apiRegistry:e,editor:r,pluginHostRuntime:p,productId:h.id,services:m}),[e,r,p,h.id,m]),S=we(()=>(o??F)(v),[v,o]);se({api:S,exposeOnWindow:i,onDispose:d,onReady:u,windowKey:f});const y=G({api:S,canvas:t,contextMenuOpenSnapshot:n,editor:r,imageAssetService:a,isReady:c,onContextMenuOpenChange:l,pluginHostRuntime:p,product:h,services:m}),b=m.get(Be);
-return Ee("div",{"data-ui":"app-shell","data-product":h.id,className:"land-app-shell h-full w-full",children:Ee("main",{"data-ui":"workspace-viewport",className:"relative h-full w-full overflow-hidden",children:c?Ae(xe,{children:[t,
-Ee(Ne,{editor:r,hostBridge:b??void 0,imageAssetService:a,persistEditorSnapshot:g}),s?.(y)]}):null})})}function _(e={}){const t=B,s=Y(e);return{id:e.id??"canvas-kit",extensions:ae,createEditor:N,Shell:n=>ve(t,{...n,chrome:e.chrome,createApi:e.createApi,exposeApiOnWindow:e.exposeApiOnWindow,onApiDispose:e.onApiDispose,onApiReady:e.onApiReady,persistEditorSnapshot:s,windowKey:e.windowKey}),services:[H(),...e.services??[]],assetResolverTokens:[We],persistence:void 0===e.persistence?m({storageNamespace:e.storageNamespace??"land.canvasKit",shouldIgnoreDocumentSnapshot:O}):e.persistence,shouldSkipStoredSnapshots:e.shouldSkipStoredSnapshots,runtimeSetups:q({persistEditorSnapshot:s,runtimeSetups:e.runtimeSetups})}}function q({persistEditorSnapshot:e,runtimeSetups:t=[]}){return[le,D({persistEditorSnapshot:e}),l,...t]}function Y(e){if(e.persistEditorSnapshot)return e.persistEditorSnapshot;if(void 0!==e.persistence)return;const t=e.storageNamespace??"land.canvasKit";return"land.canvasKit"===t?W:e=>f(e,{storageNamespace:t})}import{C as J,E as Z,S as X,T as Q,_ as ee,b as te,c as se,d as ne,f as oe,g as re,h as ie,l as ae,m as ce,n as le,p as de,t as ue,u as pe,v as ge,w as he,x as me,y as fe}from"./standard-R17_x8HU.mjs";import{createElement as ve,memo as Se,useCallback as ye,useEffect as be,useMemo as we,useRef as Ie,useState as Pe}from"react";import{Fragment as xe,jsx as Ee,jsxs as Ae}from"react/jsx-runtime";var Me=class{actions=new Map;contributions=new Map;hostActionIds=new Set;duplicateActionIds=new Set;duplicateContributionIds=new Set;registerAction(e,t={}){!this.actions.has(e.id)||t.replace?this.actions.set(e.id,e):this.duplicateActionIds.add(e.id)}registerHostAction(e){this.hostActionIds.add(e.id),this.registerAction(e,{replace:!0})}registerContribution(e,t={}){!this.contributions.has(e.id)||t.replace?this.contributions.set(e.id,e):this.duplicateContributionIds.add(e.id)}registerCorePlugins(e){for(const t of e){for(const e of t.toolbarActions??[])this.registerAction(e);for(const e of t.toolbarContributions??[])this.registerContribution(e)}}getAction(e){return this.actions.get(e)??null}getHostActionIds(){return[...this.hostActionIds]}getDuplicateActionIds(){return[...this.duplicateActionIds]}getDuplicateContributionIds(){return[...this.duplicateContributionIds]}getGroups(e,t,s={}){return[...this.contributions.values()].filter(t=>t.surface===e).filter(e=>!s.placement||(e.placement??"context")===s.placement).filter(e=>e.when?.(t)??!0).sort((e,t)=>(e.order??0)-(t.order??0)).flatMap(e=>[...e.getGroups(t)].sort((e,t)=>(e.order??0)-(t.order??0)))}},Re=class{contributions=new Map;duplicateContributionIds=new Set;registerContribution(e,t={}){!this.contributions.has(e.id)||t.replace?this.contributions.set(e.id,e):this.duplicateContributionIds.add(e.id)}registerCorePlugins(e){for(const t of e)for(const e of t.contextMenuContributions??[])this.registerContribution(e)}getDuplicateContributionIds(){return[...this.duplicateContributionIds]}getSections(e,t){return[...this.contributions.values()].filter(t=>"any"===t.target||t.target===e).filter(e=>e.when?.(t)??!0).sort((e,t)=>(e.order??0)-(t.order??0)).flatMap(e=>[...e.getSections(t)].sort((e,t)=>(e.order??0)-(t.order??0)))}},Ce=[me,X,"system.clipboard.copy","system.clipboard.cut","system.clipboard.paste","system.clipboard.paste-at-point","system.selection.duplicate","system.selection.select-all"],Te=r("canvas-product.clipboard-service"),Le="system.clipboard.copy",Ue="system.clipboard.cut",ke="system.clipboard.paste",je="system.clipboard.paste-at-point",He="system.selection.duplicate",De="system.selection.select-all",$e="land.canvas.persistence",Oe="snapshots",Ke="imageBlobs",Fe=class e{editor;options;static SAVE_DELAY_MS=200;unsubscribe=null;saveTimeoutId=null;hasPendingSave=!1;isSaving=!1;saveAgainAfterCurrentSave=!1;constructor(e,t={}){this.editor=e,this.options=t}start(){this.unsubscribe||(this.unsubscribe=this.editor.listen(()=>{this.scheduleSave()}),document.addEventListener("visibilitychange",this.flushWhenHidden),window.addEventListener("pagehide",this.flushWhenPageIsLeaving),window.addEventListener("beforeunload",this.flushWhenPageIsLeaving))}stop(){this.flush(),this.unsubscribe?.(),this.unsubscribe=null,document.removeEventListener("visibilitychange",this.flushWhenHidden),window.removeEventListener("pagehide",this.flushWhenPageIsLeaving),window.removeEventListener("beforeunload",this.flushWhenPageIsLeaving)}flush(){this.hasPendingSave&&(this.cancelScheduledSave(),this.save())}save(){this.isSaving?this.saveAgainAfterCurrentSave=!0:(this.isSaving=!0,this.hasPendingSave=!1,this.saveAgainAfterCurrentSave=!1,f(this.editor,this.options).catch(e=>{console.warn("Could not persist canvas snapshot.",e)}).finally(()=>{this.isSaving=!1,(this.saveAgainAfterCurrentSave||this.hasPendingSave)&&this.save()}))}scheduleSave(){this.hasPendingSave=!0,null===this.saveTimeoutId&&(this.saveTimeoutId=window.setTimeout(()=>{this.saveTimeoutId=null,this.flush()},e.SAVE_DELAY_MS))}cancelScheduledSave(){null!==this.saveTimeoutId&&(window.clearTimeout(this.saveTimeoutId),this.saveTimeoutId=null)}flushWhenHidden=()=>{"hidden"===document.visibilityState&&this.flush()};flushWhenPageIsLeaving=()=>{this.flush()}},Ve="image-blob:",Ne=Se(({editor:e,hostBridge:t,imageAssetService:s,persistEditorSnapshot:n})=>{const o=Ie(null),r=Ie(null),{insertImageFromFile:i,replaceSelectedImage:a}=(({editor:e,imageAssetService:t,persistEditorSnapshot:s})=>({insertImageFromFile:ye(async({file:n,pagePoint:o,source:r})=>U({editor:e,file:n,imageObjectUrls:t.objectUrls,pagePoint:o,persistEditorSnapshot:s,source:r}),[e,t,s]),replaceSelectedImage:ye(n=>k({editor:e,file:n,imageObjectUrls:t.objectUrls,persistEditorSnapshot:s}),[e,t,s])}))({editor:e,imageAssetService:s,persistEditorSnapshot:n});return be(()=>{if(t)return t.register({openInsertFilePicker(){o.current?.click()},openReplaceFilePicker(){r.current?.click()}})},[t]),be(()=>{const t=t=>{if(e.shapeEditingStateSignal.get().session)return;if(T(t.target))return;const s=C(t.clipboardData);s&&(t.preventDefault(),i({file:s,source:"paste"}))},s=t=>{var s;e.shapeEditingStateSignal.get().session||T(t.target)||(s=t.dataTransfer)&&Array.from(s.items).some(e=>"file"===e.kind&&e.type.startsWith("image/"))&&(t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect="copy"))},n=t=>{if(e.shapeEditingStateSignal.get().session)return;if(T(t.target))return;const s=C(t.dataTransfer);s&&(t.preventDefault(),i({file:s,pagePoint:L(e,t),source:"drop"}))};return window.addEventListener("paste",t),window.addEventListener("dragover",s),window.addEventListener("drop",n),()=>{window.removeEventListener("paste",t),window.removeEventListener("dragover",s),window.removeEventListener("drop",n)}},[e,i]),Ae(xe,{children:[Ee("input",{ref:o,type:"file",accept:"image/*",hidden:!0,"data-ui":"insert-image-file-input",onChange:e=>{const t=e.currentTarget.files?.[0]??null;e.currentTarget.value="",t&&i({file:t,source:"file-picker"})}}),Ee("input",{ref:r,type:"file",accept:"image/*",hidden:!0,"data-ui":"replace-image-file-input",onChange:e=>{const t=e.currentTarget.files?.[0]??null;e.currentTarget.value="",t&&a(t)}})]})}),We=r("plugin-image.asset-service"),Ge=ce("plugin-image.product-api"),Be=r("plugin-image.toolbar-host-bridge"),ze=["select","hand","rectangle","ellipse","diamond","arrow","draw","text","frame","eraser","laser"],_e=new Set(ze),qe=ze.map(e=>`"${e}"`).join(", "),Ye="land.canvasKit",Je=_();export{Ye as a,ze as c,i as d,G as i,F as l,_ as n,W as o,B as r,N as s,Je as t,V as u};

package/product.mjs

@@ -1 +0,0 @@
-import{a as s,i as a,n as o,o as r,r as t,s as m,t as p}from"./product-CxN5NN6u.mjs";export{s as CANVAS_KIT_STORAGE_NAMESPACE,t as CanvasKitShell,p as canvasKitProduct,m as createCanvasKitEditor,o as createCanvasKitProduct,r as persistCanvasKitEditorSnapshot,a as useCanvasKitChromeContext};

package/standard/extensions.d.ts

@@ -1 +0,0 @@
-export declare const standardCanvasExtensions: readonly [import("../_vendor/canvas-plugin-api/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-plugin-api/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-plugin-api/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-plugin-api/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-plugin-api/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-plugin-api/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-plugin-api/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-plugin-api/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-plugin-api/index").ConfigurableLandExtension<Record<string, never>>];

package/standard/index.d.ts

@@ -1,3 +0,0 @@
-export { standardCanvasExtensions } from "./extensions";
-export { createStandardCanvasApi, registerStandardCanvasProductApis, standardArrowProductApiToken, standardFrameProductApiToken, standardGeoProductApiToken, standardTextProductApiToken, useStandardCanvasApi, } from "./standardApi";
-export type { StandardCanvasApi, StandardCanvasArrowBindingInput, StandardCanvasArrowInput, StandardCanvasApiSnapshot, StandardCanvasFrameInput, StandardCanvasLayerNode, StandardCanvasProductApis, StandardCanvasShapeInput, StandardCanvasTextInput, StandardArrowProductApi, StandardFrameProductApi, StandardGeoProductApi, StandardTextProductApi, } from "./standardApi";

package/standard/standardApi.d.ts

@@ -1,91 +0,0 @@
-import type { ShapeId } from "../_vendor/canvas-core/index";
-import { type ArrowShapeProps } from "../_vendor/plugin-arrow/index";
-import { type TextShapeProps } from "../_vendor/plugin-text/index";
-import type { CanvasProductApi, CanvasProductApiSnapshot, CanvasProductApiContext, CanvasProductApiOptions, CanvasProductLayerNode, CanvasProductSessionSnapshot, CanvasProductShapeRef } from "../_vendor/canvas-product-react/api/index";
-import { type ProductApiRegistryRuntime, type ProductApiToken } from "../_vendor/canvas-product-react/api/index";
-export interface StandardCanvasShapeInput {
-    x: number;
-    y: number;
-    w?: number;
-    h?: number;
-    fill?: string;
-    stroke?: string;
-    strokeWidth?: number;
-}
-export interface StandardCanvasTextInput {
-    x: number;
-    y: number;
-    text: string;
-    w?: number;
-    h?: number;
-    color?: string;
-    size?: TextShapeProps["size"];
-}
-export interface StandardCanvasFrameInput extends StandardCanvasShapeInput {
-    name?: string;
-}
-export interface StandardCanvasArrowBindingInput {
-    targetShapeId: ShapeId;
-    normalizedAnchor: {
-        x: number;
-        y: number;
-    };
-}
-export interface StandardCanvasArrowInput {
-    start: {
-        x: number;
-        y: number;
-    };
-    end: {
-        x: number;
-        y: number;
-    };
-    bend?: number;
-    stroke?: string;
-    strokeWidth?: number;
-    headStart?: ArrowShapeProps["headStart"];
-    headEnd?: ArrowShapeProps["headEnd"];
-    startBinding?: StandardCanvasArrowBindingInput | null;
-    endBinding?: StandardCanvasArrowBindingInput | null;
-}
-export interface StandardGeoProductApi {
-    createRectangle(input: StandardCanvasShapeInput): CanvasProductShapeRef | null;
-    createEllipse(input: StandardCanvasShapeInput): CanvasProductShapeRef | null;
-    createDiamond(input: StandardCanvasShapeInput): CanvasProductShapeRef | null;
-}
-export interface StandardTextProductApi {
-    create(input: StandardCanvasTextInput): CanvasProductShapeRef | null;
-}
-export interface StandardFrameProductApi {
-    create(input: StandardCanvasFrameInput): CanvasProductShapeRef | null;
-    moveShapesToFrame(ids: ShapeId[], frameId: ShapeId): ShapeId[];
-}
-export interface StandardArrowProductApi {
-    create(input: StandardCanvasArrowInput): CanvasProductShapeRef | null;
-}
-export interface StandardCanvasProductApis {
-    arrow: StandardArrowProductApi;
-    geo: StandardGeoProductApi;
-    text: StandardTextProductApi;
-    frame: StandardFrameProductApi;
-}
-export interface StandardCanvasApiSnapshot<TToolId extends string = string> extends CanvasProductApiSnapshot<TToolId> {
-    productId: string;
-    session: CanvasProductSessionSnapshot<TToolId>;
-}
-export interface StandardCanvasApi<TToolId extends string = string> extends CanvasProductApi<TToolId>, StandardCanvasProductApis {
-    snapshot(): StandardCanvasApiSnapshot<TToolId>;
-    getLayerTree(pageId?: string): StandardCanvasLayerNode[];
-    getLayerNode(id: ShapeId): StandardCanvasLayerNode | null;
-}
-export interface StandardCanvasLayerNode extends CanvasProductLayerNode {
-}
-export declare const standardGeoProductApiToken: ProductApiToken<StandardGeoProductApi>;
-export declare const standardTextProductApiToken: ProductApiToken<StandardTextProductApi>;
-export declare const standardFrameProductApiToken: ProductApiToken<StandardFrameProductApi>;
-export declare const standardArrowProductApiToken: ProductApiToken<StandardArrowProductApi>;
-export declare function registerStandardCanvasProductApis(context: CanvasProductApiContext & {
-    apiRegistry: ProductApiRegistryRuntime;
-}): StandardCanvasProductApis;
-export declare function createStandardCanvasApi<TToolId extends string = string>(options: CanvasProductApiOptions<TToolId>): StandardCanvasApi<TToolId>;
-export declare function useStandardCanvasApi<TToolId extends string = string>(options: CanvasProductApiOptions<TToolId>): StandardCanvasApi<TToolId>;