flo-bit.dev
your personal website on atproto - mirror
blento.app
1<script lang="ts">
2 import '../app.css';
3
4 import { Tooltip } from 'bits-ui';
5 import { ThemeToggle, Toaster, toast } from '@foxui/core';
6 import { onMount } from 'svelte';
7 import { initClient } from '$lib/atproto';
8 import YoutubeVideoPlayer, { videoPlayer } from '$lib/components/YoutubeVideoPlayer.svelte';
9 import { page } from '$app/state';
10 import { goto } from '$app/navigation';
11 import LoginModal from '$lib/atproto/UI/LoginModal.svelte';
12
13 let { children, data } = $props();
14
15 const errorMessages: Record<string, (params: URLSearchParams) => string> = {
16 handle_not_found: (p) => `Handle ${p.get('handle') ?? ''} not found!`
17 };
18
19 onMount(() => {
20 initClient({ customDomain: data.customDomain });
21 });
22</script>
23
24<Tooltip.Provider delayDuration={300}>
25 {@render children()}
26</Tooltip.Provider>
27
28<ThemeToggle class="fixed top-2 left-2 z-10" />
29
30<Toaster />
31
32{#if videoPlayer.id}
33 <YoutubeVideoPlayer />
34{/if}
35
36<LoginModal />