@superblocksteam/library 2.0.70-next.5 → 2.0.70-next.7

package/dist/lib/index.js

@@ -3250,7 +3250,7 @@ if (isEditMode()) {
 		iframeMessageHandler.addEventListener("sb-init", handleInit);
 		iframeMessageHandler.addEventListener("sb-update-token", handleTokenUpdate);
 	};
-	requestIdleCallback(setupInitializer);
+	setupInitializer();
 }
 const IframeConnected = observer(function IframeConnected$1(props) {
 	const [reloadKey, setReloadKey] = useState(0);
@@ -3533,22 +3533,6 @@ const EmbedWrapper = (props) => {
 			root_store_default.editStore?.setInteractionMode(interactionMode);
 		};
 		iframeMessageHandler.addEventListener("set-interaction-mode", setInteractionModeListener);
-		const globalSyncListener = (event) => {
-			const { global } = event.data.payload;
-			superblocksContext.updateContext(global);
-		};
-		iframeMessageHandler.addEventListener("sb-global-sync", globalSyncListener);
-		const navigateToListener = async (event) => {
-			const { route, routeParams, queryParams } = event.data.payload;
-			const eventSearch = new URLSearchParams(queryParams);
-			const nextSearch = new URLSearchParams(window.location.search);
-			for (const [key, value] of eventSearch.entries()) nextSearch.set(key, value);
-			await navigate({
-				pathname: generatePath(route, routeParams),
-				search: nextSearch.toString()
-			});
-		};
-		iframeMessageHandler.addEventListener("route-change", navigateToListener);
 		const aiUpdatesListener = (event) => {
 			const { type } = event.data.payload;
 			switch (type) {
@@ -3586,14 +3570,34 @@ const EmbedWrapper = (props) => {
 			iframeMessageHandler.removeEventListener("sb-update-property-with-effects", updatePropertyWithEffectsListener);
 			iframeMessageHandler.removeEventListener("sb-retrieve-property-panel-props", retrievePropertyPanelPropsListener);
 			iframeMessageHandler.removeEventListener("sb-create-component", createComponentListener);
-			iframeMessageHandler.removeEventListener("sb-global-sync", globalSyncListener);
-			iframeMessageHandler.removeEventListener("route-change", navigateToListener);
 			iframeMessageHandler.removeEventListener("ai-updates", aiUpdatesListener);
 			iframeMessageHandler.removeEventListener("hmr-reload-request", hmrReloadListener);
 			try {
 				getEditStore().runtimeSubscriptionsStore.clearAll();
 			} catch {}
 		};
+	}, []);
+	useEffect(() => {
+		const globalSyncListener = (event) => {
+			const { global } = event.data.payload;
+			superblocksContext.updateContext(global);
+		};
+		iframeMessageHandler.addEventListener("sb-global-sync", globalSyncListener);
+		const navigateToListener = async (event) => {
+			const { route, routeParams, queryParams } = event.data.payload;
+			const eventSearch = new URLSearchParams(queryParams);
+			const nextSearch = new URLSearchParams(window.location.search);
+			for (const [key, value] of eventSearch.entries()) nextSearch.set(key, value);
+			await navigate({
+				pathname: generatePath(route, routeParams),
+				search: nextSearch.toString()
+			});
+		};
+		iframeMessageHandler.addEventListener("route-change", navigateToListener);
+		return () => {
+			iframeMessageHandler.removeEventListener("sb-global-sync", globalSyncListener);
+			iframeMessageHandler.removeEventListener("route-change", navigateToListener);
+		};
 	}, [navigate, superblocksContext]);
 	useEffect(() => {
 		const messageListener = (event) => {
@@ -3619,6 +3623,10 @@ const EmbedWrapper = (props) => {
 					}
 					case "RUN_API": {
 						const { apiName, traceHeaders, callId, isTestRun, inputs } = action$1.payload;
+						console.debug("[internal] [iframe-wrappers] Received RUN_API:", {
+							apiName,
+							callId
+						});
 						console.log("[iframe-wrappers] Received RUN_API:", {
 							apiName,
 							callId,