@ecopages/browser-router 0.2.0-alpha.2 → 0.2.0-alpha.4

package/CHANGELOG.md

@@ -15,6 +15,7 @@ All notable changes to `@ecopages/browser-router` are documented here.
 ### Bug Fixes
 
 - Published npm package metadata now includes validated declaration exports for generated dist entrypoints.
+- Registered a current-page HMR refresh hook that invalidates cached HTML before re-fetching the active route.
 
 ### Refactoring
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecopages/browser-router",
-  "version": "0.2.0-alpha.2",
+  "version": "0.2.0-alpha.4",
   "description": "Client-side router for Ecopages with view transitions support",
   "keywords": [
     "ecopages",
@@ -32,7 +32,7 @@
     "directory": "packages/browser-router"
   },
   "dependencies": {
-    "@ecopages/core": "0.2.0-alpha.2",
+    "@ecopages/core": "0.2.0-alpha.4",
     "morphdom": "^2.7.8"
   },
   "types": "./src/index.d.ts"

package/src/client/eco-router.js

@@ -31,6 +31,14 @@ class EcoRouter {
     document.addEventListener("click", this.handleClick);
     window.addEventListener("popstate", this.handlePopState);
     this.prefetchManager?.start();
+    const windowWithHmr = window;
+    windowWithHmr.__ecopages_reload_current_page__ = async (options) => {
+      const currentUrl = window.location.pathname + window.location.search;
+      if (options.clearCache) {
+        this.prefetchManager?.invalidate(currentUrl);
+      }
+      await this.performNavigation(new URL(currentUrl, window.location.origin), "replace");
+    };
     const initialHtml = document.documentElement.outerHTML;
     this.prefetchManager?.cacheVisitedPage(window.location.href, initialHtml);
   }
@@ -42,6 +50,8 @@ class EcoRouter {
     document.removeEventListener("click", this.handleClick);
     window.removeEventListener("popstate", this.handlePopState);
     this.prefetchManager?.stop();
+    const windowWithHmr = window;
+    windowWithHmr.__ecopages_reload_current_page__ = void 0;
   }
   /**
    * Programmatic navigation.

package/src/client/eco-router.ts

@@ -49,6 +49,20 @@ export class EcoRouter {
 		window.addEventListener('popstate', this.handlePopState);
 		this.prefetchManager?.start();
 
+		const windowWithHmr = window as typeof window & {
+			__ecopages_reload_current_page__?: (options: { clearCache: boolean }) => Promise<void>;
+		};
+
+		windowWithHmr.__ecopages_reload_current_page__ = async (options: { clearCache: boolean }) => {
+			const currentUrl = window.location.pathname + window.location.search;
+
+			if (options.clearCache) {
+				this.prefetchManager?.invalidate(currentUrl);
+			}
+
+			await this.performNavigation(new URL(currentUrl, window.location.origin), 'replace');
+		};
+
 		// Cache the initial page for instant back-navigation
 		const initialHtml = document.documentElement.outerHTML;
 		this.prefetchManager?.cacheVisitedPage(window.location.href, initialHtml);
@@ -62,6 +76,12 @@ export class EcoRouter {
 		document.removeEventListener('click', this.handleClick);
 		window.removeEventListener('popstate', this.handlePopState);
 		this.prefetchManager?.stop();
+
+		const windowWithHmr = window as typeof window & {
+			__ecopages_reload_current_page__?: (options: { clearCache: boolean }) => Promise<void>;
+		};
+
+		windowWithHmr.__ecopages_reload_current_page__ = undefined;
 	}
 
 	/**

package/src/client/services/prefetch-manager.d.ts

@@ -52,6 +52,7 @@ export declare class PrefetchManager {
      * @returns The cached HTML string, or null if not cached
      */
     getCachedHtml(href: string): string | null;
+    invalidate(href: string): void;
     /**
      * Caches HTML content for a visited page and triggers background revalidation.
      *

package/src/client/services/prefetch-manager.js

@@ -89,6 +89,11 @@ class PrefetchManager {
     const url = new URL(href, window.location.origin);
     return this.htmlCache.get(url.href) ?? null;
   }
+  invalidate(href) {
+    const url = new URL(href, window.location.origin);
+    this.htmlCache.delete(url.href);
+    this.prefetched.delete(url.href);
+  }
   /**
    * Caches HTML content for a visited page and triggers background revalidation.
    *

package/src/client/services/prefetch-manager.ts

@@ -122,6 +122,12 @@ export class PrefetchManager {
 		return this.htmlCache.get(url.href) ?? null;
 	}
 
+	invalidate(href: string): void {
+		const url = new URL(href, window.location.origin);
+		this.htmlCache.delete(url.href);
+		this.prefetched.delete(url.href);
+	}
+
 	/**
 	 * Caches HTML content for a visited page and triggers background revalidation.
 	 *