From c652ac6a2cd23ef29f48465be09c2b674783e8e9 Mon Sep 17 00:00:00 2001
From: Adam Mathes <adam@adammathes.com>
Date: Sun, 15 Feb 2026 17:44:55 -0800
Subject: Vanilla JS (v3): Implement 3-pane layout, item fetching, reading, and
 testing

---
 frontend-vanilla/src/router.ts | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 frontend-vanilla/src/router.ts

(limited to 'frontend-vanilla/src/router.ts')

diff --git a/frontend-vanilla/src/router.ts b/frontend-vanilla/src/router.ts
new file mode 100644
index 0000000..08a9e02
--- /dev/null
+++ b/frontend-vanilla/src/router.ts
@@ -0,0 +1,40 @@
+export type Route = {
+    path: string;
+    params: Record<string, string>;
+};
+
+export class Router extends EventTarget {
+    constructor() {
+        super();
+        window.addEventListener('popstate', () => this.handleRouteChange());
+    }
+
+    private handleRouteChange() {
+        this.dispatchEvent(new CustomEvent('route-changed', { detail: this.getCurrentRoute() }));
+    }
+
+    getCurrentRoute(): Route {
+        const path = window.location.pathname.replace(/^\/v3\//, '');
+        const segments = path.split('/').filter(Boolean);
+
+        let routePath = '/';
+        const params: Record<string, string> = {};
+
+        if (segments[0] === 'feed' && segments[1]) {
+            routePath = '/feed';
+            params.feedId = segments[1];
+        } else if (segments[0] === 'tag' && segments[1]) {
+            routePath = '/tag';
+            params.tagName = segments[1];
+        }
+
+        return { path: routePath, params };
+    }
+
+    navigate(path: string) {
+        window.history.pushState({}, '', `/v3${path}`);
+        this.handleRouteChange();
+    }
+}
+
+export const router = new Router();
-- 
cgit v1.2.3