@snowcone-app/ui 0.4.8 → 0.4.9

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 0.4.9
+
+### Patch Changes
+
+- [#1150](https://github.com/snowcone-app/snowcone-monorepo/pull/1150) [`06997b2`](https://github.com/snowcone-app/snowcone-monorepo/commit/06997b211736d906d16eb9edeb186404f5acb19c) Thanks [@kevinsproles](https://github.com/kevinsproles)! - Spread-mode printables now use JSON canvas-state realtime mode: `WebSocketConfig.spreadCrops` carries the spread/group artboard geometry (piece rects keyed by placement label), and `RealtimeProvider.setSpreadCrops` sends it on the realtime config so the server slices each rendered spread artboard into per-placement images — no client pixel upload.
+
+- Updated dependencies [[`06997b2`](https://github.com/snowcone-app/snowcone-monorepo/commit/06997b211736d906d16eb9edeb186404f5acb19c)]:
+  - @snowcone-app/sdk@0.20.2
+
 ## 0.4.8
 
 ### Patch Changes

package/dist/index.cjs

@@ -5969,6 +5969,9 @@ function RealtimeProvider({
   const placementSettingsOverridesRef = (0, import_react25.useRef)({});
   const lastSentVariantIdRef = (0, import_react25.useRef)(null);
   const lastSentBgRef = (0, import_react25.useRef)(void 0);
+  const spreadCropsRef = (0, import_react25.useRef)(void 0);
+  const [spreadCropsVersion, setSpreadCropsVersion] = (0, import_react25.useState)(0);
+  const lastSentSpreadCropsRef = (0, import_react25.useRef)("null");
   const lastSentColorsRef = (0, import_react25.useRef)({});
   const realtimeMockup = (0, import_react26.useRealtimeMockup)({
     wsUrl,
@@ -6155,6 +6158,7 @@ function RealtimeProvider({
         configSentRef.current = false;
         lastSentVariantIdRef.current = null;
         lastSentBgRef.current = void 0;
+        lastSentSpreadCropsRef.current = "null";
         lastSentColorsRef.current = {};
       };
     }
@@ -6177,7 +6181,9 @@ function RealtimeProvider({
     const isFirstSend = !configSentRef.current;
     const variantChanged = lastSentVariantIdRef.current !== null && lastSentVariantIdRef.current !== variantId;
     const bgChanged = configSentRef.current && lastSentBgRef.current !== mockupBg;
-    if (!isFirstSend && !variantChanged && !bgChanged) {
+    const spreadCropsJson = JSON.stringify(spreadCropsRef.current ?? null);
+    const spreadCropsChanged = configSentRef.current && lastSentSpreadCropsRef.current !== spreadCropsJson;
+    if (!isFirstSend && !variantChanged && !bgChanged && !spreadCropsChanged) {
       return;
     }
     const mockupIds = [];
@@ -6195,6 +6201,7 @@ function RealtimeProvider({
       shop,
       width: mockupWidth,
       ...mockupBg ? { bg: mockupBg } : {},
+      ...spreadCropsRef.current ? { spreadCrops: spreadCropsRef.current } : {},
       placementSettings: { ...placementSettingsOverridesRef.current }
     } : {
       productId,
@@ -6204,6 +6211,7 @@ function RealtimeProvider({
       seal: "bypass-sig-for-k6-load-test",
       width: mockupWidth,
       ...mockupBg ? { bg: mockupBg } : {},
+      ...spreadCropsRef.current ? { spreadCrops: spreadCropsRef.current } : {},
       placementSettings: { ...placementSettingsOverridesRef.current }
     };
     if (variantChanged) {
@@ -6216,6 +6224,7 @@ function RealtimeProvider({
     configSentRef.current = true;
     lastSentVariantIdRef.current = variantId;
     lastSentBgRef.current = mockupBg;
+    lastSentSpreadCropsRef.current = spreadCropsJson;
     setTimeout(() => {
       const colorPlacements = placements.filter((p) => p.type === "color");
       colorPlacements.forEach((p) => {
@@ -6234,7 +6243,8 @@ function RealtimeProvider({
     sendConfigRaw,
     sendColorBlobTracked,
     mockupWidth,
-    mockupBg
+    mockupBg,
+    spreadCropsVersion
   ]);
   (0, import_react25.useEffect)(() => {
     if (!isEnabled || !isConnected || !isConfigured || !productContext?.product)
@@ -6268,6 +6278,17 @@ function RealtimeProvider({
     },
     [updatePlacementSettingsRaw]
   );
+  const setSpreadCrops = (0, import_react25.useCallback)(
+    (crops) => {
+      const next = crops && Object.keys(crops).length > 0 ? crops : void 0;
+      if (JSON.stringify(next ?? null) === JSON.stringify(spreadCropsRef.current ?? null)) {
+        return;
+      }
+      spreadCropsRef.current = next;
+      setSpreadCropsVersion((v) => v + 1);
+    },
+    []
+  );
   const enableRealtime = (0, import_react25.useCallback)(() => {
     setIsEnabled(true);
   }, []);
@@ -6553,6 +6574,7 @@ function RealtimeProvider({
       sendCanvasState,
       updateMockupIds: updateMockupIdsRaw,
       updatePlacementSettings: updatePlacementSettingsWrapped,
+      setSpreadCrops,
       getMockupResultsImmediate: () => mockupResultsRef.current,
       subscribeMockupResults: stableSubscribeMockupResults,
       subscribeMockupResultById: stableSubscribeMockupResultById,
@@ -6589,6 +6611,7 @@ function RealtimeProvider({
       sendCanvasState,
       updateMockupIdsRaw,
       updatePlacementSettingsWrapped,
+      setSpreadCrops,
       stableSubscribeMockupResults,
       stableSubscribeMockupResultById,
       notifyPendingExport,