forked from coracle/flotilla
hodlbod
9df8cee501
Adopts the rewritten welshman API: the removed @welshman/util helpers (Profile/List/Room/Handler/Encryptable) are now Reader/Builder classes in @welshman/domain, and @welshman/app dropped its global singletons for an App instance + app.use(Plugin) registry. - src/app/welshman.ts is now the app bootstrap + session-state module (one shared App instance, multi-account sessions/login, app-wide reactive views) rather than a compat shim re-exporting the old globals. - Rewrote ~100 callers to use app.use(Plugin) directly (thunks, profiles, relays, rooms, zaps, tags, wot, feeds, sync); thunk helpers are now thunk methods. - Added @welshman/domain dependency. - Resolved residual gaps (storage hydration via plugin.onItem/wrapManager/Plaintext, relay-list mutators, search-relay list, outbox #d filter). Best-effort: no toolchain/linking available, so this is not build- or type-checked. Remaining judgment calls are flagged with TODO(welshman-migration). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01BsMjvv7krpZeHK1Njeneru
46 lines
1.5 KiB
Svelte
46 lines
1.5 KiB
Svelte
<script lang="ts">
|
|
import Server from "@assets/icons/server.svg?dataurl"
|
|
import Icon from "@lib/components/Icon.svelte"
|
|
import Link from "@lib/components/Link.svelte"
|
|
import {displayUrl} from "@welshman/lib"
|
|
import {displayRelayUrl} from "@welshman/util"
|
|
import {Relays, RelayStats} from "@welshman/app"
|
|
import {app} from "@app/welshman"
|
|
|
|
const {url, children} = $props()
|
|
|
|
const relay = app.use(Relays).one(url)
|
|
const relayStats = app.use(RelayStats).one(url)
|
|
const connections = $derived($relayStats?.open_count || 0)
|
|
</script>
|
|
|
|
<div class="card2 card2-sm bg-alt column gap-2">
|
|
<div class="flex items-center justify-between gap-4">
|
|
<div class="ellipsize flex items-center gap-2">
|
|
<Icon icon={Server} />
|
|
<p class="ellipsize">{displayRelayUrl(url)}</p>
|
|
</div>
|
|
{@render children?.()}
|
|
</div>
|
|
{#if $relay?.description}
|
|
<p class="ellipsize">{$relay.description}</p>
|
|
{/if}
|
|
<span class="flex items-center gap-1 whitespace-nowrap text-sm">
|
|
{#if $relay?.contact}
|
|
<Link external class="ellipsize underline" href={$relay.contact}
|
|
>{displayUrl($relay.contact)}</Link>
|
|
•
|
|
{/if}
|
|
{#if Array.isArray($relay?.supported_nips)}
|
|
<span
|
|
class="tooltip cursor-pointer underline"
|
|
data-tip="NIPs supported: {$relay.supported_nips.join(', ')}">
|
|
{$relay.supported_nips.length} NIPs
|
|
</span>
|
|
•
|
|
{/if}
|
|
Connected {connections}
|
|
{connections === 1 ? "time" : "times"}
|
|
</span>
|
|
</div>
|