Something went wrong. Try again.
Bluesky app fork with some witchin' additions 💫 forked from jollywhoppers.com/witchsky.app
Something went wrong. Try again.
1.0 kB · 34 lines
TypeScript
1234567891011121314151617181920212223242526272829303132333435import {useEffect, useState} from 'react'import {RichText as RichTextAPI} from '@atproto/api'
import {useAgent} from '#/state/session'
export function useRichText(text: string): [RichTextAPI, boolean] { const [prevText, setPrevText] = useState(text) const [rawRT, setRawRT] = useState(() => new RichTextAPI({text})) const [resolvedRT, setResolvedRT] = useState<RichTextAPI | null>(null) const agent = useAgent() if (text !== prevText) { setPrevText(text) setRawRT(new RichTextAPI({text})) setResolvedRT(null) // This will queue an immediate re-render } useEffect(() => { let ignore = false async function resolveRTFacets() { // new each time const resolvedRT = new RichTextAPI({text}) await resolvedRT.detectFacets(agent) if (!ignore) { setResolvedRT(resolvedRT) } } resolveRTFacets() return () => { ignore = true } }, [text, agent]) const isResolving = resolvedRT === null return [resolvedRT ?? rawRT, isResolving]}