flotilla/src/routes/spaces/[relay]/+layout.svelte
2024-11-12 13:27:28 -08:00

54 lines
1.4 KiB
Svelte

<script lang="ts">
import {onMount} from "svelte"
import {page} from "$app/stores"
import {subscribe} from "@welshman/app"
import {DELETE} from "@welshman/util"
import Page from "@lib/components/Page.svelte"
import Delay from "@lib/components/Delay.svelte"
import SecondaryNav from "@lib/components/SecondaryNav.svelte"
import MenuSpace from "@app/components/MenuSpace.svelte"
import {pushToast} from "@app/toast"
import {checkRelayConnection, checkRelayAuth} from "@app/commands"
import {decodeRelay, MEMBERSHIPS, THREAD, MESSAGE, COMMENT} from "@app/state"
$: url = decodeRelay($page.params.relay)
const ifLet = <T,>(x: T | undefined, f: (x: T) => void) => (x === undefined ? undefined : f(x))
const checkConnection = async () => {
ifLet(await checkRelayConnection(url), error => {
pushToast({theme: "error", message: error})
})
ifLet(await checkRelayAuth(url), error => {
pushToast({theme: "error", message: error})
})
}
onMount(() => {
checkConnection()
const sub = subscribe({
filters: [
{kinds: [DELETE], "#k": [THREAD, COMMENT, MESSAGE].map(String)},
{kinds: [MEMBERSHIPS], "#r": [url]},
],
relays: [url],
})
return () => sub.close()
})
</script>
{#key url}
<Delay>
<SecondaryNav>
<MenuSpace {url} />
</SecondaryNav>
<Page>
{#key $page.params.room}
<slot />
{/key}
</Page>
</Delay>
{/key}