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
80 lines
2.8 KiB
Svelte
80 lines
2.8 KiB
Svelte
<script lang="ts">
|
|
import {Capacitor} from "@capacitor/core"
|
|
import {pubkey} from "@app/welshman"
|
|
import Server from "@assets/icons/server.svg?dataurl"
|
|
import GalleryMinimalistic from "@assets/icons/gallery-minimalistic.svg?dataurl"
|
|
import Shield from "@assets/icons/shield-minimalistic.svg?dataurl"
|
|
import Bell from "@assets/icons/bell.svg?dataurl"
|
|
import Wallet from "@assets/icons/wallet.svg?dataurl"
|
|
import Icon from "@lib/components/Icon.svelte"
|
|
import Link from "@lib/components/Link.svelte"
|
|
import Button from "@lib/components/Button.svelte"
|
|
import Modal from "@lib/components/Modal.svelte"
|
|
import ModalBody from "@lib/components/ModalBody.svelte"
|
|
import Profile from "@app/components/Profile.svelte"
|
|
import LogOut from "@app/components/LogOut.svelte"
|
|
import {pushModal} from "@app/modal"
|
|
import {theme} from "@app/theme"
|
|
|
|
const logout = () => pushModal(LogOut)
|
|
const toggleTheme = () => theme.set($theme === "dark" ? "light" : "dark")
|
|
</script>
|
|
|
|
<Modal>
|
|
<ModalBody>
|
|
<div class="flex flex-col gap-8 items-center py-12 max-w-[16rem] m-auto w-full">
|
|
{#if $pubkey}
|
|
<Link replaceState href="/settings/profile">
|
|
<Profile inert pubkey={$pubkey} />
|
|
</Link>
|
|
{/if}
|
|
<div class="grid grid-cols-3 gap-3 w-full">
|
|
<Link
|
|
replaceState
|
|
href="/settings/alerts"
|
|
class="aspect-square btn h-[unset] btn-neutral flex flex-col gap-2 text-center">
|
|
<Icon icon={Bell} size={5} />
|
|
Alerts
|
|
</Link>
|
|
{#if Capacitor.getPlatform() !== "ios"}
|
|
<Link
|
|
replaceState
|
|
href="/settings/wallet"
|
|
class="aspect-square btn h-[unset] btn-neutral flex flex-col gap-2 text-center">
|
|
<Icon icon={Wallet} size={5} />
|
|
Wallet
|
|
</Link>
|
|
{/if}
|
|
<Link
|
|
replaceState
|
|
href="/settings/relays"
|
|
class="aspect-square btn h-[unset] btn-neutral flex flex-col gap-2 text-center">
|
|
<Icon icon={Server} size={5} />
|
|
Relays
|
|
</Link>
|
|
<Link
|
|
replaceState
|
|
href="/settings/content"
|
|
class="aspect-square btn h-[unset] btn-neutral flex flex-col gap-2 text-center">
|
|
<Icon icon={GalleryMinimalistic} size={5} />
|
|
Content
|
|
</Link>
|
|
<Link
|
|
replaceState
|
|
href="/settings/privacy"
|
|
class="aspect-square btn h-[unset] btn-neutral flex flex-col gap-2 text-center">
|
|
<Icon icon={Shield} size={5} />
|
|
Privacy
|
|
</Link>
|
|
</div>
|
|
<div class="flex gap-3 items-center opacity-75 text-sm">
|
|
<Button onclick={toggleTheme}>Theme</Button>
|
|
/
|
|
<Link replaceState href="/settings/about">About</Link>
|
|
/
|
|
<Button onclick={logout}>Log Out</Button>
|
|
</div>
|
|
</div>
|
|
</ModalBody>
|
|
</Modal>
|