@thepassle/app-tools 0.8.7 → 0.8.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thepassle/app-tools",
-  "version": "0.8.7",
+  "version": "0.8.9",
   "description": "",
   "type": "module",
   "scripts": {

package/router/index.js

@@ -106,7 +106,7 @@ export class Router extends EventTarget {
   }
 
   _onPopState = () => {
-    this.navigate(new URL(window.location.href));
+    this.navigate(new URL(window.location.href), { backNav: true });
   }
 
   _onAnchorClick = (e) => {
@@ -126,6 +126,7 @@ export class Router extends EventTarget {
     const url = new URL(a.href);
 
     if (this.url.href === url.href) return;
+    if (url.host !== window.location.host) return;
     if (a.hasAttribute('download') || a.href.includes('mailto:')) return;
 
     const target = a.getAttribute('target');
@@ -136,12 +137,16 @@ export class Router extends EventTarget {
   }
 
   /**
-   * @param {string | URL} url 
+   * @param {string | URL} url The URL to navigate to.
+   * @param {@param {{
+   *    backNav?: boolean
+   *  }} options} options An options object to configure the navigation. The backNav property specifies whether the navigation is a backward navigation, which doesn't push the navigation into browser nav history.
    */
-  async navigate(url) {
+  async navigate(url, options = {}) {
     if (typeof url === 'string') {
       url = new URL(url, this.baseUrl);
-    }    
+    }
+    
     this.route = this._matchRoute(url) || this._matchRoute(this.fallback);
     log(`Navigating to ${url.pathname}${url.search}`, { context: this.context, route: this.route });
 
@@ -181,7 +186,9 @@ export class Router extends EventTarget {
       }
     }
 
-    window.history.pushState(null, '', `${url.pathname}${url.search}`);
+    if (!options.backNav) {
+      window.history.pushState(null, '', `${url.pathname}${url.search}`);
+    }
     document.title = this.context.title;
     this._notifyUrlChanged();
 
@@ -194,4 +201,4 @@ export class Router extends EventTarget {
       }
     }
   }
-}
+}