@snowcone-app/canvas 0.40.0 → 0.40.1

package/README.md

@@ -59,12 +59,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({
@@ -79,7 +79,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={
@@ -91,7 +91,7 @@ export function PersonalizationWidget({
             })
           }
         >
-          Add to cart · $24
+          Add to cart · $37.72
         </Editor.Buy>
       </div>
     </Editor.Root>

package/dist/api/embed.d.ts

@@ -17,9 +17,9 @@
  * <RealtimeEmbed
  *   shop="YOUR_SHOP_ID"
  *   grantUrl="/api/realtime/grant"
- *   // variantId is REQUIRED when the product has a color/variant axis (BEEB77
- *   // does) — omit it and the render hangs. Read it + options from getProduct().
- *   product={{ productId: 'BEEB77', mockupIds: ['FV1qjO'], variantId: 'Pv1sLC', placements: ['Front'] }}
+ *   // variantId is REQUIRED when the product has a color/variant axis (a frame
+ *   // or garment colour) — omit it and the render hangs. Read it + options from getProduct().
+ *   product={{ productId: 'BC43BE', mockupIds: ['947QAD'], variantId: 'e92f40', placements: ['Front'] }}
  *   design={d}
  * >
  *   <RealtimeCanvas />

package/dist/default-editor/SnowconeEditor.d.ts

@@ -24,7 +24,7 @@ export declare function formatBuyPrice(cents: number): string;
  *
  * <SnowconeEditor
  *   shop={SHOP_KEY}
- *   product={{ productId: 'BEEB77', mockupIds: ['FV1qjO'], variantId: 'Pv1sLC', placements: ['Front'] }}
+ *   product={{ productId: 'BC43BE', mockupIds: ['947QAD'], variantId: 'e92f40', placements: ['Front'] }}
  *   design={design({ name: 'Front', width: 1480, height: 2328 }).text('hello', { name: 'headline' })}
  *   grantUrl="/api/realtime/grant"
  *   onAddToCart={(payload) => persist(payload.designState)}

package/dist/design/product-config.d.ts

@@ -44,7 +44,7 @@ export interface ProductRenderConfig {
  * Derive the full embed wiring from one `getProduct()` payload.
  *
  * ```ts
- * const config = productToRenderConfig(await getProduct('BEEB77'));
+ * const config = productToRenderConfig(await getProduct('BC43BE'));
  * const seed = design({ name: config.placement.label, ...config.placement })
  *   .text('hello', { anchor: 'center', name: 'headline' });
  *