@snowcone-app/ui 0.4.8 → 0.4.9

package/dist/index.d.cts

@@ -2929,6 +2929,24 @@ interface RealtimeContextValue {
         tiles?: number;
         alignment?: string;
     }>) => boolean;
+    /**
+     * Declare spread-mode crop geometry (ADR-0060) for canvases that run
+     * combined spread/group artboards: artboard name → artboard dims + piece
+     * rects keyed by the product's placement labels. Sent on the realtime
+     * config (re-sent when it changes) so the server can slice each rendered
+     * spread canvas_state into per-placement images. Pass undefined to clear.
+     */
+    setSpreadCrops: (crops: Record<string, {
+        width: number;
+        height: number;
+        pieces: Array<{
+            placement: string;
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        }>;
+    }> | undefined) => void;
     getMockupResultsImmediate: () => MockupResult[];
     subscribeMockupResults: (callback: (results: MockupResult[]) => void) => () => void;
     subscribeMockupResultById: (mockupId: string, callback: (result: MockupResult) => void) => () => void;

package/dist/index.d.ts

@@ -2929,6 +2929,24 @@ interface RealtimeContextValue {
         tiles?: number;
         alignment?: string;
     }>) => boolean;
+    /**
+     * Declare spread-mode crop geometry (ADR-0060) for canvases that run
+     * combined spread/group artboards: artboard name → artboard dims + piece
+     * rects keyed by the product's placement labels. Sent on the realtime
+     * config (re-sent when it changes) so the server can slice each rendered
+     * spread canvas_state into per-placement images. Pass undefined to clear.
+     */
+    setSpreadCrops: (crops: Record<string, {
+        width: number;
+        height: number;
+        pieces: Array<{
+            placement: string;
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        }>;
+    }> | undefined) => void;
     getMockupResultsImmediate: () => MockupResult[];
     subscribeMockupResults: (callback: (results: MockupResult[]) => void) => () => void;
     subscribeMockupResultById: (mockupId: string, callback: (result: MockupResult) => void) => () => void;

package/dist/index.js

@@ -5611,6 +5611,9 @@ function RealtimeProvider({
   const placementSettingsOverridesRef = useRef12({});
   const lastSentVariantIdRef = useRef12(null);
   const lastSentBgRef = useRef12(void 0);
+  const spreadCropsRef = useRef12(void 0);
+  const [spreadCropsVersion, setSpreadCropsVersion] = useState17(0);
+  const lastSentSpreadCropsRef = useRef12("null");
   const lastSentColorsRef = useRef12({});
   const realtimeMockup = useRealtimeMockup2({
     wsUrl,
@@ -5797,6 +5800,7 @@ function RealtimeProvider({
         configSentRef.current = false;
         lastSentVariantIdRef.current = null;
         lastSentBgRef.current = void 0;
+        lastSentSpreadCropsRef.current = "null";
         lastSentColorsRef.current = {};
       };
     }
@@ -5819,7 +5823,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 = [];
@@ -5837,6 +5843,7 @@ function RealtimeProvider({
       shop,
       width: mockupWidth,
       ...mockupBg ? { bg: mockupBg } : {},
+      ...spreadCropsRef.current ? { spreadCrops: spreadCropsRef.current } : {},
       placementSettings: { ...placementSettingsOverridesRef.current }
     } : {
       productId,
@@ -5846,6 +5853,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) {
@@ -5858,6 +5866,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) => {
@@ -5876,7 +5885,8 @@ function RealtimeProvider({
     sendConfigRaw,
     sendColorBlobTracked,
     mockupWidth,
-    mockupBg
+    mockupBg,
+    spreadCropsVersion
   ]);
   useEffect17(() => {
     if (!isEnabled || !isConnected || !isConfigured || !productContext?.product)
@@ -5910,6 +5920,17 @@ function RealtimeProvider({
     },
     [updatePlacementSettingsRaw]
   );
+  const setSpreadCrops = useCallback10(
+    (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 = useCallback10(() => {
     setIsEnabled(true);
   }, []);
@@ -6195,6 +6216,7 @@ function RealtimeProvider({
       sendCanvasState,
       updateMockupIds: updateMockupIdsRaw,
       updatePlacementSettings: updatePlacementSettingsWrapped,
+      setSpreadCrops,
       getMockupResultsImmediate: () => mockupResultsRef.current,
       subscribeMockupResults: stableSubscribeMockupResults,
       subscribeMockupResultById: stableSubscribeMockupResultById,
@@ -6231,6 +6253,7 @@ function RealtimeProvider({
       sendCanvasState,
       updateMockupIdsRaw,
       updatePlacementSettingsWrapped,
+      setSpreadCrops,
       stableSubscribeMockupResults,
       stableSubscribeMockupResultById,
       notifyPendingExport,