@contentful/experiences-visual-editor-react 3.1.0 → 3.1.1-beta.0

package/dist/renderApp.js

@@ -49768,8 +49768,13 @@ function useEditorSubscriber(inMemoryEntitiesStore) {
                 case INCOMING_EVENTS.RequestEditorMode: {
                     break;
                 }
-                default:
-                    console.error(`[experiences-sdk-react::onMessage] Logic error, unsupported eventType: [${eventData.eventType}]`);
+                default: {
+                    const knownEvents = Object.values(INCOMING_EVENTS);
+                    const isDeprecatedMessage = knownEvents.includes(eventData.eventType);
+                    if (!isDeprecatedMessage) {
+                        console.error(`[experiences-sdk-react::onMessage] Logic error, unsupported eventType: [${eventData.eventType}]`);
+                    }
+                }
             }
         };
         window.addEventListener('message', onMessage);
@@ -50185,10 +50190,14 @@ const EmptyCanvasMessage = () => {
 const sendCanvasGeometryUpdatedMessage = async (tree, sourceEvent) => {
     const nodeToCoordinatesMap = {};
     collectNodeCoordinates(tree.root, nodeToCoordinatesMap);
+    const rootRect = document.documentElement.getBoundingClientRect();
+    const bodyRect = document.body.getBoundingClientRect();
+    const width = Math.max(document.documentElement.offsetWidth, rootRect.width, bodyRect.width);
+    const height = Math.max(document.documentElement.offsetHeight, rootRect.height, bodyRect.height);
     sendMessage(OUTGOING_EVENTS.CanvasGeometryUpdated, {
         size: {
-            width: document.documentElement.offsetWidth,
-            height: document.documentElement.offsetHeight,
+            width,
+            height,
         },
         nodes: nodeToCoordinatesMap,
         sourceEvent,
@@ -50233,7 +50242,7 @@ function waitForImageToBeLoaded(imageNode) {
     });
 }
 
-const useCanvasGeometryUpdates = ({ tree }) => {
+const useCanvasGeometryUpdates = ({ tree, canvasMode }) => {
     const debouncedUpdateGeometry = reactExports.useMemo(() => debounce((tree, sourceEvent) => {
         // When the DOM changed, we still need to wait for the next frame to ensure that
         // rendering is complete (e.g. this is required when deleting a node).
@@ -50304,6 +50313,8 @@ const useCanvasGeometryUpdates = ({ tree }) => {
     }, [allImages, loadedImages, debouncedUpdateGeometry]);
     // Delegate scrolling to the canvas
     reactExports.useEffect(() => {
+        if (canvasMode !== StudioCanvasMode$2.EDITOR)
+            return;
         const onWheel = (e) => {
             e.preventDefault();
             sendMessage(OUTGOING_EVENTS.CanvasPan, {
@@ -50317,13 +50328,13 @@ const useCanvasGeometryUpdates = ({ tree }) => {
         };
         document.addEventListener('wheel', onWheel, { passive: false });
         return () => document.removeEventListener('wheel', onWheel);
-    }, []);
+    }, [canvasMode]);
 };
 
-const RootRenderer = ({ inMemoryEntitiesStore }) => {
+const RootRenderer = ({ inMemoryEntitiesStore, canvasMode }) => {
     useEditorSubscriber(inMemoryEntitiesStore);
     const tree = useTreeStore((state) => state.tree);
-    useCanvasGeometryUpdates({ tree });
+    useCanvasGeometryUpdates({ tree, canvasMode });
     const breakpoints = useTreeStore((state) => state.breakpoints);
     const { resolveDesignValue } = useBreakpoints(breakpoints);
     // If the root blockId is defined but not the default string, it is the entry ID
@@ -50372,7 +50383,7 @@ const useInitializeEditor = (inMemoryEntitiesStore) => {
     return initialized;
 };
 
-const VisualEditorRoot = ({ experience, inMemoryEntitiesStore: inMemoryEntitiesStore$1 = inMemoryEntitiesStore, }) => {
+const VisualEditorRoot = ({ experience, inMemoryEntitiesStore: inMemoryEntitiesStore$1 = inMemoryEntitiesStore, canvasMode, }) => {
     const initialized = useInitializeEditor(inMemoryEntitiesStore$1);
     const setHyperLinkPattern = useEditorStore((state) => state.setHyperLinkPattern);
     reactExports.useEffect(() => {
@@ -50382,7 +50393,7 @@ const VisualEditorRoot = ({ experience, inMemoryEntitiesStore: inMemoryEntitiesS
     }, [experience?.hyperlinkPattern, setHyperLinkPattern]);
     if (!initialized)
         return null;
-    return React$1.createElement(RootRenderer, { inMemoryEntitiesStore: inMemoryEntitiesStore$1 });
+    return React$1.createElement(RootRenderer, { inMemoryEntitiesStore: inMemoryEntitiesStore$1, canvasMode: canvasMode });
 };
 
 client.createRoot(document.getElementById(VISUAL_EDITOR_CONTAINER_ID)).render(React$1.createElement(React$1.StrictMode, null,