From c94a2bf5d9c0d620b1ff20397568fc8602cd4fc7 Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Sun, 17 Aug 2025 22:11:26 +0200
Subject: [PATCH] dynamic sidebar elements based on routes on disk

---
 src/lib/components/Sidebar.svelte         | 38 +++++------------------
 src/lib/components/navigation/Tabs.svelte |  1 -
 src/lib/remote/filesystem.remote.ts       | 23 ++++++++++++++
 3 files changed, 31 insertions(+), 31 deletions(-)
 create mode 100644 src/lib/remote/filesystem.remote.ts

diff --git a/src/lib/components/Sidebar.svelte b/src/lib/components/Sidebar.svelte
index 5882652..41b11dc 100644
--- a/src/lib/components/Sidebar.svelte
+++ b/src/lib/components/Sidebar.svelte
@@ -1,38 +1,16 @@
 <script lang="ts">
 	import { page } from '$app/stores';
 	import { derived } from 'svelte/store';
+	import { allRoutes } from '$lib/remote/filesystem.remote.ts';
 
 	let mobileNavOpen = $state(false);
-	const pages = [
-		{
-			name: 'Home',
-			path: '/'
-		},
-		{
-			name: 'Sites',
-			path: '/sites'
-		},
-		{
-			name: 'Servers',
-			path: '/servers'
-		},
-		{
-			name: 'Printer',
-			path: '/printer'
-		},
-		{
-			name: 'Network',
-			path: '/network'
-		},
-		{
-			name: 'Cluster',
-			path: '/cluster'
-		},
-		{
-			name: 'Health',
-			path: '/health'
-		}
-	];
+	let pages = $state([])
+
+	async function resolvePages() {
+		pages = await allRoutes()
+	}
+
+	resolvePages()
 
 	const activePage = derived(page, ($page) => $page.url.pathname);
 	const toggle = () => {
diff --git a/src/lib/components/navigation/Tabs.svelte b/src/lib/components/navigation/Tabs.svelte
index 3c38fd7..05686d8 100644
--- a/src/lib/components/navigation/Tabs.svelte
+++ b/src/lib/components/navigation/Tabs.svelte
@@ -59,6 +59,5 @@
 		display: flex;
 		flex-direction: column;
 		margin-bottom: 1.5rem;
-		z-index: 100;
 	}
 </style>
diff --git a/src/lib/remote/filesystem.remote.ts b/src/lib/remote/filesystem.remote.ts
new file mode 100644
index 0000000..908ab80
--- /dev/null
+++ b/src/lib/remote/filesystem.remote.ts
@@ -0,0 +1,23 @@
+import { prerender } from '$app/server';
+
+export const allRoutes = prerender(() => {
+	const modules = import.meta.glob('/src/routes/**/+page.svelte');
+	const routes = Object.keys(modules).map((path) => {
+		console.log(path);
+		// Remove '/src/routes' prefix and '+page.svelte' suffix
+		let route = path.replace('/src/routes', '').replace('/+page.svelte', '');
+		// Handle the root route
+
+		route = route.toString().split('/')[1];
+		return route;
+	});
+
+	const allRoute = [...new Set(routes)].map((r: string) => {
+		return {
+			name: r?.length > 1 ? r[0].toUpperCase() + r.slice(1, r.length) : r,
+			path: '/' + r
+		};
+	});
+
+	return [{name: 'Home', path: '/'}, ...allRoute].filter(r => r.name);
+});