@thepassle/app-tools 0.9.7 → 0.9.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thepassle/app-tools",
-  "version": "0.9.7",
+  "version": "0.9.8",
   "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/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
     })
   }
-}
+}