@snowcone-app/ui 0.3.0 → 0.4.0

package/dist/index.d.cts

@@ -5,7 +5,7 @@ import * as React$1 from 'react';
 import React__default, { ReactNode, CSSProperties, RefObject } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import { ProductPriceOptions, CatalogProduct, ImageAlignment, OptionSelection, ProductContext as ProductContext$1, WebSocketConfig, DesignElement, ProductArtAlignmentOptions, ProductArtAlignmentContext, ArtworkData } from '@snowcone-app/sdk';
+import { ProductPriceOptions, CatalogProduct, ImageAlignment, OptionSelection, ProductContext as ProductContext$1, WebSocketConfig, DesignElement, RealtimeRenderError, ProductArtAlignmentOptions, ProductArtAlignmentContext, ArtworkData } from '@snowcone-app/sdk';
 export { ArtworkData, AspectRatio, ImageAlignment, ProductArtAlignmentContext, ProductArtAlignmentOptions, ProductData, ProductMockupData, ProductPlacement, ProductVariant, WebSocketConfig, describeProductArtAlignment, getMockupUrl, getProduct, getSnapPoints, listProducts } from '@snowcone-app/sdk';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
@@ -2886,6 +2886,14 @@ interface RealtimeContextValue {
     isConnected: boolean;
     isConfigured: boolean;
     mockupResults: MockupResult[];
+    /**
+     * Most recent server render error (stable machine-readable `code` +
+     * human message, e.g. `{code: 'asset_not_allowed', ...}`). Cleared when a
+     * later render succeeds. While set, `mockupResults` still holds the LAST
+     * GOOD renders — surface the error visibly (badge the stale mockup) rather
+     * than blanking it or logging console-only.
+     */
+    renderError: RealtimeRenderError | null;
     isPendingMockups: boolean;
     canvasBlobsSent: number;
     colorBlobsSent: number;

package/dist/index.d.ts

@@ -5,7 +5,7 @@ import * as React$1 from 'react';
 import React__default, { ReactNode, CSSProperties, RefObject } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import { ProductPriceOptions, CatalogProduct, ImageAlignment, OptionSelection, ProductContext as ProductContext$1, WebSocketConfig, DesignElement, ProductArtAlignmentOptions, ProductArtAlignmentContext, ArtworkData } from '@snowcone-app/sdk';
+import { ProductPriceOptions, CatalogProduct, ImageAlignment, OptionSelection, ProductContext as ProductContext$1, WebSocketConfig, DesignElement, RealtimeRenderError, ProductArtAlignmentOptions, ProductArtAlignmentContext, ArtworkData } from '@snowcone-app/sdk';
 export { ArtworkData, AspectRatio, ImageAlignment, ProductArtAlignmentContext, ProductArtAlignmentOptions, ProductData, ProductMockupData, ProductPlacement, ProductVariant, WebSocketConfig, describeProductArtAlignment, getMockupUrl, getProduct, getSnapPoints, listProducts } from '@snowcone-app/sdk';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
@@ -2886,6 +2886,14 @@ interface RealtimeContextValue {
     isConnected: boolean;
     isConfigured: boolean;
     mockupResults: MockupResult[];
+    /**
+     * Most recent server render error (stable machine-readable `code` +
+     * human message, e.g. `{code: 'asset_not_allowed', ...}`). Cleared when a
+     * later render succeeds. While set, `mockupResults` still holds the LAST
+     * GOOD renders — surface the error visibly (badge the stale mockup) rather
+     * than blanking it or logging console-only.
+     */
+    renderError: RealtimeRenderError | null;
     isPendingMockups: boolean;
     canvasBlobsSent: number;
     colorBlobsSent: number;

package/dist/index.js

@@ -5624,8 +5624,8 @@ function RealtimeProvider({
     },
     onAllMockupsRendered: (results) => {
     },
-    onError: (error) => {
-      console.error("[RealtimeProvider] Error:", error);
+    onError: (error, detail) => {
+      console.error(`[RealtimeProvider] Render error [${detail.code}]:`, error);
     }
   });
   const subscribeRTCTiming = useCallback10((_callback) => {
@@ -5635,6 +5635,7 @@ function RealtimeProvider({
   const {
     isConnected,
     isConfigured,
+    renderError,
     mockupResults: rawMockupResults,
     sendCanvasBlob: sendCanvasBlobRaw,
     sendCanvasState: sendCanvasStateRaw,
@@ -6154,6 +6155,7 @@ function RealtimeProvider({
       isEnabled,
       isConnected,
       isConfigured,
+      renderError,
       // Read from ref - this is a snapshot at render time, NOT reactive
       // For reactive updates, use getMockupResultsImmediate() or subscribe functions
       get mockupResults() {
@@ -6197,6 +6199,7 @@ function RealtimeProvider({
       isEnabled,
       isConnected,
       isConfigured,
+      renderError,
       // mockupResults removed from deps - it's a getter that reads from ref
       canvasExportSize,
       mockupWidth,
@@ -10209,6 +10212,15 @@ var HeroProductImage = memo3(function HeroProductImage2({
             }
           }
         ),
+        realtimeContext?.renderError && /* @__PURE__ */ jsx60(
+          "div",
+          {
+            role: "alert",
+            "data-render-error": realtimeContext.renderError.code,
+            className: "absolute inset-x-0 bottom-0 z-20 bg-red-600/90 text-white text-xs font-medium px-3 py-2 pointer-events-none",
+            children: `Render blocked: ${realtimeContext.renderError.code} \u2014 ${realtimeContext.renderError.message}`
+          }
+        ),
         prevUrl && /* @__PURE__ */ jsx60(
           "img",
           {