@snowcone-app/canvas 0.39.3 → 0.40.1

package/example/README.md

@@ -114,8 +114,8 @@ catalog product's `options` verbatim; the shape is:
 
 ```ts
 const product = {
-  productId: 'BEEB77',
-  mockupIds: ['FV1qjO'],
+  productId: 'BC43BE',
+  mockupIds: ['947QAD'],
   placements: ['Front'],
   variantId: 'gv-black-s',                       // initial selection (REQUIRED for color axes)
   options: {

package/example/package.json

@@ -10,7 +10,7 @@
     "build": "tsc --noEmit && vite build"
   },
   "dependencies": {
-    "@snowcone-app/canvas": "^0.39.3",
+    "@snowcone-app/canvas": "^0.40.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0"
   },

package/example/src/Widget.tsx

@@ -25,12 +25,12 @@ const nameDrop = design({ name: 'Front', width: 1480, height: 2328 })
   .text('YOUR NAME', { anchor: 'top', name: 'name' });
 
 const product = {
-  productId: 'BEEB77',
-  mockupIds: ['FV1qjO'],
+  productId: 'BC43BE',
+  mockupIds: ['947QAD'],
   placements: ['Front'],
-  // BEEB77 has a COLOR axis (Frame) — a color product REQUIRES variantId, or
+  // The variant you render. A product with a COLOR axis REQUIRES variantId, or
   // a live render times out. Read real ids from the catalog with getProduct().
-  variantId: 'Pv1sLC',
+  variantId: 'e92f40',
 };
 
 export function PersonalizationWidget({
@@ -45,7 +45,7 @@ export function PersonalizationWidget({
   return (
     <Editor.Root shop={SHOP_KEY} product={product} design={nameDrop} grantUrl="/api/realtime/grant">
       <div style={{ display: 'grid', gap: 12, maxWidth: 320 }}>
-        <Editor.Preview alt="Your personalized tee" fallback={<div aria-busy="true">Rendering…</div>} />
+        <Editor.Preview alt="Your personalized case" fallback={<div aria-busy="true">Rendering…</div>} />
         <Editor.TextField layer={nameDrop.layer('name')} placeholder="Your name" />
         <Editor.Buy
           onAddToCart={
@@ -57,7 +57,7 @@ export function PersonalizationWidget({
             })
           }
         >
-          Add to cart · $24
+          Add to cart · $37.72
         </Editor.Buy>
       </div>
     </Editor.Root>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snowcone-app/canvas",
-  "version": "0.39.3",
+  "version": "0.40.1",
   "description": "Self-contained canvas editor component for e-commerce product customization",
   "type": "module",
   "main": "./dist/index.mjs",
@@ -117,7 +117,7 @@
     "react-colorful": "^5.6.1",
     "tailwind-merge": "^3.0.0",
     "tailwind-variants": "^3.1.1",
-    "@snowcone-app/sdk": "0.24.3"
+    "@snowcone-app/sdk": "0.24.4"
   },
   "devDependencies": {
     "@axe-core/playwright": "^4.11.0",
@@ -179,7 +179,7 @@
     "vite-plugin-node-polyfills": "^0.24.0",
     "vitest": "^3.2.7",
     "zod": "^4.1.12",
-    "@snowcone-app/ui": "0.9.1"
+    "@snowcone-app/ui": "0.9.2"
   },
   "scripts": {
     "dev": "vite",