aboutsummaryrefslogtreecommitdiffstats
path: root/src/routes/(app)/+layout.svelte
blob: bcff6ef60571074d57d7c679fcbd5610e2188ba3 (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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<script>
	import { SvelteToast } from '@zerodevx/svelte-toast';
	import { onDestroy, onMount } from 'svelte';
	import { close, connect, send } from '$lib/socket';
	import { last, invoice, request, ndef, passwordPrompt, pin } from '$lib/store';
	import { page } from '$app/stores';
	import { browser } from '$app/environment';
	import { goto } from '$app/navigation';
	import { LoadingSplash, Invoice, Password, Request } from '$comp';
	import { warning, protectedRoutes } from '$lib/utils';
	import { t, locale } from '$lib/translations';

	const localeLocalStorageKey = 'sveltekit-i18n-locale';

	export let data;

	let { rate, user, subject, token, rates } = data;

	$: update(data);
	let update = (data) => {
		({ rate, user, subject, token, rates } = data);
	};

	onMount(async () => {
		let localStorageLocale = localStorage.getItem(localeLocalStorageKey);
		if (localStorageLocale) locale.set(localStorageLocale);

		locale.subscribe((lng) => {
			if (lng) localStorage.setItem(localeLocalStorageKey, lng);
		});

		if (browser) {
			let log = console.log;
			checkSocket();
			expirePin();

			// if (window.NDEFReader) {
			// 	try {
			// 		$ndef = new NDEFReader();
			// 		await $ndef.scan();
			//
			// 		$ndef.addEventListener('readingerror', (e) => {
			// 			console.log('nfc error', e);
			// 		});
			//
			// 		$ndef.addEventListener('reading', ({ message, serialNumber }) => {
			// 			goto(`/${user.username}/card/${serialNumber.replace(/:/g, '-')}`);
			// 		});
			// 	} catch (error) {
			// 		log('Argh! ' + error);
			// 	}
			// }
		}
	});

	$: browser && connect(token);

	let lost,
		checkTimer,
		expireTimer,
		counter = 0;

	let checkSocket = () => {
		counter++;
		lost = Date.now() - $last > 30000;
		if (lost) connect(token);
		if (counter > 5) {
			send('heartbeat', token);
			counter = 0;
		}

		checkTimer = setTimeout(checkSocket, 1000);
	};

	let expirePin = () => {
		$pin = null;
		expireTimer = setTimeout(expirePin, 300000);
	};

	onDestroy(() => {
		if (browser) {
			clearTimeout(checkTimer);
			clearTimeout(expireTimer);
		}
	});
</script>

{#if browser && $passwordPrompt}
	<Password {user} />
{/if}

<svelte:head>
	{#if subject}
		<title>coinos - {subject.username}</title>
		<meta name="lightning" content={`lnurlp:${subject.username}@coinos.io`} />
	{:else}
		<title>coinos</title>
	{/if}

	{#if subject?.profile}
		<meta name="og:image" content={`/api/public/${subject.uuid}-profile.webp`} />
	{:else}
		<meta property="og:image" content="/icons/logo.svg" />
	{/if}
</svelte:head>

<SvelteToast options={{ reversed: true, intro: { y: 192 } }} />

<main data-sveltekit-prefetch class="pb-20">
	<slot />
</main>

{#if $invoice}
	<Invoice {user} />
{/if}

{#if $request}
	<Request {user} />
{/if}