@farm.js/core 0.1.0-beta.80 → 0.1.0-beta.81

package/dist/renderer-client.cjs

@@ -504,6 +504,14 @@ __name(rejectPendingDeferred, "rejectPendingDeferred");
 
 // src/client/history-sync.ts
 var FARM_HISTORY_CHANGE_EVENT = "farm:historychange";
+function dispatchHistoryChange(kind) {
+  window.dispatchEvent(
+    new CustomEvent(FARM_HISTORY_CHANGE_EVENT, {
+      detail: { kind }
+    })
+  );
+}
+__name(dispatchHistoryChange, "dispatchHistoryChange");
 function notifyHistoryChange(kind) {
   if (typeof window === "undefined") return;
   setTimeout(() => {
@@ -511,14 +519,15 @@ function notifyHistoryChange(kind) {
       window.dispatchEvent(new PopStateEvent("popstate"));
       return;
     }
-    window.dispatchEvent(
-      new CustomEvent(FARM_HISTORY_CHANGE_EVENT, {
-        detail: { kind }
-      })
-    );
+    dispatchHistoryChange(kind);
   }, 0);
 }
 __name(notifyHistoryChange, "notifyHistoryChange");
+function notifyRouterHistoryChange() {
+  if (typeof window === "undefined") return;
+  setTimeout(() => dispatchHistoryChange("url-search"), 0);
+}
+__name(notifyRouterHistoryChange, "notifyRouterHistoryChange");
 function subscribeHistoryChange(listener) {
   if (typeof window === "undefined") return () => {
   };
@@ -760,6 +769,7 @@ var _SPARouter = class _SPARouter {
     this.prefetchingUrls = /* @__PURE__ */ new Set();
     this.observers = /* @__PURE__ */ new Map();
     this.blockers = /* @__PURE__ */ new Set();
+    this.unloadBlockers = /* @__PURE__ */ new Map();
     this.navigationListeners = /* @__PURE__ */ new Set();
     this.navigationState = IDLE_NAVIGATION_STATE;
     this.currentHistoryPath = null;
@@ -771,7 +781,7 @@ var _SPARouter = class _SPARouter {
       void this.handlePopState(event);
     }, "onPopState");
     this.onBeforeUnload = /* @__PURE__ */ __name((event) => {
-      if (this.blockers.size > 0) {
+      if (this.shouldBlockUnload()) {
         event.preventDefault();
         event.returnValue = "";
       }
@@ -949,6 +959,7 @@ var _SPARouter = class _SPARouter {
     if (isFarmLocaleChangeHref(href)) return;
     const url = new URL(href, window.location.origin);
     if (isFarmExternalNavigationURL(url, window.location.origin)) return;
+    if (this.options.shouldUseDocumentNavigation(url.pathname)) return;
     const fullPath = url.pathname + url.search;
     const interceptFrom = window.location.pathname + window.location.search;
     if (this.prefetchingUrls.has(fullPath)) return;
@@ -997,10 +1008,15 @@ var _SPARouter = class _SPARouter {
       this.observers.delete(element);
     }
   }
-  addBlocker(blocker) {
+  addBlocker(blocker, shouldBlockUnload) {
     this.blockers.add(blocker);
+    this.unloadBlockers.set(
+      blocker,
+      shouldBlockUnload ?? (() => this.evaluateBlockerForUnload(blocker))
+    );
     return () => {
       this.blockers.delete(blocker);
+      this.unloadBlockers.delete(blocker);
     };
   }
   getNavigationState() {
@@ -1029,11 +1045,16 @@ var _SPARouter = class _SPARouter {
     this.writePageState("replace", state, href);
   }
   async commitNavigation(options) {
-    const historyPath = options.pageData.canonicalPath || options.fullPath;
+    const historyUrl = new URL(
+      options.pageData.canonicalPath || options.fullPath,
+      window.location.origin
+    );
+    historyUrl.hash = options.url.hash;
+    const historyPath = historyUrl.pathname + historyUrl.search + historyUrl.hash;
     const historyState = createHistoryState(
       historyPath,
       options.state,
-      void 0,
+      options.replace ? window.history.state : void 0,
       options.pageData.interception?.from ?? null
     );
     const nextHistoryIndex = this.currentHistoryIndex == null ? null : options.replace ? this.currentHistoryIndex : this.currentHistoryIndex + 1;
@@ -1047,18 +1068,8 @@ var _SPARouter = class _SPARouter {
     }
     this.currentHistoryIndex = nextHistoryIndex;
     this.currentHistoryPath = new URL(historyPath, window.location.origin).pathname + new URL(historyPath, window.location.origin).search;
-    if (options.pageData.metadata?.title) {
-      document.title = options.pageData.metadata.title;
-    }
-    if (options.pageData.metadata?.description) {
-      let metaDesc = document.querySelector('meta[name="description"]');
-      if (!metaDesc) {
-        metaDesc = document.createElement("meta");
-        metaDesc.setAttribute("name", "description");
-        document.head.appendChild(metaDesc);
-      }
-      metaDesc.setAttribute("content", options.pageData.metadata.description);
-    }
+    notifyRouterHistoryChange();
+    this.updateDocumentMetadata(options.pageData.metadata);
     _hydrateFarmI18n(options.pageData.i18n);
     if (this.onNavigate) {
       await this.onNavigate(options.pageData);
@@ -1208,9 +1219,7 @@ var _SPARouter = class _SPARouter {
         await this.clientPlugins?.markNavigationLoaded(clientNavigation, pageData);
       }
       if (!this.isCurrentNavigation(navigation, clientNavigation)) return;
-      if (pageData.metadata?.title) {
-        document.title = pageData.metadata.title;
-      }
+      this.updateDocumentMetadata(pageData.metadata);
       _hydrateFarmI18n(pageData.i18n);
       if (this.onNavigate) {
         await this.onNavigate(pageData);
@@ -1254,6 +1263,39 @@ var _SPARouter = class _SPARouter {
     }
     return false;
   }
+  evaluateBlockerForUnload(blocker) {
+    const path = window.location.pathname + window.location.search;
+    const result = blocker({ from: path, to: path, action: "replace" });
+    if (result && typeof result !== "boolean") {
+      void result.catch(() => void 0);
+      return true;
+    }
+    return result === true;
+  }
+  shouldBlockUnload() {
+    for (const blocker of this.blockers) {
+      try {
+        if (this.unloadBlockers.get(blocker)?.()) return true;
+      } catch {
+        return true;
+      }
+    }
+    return false;
+  }
+  updateDocumentMetadata(metadata) {
+    document.title = metadata?.title || "Farm.js App";
+    let description = document.querySelector('meta[name="description"]');
+    if (!metadata?.description) {
+      description?.remove();
+      return;
+    }
+    if (!description) {
+      description = document.createElement("meta");
+      description.setAttribute("name", "description");
+      document.head.appendChild(description);
+    }
+    description.setAttribute("content", metadata.description);
+  }
   startNavigation(options) {
     this.activeNavigation?.controller.abort("superseded");
     const navigation = {