Jon Staab
101 lines
2.8 KiB
Svelte
101 lines
2.8 KiB
Svelte
<script lang="ts">
|
|
import type {Snippet} from "svelte"
|
|
import {onMount} from "svelte"
|
|
import {page} from "$app/stores"
|
|
import {ago, sleep, once, MONTH} from "@welshman/lib"
|
|
import {ROOM_META, EVENT_TIME, THREAD, COMMENT, MESSAGE, displayRelayUrl} from "@welshman/util"
|
|
import {SocketStatus} from "@welshman/net"
|
|
import Page from "@lib/components/Page.svelte"
|
|
import Dialog from "@lib/components/Dialog.svelte"
|
|
import SecondaryNav from "@lib/components/SecondaryNav.svelte"
|
|
import MenuSpace from "@app/components/MenuSpace.svelte"
|
|
import SpaceAuthError from "@app/components/SpaceAuthError.svelte"
|
|
import SpaceTrustRelay from "@app/components/SpaceTrustRelay.svelte"
|
|
import {pushToast} from "@app/util/toast"
|
|
import {pushModal} from "@app/util/modal"
|
|
import {setChecked} from "@app/util/notifications"
|
|
import {
|
|
decodeRelay,
|
|
deriveRelayAuthError,
|
|
relaysPendingTrust,
|
|
deriveSocket,
|
|
userRoomsByUrl,
|
|
} from "@app/core/state"
|
|
import {pullConservatively} from "@app/core/requests"
|
|
import {hasBlossomSupport} from "@app/core/commands"
|
|
import {notifications} from "@app/util/notifications"
|
|
|
|
type Props = {
|
|
children?: Snippet
|
|
}
|
|
|
|
const {children}: Props = $props()
|
|
|
|
const url = decodeRelay($page.params.relay)
|
|
|
|
const rooms = Array.from($userRoomsByUrl.get(url) || [])
|
|
|
|
const socket = deriveSocket(url)
|
|
|
|
const authError = deriveRelayAuthError(url)
|
|
|
|
const showAuthError = once(() => pushModal(SpaceAuthError, {url, error: $authError}))
|
|
|
|
// We have to watch this one, since on mobile the badge will be visible when active
|
|
$effect(() => {
|
|
if ($notifications.has($page.url.pathname)) {
|
|
setChecked($page.url.pathname)
|
|
}
|
|
})
|
|
|
|
// Watch for relay errors and notify the user
|
|
$effect(() => {
|
|
if ($authError) {
|
|
showAuthError()
|
|
}
|
|
})
|
|
|
|
onMount(() => {
|
|
const since = ago(MONTH)
|
|
|
|
sleep(2000).then(() => {
|
|
if ($socket.status !== SocketStatus.Open) {
|
|
pushToast({
|
|
theme: "error",
|
|
message: `Failed to connect to ${displayRelayUrl(url)}`,
|
|
})
|
|
}
|
|
})
|
|
|
|
// Prime our cache so we can upload images quicker
|
|
hasBlossomSupport(url)
|
|
|
|
// Load group meta, threads, calendar events, comments, and recent messages
|
|
// for user rooms to help with a quick page transition
|
|
pullConservatively({
|
|
relays: [url],
|
|
filters: [
|
|
{kinds: [ROOM_META]},
|
|
{kinds: [THREAD, EVENT_TIME, MESSAGE], since},
|
|
{kinds: [COMMENT], "#K": [String(THREAD), String(EVENT_TIME)], since},
|
|
...rooms.map(room => ({kinds: [MESSAGE], "#h": [room], since})),
|
|
],
|
|
})
|
|
})
|
|
</script>
|
|
|
|
<SecondaryNav>
|
|
<MenuSpace {url} />
|
|
</SecondaryNav>
|
|
<Page>
|
|
{#key $page.url.pathname}
|
|
{@render children?.()}
|
|
{/key}
|
|
</Page>
|
|
|
|
{#if $relaysPendingTrust.includes(url)}
|
|
<Dialog>
|
|
<SpaceTrustRelay {url} />
|
|
</Dialog>
|
|
{/if}
|