blob: ae70ba417df536e62beac68066c941490e71ef01 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
|
<script lang="ts">
import { onMount } from 'svelte';
import type { Route } from './lib/router';
import { routeFromHash, replace } from './lib/router';
import { session } from './lib/session.svelte';
import Layout from './components/Layout.svelte';
import AuthPages from './pages/AuthPages.svelte';
import ProjectsPage from './pages/ProjectsPage.svelte';
import ProjectPage from './pages/ProjectPage.svelte';
import DatasetsPage from './pages/DatasetsPage.svelte';
import RunsPage from './pages/RunsPage.svelte';
import UsagePage from './pages/UsagePage.svelte';
import AccountPage from './pages/AccountPage.svelte';
import AdminPage from './pages/AdminPage.svelte';
import Loading from './components/Loading.svelte';
let route = $state<Route>(routeFromHash());
window.addEventListener('hashchange', () => {
route = routeFromHash();
});
const publicRoutes = new Set(['login', 'register', 'reset']);
const projectRoutes = new Set(['project-data', 'project-strategy', 'project-backtest', 'project-results']);
onMount(() => {
void session.refresh();
});
$effect(() => {
if (publicRoutes.has(route.name)) return;
if (session.status === 'anon') {
replace('/login');
return;
}
if (session.me && route.name === 'admin' && session.me.role !== 'admin') {
replace('/projects');
}
});
const showAuth = $derived(publicRoutes.has(route.name) || session.status === 'anon');
const booting = $derived(session.status === 'loading' && !publicRoutes.has(route.name));
</script>
<div class="app-root">
{#if booting}
<Loading />
{:else if showAuth}
<AuthPages {route} />
{:else}
<Layout {route}>
{#if route.name === 'projects'}
<ProjectsPage />
{:else if projectRoutes.has(route.name)}
<ProjectPage {route} />
{:else if route.name === 'datasets'}
<DatasetsPage />
{:else if route.name === 'runs'}
<RunsPage />
{:else if route.name === 'usage'}
<UsagePage />
{:else if route.name === 'account'}
<AccountPage />
{:else if route.name === 'admin'}
<AdminPage />
{:else}
<ProjectsPage />
{/if}
</Layout>
{/if}
</div>
|
