forked from coracle/flotilla
bc864b29f8
#60 Co-authored-by: mplorentz <mplorentz@users.noreply.github.com> Reviewed-on: coracle/flotilla#81 Co-authored-by: Matt Lorentz <mplorentz@noreply.coracle.social> Co-committed-by: Matt Lorentz <mplorentz@noreply.coracle.social>
211 lines
5.5 KiB
TypeScript
211 lines
5.5 KiB
TypeScript
import type {Page} from "@sveltejs/kit"
|
|
import {get} from "svelte/store"
|
|
import * as nip19 from "nostr-tools/nip19"
|
|
import {goto} from "$app/navigation"
|
|
import {page} from "$app/stores"
|
|
import {nthEq} from "@welshman/lib"
|
|
import type {TrustedEvent} from "@welshman/util"
|
|
import {getAddress} from "@welshman/util"
|
|
import {tracker, loadRelay} from "@welshman/app"
|
|
import {identity} from "@welshman/lib"
|
|
import {
|
|
getTagValue,
|
|
MESSAGE,
|
|
THREAD,
|
|
CLASSIFIED,
|
|
ZAP_GOAL,
|
|
EVENT_TIME,
|
|
getPubkeyTagValues,
|
|
} from "@welshman/util"
|
|
import {
|
|
makeChatId,
|
|
entityLink,
|
|
decodeRelay,
|
|
encodeRelay,
|
|
userSpaceUrls,
|
|
hasNip29,
|
|
DM_KINDS,
|
|
ROOM,
|
|
} from "@app/core/state"
|
|
import {lastPageBySpaceUrl, lastChatUrl} from "@app/util/history"
|
|
|
|
export const makeSpacePath = (url: string, ...extra: (string | undefined)[]) => {
|
|
let path = `/spaces/${encodeRelay(url)}`
|
|
|
|
if (extra.length > 0) {
|
|
path +=
|
|
"/" +
|
|
extra
|
|
.filter(identity)
|
|
.map(s => encodeURIComponent(s as string))
|
|
.join("/")
|
|
}
|
|
|
|
return path
|
|
}
|
|
|
|
export const goToSpace = async (url: string) => {
|
|
const prevPath = lastPageBySpaceUrl.get(encodeRelay(url))
|
|
|
|
if (prevPath) {
|
|
goto(prevPath)
|
|
} else if (hasNip29(await loadRelay(url))) {
|
|
goto(makeSpacePath(url, "recent"))
|
|
} else {
|
|
goto(makeSpacePath(url, "chat"))
|
|
}
|
|
}
|
|
|
|
export const goToLastChat = () => {
|
|
goto(lastChatUrl ?? "/chat")
|
|
}
|
|
|
|
export const makeChatPath = (pubkeys: string[]) => `/chat/${makeChatId(pubkeys)}`
|
|
|
|
export const makeRoomPath = (url: string, h: string) => `/spaces/${encodeRelay(url)}/${h}`
|
|
|
|
export const makeSpaceChatPath = (url: string) => makeRoomPath(url, "chat")
|
|
|
|
export const makeMessagePath = (url: string, event: TrustedEvent) => {
|
|
const h = getTagValue(ROOM, event.tags)
|
|
const path = h ? makeRoomPath(url, h) : makeSpaceChatPath(url)
|
|
const qp = new URLSearchParams({at: String(event.created_at)})
|
|
|
|
return path + "?" + qp.toString()
|
|
}
|
|
|
|
export const makeGoalPath = (url: string, id?: string) => makeSpacePath(url, "goals", id)
|
|
|
|
export const makeThreadPath = (url: string, id?: string) => makeSpacePath(url, "threads", id)
|
|
|
|
export const makeClassifiedPath = (url: string, address?: string) =>
|
|
makeSpacePath(url, "classifieds", address)
|
|
|
|
export const makeCalendarPath = (url: string, address?: string) =>
|
|
makeSpacePath(url, "calendar", address)
|
|
|
|
export const getPrimaryNavItem = ($page: Page) => $page.route?.id?.split("/")[1]
|
|
|
|
export const getPrimaryNavItemIndex = ($page: Page) => {
|
|
const urls = get(userSpaceUrls)
|
|
|
|
switch (getPrimaryNavItem($page)) {
|
|
case "discover":
|
|
return urls.length + 2
|
|
case "spaces": {
|
|
const routeUrl = decodeRelay($page.params.relay || "")
|
|
|
|
return urls.findIndex(url => url === routeUrl) + 1
|
|
}
|
|
case "settings":
|
|
return urls.length + 3
|
|
default:
|
|
return 0
|
|
}
|
|
}
|
|
|
|
export const scrollToEvent = (id: string) => {
|
|
const element = document.querySelector(`[data-event="${id}"]`) as any
|
|
|
|
if (element) {
|
|
element.scrollIntoView({behavior: "smooth", block: "center"})
|
|
element.style = "filter: brightness(1.5); transition-property: all; transition-duration: 400ms;"
|
|
|
|
setTimeout(() => {
|
|
element.style = "transition-property: all; transition-duration: 300ms;"
|
|
}, 800)
|
|
|
|
setTimeout(() => {
|
|
element.style = ""
|
|
}, 800 + 400)
|
|
}
|
|
|
|
return Boolean(element)
|
|
}
|
|
|
|
export const goToEvent = (event: TrustedEvent, options: Record<string, any> = {}) => {
|
|
const urls = Array.from(tracker.getRelays(event.id))
|
|
const path = getEventPath(event, urls)
|
|
|
|
if (path.includes("://")) {
|
|
window.open(path)
|
|
} else if (!scrollToEvent(event.id)) {
|
|
const replaceState = path.replace(/\?.*$/, "") === get(page).url.pathname
|
|
|
|
goto(path, {replaceState, ...options})
|
|
}
|
|
}
|
|
|
|
export const getEventPath = (event: TrustedEvent, urls: string[]) => {
|
|
if (DM_KINDS.includes(event.kind)) {
|
|
return makeChatPath([event.pubkey, ...getPubkeyTagValues(event.tags)])
|
|
}
|
|
|
|
if (urls.length > 0) {
|
|
const url = urls[0]
|
|
|
|
if (event.kind === ZAP_GOAL) {
|
|
return makeGoalPath(url, event.id)
|
|
}
|
|
|
|
if (event.kind === THREAD) {
|
|
return makeThreadPath(url, event.id)
|
|
}
|
|
|
|
if (event.kind === CLASSIFIED) {
|
|
return makeClassifiedPath(url, getAddress(event))
|
|
}
|
|
|
|
if (event.kind === EVENT_TIME) {
|
|
return makeCalendarPath(url, getAddress(event))
|
|
}
|
|
|
|
if (event.kind === MESSAGE) {
|
|
return makeMessagePath(url, event)
|
|
}
|
|
|
|
const address = event.tags.find(nthEq(0, "A"))?.[1]
|
|
const kind = event.tags.find(nthEq(0, "K"))?.[1]
|
|
const id = event.tags.find(nthEq(0, "E"))?.[1]
|
|
|
|
if (id && kind) {
|
|
if (parseInt(kind) === ZAP_GOAL) {
|
|
return makeGoalPath(url, id)
|
|
}
|
|
|
|
if (parseInt(kind) === THREAD) {
|
|
return makeThreadPath(url, id)
|
|
}
|
|
|
|
if (parseInt(kind) === MESSAGE) {
|
|
return makeMessagePath(url, event)
|
|
}
|
|
}
|
|
|
|
if (address && kind) {
|
|
if (parseInt(kind) === CLASSIFIED) {
|
|
return makeClassifiedPath(url, address)
|
|
}
|
|
|
|
if (parseInt(kind) === EVENT_TIME) {
|
|
return makeCalendarPath(url, address)
|
|
}
|
|
}
|
|
}
|
|
|
|
return entityLink(nip19.neventEncode({id: event.id, relays: urls}))
|
|
}
|
|
|
|
export const getRoomItemPath = (url: string, event: TrustedEvent) => {
|
|
switch (event.kind) {
|
|
case THREAD:
|
|
return makeThreadPath(url, event.id)
|
|
case CLASSIFIED:
|
|
return makeClassifiedPath(url, getAddress(event))
|
|
case ZAP_GOAL:
|
|
return makeGoalPath(url, event.id)
|
|
case EVENT_TIME:
|
|
return makeCalendarPath(url, getAddress(event))
|
|
}
|
|
}
|