@thepassle/app-tools 0.9.9 → 0.9.11

package/api/plugins/abort.js

@@ -1,5 +1,5 @@
 /**
- * @returns {import('../index').Plugin}
+ * @returns {import('../index.js').Plugin}
  */
 export function abortPlugin() {
   let requestId;

package/api/plugins/cache.js

@@ -2,7 +2,7 @@ const TEN_MINUTES = 1000 * 60 * 10;
 
 /**
  * @param {{maxAge?: number}} options
- * @returns {import('../index').Plugin}
+ * @returns {import('../index.js').Plugin}
  */
 export function cachePlugin({maxAge = TEN_MINUTES} = {}) {
   let requestId;

package/api/plugins/delay.js

@@ -1,6 +1,6 @@
 /** 
  * @param {number} ms 
- * @returns {import('../index').Plugin}
+ * @returns {import('../index.js').Plugin}
  */
 export const delayPlugin = (ms) => ({ 
   name: 'delay',

package/api/plugins/jsonPrefix.js

@@ -1,6 +1,6 @@
 /**
  * @param {string} jsonPrefix
- * @returns {import('../index').Plugin}
+ * @returns {import('../index.js').Plugin}
  */
 export function jsonPrefixPlugin(jsonPrefix) {
   let responseType;

package/api/plugins/logger.js

@@ -2,7 +2,7 @@
  * @param {{
  *  collapsed?: boolean
  * }} options
- * @returns {import('../index').Plugin} 
+ * @returns {import('../index.js').Plugin} 
  */
 export function loggerPlugin({collapsed = true} = {}) {
   let m;

package/api/plugins/mock.js

@@ -2,7 +2,7 @@ import { setAbortableTimeout } from '../../utils/async.js';
 
 /**
  * @param {Response | (() => Response) | (() => Promise<Response>)} response
- * @returns {import('../index').Plugin}
+ * @returns {import('../index.js').Plugin}
  */
 export function mock(response) {
   return {

package/api/plugins/xsrf.js

@@ -8,7 +8,7 @@ function getCookie(name, _document = document) {
  *  xsrfCookieName?: string,
  *  xsrfHeaderName?: string,
  * }} options 
- * @returns {import('../index').Plugin}
+ * @returns {import('../index.js').Plugin}
  */
 export function xsrfPlugin({
   xsrfCookieName = 'XSRF-TOKEN',

package/package.json

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

package/router/index.js

@@ -51,7 +51,7 @@ export class Router extends EventTarget {
     log('Initialized routes', this.routes);
 
     queueMicrotask(() => {
-      this.navigate(new URL(window.location.href));
+      this.navigate(new URL(window.location.href), { replace: true });
     });
     window.addEventListener('popstate', this._onPopState);
     window.addEventListener('click', this._onAnchorClick);
@@ -167,7 +167,8 @@ export class Router extends EventTarget {
   /**
    * @param {string | URL} url The URL to navigate to.
    * @param {{
-   *    backNav?: boolean
+   *    backNav?: boolean,
+   *    replace?: 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, options = {}) {
@@ -214,9 +215,12 @@ export class Router extends EventTarget {
       }
     }
 
-    if (!options.backNav) {
+    if (options?.replace) {
+      window.history.replaceState(null, '', `${url.pathname}${url.search}${url.hash}`);
+    } else if (!options.backNav) {
       window.history.pushState(null, '', `${url.pathname}${url.search}${url.hash}`);
     }
+
     document.title = this.context.title;
     this._notifyUrlChanged();
 

package/types/api/plugins/abort.d.ts

@@ -1,5 +1,5 @@
 /**
- * @returns {import('../index').Plugin}
+ * @returns {import('../index.js').Plugin}
  */
-export function abortPlugin(): import('../index').Plugin;
-export const abort: import("../types").Plugin;
+export function abortPlugin(): import('../index.js').Plugin;
+export const abort: import("../types.js").Plugin;

package/types/api/plugins/cache.d.ts

@@ -1,8 +1,8 @@
 /**
  * @param {{maxAge?: number}} options
- * @returns {import('../index').Plugin}
+ * @returns {import('../index.js').Plugin}
  */
 export function cachePlugin({ maxAge }?: {
     maxAge?: number;
-}): import('../index').Plugin;
-export const cache: import("../types").Plugin;
+}): import('../index.js').Plugin;
+export const cache: import("../types.js").Plugin;

package/types/api/plugins/delay.d.ts

@@ -1,2 +1,2 @@
-export function delayPlugin(ms: number): import('../index').Plugin;
-export const delay: import("../types").Plugin;
+export function delayPlugin(ms: number): import('../index.js').Plugin;
+export const delay: import("../types.js").Plugin;

package/types/api/plugins/jsonPrefix.d.ts

@@ -1,6 +1,6 @@
 /**
  * @param {string} jsonPrefix
- * @returns {import('../index').Plugin}
+ * @returns {import('../index.js').Plugin}
  */
-export function jsonPrefixPlugin(jsonPrefix: string): import('../index').Plugin;
-export const jsonPrefix: import("../types").Plugin;
+export function jsonPrefixPlugin(jsonPrefix: string): import('../index.js').Plugin;
+export const jsonPrefix: import("../types.js").Plugin;

package/types/api/plugins/logger.d.ts

@@ -2,9 +2,9 @@
  * @param {{
  *  collapsed?: boolean
  * }} options
- * @returns {import('../index').Plugin}
+ * @returns {import('../index.js').Plugin}
  */
 export function loggerPlugin({ collapsed }?: {
     collapsed?: boolean;
-}): import('../index').Plugin;
-export const logger: import("../types").Plugin;
+}): import('../index.js').Plugin;
+export const logger: import("../types.js").Plugin;

package/types/api/plugins/mock.d.ts

@@ -1,5 +1,5 @@
 /**
  * @param {Response | (() => Response) | (() => Promise<Response>)} response
- * @returns {import('../index').Plugin}
+ * @returns {import('../index.js').Plugin}
  */
-export function mock(response: Response | (() => Response) | (() => Promise<Response>)): import('../index').Plugin;
+export function mock(response: Response | (() => Response) | (() => Promise<Response>)): import('../index.js').Plugin;

package/types/api/plugins/xsrf.d.ts

@@ -3,10 +3,10 @@
  *  xsrfCookieName?: string,
  *  xsrfHeaderName?: string,
  * }} options
- * @returns {import('../index').Plugin}
+ * @returns {import('../index.js').Plugin}
  */
 export function xsrfPlugin({ xsrfCookieName, xsrfHeaderName }?: {
     xsrfCookieName?: string;
     xsrfHeaderName?: string;
-}): import('../index').Plugin;
-export const xsrf: import("../types").Plugin;
+}): import('../index.js').Plugin;
+export const xsrf: import("../types.js").Plugin;