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

package/dist/client-plugins.mjs

@@ -1,9 +1,9 @@
 import {
   FarmClientPluginManager,
   createClientPluginManager
-} from "./chunk-J34JCW6R.mjs";
+} from "./chunk-FOEPWRHM.mjs";
 import "./chunk-FXG2PS27.mjs";
-import "./chunk-ENPB4CSY.mjs";
+import "./chunk-XLQVJDK2.mjs";
 import "./chunk-CGILA3WO.mjs";
 export {
   FarmClientPluginManager,

package/dist/client.cjs

@@ -4664,6 +4664,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";
@@ -4738,6 +4767,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,
@@ -4747,16 +4786,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
    */
@@ -5150,7 +5189,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
@@ -5219,11 +5258,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 getRouter2() {
   if (typeof window === "undefined") {
     return new SPARouter();
   }
-  const installedRouter = window.__FARM_SPA_ROUTER__;
+  const installedRouter = getInstalledFarmSPARouter();
   if (installedRouter) {
     routerInstance = installedRouter;
     return installedRouter;
@@ -5292,6 +5336,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;
@@ -5309,20 +5369,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 pushState2 = /* @__PURE__ */ __name((pageState, href) => {
     if (typeof window === "undefined") return;
@@ -5361,8 +5415,7 @@ function usePageState() {
       setState(readPageState());
     }, "handlePopState");
     handlePopState();
-    window.addEventListener("popstate", handlePopState);
-    return () => window.removeEventListener("popstate", handlePopState);
+    return subscribeHistoryChange(handlePopState);
   }, []);
   return state;
 }
@@ -6049,7 +6102,7 @@ body {
 `;
 
 // package.json
-var version = "0.1.0-beta.54";
+var version = "0.1.0-beta.56";
 
 // src/version.ts
 var FARM_VERSION = version;