Move focus upwards when pressing Escape

gdn-app/src/App.vue

@@ -2,8 +2,18 @@
 import CNavbar from "./components/CNavbar.vue";
 import CNote from "./components/CNote.vue";
 import { useUiStore } from "./stores/ui";
+import { pathAncestor } from "./util";
 
 const ui = useUiStore();
+
+window.addEventListener("keypress", (ev) => {
+  if (document.activeElement !== document.body) return;
+
+  if (ev.key === "Escape") {
+    ui.focusPath = pathAncestor(ui.focusPath);
+    return;
+  }
+});
 </script>
 
 <template>

gdn-app/src/util.ts

@@ -11,6 +11,10 @@ export function pathAppend(path: string, segment: number): string {
   return pathString(pathParse(path).concat(segment));
 }
 
+export function pathAncestor(path: string): string {
+  return pathString(pathParse(path).slice(0, -1));
+}
+
 export function pathAncestors(path: string): string[] {
   const parsedPath = pathParse(path);
   const result = [];