@snowcone-app/ui 0.4.10 → 0.4.12

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## 0.4.12
+
+### Patch Changes
+
+- [#1634](https://github.com/snowcone-app/snowcone-monorepo/pull/1634) [`b9d59e6`](https://github.com/snowcone-app/snowcone-monorepo/commit/b9d59e6c23540e73759ff33e1ad4347493aee017) Thanks [@kevinsproles](https://github.com/kevinsproles)! - RealtimeProvider: decode the frozen cropped-delivery background at seed time. With ws binary frame delivery the full frame's `imageUrl` is a live `blob:` URL the SDK revokes when the next frame for that mockup arrives; lazily loading it at composite time failed (`E_OVERLAY_FRAME_LOAD`), disabled cropped delivery for the session, and cost three extra full renders per edit.
+
+- [#1634](https://github.com/snowcone-app/snowcone-monorepo/pull/1634) [`b9d59e6`](https://github.com/snowcone-app/snowcone-monorepo/commit/b9d59e6c23540e73759ff33e1ad4347493aee017) Thanks [@kevinsproles](https://github.com/kevinsproles)! - CanvasExportService: an empty design is sent to the realtime renderer once art has rendered in the session. Deleting or undoing the last element now re-renders the blank product instead of leaving the mockup showing art that is no longer in the design. A blank editor mount still sends nothing.
+
+## 0.4.11
+
+### Patch Changes
+
+- [#1632](https://github.com/snowcone-app/snowcone-monorepo/pull/1632) [`8a3b7e2`](https://github.com/snowcone-app/snowcone-monorepo/commit/8a3b7e26867257a22073dc5a55fb19d94ffded3f) Thanks [@kevinsproles](https://github.com/kevinsproles)! - RealtimeProvider: decode the frozen cropped-delivery background at seed time. With ws binary frame delivery the full frame's `imageUrl` is a live `blob:` URL the SDK revokes when the next frame for that mockup arrives; lazily loading it at composite time failed (`E_OVERLAY_FRAME_LOAD`), disabled cropped delivery for the session, and cost three extra full renders per edit.
+
 ## 0.4.10
 
 ### Patch Changes

package/dist/index.cjs

@@ -6303,7 +6303,10 @@ function RealtimeProvider({
       if (isFullRect(result.cropRect)) {
         if (firstSight && sessionLive) {
           processedFrameRef.current.set(result.mockupId, result.imageUrl);
-          backgroundsRef.current.set(result.mockupId, { url: result.imageUrl });
+          const imgPromise = loadImageElement(result.imageUrl);
+          imgPromise.catch(() => {
+          });
+          backgroundsRef.current.set(result.mockupId, { url: result.imageUrl, imgPromise });
         }
         displayable.push(result);
       } else if (firstSight && sessionLive) {
@@ -8885,7 +8888,7 @@ var CanvasExportService = class _CanvasExportService {
   handleStateChange = (state) => {
     if (!state) return;
     const hasElements = state.elements?.length > 0;
-    if (!hasElements) return;
+    if (!hasElements && !this.jsonModeSentSuccessfully) return;
     const hasLoadingImages = state.elements?.some(
       (el) => (el.type === "image" || el.transformType === "image") && el.imageLoadState === "loading"
     );
@@ -8973,6 +8976,8 @@ var CanvasExportService = class _CanvasExportService {
       this.stateChangeThrottleTimeout = null;
     }
     this.stateChangeLastSendTime = 0;
+    this.jsonModeSentSuccessfully = false;
+    this.pendingCanvasState = null;
     if (this.clearImageBitmapCache) {
       this.clearImageBitmapCache();
     }