@yuzhouu/canvas-kit 0.1.2

package/product/product.d.ts

@@ -0,0 +1,22 @@
+import { type CanvasProductDefinition, type CanvasProductRuntimeSetup, type ProductPersistenceAdapter, type ProductServiceFactory } from "@land/canvas-product-react";
+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/useCanvasClipboardShortcuts.d.ts

@@ -0,0 +1,6 @@
+import type { Editor } from "@land/canvas-core";
+import type { CanvasPluginHostRuntime } from "@land/canvas-react/host";
+export declare function useCanvasClipboardShortcuts({ editor, pluginHostRuntime, }: {
+    editor: Editor;
+    pluginHostRuntime: CanvasPluginHostRuntime;
+}): void;

package/product-iyBbEPIs.mjs

@@ -0,0 +1,4 @@
+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=/* @__PURE__ */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=/* @__PURE__ */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;/* @__PURE__ */
+return Ee(te.Provider,{value:m,children:/* @__PURE__ */Ee(n.Shell,{product:n,editor:m,pluginHostRuntime:f,apiRegistry:h,services:v,canvas:p?/* @__PURE__ */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=/* @__PURE__ */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(/* @__PURE__ */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=/* @__PURE__ */new Map,t=/* @__PURE__ */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=/* @__PURE__ */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}),/* @__PURE__ */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);/* @__PURE__ */
+return Ee("div",{"data-ui":"app-shell","data-product":h.id,className:"land-app-shell h-full w-full",children:/* @__PURE__ */Ee("main",{"data-ui":"workspace-viewport",className:"relative h-full w-full overflow-hidden",children:c?/* @__PURE__ */Ae(xe,{children:[t,
+/* @__PURE__ */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-BmrxwqpJ.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=/* @__PURE__ */new Map;contributions=/* @__PURE__ */new Map;hostActionIds=/* @__PURE__ */new Set;duplicateActionIds=/* @__PURE__ */new Set;duplicateContributionIds=/* @__PURE__ */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=/* @__PURE__ */new Map;duplicateContributionIds=/* @__PURE__ */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]),/* @__PURE__ */Ae(xe,{children:[/* @__PURE__ */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"})}}),/* @__PURE__ */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

@@ -0,0 +1 @@
+import{a as s,i as a,n as o,o as r,r as t,s as m,t as p}from"./product-iyBbEPIs.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

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

package/standard/index.d.ts

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,91 @@
+import type { ShapeId } from "@land/canvas-core";
+import { type ArrowShapeProps } from "@land/plugin-arrow";
+import { type TextShapeProps } from "@land/plugin-text";
+import type { CanvasProductApi, CanvasProductApiSnapshot, CanvasProductApiContext, CanvasProductApiOptions, CanvasProductLayerNode, CanvasProductSessionSnapshot, CanvasProductShapeRef } from "@land/canvas-product-react/api";
+import { type ProductApiRegistryRuntime, type ProductApiToken } from "@land/canvas-product-react/api";
+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>;