viewer: use links for sidebar

Author: abextm

viewer/src/main/viewer/ViewType.svelte

@@ -2,20 +2,22 @@
 	import { LookupType, uiType } from "../../common/Runner";
 
 	export let name: LookupType;
-	export let key: LookupType | undefined;
 	export let index: number;
 </script>
 
-<div on:click|preventDefault={() => key = name}>
+<a href="#/viewer/{name}/">
 	<slot>
 		{uiType(name)}
 	</slot>
 	<span class="viewer-id">{index}</span>
-</div>
+</a>
 
 <style>
-	div {
-		cursor: pointer;
+	a {
+		display: block;
+
+		text-decoration-line: none;
+		color: inherit;
 		padding-left: .25em;
 	}
 </style>

viewer/src/main/viewer/Viewer.svelte

@@ -33,23 +33,23 @@
 
 <Split size={20}>
 	<div slot=1>
-		<ViewType name="index" bind:key={$key} index={255}>All Indexes</ViewType>
+		<ViewType name="index" index={255}>All Indexes</ViewType>
 		<Section name="Config" index={2}>
-			<ViewType name="animation" bind:key={$key} index={12}/>
-			<ViewType name="dbrow" bind:key={$key} index={38}/>
-			<ViewType name="dbtable" bind:key={$key} index={39}/>
-			<ViewType name="enum" bind:key={$key} index={8}/>
-			<ViewType name="item" bind:key={$key} index={10}/>
-			<ViewType name="healthbar" bind:key={$key} index={33}/>
-			<ViewType name="hitsplat" bind:key={$key} index={32}/>
-			<ViewType name="npc" bind:key={$key} index={9}/>
-			<ViewType name="obj" bind:key={$key} index={6}/>
-			<ViewType name="param" bind:key={$key} index={11}/>
-			<ViewType name="struct" bind:key={$key} index={34}/>
-			<ViewType name="underlay" bind:key={$key} index={1}/>
-			<ViewType name="worldentity" bind:key={$key} index={72}/>
+			<ViewType name="animation" index={12}/>
+			<ViewType name="dbrow" index={38}/>
+			<ViewType name="dbtable" index={39}/>
+			<ViewType name="enum" index={8}/>
+			<ViewType name="item" index={10}/>
+			<ViewType name="healthbar" index={33}/>
+			<ViewType name="hitsplat" index={32}/>
+			<ViewType name="npc" index={9}/>
+			<ViewType name="obj" index={6}/>
+			<ViewType name="param" index={11}/>
+			<ViewType name="struct" index={34}/>
+			<ViewType name="underlay" index={1}/>
+			<ViewType name="worldentity" index={72}/>
 		</Section>
-		<ViewType name="sprite" bind:key={$key} index={8}>Sprites</ViewType>
+		<ViewType name="sprite" index={8}>Sprites</ViewType>
 	</div>
 	<div slot=2 class="rhs">
 		{#if $key}