@snowcone-app/canvas 0.39.3 → 0.40.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -6
- package/dist/{ContextualToolbars-C62As-xY.js → ContextualToolbars-_5zqlcSw.js} +324 -319
- package/dist/{ContextualToolbars-C62As-xY.js.map → ContextualToolbars-_5zqlcSw.js.map} +1 -1
- package/dist/{EditorCanvasImpl-DIiRhNbF.js → EditorCanvasImpl-CBl27o5h.js} +4 -4
- package/dist/{EditorCanvasImpl-DIiRhNbF.js.map → EditorCanvasImpl-CBl27o5h.js.map} +1 -1
- package/dist/{SnowconeCanvas-B9HtP9gI.js → SnowconeCanvas-uUJy5mxC.js} +3 -3
- package/dist/{SnowconeCanvas-B9HtP9gI.js.map → SnowconeCanvas-uUJy5mxC.js.map} +1 -1
- package/dist/advanced.mjs +4 -4
- package/dist/api/embed.d.ts +3 -3
- package/dist/default-editor/SnowconeEditor.d.ts +1 -1
- package/dist/design/product-config.d.ts +1 -1
- package/dist/{embed-BLwf1X5u.js → embed-BY6gMPTK.js} +3 -3
- package/dist/{embed-BLwf1X5u.js.map → embed-BY6gMPTK.js.map} +1 -1
- package/dist/embed.mjs +1 -1
- package/dist/index.mjs +2 -2
- package/dist/utils/documentColors.d.ts +10 -2
- package/dist/{validation-Dh9sVEb9.js → validation-BMB6_hp4.js} +4 -4
- package/dist/{validation-Dh9sVEb9.js.map → validation-BMB6_hp4.js.map} +1 -1
- package/example/README.md +2 -2
- package/example/package.json +1 -1
- package/example/src/Widget.tsx +6 -6
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -59,12 +59,12 @@ const nameDrop = design({ name: 'Front', width: 1480, height: 2328 })
|
|
|
59
59
|
.text('YOUR NAME', { anchor: 'top', name: 'name' });
|
|
60
60
|
|
|
61
61
|
const product = {
|
|
62
|
-
productId: '
|
|
63
|
-
mockupIds: ['
|
|
62
|
+
productId: 'BC43BE',
|
|
63
|
+
mockupIds: ['947QAD'],
|
|
64
64
|
placements: ['Front'],
|
|
65
|
-
//
|
|
65
|
+
// The variant you render. A product with a COLOR axis REQUIRES variantId, or
|
|
66
66
|
// a live render times out. Read real ids from the catalog with getProduct().
|
|
67
|
-
variantId: '
|
|
67
|
+
variantId: 'e92f40',
|
|
68
68
|
};
|
|
69
69
|
|
|
70
70
|
export function PersonalizationWidget({
|
|
@@ -79,7 +79,7 @@ export function PersonalizationWidget({
|
|
|
79
79
|
return (
|
|
80
80
|
<Editor.Root shop={SHOP_KEY} product={product} design={nameDrop} grantUrl="/api/realtime/grant">
|
|
81
81
|
<div style={{ display: 'grid', gap: 12, maxWidth: 320 }}>
|
|
82
|
-
<Editor.Preview alt="Your personalized
|
|
82
|
+
<Editor.Preview alt="Your personalized case" fallback={<div aria-busy="true">Rendering…</div>} />
|
|
83
83
|
<Editor.TextField layer={nameDrop.layer('name')} placeholder="Your name" />
|
|
84
84
|
<Editor.Buy
|
|
85
85
|
onAddToCart={
|
|
@@ -91,7 +91,7 @@ export function PersonalizationWidget({
|
|
|
91
91
|
})
|
|
92
92
|
}
|
|
93
93
|
>
|
|
94
|
-
Add to cart · $
|
|
94
|
+
Add to cart · $37.72
|
|
95
95
|
</Editor.Buy>
|
|
96
96
|
</div>
|
|
97
97
|
</Editor.Root>
|