@yuzhouu/canvas-kit 0.1.2

package/_vendor/store/history.ts

@@ -0,0 +1,177 @@
+import { atom, type Atom, type Signal } from "@land/signals";
+import {
+  composeRecordsDiff,
+  createEmptyRecordsDiff,
+  hasRecordsDiff,
+  invertRecordsDiff,
+} from "./diff";
+import type { RecordsDiff, StoreRecord } from "./types";
+
+export interface StoreHistoryMark<TRecord extends StoreRecord = StoreRecord> {
+  id: string;
+  forward: RecordsDiff<TRecord>;
+  parentIds: readonly string[];
+}
+
+export interface StoreHistoryEntry<TRecord extends StoreRecord = StoreRecord> {
+  forward: RecordsDiff<TRecord>;
+  inverse: RecordsDiff<TRecord>;
+  label: string;
+}
+
+export interface StoreHistoryState {
+  canUndo: boolean;
+  canRedo: boolean;
+  undoDepth: number;
+  redoDepth: number;
+}
+
+export function createStoreHistoryMark<TRecord extends StoreRecord>(
+  id: string,
+  parentIds: readonly string[] = [],
+): StoreHistoryMark<TRecord> {
+  return {
+    id,
+    forward: createEmptyRecordsDiff<TRecord>(),
+    parentIds,
+  };
+}
+
+export function appendStoreHistoryMark<
+  TRecord extends StoreRecord,
+  TNextRecord extends TRecord,
+>(
+  mark: StoreHistoryMark<TRecord>,
+  diff: RecordsDiff<TNextRecord>,
+): StoreHistoryMark<TRecord | TNextRecord> {
+  return {
+    id: mark.id,
+    forward: composeRecordsDiff(mark.forward, diff),
+    parentIds: mark.parentIds,
+  };
+}
+
+export function createStoreHistoryEntry<TRecord extends StoreRecord>(
+  label: string,
+  forward: RecordsDiff<TRecord>,
+): StoreHistoryEntry<TRecord> {
+  return {
+    forward,
+    inverse: invertRecordsDiff(forward),
+    label,
+  };
+}
+
+export class StoreHistoryBuffer<TRecord extends StoreRecord = StoreRecord> {
+  private readonly marks = new Map<string, StoreHistoryMark<TRecord>>();
+  private readonly undoStack: StoreHistoryEntry<TRecord>[] = [];
+  private readonly redoStack: StoreHistoryEntry<TRecord>[] = [];
+  private readonly _state: Atom<StoreHistoryState> = atom<StoreHistoryState>(
+    "store.history.state",
+    {
+      canUndo: false,
+      canRedo: false,
+      undoDepth: 0,
+      redoDepth: 0,
+    },
+  );
+  readonly state: Signal<StoreHistoryState> = this._state;
+
+  clear(): void {
+    this.marks.clear();
+    this.undoStack.length = 0;
+    this.redoStack.length = 0;
+    this.publishState();
+  }
+
+  mark(id: string): void {
+    this.marks.set(id, createStoreHistoryMark<TRecord>(id, [
+      ...this.marks.keys(),
+    ]));
+  }
+
+  append(diff: RecordsDiff<TRecord>): void {
+    if (!hasRecordsDiff(diff)) {
+      return;
+    }
+
+    if (this.marks.size > 0) {
+      for (const [id, mark] of this.marks.entries()) {
+        this.marks.set(id, appendStoreHistoryMark(mark, diff));
+      }
+      return;
+    }
+
+    this.undoStack.push(createStoreHistoryEntry("change", diff));
+    this.redoStack.length = 0;
+    this.publishState();
+  }
+
+  bailToMark(id: string): RecordsDiff<TRecord> | null {
+    const mark = this.marks.get(id);
+    if (!mark) return null;
+    this.marks.delete(id);
+    if (!hasRecordsDiff(mark.forward)) {
+      return null;
+    }
+
+    const inverse = invertRecordsDiff(mark.forward);
+    for (const parentId of mark.parentIds) {
+      const parent = this.marks.get(parentId);
+      if (!parent) {
+        continue;
+      }
+      this.marks.set(parentId, appendStoreHistoryMark(parent, inverse));
+    }
+
+    return inverse;
+  }
+
+  squashToMark(id: string, label = id): StoreHistoryEntry<TRecord> | null {
+    const mark = this.marks.get(id);
+    if (!mark) return null;
+    this.marks.delete(id);
+    if (!hasRecordsDiff(mark.forward)) {
+      return null;
+    }
+
+    if (mark.parentIds.some((parentId) => this.marks.has(parentId))) {
+      return null;
+    }
+
+    const entry = createStoreHistoryEntry(label, mark.forward);
+    this.undoStack.push(entry);
+    this.redoStack.length = 0;
+    this.publishState();
+    return entry;
+  }
+
+  undo(): StoreHistoryEntry<TRecord> | null {
+    const entry = this.undoStack.pop() ?? null;
+    if (!entry) return null;
+    this.redoStack.push(entry);
+    this.publishState();
+    return entry;
+  }
+
+  redo(): StoreHistoryEntry<TRecord> | null {
+    const entry = this.redoStack.pop() ?? null;
+    if (!entry) return null;
+    this.undoStack.push(entry);
+    this.publishState();
+    return entry;
+  }
+
+  getEntries(): readonly StoreHistoryEntry<TRecord>[] {
+    return this.undoStack;
+  }
+
+  private publishState(): void {
+    this._state.set({
+      canUndo: this.undoStack.length > 0,
+      canRedo: this.redoStack.length > 0,
+      undoDepth: this.undoStack.length,
+      redoDepth: this.redoStack.length,
+    });
+  }
+}

package/_vendor/store/index.ts

@@ -0,0 +1,32 @@
+export {
+  composeRecordsDiff,
+  createEmptyRecordsDiff,
+  filterRecordsDiff,
+  getRecordMap,
+  getRecordsDiff,
+  hasRecordsDiff,
+  invertRecordsDiff,
+  squashRecordsDiffs,
+} from "./diff";
+export {
+  appendStoreHistoryMark,
+  createStoreHistoryEntry,
+  createStoreHistoryMark,
+  StoreHistoryBuffer,
+} from "./history";
+export { Store } from "./Store";
+export type {
+  ChangeSource,
+  RecordUpdate,
+  RecordsDiff,
+  ScopedStoreRecord,
+  StoreRecord,
+  StoreChange,
+  StoreScopeOf,
+  StoreSnapshot,
+} from "./types";
+export type {
+  StoreHistoryEntry,
+  StoreHistoryMark,
+  StoreHistoryState,
+} from "./history";

package/_vendor/store/types.ts

@@ -0,0 +1,37 @@
+export type ChangeSource = "user" | "system" | "history";
+
+export interface StoreRecord {
+  id: string;
+}
+
+export interface ScopedStoreRecord<TScope extends string = string>
+  extends StoreRecord {
+  scope: TScope;
+}
+
+export type StoreScopeOf<TRecord> =
+  TRecord extends { scope: infer TScope extends string } ? TScope : never;
+
+export interface StoreSnapshot<
+  TRecord extends StoreRecord = StoreRecord,
+  TSchemaVersion extends number = number,
+> {
+  schemaVersion: TSchemaVersion;
+  records: TRecord[];
+}
+
+export interface RecordUpdate<TRecord extends StoreRecord = StoreRecord> {
+  before: TRecord;
+  after: TRecord;
+}
+
+export interface RecordsDiff<TRecord extends StoreRecord = StoreRecord> {
+  added: TRecord[];
+  updated: RecordUpdate<TRecord>[];
+  removed: TRecord[];
+}
+
+export interface StoreChange<TRecord extends StoreRecord = StoreRecord> {
+  source: ChangeSource;
+  diff: RecordsDiff<TRecord>;
+}

package/api/canvasKitApi.d.ts

@@ -0,0 +1,29 @@
+import { type CanvasProductApiOptions, type CanvasProductApiContext, type CanvasProductSessionSnapshot } from "@land/canvas-product-react/api";
+import { type StandardCanvasApi, type StandardCanvasApiSnapshot, type StandardCanvasFrameInput, type StandardCanvasShapeInput, type StandardCanvasTextInput } from "../standard";
+import { type ImageProductApi } from "@land/plugin-image-product-react";
+export type CanvasKitShapeInput = StandardCanvasShapeInput;
+export type CanvasKitTextInput = StandardCanvasTextInput;
+export type CanvasKitFrameInput = StandardCanvasFrameInput;
+export declare const CANVAS_KIT_TOOL_IDS: readonly ["select", "hand", "rectangle", "ellipse", "diamond", "arrow", "draw", "text", "frame", "eraser", "laser"];
+export type CanvasKitToolId = (typeof CANVAS_KIT_TOOL_IDS)[number];
+export interface CanvasKitApiSnapshot extends StandardCanvasApiSnapshot<CanvasKitToolId> {
+    productId: "canvas-kit";
+    session: CanvasProductSessionSnapshot<CanvasKitToolId>;
+}
+export interface CanvasKitApi extends StandardCanvasApi<CanvasKitToolId> {
+    image: ImageProductApi | null;
+    snapshot(): CanvasKitApiSnapshot;
+}
+export interface CanvasKitApiOptions<TToolId extends string = CanvasKitToolId> extends CanvasProductApiContext {
+    assertToolId?: (toolId: string) => asserts toolId is TToolId;
+}
+export type CanvasKitApiWithTools<TToolId extends string> = StandardCanvasApi<TToolId> & {
+    image: ImageProductApi | null;
+};
+declare global {
+    interface Window {
+        landCanvasKit?: CanvasKitApi;
+    }
+}
+export declare function createCanvasKitApi(context: CanvasKitApiOptions<CanvasKitToolId>): CanvasKitApi;
+export declare function createCanvasKitApiWithTools<TToolId extends string>(context: CanvasProductApiOptions<TToolId>): CanvasKitApiWithTools<TToolId>;

package/index.css

@@ -0,0 +1,3 @@
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
+@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.contents{display:contents}.hidden{display:none}.h-full{height:100%}.w-full{width:100%}.overflow-hidden{overflow:hidden}}:root{--canvas-background:oklch(97.7% .004 95);--canvas-dot:oklch(82% .01 95);--border:oklch(84% .012 240);--accent:oklch(90% .024 210);--accent-foreground:oklch(24% .03 235);--muted-foreground:oklch(45% .018 245);--chrome-background:oklch(100% 5.96046e-8 none/.94);--chrome-foreground:oklch(18% .018 255);--chrome-border:var(--border)}@supports (color:color-mix(in lab, red, red)){:root{--chrome-border:color-mix(in oklch, var(--border) 88%, oklch(22% .02 255))}}:root{--chrome-border-width:1px;--chrome-radius:.5rem;--chrome-control-radius:.375rem;--chrome-control-border-width:0px;--chrome-spacing:.25rem;--toolbar-control-size:1.75rem;--toolbar-floating-offset:.5rem;--toolbar-floating-shift-padding:.5rem;--toolbar-title-padding-inline:.5rem;--toolbar-title-font-size:.75rem;--toolbar-title-line-height:1rem;--toolbar-separator-width:1px;--toolbar-separator-height:1.25rem;--toolbar-separator-margin-inline:.25rem;--toolbar-button-font-size:.8125rem;--shadow-chrome:0 14px 34px -26px #0f172a6b, 0 6px 16px -12px #0f172a3d}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--canvas-background);color:var(--chrome-foreground);margin:0;font-family:SF Pro Text,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.block{display:block}.h-full{height:100%}.min-h-full{min-height:100%}.w-full{width:100%}.overflow-hidden{overflow:hidden}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.outline-none{outline:none}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.ic-canvas{background-color:var(--canvas-background)!important}.land-app-shell{background:linear-gradient(var(--canvas-background), var(--canvas-background)), var(--canvas-background);color:var(--chrome-foreground)}.land-rich-text-editor p{margin:0}
+/*$vite$:1*/

package/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference path="./internal-modules.d.ts" />
+import { type ComponentPropsWithoutRef } from "react";
+import type { CanvasKitApi } from "./api/canvasKitApi";
+import { createCanvasKitApi, createCanvasKitApiWithTools } from "./api/canvasKitApi";
+import { createCanvasKitProduct, canvasKitProduct } from "./product/product";
+import "./index.css";
+export interface CanvasKitProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
+    exposeApiOnWindow?: boolean;
+    onReady?: (api: CanvasKitApi) => void;
+}
+export type CanvasKitHandle = CanvasKitApi | null;
+export declare const CanvasKit: import("react").ForwardRefExoticComponent<CanvasKitProps & import("react").RefAttributes<CanvasKitHandle>>;
+export { createCanvasKitApi, createCanvasKitApiWithTools, createCanvasKitProduct, canvasKitProduct, };
+export { CANVAS_KIT_TOOL_IDS } from "./api/canvasKitApi";
+export type { CanvasKitApi, CanvasKitApiOptions, CanvasKitApiSnapshot, CanvasKitApiWithTools, CanvasKitFrameInput, CanvasKitShapeInput, CanvasKitTextInput, CanvasKitToolId, } from "./api/canvasKitApi";
+export type { CanvasKitProductOptions } from "./product/product";

package/index.mjs

@@ -0,0 +1 @@
+import{c as o,d as e,l as s,n as t,t as a,u as i}from"./product-iyBbEPIs.mjs";import{forwardRef as n,useEffect as r,useImperativeHandle as p,useMemo as d,useState as c}from"react";import{jsx as l}from"react/jsx-runtime";var m=n(({className:o,exposeApiOnWindow:s=!1,onReady:a,style:i,...n},m)=>{const[u,h]=c(null),f=d(()=>t({exposeApiOnWindow:s,onApiDispose(){h(null)},onApiReady(o){h(o)}}),[s]);return p(m,()=>u,[u]),r(()=>{u&&a?.(u)},[u,a]),/* @__PURE__ */l("div",{"data-ui":"canvas-kit-component-root",className:o,style:{width:"100%",height:"100%",overflow:"hidden",...i??{}},...n,children:/* @__PURE__ */l(e,{product:f})})});export{o as CANVAS_KIT_TOOL_IDS,m as CanvasKit,a as canvasKitProduct,s as createCanvasKitApi,i as createCanvasKitApiWithTools,t as createCanvasKitProduct};

package/internal-modules.d.ts

@@ -0,0 +1,187 @@
+declare module "@land/signals" {
+  export * from "./_vendor/signals/index";
+}
+
+declare module "@land/store" {
+  export * from "./_vendor/store/index";
+}
+
+declare module "@land/canvas-core" {
+  export * from "./_vendor/canvas-core/index";
+}
+
+declare module "@land/canvas-plugin-api" {
+  export * from "./_vendor/canvas-plugin-api/index";
+}
+
+declare module "@land/canvas-react" {
+  export * from "./_vendor/canvas-react/index";
+}
+
+declare module "@land/canvas-react/host" {
+  export * from "./_vendor/canvas-react/host/index";
+}
+
+declare module "@land/canvas-product-react" {
+  export * from "./_vendor/canvas-product-react/index";
+}
+
+declare module "@land/canvas-product-react/api" {
+  export * from "./_vendor/canvas-product-react/api/index";
+}
+
+declare module "@land/canvas-product-react/persistence" {
+  export * from "./_vendor/canvas-product-react/persistence/index";
+}
+
+declare module "@land/canvas-kit/standard" {
+  export * from "./standard/index";
+}
+
+declare module "@land/plugin-arrow" {
+  export * from "./_vendor/plugin-arrow/index";
+}
+
+declare module "@land/plugin-arrow/core" {
+  export * from "./_vendor/plugin-arrow/core";
+}
+
+declare module "@land/plugin-arrow/canvas" {
+  export * from "./_vendor/plugin-arrow/canvas";
+}
+
+declare module "@land/plugin-arrow/feature" {
+  export * from "./_vendor/plugin-arrow/feature";
+}
+
+declare module "@land/plugin-draw" {
+  export * from "./_vendor/plugin-draw/index";
+}
+
+declare module "@land/plugin-draw/core" {
+  export * from "./_vendor/plugin-draw/core";
+}
+
+declare module "@land/plugin-draw/canvas" {
+  export * from "./_vendor/plugin-draw/canvas";
+}
+
+declare module "@land/plugin-draw/feature" {
+  export * from "./_vendor/plugin-draw/feature";
+}
+
+declare module "@land/plugin-eraser" {
+  export * from "./_vendor/plugin-eraser/index";
+}
+
+declare module "@land/plugin-eraser/core" {
+  export * from "./_vendor/plugin-eraser/core";
+}
+
+declare module "@land/plugin-eraser/canvas" {
+  export * from "./_vendor/plugin-eraser/canvas";
+}
+
+declare module "@land/plugin-eraser/feature" {
+  export * from "./_vendor/plugin-eraser/feature";
+}
+
+declare module "@land/plugin-laser" {
+  export * from "./_vendor/plugin-laser/index";
+}
+
+declare module "@land/plugin-laser/core" {
+  export * from "./_vendor/plugin-laser/core";
+}
+
+declare module "@land/plugin-laser/canvas" {
+  export * from "./_vendor/plugin-laser/canvas";
+}
+
+declare module "@land/plugin-laser/feature" {
+  export * from "./_vendor/plugin-laser/feature";
+}
+
+declare module "@land/plugin-frame" {
+  export * from "./_vendor/plugin-frame/index";
+}
+
+declare module "@land/plugin-frame/core" {
+  export * from "./_vendor/plugin-frame/core";
+}
+
+declare module "@land/plugin-frame/canvas" {
+  export * from "./_vendor/plugin-frame/canvas";
+}
+
+declare module "@land/plugin-frame/feature" {
+  export * from "./_vendor/plugin-frame/feature";
+}
+
+declare module "@land/plugin-geo" {
+  export * from "./_vendor/plugin-geo/index";
+}
+
+declare module "@land/plugin-geo/core" {
+  export * from "./_vendor/plugin-geo/core";
+}
+
+declare module "@land/plugin-geo/canvas" {
+  export * from "./_vendor/plugin-geo/canvas";
+}
+
+declare module "@land/plugin-geo/feature" {
+  export * from "./_vendor/plugin-geo/feature";
+}
+
+declare module "@land/plugin-group" {
+  export * from "./_vendor/plugin-group/index";
+}
+
+declare module "@land/plugin-group/core" {
+  export * from "./_vendor/plugin-group/core";
+}
+
+declare module "@land/plugin-group/canvas" {
+  export * from "./_vendor/plugin-group/canvas";
+}
+
+declare module "@land/plugin-group/feature" {
+  export * from "./_vendor/plugin-group/feature";
+}
+
+declare module "@land/plugin-image" {
+  export * from "./_vendor/plugin-image/index";
+}
+
+declare module "@land/plugin-image/core" {
+  export * from "./_vendor/plugin-image/core";
+}
+
+declare module "@land/plugin-image/canvas" {
+  export * from "./_vendor/plugin-image/canvas";
+}
+
+declare module "@land/plugin-image/feature" {
+  export * from "./_vendor/plugin-image/feature";
+}
+
+declare module "@land/plugin-image-product-react" {
+  export * from "./_vendor/plugin-image-product-react/index";
+}
+
+declare module "@land/plugin-text" {
+  export * from "./_vendor/plugin-text/index";
+}
+
+declare module "@land/plugin-text/core" {
+  export * from "./_vendor/plugin-text/core";
+}
+
+declare module "@land/plugin-text/canvas" {
+  export * from "./_vendor/plugin-text/canvas";
+}
+
+declare module "@land/plugin-text/feature" {
+  export * from "./_vendor/plugin-text/feature";
+}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@yuzhouu/canvas-kit",
+  "version": "0.1.2",
+  "description": "Land canvas packaged as an all-in-one React canvas kit and typed API surface.",
+  "type": "module",
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "types": "./index.d.ts",
+  "sideEffects": [
+    "./index.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.mjs",
+      "default": "./index.mjs"
+    },
+    "./product": {
+      "types": "./product/index.d.ts",
+      "import": "./product.mjs",
+      "default": "./product.mjs"
+    },
+    "./standard": {
+      "types": "./standard/index.d.ts",
+      "import": "./standard.mjs",
+      "default": "./standard.mjs"
+    },
+    "./style.css": "./index.css",
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "dependencies": {
+    "@tiptap/core": "^3.25.0",
+    "@tiptap/extension-bold": "^3.25.0",
+    "@tiptap/extension-bubble-menu": "^3.25.0",
+    "@tiptap/extension-italic": "^3.25.0",
+    "@tiptap/extension-strike": "^3.25.0",
+    "@tiptap/pm": "^3.25.0",
+    "@tiptap/react": "^3.25.0",
+    "@tiptap/starter-kit": "^3.25.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/product/Shell.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from "react";
+import type { CanvasProductShellProps } from "@land/canvas-product-react";
+import { type CanvasProductApiContext } from "@land/canvas-product-react/api";
+import type { StandardCanvasApi } from "../standard";
+import type { CanvasKitApi } from "../api/canvasKitApi";
+import { type CanvasKitChromeContext } from "./chromeContext";
+import { persistCanvasKitEditorSnapshot } from "./persistence";
+export type CanvasKitChromeRenderer<TApi extends StandardCanvasApi = CanvasKitApi> = (context: CanvasKitChromeContext<TApi>) => ReactNode;
+export type CanvasKitApiFactory<TApi extends StandardCanvasApi = CanvasKitApi> = (context: CanvasProductApiContext) => TApi;
+export type CanvasKitShellProps<TApi extends StandardCanvasApi = CanvasKitApi> = CanvasProductShellProps & {
+    chrome?: CanvasKitChromeRenderer<TApi>;
+    createApi?: CanvasKitApiFactory<TApi>;
+    exposeApiOnWindow?: boolean;
+    onApiDispose?: () => void;
+    onApiReady?: (api: TApi) => void;
+    persistEditorSnapshot?: typeof persistCanvasKitEditorSnapshot;
+    windowKey?: string;
+};
+export declare function CanvasKitShell<TApi extends StandardCanvasApi = CanvasKitApi>(props: CanvasKitShellProps<TApi>): import("react/jsx-runtime").JSX.Element;

package/product/chromeContext.d.ts

@@ -0,0 +1,70 @@
+import { type ReactNode } from "react";
+import type { Editor, EditorSelectionState, EditorToolState, ShapeCapabilityManifest, ShapeId } from "@land/canvas-core";
+import type { CanvasPluginHostRuntime } from "@land/canvas-react/host";
+import type { CanvasProductDefinition, ProductServiceRegistry } from "@land/canvas-product-react";
+import { type ContextMenuSurface, type HistoryControls, type PageControls, type SvgExportControls, type ToolbarSurfaces, type ZoomControlsState } from "@land/canvas-product-react";
+import type { ContextMenuOpenSnapshot, ToolbarActionValue, ToolbarContext } from "@land/canvas-core";
+import type { StandardCanvasApi, StandardCanvasLayerNode } from "../standard";
+import { type ImageAssetService } from "@land/plugin-image-product-react";
+export type { ContextMenuCommandItem, ContextMenuItem, ContextMenuSection, EditorSelectionState, EditorToolState, ShapeCapabilityManifest, ShapeId, ToolbarActionValue, ToolbarContext, ToolbarGroup, ToolbarItem, } from "@land/canvas-core";
+export type { ContextMenuSurface, HistoryControls, PageControls, SvgExportControls, ToolbarSurfaces, ZoomControlsState, } from "@land/canvas-product-react";
+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

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

package/product/index.d.ts

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

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