blob: 9ec36c57db26b29438034ed3214f352476d32ab9 (
plain) (
blame)
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
|
<script>
import { SvelteToast } from '@zerodevx/svelte-toast';
import { toast } from '@zerodevx/svelte-toast';
import '../app.css';
import '$lib/i18n';
import { onMount } from 'svelte';
import { connect } from '$lib/socket';
import { user, token } from '$lib/store';
import { page, session } from '$app/stores';
import { browser } from '$app/env';
import { goto } from '$app/navigation';
import { LoadingSplash } from '$comp';
import { protectedRoutes } from '$lib/utils';
browser && ($token ||= $session.token);
let ready = false;
onMount(() => {
if (protectedRoutes.find((p) => $page.url.pathname.match(p))) {
if (!$token) {
goto('/login');
toast.push('Please sign in to continue.');
}
user.subscribe((u) => u?.username && (ready = true));
} else {
ready = true;
}
connect();
});
</script>
{#if ready}
<SvelteToast options={{ reversed: true, intro: { y: 192 } }} />
<slot />
{:else}
<LoadingSplash />
{/if}
<style>
:root {
--toastContainerTop: auto;
--toastContainerRight: auto;
--toastContainerBottom: 8rem;
--toastContainerLeft: calc(50vw - 8rem);
}
</style>
|
