@thepassle/app-tools 0.9.8 → 0.9.10

package/api/index.js

@@ -149,20 +149,20 @@ export class Api {
     });
   }
 
-  /** @type {import('./types.js').BodylessMethod<object>} */
+  /** @type {import('./types.js').BodylessMethod} */
   get = (url, opts) => this.fetch(url, 'GET', opts);
-  /** @type {import('./types.js').BodylessMethod<object>} */
+  /** @type {import('./types.js').BodylessMethod} */
   options = (url, opts) => this.fetch(url, 'OPTIONS', opts);
-  /** @type {import('./types.js').BodylessMethod<object>} */
+  /** @type {import('./types.js').BodylessMethod} */
   delete = (url, opts) => this.fetch(url, 'DELETE', opts);
-  /** @type {import('./types.js').BodylessMethod<object>} */
+  /** @type {import('./types.js').BodylessMethod} */
   head = (url, opts) => this.fetch(url, 'HEAD', opts);
-  /** @type {import('./types.js').BodyMethod<object>} */
+  /** @type {import('./types.js').BodyMethod} */
   post = (url, data, opts) => this.fetch(url, 'POST', opts, data);
-  /** @type {import('./types.js').BodyMethod<object>} */
+  /** @type {import('./types.js').BodyMethod} */
   put = (url, data, opts) => this.fetch(url, 'PUT', opts, data);
-  /** @type {import('./types.js').BodyMethod<object>} */
+  /** @type {import('./types.js').BodyMethod} */
   patch = (url, data, opts) => this.fetch(url, 'PATCH', opts, data);
 }
 
-export const api = new Api();
+export const api = new Api();

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.8",
+  "version": "0.9.10",
   "description": "",
   "type": "module",
   "scripts": {

package/router/index.js

@@ -154,6 +154,9 @@ export class Router extends EventTarget {
     this.navigate(url);
   }
 
+  /**
+   * @private 
+   */
   _collectPlugins(route) {
     return [
       ...(this.config?.plugins ?? []), 

package/router/plugins/redirect.js

@@ -1,5 +1,5 @@
 /**
- * @param {string|((context:(import('../index.js').Context) => string)} path
+ * @param {string|((context: import('../index.js').Context) => string)} path
  * @returns {import('../index.js').Plugin}
  */
 export function redirect(path) {

package/types/api/index.d.ts

@@ -33,20 +33,20 @@ export class Api {
      * @returns
      */
     fetch(url: string, method: Method, opts?: RequestOptions, data?: object): Promise<any>;
-    /** @type {import('./types.js').BodylessMethod<object>} */
-    get: import('./types.js').BodylessMethod<object>;
-    /** @type {import('./types.js').BodylessMethod<object>} */
-    options: import('./types.js').BodylessMethod<object>;
-    /** @type {import('./types.js').BodylessMethod<object>} */
-    delete: import('./types.js').BodylessMethod<object>;
-    /** @type {import('./types.js').BodylessMethod<object>} */
-    head: import('./types.js').BodylessMethod<object>;
-    /** @type {import('./types.js').BodyMethod<object>} */
-    post: import('./types.js').BodyMethod<object>;
-    /** @type {import('./types.js').BodyMethod<object>} */
-    put: import('./types.js').BodyMethod<object>;
-    /** @type {import('./types.js').BodyMethod<object>} */
-    patch: import('./types.js').BodyMethod<object>;
+    /** @type {import('./types.js').BodylessMethod} */
+    get: import('./types.js').BodylessMethod;
+    /** @type {import('./types.js').BodylessMethod} */
+    options: import('./types.js').BodylessMethod;
+    /** @type {import('./types.js').BodylessMethod} */
+    delete: import('./types.js').BodylessMethod;
+    /** @type {import('./types.js').BodylessMethod} */
+    head: import('./types.js').BodylessMethod;
+    /** @type {import('./types.js').BodyMethod} */
+    post: import('./types.js').BodyMethod;
+    /** @type {import('./types.js').BodyMethod} */
+    put: import('./types.js').BodyMethod;
+    /** @type {import('./types.js').BodyMethod} */
+    patch: import('./types.js').BodyMethod;
 }
 export const api: Api;
 export type Config = import('./types.js').Config;

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;

package/types/api/types.d.ts

@@ -4,8 +4,8 @@ export interface Config {
     responseType?: ResponseType;
     baseURL?: string;
 }
-export type BodyMethod<R> = (url: string, data?: object, opts?: RequestOptions) => Promise<R>;
-export type BodylessMethod<R> = (url: string, opts?: RequestOptions) => Promise<R>;
+export type BodyMethod = <R>(url: string, data?: object, opts?: RequestOptions) => Promise<R>;
+export type BodylessMethod = <R>(url: string, opts?: RequestOptions) => Promise<R>;
 export type Method = 'GET' | 'DELETE' | 'HEAD' | 'OPTIONS' | 'POST' | 'PUT' | 'PATCH';
 export interface Plugin {
     beforeFetch?: (meta: MetaParams) => MetaParams | Promise<MetaParams> | void;

package/types/router/index.d.ts

@@ -45,6 +45,10 @@ export class Router extends EventTarget {
      * @private
      */
     private _onAnchorClick;
+    /**
+     * @private
+     */
+    private _collectPlugins;
     /**
      * @param {string | URL} url The URL to navigate to.
      * @param {{

package/types/router/plugins/redirect.d.ts

@@ -1,5 +1,5 @@
 /**
- * @param {string} path
+ * @param {string|((context: import('../index.js').Context) => string)} path
  * @returns {import('../index.js').Plugin}
  */
-export function redirect(path: string): import('../index.js').Plugin;
+export function redirect(path: string | ((context: import('../index.js').Context) => string)): import('../index.js').Plugin;