Pop

packages/elements/custom-elements.json

@@ -456,6 +456,19 @@
             {
               "kind": "method",
               "name": "currentPathname"
+            },
+            {
+              "kind": "method",
+              "name": "pop",
+              "parameters": [
+                {
+                  "name": "parentPath",
+                  "default": "''",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             }
           ],
           "superclass": {
@@ -508,6 +521,19 @@
                   }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "pop",
+              "parameters": [
+                {
+                  "name": "parentPath",
+                  "default": "''",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             }
           ],
           "superclass": {

packages/elements/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@holochain-open-dev/elements",
-	"version": "0.300.0-rc.2",
+	"version": "0.300.0-rc.3",
 	"description": "Common utilities and elements to build Holochain web applications",
 	"author": "[email protected]",
 	"main": "dist/index.js",

packages/elements/src/router.ts

@@ -24,6 +24,19 @@ export class Routes extends NativeRoutes {
 
 		return pathname.split(prefix)[1];
 	}
+
+	// Goes back, and if there is no page saved in the history of the app,
+	// goes back up to the root of the previous level of the pathname
+	pop(parentPath: string = '') {
+		const previousPathname = this.currentPathname();
+		window.history.back();
+
+		setTimeout(() => {
+			if (this.currentPathname() === previousPathname) {
+				this.goto(this.link(parentPath));
+			}
+		});
+	}
 }
 
 export class Router extends NativeRouter {
@@ -48,4 +61,16 @@ export class Router extends NativeRouter {
 	go(delta: number | undefined) {
 		window.history.go(delta);
 	}
+	// Goes back, and if there is no page saved in the history of the app,
+	// goes back up to the root of the previous level of the pathname
+	pop(parentPath: string = '') {
+		const previousPathname = this.currentPathname();
+		window.history.back();
+
+		setTimeout(() => {
+			if (this.currentPathname() === previousPathname) {
+				this.goto(this.link(parentPath));
+			}
+		});
+	}
 }