@thepassle/app-tools 0.9.7 → 0.9.9

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/package.json

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

package/router/README.md

@@ -213,14 +213,18 @@ App:
 import { LitElement } from 'lit';
 
 class MyEl extends LitElement {
+  static properties = {
+    route: {}
+  }
+
   firstUpdated() {
     router.addEventListener('route-changed', () => {
-      this.requestUpdate();
+      this.route = router.render();
     });
   }
 
   render() {
-    return router.render();
+    return this.route;
   }
 }
 ```
@@ -301,6 +305,13 @@ const router = new Router({
         redirect('/404'),
       ],
     },
+    {
+      path: '/legacy/detail/:product',
+      title: 'Foo',
+      plugins: [
+        redirect(context => '/detail/${context.params.product}'),
+      ],
+    },
   ]
 });
 ```

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,13 +1,13 @@
 /**
- * @param {string} path 
+ * @param {string|((context: import('../index.js').Context) => string)} path
  * @returns {import('../index.js').Plugin}
  */
 export function redirect(path) {
   return {
     name: 'redirect',
-    shouldNavigate: () => ({
+    shouldNavigate: (context) => ({
       condition: () => false,
-      redirect: path
+      redirect: typeof path === 'function' ? path(context) : 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/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;