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

package/dist/internal/client-runtime.mjs

@@ -1,12 +1,12 @@
 import {
   createClientPluginManager,
   installChunkErrorRecovery
-} from "../chunk-J34JCW6R.mjs";
+} from "../chunk-FOEPWRHM.mjs";
 import {
   searchParamsToObject
 } from "../chunk-4DCGM2BW.mjs";
 import "../chunk-FXG2PS27.mjs";
-import "../chunk-ENPB4CSY.mjs";
+import "../chunk-XLQVJDK2.mjs";
 import {
   __name
 } from "../chunk-CGILA3WO.mjs";

package/dist/navigation.cjs

@@ -435,6 +435,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";
@@ -616,6 +645,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,
@@ -625,16 +664,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
    */
@@ -1028,7 +1067,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
@@ -1097,11 +1136,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;
@@ -1154,6 +1198,22 @@ function getScrollElementStorageKey(path, key) {
 __name(getScrollElementStorageKey, "getScrollElementStorageKey");
 
 // src/client/router.ts
+function navigateViaRouter(href, basePath, replace) {
+  if (typeof window === "undefined") return;
+  const url = href.startsWith("/") ? basePath + href : href;
+  const spaRouter = getInstalledFarmSPARouter();
+  if (spaRouter) {
+    void spaRouter.navigate(url, { replace });
+    return;
+  }
+  if (replace) {
+    window.history.replaceState(null, "", url);
+  } else {
+    window.history.pushState(null, "", url);
+  }
+  notifyHistoryChange("url-search");
+}
+__name(navigateViaRouter, "navigateViaRouter");
 function useRouter(options = {}) {
   const basePath = options.basePath || "";
   const routes = options.routes;
@@ -1171,20 +1231,14 @@ function useRouter(options = {}) {
       setState(readRouterState(basePath, routeMatcher));
     }, "handlePopState");
     handlePopState();
-    window.addEventListener("popstate", handlePopState);
-    return () => window.removeEventListener("popstate", handlePopState);
+    const unsubscribe = subscribeHistoryChange(handlePopState);
+    return unsubscribe;
   }, [basePath, routeMatcher]);
   const push = /* @__PURE__ */ __name((href) => {
-    if (typeof window === "undefined") return;
-    const url = href.startsWith("/") ? basePath + href : href;
-    window.history.pushState(null, "", url);
-    window.dispatchEvent(new PopStateEvent("popstate"));
+    navigateViaRouter(href, basePath, false);
   }, "push");
   const replace = /* @__PURE__ */ __name((href) => {
-    if (typeof window === "undefined") return;
-    const url = href.startsWith("/") ? basePath + href : href;
-    window.history.replaceState(null, "", url);
-    window.dispatchEvent(new PopStateEvent("popstate"));
+    navigateViaRouter(href, basePath, true);
   }, "replace");
   const pushState = /* @__PURE__ */ __name((pageState, href) => {
     if (typeof window === "undefined") return;