site updates

site/src/lib/stores.ts

@@ -1,11 +1,24 @@
 import PocketBase from 'pocketbase'
 import { atom } from 'nanostores'
 import { SystemRecord } from '@/types'
+import { createRouter } from '@nanostores/router'
 
 export const pb = new PocketBase('/')
 // @ts-ignore
 pb.authStore.storageKey = 'pb_admin_auth'
 
+export const $router = createRouter(
+	{
+		home: '/',
+		server: '/server/:name',
+	},
+	{ links: false }
+)
+
+export const navigate = (urlString: string) => {
+	$router.open(urlString)
+}
+
 export const $servers = atom([] as SystemRecord[])
 
 export const $authenticated = atom(pb.authStore.isValid)

site/src/lib/utils.ts

@@ -31,3 +31,14 @@ export const updateServerList = () => {
 			$servers.set(records)
 		})
 }
+
+export const shortDateFormatter = new Intl.DateTimeFormat('en-US', {
+	// day: 'numeric',
+	// month: 'numeric',
+	// year: '2-digit',
+	// hour12: false,
+	hour: 'numeric',
+	minute: 'numeric',
+})
+
+export const formatDateShort = (timestamp: string) => shortDateFormatter.format(new Date(timestamp))