saasufy-components 3.37.0 → 3.38.0

package/README.md

@@ -217,6 +217,7 @@ So for example, if your `index.html` file is served up from the URL `http://mywe
 - `default-page`: The path/route of the default page to send the user to in case no routes are matched. Commonly used to point to a `/page-not-found` page. For the home page, it's typically recommended to create a page template with `route-path=""` instead.
 - `debounce-delay`: The number of milliseconds to wait before changing the route. This can help to avoid multiple renders if the route changes rapidly (e.g. when doing hard redirects). Defaults to 100ms.
 - `target-page`: A convenience attribute which can be used to programmatically change the `location.hash` in the address bar.
+- `force-render-paths`: An optional list of comma-separated paths to force a page render/re-render, regardless of whether or not the page has changed.
 
 **Attributes of slotted page templates**
 

package/app-router.js

@@ -58,6 +58,7 @@ export class AppRouter extends SocketConsumer {
     return [
       'target-page',
       'default-page',
+      'force-render-paths',
       'debounce-delay',
       'max-redirects'
     ];
@@ -141,9 +142,16 @@ export class AppRouter extends SocketConsumer {
     let routerViewport = this.shadowRoot.querySelector('slot[name="viewport"]').assignedNodes()[0];
     if (!routerViewport) return;
 
+    let forceRenderPathsString = this.getAttribute('force-render-paths');
+    let forceRenderPaths = forceRenderPathsString == null ?
+      [] : forceRenderPathsString.split(',').map(path => path.trim());
+
     let routeArgs;
     let pagePath = location.hash.replace(this.hashStartRegex, '');
     let { pageTemplate, route, regExp, params } = this.getMatchingPage(pagePath, 'path', true);
+    if (forceRenderPaths.includes(pagePath)) {
+      this.lastPageState = null;
+    }
 
     if (!pageTemplate) {
       let defaultPage = this.getAttribute('default-page');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "saasufy-components",
-  "version": "3.37.0",
+  "version": "3.38.0",
   "description": "Components for Saasufy.",
   "main": "index.js",
   "scripts": {