@farm.js/core 0.1.0-beta.54 → 0.1.0-beta.56

package/dist/renderer-client.cjs

@@ -429,6 +429,35 @@ function rejectPendingDeferred(controllers, message) {
 }
 __name(rejectPendingDeferred, "rejectPendingDeferred");
 
+// src/client/history-sync.ts
+var FARM_HISTORY_CHANGE_EVENT = "farm:historychange";
+function notifyHistoryChange(kind) {
+  if (typeof window === "undefined") return;
+  setTimeout(() => {
+    if (kind === "url-search" && !getInstalledFarmSPARouter()) {
+      window.dispatchEvent(new PopStateEvent("popstate"));
+      return;
+    }
+    window.dispatchEvent(
+      new CustomEvent(FARM_HISTORY_CHANGE_EVENT, {
+        detail: { kind }
+      })
+    );
+  }, 0);
+}
+__name(notifyHistoryChange, "notifyHistoryChange");
+function subscribeHistoryChange(listener) {
+  if (typeof window === "undefined") return () => {
+  };
+  window.addEventListener("popstate", listener);
+  window.addEventListener(FARM_HISTORY_CHANGE_EVENT, listener);
+  return () => {
+    window.removeEventListener("popstate", listener);
+    window.removeEventListener(FARM_HISTORY_CHANGE_EVENT, listener);
+  };
+}
+__name(subscribeHistoryChange, "subscribeHistoryChange");
+
 // src/deployment.ts
 var FARM_DEPLOYMENT_ID_HEADER = "x-farm-deployment-id";
 var FARM_DEPLOYMENT_MISMATCH_HEADER = "x-farm-deployment-mismatch";
@@ -635,6 +664,16 @@ var _SPARouter = class _SPARouter {
     this.navigationListeners = /* @__PURE__ */ new Set();
     this.navigationState = IDLE_NAVIGATION_STATE;
     this.scrollElements = /* @__PURE__ */ new Map();
+    this.onPopState = /* @__PURE__ */ __name((event) => {
+      void this.handlePopState(event);
+    }, "onPopState");
+    this.onBeforeUnload = /* @__PURE__ */ __name((event) => {
+      if (this.blockers.size > 0) {
+        event.preventDefault();
+        event.returnValue = "";
+      }
+      this.saveScrollPosition(window.location.pathname);
+    }, "onBeforeUnload");
     this.options = {
       prefetchTimeout: options.prefetchTimeout ?? 100,
       cacheMaxAge: options.cacheMaxAge ?? 3e4,
@@ -644,16 +683,16 @@ var _SPARouter = class _SPARouter {
       deploymentId: options.deploymentId ?? readBrowserDeploymentId()
     };
     if (typeof window !== "undefined") {
-      window.addEventListener("popstate", this.handlePopState.bind(this));
-      window.addEventListener("beforeunload", (event) => {
-        if (this.blockers.size > 0) {
-          event.preventDefault();
-          event.returnValue = "";
-        }
-        this.saveScrollPosition(window.location.pathname);
-      });
+      window.addEventListener("popstate", this.onPopState);
+      window.addEventListener("beforeunload", this.onBeforeUnload);
     }
   }
+  /** Remove global listeners. Intended for tests and teardown. */
+  destroy() {
+    if (typeof window === "undefined") return;
+    window.removeEventListener("popstate", this.onPopState);
+    window.removeEventListener("beforeunload", this.onBeforeUnload);
+  }
   /**
    * Set the navigation handler that updates React
    */
@@ -1047,7 +1086,7 @@ var _SPARouter = class _SPARouter {
     } else {
       window.history.pushState(nextState, "", url);
     }
-    window.dispatchEvent(new PopStateEvent("popstate", { state: nextState }));
+    notifyHistoryChange("page-state");
   }
   /**
    * Save scroll position for a path
@@ -1116,11 +1155,16 @@ function dispatchDeploymentMismatch(error) {
   window.dispatchEvent(new CustomEvent("farm:deployment-mismatch", { detail: error }));
 }
 __name(dispatchDeploymentMismatch, "dispatchDeploymentMismatch");
+function getInstalledFarmSPARouter() {
+  if (typeof window === "undefined") return void 0;
+  return window.__FARM_SPA_ROUTER__;
+}
+__name(getInstalledFarmSPARouter, "getInstalledFarmSPARouter");
 function getRouter() {
   if (typeof window === "undefined") {
     return new SPARouter();
   }
-  const installedRouter = window.__FARM_SPA_ROUTER__;
+  const installedRouter = getInstalledFarmSPARouter();
   if (installedRouter) {
     routerInstance = installedRouter;
     return installedRouter;
@@ -2413,11 +2457,11 @@ function createRendererRouter(options = {}) {
         listener();
       }, "notify");
       const unsubscribeNavigation = router.subscribeNavigation(notify);
-      window.addEventListener("popstate", notify);
+      const unsubscribeHistory = subscribeHistoryChange(notify);
       read();
       return () => {
         unsubscribeNavigation();
-        window.removeEventListener("popstate", notify);
+        unsubscribeHistory();
       };
     },
     push(href, navigateOptions) {