@superblocksteam/library 2.0.124-next.0 → 2.0.124-next.1

package/dist/lib/index.js

@@ -1902,6 +1902,16 @@ function useTypedApi() {
 //#endregion
 //#region src/lib/internal-details/use-embed-message-listeners.ts
 /**
+* Normalizes a hash to match `window.location.hash` semantics: empty when
+* absent, otherwise prefixed with `#`. React Router accepts a bare hash but
+* `window.location.hash` always carries the leading `#`, so we align both
+* before comparing.
+*/
+function normalizeHash(hash) {
+	if (!hash) return "";
+	return hash.startsWith("#") ? hash : `#${hash}`;
+}
+/**
 * Hook that sets up common message listeners for embedded apps.
 * Used by both edit-mode and deployed-mode EmbedWrapper components.
 */
@@ -1913,14 +1923,21 @@ function useEmbedMessageListeners(navigate, superblocksContext) {
 		};
 		iframeMessageHandler.addEventListener("sb-global-sync", globalSyncListener);
 		const navigateToListener = async (event) => {
-			const { route, routeParams, queryParams } = event.data.payload;
+			const { hash, 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);
+			const previousHref = window.location.href;
+			const previousHash = window.location.hash;
 			await navigate({
+				hash,
 				pathname: generatePath(route, routeParams),
 				search: nextSearch.toString()
 			});
+			if (normalizeHash(hash) !== previousHash) window.dispatchEvent(new HashChangeEvent("hashchange", {
+				newURL: window.location.href,
+				oldURL: previousHref
+			}));
 		};
 		iframeMessageHandler.addEventListener("route-change", navigateToListener);
 		const embedPropertyChangeListener = (event) => {