(\n () => ({mutedWordsDialogControl, signinDialogControl}),\n [mutedWordsDialogControl, signinDialogControl],\n )\n\n return (\n {children}\n )\n}\n","import {useCallback} from 'react'\nimport {useLightboxControls} from './lightbox'\nimport {useModalControls} from './modals'\nimport {useComposerControls} from './shell/composer'\nimport {useSetDrawerOpen} from './shell/drawer-open'\nimport {useDialogStateControlContext} from '#/state/dialogs'\n\n/**\n * returns true if something was closed\n * (used by the android hardware back btn)\n */\nexport function useCloseAnyActiveElement() {\n const {closeLightbox} = useLightboxControls()\n const {closeModal} = useModalControls()\n const {closeComposer} = useComposerControls()\n const {closeAllDialogs} = useDialogStateControlContext()\n const setDrawerOpen = useSetDrawerOpen()\n return useCallback(() => {\n if (closeLightbox()) {\n return true\n }\n if (closeModal()) {\n return true\n }\n if (closeComposer()) {\n return true\n }\n if (closeAllDialogs()) {\n return true\n }\n setDrawerOpen(false)\n return false\n }, [closeLightbox, closeModal, closeComposer, setDrawerOpen, closeAllDialogs])\n}\n\n/**\n * used to clear out any modals, eg for a navigation\n */\nexport function useCloseAllActiveElements() {\n const {closeLightbox} = useLightboxControls()\n const {closeAllModals} = useModalControls()\n const {closeComposer} = useComposerControls()\n const {closeAllDialogs: closeAlfDialogs} = useDialogStateControlContext()\n const setDrawerOpen = useSetDrawerOpen()\n return useCallback(() => {\n closeLightbox()\n closeAllModals()\n closeComposer()\n closeAlfDialogs()\n setDrawerOpen(false)\n }, [\n closeLightbox,\n closeAllModals,\n closeComposer,\n closeAlfDialogs,\n setDrawerOpen,\n ])\n}\n","import EventEmitter from 'eventemitter3'\n\ntype UnlistenFn = () => void\n\nconst emitter = new EventEmitter()\n\n// a \"soft reset\" typically means scrolling to top and loading latest\n// but it can depend on the screen\nexport function emitSoftReset() {\n emitter.emit('soft-reset')\n}\nexport function listenSoftReset(fn: () => void): UnlistenFn {\n emitter.on('soft-reset', fn)\n return () => emitter.off('soft-reset', fn)\n}\n\nexport function emitSessionDropped() {\n emitter.emit('session-dropped')\n}\nexport function listenSessionDropped(fn: () => void): UnlistenFn {\n emitter.on('session-dropped', fn)\n return () => emitter.off('session-dropped', fn)\n}\n\nexport function emitPostCreated() {\n emitter.emit('post-created')\n}\nexport function listenPostCreated(fn: () => void): UnlistenFn {\n emitter.on('post-created', fn)\n return () => emitter.off('post-created', fn)\n}\n","export function cleanError(str: any): string {\n if (!str) {\n return ''\n }\n if (typeof str !== 'string') {\n str = str.toString()\n }\n if (isNetworkError(str)) {\n return 'Unable to connect. Please check your internet connection and try again.'\n }\n if (str.includes('Upstream Failure')) {\n return 'The server appears to be experiencing issues. Please try again in a few moments.'\n }\n if (str.includes('Bad token scope')) {\n return 'This feature is not available while using an App Password. Please sign in with your main password.'\n }\n if (str.startsWith('Error: ')) {\n return str.slice('Error: '.length)\n }\n return str\n}\n\nexport function isNetworkError(e: unknown) {\n const str = String(e)\n return (\n str.includes('Abort') ||\n str.includes('Network request failed') ||\n str.includes('Failed to fetch')\n )\n}\n","import {isNetworkError} from 'lib/strings/errors'\n\nexport async function retry(\n retries: number,\n cond: (err: any) => boolean,\n fn: () => Promise
,\n): Promise
{\n let lastErr\n while (retries > 0) {\n try {\n return await fn()\n } catch (e: any) {\n lastErr = e\n if (cond(e)) {\n retries--\n continue\n }\n throw e\n }\n }\n throw lastErr\n}\n\nexport async function networkRetry
(\n retries: number,\n fn: () => Promise
,\n): Promise
{\n return retry(retries, isNetworkError, fn)\n}\n","const NOW = 5\nconst MINUTE = 60\nconst HOUR = MINUTE * 60\nconst DAY = HOUR * 24\nconst MONTH_30 = DAY * 30\nconst MONTH = DAY * 30.41675 // This results in 365.001 days in a year, which is close enough for nearly all cases\nexport function ago(date: number | string | Date): string {\n let ts: number\n if (typeof date === 'string') {\n ts = Number(new Date(date))\n } else if (date instanceof Date) {\n ts = Number(date)\n } else {\n ts = date\n }\n const diffSeconds = Math.floor((Date.now() - ts) / 1e3)\n if (diffSeconds < NOW) {\n return `now`\n } else if (diffSeconds < MINUTE) {\n return `${diffSeconds}s`\n } else if (diffSeconds < HOUR) {\n return `${Math.floor(diffSeconds / MINUTE)}m`\n } else if (diffSeconds < DAY) {\n return `${Math.floor(diffSeconds / HOUR)}h`\n } else if (diffSeconds < MONTH_30) {\n return `${Math.round(diffSeconds / DAY)}d`\n } else {\n let months = diffSeconds / MONTH\n if (months % 1 >= 0.9) {\n months = Math.ceil(months)\n } else {\n months = Math.floor(months)\n }\n\n if (months < 12) {\n return `${months}mo`\n } else {\n return new Date(ts).toLocaleDateString()\n }\n }\n}\n\nexport function niceDate(date: number | string | Date) {\n const d = new Date(date)\n return `${d.toLocaleDateString('en-us', {\n year: 'numeric',\n month: 'short',\n day: 'numeric',\n })} at ${d.toLocaleTimeString(undefined, {\n hour: 'numeric',\n minute: '2-digit',\n })}`\n}\n\nexport function getAge(birthDate: Date): number {\n var today = new Date()\n var age = today.getFullYear() - birthDate.getFullYear()\n var m = today.getMonth() - birthDate.getMonth()\n if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {\n age--\n }\n return age\n}\n","import AsyncStorage from '@react-native-async-storage/async-storage'\n\nconst PREFIX = 'agent-labelers'\n\nexport async function saveLabelers(did: string, value: string[]) {\n await AsyncStorage.setItem(`${PREFIX}:${did}`, JSON.stringify(value))\n}\n\nexport async function readLabelers(did: string): Promise {\n const rawData = await AsyncStorage.getItem(`${PREFIX}:${did}`)\n return rawData ? JSON.parse(rawData) : undefined\n}\n","import {BSKY_LABELER_DID, BskyAgent} from '@atproto/api'\n\nimport {IS_TEST_USER} from '#/lib/constants'\nimport {readLabelers} from './agent-config'\nimport {SessionAccount} from './types'\n\nexport function configureModerationForGuest() {\n // This global mutation is *only* OK because this code is only relevant for testing.\n // Don't add any other global behavior here!\n switchToBskyAppLabeler()\n}\n\nexport async function configureModerationForAccount(\n agent: BskyAgent,\n account: SessionAccount,\n) {\n // This global mutation is *only* OK because this code is only relevant for testing.\n // Don't add any other global behavior here!\n switchToBskyAppLabeler()\n if (IS_TEST_USER(account.handle)) {\n await trySwitchToTestAppLabeler(agent)\n }\n\n // The code below is actually relevant to production (and isn't global).\n const labelerDids = await readLabelers(account.did).catch(_ => {})\n if (labelerDids) {\n agent.configureLabelersHeader(\n labelerDids.filter(did => did !== BSKY_LABELER_DID),\n )\n } else {\n // If there are no headers in the storage, we'll not send them on the initial requests.\n // If we wanted to fix this, we could block on the preferences query here.\n }\n}\n\nfunction switchToBskyAppLabeler() {\n BskyAgent.configure({appLabelers: [BSKY_LABELER_DID]})\n}\n\nasync function trySwitchToTestAppLabeler(agent: BskyAgent) {\n const did = (\n await agent\n .resolveHandle({handle: 'mod-authority.test'})\n .catch(_ => undefined)\n )?.data.did\n if (did) {\n console.warn('USING TEST ENV MODERATION')\n BskyAgent.configure({appLabelers: [did]})\n }\n}\n","export function isObj(v: unknown): v is Record {\n return !!v && typeof v === 'object'\n}\n\nexport function hasProp(\n data: object,\n prop: K,\n): data is Record {\n return prop in data\n}\n\nexport function isStrArray(v: unknown): v is string[] {\n return Array.isArray(v) && v.every(item => typeof item === 'string')\n}\n","import {jwtDecode} from 'jwt-decode'\n\nimport {hasProp} from '#/lib/type-guards'\nimport {logger} from '#/logger'\nimport * as persisted from '#/state/persisted'\nimport {SessionAccount} from './types'\n\nexport function readLastActiveAccount() {\n const {currentAccount, accounts} = persisted.get('session')\n return accounts.find(a => a.did === currentAccount?.did)\n}\n\nexport function isSignupQueued(accessJwt: string | undefined) {\n if (accessJwt) {\n const sessData = jwtDecode(accessJwt)\n return (\n hasProp(sessData, 'scope') &&\n sessData.scope === 'com.atproto.signupQueued'\n )\n }\n return false\n}\n\nexport function isSessionExpired(account: SessionAccount) {\n try {\n if (account.accessJwt) {\n const decoded = jwtDecode(account.accessJwt)\n if (decoded.exp) {\n const didExpire = Date.now() >= decoded.exp * 1000\n return didExpire\n }\n }\n } catch (e) {\n logger.error(`session: could not decode jwt`)\n }\n return true\n}\n","import {AtpSessionData, AtpSessionEvent, BskyAgent} from '@atproto/api'\nimport {TID} from '@atproto/common-web'\n\nimport {networkRetry} from '#/lib/async/retry'\nimport {\n DISCOVER_SAVED_FEED,\n IS_PROD_SERVICE,\n PUBLIC_BSKY_SERVICE,\n TIMELINE_SAVED_FEED,\n} from '#/lib/constants'\nimport {tryFetchGates} from '#/lib/statsig/statsig'\nimport {getAge} from '#/lib/strings/time'\nimport {logger} from '#/logger'\nimport {\n configureModerationForAccount,\n configureModerationForGuest,\n} from './moderation'\nimport {SessionAccount} from './types'\nimport {isSessionExpired, isSignupQueued} from './util'\n\nexport function createPublicAgent() {\n configureModerationForGuest() // Side effect but only relevant for tests\n return new BskyAgent({service: PUBLIC_BSKY_SERVICE})\n}\n\nexport async function createAgentAndResume(\n storedAccount: SessionAccount,\n onSessionChange: (\n agent: BskyAgent,\n did: string,\n event: AtpSessionEvent,\n ) => void,\n) {\n const agent = new BskyAgent({service: storedAccount.service})\n if (storedAccount.pdsUrl) {\n agent.pdsUrl = agent.api.xrpc.uri = new URL(storedAccount.pdsUrl)\n }\n const gates = tryFetchGates(storedAccount.did, 'prefer-low-latency')\n const moderation = configureModerationForAccount(agent, storedAccount)\n const prevSession: AtpSessionData = {\n // Sorted in the same property order as when returned by BskyAgent (alphabetical).\n accessJwt: storedAccount.accessJwt ?? '',\n did: storedAccount.did,\n email: storedAccount.email,\n emailAuthFactor: storedAccount.emailAuthFactor,\n emailConfirmed: storedAccount.emailConfirmed,\n handle: storedAccount.handle,\n refreshJwt: storedAccount.refreshJwt ?? '',\n }\n if (isSessionExpired(storedAccount)) {\n await networkRetry(1, () => agent.resumeSession(prevSession))\n } else {\n agent.session = prevSession\n if (!storedAccount.signupQueued) {\n // Intentionally not awaited to unblock the UI:\n networkRetry(3, () => agent.resumeSession(prevSession)).catch(\n (e: any) => {\n logger.error(`networkRetry failed to resume session`, {\n status: e?.status || 'unknown',\n // this field name is ignored by Sentry scrubbers\n safeMessage: e?.message || 'unknown',\n })\n\n throw e\n },\n )\n }\n }\n\n return prepareAgent(agent, gates, moderation, onSessionChange)\n}\n\nexport async function createAgentAndLogin(\n {\n service,\n identifier,\n password,\n authFactorToken,\n }: {\n service: string\n identifier: string\n password: string\n authFactorToken?: string\n },\n onSessionChange: (\n agent: BskyAgent,\n did: string,\n event: AtpSessionEvent,\n ) => void,\n) {\n const agent = new BskyAgent({service})\n await agent.login({identifier, password, authFactorToken})\n\n const account = agentToSessionAccountOrThrow(agent)\n const gates = tryFetchGates(account.did, 'prefer-fresh-gates')\n const moderation = configureModerationForAccount(agent, account)\n return prepareAgent(agent, moderation, gates, onSessionChange)\n}\n\nexport async function createAgentAndCreateAccount(\n {\n service,\n email,\n password,\n handle,\n birthDate,\n inviteCode,\n verificationPhone,\n verificationCode,\n }: {\n service: string\n email: string\n password: string\n handle: string\n birthDate: Date\n inviteCode?: string\n verificationPhone?: string\n verificationCode?: string\n },\n onSessionChange: (\n agent: BskyAgent,\n did: string,\n event: AtpSessionEvent,\n ) => void,\n) {\n const agent = new BskyAgent({service})\n await agent.createAccount({\n email,\n password,\n handle,\n inviteCode,\n verificationPhone,\n verificationCode,\n })\n const account = agentToSessionAccountOrThrow(agent)\n const gates = tryFetchGates(account.did, 'prefer-fresh-gates')\n const moderation = configureModerationForAccount(agent, account)\n if (!account.signupQueued) {\n /*dont await*/ agent.upsertProfile(_existing => {\n return {\n displayName: '',\n // HACKFIX\n // creating a bunch of identical profile objects is breaking the relay\n // tossing this unspecced field onto it to reduce the size of the problem\n // -prf\n createdAt: new Date().toISOString(),\n }\n })\n }\n\n // Not awaited so that we can still get into onboarding.\n // This is OK because we won't let you toggle adult stuff until you set the date.\n if (IS_PROD_SERVICE(service)) {\n try {\n networkRetry(1, async () => {\n await agent.setPersonalDetails({birthDate: birthDate.toISOString()})\n await agent.overwriteSavedFeeds([\n {\n ...DISCOVER_SAVED_FEED,\n id: TID.nextStr(),\n },\n {\n ...TIMELINE_SAVED_FEED,\n id: TID.nextStr(),\n },\n ])\n\n if (getAge(birthDate) < 18) {\n await agent.api.com.atproto.repo.putRecord({\n repo: account.did,\n collection: 'chat.bsky.actor.declaration',\n rkey: 'self',\n record: {\n $type: 'chat.bsky.actor.declaration',\n allowIncoming: 'none',\n },\n })\n }\n })\n } catch (e: any) {\n logger.error(e, {\n context: `session: createAgentAndCreateAccount failed to save personal details and feeds`,\n })\n }\n } else {\n agent.setPersonalDetails({birthDate: birthDate.toISOString()})\n }\n\n return prepareAgent(agent, gates, moderation, onSessionChange)\n}\n\nasync function prepareAgent(\n agent: BskyAgent,\n // Not awaited in the calling code so we can delay blocking on them.\n gates: Promise,\n moderation: Promise,\n onSessionChange: (\n agent: BskyAgent,\n did: string,\n event: AtpSessionEvent,\n ) => void,\n) {\n // There's nothing else left to do, so block on them here.\n await Promise.all([gates, moderation])\n\n // Now the agent is ready.\n const account = agentToSessionAccountOrThrow(agent)\n agent.setPersistSessionHandler(event => {\n onSessionChange(agent, account.did, event)\n })\n return {agent, account}\n}\n\nexport function agentToSessionAccountOrThrow(agent: BskyAgent): SessionAccount {\n const account = agentToSessionAccount(agent)\n if (!account) {\n throw Error('Expected an active session')\n }\n return account\n}\n\nexport function agentToSessionAccount(\n agent: BskyAgent,\n): SessionAccount | undefined {\n if (!agent.session) {\n return undefined\n }\n return {\n service: agent.service.toString(),\n did: agent.session.did,\n handle: agent.session.handle,\n email: agent.session.email,\n emailConfirmed: agent.session.emailConfirmed || false,\n emailAuthFactor: agent.session.emailAuthFactor || false,\n refreshJwt: agent.session.refreshJwt,\n accessJwt: agent.session.accessJwt,\n signupQueued: isSignupQueued(agent.session.accessJwt),\n // @ts-expect-error TODO remove when backend is ready\n status: agent.session.status,\n pdsUrl: agent.pdsUrl?.toString(),\n }\n}\n","import {AtpSessionEvent} from '@atproto/api'\n\nimport {createPublicAgent} from './agent'\nimport {SessionAccount} from './types'\n\n// A hack so that the reducer can't read anything from the agent.\n// From the reducer's point of view, it should be a completely opaque object.\ntype OpaqueBskyAgent = {\n readonly service: URL\n readonly api: unknown\n readonly app: unknown\n readonly com: unknown\n}\n\ntype AgentState = {\n readonly agent: OpaqueBskyAgent\n readonly did: string | undefined\n}\n\nexport type State = {\n readonly accounts: SessionAccount[]\n readonly currentAgentState: AgentState\n needsPersist: boolean // Mutated in an effect.\n}\n\nexport type Action =\n | {\n type: 'received-agent-event'\n agent: OpaqueBskyAgent\n accountDid: string\n refreshedAccount: SessionAccount | undefined\n sessionEvent: AtpSessionEvent\n }\n | {\n type: 'switched-to-account'\n newAgent: OpaqueBskyAgent\n newAccount: SessionAccount\n }\n | {\n type: 'removed-account'\n accountDid: string\n }\n | {\n type: 'logged-out'\n }\n | {\n type: 'synced-accounts'\n syncedAccounts: SessionAccount[]\n syncedCurrentDid: string | undefined\n }\n\nfunction createPublicAgentState(): AgentState {\n return {\n agent: createPublicAgent(),\n did: undefined,\n }\n}\n\nexport function getInitialState(persistedAccounts: SessionAccount[]): State {\n return {\n accounts: persistedAccounts,\n currentAgentState: createPublicAgentState(),\n needsPersist: false,\n }\n}\n\nexport function reducer(state: State, action: Action): State {\n switch (action.type) {\n case 'received-agent-event': {\n const {agent, accountDid, refreshedAccount, sessionEvent} = action\n if (\n refreshedAccount === undefined &&\n agent !== state.currentAgentState.agent\n ) {\n // If the session got cleared out (e.g. due to expiry or network error) but\n // this account isn't the active one, don't clear it out at this time.\n // This way, if the problem is transient, it'll work on next resume.\n return state\n }\n if (sessionEvent === 'network-error') {\n // Don't change stored accounts but kick to the choose account screen.\n return {\n accounts: state.accounts,\n currentAgentState: createPublicAgentState(),\n needsPersist: true,\n }\n }\n const existingAccount = state.accounts.find(a => a.did === accountDid)\n if (\n !existingAccount ||\n JSON.stringify(existingAccount) === JSON.stringify(refreshedAccount)\n ) {\n // Fast path without a state update.\n return state\n }\n return {\n accounts: state.accounts.map(a => {\n if (a.did === accountDid) {\n if (refreshedAccount) {\n return refreshedAccount\n } else {\n return {\n ...a,\n // If we didn't receive a refreshed account, clear out the tokens.\n accessJwt: undefined,\n refreshJwt: undefined,\n }\n }\n } else {\n return a\n }\n }),\n currentAgentState: refreshedAccount\n ? state.currentAgentState\n : createPublicAgentState(), // Log out if expired.\n needsPersist: true,\n }\n }\n case 'switched-to-account': {\n const {newAccount, newAgent} = action\n return {\n accounts: [\n newAccount,\n ...state.accounts.filter(a => a.did !== newAccount.did),\n ],\n currentAgentState: {\n did: newAccount.did,\n agent: newAgent,\n },\n needsPersist: true,\n }\n }\n case 'removed-account': {\n const {accountDid} = action\n return {\n accounts: state.accounts.filter(a => a.did !== accountDid),\n currentAgentState:\n state.currentAgentState.did === accountDid\n ? createPublicAgentState() // Log out if removing the current one.\n : state.currentAgentState,\n needsPersist: true,\n }\n }\n case 'logged-out': {\n return {\n accounts: state.accounts.map(a => ({\n ...a,\n // Clear tokens for *every* account (this is a hard logout).\n refreshJwt: undefined,\n accessJwt: undefined,\n })),\n currentAgentState: createPublicAgentState(),\n needsPersist: true,\n }\n }\n case 'synced-accounts': {\n const {syncedAccounts, syncedCurrentDid} = action\n return {\n accounts: syncedAccounts,\n currentAgentState:\n syncedCurrentDid === state.currentAgentState.did\n ? state.currentAgentState\n : createPublicAgentState(), // Log out if different user.\n needsPersist: false, // Synced from another tab. Don't persist to avoid cycles.\n }\n }\n }\n}\n","import React from 'react'\nimport {AtpSessionEvent, BskyAgent} from '@atproto/api'\n\nimport {track} from '#/lib/analytics/analytics'\nimport {logEvent} from '#/lib/statsig/statsig'\nimport {isWeb} from '#/platform/detection'\nimport * as persisted from '#/state/persisted'\nimport {useCloseAllActiveElements} from '#/state/util'\nimport {useGlobalDialogsControlContext} from '#/components/dialogs/Context'\nimport {IS_DEV} from '#/env'\nimport {emitSessionDropped} from '../events'\nimport {\n agentToSessionAccount,\n createAgentAndCreateAccount,\n createAgentAndLogin,\n createAgentAndResume,\n} from './agent'\nimport {getInitialState, reducer} from './reducer'\n\nexport {isSignupQueued} from './util'\nexport type {SessionAccount} from '#/state/session/types'\nimport {SessionApiContext, SessionStateContext} from '#/state/session/types'\n\nconst StateContext = React.createContext({\n accounts: [],\n currentAccount: undefined,\n hasSession: false,\n})\n\nconst AgentContext = React.createContext(null)\n\nconst ApiContext = React.createContext({\n createAccount: async () => {},\n login: async () => {},\n logout: async () => {},\n resumeSession: async () => {},\n removeAccount: () => {},\n})\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const cancelPendingTask = useOneTaskAtATime()\n const [state, dispatch] = React.useReducer(reducer, null, () =>\n getInitialState(persisted.get('session').accounts),\n )\n\n const onAgentSessionChange = React.useCallback(\n (agent: BskyAgent, accountDid: string, sessionEvent: AtpSessionEvent) => {\n const refreshedAccount = agentToSessionAccount(agent) // Mutable, so snapshot it right away.\n if (sessionEvent === 'expired' || sessionEvent === 'create-failed') {\n emitSessionDropped()\n }\n dispatch({\n type: 'received-agent-event',\n agent,\n refreshedAccount,\n accountDid,\n sessionEvent,\n })\n },\n [],\n )\n\n const createAccount = React.useCallback(\n async params => {\n const signal = cancelPendingTask()\n track('Try Create Account')\n logEvent('account:create:begin', {})\n const {agent, account} = await createAgentAndCreateAccount(\n params,\n onAgentSessionChange,\n )\n\n if (signal.aborted) {\n return\n }\n dispatch({\n type: 'switched-to-account',\n newAgent: agent,\n newAccount: account,\n })\n track('Create Account')\n logEvent('account:create:success', {})\n },\n [onAgentSessionChange, cancelPendingTask],\n )\n\n const login = React.useCallback(\n async (params, logContext) => {\n const signal = cancelPendingTask()\n const {agent, account} = await createAgentAndLogin(\n params,\n onAgentSessionChange,\n )\n\n if (signal.aborted) {\n return\n }\n dispatch({\n type: 'switched-to-account',\n newAgent: agent,\n newAccount: account,\n })\n track('Sign In', {resumedSession: false})\n logEvent('account:loggedIn', {logContext, withPassword: true})\n },\n [onAgentSessionChange, cancelPendingTask],\n )\n\n const logout = React.useCallback(\n logContext => {\n cancelPendingTask()\n dispatch({\n type: 'logged-out',\n })\n logEvent('account:loggedOut', {logContext})\n },\n [cancelPendingTask],\n )\n\n const resumeSession = React.useCallback(\n async storedAccount => {\n const signal = cancelPendingTask()\n const {agent, account} = await createAgentAndResume(\n storedAccount,\n onAgentSessionChange,\n )\n\n if (signal.aborted) {\n return\n }\n dispatch({\n type: 'switched-to-account',\n newAgent: agent,\n newAccount: account,\n })\n },\n [onAgentSessionChange, cancelPendingTask],\n )\n\n const removeAccount = React.useCallback(\n account => {\n cancelPendingTask()\n dispatch({\n type: 'removed-account',\n accountDid: account.did,\n })\n },\n [cancelPendingTask],\n )\n\n React.useEffect(() => {\n if (state.needsPersist) {\n state.needsPersist = false\n persisted.write('session', {\n accounts: state.accounts,\n currentAccount: state.accounts.find(\n a => a.did === state.currentAgentState.did,\n ),\n })\n }\n }, [state])\n\n React.useEffect(() => {\n return persisted.onUpdate(() => {\n const synced = persisted.get('session')\n dispatch({\n type: 'synced-accounts',\n syncedAccounts: synced.accounts,\n syncedCurrentDid: synced.currentAccount?.did,\n })\n const syncedAccount = synced.accounts.find(\n a => a.did === synced.currentAccount?.did,\n )\n if (syncedAccount && syncedAccount.refreshJwt) {\n if (syncedAccount.did !== state.currentAgentState.did) {\n resumeSession(syncedAccount)\n } else {\n // @ts-ignore we checked for `refreshJwt` above\n state.currentAgentState.agent.session = syncedAccount\n }\n }\n })\n }, [state, resumeSession])\n\n const stateContext = React.useMemo(\n () => ({\n accounts: state.accounts,\n currentAccount: state.accounts.find(\n a => a.did === state.currentAgentState.did,\n ),\n hasSession: !!state.currentAgentState.did,\n }),\n [state],\n )\n\n const api = React.useMemo(\n () => ({\n createAccount,\n login,\n logout,\n resumeSession,\n removeAccount,\n }),\n [createAccount, login, logout, resumeSession, removeAccount],\n )\n\n // @ts-ignore\n if (IS_DEV && isWeb) window.agent = state.currentAgentState.agent\n\n const agent = state.currentAgentState.agent as BskyAgent\n const currentAgentRef = React.useRef(agent)\n React.useEffect(() => {\n if (currentAgentRef.current !== agent) {\n // Read the previous value and immediately advance the pointer.\n const prevAgent = currentAgentRef.current\n currentAgentRef.current = agent\n // We never reuse agents so let's fully neutralize the previous one.\n // This ensures it won't try to consume any refresh tokens.\n prevAgent.session = undefined\n prevAgent.setPersistSessionHandler(undefined)\n }\n }, [agent])\n\n return (\n \n \n {children}\n \n \n )\n}\n\nfunction useOneTaskAtATime() {\n const abortController = React.useRef(null)\n const cancelPendingTask = React.useCallback(() => {\n if (abortController.current) {\n abortController.current.abort()\n }\n abortController.current = new AbortController()\n return abortController.current.signal\n }, [])\n return cancelPendingTask\n}\n\nexport function useSession() {\n return React.useContext(StateContext)\n}\n\nexport function useSessionApi() {\n return React.useContext(ApiContext)\n}\n\nexport function useRequireAuth() {\n const {hasSession} = useSession()\n const closeAll = useCloseAllActiveElements()\n const {signinDialogControl} = useGlobalDialogsControlContext()\n\n return React.useCallback(\n (fn: () => void) => {\n if (hasSession) {\n fn()\n } else {\n closeAll()\n signinDialogControl.open()\n }\n },\n [hasSession, signinDialogControl, closeAll],\n )\n}\n\nexport function useAgent(): BskyAgent {\n const agent = React.useContext(AgentContext)\n if (!agent) {\n throw Error('useAgent() must be below .')\n }\n return agent\n}\n","export function timeout(ms: number): Promise {\n return new Promise(r => setTimeout(r, ms))\n}\n","import React from 'react'\nimport {Platform} from 'react-native'\nimport {AppState, AppStateStatus} from 'react-native'\nimport {sha256} from 'js-sha256'\nimport {Statsig, StatsigProvider} from 'statsig-react-native-expo'\n\nimport {logger} from '#/logger'\nimport {isWeb} from '#/platform/detection'\nimport * as persisted from '#/state/persisted'\nimport {BUNDLE_DATE, BUNDLE_IDENTIFIER, IS_TESTFLIGHT} from 'lib/app-info'\nimport {useSession} from '../../state/session'\nimport {timeout} from '../async/timeout'\nimport {useNonReactiveCallback} from '../hooks/useNonReactiveCallback'\nimport {LogEvents} from './events'\nimport {Gate} from './gates'\n\ntype StatsigUser = {\n userID: string | undefined\n // TODO: Remove when enough users have custom.platform:\n platform: 'ios' | 'android' | 'web'\n custom: {\n // This is the place where we can add our own stuff.\n // Fields here have to be non-optional to be visible in the UI.\n platform: 'ios' | 'android' | 'web'\n bundleIdentifier: string\n bundleDate: number\n refSrc: string\n refUrl: string\n appLanguage: string\n contentLanguages: string[]\n }\n}\n\nlet refSrc = ''\nlet refUrl = ''\nif (isWeb && typeof window !== 'undefined') {\n const params = new URLSearchParams(window.location.search)\n refSrc = params.get('ref_src') ?? ''\n refUrl = decodeURIComponent(params.get('ref_url') ?? '')\n}\n\nexport type {LogEvents}\n\nfunction createStatsigOptions(prefetchUsers: StatsigUser[]) {\n return {\n environment: {\n tier:\n process.env.NODE_ENV === 'development'\n ? 'development'\n : IS_TESTFLIGHT\n ? 'staging'\n : 'production',\n },\n // Don't block on waiting for network. The fetched config will kick in on next load.\n // This ensures the UI is always consistent and doesn't update mid-session.\n // Note this makes cold load (no local storage) and private mode return `false` for all gates.\n initTimeoutMs: 1,\n // Get fresh flags for other accounts as well, if any.\n prefetchUsers,\n }\n}\n\ntype FlatJSONRecord = Record<\n string,\n | string\n | number\n | boolean\n | null\n | undefined\n // Technically not scalar but Statsig will stringify it which works for us:\n | string[]\n>\n\nlet getCurrentRouteName: () => string | null | undefined = () => null\n\nexport function attachRouteToLogEvents(\n getRouteName: () => string | null | undefined,\n) {\n getCurrentRouteName = getRouteName\n}\n\nexport function toClout(n: number | null | undefined): number | undefined {\n if (n == null) {\n return undefined\n } else {\n return Math.max(0, Math.round(Math.log(n)))\n }\n}\n\nconst DOWNSAMPLED_EVENTS: Set = new Set([\n 'router:navigate:sampled',\n 'state:background:sampled',\n 'state:foreground:sampled',\n 'home:feedDisplayed:sampled',\n 'feed:endReached:sampled',\n 'feed:refresh:sampled',\n])\nconst isDownsampledSession = Math.random() < 0.9 // 90% likely\n\nexport function logEvent(\n eventName: E & string,\n rawMetadata: LogEvents[E] & FlatJSONRecord,\n) {\n try {\n if (\n process.env.NODE_ENV === 'development' &&\n eventName.endsWith(':sampled') &&\n !DOWNSAMPLED_EVENTS.has(eventName)\n ) {\n logger.error(\n 'Did you forget to add ' + eventName + ' to DOWNSAMPLED_EVENTS?',\n )\n }\n\n if (isDownsampledSession && DOWNSAMPLED_EVENTS.has(eventName)) {\n return\n }\n const fullMetadata = {\n ...rawMetadata,\n } as Record // Statsig typings are unnecessarily strict here.\n fullMetadata.routeName = getCurrentRouteName() ?? '(Uninitialized)'\n if (Statsig.initializeCalled()) {\n Statsig.logEvent(eventName, null, fullMetadata)\n }\n } catch (e) {\n // A log should never interrupt the calling code, whatever happens.\n logger.error('Failed to log an event', {message: e})\n }\n}\n\n// We roll our own cache in front of Statsig because it is a singleton\n// and it's been difficult to get it to behave in a predictable way.\n// Our own cache ensures consistent evaluation within a single session.\nconst GateCache = React.createContext | null>(null)\n\ntype GateOptions = {\n dangerouslyDisableExposureLogging?: boolean\n}\n\nexport function useGate(): (gateName: Gate, options?: GateOptions) => boolean {\n const cache = React.useContext(GateCache)\n if (!cache) {\n throw Error('useGate() cannot be called outside StatsigProvider.')\n }\n const gate = React.useCallback(\n (gateName: Gate, options: GateOptions = {}): boolean => {\n const cachedValue = cache.get(gateName)\n if (cachedValue !== undefined) {\n return cachedValue\n }\n let value = false\n if (Statsig.initializeCalled()) {\n if (options.dangerouslyDisableExposureLogging) {\n value = Statsig.checkGateWithExposureLoggingDisabled(gateName)\n } else {\n value = Statsig.checkGate(gateName)\n }\n }\n cache.set(gateName, value)\n return value\n },\n [cache],\n )\n return gate\n}\n\n/**\n * Debugging tool to override a gate. USE ONLY IN E2E TESTS!\n */\nexport function useDangerousSetGate(): (\n gateName: Gate,\n value: boolean,\n) => void {\n const cache = React.useContext(GateCache)\n if (!cache) {\n throw Error(\n 'useDangerousSetGate() cannot be called outside StatsigProvider.',\n )\n }\n const dangerousSetGate = React.useCallback(\n (gateName: Gate, value: boolean) => {\n cache.set(gateName, value)\n },\n [cache],\n )\n return dangerousSetGate\n}\n\nfunction toStatsigUser(did: string | undefined): StatsigUser {\n let userID: string | undefined\n if (did) {\n userID = sha256(did)\n }\n const languagePrefs = persisted.get('languagePrefs')\n return {\n userID,\n platform: Platform.OS as 'ios' | 'android' | 'web',\n custom: {\n refSrc,\n refUrl,\n platform: Platform.OS as 'ios' | 'android' | 'web',\n bundleIdentifier: BUNDLE_IDENTIFIER,\n bundleDate: BUNDLE_DATE,\n appLanguage: languagePrefs.appLanguage,\n contentLanguages: languagePrefs.contentLanguages,\n },\n }\n}\n\nlet lastState: AppStateStatus = AppState.currentState\nlet lastActive = lastState === 'active' ? performance.now() : null\nAppState.addEventListener('change', (state: AppStateStatus) => {\n if (state === lastState) {\n return\n }\n lastState = state\n if (state === 'active') {\n lastActive = performance.now()\n logEvent('state:foreground:sampled', {})\n } else {\n let secondsActive = 0\n if (lastActive != null) {\n secondsActive = Math.round((performance.now() - lastActive) / 1e3)\n }\n lastActive = null\n logEvent('state:background:sampled', {\n secondsActive,\n })\n }\n})\n\nexport async function tryFetchGates(\n did: string,\n strategy: 'prefer-low-latency' | 'prefer-fresh-gates',\n) {\n try {\n let timeoutMs = 250 // Don't block the UI if we can't do this fast.\n if (strategy === 'prefer-fresh-gates') {\n // Use this for less common operations where the user would be OK with a delay.\n timeoutMs = 1500\n }\n // Note: This condition is currently false the very first render because\n // Statsig has not initialized yet. In the future, we can fix this by\n // doing the initialization ourselves instead of relying on the provider.\n if (Statsig.initializeCalled()) {\n await Promise.race([\n timeout(timeoutMs),\n Statsig.prefetchUsers([toStatsigUser(did)]),\n ])\n }\n } catch (e) {\n // Don't leak errors to the calling code, this is meant to be always safe.\n console.error(e)\n }\n}\n\nexport function Provider({children}: {children: React.ReactNode}) {\n const {currentAccount, accounts} = useSession()\n const did = currentAccount?.did\n const currentStatsigUser = React.useMemo(() => toStatsigUser(did), [did])\n\n const otherDidsConcatenated = accounts\n .map(account => account.did)\n .filter(accountDid => accountDid !== did)\n .join(' ') // We're only interested in DID changes.\n const otherStatsigUsers = React.useMemo(\n () => otherDidsConcatenated.split(' ').map(toStatsigUser),\n [otherDidsConcatenated],\n )\n const statsigOptions = React.useMemo(\n () => createStatsigOptions(otherStatsigUsers),\n [otherStatsigUsers],\n )\n\n // Have our own cache in front of Statsig.\n // This ensures the results remain stable until the active DID changes.\n const [gateCache, setGateCache] = React.useState(() => new Map())\n const [prevDid, setPrevDid] = React.useState(did)\n if (did !== prevDid) {\n setPrevDid(did)\n setGateCache(new Map())\n }\n\n // Periodically poll Statsig to get the current rule evaluations for all stored accounts.\n // These changes are prefetched and stored, but don't get applied until the active DID changes.\n // This ensures that when you switch an account, it already has fresh results by then.\n const handleIntervalTick = useNonReactiveCallback(() => {\n if (Statsig.initializeCalled()) {\n // Note: Only first five will be taken into account by Statsig.\n Statsig.prefetchUsers([currentStatsigUser, ...otherStatsigUsers])\n }\n })\n React.useEffect(() => {\n const id = setInterval(handleIntervalTick, 60e3 /* 1 min */)\n return () => clearInterval(id)\n }, [handleIntervalTick])\n\n return (\n \n \n {children}\n \n \n )\n}\n","import React from 'react'\n\nconst CurrentConvoIdContext = React.createContext<{\n currentConvoId: string | undefined\n setCurrentConvoId: (convoId: string | undefined) => void\n}>({\n currentConvoId: undefined,\n setCurrentConvoId: () => {},\n})\n\nexport function useCurrentConvoId() {\n const ctx = React.useContext(CurrentConvoIdContext)\n if (!ctx) {\n throw new Error(\n 'useCurrentConvoId must be used within a CurrentConvoIdProvider',\n )\n }\n return ctx\n}\n\nexport function CurrentConvoIdProvider({\n children,\n}: {\n children: React.ReactNode\n}) {\n const [currentConvoId, setCurrentConvoId] = React.useState<\n string | undefined\n >()\n const ctx = React.useMemo(\n () => ({currentConvoId, setCurrentConvoId}),\n [currentConvoId],\n )\n return (\n \n {children}\n \n )\n}\n","export const DEFAULT_POLL_INTERVAL = 60e3 * 5\nexport const BACKGROUND_POLL_INTERVAL = 60e3 * 5\n","import {BskyAgent, ChatBskyConvoGetLog} from '@atproto/api'\n\nexport type MessagesEventBusParams = {\n agent: BskyAgent\n}\n\nexport enum MessagesEventBusStatus {\n Initializing = 'initializing',\n Ready = 'ready',\n Error = 'error',\n Backgrounded = 'backgrounded',\n Suspended = 'suspended',\n}\n\nexport enum MessagesEventBusDispatchEvent {\n Ready = 'ready',\n Error = 'error',\n Background = 'background',\n Suspend = 'suspend',\n Resume = 'resume',\n UpdatePoll = 'updatePoll',\n}\n\nexport enum MessagesEventBusErrorCode {\n Unknown = 'unknown',\n InitFailed = 'initFailed',\n PollFailed = 'pollFailed',\n}\n\nexport type MessagesEventBusError = {\n code: MessagesEventBusErrorCode\n exception?: Error\n retry: () => void\n}\n\nexport type MessagesEventBusDispatch =\n | {\n event: MessagesEventBusDispatchEvent.Ready\n }\n | {\n event: MessagesEventBusDispatchEvent.Background\n }\n | {\n event: MessagesEventBusDispatchEvent.Suspend\n }\n | {\n event: MessagesEventBusDispatchEvent.Resume\n }\n | {\n event: MessagesEventBusDispatchEvent.Error\n payload: MessagesEventBusError\n }\n | {\n event: MessagesEventBusDispatchEvent.UpdatePoll\n }\n\nexport type MessagesEventBusEvent =\n | {\n type: 'connect'\n }\n | {\n type: 'error'\n error: MessagesEventBusError\n }\n | {\n type: 'logs'\n logs: ChatBskyConvoGetLog.OutputSchema['logs']\n }\n","export const DM_SERVICE_HEADERS = {\n 'atproto-proxy': 'did:web:api.bsky.chat#bsky_chat',\n}\n","import {BskyAgent, ChatBskyConvoGetLog} from '@atproto/api'\nimport EventEmitter from 'eventemitter3'\nimport {nanoid} from 'nanoid/non-secure'\n\nimport {networkRetry} from '#/lib/async/retry'\nimport {logger} from '#/logger'\nimport {\n BACKGROUND_POLL_INTERVAL,\n DEFAULT_POLL_INTERVAL,\n} from '#/state/messages/events/const'\nimport {\n MessagesEventBusDispatch,\n MessagesEventBusDispatchEvent,\n MessagesEventBusErrorCode,\n MessagesEventBusEvent,\n MessagesEventBusParams,\n MessagesEventBusStatus,\n} from '#/state/messages/events/types'\nimport {DM_SERVICE_HEADERS} from '#/state/queries/messages/const'\n\nconst LOGGER_CONTEXT = 'MessagesEventBus'\n\nexport class MessagesEventBus {\n private id: string\n\n private agent: BskyAgent\n private emitter = new EventEmitter<{event: [MessagesEventBusEvent]}>()\n\n private status: MessagesEventBusStatus = MessagesEventBusStatus.Initializing\n private latestRev: string | undefined = undefined\n private pollInterval = DEFAULT_POLL_INTERVAL\n private requestedPollIntervals: Map = new Map()\n\n constructor(params: MessagesEventBusParams) {\n this.id = nanoid(3)\n this.agent = params.agent\n\n this.init()\n }\n\n requestPollInterval(interval: number) {\n const id = nanoid()\n this.requestedPollIntervals.set(id, interval)\n this.dispatch({\n event: MessagesEventBusDispatchEvent.UpdatePoll,\n })\n return () => {\n this.requestedPollIntervals.delete(id)\n this.dispatch({\n event: MessagesEventBusDispatchEvent.UpdatePoll,\n })\n }\n }\n\n getLatestRev() {\n return this.latestRev\n }\n\n on(\n handler: (event: MessagesEventBusEvent) => void,\n options: {\n convoId?: string\n },\n ) {\n const handle = (event: MessagesEventBusEvent) => {\n if (event.type === 'logs' && options.convoId) {\n const filteredLogs = event.logs.filter(log => {\n if (\n typeof log.convoId === 'string' &&\n log.convoId === options.convoId\n ) {\n return log.convoId === options.convoId\n }\n return false\n })\n\n if (filteredLogs.length > 0) {\n handler({\n ...event,\n logs: filteredLogs,\n })\n }\n } else {\n handler(event)\n }\n }\n\n this.emitter.on('event', handle)\n\n return () => {\n this.emitter.off('event', handle)\n }\n }\n\n background() {\n logger.debug(`${LOGGER_CONTEXT}: background`, {}, logger.DebugContext.convo)\n this.dispatch({event: MessagesEventBusDispatchEvent.Background})\n }\n\n suspend() {\n logger.debug(`${LOGGER_CONTEXT}: suspend`, {}, logger.DebugContext.convo)\n this.dispatch({event: MessagesEventBusDispatchEvent.Suspend})\n }\n\n resume() {\n logger.debug(`${LOGGER_CONTEXT}: resume`, {}, logger.DebugContext.convo)\n this.dispatch({event: MessagesEventBusDispatchEvent.Resume})\n }\n\n private dispatch(action: MessagesEventBusDispatch) {\n const prevStatus = this.status\n\n switch (this.status) {\n case MessagesEventBusStatus.Initializing: {\n switch (action.event) {\n case MessagesEventBusDispatchEvent.Ready: {\n this.status = MessagesEventBusStatus.Ready\n this.resetPoll()\n this.emitter.emit('event', {type: 'connect'})\n break\n }\n case MessagesEventBusDispatchEvent.Background: {\n this.status = MessagesEventBusStatus.Backgrounded\n this.resetPoll()\n this.emitter.emit('event', {type: 'connect'})\n break\n }\n case MessagesEventBusDispatchEvent.Suspend: {\n this.status = MessagesEventBusStatus.Suspended\n break\n }\n case MessagesEventBusDispatchEvent.Error: {\n this.status = MessagesEventBusStatus.Error\n this.emitter.emit('event', {type: 'error', error: action.payload})\n break\n }\n }\n break\n }\n case MessagesEventBusStatus.Ready: {\n switch (action.event) {\n case MessagesEventBusDispatchEvent.Background: {\n this.status = MessagesEventBusStatus.Backgrounded\n this.resetPoll()\n break\n }\n case MessagesEventBusDispatchEvent.Suspend: {\n this.status = MessagesEventBusStatus.Suspended\n this.stopPoll()\n break\n }\n case MessagesEventBusDispatchEvent.Error: {\n this.status = MessagesEventBusStatus.Error\n this.stopPoll()\n this.emitter.emit('event', {type: 'error', error: action.payload})\n break\n }\n case MessagesEventBusDispatchEvent.UpdatePoll: {\n this.resetPoll()\n break\n }\n }\n break\n }\n case MessagesEventBusStatus.Backgrounded: {\n switch (action.event) {\n case MessagesEventBusDispatchEvent.Resume: {\n this.status = MessagesEventBusStatus.Ready\n this.resetPoll()\n break\n }\n case MessagesEventBusDispatchEvent.Suspend: {\n this.status = MessagesEventBusStatus.Suspended\n this.stopPoll()\n break\n }\n case MessagesEventBusDispatchEvent.Error: {\n this.status = MessagesEventBusStatus.Error\n this.stopPoll()\n this.emitter.emit('event', {type: 'error', error: action.payload})\n break\n }\n case MessagesEventBusDispatchEvent.UpdatePoll: {\n this.resetPoll()\n break\n }\n }\n break\n }\n case MessagesEventBusStatus.Suspended: {\n switch (action.event) {\n case MessagesEventBusDispatchEvent.Resume: {\n this.status = MessagesEventBusStatus.Ready\n this.resetPoll()\n break\n }\n case MessagesEventBusDispatchEvent.Background: {\n this.status = MessagesEventBusStatus.Backgrounded\n this.resetPoll()\n break\n }\n case MessagesEventBusDispatchEvent.Error: {\n this.status = MessagesEventBusStatus.Error\n this.stopPoll()\n this.emitter.emit('event', {type: 'error', error: action.payload})\n break\n }\n }\n break\n }\n case MessagesEventBusStatus.Error: {\n switch (action.event) {\n case MessagesEventBusDispatchEvent.UpdatePoll:\n case MessagesEventBusDispatchEvent.Resume: {\n // basically reset\n this.status = MessagesEventBusStatus.Initializing\n this.latestRev = undefined\n this.init()\n break\n }\n }\n break\n }\n default:\n break\n }\n\n logger.debug(\n `${LOGGER_CONTEXT}: dispatch '${action.event}'`,\n {\n id: this.id,\n prev: prevStatus,\n next: this.status,\n },\n logger.DebugContext.convo,\n )\n }\n\n private async init() {\n logger.debug(`${LOGGER_CONTEXT}: init`, {}, logger.DebugContext.convo)\n\n try {\n const response = await networkRetry(2, () => {\n return this.agent.api.chat.bsky.convo.listConvos(\n {\n limit: 1,\n },\n {headers: DM_SERVICE_HEADERS},\n )\n })\n // throw new Error('UNCOMMENT TO TEST INIT FAILURE')\n\n const {convos} = response.data\n\n for (const convo of convos) {\n if (convo.rev > (this.latestRev = this.latestRev || convo.rev)) {\n this.latestRev = convo.rev\n }\n }\n\n this.dispatch({event: MessagesEventBusDispatchEvent.Ready})\n } catch (e: any) {\n logger.error(e, {\n context: `${LOGGER_CONTEXT}: init failed`,\n })\n\n this.dispatch({\n event: MessagesEventBusDispatchEvent.Error,\n payload: {\n exception: e,\n code: MessagesEventBusErrorCode.InitFailed,\n retry: () => {\n this.dispatch({event: MessagesEventBusDispatchEvent.Resume})\n },\n },\n })\n }\n }\n\n /*\n * Polling\n */\n\n private isPolling = false\n private pollIntervalRef: NodeJS.Timeout | undefined\n\n private getPollInterval() {\n switch (this.status) {\n case MessagesEventBusStatus.Ready: {\n const requested = Array.from(this.requestedPollIntervals.values())\n const lowest = Math.min(DEFAULT_POLL_INTERVAL, ...requested)\n return lowest\n }\n case MessagesEventBusStatus.Backgrounded: {\n return BACKGROUND_POLL_INTERVAL\n }\n default:\n return DEFAULT_POLL_INTERVAL\n }\n }\n\n private resetPoll() {\n this.pollInterval = this.getPollInterval()\n this.stopPoll()\n this.startPoll()\n }\n\n private startPoll() {\n if (!this.isPolling) this.poll()\n\n this.pollIntervalRef = setInterval(() => {\n if (this.isPolling) return\n this.poll()\n }, this.pollInterval)\n }\n\n private stopPoll() {\n if (this.pollIntervalRef) clearInterval(this.pollIntervalRef)\n }\n\n private async poll() {\n if (this.isPolling) return\n\n this.isPolling = true\n\n // logger.debug(\n // `${LOGGER_CONTEXT}: poll`,\n // {\n // requestedPollIntervals: Array.from(\n // this.requestedPollIntervals.values(),\n // ),\n // },\n // logger.DebugContext.convo,\n // )\n\n try {\n const response = await networkRetry(2, () => {\n return this.agent.api.chat.bsky.convo.getLog(\n {\n cursor: this.latestRev,\n },\n {headers: DM_SERVICE_HEADERS},\n )\n })\n\n // throw new Error('UNCOMMENT TO TEST POLL FAILURE')\n\n const {logs: events} = response.data\n\n let needsEmit = false\n let batch: ChatBskyConvoGetLog.OutputSchema['logs'] = []\n\n for (const ev of events) {\n /*\n * If there's a rev, we should handle it. If there's not a rev, we don't\n * know what it is.\n */\n if (typeof ev.rev === 'string') {\n /*\n * We only care about new events\n */\n if (ev.rev > (this.latestRev = this.latestRev || ev.rev)) {\n /*\n * Update rev regardless of if it's a ev type we care about or not\n */\n this.latestRev = ev.rev\n needsEmit = true\n batch.push(ev)\n }\n }\n }\n\n if (needsEmit) {\n try {\n this.emitter.emit('event', {type: 'logs', logs: batch})\n } catch (e: any) {\n logger.error(e, {\n context: `${LOGGER_CONTEXT}: process latest events`,\n })\n }\n }\n } catch (e: any) {\n logger.error(e, {context: `${LOGGER_CONTEXT}: poll events failed`})\n\n this.dispatch({\n event: MessagesEventBusDispatchEvent.Error,\n payload: {\n exception: e,\n code: MessagesEventBusErrorCode.PollFailed,\n retry: () => {\n this.dispatch({event: MessagesEventBusDispatchEvent.Resume})\n },\n },\n })\n } finally {\n this.isPolling = false\n }\n }\n}\n","import React from 'react'\nimport {AppState} from 'react-native'\n\nimport {MessagesEventBus} from '#/state/messages/events/agent'\nimport {useAgent, useSession} from '#/state/session'\n\nconst MessagesEventBusContext = React.createContext(\n null,\n)\n\nexport function useMessagesEventBus() {\n const ctx = React.useContext(MessagesEventBusContext)\n if (!ctx) {\n throw new Error(\n 'useMessagesEventBus must be used within a MessagesEventBusProvider',\n )\n }\n return ctx\n}\n\nexport function MessagesEventBusProvider({\n children,\n}: {\n children: React.ReactNode\n}) {\n const {currentAccount} = useSession()\n\n if (!currentAccount) {\n return (\n \n {children}\n \n )\n }\n\n return (\n {children}\n )\n}\n\nexport function MessagesEventBusProviderInner({\n children,\n}: {\n children: React.ReactNode\n}) {\n const agent = useAgent()\n const [bus] = React.useState(\n () =>\n new MessagesEventBus({\n agent,\n }),\n )\n\n React.useEffect(() => {\n bus.resume()\n\n return () => {\n bus.suspend()\n }\n }, [bus])\n\n React.useEffect(() => {\n const handleAppStateChange = (nextAppState: string) => {\n if (nextAppState === 'active') {\n bus.resume()\n } else {\n bus.background()\n }\n }\n\n const sub = AppState.addEventListener('change', handleAppStateChange)\n\n return () => {\n sub.remove()\n }\n }, [bus])\n\n return (\n \n {children}\n \n )\n}\n","import React from 'react'\nimport * as persisted from '#/state/persisted'\n\ntype StateContext = persisted.Schema['requireAltTextEnabled']\ntype SetContext = (v: persisted.Schema['requireAltTextEnabled']) => void\n\nconst stateContext = React.createContext(\n persisted.defaults.requireAltTextEnabled,\n)\nconst setContext = React.createContext(\n (_: persisted.Schema['requireAltTextEnabled']) => {},\n)\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const [state, setState] = React.useState(\n persisted.get('requireAltTextEnabled'),\n )\n\n const setStateWrapped = React.useCallback(\n (requireAltTextEnabled: persisted.Schema['requireAltTextEnabled']) => {\n setState(requireAltTextEnabled)\n persisted.write('requireAltTextEnabled', requireAltTextEnabled)\n },\n [setState],\n )\n\n React.useEffect(() => {\n return persisted.onUpdate(() => {\n setState(persisted.get('requireAltTextEnabled'))\n })\n }, [setStateWrapped])\n\n return (\n \n \n {children}\n \n \n )\n}\n\nexport function useRequireAltTextEnabled() {\n return React.useContext(stateContext)\n}\n\nexport function useSetRequireAltTextEnabled() {\n return React.useContext(setContext)\n}\n","import React from 'react'\n\nimport * as persisted from '#/state/persisted'\n\ntype StateContext = boolean\ntype SetContext = (v: boolean) => void\n\nconst stateContext = React.createContext(\n Boolean(persisted.defaults.disableAutoplay),\n)\nconst setContext = React.createContext((_: boolean) => {})\n\nexport function Provider({children}: {children: React.ReactNode}) {\n const [state, setState] = React.useState(\n Boolean(persisted.get('disableAutoplay')),\n )\n\n const setStateWrapped = React.useCallback(\n (autoplayDisabled: persisted.Schema['disableAutoplay']) => {\n setState(Boolean(autoplayDisabled))\n persisted.write('disableAutoplay', autoplayDisabled)\n },\n [setState],\n )\n\n React.useEffect(() => {\n return persisted.onUpdate(() => {\n setState(Boolean(persisted.get('disableAutoplay')))\n })\n }, [setStateWrapped])\n\n return (\n \n \n {children}\n \n \n )\n}\n\nexport const useAutoplayDisabled = () => React.useContext(stateContext)\nexport const useSetAutoplayDisabled = () => React.useContext(setContext)\n","import React from 'react'\n\nimport * as persisted from '#/state/persisted'\n\ntype StateContext = boolean\ntype SetContext = (v: boolean) => void\n\nconst stateContext = React.createContext(\n Boolean(persisted.defaults.disableHaptics),\n)\nconst setContext = React.createContext((_: boolean) => {})\n\nexport function Provider({children}: {children: React.ReactNode}) {\n const [state, setState] = React.useState(\n Boolean(persisted.get('disableHaptics')),\n )\n\n const setStateWrapped = React.useCallback(\n (hapticsEnabled: persisted.Schema['disableHaptics']) => {\n setState(Boolean(hapticsEnabled))\n persisted.write('disableHaptics', hapticsEnabled)\n },\n [setState],\n )\n\n React.useEffect(() => {\n return persisted.onUpdate(() => {\n setState(Boolean(persisted.get('disableHaptics')))\n })\n }, [setStateWrapped])\n\n return (\n \n \n {children}\n \n \n )\n}\n\nexport const useHapticsDisabled = () => React.useContext(stateContext)\nexport const useSetHapticsDisabled = () => React.useContext(setContext)\n","import React from 'react'\n\nimport * as persisted from '#/state/persisted'\nimport {EmbedPlayerSource} from 'lib/strings/embed-player'\n\ntype StateContext = persisted.Schema['externalEmbeds']\ntype SetContext = (\n source: EmbedPlayerSource,\n value: 'show' | 'hide' | undefined,\n) => void\n\nconst stateContext = React.createContext(\n persisted.defaults.externalEmbeds,\n)\nconst setContext = React.createContext({} as SetContext)\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const [state, setState] = React.useState(persisted.get('externalEmbeds'))\n\n const setStateWrapped = React.useCallback(\n (source: EmbedPlayerSource, value: 'show' | 'hide' | undefined) => {\n setState(prev => {\n persisted.write('externalEmbeds', {\n ...prev,\n [source]: value,\n })\n\n return {\n ...prev,\n [source]: value,\n }\n })\n },\n [setState],\n )\n\n React.useEffect(() => {\n return persisted.onUpdate(() => {\n setState(persisted.get('externalEmbeds'))\n })\n }, [setStateWrapped])\n\n return (\n \n \n {children}\n \n \n )\n}\n\nexport function useExternalEmbedsPrefs() {\n return React.useContext(stateContext)\n}\n\nexport function useSetExternalEmbedPref() {\n return React.useContext(setContext)\n}\n","import React from 'react'\nimport * as persisted from '#/state/persisted'\n\ntype SetStateCb = (\n s: persisted.Schema['hiddenPosts'],\n) => persisted.Schema['hiddenPosts']\ntype StateContext = persisted.Schema['hiddenPosts']\ntype ApiContext = {\n hidePost: ({uri}: {uri: string}) => void\n unhidePost: ({uri}: {uri: string}) => void\n}\n\nconst stateContext = React.createContext(\n persisted.defaults.hiddenPosts,\n)\nconst apiContext = React.createContext({\n hidePost: () => {},\n unhidePost: () => {},\n})\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const [state, setState] = React.useState(persisted.get('hiddenPosts'))\n\n const setStateWrapped = React.useCallback(\n (fn: SetStateCb) => {\n const s = fn(persisted.get('hiddenPosts'))\n setState(s)\n persisted.write('hiddenPosts', s)\n },\n [setState],\n )\n\n const api = React.useMemo(\n () => ({\n hidePost: ({uri}: {uri: string}) => {\n setStateWrapped(s => [...(s || []), uri])\n },\n unhidePost: ({uri}: {uri: string}) => {\n setStateWrapped(s => (s || []).filter(u => u !== uri))\n },\n }),\n [setStateWrapped],\n )\n\n React.useEffect(() => {\n return persisted.onUpdate(() => {\n setState(persisted.get('hiddenPosts'))\n })\n }, [setStateWrapped])\n\n return (\n \n {children}\n \n )\n}\n\nexport function useHiddenPosts() {\n return React.useContext(stateContext)\n}\n\nexport function useHiddenPostsApi() {\n return React.useContext(apiContext)\n}\n","import {Dimensions, StyleProp, StyleSheet, TextStyle} from 'react-native'\nimport {Theme, TypographyVariant} from './ThemeContext'\nimport {isWeb} from 'platform/detection'\n\n// 1 is lightest, 2 is light, 3 is mid, 4 is dark, 5 is darkest\nexport const colors = {\n white: '#ffffff',\n black: '#000000',\n\n gray1: '#F3F3F8',\n gray2: '#E2E2E4',\n gray3: '#B9B9C1',\n gray4: '#8D8E96',\n gray5: '#545664',\n gray6: '#373942',\n gray7: '#26272D',\n gray8: '#141417',\n\n blue0: '#bfe1ff',\n blue1: '#8bc7fd',\n blue2: '#52acfe',\n blue3: '#0085ff',\n blue4: '#0062bd',\n blue5: '#034581',\n blue6: '#012561',\n blue7: '#001040',\n\n red1: '#ffe6eb',\n red2: '#fba2b2',\n red3: '#ec4868',\n red4: '#d11043',\n red5: '#970721',\n red6: '#690419',\n red7: '#4F0314',\n\n pink1: '#f8ccff',\n pink2: '#e966ff',\n pink3: '#db00ff',\n pink4: '#a601c1',\n pink5: '#570066',\n\n purple1: '#ebdbff',\n purple2: '#ba85ff',\n purple3: '#9747ff',\n purple4: '#6d00fa',\n purple5: '#380080',\n\n green1: '#c1ffb8',\n green2: '#27f406',\n green3: '#20bc07',\n green4: '#148203',\n green5: '#082b03',\n\n unreadNotifBg: '#ebf6ff',\n brandBlue: '#0066FF',\n like: '#ec4899',\n}\n\nexport const gradients = {\n blueLight: {start: '#5A71FA', end: colors.blue3}, // buttons\n blue: {start: '#5E55FB', end: colors.blue3}, // fab\n blueDark: {start: '#5F45E0', end: colors.blue3}, // avis, banner\n}\n\nexport const s = StyleSheet.create({\n // helpers\n footerSpacer: {height: 100},\n contentContainer: {paddingBottom: 200},\n contentContainerExtra: {paddingBottom: 300},\n border0: {borderWidth: 0},\n border1: {borderWidth: 1},\n borderTop1: {borderTopWidth: 1},\n borderRight1: {borderRightWidth: 1},\n borderBottom1: {borderBottomWidth: 1},\n borderLeft1: {borderLeftWidth: 1},\n hidden: {display: 'none'},\n dimmed: {opacity: 0.5},\n\n // font weights\n fw600: {fontWeight: '600'},\n bold: {fontWeight: 'bold'},\n fw500: {fontWeight: '500'},\n semiBold: {fontWeight: '500'},\n fw400: {fontWeight: '400'},\n normal: {fontWeight: '400'},\n fw300: {fontWeight: '300'},\n light: {fontWeight: '300'},\n fw200: {fontWeight: '200'},\n\n // text decoration\n underline: {textDecorationLine: 'underline'},\n\n // font variants\n tabularNum: {fontVariant: ['tabular-nums']},\n\n // font sizes\n f9: {fontSize: 9},\n f10: {fontSize: 10},\n f11: {fontSize: 11},\n f12: {fontSize: 12},\n f13: {fontSize: 13},\n f14: {fontSize: 14},\n f15: {fontSize: 15},\n f16: {fontSize: 16},\n f17: {fontSize: 17},\n f18: {fontSize: 18},\n\n // line heights\n ['lh13-1']: {lineHeight: 13},\n ['lh13-1.3']: {lineHeight: 16.9}, // 1.3 of 13px\n ['lh14-1']: {lineHeight: 14},\n ['lh14-1.3']: {lineHeight: 18.2}, // 1.3 of 14px\n ['lh15-1']: {lineHeight: 15},\n ['lh15-1.3']: {lineHeight: 19.5}, // 1.3 of 15px\n ['lh16-1']: {lineHeight: 16},\n ['lh16-1.3']: {lineHeight: 20.8}, // 1.3 of 16px\n ['lh17-1']: {lineHeight: 17},\n ['lh17-1.3']: {lineHeight: 22.1}, // 1.3 of 17px\n ['lh18-1']: {lineHeight: 18},\n ['lh18-1.3']: {lineHeight: 23.4}, // 1.3 of 18px\n\n // margins\n mr2: {marginRight: 2},\n mr5: {marginRight: 5},\n mr10: {marginRight: 10},\n mr20: {marginRight: 20},\n ml2: {marginLeft: 2},\n ml5: {marginLeft: 5},\n ml10: {marginLeft: 10},\n ml20: {marginLeft: 20},\n mt2: {marginTop: 2},\n mt5: {marginTop: 5},\n mt10: {marginTop: 10},\n mt20: {marginTop: 20},\n mb2: {marginBottom: 2},\n mb5: {marginBottom: 5},\n mb10: {marginBottom: 10},\n mb20: {marginBottom: 20},\n\n // paddings\n p2: {padding: 2},\n p5: {padding: 5},\n p10: {padding: 10},\n p20: {padding: 20},\n pr2: {paddingRight: 2},\n pr5: {paddingRight: 5},\n pr10: {paddingRight: 10},\n pr20: {paddingRight: 20},\n pl2: {paddingLeft: 2},\n pl5: {paddingLeft: 5},\n pl10: {paddingLeft: 10},\n pl20: {paddingLeft: 20},\n pt2: {paddingTop: 2},\n pt5: {paddingTop: 5},\n pt10: {paddingTop: 10},\n pt20: {paddingTop: 20},\n pb2: {paddingBottom: 2},\n pb5: {paddingBottom: 5},\n pb10: {paddingBottom: 10},\n pb20: {paddingBottom: 20},\n px5: {paddingHorizontal: 5},\n\n // flex\n flexRow: {flexDirection: 'row'},\n flexCol: {flexDirection: 'column'},\n flex1: {flex: 1},\n flexGrow1: {flexGrow: 1},\n alignCenter: {alignItems: 'center'},\n alignBaseline: {alignItems: 'baseline'},\n justifyCenter: {justifyContent: 'center'},\n\n // position\n absolute: {position: 'absolute'},\n\n // dimensions\n w100pct: {width: '100%'},\n h100pct: {height: '100%'},\n hContentRegion: isWeb ? {minHeight: '100%'} : {height: '100%'},\n window: {\n width: Dimensions.get('window').width,\n height: Dimensions.get('window').height,\n },\n\n // text align\n textLeft: {textAlign: 'left'},\n textCenter: {textAlign: 'center'},\n textRight: {textAlign: 'right'},\n\n // colors\n white: {color: colors.white},\n black: {color: colors.black},\n\n gray1: {color: colors.gray1},\n gray2: {color: colors.gray2},\n gray3: {color: colors.gray3},\n gray4: {color: colors.gray4},\n gray5: {color: colors.gray5},\n\n blue1: {color: colors.blue1},\n blue2: {color: colors.blue2},\n blue3: {color: colors.blue3},\n blue4: {color: colors.blue4},\n blue5: {color: colors.blue5},\n\n red1: {color: colors.red1},\n red2: {color: colors.red2},\n red3: {color: colors.red3},\n red4: {color: colors.red4},\n red5: {color: colors.red5},\n\n pink1: {color: colors.pink1},\n pink2: {color: colors.pink2},\n pink3: {color: colors.pink3},\n pink4: {color: colors.pink4},\n pink5: {color: colors.pink5},\n\n purple1: {color: colors.purple1},\n purple2: {color: colors.purple2},\n purple3: {color: colors.purple3},\n purple4: {color: colors.purple4},\n purple5: {color: colors.purple5},\n\n green1: {color: colors.green1},\n green2: {color: colors.green2},\n green3: {color: colors.green3},\n green4: {color: colors.green4},\n green5: {color: colors.green5},\n\n brandBlue: {color: colors.brandBlue},\n likeColor: {color: colors.like},\n})\n\nexport function lh(\n theme: Theme,\n type: TypographyVariant,\n height: number,\n): TextStyle {\n return {\n lineHeight: Math.round((theme.typography[type].fontSize || 16) * height),\n }\n}\n\nexport function addStyle(\n base: StyleProp,\n addedStyle: StyleProp,\n): StyleProp {\n if (Array.isArray(base)) {\n return base.concat([addedStyle])\n }\n return [base, addedStyle]\n}\n","import {Platform} from 'react-native'\nimport type {Theme} from './ThemeContext'\nimport {colors} from './styles'\n\nimport {darkPalette, lightPalette, dimPalette} from '#/alf/themes'\n\nexport const defaultTheme: Theme = {\n colorScheme: 'light',\n palette: {\n default: {\n background: lightPalette.white,\n backgroundLight: lightPalette.contrast_25,\n text: lightPalette.black,\n textLight: lightPalette.contrast_700,\n textInverted: lightPalette.white,\n link: lightPalette.primary_500,\n border: lightPalette.contrast_100,\n borderDark: lightPalette.contrast_200,\n icon: lightPalette.contrast_500,\n\n // non-standard\n textVeryLight: lightPalette.contrast_400,\n replyLine: lightPalette.contrast_100,\n replyLineDot: lightPalette.contrast_200,\n unreadNotifBg: lightPalette.primary_25,\n unreadNotifBorder: lightPalette.primary_100,\n postCtrl: lightPalette.contrast_500,\n brandText: lightPalette.primary_500,\n emptyStateIcon: lightPalette.contrast_300,\n borderLinkHover: lightPalette.contrast_300,\n },\n primary: {\n background: colors.blue3,\n backgroundLight: colors.blue2,\n text: colors.white,\n textLight: colors.blue0,\n textInverted: colors.blue3,\n link: colors.blue0,\n border: colors.blue4,\n borderDark: colors.blue5,\n icon: colors.blue4,\n },\n secondary: {\n background: colors.green3,\n backgroundLight: colors.green2,\n text: colors.white,\n textLight: colors.green1,\n textInverted: colors.green4,\n link: colors.green1,\n border: colors.green4,\n borderDark: colors.green5,\n icon: colors.green4,\n },\n inverted: {\n background: darkPalette.black,\n backgroundLight: darkPalette.contrast_50,\n text: darkPalette.white,\n textLight: darkPalette.contrast_700,\n textInverted: darkPalette.black,\n link: darkPalette.primary_500,\n border: darkPalette.contrast_100,\n borderDark: darkPalette.contrast_200,\n icon: darkPalette.contrast_500,\n },\n error: {\n background: colors.red3,\n backgroundLight: colors.red2,\n text: colors.white,\n textLight: colors.red1,\n textInverted: colors.red3,\n link: colors.red1,\n border: colors.red4,\n borderDark: colors.red5,\n icon: colors.red4,\n },\n },\n shapes: {\n button: {\n // TODO\n },\n bigButton: {\n // TODO\n },\n smallButton: {\n // TODO\n },\n },\n typography: {\n '2xl-thin': {\n fontSize: 18,\n letterSpacing: 0.25,\n fontWeight: '300',\n },\n '2xl': {\n fontSize: 18,\n letterSpacing: 0.25,\n fontWeight: '400',\n },\n '2xl-medium': {\n fontSize: 18,\n letterSpacing: 0.25,\n fontWeight: '500',\n },\n '2xl-bold': {\n fontSize: 18,\n letterSpacing: 0.25,\n fontWeight: '700',\n },\n '2xl-heavy': {\n fontSize: 18,\n letterSpacing: 0.25,\n fontWeight: '800',\n },\n 'xl-thin': {\n fontSize: 17,\n letterSpacing: 0.25,\n fontWeight: '300',\n },\n xl: {\n fontSize: 17,\n letterSpacing: 0.25,\n fontWeight: '400',\n },\n 'xl-medium': {\n fontSize: 17,\n letterSpacing: 0.25,\n fontWeight: '500',\n },\n 'xl-bold': {\n fontSize: 17,\n letterSpacing: 0.25,\n fontWeight: '700',\n },\n 'xl-heavy': {\n fontSize: 17,\n letterSpacing: 0.25,\n fontWeight: '800',\n },\n 'lg-thin': {\n fontSize: 16,\n letterSpacing: 0.25,\n fontWeight: '300',\n },\n lg: {\n fontSize: 16,\n letterSpacing: 0.25,\n fontWeight: '400',\n },\n 'lg-medium': {\n fontSize: 16,\n letterSpacing: 0.25,\n fontWeight: '500',\n },\n 'lg-bold': {\n fontSize: 16,\n letterSpacing: 0.25,\n fontWeight: '700',\n },\n 'lg-heavy': {\n fontSize: 16,\n letterSpacing: 0.25,\n fontWeight: '800',\n },\n 'md-thin': {\n fontSize: 15,\n letterSpacing: 0.25,\n fontWeight: '300',\n },\n md: {\n fontSize: 15,\n letterSpacing: 0.25,\n fontWeight: '400',\n },\n 'md-medium': {\n fontSize: 15,\n letterSpacing: 0.25,\n fontWeight: '500',\n },\n 'md-bold': {\n fontSize: 15,\n letterSpacing: 0.25,\n fontWeight: '700',\n },\n 'md-heavy': {\n fontSize: 15,\n letterSpacing: 0.25,\n fontWeight: '800',\n },\n 'sm-thin': {\n fontSize: 14,\n letterSpacing: 0.25,\n fontWeight: '300',\n },\n sm: {\n fontSize: 14,\n letterSpacing: 0.25,\n fontWeight: '400',\n },\n 'sm-medium': {\n fontSize: 14,\n letterSpacing: 0.25,\n fontWeight: '500',\n },\n 'sm-bold': {\n fontSize: 14,\n letterSpacing: 0.25,\n fontWeight: '700',\n },\n 'sm-heavy': {\n fontSize: 14,\n letterSpacing: 0.25,\n fontWeight: '800',\n },\n 'xs-thin': {\n fontSize: 13,\n letterSpacing: 0.25,\n fontWeight: '300',\n },\n xs: {\n fontSize: 13,\n letterSpacing: 0.25,\n fontWeight: '400',\n },\n 'xs-medium': {\n fontSize: 13,\n letterSpacing: 0.25,\n fontWeight: '500',\n },\n 'xs-bold': {\n fontSize: 13,\n letterSpacing: 0.25,\n fontWeight: '700',\n },\n 'xs-heavy': {\n fontSize: 13,\n letterSpacing: 0.25,\n fontWeight: '800',\n },\n\n 'title-2xl': {\n fontSize: 34,\n letterSpacing: 0.25,\n fontWeight: '500',\n },\n 'title-xl': {\n fontSize: 28,\n letterSpacing: 0.25,\n fontWeight: '500',\n },\n 'title-lg': {\n fontSize: 22,\n fontWeight: '500',\n },\n title: {\n fontWeight: '500',\n fontSize: 20,\n letterSpacing: 0.15,\n },\n 'title-sm': {\n fontWeight: 'bold',\n fontSize: 17,\n letterSpacing: 0.15,\n },\n 'post-text': {\n fontSize: 16,\n letterSpacing: 0.2,\n fontWeight: '400',\n },\n 'post-text-lg': {\n fontSize: 20,\n letterSpacing: 0.2,\n fontWeight: '400',\n },\n 'button-lg': {\n fontWeight: '500',\n fontSize: 18,\n letterSpacing: 0.5,\n },\n button: {\n fontWeight: '500',\n fontSize: 14,\n letterSpacing: 0.5,\n },\n mono: {\n fontSize: 14,\n fontFamily: Platform.OS === 'android' ? 'monospace' : 'Courier New',\n },\n },\n}\n\nexport const darkTheme: Theme = {\n ...defaultTheme,\n colorScheme: 'dark',\n palette: {\n ...defaultTheme.palette,\n default: {\n background: darkPalette.black,\n backgroundLight: darkPalette.contrast_50,\n text: darkPalette.white,\n textLight: darkPalette.contrast_700,\n textInverted: darkPalette.black,\n link: darkPalette.primary_500,\n border: darkPalette.contrast_100,\n borderDark: darkPalette.contrast_200,\n icon: darkPalette.contrast_500,\n\n // non-standard\n textVeryLight: darkPalette.contrast_400,\n replyLine: darkPalette.contrast_200,\n replyLineDot: darkPalette.contrast_200,\n unreadNotifBg: darkPalette.primary_975,\n unreadNotifBorder: darkPalette.primary_900,\n postCtrl: darkPalette.contrast_500,\n brandText: darkPalette.primary_500,\n emptyStateIcon: darkPalette.contrast_300,\n borderLinkHover: darkPalette.contrast_300,\n },\n primary: {\n ...defaultTheme.palette.primary,\n textInverted: colors.blue2,\n },\n secondary: {\n ...defaultTheme.palette.secondary,\n textInverted: colors.green2,\n },\n inverted: {\n background: lightPalette.white,\n backgroundLight: lightPalette.contrast_50,\n text: lightPalette.black,\n textLight: lightPalette.contrast_700,\n textInverted: lightPalette.white,\n link: lightPalette.primary_500,\n border: lightPalette.contrast_100,\n borderDark: lightPalette.contrast_200,\n icon: lightPalette.contrast_500,\n },\n },\n}\n\nexport const dimTheme: Theme = {\n ...darkTheme,\n palette: {\n ...darkTheme.palette,\n default: {\n ...darkTheme.palette.default,\n background: dimPalette.black,\n backgroundLight: dimPalette.contrast_50,\n text: dimPalette.white,\n textLight: dimPalette.contrast_700,\n textInverted: dimPalette.black,\n link: dimPalette.primary_500,\n border: dimPalette.contrast_100,\n borderDark: dimPalette.contrast_200,\n icon: dimPalette.contrast_500,\n\n // non-standard\n textVeryLight: dimPalette.contrast_400,\n replyLine: dimPalette.contrast_200,\n replyLineDot: dimPalette.contrast_200,\n unreadNotifBg: dimPalette.primary_975,\n unreadNotifBorder: dimPalette.primary_900,\n postCtrl: dimPalette.contrast_500,\n brandText: dimPalette.primary_500,\n emptyStateIcon: dimPalette.contrast_300,\n borderLinkHover: dimPalette.contrast_300,\n },\n },\n}\n","import React, {ReactNode, createContext, useContext} from 'react'\nimport {TextStyle, ViewStyle} from 'react-native'\nimport {darkTheme, defaultTheme, dimTheme} from './themes'\nimport {ThemeName} from '#/alf/themes'\n\nexport type ColorScheme = 'light' | 'dark'\n\nexport type PaletteColorName =\n | 'default'\n | 'primary'\n | 'secondary'\n | 'inverted'\n | 'error'\nexport type PaletteColor = {\n background: string\n backgroundLight: string\n text: string\n textLight: string\n textInverted: string\n link: string\n border: string\n borderDark: string\n icon: string\n [k: string]: string\n}\nexport type Palette = Record\n\nexport type ShapeName = 'button' | 'bigButton' | 'smallButton'\nexport type Shapes = Record\n\nexport type TypographyVariant =\n | '2xl-thin'\n | '2xl'\n | '2xl-medium'\n | '2xl-bold'\n | '2xl-heavy'\n | 'xl-thin'\n | 'xl'\n | 'xl-medium'\n | 'xl-bold'\n | 'xl-heavy'\n | 'lg-thin'\n | 'lg'\n | 'lg-medium'\n | 'lg-bold'\n | 'lg-heavy'\n | 'md-thin'\n | 'md'\n | 'md-medium'\n | 'md-bold'\n | 'md-heavy'\n | 'sm-thin'\n | 'sm'\n | 'sm-medium'\n | 'sm-bold'\n | 'sm-heavy'\n | 'xs-thin'\n | 'xs'\n | 'xs-medium'\n | 'xs-bold'\n | 'xs-heavy'\n | 'title-2xl'\n | 'title-xl'\n | 'title-lg'\n | 'title'\n | 'title-sm'\n | 'post-text-lg'\n | 'post-text'\n | 'button'\n | 'button-lg'\n | 'mono'\nexport type Typography = Record\n\nexport interface Theme {\n colorScheme: ColorScheme\n palette: Palette\n shapes: Shapes\n typography: Typography\n}\n\nexport interface ThemeProviderProps {\n children?: ReactNode\n theme: ThemeName\n}\n\nexport const ThemeContext = createContext(defaultTheme)\n\nexport const useTheme = () => useContext(ThemeContext)\n\nfunction getTheme(theme: ThemeName) {\n switch (theme) {\n case 'light':\n return defaultTheme\n case 'dim':\n return dimTheme\n case 'dark':\n return darkTheme\n default:\n return defaultTheme\n }\n}\n\nexport const ThemeProvider: React.FC = ({\n theme,\n children,\n}) => {\n const themeValue = getTheme(theme)\n\n return (\n {children}\n )\n}\n","import {useMemo} from 'react'\nimport {TextStyle, ViewStyle} from 'react-native'\nimport {useTheme, PaletteColorName, PaletteColor} from '../ThemeContext'\n\nexport interface UsePaletteValue {\n colors: PaletteColor\n view: ViewStyle\n viewLight: ViewStyle\n btn: ViewStyle\n border: ViewStyle\n borderDark: ViewStyle\n text: TextStyle\n textLight: TextStyle\n textInverted: TextStyle\n link: TextStyle\n icon: TextStyle\n}\nexport function usePalette(color: PaletteColorName): UsePaletteValue {\n const theme = useTheme()\n return useMemo(() => {\n const palette = theme.palette[color]\n return {\n colors: palette,\n view: {\n backgroundColor: palette.background,\n },\n viewLight: {\n backgroundColor: palette.backgroundLight,\n },\n btn: {\n backgroundColor: palette.backgroundLight,\n },\n border: {\n borderColor: palette.border,\n },\n borderDark: {\n borderColor: palette.borderDark,\n },\n text: {\n color: palette.text,\n },\n textLight: {\n color: palette.textLight,\n },\n textInverted: {\n color: palette.textInverted,\n },\n link: {\n color: palette.link,\n },\n icon: {\n color: palette.icon,\n },\n }\n }, [theme, color])\n}\n","// Regex from the go implementation\n// https://github.com/bluesky-social/indigo/blob/main/atproto/syntax/handle.go#L10\nconst VALIDATE_REGEX =\n /^([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\\.)+[a-zA-Z]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?$/\n\nexport function makeValidHandle(str: string): string {\n if (str.length > 20) {\n str = str.slice(0, 20)\n }\n str = str.toLowerCase()\n return str.replace(/^[^a-z0-9]+/g, '').replace(/[^a-z0-9-]/g, '')\n}\n\nexport function createFullHandle(name: string, domain: string): string {\n name = (name || '').replace(/[.]+$/, '')\n domain = (domain || '').replace(/^[.]+/, '')\n return `${name}.${domain}`\n}\n\nexport function isInvalidHandle(handle: string): boolean {\n return handle === 'handle.invalid'\n}\n\nexport function sanitizeHandle(handle: string, prefix = ''): string {\n return isInvalidHandle(handle) ? '⚠Invalid Handle' : `${prefix}${handle}`\n}\n\nexport interface IsValidHandle {\n handleChars: boolean\n hyphenStartOrEnd: boolean\n frontLength: boolean\n totalLength: boolean\n overall: boolean\n}\n\n// More checks from https://github.com/bluesky-social/atproto/blob/main/packages/pds/src/handle/index.ts#L72\nexport function validateHandle(str: string, userDomain: string): IsValidHandle {\n const fullHandle = createFullHandle(str, userDomain)\n\n const results = {\n handleChars:\n !str || (VALIDATE_REGEX.test(fullHandle) && !str.includes('.')),\n hyphenStartOrEnd: !str.startsWith('-') && !str.endsWith('-'),\n frontLength: str.length >= 3,\n totalLength: fullHandle.length <= 253,\n }\n\n return {\n ...results,\n overall: !Object.values(results).includes(false),\n }\n}\n","import {AtUri} from '@atproto/api'\nimport psl from 'psl'\nimport TLDs from 'tlds'\n\nimport {BSKY_SERVICE} from 'lib/constants'\nimport {isInvalidHandle} from 'lib/strings/handles'\n\nexport const BSKY_APP_HOST = 'https://sunaba.network'\nconst BSKY_TRUSTED_HOSTS = [\n 'sunaba\\\\.network',\n 'sunaba\\\\.io',\n 'blueskyweb\\\\.xyz',\n 'blueskyweb\\\\.zendesk\\\\.com',\n ...(__DEV__ ? ['localhost:19006', 'localhost:8100'] : []),\n]\n\n/*\n * This will allow any BSKY_TRUSTED_HOSTS value by itself or with a subdomain.\n * It will also allow relative paths like /profile as well as #.\n */\nconst TRUSTED_REGEX = new RegExp(\n `^(http(s)?://(([\\\\w-]+\\\\.)?${BSKY_TRUSTED_HOSTS.join(\n '|([\\\\w-]+\\\\.)?',\n )})|/|#)`,\n)\n\nexport function isValidDomain(str: string): boolean {\n return !!TLDs.find(tld => {\n let i = str.lastIndexOf(tld)\n if (i === -1) {\n return false\n }\n return str.charAt(i - 1) === '.' && i === str.length - tld.length\n })\n}\n\nexport function makeRecordUri(\n didOrName: string,\n collection: string,\n rkey: string,\n) {\n const urip = new AtUri('at://host/')\n urip.host = didOrName\n urip.collection = collection\n urip.rkey = rkey\n return urip.toString()\n}\n\nexport function toNiceDomain(url: string): string {\n try {\n const urlp = new URL(url)\n if (`https://${urlp.host}` === BSKY_SERVICE) {\n return 'Bluesky Social'\n }\n return urlp.host ? urlp.host : url\n } catch (e) {\n return url\n }\n}\n\nexport function toShortUrl(url: string): string {\n try {\n const urlp = new URL(url)\n if (urlp.protocol !== 'http:' && urlp.protocol !== 'https:') {\n return url\n }\n const path =\n (urlp.pathname === '/' ? '' : urlp.pathname) + urlp.search + urlp.hash\n if (path.length > 15) {\n return urlp.host + path.slice(0, 13) + '...'\n }\n return urlp.host + path\n } catch (e) {\n return url\n }\n}\n\nexport function toShareUrl(url: string): string {\n if (!url.startsWith('https')) {\n const urlp = new URL('https://sunaba.network')\n urlp.pathname = url\n url = urlp.toString()\n }\n return url\n}\n\nexport function toBskyAppUrl(url: string): string {\n return new URL(url, BSKY_APP_HOST).toString()\n}\n\nexport function isBskyAppUrl(url: string): boolean {\n return url.startsWith('https://sunaba.network/')\n}\n\nexport function isRelativeUrl(url: string): boolean {\n return /^\\/[^/]/.test(url)\n}\n\nexport function isBskyRSSUrl(url: string): boolean {\n return (\n (url.startsWith('https://sunaba.network/') || isRelativeUrl(url)) &&\n /\\/rss\\/?$/.test(url)\n )\n}\n\nexport function isExternalUrl(url: string): boolean {\n const external = !isBskyAppUrl(url) && url.startsWith('http')\n const rss = isBskyRSSUrl(url)\n return external || rss\n}\n\nexport function isTrustedUrl(url: string): boolean {\n return TRUSTED_REGEX.test(url)\n}\n\nexport function isBskyPostUrl(url: string): boolean {\n if (isBskyAppUrl(url)) {\n try {\n const urlp = new URL(url)\n return /profile\\/(?[^/]+)\\/post\\/(?[^/]+)/i.test(\n urlp.pathname,\n )\n } catch {}\n }\n return false\n}\n\nexport function isBskyCustomFeedUrl(url: string): boolean {\n if (isBskyAppUrl(url)) {\n try {\n const urlp = new URL(url)\n return /profile\\/(?[^/]+)\\/feed\\/(?[^/]+)/i.test(\n urlp.pathname,\n )\n } catch {}\n }\n return false\n}\n\nexport function isBskyListUrl(url: string): boolean {\n if (isBskyAppUrl(url)) {\n try {\n const urlp = new URL(url)\n return /profile\\/(?[^/]+)\\/lists\\/(?[^/]+)/i.test(\n urlp.pathname,\n )\n } catch {\n console.error('Unexpected error in isBskyListUrl()', url)\n }\n }\n return false\n}\n\nexport function isBskyDownloadUrl(url: string): boolean {\n if (isExternalUrl(url)) {\n return false\n }\n return url === '/download' || url.startsWith('/download?')\n}\n\nexport function convertBskyAppUrlIfNeeded(url: string): string {\n if (isBskyAppUrl(url)) {\n try {\n const urlp = new URL(url)\n return urlp.pathname\n } catch (e) {\n console.error('Unexpected error in convertBskyAppUrlIfNeeded()', e)\n }\n }\n return url\n}\n\nexport function listUriToHref(url: string): string {\n try {\n const {hostname, rkey} = new AtUri(url)\n return `/profile/${hostname}/lists/${rkey}`\n } catch {\n return ''\n }\n}\n\nexport function feedUriToHref(url: string): string {\n try {\n const {hostname, rkey} = new AtUri(url)\n return `/profile/${hostname}/feed/${rkey}`\n } catch {\n return ''\n }\n}\n\nexport function postUriToRelativePath(\n uri: string,\n options?: {handle?: string},\n): string | undefined {\n try {\n const {hostname, rkey} = new AtUri(uri)\n const handleOrDid =\n options?.handle && !isInvalidHandle(options.handle)\n ? options.handle\n : hostname\n return `/profile/${handleOrDid}/post/${rkey}`\n } catch {\n return undefined\n }\n}\n\n/**\n * Checks if the label in the post text matches the host of the link facet.\n *\n * Hosts are case-insensitive, so should be lowercase for comparison.\n * @see https://www.rfc-editor.org/rfc/rfc3986#section-3.2.2\n */\nexport function linkRequiresWarning(uri: string, label: string) {\n const labelDomain = labelToDomain(label)\n\n // We should trust any relative URL or a # since we know it links to internal content\n if (isRelativeUrl(uri) || uri === '#') {\n return false\n }\n\n let urip\n try {\n urip = new URL(uri)\n } catch {\n return true\n }\n\n const host = urip.hostname.toLowerCase()\n if (isTrustedUrl(uri)) {\n // if this is a link to internal content, warn if it represents itself as a URL to another app\n return !!labelDomain && labelDomain !== host && isPossiblyAUrl(labelDomain)\n } else {\n // if this is a link to external content, warn if the label doesnt match the target\n if (!labelDomain) {\n return true\n }\n return labelDomain !== host\n }\n}\n\n/**\n * Returns a lowercase domain hostname if the label is a valid URL.\n *\n * Hosts are case-insensitive, so should be lowercase for comparison.\n * @see https://www.rfc-editor.org/rfc/rfc3986#section-3.2.2\n */\nexport function labelToDomain(label: string): string | undefined {\n // any spaces just immediately consider the label a non-url\n if (/\\s/.test(label)) {\n return undefined\n }\n try {\n return new URL(label).hostname.toLowerCase()\n } catch {}\n try {\n return new URL('https://' + label).hostname.toLowerCase()\n } catch {}\n return undefined\n}\n\nexport function isPossiblyAUrl(str: string): boolean {\n str = str.trim()\n if (str.startsWith('http://')) {\n return true\n }\n if (str.startsWith('https://')) {\n return true\n }\n const [firstWord] = str.split(/[\\s\\/]/)\n return isValidDomain(firstWord)\n}\n\nexport function splitApexDomain(hostname: string): [string, string] {\n const hostnamep = psl.parse(hostname)\n if (hostnamep.error || !hostnamep.listed || !hostnamep.domain) {\n return ['', hostname]\n }\n return [\n hostnamep.subdomain ? `${hostnamep.subdomain}.` : '',\n hostnamep.domain,\n ]\n}\n\nexport function createBskyAppAbsoluteUrl(path: string): string {\n const sanitizedPath = path.replace(BSKY_APP_HOST, '').replace(/^\\/+/, '')\n return `${BSKY_APP_HOST.replace(/\\/$/, '')}/${sanitizedPath}`\n}\n","import React from 'react'\nimport {Linking} from 'react-native'\nimport * as WebBrowser from 'expo-web-browser'\n\nimport {isNative} from '#/platform/detection'\nimport * as persisted from '#/state/persisted'\nimport {usePalette} from 'lib/hooks/usePalette'\nimport {\n createBskyAppAbsoluteUrl,\n isBskyRSSUrl,\n isRelativeUrl,\n} from 'lib/strings/url-helpers'\nimport {useModalControls} from '../modals'\n\ntype StateContext = persisted.Schema['useInAppBrowser']\ntype SetContext = (v: persisted.Schema['useInAppBrowser']) => void\n\nconst stateContext = React.createContext(\n persisted.defaults.useInAppBrowser,\n)\nconst setContext = React.createContext(\n (_: persisted.Schema['useInAppBrowser']) => {},\n)\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const [state, setState] = React.useState(persisted.get('useInAppBrowser'))\n\n const setStateWrapped = React.useCallback(\n (inAppBrowser: persisted.Schema['useInAppBrowser']) => {\n setState(inAppBrowser)\n persisted.write('useInAppBrowser', inAppBrowser)\n },\n [setState],\n )\n\n React.useEffect(() => {\n return persisted.onUpdate(() => {\n setState(persisted.get('useInAppBrowser'))\n })\n }, [setStateWrapped])\n\n return (\n \n \n {children}\n \n \n )\n}\n\nexport function useInAppBrowser() {\n return React.useContext(stateContext)\n}\n\nexport function useSetInAppBrowser() {\n return React.useContext(setContext)\n}\n\nexport function useOpenLink() {\n const {openModal} = useModalControls()\n const enabled = useInAppBrowser()\n const pal = usePalette('default')\n\n const openLink = React.useCallback(\n (url: string, override?: boolean) => {\n if (isBskyRSSUrl(url) && isRelativeUrl(url)) {\n url = createBskyAppAbsoluteUrl(url)\n }\n\n if (isNative && !url.startsWith('mailto:')) {\n if (override === undefined && enabled === undefined) {\n openModal({\n name: 'in-app-browser-consent',\n href: url,\n })\n return\n } else if (override ?? enabled) {\n WebBrowser.openBrowserAsync(url, {\n presentationStyle:\n WebBrowser.WebBrowserPresentationStyle.FULL_SCREEN,\n toolbarColor: pal.colors.backgroundLight,\n createTask: false,\n })\n return\n }\n }\n Linking.openURL(url)\n },\n [enabled, openModal, pal.colors.backgroundLight],\n )\n\n return openLink\n}\n","import React from 'react'\n\nimport {isWeb} from '#/platform/detection'\nimport * as persisted from '#/state/persisted'\n\ntype StateContext = persisted.Schema['kawaii']\n\nconst stateContext = React.createContext(\n persisted.defaults.kawaii,\n)\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const [state, setState] = React.useState(persisted.get('kawaii'))\n\n const setStateWrapped = React.useCallback(\n (kawaii: persisted.Schema['kawaii']) => {\n setState(kawaii)\n persisted.write('kawaii', kawaii)\n },\n [setState],\n )\n\n React.useEffect(() => {\n return persisted.onUpdate(() => {\n setState(persisted.get('kawaii'))\n })\n }, [setStateWrapped])\n\n React.useEffect(() => {\n // dumb and stupid but it's web only so just refresh the page if you want to change it\n\n if (isWeb) {\n const kawaii = new URLSearchParams(window.location.search).get('kawaii')\n switch (kawaii) {\n case 'true':\n setStateWrapped(true)\n break\n case 'false':\n setStateWrapped(false)\n break\n }\n }\n }, [setStateWrapped])\n\n return {children}\n}\n\nexport function useKawaiiMode() {\n return React.useContext(stateContext)\n}\n","import React from 'react'\n\nimport {AppLanguage} from '#/locale/languages'\nimport * as persisted from '#/state/persisted'\n\ntype SetStateCb = (\n s: persisted.Schema['languagePrefs'],\n) => persisted.Schema['languagePrefs']\ntype StateContext = persisted.Schema['languagePrefs']\ntype ApiContext = {\n setPrimaryLanguage: (code2: string) => void\n setPostLanguage: (commaSeparatedLangCodes: string) => void\n setContentLanguage: (code2: string) => void\n toggleContentLanguage: (code2: string) => void\n togglePostLanguage: (code2: string) => void\n savePostLanguageToHistory: () => void\n setAppLanguage: (code2: AppLanguage) => void\n}\n\nconst stateContext = React.createContext(\n persisted.defaults.languagePrefs,\n)\nconst apiContext = React.createContext({\n setPrimaryLanguage: (_: string) => {},\n setPostLanguage: (_: string) => {},\n setContentLanguage: (_: string) => {},\n toggleContentLanguage: (_: string) => {},\n togglePostLanguage: (_: string) => {},\n savePostLanguageToHistory: () => {},\n setAppLanguage: (_: AppLanguage) => {},\n})\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const [state, setState] = React.useState(persisted.get('languagePrefs'))\n\n const setStateWrapped = React.useCallback(\n (fn: SetStateCb) => {\n const s = fn(persisted.get('languagePrefs'))\n setState(s)\n persisted.write('languagePrefs', s)\n },\n [setState],\n )\n\n React.useEffect(() => {\n return persisted.onUpdate(() => {\n setState(persisted.get('languagePrefs'))\n })\n }, [setStateWrapped])\n\n const api = React.useMemo(\n () => ({\n setPrimaryLanguage(code2: string) {\n setStateWrapped(s => ({...s, primaryLanguage: code2}))\n },\n setPostLanguage(commaSeparatedLangCodes: string) {\n setStateWrapped(s => ({...s, postLanguage: commaSeparatedLangCodes}))\n },\n setContentLanguage(code2: string) {\n setStateWrapped(s => ({...s, contentLanguages: [code2]}))\n },\n toggleContentLanguage(code2: string) {\n setStateWrapped(s => {\n const exists = s.contentLanguages.includes(code2)\n const next = exists\n ? s.contentLanguages.filter(lang => lang !== code2)\n : s.contentLanguages.concat(code2)\n return {\n ...s,\n contentLanguages: next,\n }\n })\n },\n togglePostLanguage(code2: string) {\n setStateWrapped(s => {\n const exists = hasPostLanguage(state.postLanguage, code2)\n let next = s.postLanguage\n\n if (exists) {\n next = toPostLanguages(s.postLanguage)\n .filter(lang => lang !== code2)\n .join(',')\n } else {\n // sort alphabetically for deterministic comparison in context menu\n next = toPostLanguages(s.postLanguage)\n .concat([code2])\n .sort((a, b) => a.localeCompare(b))\n .join(',')\n }\n\n return {\n ...s,\n postLanguage: next,\n }\n })\n },\n /**\n * Saves whatever language codes are currently selected into a history array,\n * which is then used to populate the language selector menu.\n */\n savePostLanguageToHistory() {\n // filter out duplicate `this.postLanguage` if exists, and prepend\n // value to start of array\n setStateWrapped(s => ({\n ...s,\n postLanguageHistory: [s.postLanguage]\n .concat(\n s.postLanguageHistory.filter(\n commaSeparatedLangCodes =>\n commaSeparatedLangCodes !== s.postLanguage,\n ),\n )\n .slice(0, 6),\n }))\n },\n setAppLanguage(code2: AppLanguage) {\n setStateWrapped(s => ({...s, appLanguage: code2}))\n },\n }),\n [state, setStateWrapped],\n )\n\n return (\n \n {children}\n \n )\n}\n\nexport function useLanguagePrefs() {\n return React.useContext(stateContext)\n}\n\nexport function useLanguagePrefsApi() {\n return React.useContext(apiContext)\n}\n\nexport function getContentLanguages() {\n return persisted.get('languagePrefs').contentLanguages\n}\n\nexport function toPostLanguages(postLanguage: string): string[] {\n // filter out empty strings if exist\n return postLanguage.split(',').filter(Boolean)\n}\n\nexport function hasPostLanguage(postLanguage: string, code2: string): boolean {\n return toPostLanguages(postLanguage).includes(code2)\n}\n","export const STALE = {\n SECONDS: {\n FIFTEEN: 1e3 * 15,\n THIRTY: 1e3 * 30,\n },\n MINUTES: {\n ONE: 1e3 * 60,\n FIVE: 1e3 * 60 * 5,\n },\n HOURS: {\n ONE: 1e3 * 60 * 60,\n },\n INFINITY: Infinity,\n}\n","import React, {useRef, useState} from 'react'\nimport {AppState, AppStateStatus} from 'react-native'\nimport AsyncStorage from '@react-native-async-storage/async-storage'\nimport {createAsyncStoragePersister} from '@tanstack/query-async-storage-persister'\nimport {focusManager, QueryClient} from '@tanstack/react-query'\nimport {\n PersistQueryClientProvider,\n PersistQueryClientProviderProps,\n} from '@tanstack/react-query-persist-client'\n\nimport {isNative} from '#/platform/detection'\n\n// any query keys in this array will be persisted to AsyncStorage\nexport const labelersDetailedInfoQueryKeyRoot = 'labelers-detailed-info'\nconst STORED_CACHE_QUERY_KEY_ROOTS = [labelersDetailedInfoQueryKeyRoot]\n\nfocusManager.setEventListener(onFocus => {\n if (isNative) {\n const subscription = AppState.addEventListener(\n 'change',\n (status: AppStateStatus) => {\n focusManager.setFocused(status === 'active')\n },\n )\n\n return () => subscription.remove()\n } else if (typeof window !== 'undefined' && window.addEventListener) {\n // these handlers are a bit redundant but focus catches when the browser window\n // is blurred/focused while visibilitychange seems to only handle when the\n // window minimizes (both of them catch tab changes)\n // there's no harm to redundant fires because refetchOnWindowFocus is only\n // used with queries that employ stale data times\n const handler = () => onFocus()\n window.addEventListener('focus', handler, false)\n window.addEventListener('visibilitychange', handler, false)\n return () => {\n window.removeEventListener('visibilitychange', handler)\n window.removeEventListener('focus', handler)\n }\n }\n})\n\nconst createQueryClient = () =>\n new QueryClient({\n defaultOptions: {\n queries: {\n // NOTE\n // refetchOnWindowFocus breaks some UIs (like feeds)\n // so we only selectively want to enable this\n // -prf\n refetchOnWindowFocus: false,\n // Structural sharing between responses makes it impossible to rely on\n // \"first seen\" timestamps on objects to determine if they're fresh.\n // Disable this optimization so that we can rely on \"first seen\" timestamps.\n structuralSharing: false,\n // We don't want to retry queries by default, because in most cases we\n // want to fail early and show a response to the user. There are\n // exceptions, and those can be made on a per-query basis. For others, we\n // should give users controls to retry.\n retry: false,\n },\n },\n })\n\nconst dehydrateOptions: PersistQueryClientProviderProps['persistOptions']['dehydrateOptions'] =\n {\n shouldDehydrateMutation: (_: any) => false,\n shouldDehydrateQuery: query => {\n return STORED_CACHE_QUERY_KEY_ROOTS.includes(String(query.queryKey[0]))\n },\n }\n\nexport function QueryProvider({\n children,\n currentDid,\n}: {\n children: React.ReactNode\n currentDid: string | undefined\n}) {\n return (\n \n {children}\n \n )\n}\n\nfunction QueryProviderInner({\n children,\n currentDid,\n}: {\n children: React.ReactNode\n currentDid: string | undefined\n}) {\n const initialDid = useRef(currentDid)\n if (currentDid !== initialDid.current) {\n throw Error(\n 'Something is very wrong. Expected did to be stable due to key above.',\n )\n }\n // We create the query client here so that it's scoped to a specific DID.\n // Do not move the query client creation outside of this component.\n const [queryClient, _setQueryClient] = useState(() => createQueryClient())\n const [persistOptions, _setPersistOptions] = useState(() => {\n const asyncPersister = createAsyncStoragePersister({\n storage: AsyncStorage,\n key: 'queryClient-' + (currentDid ?? 'logged-out'),\n })\n return {\n persister: asyncPersister,\n dehydrateOptions,\n }\n })\n return (\n \n {children}\n \n )\n}\n","import {AppBskyLabelerDefs} from '@atproto/api'\nimport {useMutation, useQuery, useQueryClient} from '@tanstack/react-query'\nimport {z} from 'zod'\n\nimport {labelersDetailedInfoQueryKeyRoot} from '#/lib/react-query'\nimport {STALE} from '#/state/queries'\nimport {preferencesQueryKey} from '#/state/queries/preferences'\nimport {useAgent} from '#/state/session'\n\nconst labelerInfoQueryKeyRoot = 'labeler-info'\nexport const labelerInfoQueryKey = (did: string) => [\n labelerInfoQueryKeyRoot,\n did,\n]\n\nconst labelersInfoQueryKeyRoot = 'labelers-info'\nexport const labelersInfoQueryKey = (dids: string[]) => [\n labelersInfoQueryKeyRoot,\n dids.slice().sort(),\n]\n\nexport const labelersDetailedInfoQueryKey = (dids: string[]) => [\n labelersDetailedInfoQueryKeyRoot,\n dids,\n]\n\nexport function useLabelerInfoQuery({\n did,\n enabled,\n}: {\n did?: string\n enabled?: boolean\n}) {\n const agent = useAgent()\n return useQuery({\n enabled: !!did && enabled !== false,\n queryKey: labelerInfoQueryKey(did as string),\n queryFn: async () => {\n const res = await agent.app.bsky.labeler.getServices({\n dids: [did as string],\n detailed: true,\n })\n return res.data.views[0] as AppBskyLabelerDefs.LabelerViewDetailed\n },\n })\n}\n\nexport function useLabelersInfoQuery({dids}: {dids: string[]}) {\n const agent = useAgent()\n return useQuery({\n enabled: !!dids.length,\n queryKey: labelersInfoQueryKey(dids),\n queryFn: async () => {\n const res = await agent.app.bsky.labeler.getServices({dids})\n return res.data.views as AppBskyLabelerDefs.LabelerView[]\n },\n })\n}\n\nexport function useLabelersDetailedInfoQuery({dids}: {dids: string[]}) {\n const agent = useAgent()\n return useQuery({\n enabled: !!dids.length,\n queryKey: labelersDetailedInfoQueryKey(dids),\n gcTime: 1000 * 60 * 60 * 6, // 6 hours\n staleTime: STALE.MINUTES.ONE,\n queryFn: async () => {\n const res = await agent.app.bsky.labeler.getServices({\n dids,\n detailed: true,\n })\n return res.data.views as AppBskyLabelerDefs.LabelerViewDetailed[]\n },\n })\n}\n\nexport function useLabelerSubscriptionMutation() {\n const queryClient = useQueryClient()\n const agent = useAgent()\n\n return useMutation({\n async mutationFn({did, subscribe}: {did: string; subscribe: boolean}) {\n // TODO\n z.object({\n did: z.string(),\n subscribe: z.boolean(),\n }).parse({did, subscribe})\n\n if (subscribe) {\n await agent.addLabeler(did)\n } else {\n await agent.removeLabeler(did)\n }\n },\n onSuccess() {\n queryClient.invalidateQueries({\n queryKey: preferencesQueryKey,\n })\n },\n })\n}\n","import React from 'react'\nimport {\n DEFAULT_LABEL_SETTINGS,\n BskyAgent,\n interpretLabelValueDefinitions,\n} from '@atproto/api'\n\nimport {usePreferencesQuery} from './index'\nimport {useLabelersDetailedInfoQuery} from '../labeler'\n\n/**\n * More strict than our default settings for logged in users.\n */\nexport const DEFAULT_LOGGED_OUT_LABEL_PREFERENCES: typeof DEFAULT_LABEL_SETTINGS =\n Object.fromEntries(\n Object.entries(DEFAULT_LABEL_SETTINGS).map(([key, _pref]) => [key, 'hide']),\n )\n\nexport function useMyLabelersQuery() {\n const prefs = usePreferencesQuery()\n const dids = Array.from(\n new Set(\n BskyAgent.appLabelers.concat(\n prefs.data?.moderationPrefs.labelers.map(l => l.did) || [],\n ),\n ),\n )\n const labelers = useLabelersDetailedInfoQuery({dids})\n const isLoading = prefs.isLoading || labelers.isLoading\n const error = prefs.error || labelers.error\n return React.useMemo(() => {\n return {\n isLoading,\n error,\n data: labelers.data,\n }\n }, [labelers, isLoading, error])\n}\n\nexport function useLabelDefinitionsQuery() {\n const labelers = useMyLabelersQuery()\n return React.useMemo(() => {\n return {\n labelDefs: Object.fromEntries(\n (labelers.data || []).map(labeler => [\n labeler.creator.did,\n interpretLabelValueDefinitions(labeler),\n ]),\n ),\n labelers: labelers.data || [],\n }\n }, [labelers])\n}\n","import {DEFAULT_LOGGED_OUT_LABEL_PREFERENCES} from '#/state/queries/preferences/moderation'\nimport {\n ThreadViewPreferences,\n UsePreferencesQueryResponse,\n} from '#/state/queries/preferences/types'\n\nexport const DEFAULT_HOME_FEED_PREFS: UsePreferencesQueryResponse['feedViewPrefs'] =\n {\n hideReplies: false,\n hideRepliesByUnfollowed: true,\n hideRepliesByLikeCount: 0,\n hideReposts: false,\n hideQuotePosts: false,\n lab_mergeFeedEnabled: false, // experimental\n }\n\nexport const DEFAULT_THREAD_VIEW_PREFS: ThreadViewPreferences = {\n sort: 'newest',\n prioritizeFollowedUsers: true,\n lab_treeViewEnabled: false,\n}\n\nexport const DEFAULT_LOGGED_OUT_PREFERENCES: UsePreferencesQueryResponse = {\n birthDate: new Date('2022-11-17'), // TODO(pwi)\n moderationPrefs: {\n adultContentEnabled: false,\n labels: DEFAULT_LOGGED_OUT_LABEL_PREFERENCES,\n labelers: [],\n mutedWords: [],\n hiddenPosts: [],\n },\n feedViewPrefs: DEFAULT_HOME_FEED_PREFS,\n threadViewPrefs: DEFAULT_THREAD_VIEW_PREFS,\n userAge: 13, // TODO(pwi)\n interests: {tags: []},\n savedFeeds: [],\n}\n","import {\n AppBskyActorDefs,\n BskyFeedViewPreference,\n LabelPreference,\n} from '@atproto/api'\nimport {useMutation, useQuery, useQueryClient} from '@tanstack/react-query'\nimport {BSKY_LABELER_DID} from 'lib/constants'\n\nimport {track} from '#/lib/analytics/analytics'\nimport {PROD_DEFAULT_FEED} from '#/lib/constants'\nimport {replaceEqualDeep} from '#/lib/functions'\nimport {getAge} from '#/lib/strings/time'\nimport {STALE} from '#/state/queries'\nimport {\n DEFAULT_HOME_FEED_PREFS,\n DEFAULT_LOGGED_OUT_PREFERENCES,\n DEFAULT_THREAD_VIEW_PREFS,\n} from '#/state/queries/preferences/const'\nimport {\n ThreadViewPreferences,\n UsePreferencesQueryResponse,\n} from '#/state/queries/preferences/types'\nimport {useAgent} from '#/state/session'\nimport {saveLabelers} from '#/state/session/agent-config'\n\nexport * from '#/state/queries/preferences/const'\nexport * from '#/state/queries/preferences/moderation'\nexport * from '#/state/queries/preferences/types'\n\nconst preferencesQueryKeyRoot = 'getPreferences'\nexport const preferencesQueryKey = [preferencesQueryKeyRoot]\n\nexport function usePreferencesQuery() {\n const agent = useAgent()\n return useQuery({\n staleTime: STALE.SECONDS.FIFTEEN,\n structuralSharing: replaceEqualDeep,\n refetchOnWindowFocus: true,\n queryKey: preferencesQueryKey,\n queryFn: async () => {\n if (agent.session?.did === undefined) {\n return DEFAULT_LOGGED_OUT_PREFERENCES\n } else {\n const res = await agent.getPreferences()\n\n // save to local storage to ensure there are labels on initial requests\n saveLabelers(\n agent.session.did,\n res.moderationPrefs.labelers.map(l => l.did),\n )\n\n const preferences: UsePreferencesQueryResponse = {\n ...res,\n savedFeeds: res.savedFeeds.filter(f => f.type !== 'unknown'),\n /**\n * Special preference, only used for following feed, previously\n * called `home`\n */\n feedViewPrefs: {\n ...DEFAULT_HOME_FEED_PREFS,\n ...(res.feedViewPrefs.home || {}),\n },\n threadViewPrefs: {\n ...DEFAULT_THREAD_VIEW_PREFS,\n ...(res.threadViewPrefs ?? {}),\n },\n userAge: res.birthDate ? getAge(res.birthDate) : undefined,\n }\n return preferences\n }\n },\n })\n}\n\nexport function useClearPreferencesMutation() {\n const queryClient = useQueryClient()\n const agent = useAgent()\n\n return useMutation({\n mutationFn: async () => {\n await agent.app.bsky.actor.putPreferences({preferences: []})\n // triggers a refetch\n await queryClient.invalidateQueries({\n queryKey: preferencesQueryKey,\n })\n },\n })\n}\n\nexport function usePreferencesSetContentLabelMutation() {\n const agent = useAgent()\n const queryClient = useQueryClient()\n\n return useMutation<\n void,\n unknown,\n {label: string; visibility: LabelPreference; labelerDid: string | undefined}\n >({\n mutationFn: async ({label, visibility, labelerDid}) => {\n await agent.setContentLabelPref(label, visibility, labelerDid)\n // triggers a refetch\n await queryClient.invalidateQueries({\n queryKey: preferencesQueryKey,\n })\n },\n })\n}\n\nexport function useSetContentLabelMutation() {\n const queryClient = useQueryClient()\n const agent = useAgent()\n\n return useMutation({\n mutationFn: async ({\n label,\n visibility,\n labelerDid,\n }: {\n label: string\n visibility: LabelPreference\n labelerDid?: string\n }) => {\n await agent.setContentLabelPref(label, visibility, labelerDid)\n // triggers a refetch\n await queryClient.invalidateQueries({\n queryKey: preferencesQueryKey,\n })\n },\n })\n}\n\nexport function usePreferencesSetAdultContentMutation() {\n const queryClient = useQueryClient()\n const agent = useAgent()\n\n return useMutation({\n mutationFn: async ({enabled}) => {\n await agent.setAdultContentEnabled(enabled)\n // triggers a refetch\n await queryClient.invalidateQueries({\n queryKey: preferencesQueryKey,\n })\n },\n })\n}\n\nexport function usePreferencesSetBirthDateMutation() {\n const queryClient = useQueryClient()\n const agent = useAgent()\n\n return useMutation({\n mutationFn: async ({birthDate}: {birthDate: Date}) => {\n await agent.setPersonalDetails({birthDate: birthDate.toISOString()})\n // triggers a refetch\n await queryClient.invalidateQueries({\n queryKey: preferencesQueryKey,\n })\n },\n })\n}\n\nexport function useSetFeedViewPreferencesMutation() {\n const queryClient = useQueryClient()\n const agent = useAgent()\n\n return useMutation>({\n mutationFn: async prefs => {\n /*\n * special handling here, merged into `feedViewPrefs` above, since\n * following was previously called `home`\n */\n await agent.setFeedViewPrefs('home', prefs)\n // triggers a refetch\n await queryClient.invalidateQueries({\n queryKey: preferencesQueryKey,\n })\n },\n })\n}\n\nexport function useSetThreadViewPreferencesMutation() {\n const queryClient = useQueryClient()\n const agent = useAgent()\n\n return useMutation>({\n mutationFn: async prefs => {\n await agent.setThreadViewPrefs(prefs)\n // triggers a refetch\n await queryClient.invalidateQueries({\n queryKey: preferencesQueryKey,\n })\n },\n })\n}\n\nexport function useOverwriteSavedFeedsMutation() {\n const queryClient = useQueryClient()\n const agent = useAgent()\n\n return useMutation({\n mutationFn: async savedFeeds => {\n await agent.overwriteSavedFeeds(savedFeeds)\n // triggers a refetch\n await queryClient.invalidateQueries({\n queryKey: preferencesQueryKey,\n })\n },\n })\n}\n\nexport function useAddSavedFeedsMutation() {\n const queryClient = useQueryClient()\n const agent = useAgent()\n\n return useMutation<\n void,\n unknown,\n Pick[]\n >({\n mutationFn: async savedFeeds => {\n await agent.addSavedFeeds(savedFeeds)\n track('CustomFeed:Save')\n // triggers a refetch\n await queryClient.invalidateQueries({\n queryKey: preferencesQueryKey,\n })\n },\n })\n}\n\nexport function useRemoveFeedMutation() {\n const queryClient = useQueryClient()\n const agent = useAgent()\n\n return useMutation>({\n mutationFn: async savedFeed => {\n await agent.removeSavedFeeds([savedFeed.id])\n track('CustomFeed:Unsave')\n // triggers a refetch\n await queryClient.invalidateQueries({\n queryKey: preferencesQueryKey,\n })\n },\n })\n}\n\nexport function useReplaceForYouWithDiscoverFeedMutation() {\n const queryClient = useQueryClient()\n const agent = useAgent()\n\n return useMutation({\n mutationFn: async ({\n forYouFeedConfig,\n discoverFeedConfig,\n }: {\n forYouFeedConfig: AppBskyActorDefs.SavedFeed | undefined\n discoverFeedConfig: AppBskyActorDefs.SavedFeed | undefined\n }) => {\n if (forYouFeedConfig) {\n await agent.removeSavedFeeds([forYouFeedConfig.id])\n }\n if (!discoverFeedConfig) {\n await agent.addSavedFeeds([\n {\n type: 'feed',\n value: PROD_DEFAULT_FEED('whats-hot'),\n pinned: true,\n },\n ])\n } else {\n await agent.updateSavedFeeds([\n {\n ...discoverFeedConfig,\n pinned: true,\n },\n ])\n }\n // triggers a refetch\n await queryClient.invalidateQueries({\n queryKey: preferencesQueryKey,\n })\n },\n })\n}\n\nexport function useUpdateSavedFeedsMutation() {\n const queryClient = useQueryClient()\n const agent = useAgent()\n\n return useMutation({\n mutationFn: async feeds => {\n await agent.updateSavedFeeds(feeds)\n\n // triggers a refetch\n await queryClient.invalidateQueries({\n queryKey: preferencesQueryKey,\n })\n },\n })\n}\n\nexport function useUpsertMutedWordsMutation() {\n const queryClient = useQueryClient()\n const agent = useAgent()\n\n return useMutation({\n mutationFn: async (mutedWords: AppBskyActorDefs.MutedWord[]) => {\n await agent.upsertMutedWords(mutedWords)\n // triggers a refetch\n await queryClient.invalidateQueries({\n queryKey: preferencesQueryKey,\n })\n },\n })\n}\n\nexport function useUpdateMutedWordMutation() {\n const queryClient = useQueryClient()\n const agent = useAgent()\n\n return useMutation({\n mutationFn: async (mutedWord: AppBskyActorDefs.MutedWord) => {\n await agent.updateMutedWord(mutedWord)\n // triggers a refetch\n await queryClient.invalidateQueries({\n queryKey: preferencesQueryKey,\n })\n },\n })\n}\n\nexport function useRemoveMutedWordMutation() {\n const queryClient = useQueryClient()\n const agent = useAgent()\n\n return useMutation({\n mutationFn: async (mutedWord: AppBskyActorDefs.MutedWord) => {\n await agent.removeMutedWord(mutedWord)\n // triggers a refetch\n await queryClient.invalidateQueries({\n queryKey: preferencesQueryKey,\n })\n },\n })\n}\n","import React from 'react'\nimport {AppBskyLabelerDefs, InterpretedLabelValueDefinition} from '@atproto/api'\n\nimport {useLabelDefinitionsQuery} from '../queries/preferences'\n\ninterface StateContext {\n labelDefs: Record\n labelers: AppBskyLabelerDefs.LabelerViewDetailed[]\n}\n\nconst stateContext = React.createContext({\n labelDefs: {},\n labelers: [],\n})\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const state = useLabelDefinitionsQuery()\n return {children}\n}\n\nexport function useLabelDefinitions() {\n return React.useContext(stateContext)\n}\n","import React from 'react'\n\nimport {Provider as AltTextRequiredProvider} from './alt-text-required'\nimport {Provider as AutoplayProvider} from './autoplay'\nimport {Provider as DisableHapticsProvider} from './disable-haptics'\nimport {Provider as ExternalEmbedsProvider} from './external-embeds-prefs'\nimport {Provider as HiddenPostsProvider} from './hidden-posts'\nimport {Provider as InAppBrowserProvider} from './in-app-browser'\nimport {Provider as KawaiiProvider} from './kawaii'\nimport {Provider as LanguagesProvider} from './languages'\n\nexport {\n useRequireAltTextEnabled,\n useSetRequireAltTextEnabled,\n} from './alt-text-required'\nexport {useAutoplayDisabled, useSetAutoplayDisabled} from './autoplay'\nexport {useHapticsDisabled, useSetHapticsDisabled} from './disable-haptics'\nexport {\n useExternalEmbedsPrefs,\n useSetExternalEmbedPref,\n} from './external-embeds-prefs'\nexport * from './hidden-posts'\nexport {useLabelDefinitions} from './label-defs'\nexport {useLanguagePrefs, useLanguagePrefsApi} from './languages'\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n return (\n \n \n \n \n \n \n \n {children}\n \n \n \n \n \n \n \n )\n}\n","import React, {createContext, useContext, useMemo} from 'react'\nimport {ModerationOpts} from '@atproto/api'\n\nimport { BSKY_LABELER_DID } from '#/lib/constants'\nimport {useHiddenPosts, useLabelDefinitions} from '#/state/preferences'\nimport {DEFAULT_LOGGED_OUT_LABEL_PREFERENCES} from '#/state/queries/preferences/moderation'\nimport {useSession} from '#/state/session'\nimport {usePreferencesQuery} from '../queries/preferences'\n\nexport const moderationOptsContext = createContext(\n undefined,\n)\n\n// used in the moderation state devtool\nexport const moderationOptsOverrideContext = createContext<\n ModerationOpts | undefined\n>(undefined)\n\nexport function useModerationOpts() {\n return useContext(moderationOptsContext)\n}\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const override = useContext(moderationOptsOverrideContext)\n const {currentAccount} = useSession()\n const prefs = usePreferencesQuery()\n const {labelDefs} = useLabelDefinitions()\n const hiddenPosts = useHiddenPosts() // TODO move this into pds-stored prefs\n\n const userDid = currentAccount?.did\n const moderationPrefs = prefs.data?.moderationPrefs\n const value = useMemo(() => {\n if (override) {\n return override\n }\n if (!moderationPrefs) {\n return undefined\n }\n return {\n userDid,\n prefs: {\n ...moderationPrefs,\n labelers: moderationPrefs.labelers.length\n ? moderationPrefs.labelers\n : [\n {\n did: BSKY_LABELER_DID,\n labels: DEFAULT_LOGGED_OUT_LABEL_PREFERENCES,\n },\n ],\n hiddenPosts: hiddenPosts || [],\n },\n labelDefs,\n }\n }, [override, userDid, labelDefs, moderationPrefs, hiddenPosts])\n\n return (\n \n {children}\n \n )\n}\n","import React, {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n} from 'react'\nimport {\n ChatBskyConvoDefs,\n ChatBskyConvoListConvos,\n moderateProfile,\n} from '@atproto/api'\nimport {\n InfiniteData,\n QueryClient,\n useInfiniteQuery,\n useQueryClient,\n} from '@tanstack/react-query'\n\nimport {useCurrentConvoId} from '#/state/messages/current-convo-id'\nimport {useMessagesEventBus} from '#/state/messages/events'\nimport {useModerationOpts} from '#/state/preferences/moderation-opts'\nimport {DM_SERVICE_HEADERS} from '#/state/queries/messages/const'\nimport {useAgent, useSession} from '#/state/session'\n\nexport const RQKEY = ['convo-list']\ntype RQPageParam = string | undefined\n\nexport function useListConvosQuery({\n enabled,\n}: {\n enabled?: boolean\n} = {}) {\n const agent = useAgent()\n\n return useInfiniteQuery({\n enabled,\n queryKey: RQKEY,\n queryFn: async ({pageParam}) => {\n const {data} = await agent.api.chat.bsky.convo.listConvos(\n {cursor: pageParam},\n {headers: DM_SERVICE_HEADERS},\n )\n\n return data\n },\n initialPageParam: undefined as RQPageParam,\n getNextPageParam: lastPage => lastPage.cursor,\n // refetch every 60 seconds since we can't get *all* info from the logs\n // i.e. reading chats on another device won't update the unread count\n refetchInterval: 60_000,\n })\n}\n\nconst ListConvosContext = createContext(\n null,\n)\n\nexport function useListConvos() {\n const ctx = useContext(ListConvosContext)\n if (!ctx) {\n throw new Error('useListConvos must be used within a ListConvosProvider')\n }\n return ctx\n}\n\nexport function ListConvosProvider({children}: {children: React.ReactNode}) {\n const {hasSession} = useSession()\n\n if (!hasSession) {\n return (\n \n {children}\n \n )\n }\n\n return {children}\n}\n\nexport function ListConvosProviderInner({\n children,\n}: {\n children: React.ReactNode\n}) {\n const {refetch, data} = useListConvosQuery()\n const messagesBus = useMessagesEventBus()\n const queryClient = useQueryClient()\n const {currentConvoId} = useCurrentConvoId()\n const {currentAccount} = useSession()\n\n useEffect(() => {\n const unsub = messagesBus.on(\n events => {\n if (events.type !== 'logs') return\n\n events.logs.forEach(log => {\n if (ChatBskyConvoDefs.isLogBeginConvo(log)) {\n refetch()\n } else if (ChatBskyConvoDefs.isLogLeaveConvo(log)) {\n queryClient.setQueryData(RQKEY, (old: ConvoListQueryData) =>\n optimisticDelete(log.convoId, old),\n )\n } else if (ChatBskyConvoDefs.isLogDeleteMessage(log)) {\n queryClient.setQueryData(RQKEY, (old: ConvoListQueryData) =>\n optimisticUpdate(log.convoId, old, convo =>\n log.message.id === convo.lastMessage?.id\n ? {\n ...convo,\n rev: log.rev,\n lastMessage: log.message,\n }\n : convo,\n ),\n )\n } else if (ChatBskyConvoDefs.isLogCreateMessage(log)) {\n queryClient.setQueryData(RQKEY, (old: ConvoListQueryData) => {\n if (!old) return old\n\n function updateConvo(convo: ChatBskyConvoDefs.ConvoView) {\n if (!ChatBskyConvoDefs.isLogCreateMessage(log)) return convo\n\n let unreadCount = convo.unreadCount\n if (convo.id !== currentConvoId) {\n if (\n ChatBskyConvoDefs.isMessageView(log.message) ||\n ChatBskyConvoDefs.isDeletedMessageView(log.message)\n ) {\n if (log.message.sender.did !== currentAccount?.did) {\n unreadCount++\n }\n }\n } else {\n unreadCount = 0\n }\n\n return {\n ...convo,\n rev: log.rev,\n lastMessage: log.message,\n unreadCount,\n }\n }\n\n function filterConvoFromPage(\n convo: ChatBskyConvoDefs.ConvoView[],\n ) {\n return convo.filter(c => c.id !== log.convoId)\n }\n\n const existingConvo = getConvoFromQueryData(log.convoId, old)\n\n if (existingConvo) {\n return {\n ...old,\n pages: old.pages.map((page, i) => {\n if (i === 0) {\n return {\n ...page,\n convos: [\n updateConvo(existingConvo),\n ...filterConvoFromPage(page.convos),\n ],\n }\n }\n return {\n ...page,\n convos: filterConvoFromPage(page.convos),\n }\n }),\n }\n } else {\n refetch()\n }\n })\n }\n })\n },\n {\n // get events for all chats\n convoId: undefined,\n },\n )\n\n return () => unsub()\n }, [messagesBus, currentConvoId, refetch, queryClient, currentAccount?.did])\n\n const ctx = useMemo(() => {\n return data?.pages.flatMap(page => page.convos) ?? []\n }, [data])\n\n return (\n \n {children}\n \n )\n}\n\nexport function useUnreadMessageCount() {\n const {currentConvoId} = useCurrentConvoId()\n const {currentAccount} = useSession()\n const convos = useListConvos()\n const moderationOpts = useModerationOpts()\n\n const count = useMemo(() => {\n return (\n convos\n .filter(convo => convo.id !== currentConvoId)\n .reduce((acc, convo) => {\n const otherMember = convo.members.find(\n member => member.did !== currentAccount?.did,\n )\n\n if (!otherMember || !moderationOpts) return acc\n\n const moderation = moderateProfile(otherMember, moderationOpts)\n const shouldIgnore =\n convo.muted ||\n moderation.blocked ||\n otherMember.did === 'missing.invalid'\n const unreadCount = !shouldIgnore && convo.unreadCount > 0 ? 1 : 0\n\n return acc + unreadCount\n }, 0) ?? 0\n )\n }, [convos, currentAccount?.did, currentConvoId, moderationOpts])\n\n return useMemo(() => {\n return {\n count,\n numUnread: count > 0 ? (count > 30 ? '30+' : String(count)) : undefined,\n }\n }, [count])\n}\n\ntype ConvoListQueryData = {\n pageParams: Array\n pages: Array\n}\n\nexport function useOnMarkAsRead() {\n const queryClient = useQueryClient()\n\n return useCallback(\n (chatId: string) => {\n queryClient.setQueryData(RQKEY, (old: ConvoListQueryData) => {\n return optimisticUpdate(chatId, old, convo => ({\n ...convo,\n unreadCount: 0,\n }))\n })\n },\n [queryClient],\n )\n}\n\nfunction optimisticUpdate(\n chatId: string,\n old: ConvoListQueryData,\n updateFn: (convo: ChatBskyConvoDefs.ConvoView) => ChatBskyConvoDefs.ConvoView,\n) {\n if (!old) return old\n\n return {\n ...old,\n pages: old.pages.map(page => ({\n ...page,\n convos: page.convos.map(convo =>\n chatId === convo.id ? updateFn(convo) : convo,\n ),\n })),\n }\n}\n\nfunction optimisticDelete(chatId: string, old: ConvoListQueryData) {\n if (!old) return old\n\n return {\n ...old,\n pages: old.pages.map(page => ({\n ...page,\n convos: page.convos.filter(convo => chatId !== convo.id),\n })),\n }\n}\n\nfunction getConvoFromQueryData(chatId: string, old: ConvoListQueryData) {\n for (const page of old.pages) {\n for (const convo of page.convos) {\n if (convo.id === chatId) {\n return convo\n }\n }\n }\n return null\n}\n\nexport function* findAllProfilesInQueryData(\n queryClient: QueryClient,\n did: string,\n) {\n const queryDatas = queryClient.getQueriesData<\n InfiniteData\n >({\n queryKey: RQKEY,\n })\n for (const [_queryKey, queryData] of queryDatas) {\n if (!queryData?.pages) {\n continue\n }\n\n for (const page of queryData.pages) {\n for (const convo of page.convos) {\n for (const member of convo.members) {\n if (member.did === did) {\n yield member\n }\n }\n }\n }\n }\n}\n","import React, {useEffect, useMemo, useReducer, useRef} from 'react'\n\nimport {useCurrentConvoId} from './current-convo-id'\n\nconst MessageDraftsContext = React.createContext<{\n state: State\n dispatch: React.Dispatch\n} | null>(null)\n\nfunction useMessageDraftsContext() {\n const ctx = React.useContext(MessageDraftsContext)\n if (!ctx) {\n throw new Error(\n 'useMessageDrafts must be used within a MessageDraftsContext',\n )\n }\n return ctx\n}\n\nexport function useMessageDraft() {\n const {currentConvoId} = useCurrentConvoId()\n const {state, dispatch} = useMessageDraftsContext()\n return useMemo(\n () => ({\n getDraft: () => (currentConvoId && state[currentConvoId]) || '',\n clearDraft: () => {\n if (currentConvoId) {\n dispatch({type: 'clear', convoId: currentConvoId})\n }\n },\n }),\n [state, dispatch, currentConvoId],\n )\n}\n\nexport function useSaveMessageDraft(message: string) {\n const {currentConvoId} = useCurrentConvoId()\n const {dispatch} = useMessageDraftsContext()\n const messageRef = useRef(message)\n messageRef.current = message\n\n useEffect(() => {\n return () => {\n if (currentConvoId) {\n dispatch({\n type: 'set',\n convoId: currentConvoId,\n draft: messageRef.current,\n })\n }\n }\n }, [currentConvoId, dispatch])\n}\n\ntype State = {[convoId: string]: string}\ntype Actions =\n | {type: 'set'; convoId: string; draft: string}\n | {type: 'clear'; convoId: string}\n\nfunction reducer(state: State, action: Actions): State {\n switch (action.type) {\n case 'set':\n return {...state, [action.convoId]: action.draft}\n case 'clear':\n return {...state, [action.convoId]: ''}\n default:\n return state\n }\n}\n\nexport function MessageDraftsProvider({children}: {children: React.ReactNode}) {\n const [state, dispatch] = useReducer(reducer, {})\n\n const ctx = useMemo(() => {\n return {state, dispatch}\n }, [state])\n\n return (\n \n {children}\n \n )\n}\n","import React from 'react'\n\nimport {CurrentConvoIdProvider} from '#/state/messages/current-convo-id'\nimport {MessagesEventBusProvider} from '#/state/messages/events'\nimport {ListConvosProvider} from '#/state/queries/messages/list-converations'\nimport {MessageDraftsProvider} from './message-drafts'\n\nexport function MessagesProvider({children}: {children: React.ReactNode}) {\n return (\n \n \n \n {children}\n \n \n \n )\n}\n","import React from 'react'\nimport {SharedValue, useSharedValue} from 'react-native-reanimated'\n\ntype StateContext = {\n headerHeight: SharedValue\n footerHeight: SharedValue\n}\n\nconst stateContext = React.createContext({\n headerHeight: {\n value: 0,\n addListener() {},\n removeListener() {},\n modify() {},\n },\n footerHeight: {\n value: 0,\n addListener() {},\n removeListener() {},\n modify() {},\n },\n})\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const headerHeight = useSharedValue(0)\n const footerHeight = useSharedValue(0)\n\n const value = React.useMemo(\n () => ({\n headerHeight,\n footerHeight,\n }),\n [headerHeight, footerHeight],\n )\n\n return {children}\n}\n\nexport function useShellLayout() {\n return React.useContext(stateContext)\n}\n","import React from 'react'\n\ntype StateContext = boolean\ntype SetContext = (v: boolean) => void\n\nconst stateContext = React.createContext(false)\nconst setContext = React.createContext((_: boolean) => {})\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const [state, setState] = React.useState(false)\n return (\n \n {children}\n \n )\n}\n\nexport function useIsDrawerSwipeDisabled() {\n return React.useContext(stateContext)\n}\n\nexport function useSetDrawerSwipeDisabled() {\n return React.useContext(setContext)\n}\n","import React from 'react'\nimport {\n Easing,\n SharedValue,\n useSharedValue,\n withTiming,\n} from 'react-native-reanimated'\n\ntype StateContext = SharedValue\ntype SetContext = (v: boolean) => void\n\nconst stateContext = React.createContext({\n value: 0,\n addListener() {},\n removeListener() {},\n modify() {},\n})\nconst setContext = React.createContext((_: boolean) => {})\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const mode = useSharedValue(0)\n const setMode = React.useCallback(\n (v: boolean) => {\n 'worklet'\n mode.value = withTiming(v ? 1 : 0, {\n duration: 400,\n easing: Easing.bezier(0.25, 0.1, 0.25, 1),\n })\n },\n [mode],\n )\n return (\n \n {children}\n \n )\n}\n\nexport function useMinimalShellMode() {\n return React.useContext(stateContext)\n}\n\nexport function useSetMinimalShellMode() {\n return React.useContext(setContext)\n}\n","import React from 'react'\nimport * as persisted from '#/state/persisted'\n\ntype StateContext = {\n colorMode: persisted.Schema['colorMode']\n darkTheme: persisted.Schema['darkTheme']\n}\ntype SetContext = {\n setColorMode: (v: persisted.Schema['colorMode']) => void\n setDarkTheme: (v: persisted.Schema['darkTheme']) => void\n}\n\nconst stateContext = React.createContext({\n colorMode: 'system',\n darkTheme: 'dark',\n})\nconst setContext = React.createContext({} as SetContext)\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const [colorMode, setColorMode] = React.useState(persisted.get('colorMode'))\n const [darkTheme, setDarkTheme] = React.useState(persisted.get('darkTheme'))\n\n const stateContextValue = React.useMemo(\n () => ({\n colorMode,\n darkTheme,\n }),\n [colorMode, darkTheme],\n )\n\n const setContextValue = React.useMemo(\n () => ({\n setColorMode: (_colorMode: persisted.Schema['colorMode']) => {\n setColorMode(_colorMode)\n persisted.write('colorMode', _colorMode)\n },\n setDarkTheme: (_darkTheme: persisted.Schema['darkTheme']) => {\n setDarkTheme(_darkTheme)\n persisted.write('darkTheme', _darkTheme)\n },\n }),\n [],\n )\n\n React.useEffect(() => {\n return persisted.onUpdate(() => {\n setColorMode(persisted.get('colorMode'))\n setDarkTheme(persisted.get('darkTheme'))\n })\n }, [])\n\n return (\n \n \n {children}\n \n \n )\n}\n\nexport function useThemePrefs() {\n return React.useContext(stateContext)\n}\n\nexport function useSetThemePrefs() {\n return React.useContext(setContext)\n}\n","import React from 'react'\nimport * as persisted from '#/state/persisted'\nimport {track} from '#/lib/analytics/analytics'\n\nexport const OnboardingScreenSteps = {\n Welcome: 'Welcome',\n RecommendedFeeds: 'RecommendedFeeds',\n RecommendedFollows: 'RecommendedFollows',\n Home: 'Home',\n} as const\n\ntype OnboardingStep =\n (typeof OnboardingScreenSteps)[keyof typeof OnboardingScreenSteps]\nconst OnboardingStepsArray = Object.values(OnboardingScreenSteps)\n\ntype Action =\n | {type: 'set'; step: OnboardingStep}\n | {type: 'next'; currentStep?: OnboardingStep}\n | {type: 'start'}\n | {type: 'finish'}\n | {type: 'skip'}\n\nexport type StateContext = persisted.Schema['onboarding'] & {\n isComplete: boolean\n isActive: boolean\n}\nexport type DispatchContext = (action: Action) => void\n\nconst stateContext = React.createContext(\n compute(persisted.defaults.onboarding),\n)\nconst dispatchContext = React.createContext((_: Action) => {})\n\nfunction reducer(state: StateContext, action: Action): StateContext {\n switch (action.type) {\n case 'set': {\n if (OnboardingStepsArray.includes(action.step)) {\n persisted.write('onboarding', {step: action.step})\n return compute({...state, step: action.step})\n }\n return state\n }\n case 'next': {\n const currentStep = action.currentStep || state.step\n let nextStep = 'Home'\n if (currentStep === 'Welcome') {\n nextStep = 'RecommendedFeeds'\n } else if (currentStep === 'RecommendedFeeds') {\n nextStep = 'RecommendedFollows'\n } else if (currentStep === 'RecommendedFollows') {\n nextStep = 'Home'\n }\n persisted.write('onboarding', {step: nextStep})\n return compute({...state, step: nextStep})\n }\n case 'start': {\n track('Onboarding:Begin')\n persisted.write('onboarding', {step: 'Welcome'})\n return compute({...state, step: 'Welcome'})\n }\n case 'finish': {\n track('Onboarding:Complete')\n persisted.write('onboarding', {step: 'Home'})\n return compute({...state, step: 'Home'})\n }\n case 'skip': {\n track('Onboarding:Skipped')\n persisted.write('onboarding', {step: 'Home'})\n return compute({...state, step: 'Home'})\n }\n default: {\n throw new Error('Invalid action')\n }\n }\n}\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const [state, dispatch] = React.useReducer(\n reducer,\n compute(persisted.get('onboarding')),\n )\n\n React.useEffect(() => {\n return persisted.onUpdate(() => {\n const next = persisted.get('onboarding').step\n // TODO we've introduced a footgun\n if (state.step !== next) {\n dispatch({\n type: 'set',\n step: persisted.get('onboarding').step as OnboardingStep,\n })\n }\n })\n }, [state, dispatch])\n\n return (\n \n \n {children}\n \n \n )\n}\n\nexport function useOnboardingState() {\n return React.useContext(stateContext)\n}\n\nexport function useOnboardingDispatch() {\n return React.useContext(dispatchContext)\n}\n\nexport function isOnboardingActive() {\n return compute(persisted.get('onboarding')).isActive\n}\n\nfunction compute(state: persisted.Schema['onboarding']): StateContext {\n return {\n ...state,\n isActive: state.step !== 'Home',\n isComplete: state.step === 'Home',\n }\n}\n","import React from 'react'\n\ntype StateContext = number\n\nconst stateContext = React.createContext(0)\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const [tick, setTick] = React.useState(Date.now())\n React.useEffect(() => {\n const i = setInterval(() => {\n setTick(Date.now())\n }, 60_000)\n return () => clearInterval(i)\n }, [])\n return {children}\n}\n\nexport function useTickEveryMinute() {\n return React.useContext(stateContext)\n}\n","import React from 'react'\nimport {Provider as ShellLayoutProvder} from './shell-layout'\nimport {Provider as DrawerOpenProvider} from './drawer-open'\nimport {Provider as DrawerSwipableProvider} from './drawer-swipe-disabled'\nimport {Provider as MinimalModeProvider} from './minimal-mode'\nimport {Provider as ColorModeProvider} from './color-mode'\nimport {Provider as OnboardingProvider} from './onboarding'\nimport {Provider as ComposerProvider} from './composer'\nimport {Provider as TickEveryMinuteProvider} from './tick-every-minute'\n\nexport {useIsDrawerOpen, useSetDrawerOpen} from './drawer-open'\nexport {\n useIsDrawerSwipeDisabled,\n useSetDrawerSwipeDisabled,\n} from './drawer-swipe-disabled'\nexport {useMinimalShellMode, useSetMinimalShellMode} from './minimal-mode'\nexport {useThemePrefs, useSetThemePrefs} from './color-mode'\nexport {useOnboardingState, useOnboardingDispatch} from './onboarding'\nexport {useComposerState, useComposerControls} from './composer'\nexport {useTickEveryMinute} from './tick-every-minute'\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n return (\n \n \n \n \n \n \n \n {children}\n \n \n \n \n \n \n \n )\n}\n","import React from 'react'\nimport * as Linking from 'expo-linking'\nimport {isNative} from 'platform/detection'\nimport {useComposerControls} from 'state/shell'\nimport {useSession} from 'state/session'\nimport {useCloseAllActiveElements} from 'state/util'\n\ntype IntentType = 'compose'\n\nconst VALID_IMAGE_REGEX = /^[\\w.:\\-_/]+\\|\\d+(\\.\\d+)?\\|\\d+(\\.\\d+)?$/\n\nexport function useIntentHandler() {\n const incomingUrl = Linking.useURL()\n const composeIntent = useComposeIntent()\n\n React.useEffect(() => {\n const handleIncomingURL = (url: string) => {\n // We want to be able to support bluesky:// deeplinks. It's unnatural for someone to use a deeplink with three\n // slashes, like bluesky:///intent/follow. However, supporting just two slashes causes us to have to take care\n // of two cases when parsing the url. If we ensure there is a third slash, we can always ensure the first\n // path parameter is in pathname rather than in hostname.\n if (url.startsWith('bluesky://') && !url.startsWith('bluesky:///')) {\n url = url.replace('bluesky://', 'bluesky:///')\n }\n\n const urlp = new URL(url)\n const [_, intent, intentType] = urlp.pathname.split('/')\n\n // On native, our links look like bluesky://intent/SomeIntent, so we have to check the hostname for the\n // intent check. On web, we have to check the first part of the path since we have an actual hostname\n const isIntent = intent === 'intent'\n const params = urlp.searchParams\n\n if (!isIntent) return\n\n switch (intentType as IntentType) {\n case 'compose': {\n composeIntent({\n text: params.get('text'),\n imageUrisStr: params.get('imageUris'),\n })\n }\n }\n }\n\n if (incomingUrl) handleIncomingURL(incomingUrl)\n }, [incomingUrl, composeIntent])\n}\n\nfunction useComposeIntent() {\n const closeAllActiveElements = useCloseAllActiveElements()\n const {openComposer} = useComposerControls()\n const {hasSession} = useSession()\n\n return React.useCallback(\n ({\n text,\n imageUrisStr,\n }: {\n text: string | null\n imageUrisStr: string | null // unused for right now, will be used later with intents\n }) => {\n if (!hasSession) return\n\n closeAllActiveElements()\n\n const imageUris = imageUrisStr\n ?.split(',')\n .filter(part => {\n // For some security, we're going to filter out any image uri that is external. We don't want someone to\n // be able to provide some link like \"bluesky://intent/compose?imageUris=https://IHaveYourIpNow.com/image.jpeg\n // and we load that image\n if (part.includes('https://') || part.includes('http://')) {\n return false\n }\n // We also should just filter out cases that don't have all the info we need\n return VALID_IMAGE_REGEX.test(part)\n })\n .map(part => {\n const [uri, width, height] = part.split('|')\n return {uri, width: Number(width), height: Number(height)}\n })\n\n setTimeout(() => {\n openComposer({\n text: text ?? undefined,\n imageUris: isNative ? imageUris : undefined,\n })\n }, 500)\n },\n [hasSession, closeAllActiveElements, openComposer],\n )\n}\n","import React from 'react'\nimport * as persisted from '#/state/persisted'\n\ntype StateContext = persisted.Schema['invites']\ntype ApiContext = {\n setInviteCopied: (code: string) => void\n}\n\nconst stateContext = React.createContext(\n persisted.defaults.invites,\n)\nconst apiContext = React.createContext({\n setInviteCopied(_: string) {},\n})\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const [state, setState] = React.useState(persisted.get('invites'))\n\n const api = React.useMemo(\n () => ({\n setInviteCopied(code: string) {\n setState(state => {\n state = {\n ...state,\n copiedInvites: state.copiedInvites.includes(code)\n ? state.copiedInvites\n : state.copiedInvites.concat([code]),\n }\n persisted.write('invites', state)\n return state\n })\n },\n }),\n [setState],\n )\n\n React.useEffect(() => {\n return persisted.onUpdate(() => {\n setState(persisted.get('invites'))\n })\n }, [setState])\n\n return (\n \n {children}\n \n )\n}\n\nexport function useInvitesState() {\n return React.useContext(stateContext)\n}\n\nexport function useInvitesAPI() {\n return React.useContext(apiContext)\n}\n","import React from 'react'\nimport * as persisted from '#/state/persisted'\nimport {track} from '#/lib/analytics/analytics'\n\ntype StateContext = persisted.Schema['mutedThreads']\ntype ToggleContext = (uri: string) => boolean\n\nconst stateContext = React.createContext(\n persisted.defaults.mutedThreads,\n)\nconst toggleContext = React.createContext((_: string) => false)\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const [state, setState] = React.useState(persisted.get('mutedThreads'))\n\n const toggleThreadMute = React.useCallback(\n (uri: string) => {\n let muted = false\n setState((arr: string[]) => {\n if (arr.includes(uri)) {\n arr = arr.filter(v => v !== uri)\n muted = false\n track('Post:ThreadUnmute')\n } else {\n arr = arr.concat([uri])\n muted = true\n track('Post:ThreadMute')\n }\n persisted.write('mutedThreads', arr)\n return arr\n })\n return muted\n },\n [setState],\n )\n\n React.useEffect(() => {\n return persisted.onUpdate(() => {\n setState(persisted.get('mutedThreads'))\n })\n }, [setState])\n\n return (\n \n \n {children}\n \n \n )\n}\n\nexport function useMutedThreads() {\n return React.useContext(stateContext)\n}\n\nexport function useToggleThreadMute() {\n return React.useContext(toggleContext)\n}\n\nexport function isThreadMuted(uri: string) {\n return persisted.get('mutedThreads').includes(uri)\n}\n","import React from 'react'\nimport * as Notifications from 'expo-notifications'\nimport {getBadgeCountAsync, setBadgeCountAsync} from 'expo-notifications'\nimport {BskyAgent} from '@atproto/api'\n\nimport {logger} from '#/logger'\nimport {SessionAccount, useAgent, useSession} from '#/state/session'\nimport {logEvent, useGate} from 'lib/statsig/statsig'\nimport {devicePlatform, isNative} from 'platform/detection'\n\nconst SERVICE_DID = (serviceUrl?: string) =>\n serviceUrl?.includes('staging')\n ? 'did:web:api.staging.bsky.dev'\n : 'did:web:api.sunaba.network'\n\nasync function registerPushToken(\n agent: BskyAgent,\n account: SessionAccount,\n token: Notifications.DevicePushToken,\n) {\n try {\n await agent.api.app.bsky.notification.registerPush({\n serviceDid: SERVICE_DID(account.service),\n platform: devicePlatform,\n token: token.data,\n appId: 'xyz.blueskyweb.app',\n })\n logger.debug(\n 'Notifications: Sent push token (init)',\n {\n tokenType: token.type,\n token: token.data,\n },\n logger.DebugContext.notifications,\n )\n } catch (error) {\n logger.error('Notifications: Failed to set push token', {message: error})\n }\n}\n\nasync function getPushToken(skipPermissionCheck = false) {\n const granted =\n skipPermissionCheck || (await Notifications.getPermissionsAsync()).granted\n if (granted) {\n Notifications.getDevicePushTokenAsync()\n }\n}\n\nexport function useNotificationsRegistration() {\n const agent = useAgent()\n const {currentAccount} = useSession()\n\n React.useEffect(() => {\n if (!currentAccount) {\n return\n }\n\n getPushToken()\n\n // According to the Expo docs, there is a chance that the token will change while the app is open in some rare\n // cases. This will fire `registerPushToken` whenever that happens.\n const subscription = Notifications.addPushTokenListener(async newToken => {\n registerPushToken(agent, currentAccount, newToken)\n })\n\n return () => {\n subscription.remove()\n }\n }, [currentAccount, agent])\n}\n\nexport function useRequestNotificationsPermission() {\n const gate = useGate()\n\n return async (context: 'StartOnboarding' | 'AfterOnboarding' | 'Login') => {\n const permissions = await Notifications.getPermissionsAsync()\n\n if (\n !isNative ||\n permissions?.status === 'granted' ||\n permissions?.status === 'denied'\n ) {\n return\n }\n if (\n context === 'StartOnboarding' &&\n gate('request_notifications_permission_after_onboarding_v2')\n ) {\n return\n }\n if (\n context === 'AfterOnboarding' &&\n !gate('request_notifications_permission_after_onboarding_v2')\n ) {\n return\n }\n\n const res = await Notifications.requestPermissionsAsync()\n logEvent('notifications:request', {\n context: context,\n status: res.status,\n })\n\n if (res.granted) {\n // This will fire a pushTokenEvent, which will handle registration of the token\n getPushToken(true)\n }\n }\n}\n\nexport async function decrementBadgeCount(by: number | 'reset' = 1) {\n if (!isNative) return\n\n const currCount = await getBadgeCountAsync()\n\n if (by === 'reset') {\n await setBadgeCountAsync(0)\n return\n }\n\n let newCount = currCount - by\n if (newCount < 0) {\n newCount = 0\n }\n await setBadgeCountAsync(newCount)\n}\n","import {\n AppBskyActorDefs,\n AppBskyEmbedRecord,\n AppBskyEmbedRecordWithMedia,\n AppBskyFeedDefs,\n AppBskyFeedPost,\n AtUri,\n} from '@atproto/api'\nimport {InfiniteData, QueryClient, QueryKey} from '@tanstack/react-query'\n\nexport function truncateAndInvalidate(\n queryClient: QueryClient,\n queryKey: QueryKey,\n) {\n queryClient.setQueriesData>({queryKey}, data => {\n if (data) {\n return {\n pageParams: data.pageParams.slice(0, 1),\n pages: data.pages.slice(0, 1),\n }\n }\n return data\n })\n queryClient.invalidateQueries({queryKey})\n}\n\n// Given an AtUri, this function will check if the AtUri matches a\n// hit regardless of whether the AtUri uses a DID or handle as a host.\n//\n// AtUri should be the URI that is being searched for, while currentUri\n// is the URI that is being checked. currentAuthor is the author\n// of the currentUri that is being checked.\nexport function didOrHandleUriMatches(\n atUri: AtUri,\n record: {uri: string; author: AppBskyActorDefs.ProfileViewBasic},\n) {\n if (atUri.host.startsWith('did:')) {\n return atUri.href === record.uri\n }\n\n return atUri.host === record.author.handle && record.uri.endsWith(atUri.rkey)\n}\n\nexport function getEmbeddedPost(\n v: unknown,\n): AppBskyEmbedRecord.ViewRecord | undefined {\n if (AppBskyEmbedRecord.isView(v)) {\n if (\n AppBskyEmbedRecord.isViewRecord(v.record) &&\n AppBskyFeedPost.isRecord(v.record.value)\n ) {\n return v.record\n }\n }\n if (AppBskyEmbedRecordWithMedia.isView(v)) {\n if (\n AppBskyEmbedRecord.isViewRecord(v.record.record) &&\n AppBskyFeedPost.isRecord(v.record.record.value)\n ) {\n return v.record.record\n }\n }\n}\n\nexport function embedViewRecordToPostView(\n v: AppBskyEmbedRecord.ViewRecord,\n): AppBskyFeedDefs.PostView {\n return {\n uri: v.uri,\n cid: v.cid,\n author: v.author,\n record: v.value,\n indexedAt: v.indexedAt,\n labels: v.labels,\n embed: v.embeds?.[0],\n likeCount: v.likeCount,\n replyCount: v.replyCount,\n repostCount: v.repostCount,\n }\n}\n","import {AppBskyRichtextFacet, RichText, UnicodeString} from '@atproto/api'\n\nimport {toShortUrl} from './url-helpers'\n\nexport function shortenLinks(rt: RichText): RichText {\n if (!rt.facets?.length) {\n return rt\n }\n rt = rt.clone()\n // enumerate the link facets\n if (rt.facets) {\n for (const facet of rt.facets) {\n const isLink = !!facet.features.find(AppBskyRichtextFacet.isLink)\n if (!isLink) {\n continue\n }\n\n // extract and shorten the URL\n const {byteStart, byteEnd} = facet.index\n const url = rt.unicodeText.slice(byteStart, byteEnd)\n const shortened = new UnicodeString(toShortUrl(url))\n\n // insert the shorten URL\n rt.insert(byteStart, shortened.utf16)\n // update the facet to cover the new shortened URL\n facet.index.byteStart = byteStart\n facet.index.byteEnd = byteStart + shortened.length\n // remove the old URL\n rt.delete(byteStart + shortened.length, byteEnd + shortened.length)\n }\n }\n return rt\n}\n\n// filter out any mention facets that didn't map to a user\nexport function stripInvalidMentions(rt: RichText): RichText {\n if (!rt.facets?.length) {\n return rt\n }\n rt = rt.clone()\n if (rt.facets) {\n rt.facets = rt.facets?.filter(facet => {\n const mention = facet.features.find(AppBskyRichtextFacet.isMention)\n if (mention && !mention.did) {\n return false\n }\n return true\n })\n }\n return rt\n}\n","export function extractDataUriMime(uri: string): string {\n return uri.substring(uri.indexOf(':') + 1, uri.indexOf(';'))\n}\n\n// Fairly accurate estimate that is more performant\n// than decoding and checking length of URI\nexport function getDataUriSize(uri: string): number {\n return Math.round((uri.length * 3) / 4)\n}\n\nexport function isUriImage(uri: string) {\n return /\\.(jpg|jpeg|png).*$/.test(uri)\n}\n\nexport function blobToDataUri(blob: Blob): Promise {\n return new Promise((resolve, reject) => {\n const reader = new FileReader()\n reader.onloadend = () => {\n if (typeof reader.result === 'string') {\n resolve(reader.result)\n } else {\n reject(new Error('Failed to read blob'))\n }\n }\n reader.onerror = reject\n reader.readAsDataURL(blob)\n })\n}\n","import {Image as RNImage} from 'react-native-image-crop-picker'\n\nimport {Dimensions} from './types'\nimport {blobToDataUri, getDataUriSize} from './util'\n\nexport async function compressIfNeeded(\n img: RNImage,\n maxSize: number,\n): Promise {\n if (img.size < maxSize) {\n return img\n }\n return await doResize(img.path, {\n width: img.width,\n height: img.height,\n mode: 'stretch',\n maxSize,\n })\n}\n\nexport interface DownloadAndResizeOpts {\n uri: string\n width: number\n height: number\n mode: 'contain' | 'cover' | 'stretch'\n maxSize: number\n timeout: number\n}\n\nexport async function downloadAndResize(opts: DownloadAndResizeOpts) {\n const controller = new AbortController()\n const to = setTimeout(() => controller.abort(), opts.timeout || 5e3)\n const res = await fetch(opts.uri)\n const resBody = await res.blob()\n clearTimeout(to)\n\n const dataUri = await blobToDataUri(resBody)\n return await doResize(dataUri, opts)\n}\n\nexport async function shareImageModal(_opts: {uri: string}) {\n // TODO\n throw new Error('TODO')\n}\n\nexport async function saveImageToAlbum(_opts: {uri: string; album: string}) {\n // TODO\n throw new Error('TODO')\n}\n\nexport async function getImageDim(path: string): Promise {\n var img = document.createElement('img')\n const promise = new Promise((resolve, reject) => {\n img.onload = resolve\n img.onerror = reject\n })\n img.src = path\n await promise\n return {width: img.width, height: img.height}\n}\n\n// internal methods\n// =\n\ninterface DoResizeOpts {\n width: number\n height: number\n mode: 'contain' | 'cover' | 'stretch'\n maxSize: number\n}\n\nasync function doResize(dataUri: string, opts: DoResizeOpts): Promise {\n let newDataUri\n\n for (let i = 0; i <= 10; i++) {\n newDataUri = await createResizedImage(dataUri, {\n width: opts.width,\n height: opts.height,\n quality: 1 - i * 0.1,\n mode: opts.mode,\n })\n if (getDataUriSize(newDataUri) < opts.maxSize) {\n break\n }\n }\n if (!newDataUri) {\n throw new Error('Failed to compress image')\n }\n return {\n path: newDataUri,\n mime: 'image/jpeg',\n size: getDataUriSize(newDataUri),\n width: opts.width,\n height: opts.height,\n }\n}\n\nfunction createResizedImage(\n dataUri: string,\n {\n width,\n height,\n quality,\n mode,\n }: {\n width: number\n height: number\n quality: number\n mode: 'contain' | 'cover' | 'stretch'\n },\n): Promise {\n return new Promise((resolve, reject) => {\n const img = document.createElement('img')\n img.addEventListener('load', () => {\n const canvas = document.createElement('canvas')\n const ctx = canvas.getContext('2d')\n if (!ctx) {\n return reject(new Error('Failed to resize image'))\n }\n\n let scale = 1\n if (mode === 'cover') {\n scale = img.width < img.height ? width / img.width : height / img.height\n } else if (mode === 'contain') {\n scale = img.width > img.height ? width / img.width : height / img.height\n }\n let w = img.width * scale\n let h = img.height * scale\n\n canvas.width = w\n canvas.height = h\n\n ctx.drawImage(img, 0, 0, w, h)\n resolve(canvas.toDataURL('image/jpeg', quality))\n })\n img.addEventListener('error', ev => {\n reject(ev.error)\n })\n img.src = dataUri\n })\n}\n\nexport async function saveBytesToDisk(\n filename: string,\n bytes: Uint8Array,\n type: string,\n) {\n const blob = new Blob([bytes], {type})\n const url = URL.createObjectURL(blob)\n await downloadUrl(url, filename)\n // Firefox requires a small delay\n setTimeout(() => URL.revokeObjectURL(url), 100)\n return true\n}\n\nasync function downloadUrl(href: string, filename: string) {\n const a = document.createElement('a')\n a.href = href\n a.download = filename\n a.click()\n}\n\nexport async function safeDeleteAsync() {\n // no-op\n}\n","import {\n AppBskyEmbedExternal,\n AppBskyEmbedImages,\n AppBskyEmbedRecord,\n AppBskyEmbedRecordWithMedia,\n AppBskyFeedThreadgate,\n BskyAgent,\n ComAtprotoLabelDefs,\n ComAtprotoRepoUploadBlob,\n RichText,\n} from '@atproto/api'\nimport {AtUri} from '@atproto/api'\n\nimport {logger} from '#/logger'\nimport {ThreadgateSetting} from '#/state/queries/threadgate'\nimport {isNetworkError} from 'lib/strings/errors'\nimport {shortenLinks, stripInvalidMentions} from 'lib/strings/rich-text-manip'\nimport {isNative, isWeb} from 'platform/detection'\nimport {ImageModel} from 'state/models/media/image'\nimport {LinkMeta} from '../link-meta/link-meta'\nimport {safeDeleteAsync} from '../media/manip'\n\nexport interface ExternalEmbedDraft {\n uri: string\n isLoading: boolean\n meta?: LinkMeta\n embed?: AppBskyEmbedRecord.Main\n localThumb?: ImageModel\n}\n\nexport async function uploadBlob(\n agent: BskyAgent,\n blob: string,\n encoding: string,\n): Promise {\n if (isWeb) {\n // `blob` should be a data uri\n return agent.uploadBlob(convertDataURIToUint8Array(blob), {\n encoding,\n })\n } else {\n // `blob` should be a path to a file in the local FS\n return agent.uploadBlob(\n blob, // this will be special-cased by the fetch monkeypatch in /src/state/lib/api.ts\n {encoding},\n )\n }\n}\n\ninterface PostOpts {\n rawText: string\n replyTo?: string\n quote?: {\n uri: string\n cid: string\n }\n extLink?: ExternalEmbedDraft\n images?: ImageModel[]\n labels?: string[]\n threadgate?: ThreadgateSetting[]\n onStateChange?: (state: string) => void\n langs?: string[]\n}\n\nexport async function post(agent: BskyAgent, opts: PostOpts) {\n let embed:\n | AppBskyEmbedImages.Main\n | AppBskyEmbedExternal.Main\n | AppBskyEmbedRecord.Main\n | AppBskyEmbedRecordWithMedia.Main\n | undefined\n let reply\n let rt = new RichText(\n {text: opts.rawText.trimEnd()},\n {\n cleanNewlines: true,\n },\n )\n\n opts.onStateChange?.('Processing...')\n await rt.detectFacets(agent)\n rt = shortenLinks(rt)\n rt = stripInvalidMentions(rt)\n\n // add quote embed if present\n if (opts.quote) {\n embed = {\n $type: 'app.bsky.embed.record',\n record: {\n uri: opts.quote.uri,\n cid: opts.quote.cid,\n },\n } as AppBskyEmbedRecord.Main\n }\n\n // add image embed if present\n if (opts.images?.length) {\n logger.debug(`Uploading images`, {\n count: opts.images.length,\n })\n\n const images: AppBskyEmbedImages.Image[] = []\n for (const image of opts.images) {\n opts.onStateChange?.(`Uploading image #${images.length + 1}...`)\n logger.debug(`Compressing image`)\n await image.compress()\n const path = image.compressed?.path ?? image.path\n const {width, height} = image.compressed || image\n logger.debug(`Uploading image`)\n const res = await uploadBlob(agent, path, 'image/jpeg')\n if (isNative) {\n safeDeleteAsync(path)\n }\n images.push({\n image: res.data.blob,\n alt: image.altText ?? '',\n aspectRatio: {width, height},\n })\n }\n\n if (opts.quote) {\n embed = {\n $type: 'app.bsky.embed.recordWithMedia',\n record: embed,\n media: {\n $type: 'app.bsky.embed.images',\n images,\n },\n } as AppBskyEmbedRecordWithMedia.Main\n } else {\n embed = {\n $type: 'app.bsky.embed.images',\n images,\n } as AppBskyEmbedImages.Main\n }\n }\n\n // add external embed if present\n if (opts.extLink && !opts.images?.length) {\n if (opts.extLink.embed) {\n embed = opts.extLink.embed\n } else {\n let thumb\n if (opts.extLink.localThumb) {\n opts.onStateChange?.('Uploading link thumbnail...')\n let encoding\n if (opts.extLink.localThumb.mime) {\n encoding = opts.extLink.localThumb.mime\n } else if (opts.extLink.localThumb.path.endsWith('.png')) {\n encoding = 'image/png'\n } else if (\n opts.extLink.localThumb.path.endsWith('.jpeg') ||\n opts.extLink.localThumb.path.endsWith('.jpg')\n ) {\n encoding = 'image/jpeg'\n } else {\n logger.warn('Unexpected image format for thumbnail, skipping', {\n thumbnail: opts.extLink.localThumb.path,\n })\n }\n if (encoding) {\n const thumbUploadRes = await uploadBlob(\n agent,\n opts.extLink.localThumb.path,\n encoding,\n )\n thumb = thumbUploadRes.data.blob\n if (isNative) {\n safeDeleteAsync(opts.extLink.localThumb.path)\n }\n }\n }\n\n if (opts.quote) {\n embed = {\n $type: 'app.bsky.embed.recordWithMedia',\n record: embed,\n media: {\n $type: 'app.bsky.embed.external',\n external: {\n uri: opts.extLink.uri,\n title: opts.extLink.meta?.title || '',\n description: opts.extLink.meta?.description || '',\n thumb,\n },\n } as AppBskyEmbedExternal.Main,\n } as AppBskyEmbedRecordWithMedia.Main\n } else {\n embed = {\n $type: 'app.bsky.embed.external',\n external: {\n uri: opts.extLink.uri,\n title: opts.extLink.meta?.title || '',\n description: opts.extLink.meta?.description || '',\n thumb,\n },\n } as AppBskyEmbedExternal.Main\n }\n }\n }\n\n // add replyTo if post is a reply to another post\n if (opts.replyTo) {\n const replyToUrip = new AtUri(opts.replyTo)\n const parentPost = await agent.getPost({\n repo: replyToUrip.host,\n rkey: replyToUrip.rkey,\n })\n if (parentPost) {\n const parentRef = {\n uri: parentPost.uri,\n cid: parentPost.cid,\n }\n reply = {\n root: parentPost.value.reply?.root || parentRef,\n parent: parentRef,\n }\n }\n }\n\n // set labels\n let labels: ComAtprotoLabelDefs.SelfLabels | undefined\n if (opts.labels?.length) {\n labels = {\n $type: 'com.atproto.label.defs#selfLabels',\n values: opts.labels.map(val => ({val})),\n }\n }\n\n // add top 3 languages from user preferences if langs is provided\n let langs = opts.langs\n if (opts.langs) {\n langs = opts.langs.slice(0, 3)\n }\n\n let res\n try {\n opts.onStateChange?.('Posting...')\n res = await agent.post({\n text: rt.text,\n facets: rt.facets,\n reply,\n embed,\n langs,\n labels,\n })\n } catch (e: any) {\n console.error(`Failed to create post: ${e.toString()}`)\n if (isNetworkError(e)) {\n throw new Error(\n 'Post failed to upload. Please check your Internet connection and try again.',\n )\n } else {\n throw e\n }\n }\n\n try {\n // TODO: this needs to be batch-created with the post!\n if (opts.threadgate?.length) {\n await createThreadgate(agent, res.uri, opts.threadgate)\n }\n } catch (e: any) {\n console.error(`Failed to create threadgate: ${e.toString()}`)\n throw new Error(\n 'Post reply-controls failed to be set. Your post was created but anyone can reply to it.',\n )\n }\n\n return res\n}\n\nasync function createThreadgate(\n agent: BskyAgent,\n postUri: string,\n threadgate: ThreadgateSetting[],\n) {\n let allow: (\n | AppBskyFeedThreadgate.MentionRule\n | AppBskyFeedThreadgate.FollowingRule\n | AppBskyFeedThreadgate.ListRule\n )[] = []\n if (!threadgate.find(v => v.type === 'nobody')) {\n for (const rule of threadgate) {\n if (rule.type === 'mention') {\n allow.push({$type: 'app.bsky.feed.threadgate#mentionRule'})\n } else if (rule.type === 'following') {\n allow.push({$type: 'app.bsky.feed.threadgate#followingRule'})\n } else if (rule.type === 'list') {\n allow.push({\n $type: 'app.bsky.feed.threadgate#listRule',\n list: rule.list,\n })\n }\n }\n }\n\n const postUrip = new AtUri(postUri)\n await agent.api.app.bsky.feed.threadgate.create(\n {repo: agent.session!.did, rkey: postUrip.rkey},\n {post: postUri, createdAt: new Date().toISOString(), allow},\n )\n}\n\n// helpers\n// =\n\nfunction convertDataURIToUint8Array(uri: string): Uint8Array {\n var raw = window.atob(uri.substring(uri.indexOf(';base64,') + 8))\n var binary = new Uint8Array(new ArrayBuffer(raw.length))\n for (let i = 0; i < raw.length; i++) {\n binary[i] = raw.charCodeAt(i)\n }\n return binary\n}\n","import {timeout} from './timeout'\n\nexport async function until(\n retries: number,\n delay: number,\n cond: (v: any, err: any) => boolean,\n fn: () => Promise,\n): Promise {\n while (retries > 0) {\n try {\n const v = await fn()\n if (cond(v, undefined)) {\n return true\n }\n } catch (e: any) {\n if (cond(undefined, e)) {\n return true\n }\n }\n await timeout(delay)\n retries--\n }\n return false\n}\n","import {useState, useRef, useEffect, useCallback} from 'react'\n\ntype Task = {\n isOn: boolean\n resolve: (serverState: TServerState) => void\n reject: (e: unknown) => void\n}\n\ntype TaskQueue = {\n activeTask: Task | null\n queuedTask: Task | null\n}\n\nfunction AbortError() {\n const e = new Error()\n e.name = 'AbortError'\n return e\n}\n\nexport function useToggleMutationQueue({\n initialState,\n runMutation,\n onSuccess,\n}: {\n initialState: TServerState\n runMutation: (\n prevState: TServerState,\n nextIsOn: boolean,\n ) => Promise\n onSuccess: (finalState: TServerState) => void\n}) {\n // We use the queue as a mutable object.\n // This is safe becuase it is not used for rendering.\n const [queue] = useState>({\n activeTask: null,\n queuedTask: null,\n })\n\n async function processQueue() {\n if (queue.activeTask) {\n // There is another active processQueue call iterating over tasks.\n // It will handle any newly added tasks, so we should exit early.\n return\n }\n // To avoid relying on the rendered state, capture it once at the start.\n // From that point on, and until the queue is drained, we'll use the real server state.\n let confirmedState: TServerState = initialState\n try {\n while (queue.queuedTask) {\n const prevTask = queue.activeTask\n const nextTask = queue.queuedTask\n queue.activeTask = nextTask\n queue.queuedTask = null\n if (prevTask?.isOn === nextTask.isOn) {\n // Skip multiple requests to update to the same value in a row.\n prevTask.reject(new (AbortError as any)())\n continue\n }\n try {\n // The state received from the server feeds into the next task.\n // This lets us queue deletions of not-yet-created resources.\n confirmedState = await runMutation(confirmedState, nextTask.isOn)\n nextTask.resolve(confirmedState)\n } catch (e) {\n nextTask.reject(e)\n }\n }\n } finally {\n onSuccess(confirmedState)\n queue.activeTask = null\n queue.queuedTask = null\n }\n }\n\n function queueToggle(isOn: boolean): Promise {\n return new Promise((resolve, reject) => {\n // This is a toggle, so the next queued value can safely replace the queued one.\n if (queue.queuedTask) {\n queue.queuedTask.reject(new (AbortError as any)())\n }\n queue.queuedTask = {isOn, resolve, reject}\n processQueue()\n })\n }\n\n const queueToggleRef = useRef(queueToggle)\n useEffect(() => {\n queueToggleRef.current = queueToggle\n })\n const queueToggleStable = useCallback(\n (isOn: boolean): Promise => {\n const queueToggleLatest = queueToggleRef.current\n return queueToggleLatest(isOn)\n },\n [],\n )\n return queueToggleStable\n}\n","import {AtUri} from '@atproto/api'\n\nimport {BSKY_FEED_OWNER_DIDS} from '#/lib/constants'\nimport {UsePreferencesQueryResponse} from '#/state/queries/preferences'\n\nexport function createBskyTopicsHeader(userInterests?: string) {\n return {\n 'X-Bsky-Topics': userInterests || '',\n }\n}\n\nexport function aggregateUserInterests(\n preferences?: UsePreferencesQueryResponse,\n) {\n return preferences?.interests?.tags?.join(',') || ''\n}\n\nexport function isBlueskyOwnedFeed(feedUri: string) {\n const uri = new AtUri(feedUri)\n return BSKY_FEED_OWNER_DIDS.includes(uri.host)\n}\n","import {\n AppBskyFeedDefs,\n AppBskyFeedGetFeed as GetCustomFeed,\n AtpAgent,\n BskyAgent,\n} from '@atproto/api'\n\nimport {getContentLanguages} from '#/state/preferences/languages'\nimport {FeedAPI, FeedAPIResponse} from './types'\nimport {createBskyTopicsHeader, isBlueskyOwnedFeed} from './utils'\n\nexport class CustomFeedAPI implements FeedAPI {\n agent: BskyAgent\n params: GetCustomFeed.QueryParams\n userInterests?: string\n\n constructor({\n agent,\n feedParams,\n userInterests,\n }: {\n agent: BskyAgent\n feedParams: GetCustomFeed.QueryParams\n userInterests?: string\n }) {\n this.agent = agent\n this.params = feedParams\n this.userInterests = userInterests\n }\n\n async peekLatest(): Promise {\n const contentLangs = getContentLanguages().join(',')\n const res = await this.agent.app.bsky.feed.getFeed(\n {\n ...this.params,\n limit: 1,\n },\n {headers: {'Accept-Language': contentLangs}},\n )\n return res.data.feed[0]\n }\n\n async fetch({\n cursor,\n limit,\n }: {\n cursor: string | undefined\n limit: number\n }): Promise {\n const contentLangs = getContentLanguages().join(',')\n const agent = this.agent\n const isBlueskyOwned = isBlueskyOwnedFeed(this.params.feed)\n\n const res = agent.session\n ? await this.agent.app.bsky.feed.getFeed(\n {\n ...this.params,\n cursor,\n limit,\n },\n {\n headers: {\n ...(isBlueskyOwned\n ? createBskyTopicsHeader(this.userInterests)\n : {}),\n 'Accept-Language': contentLangs,\n },\n },\n )\n : await loggedOutFetch({...this.params, cursor, limit})\n if (res.success) {\n // NOTE\n // some custom feeds fail to enforce the pagination limit\n // so we manually truncate here\n // -prf\n if (res.data.feed.length > limit) {\n res.data.feed = res.data.feed.slice(0, limit)\n }\n return {\n cursor: res.data.feed.length ? res.data.cursor : undefined,\n feed: res.data.feed,\n }\n }\n return {\n feed: [],\n }\n }\n}\n\n// HACK\n// we want feeds to give language-specific results immediately when a\n// logged-out user changes their language. this comes with two problems:\n// 1. not all languages have content, and\n// 2. our public caching layer isnt correctly busting against the accept-language header\n// for now we handle both of these with a manual workaround\n// -prf\nasync function loggedOutFetch({\n feed,\n limit,\n cursor,\n}: {\n feed: string\n limit: number\n cursor?: string\n}) {\n let contentLangs = getContentLanguages().join(',')\n\n // manually construct fetch call so we can add the `lang` cache-busting param\n let res = await AtpAgent.fetch!(\n `https://api.sunaba.network/xrpc/app.bsky.feed.getFeed?feed=${feed}${\n cursor ? `&cursor=${cursor}` : ''\n }&limit=${limit}&lang=${contentLangs}`,\n 'GET',\n {'Accept-Language': contentLangs},\n undefined,\n )\n if (res.body?.feed?.length) {\n return {\n success: true,\n data: res.body,\n }\n }\n\n // no data, try again with language headers removed\n res = await AtpAgent.fetch!(\n `https://api.sunaba.network/xrpc/app.bsky.feed.getFeed?feed=${feed}${\n cursor ? `&cursor=${cursor}` : ''\n }&limit=${limit}`,\n 'GET',\n {'Accept-Language': ''},\n undefined,\n )\n if (res.body?.feed?.length) {\n return {\n success: true,\n data: res.body,\n }\n }\n\n return {\n success: false,\n data: {feed: []},\n }\n}\n","import {AppBskyFeedDefs, BskyAgent} from '@atproto/api'\n\nimport {FeedAPI, FeedAPIResponse} from './types'\n\nexport class FollowingFeedAPI implements FeedAPI {\n agent: BskyAgent\n\n constructor({agent}: {agent: BskyAgent}) {\n this.agent = agent\n }\n\n async peekLatest(): Promise {\n const res = await this.agent.getTimeline({\n limit: 1,\n })\n return res.data.feed[0]\n }\n\n async fetch({\n cursor,\n limit,\n }: {\n cursor: string | undefined\n limit: number\n }): Promise {\n const res = await this.agent.getTimeline({\n cursor,\n limit,\n })\n if (res.success) {\n return {\n cursor: res.data.cursor,\n feed: res.data.feed,\n }\n }\n return {\n feed: [],\n }\n }\n}\n","import {AppBskyFeedDefs, BskyAgent} from '@atproto/api'\n\nimport {PROD_DEFAULT_FEED} from '#/lib/constants'\nimport {CustomFeedAPI} from './custom'\nimport {FollowingFeedAPI} from './following'\nimport {FeedAPI, FeedAPIResponse} from './types'\n\n// HACK\n// the feed API does not include any facilities for passing down\n// non-post elements. adding that is a bit of a heavy lift, and we\n// have just one temporary usecase for it: flagging when the home feed\n// falls back to discover.\n// we use this fallback marker post to drive this instead. see Feed.tsx\n// for the usage.\n// -prf\nexport const FALLBACK_MARKER_POST: AppBskyFeedDefs.FeedViewPost = {\n post: {\n uri: 'fallback-marker-post',\n cid: 'fake',\n record: {},\n author: {\n did: 'did:fake',\n handle: 'fake.com',\n },\n indexedAt: new Date().toISOString(),\n },\n}\n\nexport class HomeFeedAPI implements FeedAPI {\n agent: BskyAgent\n following: FollowingFeedAPI\n discover: CustomFeedAPI\n usingDiscover = false\n itemCursor = 0\n userInterests?: string\n\n constructor({\n userInterests,\n agent,\n }: {\n userInterests?: string\n agent: BskyAgent\n }) {\n this.agent = agent\n this.following = new FollowingFeedAPI({agent})\n this.discover = new CustomFeedAPI({\n agent,\n feedParams: {feed: PROD_DEFAULT_FEED('whats-hot')},\n })\n this.userInterests = userInterests\n }\n\n reset() {\n this.following = new FollowingFeedAPI({agent: this.agent})\n this.discover = new CustomFeedAPI({\n agent: this.agent,\n feedParams: {feed: PROD_DEFAULT_FEED('whats-hot')},\n userInterests: this.userInterests,\n })\n this.usingDiscover = false\n this.itemCursor = 0\n }\n\n async peekLatest(): Promise {\n if (this.usingDiscover) {\n return this.discover.peekLatest()\n }\n return this.following.peekLatest()\n }\n\n async fetch({\n cursor,\n limit,\n }: {\n cursor: string | undefined\n limit: number\n }): Promise {\n if (!cursor) {\n this.reset()\n }\n\n let returnCursor\n let posts: AppBskyFeedDefs.FeedViewPost[] = []\n\n if (!this.usingDiscover) {\n const res = await this.following.fetch({cursor, limit})\n returnCursor = res.cursor\n posts = posts.concat(res.feed)\n if (!returnCursor) {\n cursor = ''\n posts.push(FALLBACK_MARKER_POST)\n this.usingDiscover = true\n }\n }\n\n if (this.usingDiscover) {\n const res = await this.discover.fetch({cursor, limit})\n returnCursor = res.cursor\n posts = posts.concat(res.feed)\n }\n\n return {\n cursor: returnCursor,\n feed: posts,\n }\n }\n}\n","import {moderatePost} from '@atproto/api'\nimport { BSKY_LABELER_DID } from 'lib/constants'\n\ntype ModeratePost = typeof moderatePost\ntype Options = Parameters[1]\n\nexport function moderatePost_wrapped(\n subject: Parameters[0],\n opts: Options,\n) {\n // HACK\n // temporarily translate 'gore' into 'graphic-media' during the transition period\n // can remove this in a few months\n // -prf\n translateOldLabels(subject)\n\n return moderatePost(subject, opts)\n}\n\nfunction translateOldLabels(subject: Parameters[0]) {\n if (subject.labels) {\n for (const label of subject.labels) {\n if (\n label.val === 'gore' &&\n (!label.src || label.src === BSKY_LABELER_DID)\n ) {\n label.val = 'graphic-media'\n }\n }\n }\n}\n","import {\n AppBskyFeedDefs,\n AppBskyFeedGetAuthorFeed as GetAuthorFeed,\n BskyAgent,\n} from '@atproto/api'\n\nimport {FeedAPI, FeedAPIResponse} from './types'\n\nexport class AuthorFeedAPI implements FeedAPI {\n agent: BskyAgent\n params: GetAuthorFeed.QueryParams\n\n constructor({\n agent,\n feedParams,\n }: {\n agent: BskyAgent\n feedParams: GetAuthorFeed.QueryParams\n }) {\n this.agent = agent\n this.params = feedParams\n }\n\n async peekLatest(): Promise {\n const res = await this.agent.getAuthorFeed({\n ...this.params,\n limit: 1,\n })\n return res.data.feed[0]\n }\n\n async fetch({\n cursor,\n limit,\n }: {\n cursor: string | undefined\n limit: number\n }): Promise {\n const res = await this.agent.getAuthorFeed({\n ...this.params,\n cursor,\n limit,\n })\n if (res.success) {\n return {\n cursor: res.data.cursor,\n feed: this._filter(res.data.feed),\n }\n }\n return {\n feed: [],\n }\n }\n\n _filter(feed: AppBskyFeedDefs.FeedViewPost[]) {\n if (this.params.filter === 'posts_and_author_threads') {\n return feed.filter(post => {\n const isReply = post.reply\n const isRepost = AppBskyFeedDefs.isReasonRepost(post.reason)\n if (!isReply) return true\n if (isRepost) return true\n return isReply && isAuthorReplyChain(this.params.actor, post, feed)\n })\n }\n\n return feed\n }\n}\n\nfunction isAuthorReplyChain(\n actor: string,\n post: AppBskyFeedDefs.FeedViewPost,\n posts: AppBskyFeedDefs.FeedViewPost[],\n): boolean {\n // current post is by a different user (shouldn't happen)\n if (post.post.author.did !== actor) return false\n\n const replyParent = post.reply?.parent\n\n if (AppBskyFeedDefs.isPostView(replyParent)) {\n // reply parent is by a different user\n if (replyParent.author.did !== actor) return false\n\n // A top-level post that matches the parent of the current post.\n const parentPost = posts.find(p => p.post.uri === replyParent.uri)\n\n /*\n * Either we haven't fetched the parent at the top level, or the only\n * record we have is on feedItem.reply.parent, which we've already checked\n * above.\n */\n if (!parentPost) return true\n\n // Walk up to parent\n return isAuthorReplyChain(actor, parentPost, posts)\n }\n\n // Just default to showing it\n return true\n}\n","import {\n AppBskyFeedDefs,\n AppBskyFeedGetActorLikes as GetActorLikes,\n BskyAgent,\n} from '@atproto/api'\n\nimport {FeedAPI, FeedAPIResponse} from './types'\n\nexport class LikesFeedAPI implements FeedAPI {\n agent: BskyAgent\n params: GetActorLikes.QueryParams\n\n constructor({\n agent,\n feedParams,\n }: {\n agent: BskyAgent\n feedParams: GetActorLikes.QueryParams\n }) {\n this.agent = agent\n this.params = feedParams\n }\n\n async peekLatest(): Promise {\n const res = await this.agent.getActorLikes({\n ...this.params,\n limit: 1,\n })\n return res.data.feed[0]\n }\n\n async fetch({\n cursor,\n limit,\n }: {\n cursor: string | undefined\n limit: number\n }): Promise {\n const res = await this.agent.getActorLikes({\n ...this.params,\n cursor,\n limit,\n })\n if (res.success) {\n return {\n cursor: res.data.cursor,\n feed: res.data.feed,\n }\n }\n return {\n feed: [],\n }\n }\n}\n","import {\n AppBskyFeedDefs,\n AppBskyFeedGetListFeed as GetListFeed,\n BskyAgent,\n} from '@atproto/api'\n\nimport {FeedAPI, FeedAPIResponse} from './types'\n\nexport class ListFeedAPI implements FeedAPI {\n agent: BskyAgent\n params: GetListFeed.QueryParams\n\n constructor({\n agent,\n feedParams,\n }: {\n agent: BskyAgent\n feedParams: GetListFeed.QueryParams\n }) {\n this.agent = agent\n this.params = feedParams\n }\n\n async peekLatest(): Promise {\n const res = await this.agent.app.bsky.feed.getListFeed({\n ...this.params,\n limit: 1,\n })\n return res.data.feed[0]\n }\n\n async fetch({\n cursor,\n limit,\n }: {\n cursor: string | undefined\n limit: number\n }): Promise {\n const res = await this.agent.app.bsky.feed.getListFeed({\n ...this.params,\n cursor,\n limit,\n })\n if (res.success) {\n return {\n cursor: res.data.cursor,\n feed: res.data.feed,\n }\n }\n return {\n feed: [],\n }\n }\n}\n","interface Language {\n code3: string\n code2: string\n name: string\n}\n\nexport enum AppLanguage {\n en = 'en',\n ca = 'ca',\n de = 'de',\n es = 'es',\n fi = 'fi',\n fr = 'fr',\n ga = 'ga',\n hi = 'hi',\n id = 'id',\n it = 'it',\n ja = 'ja',\n ko = 'ko',\n pt_BR = 'pt-BR',\n tr = 'tr',\n uk = 'uk',\n zh_CN = 'zh-CN',\n zh_TW = 'zh-TW',\n}\n\ninterface AppLanguageConfig {\n code2: AppLanguage\n name: string\n}\n\nexport const APP_LANGUAGES: AppLanguageConfig[] = [\n {code2: AppLanguage.en, name: 'English'},\n {code2: AppLanguage.ca, name: 'Català – Catalan'},\n {code2: AppLanguage.de, name: 'Deutsch – German'},\n {code2: AppLanguage.es, name: 'Español – Spanish'},\n {code2: AppLanguage.fi, name: 'Suomi – Finnish'},\n {code2: AppLanguage.fr, name: 'Français – French'},\n {code2: AppLanguage.ga, name: 'Gaeilge – Irish'},\n {code2: AppLanguage.hi, name: 'हिंदी – Hindi'},\n {code2: AppLanguage.id, name: 'Bahasa Indonesia – Indonesian'},\n {code2: AppLanguage.it, name: 'Italiano – Italian'},\n {code2: AppLanguage.ja, name: '日本語 – Japanese'},\n {code2: AppLanguage.ko, name: '한국어 – Korean'},\n {code2: AppLanguage.pt_BR, name: 'Português (BR) – Portuguese (BR)'},\n {code2: AppLanguage.tr, name: 'Türkçe – Turkish'},\n {code2: AppLanguage.uk, name: 'Українська – Ukrainian'},\n {code2: AppLanguage.zh_CN, name: '简体中文（中国）– Chinese (Simplified)'},\n {code2: AppLanguage.zh_TW, name: '繁體中文（臺灣）– Chinese (Traditional)'},\n]\n\nexport const LANGUAGES: Language[] = [\n {code3: 'aar', code2: 'aa', name: 'Afar'},\n {code3: 'abk', code2: 'ab', name: 'Abkhazian'},\n {code3: 'ace', code2: '', name: 'Achinese'},\n {code3: 'ach', code2: '', name: 'Acoli'},\n {code3: 'ada', code2: '', name: 'Adangme'},\n {code3: 'ady', code2: '', name: 'Adyghe; Adygei'},\n {code3: 'afa', code2: '', name: 'Afro-Asiatic languages'},\n {code3: 'afh', code2: '', name: 'Afrihili'},\n {code3: 'afr', code2: 'af', name: 'Afrikaans'},\n {code3: 'ain', code2: '', name: 'Ainu'},\n {code3: 'aka', code2: 'ak', name: 'Akan'},\n {code3: 'akk', code2: '', name: 'Akkadian'},\n {code3: 'alb', code2: 'sq', name: 'Albanian'},\n {code3: 'ale', code2: '', name: 'Aleut'},\n {code3: 'alg', code2: '', name: 'Algonquian languages'},\n {code3: 'alt', code2: '', name: 'Southern Altai'},\n {code3: 'amh', code2: 'am', name: 'Amharic'},\n {code3: 'ang', code2: '', name: 'English, Old (ca.450-1100)'},\n {code3: 'anp ', code2: 'Angika', name: 'Angika'},\n {code3: 'apa', code2: '', name: 'Apache languages'},\n {code3: 'ara', code2: 'ar', name: 'Arabic'},\n {\n code3: 'arc',\n code2: '',\n name: 'Official Aramaic (700-300 BCE); Imperial Aramaic (700-300 BCE)',\n },\n {code3: 'arg', code2: 'an', name: 'Aragonese'},\n {code3: 'arm', code2: 'hy', name: 'Armenian'},\n {code3: 'arn', code2: '', name: 'Mapudungun; Mapuche'},\n {code3: 'arp', code2: '', name: 'Arapaho'},\n {code3: 'art', code2: '', name: 'Artificial languages'},\n {code3: 'arw', code2: '', name: 'Arawak'},\n {code3: 'asm', code2: 'as', name: 'Assamese'},\n {code3: 'ast', code2: '', name: 'Asturian; Bable; Leonese; Asturleonese'},\n {code3: 'ath', code2: '', name: 'Athapascan languages'},\n {code3: 'aus', code2: '', name: 'Australian languages'},\n {code3: 'ava', code2: 'av', name: 'Avaric'},\n {code3: 'ave', code2: 'ae', name: 'Avestan'},\n {code3: 'awa', code2: '', name: 'Awadhi'},\n {code3: 'aym', code2: 'ay', name: 'Aymara'},\n {code3: 'aze', code2: 'az', name: 'Azerbaijani'},\n {code3: 'bad', code2: '', name: 'Banda languages'},\n {code3: 'bai', code2: '', name: 'Bamileke languages'},\n {code3: 'bak', code2: 'ba', name: 'Bashkir'},\n {code3: 'bal', code2: '', name: 'Baluchi'},\n {code3: 'bam', code2: 'bm', name: 'Bambara'},\n {code3: 'ban', code2: '', name: 'Balinese'},\n {code3: 'baq', code2: 'eu', name: 'Basque'},\n {code3: 'bas', code2: '', name: 'Basa'},\n {code3: 'bat', code2: '', name: 'Baltic languages'},\n {code3: 'bej', code2: '', name: 'Beja; Bedawiyet'},\n {code3: 'bel', code2: 'be', name: 'Belarusian'},\n {code3: 'bem', code2: '', name: 'Bemba'},\n {code3: 'ben', code2: 'bn', name: 'Bengali'},\n {code3: 'ber', code2: '', name: 'Berber languages'},\n {code3: 'bho', code2: '', name: 'Bhojpuri'},\n {code3: 'bih', code2: 'bh', name: 'Bihari languages'},\n {code3: 'bik', code2: '', name: 'Bikol'},\n {code3: 'bin', code2: '', name: 'Bini; Edo'},\n {code3: 'bis', code2: 'bi', name: 'Bislama'},\n {code3: 'bla', code2: '', name: 'Siksika'},\n {code3: 'bnt', code2: '', name: 'Bantu languages'},\n {code3: 'bod', code2: 'bo', name: 'Tibetan'},\n {code3: 'bos', code2: 'bs', name: 'Bosnian'},\n {code3: 'bra', code2: '', name: 'Braj'},\n {code3: 'bre', code2: 'br', name: 'Breton'},\n {code3: 'btk', code2: '', name: 'Batak languages'},\n {code3: 'bua', code2: '', name: 'Buriat'},\n {code3: 'bug', code2: '', name: 'Buginese'},\n {code3: 'bul', code2: 'bg', name: 'Bulgarian'},\n {code3: 'bur', code2: 'my', name: 'Burmese'},\n {code3: 'byn', code2: '', name: 'Blin; Bilin'},\n {code3: 'cad', code2: '', name: 'Caddo'},\n {code3: 'cai', code2: '', name: 'Central American Indian languages'},\n {code3: 'car', code2: '', name: 'Galibi Carib'},\n {code3: 'cat', code2: 'ca', name: 'Catalan; Valencian'},\n {code3: 'cau', code2: '', name: 'Caucasian languages'},\n {code3: 'ceb', code2: '', name: 'Cebuano'},\n {code3: 'cel', code2: '', name: 'Celtic languages'},\n {code3: 'ces', code2: 'cs', name: 'Czech'},\n {code3: 'cha', code2: 'ch', name: 'Chamorro'},\n {code3: 'chb', code2: '', name: 'Chibcha'},\n {code3: 'che', code2: 'ce', name: 'Chechen'},\n {code3: 'chg', code2: '', name: 'Chagatai'},\n {code3: 'chi', code2: 'zh', name: 'Chinese'},\n {code3: 'chk', code2: '', name: 'Chuukese'},\n {code3: 'chm', code2: '', name: 'Mari'},\n {code3: 'chn', code2: '', name: 'Chinook jargon'},\n {code3: 'cho', code2: '', name: 'Choctaw'},\n {code3: 'chp', code2: '', name: 'Chipewyan; Dene Suline'},\n {code3: 'chr', code2: '', name: 'Cherokee'},\n {\n code3: 'chu',\n code2: 'cu',\n name: 'Church Slavic; Old Slavonic; Church Slavonic; Old Bulgarian; Old Church Slavonic',\n },\n {code3: 'chv', code2: 'cv', name: 'Chuvash'},\n {code3: 'chy', code2: '', name: 'Cheyenne'},\n {code3: 'cmc', code2: '', name: 'Chamic languages'},\n {code3: 'cnr', code2: '', name: 'Montenegrin'},\n {code3: 'cop', code2: '', name: 'Coptic'},\n {code3: 'cor', code2: 'kw', name: 'Cornish'},\n {code3: 'cos', code2: 'co', name: 'Corsican'},\n {code3: 'cpe', code2: '', name: 'Creoles and pidgins, English based'},\n {code3: 'cpf', code2: '', name: 'Creoles and pidgins, French-based'},\n {code3: 'cpp', code2: '', name: 'Creoles and pidgins, Portuguese-based'},\n {code3: 'cre', code2: 'cr', name: 'Cree'},\n {code3: 'crh', code2: '', name: 'Crimean Tatar; Crimean Turkish'},\n {code3: 'crp', code2: '', name: 'Creoles and pidgins'},\n {code3: 'csb', code2: '', name: 'Kashubian'},\n {code3: 'cus', code2: '', name: 'Cushitic languages'},\n {code3: 'cym', code2: 'cy', name: 'Welsh'},\n {code3: 'cze', code2: 'cs', name: 'Czech'},\n {code3: 'dak', code2: '', name: 'Dakota'},\n {code3: 'dan', code2: 'da', name: 'Danish'},\n {code3: 'dar', code2: '', name: 'Dargwa'},\n {code3: 'day', code2: '', name: 'Land Dayak languages'},\n {code3: 'del', code2: '', name: 'Delaware'},\n {code3: 'den', code2: '', name: 'Slave (Athapascan)'},\n {code3: 'deu', code2: 'de', name: 'German'},\n {code3: 'dgr', code2: '', name: 'Dogrib'},\n {code3: 'din', code2: '', name: 'Dinka'},\n {code3: 'div', code2: 'dv', name: 'Divehi; Dhivehi; Maldivian'},\n {code3: 'doi', code2: '', name: 'Dogri'},\n {code3: 'dra', code2: '', name: 'Dravidian languages'},\n {code3: 'dsb', code2: '', name: 'Lower Sorbian'},\n {code3: 'dua', code2: '', name: 'Duala'},\n {code3: 'dum', code2: '', name: 'Dutch, Middle (ca.1050-1350)'},\n {code3: 'dut', code2: 'nl', name: 'Dutch; Flemish'},\n {code3: 'dyu', code2: '', name: 'Dyula'},\n {code3: 'dzo', code2: 'dz', name: 'Dzongkha'},\n {code3: 'efi', code2: '', name: 'Efik'},\n {code3: 'egy', code2: '', name: 'Egyptian (Ancient)'},\n {code3: 'eka', code2: '', name: 'Ekajuk'},\n {code3: 'ell', code2: 'el', name: 'Greek, Modern (1453-)'},\n {code3: 'elx', code2: '', name: 'Elamite'},\n {code3: 'eng', code2: 'en', name: 'English'},\n {code3: 'enm', code2: '', name: 'English, Middle (1100-1500)'},\n {code3: 'epo', code2: 'eo', name: 'Esperanto'},\n {code3: 'est', code2: 'et', name: 'Estonian'},\n {code3: 'eus', code2: 'eu', name: 'Basque'},\n {code3: 'ewe', code2: 'ee', name: 'Ewe'},\n {code3: 'ewo', code2: '', name: 'Ewondo'},\n {code3: 'fan', code2: '', name: 'Fang'},\n {code3: 'fao', code2: 'fo', name: 'Faroese'},\n {code3: 'fas', code2: 'fa', name: 'Persian'},\n {code3: 'fat', code2: '', name: 'Fanti'},\n {code3: 'fij', code2: 'fj', name: 'Fijian'},\n {code3: 'fil', code2: '', name: 'Filipino; Pilipino'},\n {code3: 'fin', code2: 'fi', name: 'Finnish'},\n {code3: 'fiu', code2: '', name: 'Finno-Ugrian languages'},\n {code3: 'fon', code2: '', name: 'Fon'},\n {code3: 'fra', code2: 'fr', name: 'French'},\n {code3: 'fre', code2: 'fr', name: 'French'},\n {code3: 'frm', code2: '', name: 'French, Middle (ca.1400-1600)'},\n {code3: 'fro', code2: '', name: 'French, Old (842-ca.1400)'},\n {code3: 'frr', code2: '', name: 'Northern Frisian'},\n {code3: 'frs', code2: '', name: 'Eastern Frisian'},\n {code3: 'fry', code2: 'fy', name: 'Western Frisian'},\n {code3: 'ful', code2: 'ff', name: 'Fulah'},\n {code3: 'fur', code2: '', name: 'Friulian'},\n {code3: 'gaa', code2: '', name: 'Ga'},\n {code3: 'gay', code2: '', name: 'Gayo'},\n {code3: 'gba', code2: '', name: 'Gbaya'},\n {code3: 'gem', code2: '', name: 'Germanic languages'},\n {code3: 'geo', code2: 'ka', name: 'Georgian'},\n {code3: 'ger', code2: 'de', name: 'German'},\n {code3: 'gez', code2: '', name: 'Geez'},\n {code3: 'gil', code2: '', name: 'Gilbertese'},\n {code3: 'gla', code2: 'gd', name: 'Gaelic; Scottish Gaelic'},\n {code3: 'gle', code2: 'ga', name: 'Irish'},\n {code3: 'glg', code2: 'gl', name: 'Galician'},\n {code3: 'glv', code2: 'gv', name: 'Manx'},\n {code3: 'gmh', code2: '', name: 'German, Middle High (ca.1050-1500)'},\n {code3: 'goh', code2: '', name: 'German, Old High (ca.750-1050)'},\n {code3: 'gon', code2: '', name: 'Gondi'},\n {code3: 'gor', code2: '', name: 'Gorontalo'},\n {code3: 'got', code2: '', name: 'Gothic'},\n {code3: 'grb', code2: '', name: 'Grebo'},\n {code3: 'grc', code2: '', name: 'Greek, Ancient (to 1453)'},\n {code3: 'gre', code2: 'el', name: 'Greek, Modern (1453-)'},\n {code3: 'grn', code2: 'gn', name: 'Guarani'},\n {code3: 'gsw', code2: '', name: 'Swiss German; Alemannic; Alsatian'},\n {code3: 'gujgu', code2: 'Gujarati', name: 'goudjrati'},\n {code3: 'gwi', code2: '', name: \"Gwich'in\"},\n {code3: 'hai', code2: '', name: 'Haida'},\n {code3: 'hat', code2: 'ht', name: 'Haitian; Haitian Creole'},\n {code3: 'hau', code2: 'ha', name: 'Hausa'},\n {code3: 'haw', code2: '', name: 'Hawaiian'},\n {code3: 'heb', code2: 'he', name: 'Hebrew'},\n {code3: 'her', code2: 'hz', name: 'Herero'},\n {code3: 'hil', code2: '', name: 'Hiligaynon'},\n {\n code3: 'him',\n code2: '',\n name: 'Himachali languages; Western Pahari languages',\n },\n {code3: 'hin', code2: 'hi', name: 'Hindi'},\n {code3: 'hit', code2: '', name: 'Hittite'},\n {code3: 'hmn', code2: '', name: 'Hmong; Mong'},\n {code3: 'hmo', code2: 'ho', name: 'Hiri Motu'},\n {code3: 'hrv', code2: 'hr', name: 'Croatian'},\n {code3: 'hsb', code2: '', name: 'Upper Sorbian'},\n {code3: 'hun', code2: 'hu', name: 'Hungarian'},\n {code3: 'hup', code2: '', name: 'Hupa'},\n {code3: 'hye', code2: 'hy', name: 'Armenian'},\n {code3: 'iba', code2: '', name: 'Iban'},\n {code3: 'ibo', code2: 'ig', name: 'Igbo'},\n {code3: 'ice', code2: 'is', name: 'Icelandic'},\n {code3: 'ido', code2: 'io', name: 'Ido'},\n {code3: 'iii', code2: 'ii', name: 'Sichuan Yi; Nuosu'},\n {code3: 'ijo', code2: '', name: 'Ijo languages'},\n {code3: 'iku', code2: 'iu', name: 'Inuktitut'},\n {code3: 'ile', code2: 'ie', name: 'Interlingue; Occidental'},\n {code3: 'ilo', code2: '', name: 'Iloko'},\n {\n code3: 'ina',\n code2: 'ia',\n name: 'Interlingua (International Auxiliary Language Association)',\n },\n {code3: 'inc', code2: '', name: 'Indic languages'},\n {code3: 'ind', code2: 'id', name: 'Indonesian'},\n {code3: 'ine', code2: '', name: 'Indo-European languages'},\n {code3: 'inh', code2: '', name: 'Ingush'},\n {code3: 'ipk', code2: 'ik', name: 'Inupiaq'},\n {code3: 'ira', code2: '', name: 'Iranian languages'},\n {code3: 'iro', code2: '', name: 'Iroquoian languages'},\n {code3: 'isl', code2: 'is', name: 'Icelandic'},\n {code3: 'ita', code2: 'it', name: 'Italian'},\n {code3: 'jav', code2: 'jv', name: 'Javanese'},\n {code3: 'jbo', code2: '', name: 'Lojban'},\n {code3: 'jpn', code2: 'ja', name: 'Japanese'},\n {code3: 'jpr', code2: '', name: 'Judeo-Persian'},\n {code3: 'jrb', code2: '', name: 'Judeo-Arabic'},\n {code3: 'kaa', code2: '', name: 'Kara-Kalpak'},\n {code3: 'kab', code2: '', name: 'Kabyle'},\n {code3: 'kac', code2: '', name: 'Kachin; Jingpho'},\n {code3: 'kal', code2: 'kl', name: 'Kalaallisut; Greenlandic'},\n {code3: 'kam', code2: '', name: 'Kamba'},\n {code3: 'kan', code2: 'kn', name: 'Kannada'},\n {code3: 'kar', code2: '', name: 'Karen languages'},\n {code3: 'kas', code2: 'ks', name: 'Kashmiri'},\n {code3: 'kat', code2: 'ka', name: 'Georgian'},\n {code3: 'kau', code2: 'kr', name: 'Kanuri'},\n {code3: 'kaw', code2: '', name: 'Kawi'},\n {code3: 'kaz', code2: 'kk', name: 'Kazakh'},\n {code3: 'kbd', code2: '', name: 'Kabardian'},\n {code3: 'kha', code2: '', name: 'Khasi'},\n {code3: 'khi', code2: '', name: 'Khoisan languages'},\n {code3: 'khm', code2: 'km', name: 'Central Khmer'},\n {code3: 'kho', code2: '', name: 'Khotanese; Sakan'},\n {code3: 'kik', code2: 'ki', name: 'Kikuyu; Gikuyu'},\n {code3: 'kin', code2: 'rw', name: 'Kinyarwanda'},\n {code3: 'kir', code2: 'ky', name: 'Kirghiz; Kyrgyz'},\n {code3: 'kmb', code2: '', name: 'Kimbundu'},\n {code3: 'kok', code2: '', name: 'Konkani'},\n {code3: 'kom', code2: 'kv', name: 'Komi'},\n {code3: 'kon', code2: 'kg', name: 'Kongo'},\n {code3: 'kor', code2: 'ko', name: 'Korean'},\n {code3: 'kos', code2: '', name: 'Kosraean'},\n {code3: 'kpe', code2: '', name: 'Kpelle'},\n {code3: 'krc', code2: '', name: 'Karachay-Balkar'},\n {code3: 'krl', code2: '', name: 'Karelian'},\n {code3: 'kro', code2: '', name: 'Kru languages'},\n {code3: 'kru', code2: '', name: 'Kurukh'},\n {code3: 'kua', code2: 'kj', name: 'Kuanyama; Kwanyama'},\n {code3: 'kum', code2: '', name: 'Kumyk'},\n {code3: 'kur', code2: 'ku', name: 'Kurdish'},\n {code3: 'kut', code2: '', name: 'Kutenai'},\n {code3: 'lad', code2: '', name: 'Ladino'},\n {code3: 'lah', code2: '', name: 'Lahnda'},\n {code3: 'lam', code2: '', name: 'Lamba'},\n {code3: 'lao', code2: 'lo', name: 'Lao'},\n {code3: 'lat', code2: 'la', name: 'Latin'},\n {code3: 'lav', code2: 'lv', name: 'Latvian'},\n {code3: 'lez', code2: '', name: 'Lezghian'},\n {code3: 'lim', code2: 'li', name: 'Limburgan; Limburger; Limburgish'},\n {code3: 'lin', code2: 'ln', name: 'Lingala'},\n {code3: 'lit', code2: 'lt', name: 'Lithuanian'},\n {code3: 'lol', code2: '', name: 'Mongo'},\n {code3: 'loz', code2: '', name: 'Lozi'},\n {code3: 'ltz', code2: 'lb', name: 'Luxembourgish; Letzeburgesch'},\n {code3: 'lua', code2: '', name: 'Luba-Lulua'},\n {code3: 'lub', code2: 'lu', name: 'Luba-Katanga'},\n {code3: 'lug', code2: 'lg', name: 'Ganda'},\n {code3: 'lui', code2: '', name: 'Luiseno'},\n {code3: 'lun', code2: '', name: 'Lunda'},\n {\n code3: 'luo',\n code2: ' Luo (Kenya and Tanzania)',\n name: 'luo (Kenya et Tanzanie)',\n },\n {code3: 'lus', code2: '', name: 'Lushai'},\n {code3: 'mac', code2: 'mk', name: 'Macedonian'},\n {code3: 'mad', code2: '', name: 'Madurese'},\n {code3: 'mag', code2: '', name: 'Magahi'},\n {code3: 'mah', code2: 'mh', name: 'Marshallese'},\n {code3: 'mai', code2: '', name: 'Maithili'},\n {code3: 'mak', code2: '', name: 'Makasar'},\n {code3: 'mal', code2: 'ml', name: 'Malayalam'},\n {code3: 'man', code2: '', name: 'Mandingo'},\n {code3: 'mao', code2: 'mi', name: 'Maori'},\n {code3: 'map', code2: '', name: 'Austronesian languages'},\n {code3: 'mar', code2: 'mr', name: 'Marathi'},\n {code3: 'mas', code2: '', name: 'Masai'},\n {code3: 'may', code2: 'ms', name: 'Malay'},\n {code3: 'mdf', code2: '', name: 'Moksha'},\n {code3: 'mdr', code2: '', name: 'Mandar'},\n {code3: 'men', code2: '', name: 'Mende'},\n {code3: 'mga', code2: '', name: 'Irish, Middle (900-1200)'},\n {code3: 'mic', code2: '', name: \"Mi'kmaq; Micmac\"},\n {code3: 'min', code2: '', name: 'Minangkabau'},\n {code3: 'mis', code2: '', name: 'Uncoded languages'},\n {code3: 'mkd', code2: 'mk', name: 'Macedonian'},\n {code3: 'mkh', code2: '', name: 'Mon-Khmer languages'},\n {code3: 'mlg', code2: 'mg', name: 'Malagasy'},\n {code3: 'mlt', code2: 'mt', name: 'Maltese'},\n {code3: 'mnc', code2: '', name: 'Manchu'},\n {code3: 'mni', code2: '', name: 'Manipuri'},\n {code3: 'mno', code2: '', name: 'Manobo languages'},\n {code3: 'moh', code2: '', name: 'Mohawk'},\n {code3: 'mon', code2: 'mn', name: 'Mongolian'},\n {code3: 'mos', code2: '', name: 'Mossi'},\n {code3: 'mri', code2: 'mi', name: 'Maori'},\n {code3: 'msa', code2: 'ms', name: 'Malay'},\n {code3: 'mul', code2: '', name: 'Multiple languages'},\n {code3: 'mun', code2: '', name: 'Munda languages'},\n {code3: 'mus', code2: '', name: 'Creek'},\n {code3: 'mwl', code2: '', name: 'Mirandese'},\n {code3: 'mwr', code2: '', name: 'Marwari'},\n {code3: 'mya', code2: 'my', name: 'Burmese'},\n {code3: 'myn', code2: '', name: 'Mayan languages'},\n {code3: 'myv', code2: '', name: 'Erzya'},\n {code3: 'nah', code2: '', name: 'Nahuatl languages'},\n {code3: 'nai', code2: '', name: 'North American Indian languages'},\n {code3: 'nap', code2: '', name: 'Neapolitan'},\n {code3: 'nau', code2: 'na', name: 'Nauru'},\n {code3: 'nav', code2: 'nv', name: 'Navajo; Navaho'},\n {code3: 'nbl', code2: 'nr', name: 'Ndebele, South; South Ndebele'},\n {code3: 'nde', code2: 'nd', name: 'Ndebele, North; North Ndebele'},\n {code3: 'ndo', code2: 'ng', name: 'Ndonga'},\n {\n code3: 'nds',\n code2: '',\n name: 'Low German; Low Saxon; German, Low; Saxon, Low',\n },\n {code3: 'nep', code2: 'ne', name: 'Nepali'},\n {code3: 'new', code2: '', name: 'Nepal Bhasa; Newari'},\n {code3: 'nia', code2: '', name: 'Nias'},\n {code3: 'nic', code2: '', name: 'Niger-Kordofanian languages'},\n {code3: 'niu', code2: '', name: 'Niuean'},\n {code3: 'nld', code2: 'nl', name: 'Dutch; Flemish'},\n {code3: 'nno', code2: 'nn', name: 'Norwegian Nynorsk; Nynorsk, Norwegian'},\n {code3: 'nob', code2: 'nb', name: 'Bokmål, Norwegian; Norwegian Bokmål'},\n {code3: 'nog', code2: '', name: 'Nogai'},\n {code3: 'non', code2: '', name: 'Norse, Old'},\n {code3: 'nor', code2: 'no', name: 'Norwegian'},\n {code3: 'nqo', code2: '', name: \"N'Ko\"},\n {code3: 'nso', code2: '', name: 'Pedi; Sepedi; Northern Sotho'},\n {code3: 'nub', code2: '', name: 'Nubian languages'},\n {\n code3: 'nwc',\n code2: '',\n name: 'Classical Newari; Old Newari; Classical Nepal Bhasa',\n },\n {code3: 'nya', code2: 'ny', name: 'Chichewa; Chewa; Nyanja'},\n {code3: 'nym', code2: '', name: 'Nyamwezi'},\n {code3: 'nyn', code2: '', name: 'Nyankole'},\n {code3: 'nyo', code2: '', name: 'Nyoro'},\n {code3: 'nzi', code2: '', name: 'Nzima'},\n {code3: 'oci', code2: 'oc', name: 'Occitan (post 1500)'},\n {code3: 'oji', code2: 'oj', name: 'Ojibwa'},\n {code3: 'ori', code2: 'or', name: 'Oriya'},\n {code3: 'orm', code2: 'om', name: 'Oromo'},\n {code3: 'osa', code2: '', name: 'Osage'},\n {code3: 'oss', code2: 'os', name: 'Ossetian; Ossetic'},\n {code3: 'ota', code2: '', name: 'Turkish, Ottoman (1500-1928)'},\n {code3: 'oto', code2: '', name: 'Otomian languages'},\n {code3: 'paa', code2: '', name: 'Papuan languages'},\n {code3: 'pag', code2: '', name: 'Pangasinan'},\n {code3: 'pal', code2: ' ', name: 'Pahlavi'},\n {code3: 'pam', code2: ' ', name: 'Pampanga; Kapampangan'},\n {code3: 'pan', code2: 'paPanjabi; Punjabi', name: 'pendjabi'},\n {code3: 'pap', code2: ' ', name: 'Papiamento'},\n {code3: 'pau', code2: ' ', name: 'Palauan'},\n {code3: 'peo', code2: ' ', name: 'Persian, Old (ca.600-400 B.C.)'},\n {code3: 'per', code2: 'fa', name: 'Persian'},\n {code3: 'phi', code2: ' ', name: 'Philippine languages'},\n {code3: 'phn', code2: ' ', name: 'Phoenician'},\n {code3: 'pli', code2: 'pi', name: 'Pali'},\n {code3: 'pol', code2: 'pl', name: 'Polish'},\n {code3: 'pon', code2: ' ', name: 'Pohnpeian'},\n {code3: 'por', code2: 'pt', name: 'Portuguese'},\n {code3: 'pra', code2: ' ', name: 'Prakrit languages'},\n {\n code3: 'pro',\n code2: ' ',\n name: 'Provençal, Old (to 1500);Occitan, Old (to 1500)',\n },\n {code3: 'pus', code2: 'ps', name: 'Pushto; Pashto'},\n {code3: 'que', code2: 'qu', name: 'Quechua'},\n {code3: 'raj', code2: ' ', name: 'Rajasthani'},\n {code3: 'rap', code2: ' ', name: 'Rapanui'},\n {code3: 'rar', code2: ' ', name: 'Rarotongan; Cook Islands Maori'},\n {code3: 'roa', code2: ' ', name: 'Romance languages'},\n {code3: 'roh', code2: 'rm', name: 'Romansh'},\n {code3: 'rom', code2: ' ', name: 'Romany'},\n {code3: 'rum', code2: 'ro', name: 'Romanian; Moldavian; Moldovan'},\n {code3: 'ron', code2: 'ro', name: 'Romanian; Moldavian; Moldovan'},\n {code3: 'run', code2: 'rn', name: 'Rundi'},\n {code3: 'rup', code2: ' ', name: 'Aromanian; Arumanian; Macedo-Romanian'},\n {code3: 'rus', code2: 'ru', name: 'Russian'},\n {code3: 'sad', code2: ' ', name: 'Sandawe'},\n {code3: 'sag', code2: 'sg', name: 'Sango'},\n {code3: 'sah', code2: ' ', name: 'Yakut'},\n {code3: 'sai', code2: ' ', name: 'South American Indian languages'},\n {code3: 'sal', code2: ' ', name: 'Salishan languages'},\n {code3: 'sam', code2: ' ', name: 'Samaritan Aramaic'},\n {code3: 'san', code2: 'sa', name: 'Sanskrit'},\n {code3: 'sas', code2: ' ', name: 'Sasak'},\n {code3: 'sat', code2: ' ', name: 'Santali'},\n {code3: 'scn', code2: ' ', name: 'Sicilian'},\n {code3: 'sco', code2: ' ', name: 'Scots'},\n {code3: 'sel', code2: ' ', name: 'Selkup'},\n {code3: 'sem', code2: ' ', name: 'Semitic languages'},\n {code3: 'sga', code2: ' ', name: 'Irish, Old (to 900)'},\n {code3: 'sgn', code2: ' ', name: 'Sign Languages'},\n {code3: 'shn', code2: ' ', name: 'Shan'},\n {code3: 'sid', code2: ' ', name: 'Sidamo'},\n {code3: 'sin', code2: 'si', name: 'Sinhala; Sinhalese'},\n {code3: 'sio', code2: ' ', name: 'Siouan languages'},\n {code3: 'sit', code2: ' ', name: 'Sino-Tibetan languages'},\n {code3: 'sla', code2: ' ', name: 'Slavic languages'},\n {code3: 'slo', code2: 'sk', name: 'Slovak'},\n {code3: 'slk', code2: 'sk', name: 'Slovak'},\n {code3: 'slv', code2: 'sl', name: 'Slovenian'},\n {code3: 'sma', code2: ' ', name: 'Southern Sami'},\n {code3: 'sme', code2: 'se', name: 'Northern Sami'},\n {code3: 'smi', code2: ' ', name: 'Sami languages'},\n {code3: 'smj', code2: ' ', name: 'Lule Sami'},\n {code3: 'smn', code2: ' ', name: 'Inari Sami'},\n {code3: 'smo', code2: 'sm', name: 'Samoan'},\n {code3: 'sms', code2: ' ', name: 'Skolt Sami'},\n {code3: 'sna', code2: 'sn', name: 'Shona'},\n {code3: 'snd', code2: 'sd', name: 'Sindhi'},\n {code3: 'snk', code2: ' ', name: 'Soninke'},\n {code3: 'sog', code2: ' ', name: 'Sogdian'},\n {code3: 'som', code2: 'so', name: 'Somali'},\n {code3: 'son', code2: ' ', name: 'Songhai languages'},\n {code3: 'sot', code2: 'st', name: 'Sotho, Southern'},\n {code3: 'spa', code2: 'es', name: 'Spanish'},\n {code3: 'sqi', code2: 'sq', name: 'Albanian'},\n {code3: 'srd', code2: 'sc', name: 'Sardinian'},\n {code3: 'srn', code2: ' ', name: 'Sranan Tongo'},\n {code3: 'srp', code2: 'sr', name: 'Serbian'},\n {code3: 'srr', code2: ' ', name: 'Serer'},\n {code3: 'ssa', code2: ' ', name: 'Nilo-Saharan languages'},\n {code3: 'ssw', code2: 'ss', name: 'Swati'},\n {code3: 'suk', code2: ' ', name: 'Sukuma'},\n {code3: 'sun', code2: 'su', name: 'Sundanese'},\n {code3: 'sus', code2: ' ', name: 'Susu'},\n {code3: 'sux', code2: ' ', name: 'Sumerian'},\n {code3: 'swa', code2: 'sw', name: 'Swahili'},\n {code3: 'swe', code2: 'sv', name: 'Swedish'},\n {code3: 'syc', code2: ' ', name: 'Classical Syriac'},\n {code3: 'syr', code2: ' ', name: 'Syriac'},\n {code3: 'tah', code2: 'ty', name: 'Tahitian'},\n {code3: 'tai', code2: ' ', name: 'Tai languages'},\n {code3: 'tam', code2: 'ta', name: 'Tamil'},\n {code3: 'tat', code2: 'tt', name: 'Tatar'},\n {code3: 'tel', code2: 'te', name: 'Telugu'},\n {code3: 'tem', code2: ' ', name: 'Timne'},\n {code3: 'ter', code2: ' ', name: 'Tereno'},\n {code3: 'tet', code2: ' ', name: 'Tetum'},\n {code3: 'tgk', code2: 'tg', name: 'Tajik'},\n {code3: 'tgl', code2: 'tl', name: 'Tagalog'},\n {code3: 'tha', code2: 'th', name: 'Thai'},\n {code3: 'tib', code2: 'bo', name: 'Tibetan'},\n {code3: 'tig', code2: ' ', name: 'Tigre'},\n {code3: 'tir', code2: 'ti', name: 'Tigrinya'},\n {code3: 'tiv', code2: ' ', name: 'Tiv'},\n {code3: 'tkl', code2: ' ', name: 'Tokelau'},\n {code3: 'tlh', code2: ' ', name: 'Klingon; tlhIngan-Hol'},\n {code3: 'tli', code2: ' ', name: 'Tlingit'},\n {code3: 'tmh', code2: ' ', name: 'Tamashek'},\n {code3: 'tog', code2: ' ', name: 'Tonga (Nyasa)'},\n {code3: 'ton', code2: 'to', name: 'Tonga (Tonga Islands)'},\n {code3: 'tpi', code2: ' ', name: 'Tok Pisin'},\n {code3: 'tsi', code2: ' ', name: 'Tsimshian'},\n {code3: 'tsn', code2: 'tn', name: 'Tswana'},\n {code3: 'tso', code2: 'ts', name: 'Tsonga'},\n {code3: 'tuk', code2: 'tk', name: 'Turkmen'},\n {code3: 'tum', code2: ' ', name: 'Tumbuka'},\n {code3: 'tup', code2: ' ', name: 'Tupi languages'},\n {code3: 'tur', code2: 'tr', name: 'Turkish'},\n {code3: 'tut', code2: ' ', name: 'Altaic languages'},\n {code3: 'tvl', code2: ' ', name: 'Tuvalu'},\n {code3: 'twi', code2: 'tw', name: 'Twi'},\n {code3: 'tyv', code2: ' ', name: 'Tuvinian'},\n {code3: 'udm', code2: ' ', name: 'Udmurt'},\n {code3: 'uga', code2: ' ', name: 'Ugaritic'},\n {code3: 'uig', code2: 'ug', name: 'Uighur; Uyghur'},\n {code3: 'ukr', code2: 'uk', name: 'Ukrainian'},\n {code3: 'umb', code2: ' ', name: 'Umbundu'},\n {code3: 'und', code2: ' ', name: 'Undetermined'},\n {code3: 'urd', code2: 'ur', name: 'Urdu'},\n {code3: 'uzb', code2: 'uz', name: 'Uzbek'},\n {code3: 'vai', code2: ' ', name: 'Vai'},\n {code3: 'ven', code2: 've', name: 'Venda'},\n {code3: 'vie', code2: 'vi', name: 'Vietnamese'},\n {code3: 'vol', code2: 'vo', name: 'Volapük'},\n {code3: 'vot', code2: ' ', name: 'Votic'},\n {code3: 'wak', code2: ' ', name: 'Wakashan languages'},\n {code3: 'wal', code2: ' ', name: 'Wolaitta; Wolaytta'},\n {code3: 'war', code2: ' ', name: 'Waray'},\n {code3: 'was', code2: ' ', name: 'Washo'},\n {code3: 'wel', code2: 'cy', name: 'Welsh'},\n {code3: 'wen', code2: ' ', name: 'Sorbian languages'},\n {code3: 'wln', code2: 'wa', name: 'Walloon'},\n {code3: 'wol', code2: 'wo', name: 'Wolof'},\n {code3: 'xal', code2: ' ', name: 'Kalmyk; Oirat'},\n {code3: 'xho', code2: 'xh', name: 'Xhosa'},\n {code3: 'yao', code2: ' ', name: 'Yao'},\n {code3: 'yap', code2: ' ', name: 'Yapese'},\n {code3: 'yid', code2: 'yi', name: 'Yiddish'},\n {code3: 'yor', code2: 'yo', name: 'Yoruba'},\n {code3: 'ypk', code2: ' ', name: 'Yupik languages'},\n {code3: 'zap', code2: ' ', name: 'Zapotec'},\n {code3: 'zbl', code2: ' ', name: 'Blissymbols; Blissymbolics; Bliss'},\n {code3: 'zen', code2: ' ', name: 'Zenaga'},\n {code3: 'zgh', code2: ' ', name: 'Standard Moroccan Tamazight'},\n {code3: 'zha', code2: 'za', name: 'Zhuang; Chuang'},\n {code3: 'zho', code2: 'zh', name: 'Chinese'},\n {code3: 'znd', code2: ' ', name: 'Zande languages'},\n {code3: 'zul', code2: 'zu', name: 'Zulu'},\n {code3: 'zun', code2: ' ', name: 'Zuni'},\n {\n code3: 'zza',\n code2: '',\n name: 'Zaza; Dimili; Dimli; Kirdki; Kirmanjki; Zazaki',\n },\n]\n\nexport const LANGUAGES_MAP_CODE2 = Object.fromEntries(\n LANGUAGES.map(lang => [lang.code2, lang]),\n)\n\nexport const LANGUAGES_MAP_CODE3 = Object.fromEntries(\n LANGUAGES.map(lang => [lang.code3, lang]),\n)\n// some additional manual mappings (not clear if these should be in the \"official\" mappings)\nif (LANGUAGES_MAP_CODE2.fa) {\n LANGUAGES_MAP_CODE3.pes = LANGUAGES_MAP_CODE2.fa\n}\n","import {AppBskyFeedDefs, AppBskyFeedPost} from '@atproto/api'\nimport * as bcp47Match from 'bcp-47-match'\nimport lande from 'lande'\n\nimport {hasProp} from 'lib/type-guards'\nimport {\n AppLanguage,\n LANGUAGES_MAP_CODE2,\n LANGUAGES_MAP_CODE3,\n} from './languages'\n\nexport function code2ToCode3(lang: string): string {\n if (lang.length === 2) {\n return LANGUAGES_MAP_CODE2[lang]?.code3 || lang\n }\n return lang\n}\n\nexport function code3ToCode2(lang: string): string {\n if (lang.length === 3) {\n return LANGUAGES_MAP_CODE3[lang]?.code2 || lang\n }\n return lang\n}\n\nexport function code3ToCode2Strict(lang: string): string | undefined {\n if (lang.length === 3) {\n return LANGUAGES_MAP_CODE3[lang]?.code2\n }\n\n return undefined\n}\n\nexport function codeToLanguageName(lang: string): string {\n const lang2 = code3ToCode2(lang)\n return LANGUAGES_MAP_CODE2[lang2]?.name || lang\n}\n\nexport function getPostLanguage(\n post: AppBskyFeedDefs.PostView,\n): string | undefined {\n let candidates: string[] = []\n let postText: string = ''\n if (hasProp(post.record, 'text') && typeof post.record.text === 'string') {\n postText = post.record.text\n }\n\n if (\n AppBskyFeedPost.isRecord(post.record) &&\n hasProp(post.record, 'langs') &&\n Array.isArray(post.record.langs)\n ) {\n candidates = post.record.langs\n }\n\n // if there's only one declared language, use that\n if (candidates?.length === 1) {\n return candidates[0]\n }\n\n // no text? can't determine\n if (postText.trim().length === 0) {\n return undefined\n }\n\n // run the language model\n let langsProbabilityMap = lande(postText)\n\n // filter down using declared languages\n if (candidates?.length) {\n langsProbabilityMap = langsProbabilityMap.filter(\n ([lang, _probability]: [string, number]) => {\n return candidates.includes(code3ToCode2(lang))\n },\n )\n }\n\n if (langsProbabilityMap[0]) {\n return code3ToCode2(langsProbabilityMap[0][0])\n }\n}\n\nexport function isPostInLanguage(\n post: AppBskyFeedDefs.PostView,\n targetLangs: string[],\n): boolean {\n const lang = getPostLanguage(post)\n if (!lang) {\n // the post has no text, so we just say \"yes\" for now\n return true\n }\n return bcp47Match.basicFilter(lang, targetLangs).length > 0\n}\n\nexport function getTranslatorLink(text: string, lang: string): string {\n return `https://translate.google.com/?sl=auto&tl=${lang}&text=${encodeURIComponent(\n text,\n )}`\n}\n\n/**\n * Returns a valid `appLanguage` value from an arbitrary string.\n *\n * Contenxt: post-refactor, we populated some user's `appLanguage` setting with\n * `postLanguage`, which can be a comma-separated list of values. This breaks\n * `appLanguage` handling in the app, so we introduced this util to parse out a\n * valid `appLanguage` from the pre-populated `postLanguage` values.\n *\n * The `appLanguage` will continue to be incorrect until the user returns to\n * language settings and selects a new option, at which point we'll re-save\n * their choice, which should then be a valid option. Since we don't know when\n * this will happen, we should leave this here until we feel it's safe to\n * remove, or we re-migrate their storage.\n */\nexport function sanitizeAppLanguageSetting(appLanguage: string): AppLanguage {\n const langs = appLanguage.split(',').filter(Boolean)\n\n for (const lang of langs) {\n switch (lang) {\n case 'en':\n return AppLanguage.en\n case 'ca':\n return AppLanguage.ca\n case 'de':\n return AppLanguage.de\n case 'es':\n return AppLanguage.es\n case 'fi':\n return AppLanguage.fi\n case 'fr':\n return AppLanguage.fr\n case 'ga':\n return AppLanguage.ga\n case 'hi':\n return AppLanguage.hi\n case 'id':\n return AppLanguage.id\n case 'it':\n return AppLanguage.it\n case 'ja':\n return AppLanguage.ja\n case 'ko':\n return AppLanguage.ko\n case 'pt-BR':\n return AppLanguage.pt_BR\n case 'tr':\n return AppLanguage.tr\n case 'uk':\n return AppLanguage.uk\n case 'zh-CN':\n return AppLanguage.zh_CN\n case 'zh-TW':\n return AppLanguage.zh_TW\n default:\n continue\n }\n }\n return AppLanguage.en\n}\n","import {\n AppBskyEmbedRecord,\n AppBskyEmbedRecordWithMedia,\n AppBskyFeedDefs,\n AppBskyFeedPost,\n} from '@atproto/api'\n\nimport {isPostInLanguage} from '../../locale/helpers'\nimport {ReasonFeedSource} from './feed/types'\ntype FeedViewPost = AppBskyFeedDefs.FeedViewPost\n\nexport type FeedTunerFn = (\n tuner: FeedTuner,\n slices: FeedViewPostsSlice[],\n) => FeedViewPostsSlice[]\n\nexport class FeedViewPostsSlice {\n _reactKey: string\n isFlattenedReply = false\n\n constructor(public items: FeedViewPost[]) {\n const item = items[0]\n this._reactKey = `slice-${item.post.uri}-${\n item.reason?.indexedAt || item.post.indexedAt\n }`\n }\n\n get uri() {\n if (this.isFlattenedReply) {\n return this.items[1].post.uri\n }\n return this.items[0].post.uri\n }\n\n get ts() {\n if (this.items[0].reason?.indexedAt) {\n return this.items[0].reason.indexedAt as string\n }\n return this.items[0].post.indexedAt\n }\n\n get isThread() {\n return (\n this.items.length > 1 &&\n this.items.every(\n item => item.post.author.did === this.items[0].post.author.did,\n )\n )\n }\n\n get isFullThread() {\n return this.isThread && !this.items[0].reply\n }\n\n get rootItem() {\n if (this.isFlattenedReply) {\n return this.items[1]\n }\n return this.items[0]\n }\n\n get isReply() {\n return (\n AppBskyFeedPost.isRecord(this.rootItem.post.record) &&\n !!this.rootItem.post.record.reply\n )\n }\n\n get source(): ReasonFeedSource | undefined {\n return this.items.find(item => '__source' in item && !!item.__source)\n ?.__source as ReasonFeedSource\n }\n\n get feedContext() {\n return this.items.find(item => item.feedContext)?.feedContext\n }\n\n containsUri(uri: string) {\n return !!this.items.find(item => item.post.uri === uri)\n }\n\n isNextInThread(uri: string) {\n return this.items[this.items.length - 1].post.uri === uri\n }\n\n insert(item: FeedViewPost) {\n const selfReplyUri = getSelfReplyUri(item)\n const i = this.items.findIndex(item2 => item2.post.uri === selfReplyUri)\n if (i !== -1) {\n this.items.splice(i + 1, 0, item)\n } else {\n this.items.push(item)\n }\n }\n\n flattenReplyParent() {\n if (this.items[0].reply) {\n const reply = this.items[0].reply\n if (AppBskyFeedDefs.isPostView(reply.parent)) {\n this.isFlattenedReply = true\n this.items.splice(0, 0, {post: reply.parent})\n }\n }\n }\n\n isFollowingAllAuthors(userDid: string) {\n const item = this.rootItem\n if (item.post.author.did === userDid) {\n return true\n }\n if (AppBskyFeedDefs.isPostView(item.reply?.parent)) {\n const parent = item.reply?.parent\n if (parent?.author.did === userDid) {\n return true\n }\n return (\n parent?.author.viewer?.following && item.post.author.viewer?.following\n )\n }\n return false\n }\n}\n\nexport class NoopFeedTuner {\n reset() {}\n tune(\n feed: FeedViewPost[],\n _opts?: {dryRun: boolean; maintainOrder: boolean},\n ): FeedViewPostsSlice[] {\n return feed.map(item => new FeedViewPostsSlice([item]))\n }\n}\n\nexport class FeedTuner {\n seenKeys: Set = new Set()\n seenUris: Set = new Set()\n\n constructor(public tunerFns: FeedTunerFn[]) {}\n\n reset() {\n this.seenKeys.clear()\n this.seenUris.clear()\n }\n\n tune(\n feed: FeedViewPost[],\n {dryRun, maintainOrder}: {dryRun: boolean; maintainOrder: boolean} = {\n dryRun: false,\n maintainOrder: false,\n },\n ): FeedViewPostsSlice[] {\n let slices: FeedViewPostsSlice[] = []\n\n // remove posts that are replies, but which don't have the parent\n // hydrated. this means the parent was either deleted or blocked\n feed = feed.filter(item => {\n if (\n AppBskyFeedPost.isRecord(item.post.record) &&\n item.post.record.reply &&\n !item.reply\n ) {\n return false\n }\n return true\n })\n\n if (maintainOrder) {\n slices = feed.map(item => new FeedViewPostsSlice([item]))\n } else {\n // arrange the posts into thread slices\n for (let i = feed.length - 1; i >= 0; i--) {\n const item = feed[i]\n\n const selfReplyUri = getSelfReplyUri(item)\n if (selfReplyUri) {\n const index = slices.findIndex(slice =>\n slice.isNextInThread(selfReplyUri),\n )\n\n if (index !== -1) {\n const parent = slices[index]\n\n parent.insert(item)\n\n // If our slice isn't currently on the top, reinsert it to the top.\n if (index !== 0) {\n slices.splice(index, 1)\n slices.unshift(parent)\n }\n\n continue\n }\n }\n\n slices.unshift(new FeedViewPostsSlice([item]))\n }\n }\n\n // run the custom tuners\n for (const tunerFn of this.tunerFns) {\n slices = tunerFn(this, slices.slice())\n }\n\n // remove any items already \"seen\"\n const soonToBeSeenUris: Set = new Set()\n for (let i = slices.length - 1; i >= 0; i--) {\n if (!slices[i].isThread && this.seenUris.has(slices[i].uri)) {\n slices.splice(i, 1)\n } else {\n for (const item of slices[i].items) {\n soonToBeSeenUris.add(item.post.uri)\n }\n }\n }\n\n // turn non-threads with reply parents into threads\n for (const slice of slices) {\n if (!slice.isThread && !slice.items[0].reason && slice.items[0].reply) {\n const reply = slice.items[0].reply\n if (\n AppBskyFeedDefs.isPostView(reply.parent) &&\n !this.seenUris.has(reply.parent.uri) &&\n !soonToBeSeenUris.has(reply.parent.uri)\n ) {\n const uri = reply.parent.uri\n slice.flattenReplyParent()\n soonToBeSeenUris.add(uri)\n }\n }\n }\n\n if (!dryRun) {\n slices = slices.filter(slice => {\n if (this.seenKeys.has(slice._reactKey)) {\n return false\n }\n for (const item of slice.items) {\n this.seenUris.add(item.post.uri)\n }\n this.seenKeys.add(slice._reactKey)\n return true\n })\n }\n\n return slices\n }\n\n static removeReplies(tuner: FeedTuner, slices: FeedViewPostsSlice[]) {\n for (let i = slices.length - 1; i >= 0; i--) {\n if (slices[i].isReply) {\n slices.splice(i, 1)\n }\n }\n return slices\n }\n\n static removeReposts(tuner: FeedTuner, slices: FeedViewPostsSlice[]) {\n for (let i = slices.length - 1; i >= 0; i--) {\n const reason = slices[i].rootItem.reason\n if (AppBskyFeedDefs.isReasonRepost(reason)) {\n slices.splice(i, 1)\n }\n }\n return slices\n }\n\n static removeQuotePosts(tuner: FeedTuner, slices: FeedViewPostsSlice[]) {\n for (let i = slices.length - 1; i >= 0; i--) {\n const embed = slices[i].rootItem.post.embed\n if (\n AppBskyEmbedRecord.isView(embed) ||\n AppBskyEmbedRecordWithMedia.isView(embed)\n ) {\n slices.splice(i, 1)\n }\n }\n return slices\n }\n\n static dedupReposts(\n tuner: FeedTuner,\n slices: FeedViewPostsSlice[],\n ): FeedViewPostsSlice[] {\n // remove duplicates caused by reposts\n for (let i = 0; i < slices.length; i++) {\n const item1 = slices[i]\n for (let j = i + 1; j < slices.length; j++) {\n const item2 = slices[j]\n if (item2.isThread) {\n // dont dedup items that are rendering in a thread as this can cause rendering errors\n continue\n }\n if (item1.containsUri(item2.items[0].post.uri)) {\n slices.splice(j, 1)\n j--\n }\n }\n }\n return slices\n }\n\n static thresholdRepliesOnly({\n userDid,\n minLikes,\n followedOnly,\n }: {\n userDid: string\n minLikes: number\n followedOnly: boolean\n }) {\n return (\n tuner: FeedTuner,\n slices: FeedViewPostsSlice[],\n ): FeedViewPostsSlice[] => {\n // remove any replies without at least minLikes likes\n for (let i = slices.length - 1; i >= 0; i--) {\n const slice = slices[i]\n if (slice.isFullThread || !slice.isReply) {\n continue\n }\n\n const item = slice.rootItem\n const isRepost = Boolean(item.reason)\n if (isRepost) {\n continue\n }\n if ((item.post.likeCount || 0) < minLikes) {\n slices.splice(i, 1)\n } else if (followedOnly && !slice.isFollowingAllAuthors(userDid)) {\n slices.splice(i, 1)\n }\n }\n return slices\n }\n }\n\n /**\n * This function filters a list of FeedViewPostsSlice items based on whether they contain text in a\n * preferred language.\n * @param {string[]} preferredLangsCode2 - An array of preferred language codes in ISO 639-1 or ISO 639-2 format.\n * @returns A function that takes in a `FeedTuner` and an array of `FeedViewPostsSlice` objects and\n * returns an array of `FeedViewPostsSlice` objects.\n */\n static preferredLangOnly(preferredLangsCode2: string[]) {\n return (\n tuner: FeedTuner,\n slices: FeedViewPostsSlice[],\n ): FeedViewPostsSlice[] => {\n const candidateSlices = slices.slice()\n\n // early return if no languages have been specified\n if (!preferredLangsCode2.length || preferredLangsCode2.length === 0) {\n return slices\n }\n\n for (let i = slices.length - 1; i >= 0; i--) {\n let hasPreferredLang = false\n for (const item of slices[i].items) {\n if (isPostInLanguage(item.post, preferredLangsCode2)) {\n hasPreferredLang = true\n break\n }\n }\n\n // if item does not fit preferred language, remove it\n if (!hasPreferredLang) {\n candidateSlices.splice(i, 1)\n }\n }\n\n // if the language filter cleared out the entire page, return the original set\n // so that something always shows\n if (candidateSlices.length === 0) {\n return slices\n }\n\n return candidateSlices\n }\n }\n}\n\nfunction getSelfReplyUri(item: FeedViewPost): string | undefined {\n if (item.reply) {\n if (\n AppBskyFeedDefs.isPostView(item.reply.parent) &&\n !AppBskyFeedDefs.isReasonRepost(item.reason) // don't thread reposted self-replies\n ) {\n return item.reply.parent.author.did === item.post.author.did\n ? item.reply.parent.uri\n : undefined\n }\n }\n return undefined\n}\n","import {AppBskyFeedDefs, AppBskyFeedGetTimeline, BskyAgent} from '@atproto/api'\nimport shuffle from 'lodash.shuffle'\n\nimport {getContentLanguages} from '#/state/preferences/languages'\nimport {FeedParams} from '#/state/queries/post-feed'\nimport {bundleAsync} from 'lib/async/bundle'\nimport {timeout} from 'lib/async/timeout'\nimport {feedUriToHref} from 'lib/strings/url-helpers'\nimport {FeedTuner} from '../feed-manip'\nimport {FeedTunerFn} from '../feed-manip'\nimport {FeedAPI, FeedAPIResponse, ReasonFeedSource} from './types'\nimport {createBskyTopicsHeader, isBlueskyOwnedFeed} from './utils'\n\nconst REQUEST_WAIT_MS = 500 // 500ms\nconst POST_AGE_CUTOFF = 60e3 * 60 * 24 // 24hours\n\nexport class MergeFeedAPI implements FeedAPI {\n userInterests?: string\n agent: BskyAgent\n params: FeedParams\n feedTuners: FeedTunerFn[]\n following: MergeFeedSource_Following\n customFeeds: MergeFeedSource_Custom[] = []\n feedCursor = 0\n itemCursor = 0\n sampleCursor = 0\n\n constructor({\n agent,\n feedParams,\n feedTuners,\n userInterests,\n }: {\n agent: BskyAgent\n feedParams: FeedParams\n feedTuners: FeedTunerFn[]\n userInterests?: string\n }) {\n this.agent = agent\n this.params = feedParams\n this.feedTuners = feedTuners\n this.userInterests = userInterests\n this.following = new MergeFeedSource_Following({\n agent: this.agent,\n feedTuners: this.feedTuners,\n })\n }\n\n reset() {\n this.following = new MergeFeedSource_Following({\n agent: this.agent,\n feedTuners: this.feedTuners,\n })\n this.customFeeds = []\n this.feedCursor = 0\n this.itemCursor = 0\n this.sampleCursor = 0\n if (this.params.mergeFeedSources) {\n this.customFeeds = shuffle(\n this.params.mergeFeedSources.map(\n feedUri =>\n new MergeFeedSource_Custom({\n agent: this.agent,\n feedUri,\n feedTuners: this.feedTuners,\n userInterests: this.userInterests,\n }),\n ),\n )\n } else {\n this.customFeeds = []\n }\n }\n\n async peekLatest(): Promise {\n const res = await this.agent.getTimeline({\n limit: 1,\n })\n return res.data.feed[0]\n }\n\n async fetch({\n cursor,\n limit,\n }: {\n cursor: string | undefined\n limit: number\n }): Promise {\n if (!cursor) {\n this.reset()\n }\n\n const promises = []\n\n // always keep following topped up\n if (this.following.numReady < limit) {\n await this.following.fetchNext(60)\n }\n\n // pick the next feeds to sample from\n const feeds = this.customFeeds.slice(this.feedCursor, this.feedCursor + 3)\n this.feedCursor += 3\n if (this.feedCursor > this.customFeeds.length) {\n this.feedCursor = 0\n }\n\n // top up the feeds\n const outOfFollows =\n !this.following.hasMore && this.following.numReady < limit\n if (this.params.mergeFeedEnabled || outOfFollows) {\n for (const feed of feeds) {\n if (feed.numReady < 5) {\n promises.push(feed.fetchNext(10))\n }\n }\n }\n\n // wait for requests (all capped at a fixed timeout)\n await Promise.all(promises)\n\n // assemble a response by sampling from feeds with content\n const posts: AppBskyFeedDefs.FeedViewPost[] = []\n while (posts.length < limit) {\n let slice = this.sampleItem()\n if (slice[0]) {\n posts.push(slice[0])\n } else {\n break\n }\n }\n\n return {\n cursor: String(this.itemCursor),\n feed: posts,\n }\n }\n\n sampleItem() {\n const i = this.itemCursor++\n const candidateFeeds = this.customFeeds.filter(f => f.numReady > 0)\n const canSample = candidateFeeds.length > 0\n const hasFollows = this.following.hasMore\n const hasFollowsReady = this.following.numReady > 0\n\n // this condition establishes the frequency that custom feeds are woven into follows\n const shouldSample =\n this.params.mergeFeedEnabled &&\n i >= 15 &&\n candidateFeeds.length >= 2 &&\n (i % 4 === 0 || i % 5 === 0)\n\n if (!canSample && !hasFollows) {\n // no data available\n return []\n }\n if (shouldSample || !hasFollows) {\n // time to sample, or the user isnt following anybody\n return candidateFeeds[this.sampleCursor++ % candidateFeeds.length].take(1)\n }\n if (!hasFollowsReady) {\n // stop here so more follows can be fetched\n return []\n }\n // provide follow\n return this.following.take(1)\n }\n}\n\nclass MergeFeedSource {\n agent: BskyAgent\n feedTuners: FeedTunerFn[]\n sourceInfo: ReasonFeedSource | undefined\n cursor: string | undefined = undefined\n queue: AppBskyFeedDefs.FeedViewPost[] = []\n hasMore = true\n\n constructor({\n agent,\n feedTuners,\n }: {\n agent: BskyAgent\n feedTuners: FeedTunerFn[]\n }) {\n this.agent = agent\n this.feedTuners = feedTuners\n }\n\n get numReady() {\n return this.queue.length\n }\n\n get needsFetch() {\n return this.hasMore && this.queue.length === 0\n }\n\n reset() {\n this.cursor = undefined\n this.queue = []\n this.hasMore = true\n }\n\n take(n: number): AppBskyFeedDefs.FeedViewPost[] {\n return this.queue.splice(0, n)\n }\n\n async fetchNext(n: number) {\n await Promise.race([this._fetchNextInner(n), timeout(REQUEST_WAIT_MS)])\n }\n\n _fetchNextInner = bundleAsync(async (n: number) => {\n const res = await this._getFeed(this.cursor, n)\n if (res.success) {\n this.cursor = res.data.cursor\n if (res.data.feed.length) {\n this.queue = this.queue.concat(res.data.feed)\n } else {\n this.hasMore = false\n }\n } else {\n this.hasMore = false\n }\n })\n\n protected _getFeed(\n _cursor: string | undefined,\n _limit: number,\n ): Promise {\n throw new Error('Must be overridden')\n }\n}\n\nclass MergeFeedSource_Following extends MergeFeedSource {\n tuner = new FeedTuner(this.feedTuners)\n\n reset() {\n super.reset()\n this.tuner.reset()\n }\n\n async fetchNext(n: number) {\n return this._fetchNextInner(n)\n }\n\n protected async _getFeed(\n cursor: string | undefined,\n limit: number,\n ): Promise {\n const res = await this.agent.getTimeline({cursor, limit})\n // run the tuner pre-emptively to ensure better mixing\n const slices = this.tuner.tune(res.data.feed, {\n dryRun: false,\n maintainOrder: true,\n })\n res.data.feed = slices.map(slice => slice.rootItem)\n return res\n }\n}\n\nclass MergeFeedSource_Custom extends MergeFeedSource {\n agent: BskyAgent\n minDate: Date\n feedUri: string\n userInterests?: string\n\n constructor({\n agent,\n feedUri,\n feedTuners,\n userInterests,\n }: {\n agent: BskyAgent\n feedUri: string\n feedTuners: FeedTunerFn[]\n userInterests?: string\n }) {\n super({\n agent,\n feedTuners,\n })\n this.agent = agent\n this.feedUri = feedUri\n this.userInterests = userInterests\n this.sourceInfo = {\n $type: 'reasonFeedSource',\n uri: feedUri,\n href: feedUriToHref(feedUri),\n }\n this.minDate = new Date(Date.now() - POST_AGE_CUTOFF)\n }\n\n protected async _getFeed(\n cursor: string | undefined,\n limit: number,\n ): Promise {\n try {\n const contentLangs = getContentLanguages().join(',')\n const isBlueskyOwned = isBlueskyOwnedFeed(this.feedUri)\n const res = await this.agent.app.bsky.feed.getFeed(\n {\n cursor,\n limit,\n feed: this.feedUri,\n },\n {\n headers: {\n ...(isBlueskyOwned\n ? createBskyTopicsHeader(this.userInterests)\n : {}),\n 'Accept-Language': contentLangs,\n },\n },\n )\n // NOTE\n // some custom feeds fail to enforce the pagination limit\n // so we manually truncate here\n // -prf\n if (limit && res.data.feed.length > limit) {\n res.data.feed = res.data.feed.slice(0, limit)\n }\n // filter out older posts\n res.data.feed = res.data.feed.filter(\n post => new Date(post.post.indexedAt) > this.minDate,\n )\n // attach source info\n for (const post of res.data.feed) {\n post.__source = this.sourceInfo\n }\n return res\n } catch {\n // dont bubble custom-feed errors\n return {success: false, headers: {}, data: {feed: []}}\n }\n }\n}\n","type BundledFn = (\n ...args: Args\n) => Promise\n\n/**\n * A helper which ensures that multiple calls to an async function\n * only produces one in-flight request at a time.\n */\nexport function bundleAsync(\n fn: BundledFn,\n): BundledFn {\n let promise: Promise | undefined\n return async (...args) => {\n if (promise) {\n return promise\n }\n promise = fn(...args)\n try {\n return await promise\n } finally {\n promise = undefined\n }\n }\n}\n","import React from 'react'\nimport {View} from 'react-native'\nimport {msg} from '@lingui/macro'\nimport {useLingui} from '@lingui/react'\n\nimport {atoms as a, useBreakpoints, useTheme} from '#/alf'\nimport {Button, ButtonColor, ButtonText} from '#/components/Button'\nimport * as Dialog from '#/components/Dialog'\nimport {Text} from '#/components/Typography'\n\nexport {useDialogControl as usePromptControl} from '#/components/Dialog'\n\nconst Context = React.createContext<{\n titleId: string\n descriptionId: string\n}>({\n titleId: '',\n descriptionId: '',\n})\n\nexport function Outer({\n children,\n control,\n testID,\n}: React.PropsWithChildren<{\n control: Dialog.DialogOuterProps['control']\n testID?: string\n}>) {\n const {gtMobile} = useBreakpoints()\n const titleId = React.useId()\n const descriptionId = React.useId()\n\n const context = React.useMemo(\n () => ({titleId, descriptionId}),\n [titleId, descriptionId],\n )\n\n return (\n \n \n \n\n \n {children}\n \n \n \n )\n}\n\nexport function TitleText({children}: React.PropsWithChildren<{}>) {\n const {titleId} = React.useContext(Context)\n return (\n \n {children}\n \n )\n}\n\nexport function DescriptionText({\n children,\n selectable,\n}: React.PropsWithChildren<{selectable?: boolean}>) {\n const t = useTheme()\n const {descriptionId} = React.useContext(Context)\n return (\n \n {children}\n \n )\n}\n\nexport function Actions({children}: React.PropsWithChildren<{}>) {\n const {gtMobile} = useBreakpoints()\n\n return (\n \n {children}\n \n )\n}\n\nexport function Cancel({\n cta,\n}: {\n /**\n * Optional i18n string. If undefined, it will default to \"Cancel\".\n */\n cta?: string\n}) {\n const {_} = useLingui()\n const {gtMobile} = useBreakpoints()\n const {close} = Dialog.useDialogContext()\n const onPress = React.useCallback(() => {\n close()\n }, [close])\n\n return (\n \n {cta || _(msg`Cancel`)}\n \n )\n}\n\nexport function Action({\n onPress,\n color = 'primary',\n cta,\n testID,\n}: {\n /**\n * Callback to run when the action is pressed. The method is called _after_\n * the dialog closes.\n *\n * Note: The dialog will close automatically when the action is pressed, you\n * should NOT close the dialog as a side effect of this method.\n */\n onPress: () => void\n color?: ButtonColor\n /**\n * Optional i18n string. If undefined, it will default to \"Confirm\".\n */\n cta?: string\n testID?: string\n}) {\n const {_} = useLingui()\n const {gtMobile} = useBreakpoints()\n const {close} = Dialog.useDialogContext()\n const handleOnPress = React.useCallback(() => {\n close(onPress)\n }, [close, onPress])\n\n return (\n \n {cta || _(msg`Confirm`)}\n \n )\n}\n\nexport function Basic({\n control,\n title,\n description,\n cancelButtonCta,\n confirmButtonCta,\n onConfirm,\n confirmButtonColor,\n showCancel = true,\n}: React.PropsWithChildren<{\n control: Dialog.DialogOuterProps['control']\n title: string\n description: string\n cancelButtonCta?: string\n confirmButtonCta?: string\n /**\n * Callback to run when the Confirm button is pressed. The method is called\n * _after_ the dialog closes.\n *\n * Note: The dialog will close automatically when the action is pressed, you\n * should NOT close the dialog as a side effect of this method.\n */\n onConfirm: () => void\n confirmButtonColor?: ButtonColor\n showCancel?: boolean\n}>) {\n return (\n \n {title}\n {description}\n \n \n {showCancel && }\n \n \n )\n}\n","import React from 'react'\nimport {Text as RNText, TextProps} from 'react-native'\nimport {UITextView} from 'react-native-uitextview'\n\nimport {lh, s} from 'lib/styles'\nimport {TypographyVariant, useTheme} from 'lib/ThemeContext'\nimport {isIOS, isWeb} from 'platform/detection'\n\nexport type CustomTextProps = TextProps & {\n type?: TypographyVariant\n lineHeight?: number\n title?: string\n dataSet?: Record\n selectable?: boolean\n}\n\nconst fontFamilyStyle = {\n fontFamily:\n '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Liberation Sans\", Helvetica, Arial, sans-serif',\n}\n\nexport function Text({\n type = 'md',\n children,\n lineHeight,\n style,\n title,\n dataSet,\n selectable,\n ...props\n}: React.PropsWithChildren) {\n const theme = useTheme()\n const typography = theme.typography[type]\n const lineHeightStyle = lineHeight ? lh(theme, type, lineHeight) : undefined\n\n if (selectable && isIOS) {\n return (\n \n {children}\n \n )\n }\n\n return (\n \n {children}\n \n )\n}\n","import React from 'react'\nimport {StyleProp, TextStyle, ViewStyle} from 'react-native'\nimport Svg, {Ellipse, Line, Path, Rect} from 'react-native-svg'\n\n// Copyright (c) 2020 Refactoring UI Inc.\n// https://github.com/tailwindlabs/heroicons/blob/master/LICENSE\nexport function MagnifyingGlassIcon({\n style,\n size,\n strokeWidth = 2,\n}: {\n style?: StyleProp\n size?: string | number\n strokeWidth?: number\n}) {\n return (\n \n \n \n )\n}\n\nexport function MagnifyingGlassIcon2({\n style,\n size,\n strokeWidth = 2,\n}: {\n style?: StyleProp\n size?: string | number\n strokeWidth?: number\n}) {\n return (\n \n \n \n \n )\n}\n\nexport function CogIcon({\n style,\n size,\n strokeWidth = 1.5,\n}: {\n style?: StyleProp\n size?: string | number\n strokeWidth: number\n}) {\n return (\n \n \n \n \n )\n}\n\n// Copyright (c) 2020 Refactoring UI Inc.\n// https://github.com/tailwindlabs/heroicons/blob/master/LICENSE\nexport function UserGroupIcon({\n style,\n size,\n}: {\n style?: StyleProp\n size?: string | number\n}) {\n return (\n \n \n \n )\n}\n\nexport function SquareIcon({\n style,\n size,\n strokeWidth = 1.3,\n}: {\n style?: StyleProp\n size?: string | number\n strokeWidth?: number\n}) {\n return (\n \n \n \n )\n}\n\nexport function RectWideIcon({\n style,\n size,\n strokeWidth = 1.3,\n}: {\n style?: StyleProp\n size?: string | number\n strokeWidth?: number\n}) {\n return (\n \n \n \n )\n}\n\nexport function RectTallIcon({\n style,\n size,\n strokeWidth = 1.3,\n}: {\n style?: StyleProp\n size?: string | number\n strokeWidth?: number\n}) {\n return (\n \n \n \n )\n}\n\nexport function ComposeIcon2({\n style,\n size,\n strokeWidth = 1.5,\n}: {\n style?: StyleProp\n size?: string | number\n strokeWidth?: number\n}) {\n return (\n \n \n \n \n \n )\n}\n\nexport function InfoCircleIcon({\n style,\n size,\n strokeWidth = 1.5,\n}: {\n style?: StyleProp\n size?: string | number\n strokeWidth?: number\n}) {\n return (\n \n \n \n )\n}\n\nexport function HandIcon({\n style,\n size,\n strokeWidth = 1.5,\n}: {\n style?: StyleProp\n size?: string | number\n strokeWidth?: number\n}) {\n return (\n \n \n \n \n \n )\n}\n\nexport function HashtagIcon({\n style,\n size,\n strokeWidth = 1.5,\n}: {\n style?: StyleProp\n size?: string | number\n strokeWidth?: number\n}) {\n return (\n \n \n \n \n \n \n )\n}\n\n// Copyright (c) 2020 Refactoring UI Inc.\n// https://github.com/tailwindlabs/heroicons/blob/master/LICENSE\nexport function ShieldExclamation({\n style,\n size,\n strokeWidth = 1.5,\n}: {\n style?: StyleProp\n size?: string | number\n strokeWidth?: number\n}) {\n let color = 'currentColor'\n if (\n style &&\n typeof style === 'object' &&\n 'color' in style &&\n typeof style.color === 'string'\n ) {\n color = style.color\n }\n return (\n \n \n \n )\n}\n","import React from 'react'\nimport {StyleProp, StyleSheet, View, ViewStyle} from 'react-native'\nimport {IconProp} from '@fortawesome/fontawesome-svg-core'\nimport {\n FontAwesomeIcon,\n FontAwesomeIconStyle,\n} from '@fortawesome/react-native-fontawesome'\nimport {Text} from './text/Text'\nimport {UserGroupIcon} from 'lib/icons'\nimport {usePalette} from 'lib/hooks/usePalette'\nimport {isWeb} from 'platform/detection'\n\nexport function EmptyState({\n testID,\n icon,\n message,\n style,\n}: {\n testID?: string\n icon: IconProp | 'user-group'\n message: string\n style?: StyleProp\n}) {\n const pal = usePalette('default')\n return (\n \n \n {icon === 'user-group' ? (\n \n ) : (\n \n )}\n \n \n {message}\n \n \n )\n}\n\nconst styles = StyleSheet.create({\n container: {\n paddingVertical: 24,\n paddingHorizontal: 36,\n borderTopWidth: isWeb ? 1 : undefined,\n },\n iconContainer: {\n flexDirection: 'row',\n },\n icon: {\n marginLeft: 'auto',\n marginRight: 'auto',\n },\n text: {\n textAlign: 'center',\n paddingTop: 20,\n },\n})\n","import React from 'react'\nimport {\n StyleSheet,\n TouchableOpacity,\n StyleProp,\n View,\n ViewStyle,\n} from 'react-native'\nimport {\n FontAwesomeIcon,\n FontAwesomeIconStyle,\n} from '@fortawesome/react-native-fontawesome'\nimport {Text} from '../text/Text'\nimport {useTheme} from 'lib/ThemeContext'\nimport {usePalette} from 'lib/hooks/usePalette'\nimport {useLingui} from '@lingui/react'\nimport {msg} from '@lingui/macro'\n\nexport function ErrorMessage({\n message,\n numberOfLines,\n style,\n onPressTryAgain,\n}: {\n message: string\n numberOfLines?: number\n style?: StyleProp\n onPressTryAgain?: () => void\n}) {\n const theme = useTheme()\n const pal = usePalette('error')\n const {_} = useLingui()\n return (\n \n \n \n \n \n {message}\n \n {onPressTryAgain && (\n \n \n \n )}\n \n )\n}\n\nconst styles = StyleSheet.create({\n outer: {\n flexDirection: 'row',\n alignItems: 'center',\n paddingVertical: 8,\n paddingHorizontal: 8,\n },\n errorIcon: {\n borderRadius: 12,\n width: 24,\n height: 24,\n alignItems: 'center',\n justifyContent: 'center',\n marginRight: 8,\n },\n message: {\n flex: 1,\n paddingRight: 10,\n },\n btn: {\n paddingHorizontal: 4,\n paddingVertical: 4,\n },\n})\n","import React from 'react'\nimport {\n GestureResponderEvent,\n StyleProp,\n StyleSheet,\n TextStyle,\n Pressable,\n ViewStyle,\n PressableStateCallbackType,\n ActivityIndicator,\n View,\n NativeSyntheticEvent,\n NativeTouchEvent,\n} from 'react-native'\nimport {Text} from '../text/Text'\nimport {useTheme} from 'lib/ThemeContext'\nimport {choose} from 'lib/functions'\n\nexport type ButtonType =\n | 'primary'\n | 'secondary'\n | 'default'\n | 'inverted'\n | 'primary-outline'\n | 'secondary-outline'\n | 'primary-light'\n | 'secondary-light'\n | 'default-light'\n\n// Augment type for react-native-web (see https://github.com/necolas/react-native-web/issues/1684#issuecomment-766451866)\ndeclare module 'react-native' {\n interface PressableStateCallbackType {\n hovered?: boolean\n focused?: boolean\n }\n}\n\n// TODO: Enforce that button always has a label\nexport function Button({\n type = 'primary',\n label,\n style,\n labelContainerStyle,\n labelStyle,\n onPress,\n children,\n testID,\n accessibilityLabel,\n accessibilityHint,\n accessibilityLabelledBy,\n onAccessibilityEscape,\n withLoading = false,\n disabled = false,\n}: React.PropsWithChildren<{\n type?: ButtonType\n label?: string\n style?: StyleProp\n labelContainerStyle?: StyleProp\n labelStyle?: StyleProp\n onPress?: (e: NativeSyntheticEvent) => void | Promise\n testID?: string\n accessibilityLabel?: string\n accessibilityHint?: string\n accessibilityLabelledBy?: string\n onAccessibilityEscape?: () => void\n withLoading?: boolean\n disabled?: boolean\n}>) {\n const theme = useTheme()\n const typeOuterStyle = choose>(\n type,\n {\n primary: {\n backgroundColor: theme.palette.primary.background,\n },\n secondary: {\n backgroundColor: theme.palette.secondary.background,\n },\n default: {\n backgroundColor: theme.palette.default.backgroundLight,\n },\n inverted: {\n backgroundColor: theme.palette.inverted.background,\n },\n 'primary-outline': {\n backgroundColor: theme.palette.default.background,\n borderWidth: 1,\n borderColor: theme.palette.primary.border,\n },\n 'secondary-outline': {\n backgroundColor: theme.palette.default.background,\n borderWidth: 1,\n borderColor: theme.palette.secondary.border,\n },\n 'primary-light': {\n backgroundColor: theme.palette.default.background,\n },\n 'secondary-light': {\n backgroundColor: theme.palette.default.background,\n },\n 'default-light': {\n backgroundColor: theme.palette.default.background,\n },\n },\n )\n const typeLabelStyle = choose>(\n type,\n {\n primary: {\n color: theme.palette.primary.text,\n fontWeight: '600',\n },\n secondary: {\n color: theme.palette.secondary.text,\n fontWeight: theme.palette.secondary.isLowContrast ? '500' : undefined,\n },\n default: {\n color: theme.palette.default.text,\n },\n inverted: {\n color: theme.palette.inverted.text,\n fontWeight: '600',\n },\n 'primary-outline': {\n color: theme.palette.primary.textInverted,\n fontWeight: theme.palette.primary.isLowContrast ? '500' : undefined,\n },\n 'secondary-outline': {\n color: theme.palette.secondary.textInverted,\n fontWeight: theme.palette.secondary.isLowContrast ? '500' : undefined,\n },\n 'primary-light': {\n color: theme.palette.primary.textInverted,\n fontWeight: theme.palette.primary.isLowContrast ? '500' : undefined,\n },\n 'secondary-light': {\n color: theme.palette.secondary.textInverted,\n fontWeight: theme.palette.secondary.isLowContrast ? '500' : undefined,\n },\n 'default-light': {\n color: theme.palette.default.text,\n fontWeight: theme.palette.default.isLowContrast ? '500' : undefined,\n },\n },\n )\n\n const [isLoading, setIsLoading] = React.useState(false)\n const onPressWrapped = React.useCallback(\n async (event: GestureResponderEvent) => {\n event.stopPropagation()\n event.preventDefault()\n withLoading && setIsLoading(true)\n await onPress?.(event)\n withLoading && setIsLoading(false)\n },\n [onPress, withLoading],\n )\n\n const getStyle = React.useCallback(\n (state: PressableStateCallbackType) => {\n const arr = [typeOuterStyle, styles.outer, style]\n if (state.pressed) {\n arr.push({opacity: 0.6})\n } else if (state.hovered) {\n arr.push({opacity: 0.8})\n }\n return arr\n },\n [typeOuterStyle, style],\n )\n\n const renderChildern = React.useCallback(() => {\n if (!label) {\n return children\n }\n\n return (\n \n {label && withLoading && isLoading ? (\n \n ) : null}\n \n {label}\n \n \n )\n }, [\n children,\n label,\n withLoading,\n isLoading,\n labelContainerStyle,\n typeLabelStyle,\n labelStyle,\n ])\n\n return (\n \n {renderChildern}\n \n )\n}\n\nconst styles = StyleSheet.create({\n outer: {\n paddingHorizontal: 14,\n paddingVertical: 8,\n borderRadius: 24,\n },\n labelContainer: {\n flexDirection: 'row',\n gap: 8,\n },\n})\n","/*\n * Note: the dataSet properties are used to leverage custom CSS in public/index.html\n */\n\nimport React, {useState, useEffect} from 'react'\nimport {StyleSheet, Text, View} from 'react-native'\nimport {\n FontAwesomeIcon,\n FontAwesomeIconStyle,\n Props as FontAwesomeProps,\n} from '@fortawesome/react-native-fontawesome'\n\nconst DURATION = 3500\n\ninterface ActiveToast {\n text: string\n icon: FontAwesomeProps['icon']\n}\ntype GlobalSetActiveToast = (_activeToast: ActiveToast | undefined) => void\n\n// globals\n// =\nlet globalSetActiveToast: GlobalSetActiveToast | undefined\nlet toastTimeout: NodeJS.Timeout | undefined\n\n// components\n// =\ntype ToastContainerProps = {}\nexport const ToastContainer: React.FC = ({}) => {\n const [activeToast, setActiveToast] = useState()\n useEffect(() => {\n globalSetActiveToast = (t: ActiveToast | undefined) => {\n setActiveToast(t)\n }\n })\n return (\n <>\n {activeToast && (\n \n \n {activeToast.text}\n \n )}\n \n )\n}\n\n// methods\n// =\n\nexport function show(text: string, icon: FontAwesomeProps['icon'] = 'check') {\n if (toastTimeout) {\n clearTimeout(toastTimeout)\n }\n globalSetActiveToast?.({text, icon})\n toastTimeout = setTimeout(() => {\n globalSetActiveToast?.(undefined)\n }, DURATION)\n}\n\nconst styles = StyleSheet.create({\n container: {\n // @ts-ignore web only\n position: 'fixed',\n left: 20,\n bottom: 20,\n // @ts-ignore web only\n width: 'calc(100% - 40px)',\n maxWidth: 350,\n padding: 20,\n flexDirection: 'row',\n alignItems: 'center',\n backgroundColor: '#000c',\n borderRadius: 10,\n },\n icon: {\n color: '#fff',\n },\n text: {\n color: '#fff',\n fontSize: 18,\n marginLeft: 10,\n },\n})\n","import React from 'react'\nimport {View} from 'react-native'\nimport {AppBskyActorDefs, AppBskyFeedGetAuthorFeed, AtUri} from '@atproto/api'\nimport {msg as msgLingui, Trans} from '@lingui/macro'\nimport {useLingui} from '@lingui/react'\nimport {useNavigation} from '@react-navigation/native'\n\nimport {cleanError} from '#/lib/strings/errors'\nimport {logger} from '#/logger'\nimport {FeedDescriptor} from '#/state/queries/post-feed'\nimport {useRemoveFeedMutation} from '#/state/queries/preferences'\nimport {usePalette} from 'lib/hooks/usePalette'\nimport {NavigationProp} from 'lib/routes/types'\nimport * as Prompt from '#/components/Prompt'\nimport {EmptyState} from '../util/EmptyState'\nimport {ErrorMessage} from '../util/error/ErrorMessage'\nimport {Button} from '../util/forms/Button'\nimport {Text} from '../util/text/Text'\nimport * as Toast from '../util/Toast'\n\nexport enum KnownError {\n Block = 'Block',\n FeedgenDoesNotExist = 'FeedgenDoesNotExist',\n FeedgenMisconfigured = 'FeedgenMisconfigured',\n FeedgenBadResponse = 'FeedgenBadResponse',\n FeedgenOffline = 'FeedgenOffline',\n FeedgenUnknown = 'FeedgenUnknown',\n FeedNSFPublic = 'FeedNSFPublic',\n FeedTooManyRequests = 'FeedTooManyRequests',\n Unknown = 'Unknown',\n}\n\nexport function FeedErrorMessage({\n feedDesc,\n error,\n onPressTryAgain,\n savedFeedConfig,\n}: {\n feedDesc: FeedDescriptor\n error?: Error\n onPressTryAgain: () => void\n savedFeedConfig?: AppBskyActorDefs.SavedFeed\n}) {\n const {_: _l} = useLingui()\n const knownError = React.useMemo(\n () => detectKnownError(feedDesc, error),\n [feedDesc, error],\n )\n if (\n typeof knownError !== 'undefined' &&\n knownError !== KnownError.Unknown &&\n (savedFeedConfig?.type === 'feed' ||\n knownError === KnownError.FeedNSFPublic)\n ) {\n return (\n \n )\n }\n\n if (knownError === KnownError.Block) {\n return (\n \n )\n }\n\n return (\n \n )\n}\n\nfunction FeedgenErrorMessage({\n feedDesc,\n knownError,\n rawError,\n savedFeedConfig,\n}: {\n feedDesc: FeedDescriptor\n knownError: KnownError\n rawError?: Error\n savedFeedConfig?: AppBskyActorDefs.SavedFeed\n}) {\n const pal = usePalette('default')\n const {_: _l} = useLingui()\n const navigation = useNavigation()\n const msg = React.useMemo(\n () =>\n ({\n [KnownError.Unknown]: '',\n [KnownError.Block]: '',\n [KnownError.FeedgenDoesNotExist]: _l(\n msgLingui`Hmm, we're having trouble finding this feed. It may have been deleted.`,\n ),\n [KnownError.FeedgenMisconfigured]: _l(\n msgLingui`Hmm, the feed server appears to be misconfigured. Please let the feed owner know about this issue.`,\n ),\n [KnownError.FeedgenBadResponse]: _l(\n msgLingui`Hmm, the feed server gave a bad response. Please let the feed owner know about this issue.`,\n ),\n [KnownError.FeedgenOffline]: _l(\n msgLingui`Hmm, the feed server appears to be offline. Please let the feed owner know about this issue.`,\n ),\n [KnownError.FeedNSFPublic]: _l(\n msgLingui`This content is not viewable without a Bluesky account.`,\n ),\n [KnownError.FeedgenUnknown]: _l(\n msgLingui`Hmm, some kind of issue occurred when contacting the feed server. Please let the feed owner know about this issue.`,\n ),\n [KnownError.FeedTooManyRequests]: _l(\n msgLingui`This feed is currently receiving high traffic and is temporarily unavailable. Please try again later.`,\n ),\n }[knownError]),\n [_l, knownError],\n )\n const [_, uri] = feedDesc.split('|')\n const [ownerDid] = safeParseFeedgenUri(uri)\n const removePromptControl = Prompt.usePromptControl()\n const {mutateAsync: removeFeed} = useRemoveFeedMutation()\n\n const onViewProfile = React.useCallback(() => {\n navigation.navigate('Profile', {name: ownerDid})\n }, [navigation, ownerDid])\n\n const onPressRemoveFeed = React.useCallback(() => {\n removePromptControl.open()\n }, [removePromptControl])\n\n const onRemoveFeed = React.useCallback(async () => {\n try {\n if (!savedFeedConfig) return\n await removeFeed(savedFeedConfig)\n } catch (err) {\n Toast.show(\n _l(\n msgLingui`There was an an issue removing this feed. Please check your internet connection and try again.`,\n ),\n )\n logger.error('Failed to remove feed', {message: err})\n }\n }, [removeFeed, _l, savedFeedConfig])\n\n const cta = React.useMemo(() => {\n switch (knownError) {\n case KnownError.FeedNSFPublic: {\n return null\n }\n case KnownError.FeedgenDoesNotExist:\n case KnownError.FeedgenMisconfigured:\n case KnownError.FeedgenBadResponse:\n case KnownError.FeedgenOffline:\n case KnownError.FeedgenUnknown: {\n return (\n \n {knownError === KnownError.FeedgenDoesNotExist &&\n savedFeedConfig && (\n \n )}\n \n \n )\n }\n }\n }, [knownError, onViewProfile, onRemoveFeed, _l, savedFeedConfig])\n\n return (\n <>\n \n {msg}\n\n {rawError?.message && (\n \n Message from server: {rawError.message}\n \n )}\n\n {cta}\n \n\n \n \n )\n}\n\nfunction safeParseFeedgenUri(uri: string): [string, string] {\n try {\n const urip = new AtUri(uri)\n return [urip.hostname, urip.rkey]\n } catch {\n return ['', '']\n }\n}\n\nfunction detectKnownError(\n feedDesc: FeedDescriptor,\n error: any,\n): KnownError | undefined {\n if (!error) {\n return undefined\n }\n if (\n error instanceof AppBskyFeedGetAuthorFeed.BlockedActorError ||\n error instanceof AppBskyFeedGetAuthorFeed.BlockedByActorError\n ) {\n return KnownError.Block\n }\n\n // check status codes\n if (error?.status === 429) {\n return KnownError.FeedTooManyRequests\n }\n\n // convert error to string and continue\n if (typeof error !== 'string') {\n error = error.toString()\n }\n if (error.includes(KnownError.FeedNSFPublic)) {\n return KnownError.FeedNSFPublic\n }\n if (!feedDesc.startsWith('feedgen')) {\n return KnownError.Unknown\n }\n if (error.includes('could not find feed')) {\n return KnownError.FeedgenDoesNotExist\n }\n if (error.includes('feed unavailable')) {\n return KnownError.FeedgenOffline\n }\n if (error.includes('invalid did document')) {\n return KnownError.FeedgenMisconfigured\n }\n if (error.includes('could not resolve did document')) {\n return KnownError.FeedgenMisconfigured\n }\n if (\n error.includes('invalid feed generator service details in did document')\n ) {\n return KnownError.FeedgenMisconfigured\n }\n if (error.includes('feed provided an invalid response')) {\n return KnownError.FeedgenBadResponse\n }\n return KnownError.FeedgenUnknown\n}\n","import React, {useCallback, useEffect, useRef} from 'react'\nimport {AppState} from 'react-native'\nimport {\n AppBskyActorDefs,\n AppBskyFeedDefs,\n AppBskyFeedPost,\n AtUri,\n BskyAgent,\n ModerationDecision,\n} from '@atproto/api'\nimport {\n InfiniteData,\n QueryClient,\n QueryKey,\n useInfiniteQuery,\n} from '@tanstack/react-query'\n\nimport {HomeFeedAPI} from '#/lib/api/feed/home'\nimport {aggregateUserInterests} from '#/lib/api/feed/utils'\nimport {moderatePost_wrapped as moderatePost} from '#/lib/moderatePost_wrapped'\nimport {logger} from '#/logger'\nimport {STALE} from '#/state/queries'\nimport {DEFAULT_LOGGED_OUT_PREFERENCES} from '#/state/queries/preferences/const'\nimport {useAgent} from '#/state/session'\nimport {AuthorFeedAPI} from 'lib/api/feed/author'\nimport {CustomFeedAPI} from 'lib/api/feed/custom'\nimport {FollowingFeedAPI} from 'lib/api/feed/following'\nimport {LikesFeedAPI} from 'lib/api/feed/likes'\nimport {ListFeedAPI} from 'lib/api/feed/list'\nimport {MergeFeedAPI} from 'lib/api/feed/merge'\nimport {FeedAPI, ReasonFeedSource} from 'lib/api/feed/types'\nimport {FeedTuner, FeedTunerFn, NoopFeedTuner} from 'lib/api/feed-manip'\nimport {BSKY_FEED_OWNER_DIDS} from 'lib/constants'\nimport {KnownError} from '#/view/com/posts/FeedErrorMessage'\nimport {useFeedTuners} from '../preferences/feed-tuners'\nimport {useModerationOpts} from '../preferences/moderation-opts'\nimport {usePreferencesQuery} from './preferences'\nimport {\n didOrHandleUriMatches,\n embedViewRecordToPostView,\n getEmbeddedPost,\n} from './util'\n\ntype ActorDid = string\ntype AuthorFilter =\n | 'posts_with_replies'\n | 'posts_no_replies'\n | 'posts_and_author_threads'\n | 'posts_with_media'\ntype FeedUri = string\ntype ListUri = string\n\nexport type FeedDescriptor =\n | 'following'\n | `author|${ActorDid}|${AuthorFilter}`\n | `feedgen|${FeedUri}`\n | `likes|${ActorDid}`\n | `list|${ListUri}`\nexport interface FeedParams {\n disableTuner?: boolean\n mergeFeedEnabled?: boolean\n mergeFeedSources?: string[]\n}\n\ntype RQPageParam = {cursor: string | undefined; api: FeedAPI} | undefined\n\nconst RQKEY_ROOT = 'post-feed'\nexport function RQKEY(feedDesc: FeedDescriptor, params?: FeedParams) {\n return [RQKEY_ROOT, feedDesc, params || {}]\n}\n\nexport interface FeedPostSliceItem {\n _reactKey: string\n uri: string\n post: AppBskyFeedDefs.PostView\n record: AppBskyFeedPost.Record\n reason?: AppBskyFeedDefs.ReasonRepost | ReasonFeedSource\n feedContext: string | undefined\n moderation: ModerationDecision\n parentAuthor?: AppBskyActorDefs.ProfileViewBasic\n}\n\nexport interface FeedPostSlice {\n _isFeedPostSlice: boolean\n _reactKey: string\n rootUri: string\n isThread: boolean\n items: FeedPostSliceItem[]\n}\n\nexport interface FeedPageUnselected {\n api: FeedAPI\n cursor: string | undefined\n feed: AppBskyFeedDefs.FeedViewPost[]\n fetchedAt: number\n}\n\nexport interface FeedPage {\n api: FeedAPI\n tuner: FeedTuner | NoopFeedTuner\n cursor: string | undefined\n slices: FeedPostSlice[]\n fetchedAt: number\n}\n\nconst PAGE_SIZE = 30\n\nexport function usePostFeedQuery(\n feedDesc: FeedDescriptor,\n params?: FeedParams,\n opts?: {enabled?: boolean; ignoreFilterFor?: string},\n) {\n const feedTuners = useFeedTuners(feedDesc)\n const moderationOpts = useModerationOpts()\n const {data: preferences} = usePreferencesQuery()\n const enabled =\n opts?.enabled !== false && Boolean(moderationOpts) && Boolean(preferences)\n const userInterests = aggregateUserInterests(preferences)\n const followingPinnedIndex =\n preferences?.savedFeeds?.findIndex(\n f => f.pinned && f.value === 'following',\n ) ?? -1\n const enableFollowingToDiscoverFallback = followingPinnedIndex === 0\n const agent = useAgent()\n const lastRun = useRef<{\n data: InfiniteData\n args: typeof selectArgs\n result: InfiniteData\n } | null>(null)\n const lastPageCountRef = useRef(0)\n\n // Make sure this doesn't invalidate unless really needed.\n const selectArgs = React.useMemo(\n () => ({\n feedTuners,\n disableTuner: params?.disableTuner,\n moderationOpts,\n ignoreFilterFor: opts?.ignoreFilterFor,\n }),\n [feedTuners, params?.disableTuner, moderationOpts, opts?.ignoreFilterFor],\n )\n\n const query = useInfiniteQuery<\n FeedPageUnselected,\n Error,\n InfiniteData,\n QueryKey,\n RQPageParam\n >({\n enabled,\n staleTime: STALE.INFINITY,\n queryKey: RQKEY(feedDesc, params),\n async queryFn({pageParam}: {pageParam: RQPageParam}) {\n logger.debug('usePostFeedQuery', {feedDesc, cursor: pageParam?.cursor})\n const {api, cursor} = pageParam\n ? pageParam\n : {\n api: createApi({\n feedDesc,\n feedParams: params || {},\n feedTuners,\n agent,\n // Not in the query key because they don't change:\n userInterests,\n // Not in the query key. Reacting to it switching isn't important:\n enableFollowingToDiscoverFallback,\n }),\n cursor: undefined,\n }\n\n try {\n const res = await api.fetch({cursor, limit: PAGE_SIZE})\n\n /*\n * If this is a public view, we need to check if posts fail moderation.\n * If all fail, we throw an error. If only some fail, we continue and let\n * moderations happen later, which results in some posts being shown and\n * some not.\n */\n if (!agent.session) {\n assertSomePostsPassModeration(res.feed)\n }\n\n return {\n api,\n cursor: res.cursor,\n feed: res.feed,\n fetchedAt: Date.now(),\n }\n } catch (e) {\n const feedDescParts = feedDesc.split('|')\n const feedOwnerDid = new AtUri(feedDescParts[1]).hostname\n\n if (\n feedDescParts[0] === 'feedgen' &&\n BSKY_FEED_OWNER_DIDS.includes(feedOwnerDid)\n ) {\n logger.error(`Bluesky feed may be offline: ${feedOwnerDid}`, {\n feedDesc,\n jsError: e,\n })\n }\n\n throw e\n }\n },\n initialPageParam: undefined,\n getNextPageParam: lastPage =>\n lastPage.cursor\n ? {\n api: lastPage.api,\n cursor: lastPage.cursor,\n }\n : undefined,\n select: useCallback(\n (data: InfiniteData) => {\n // If the selection depends on some data, that data should\n // be included in the selectArgs object and read here.\n const {feedTuners, disableTuner, moderationOpts, ignoreFilterFor} =\n selectArgs\n\n const tuner = disableTuner\n ? new NoopFeedTuner()\n : new FeedTuner(feedTuners)\n\n // Keep track of the last run and whether we can reuse\n // some already selected pages from there.\n let reusedPages = []\n if (lastRun.current) {\n const {\n data: lastData,\n args: lastArgs,\n result: lastResult,\n } = lastRun.current\n let canReuse = true\n for (let key in selectArgs) {\n if (selectArgs.hasOwnProperty(key)) {\n if ((selectArgs as any)[key] !== (lastArgs as any)[key]) {\n // Can't do reuse anything if any input has changed.\n canReuse = false\n break\n }\n }\n }\n if (canReuse) {\n for (let i = 0; i < data.pages.length; i++) {\n if (data.pages[i] && lastData.pages[i] === data.pages[i]) {\n reusedPages.push(lastResult.pages[i])\n // Keep the tuner in sync so that the end result is deterministic.\n tuner.tune(lastData.pages[i].feed)\n continue\n }\n // Stop as soon as pages stop matching up.\n break\n }\n }\n }\n\n const result = {\n pageParams: data.pageParams,\n pages: [\n ...reusedPages,\n ...data.pages.slice(reusedPages.length).map(page => ({\n api: page.api,\n tuner,\n cursor: page.cursor,\n fetchedAt: page.fetchedAt,\n slices: tuner\n .tune(page.feed)\n .map(slice => {\n const moderations = slice.items.map(item =>\n moderatePost(item.post, moderationOpts!),\n )\n\n // apply moderation filter\n for (let i = 0; i < slice.items.length; i++) {\n const ignoreFilter =\n slice.items[i].post.author.did === ignoreFilterFor\n if (ignoreFilter) {\n // remove mutes to avoid confused UIs\n moderations[i].causes = moderations[i].causes.filter(\n cause => cause.type !== 'muted',\n )\n }\n if (\n !ignoreFilter &&\n moderations[i]?.ui('contentList').filter\n ) {\n return undefined\n }\n }\n\n return {\n _reactKey: slice._reactKey,\n _isFeedPostSlice: true,\n rootUri: slice.rootItem.post.uri,\n isThread:\n slice.items.length > 1 &&\n slice.items.every(\n item =>\n item.post.author.did ===\n slice.items[0].post.author.did,\n ),\n items: slice.items\n .map((item, i) => {\n if (\n AppBskyFeedPost.isRecord(item.post.record) &&\n AppBskyFeedPost.validateRecord(item.post.record)\n .success\n ) {\n const parentAuthor =\n item.reply?.parent?.author ??\n slice.items[i + 1]?.reply?.grandparentAuthor\n\n return {\n _reactKey: `${slice._reactKey}-${i}-${item.post.uri}`,\n uri: item.post.uri,\n post: item.post,\n record: item.post.record,\n reason:\n i === 0 && slice.source\n ? slice.source\n : item.reason,\n feedContext: item.feedContext || slice.feedContext,\n moderation: moderations[i],\n parentAuthor,\n }\n }\n return undefined\n })\n .filter(Boolean) as FeedPostSliceItem[],\n }\n })\n .filter(Boolean) as FeedPostSlice[],\n })),\n ],\n }\n // Save for memoization.\n lastRun.current = {data, result, args: selectArgs}\n return result\n },\n [selectArgs /* Don't change. Everything needs to go into selectArgs. */],\n ),\n })\n\n useEffect(() => {\n const {isFetching, hasNextPage, data} = query\n if (isFetching || !hasNextPage) {\n return\n }\n\n // avoid double-fires of fetchNextPage()\n if (\n lastPageCountRef.current !== 0 &&\n lastPageCountRef.current === data?.pages?.length\n ) {\n return\n }\n\n // fetch next page if we haven't gotten a full page of content\n let count = 0\n for (const page of data?.pages || []) {\n for (const slice of page.slices) {\n count += slice.items.length\n }\n }\n if (count < PAGE_SIZE && (data?.pages.length || 0) < 6) {\n query.fetchNextPage()\n lastPageCountRef.current = data?.pages?.length || 0\n }\n }, [query])\n\n return query\n}\n\nexport async function pollLatest(page: FeedPage | undefined) {\n if (!page) {\n return false\n }\n if (AppState.currentState !== 'active') {\n return\n }\n\n logger.debug('usePostFeedQuery: pollLatest')\n const post = await page.api.peekLatest()\n if (post) {\n const slices = page.tuner.tune([post], {\n dryRun: true,\n maintainOrder: true,\n })\n if (slices[0]) {\n return true\n }\n }\n\n return false\n}\n\nfunction createApi({\n feedDesc,\n feedParams,\n feedTuners,\n userInterests,\n agent,\n enableFollowingToDiscoverFallback,\n}: {\n feedDesc: FeedDescriptor\n feedParams: FeedParams\n feedTuners: FeedTunerFn[]\n userInterests?: string\n agent: BskyAgent\n enableFollowingToDiscoverFallback: boolean\n}) {\n if (feedDesc === 'following') {\n if (feedParams.mergeFeedEnabled) {\n return new MergeFeedAPI({\n agent,\n feedParams,\n feedTuners,\n userInterests,\n })\n } else {\n if (enableFollowingToDiscoverFallback) {\n return new HomeFeedAPI({agent, userInterests})\n } else {\n return new FollowingFeedAPI({agent})\n }\n }\n } else if (feedDesc.startsWith('author')) {\n const [_, actor, filter] = feedDesc.split('|')\n return new AuthorFeedAPI({agent, feedParams: {actor, filter}})\n } else if (feedDesc.startsWith('likes')) {\n const [_, actor] = feedDesc.split('|')\n return new LikesFeedAPI({agent, feedParams: {actor}})\n } else if (feedDesc.startsWith('feedgen')) {\n const [_, feed] = feedDesc.split('|')\n return new CustomFeedAPI({\n agent,\n feedParams: {feed},\n userInterests,\n })\n } else if (feedDesc.startsWith('list')) {\n const [_, list] = feedDesc.split('|')\n return new ListFeedAPI({agent, feedParams: {list}})\n } else {\n // shouldnt happen\n return new FollowingFeedAPI({agent})\n }\n}\n\nexport function* findAllPostsInQueryData(\n queryClient: QueryClient,\n uri: string,\n): Generator {\n const atUri = new AtUri(uri)\n\n const queryDatas = queryClient.getQueriesData<\n InfiniteData\n >({\n queryKey: [RQKEY_ROOT],\n })\n for (const [_queryKey, queryData] of queryDatas) {\n if (!queryData?.pages) {\n continue\n }\n for (const page of queryData?.pages) {\n for (const item of page.feed) {\n if (didOrHandleUriMatches(atUri, item.post)) {\n yield item.post\n }\n\n const quotedPost = getEmbeddedPost(item.post.embed)\n if (quotedPost && didOrHandleUriMatches(atUri, quotedPost)) {\n yield embedViewRecordToPostView(quotedPost)\n }\n\n if (AppBskyFeedDefs.isPostView(item.reply?.parent)) {\n if (didOrHandleUriMatches(atUri, item.reply.parent)) {\n yield item.reply.parent\n }\n\n const parentQuotedPost = getEmbeddedPost(item.reply.parent.embed)\n if (\n parentQuotedPost &&\n didOrHandleUriMatches(atUri, parentQuotedPost)\n ) {\n yield embedViewRecordToPostView(parentQuotedPost)\n }\n }\n\n if (AppBskyFeedDefs.isPostView(item.reply?.root)) {\n if (didOrHandleUriMatches(atUri, item.reply.root)) {\n yield item.reply.root\n }\n\n const rootQuotedPost = getEmbeddedPost(item.reply.root.embed)\n if (rootQuotedPost && didOrHandleUriMatches(atUri, rootQuotedPost)) {\n yield embedViewRecordToPostView(rootQuotedPost)\n }\n }\n }\n }\n }\n}\n\nexport function* findAllProfilesInQueryData(\n queryClient: QueryClient,\n did: string,\n): Generator {\n const queryDatas = queryClient.getQueriesData<\n InfiniteData\n >({\n queryKey: [RQKEY_ROOT],\n })\n for (const [_queryKey, queryData] of queryDatas) {\n if (!queryData?.pages) {\n continue\n }\n for (const page of queryData?.pages) {\n for (const item of page.feed) {\n if (item.post.author.did === did) {\n yield item.post.author\n }\n const quotedPost = getEmbeddedPost(item.post.embed)\n if (quotedPost?.author.did === did) {\n yield quotedPost.author\n }\n if (\n AppBskyFeedDefs.isPostView(item.reply?.parent) &&\n item.reply?.parent?.author.did === did\n ) {\n yield item.reply.parent.author\n }\n if (\n AppBskyFeedDefs.isPostView(item.reply?.root) &&\n item.reply?.root?.author.did === did\n ) {\n yield item.reply.root.author\n }\n }\n }\n }\n}\n\nfunction assertSomePostsPassModeration(feed: AppBskyFeedDefs.FeedViewPost[]) {\n // no posts in this feed\n if (feed.length === 0) return true\n\n // assume false\n let somePostsPassModeration = false\n\n for (const item of feed) {\n const moderation = moderatePost(item.post, {\n userDid: undefined,\n prefs: DEFAULT_LOGGED_OUT_PREFERENCES.moderationPrefs,\n })\n\n if (!moderation.ui('contentList').filter) {\n // we have a sfw post\n somePostsPassModeration = true\n }\n }\n\n if (!somePostsPassModeration) {\n throw new Error(KnownError.FeedNSFPublic)\n }\n}\n\nexport function resetPostsFeedQueries(queryClient: QueryClient, timeout = 0) {\n setTimeout(() => {\n queryClient.resetQueries({\n predicate: query => query.queryKey[0] === RQKEY_ROOT,\n })\n }, timeout)\n}\n\nexport function resetProfilePostsQueries(\n queryClient: QueryClient,\n did: string,\n timeout = 0,\n) {\n setTimeout(() => {\n queryClient.resetQueries({\n predicate: query =>\n !!(\n query.queryKey[0] === RQKEY_ROOT &&\n (query.queryKey[1] as string)?.includes(did)\n ),\n })\n }, timeout)\n}\n\nexport function isFeedPostSlice(v: any): v is FeedPostSlice {\n return (\n v && typeof v === 'object' && '_isFeedPostSlice' in v && v._isFeedPostSlice\n )\n}\n","import {useMemo} from 'react'\n\nimport {FeedTuner} from '#/lib/api/feed-manip'\nimport {FeedDescriptor} from '../queries/post-feed'\nimport {usePreferencesQuery} from '../queries/preferences'\nimport {useSession} from '../session'\nimport {useLanguagePrefs} from './languages'\n\nexport function useFeedTuners(feedDesc: FeedDescriptor) {\n const langPrefs = useLanguagePrefs()\n const {data: preferences} = usePreferencesQuery()\n const {currentAccount} = useSession()\n\n return useMemo(() => {\n if (feedDesc.startsWith('feedgen')) {\n return [\n FeedTuner.dedupReposts,\n FeedTuner.preferredLangOnly(langPrefs.contentLanguages),\n ]\n }\n if (feedDesc.startsWith('list')) {\n return [FeedTuner.dedupReposts]\n }\n if (feedDesc === 'following') {\n const feedTuners = []\n\n if (preferences?.feedViewPrefs.hideReposts) {\n feedTuners.push(FeedTuner.removeReposts)\n } else {\n feedTuners.push(FeedTuner.dedupReposts)\n }\n\n if (preferences?.feedViewPrefs.hideReplies) {\n feedTuners.push(FeedTuner.removeReplies)\n } else {\n feedTuners.push(\n FeedTuner.thresholdRepliesOnly({\n userDid: currentAccount?.did || '',\n minLikes: preferences?.feedViewPrefs.hideRepliesByLikeCount || 0,\n followedOnly: !!preferences?.feedViewPrefs.hideRepliesByUnfollowed,\n }),\n )\n }\n\n if (preferences?.feedViewPrefs.hideQuotePosts) {\n feedTuners.push(FeedTuner.removeQuotePosts)\n }\n\n return feedTuners\n }\n return []\n }, [feedDesc, currentAccount, preferences, langPrefs])\n}\n","import {AppBskyActorDefs} from '@atproto/api'\nimport {QueryClient, useQuery} from '@tanstack/react-query'\n\nimport {STALE} from '#/state/queries'\nimport {useAgent} from '#/state/session'\n\nconst RQKEY_ROOT = 'actor-search'\nexport const RQKEY = (query: string) => [RQKEY_ROOT, query]\n\nexport function useActorSearch({\n query,\n enabled,\n}: {\n query: string\n enabled?: boolean\n}) {\n const agent = useAgent()\n return useQuery({\n staleTime: STALE.MINUTES.ONE,\n queryKey: RQKEY(query || ''),\n async queryFn() {\n const res = await agent.searchActors({\n q: query,\n })\n return res.data.actors\n },\n enabled: enabled && !!query,\n })\n}\n\nexport function* findAllProfilesInQueryData(\n queryClient: QueryClient,\n did: string,\n) {\n const queryDatas = queryClient.getQueriesData(\n {\n queryKey: [RQKEY_ROOT],\n },\n )\n for (const [_queryKey, queryData] of queryDatas) {\n if (!queryData) {\n continue\n }\n for (const actor of queryData) {\n if (actor.did === did) {\n yield actor\n }\n }\n }\n}\n","import {AppBskyActorDefs, AppBskyGraphGetList} from '@atproto/api'\nimport {\n InfiniteData,\n QueryClient,\n QueryKey,\n useInfiniteQuery,\n} from '@tanstack/react-query'\n\nimport {STALE} from '#/state/queries'\nimport {useAgent} from '#/state/session'\n\nconst PAGE_SIZE = 30\ntype RQPageParam = string | undefined\n\nconst RQKEY_ROOT = 'list-members'\nexport const RQKEY = (uri: string) => [RQKEY_ROOT, uri]\n\nexport function useListMembersQuery(uri: string) {\n const agent = useAgent()\n return useInfiniteQuery<\n AppBskyGraphGetList.OutputSchema,\n Error,\n InfiniteData,\n QueryKey,\n RQPageParam\n >({\n staleTime: STALE.MINUTES.ONE,\n queryKey: RQKEY(uri),\n async queryFn({pageParam}: {pageParam: RQPageParam}) {\n const res = await agent.app.bsky.graph.getList({\n list: uri,\n limit: PAGE_SIZE,\n cursor: pageParam,\n })\n return res.data\n },\n initialPageParam: undefined,\n getNextPageParam: lastPage => lastPage.cursor,\n })\n}\n\nexport function* findAllProfilesInQueryData(\n queryClient: QueryClient,\n did: string,\n): Generator {\n const queryDatas = queryClient.getQueriesData<\n InfiniteData\n >({\n queryKey: [RQKEY_ROOT],\n })\n for (const [_queryKey, queryData] of queryDatas) {\n if (!queryData) {\n continue\n }\n for (const [_queryKey, queryData] of queryDatas) {\n if (!queryData?.pages) {\n continue\n }\n for (const page of queryData?.pages) {\n if (page.list.creator.did === did) {\n yield page.list.creator\n }\n for (const item of page.items) {\n if (item.subject.did === did) {\n yield item.subject\n }\n }\n }\n }\n }\n}\n","import {AppBskyActorDefs, AppBskyGraphGetBlocks} from '@atproto/api'\nimport {\n InfiniteData,\n QueryClient,\n QueryKey,\n useInfiniteQuery,\n} from '@tanstack/react-query'\n\nimport {useAgent} from '#/state/session'\n\nconst RQKEY_ROOT = 'my-blocked-accounts'\nexport const RQKEY = () => [RQKEY_ROOT]\ntype RQPageParam = string | undefined\n\nexport function useMyBlockedAccountsQuery() {\n const agent = useAgent()\n return useInfiniteQuery<\n AppBskyGraphGetBlocks.OutputSchema,\n Error,\n InfiniteData,\n QueryKey,\n RQPageParam\n >({\n queryKey: RQKEY(),\n async queryFn({pageParam}: {pageParam: RQPageParam}) {\n const res = await agent.app.bsky.graph.getBlocks({\n limit: 30,\n cursor: pageParam,\n })\n return res.data\n },\n initialPageParam: undefined,\n getNextPageParam: lastPage => lastPage.cursor,\n })\n}\n\nexport function* findAllProfilesInQueryData(\n queryClient: QueryClient,\n did: string,\n): Generator {\n const queryDatas = queryClient.getQueriesData<\n InfiniteData\n >({\n queryKey: [RQKEY_ROOT],\n })\n for (const [_queryKey, queryData] of queryDatas) {\n if (!queryData?.pages) {\n continue\n }\n for (const page of queryData?.pages) {\n for (const block of page.blocks) {\n if (block.did === did) {\n yield block\n }\n }\n }\n }\n}\n","import {AppBskyActorDefs, AppBskyGraphGetMutes} from '@atproto/api'\nimport {\n InfiniteData,\n QueryClient,\n QueryKey,\n useInfiniteQuery,\n} from '@tanstack/react-query'\n\nimport {useAgent} from '#/state/session'\n\nconst RQKEY_ROOT = 'my-muted-accounts'\nexport const RQKEY = () => [RQKEY_ROOT]\ntype RQPageParam = string | undefined\n\nexport function useMyMutedAccountsQuery() {\n const agent = useAgent()\n return useInfiniteQuery<\n AppBskyGraphGetMutes.OutputSchema,\n Error,\n InfiniteData,\n QueryKey,\n RQPageParam\n >({\n queryKey: RQKEY(),\n async queryFn({pageParam}: {pageParam: RQPageParam}) {\n const res = await agent.app.bsky.graph.getMutes({\n limit: 30,\n cursor: pageParam,\n })\n return res.data\n },\n initialPageParam: undefined,\n getNextPageParam: lastPage => lastPage.cursor,\n })\n}\n\nexport function* findAllProfilesInQueryData(\n queryClient: QueryClient,\n did: string,\n): Generator {\n const queryDatas = queryClient.getQueriesData<\n InfiniteData\n >({\n queryKey: [RQKEY_ROOT],\n })\n for (const [_queryKey, queryData] of queryDatas) {\n if (!queryData?.pages) {\n continue\n }\n for (const page of queryData?.pages) {\n for (const mute of page.mutes) {\n if (mute.did === did) {\n yield mute\n }\n }\n }\n }\n}\n","import {AppBskyActorDefs, AppBskyFeedGetLikes} from '@atproto/api'\nimport {\n InfiniteData,\n QueryClient,\n QueryKey,\n useInfiniteQuery,\n} from '@tanstack/react-query'\n\nimport {useAgent} from '#/state/session'\n\nconst PAGE_SIZE = 30\ntype RQPageParam = string | undefined\n\n// TODO refactor invalidate on mutate?\nconst RQKEY_ROOT = 'liked-by'\nexport const RQKEY = (resolvedUri: string) => [RQKEY_ROOT, resolvedUri]\n\nexport function useLikedByQuery(resolvedUri: string | undefined) {\n const agent = useAgent()\n return useInfiniteQuery<\n AppBskyFeedGetLikes.OutputSchema,\n Error,\n InfiniteData,\n QueryKey,\n RQPageParam\n >({\n queryKey: RQKEY(resolvedUri || ''),\n async queryFn({pageParam}: {pageParam: RQPageParam}) {\n const res = await agent.getLikes({\n uri: resolvedUri || '',\n limit: PAGE_SIZE,\n cursor: pageParam,\n })\n return res.data\n },\n initialPageParam: undefined,\n getNextPageParam: lastPage => lastPage.cursor,\n enabled: !!resolvedUri,\n })\n}\n\nexport function* findAllProfilesInQueryData(\n queryClient: QueryClient,\n did: string,\n): Generator {\n const queryDatas = queryClient.getQueriesData<\n InfiniteData\n >({\n queryKey: [RQKEY_ROOT],\n })\n for (const [_queryKey, queryData] of queryDatas) {\n if (!queryData?.pages) {\n continue\n }\n for (const page of queryData?.pages) {\n for (const like of page.likes) {\n if (like.actor.did === did) {\n yield like.actor\n }\n }\n }\n }\n}\n","import {AppBskyActorDefs, AppBskyFeedGetRepostedBy} from '@atproto/api'\nimport {\n InfiniteData,\n QueryClient,\n QueryKey,\n useInfiniteQuery,\n} from '@tanstack/react-query'\n\nimport {useAgent} from '#/state/session'\n\nconst PAGE_SIZE = 30\ntype RQPageParam = string | undefined\n\n// TODO refactor invalidate on mutate?\nconst RQKEY_ROOT = 'post-reposted-by'\nexport const RQKEY = (resolvedUri: string) => [RQKEY_ROOT, resolvedUri]\n\nexport function usePostRepostedByQuery(resolvedUri: string | undefined) {\n const agent = useAgent()\n return useInfiniteQuery<\n AppBskyFeedGetRepostedBy.OutputSchema,\n Error,\n InfiniteData,\n QueryKey,\n RQPageParam\n >({\n queryKey: RQKEY(resolvedUri || ''),\n async queryFn({pageParam}: {pageParam: RQPageParam}) {\n const res = await agent.getRepostedBy({\n uri: resolvedUri || '',\n limit: PAGE_SIZE,\n cursor: pageParam,\n })\n return res.data\n },\n initialPageParam: undefined,\n getNextPageParam: lastPage => lastPage.cursor,\n enabled: !!resolvedUri,\n })\n}\n\nexport function* findAllProfilesInQueryData(\n queryClient: QueryClient,\n did: string,\n): Generator {\n const queryDatas = queryClient.getQueriesData<\n InfiniteData\n >({\n queryKey: [RQKEY_ROOT],\n })\n for (const [_queryKey, queryData] of queryDatas) {\n if (!queryData?.pages) {\n continue\n }\n for (const page of queryData?.pages) {\n for (const repostedBy of page.repostedBy) {\n if (repostedBy.did === did) {\n yield repostedBy\n }\n }\n }\n }\n}\n","import {\n AppBskyActorDefs,\n AppBskyFeedDefs,\n AppBskyFeedSearchPosts,\n AtUri,\n} from '@atproto/api'\nimport {\n InfiniteData,\n QueryClient,\n QueryKey,\n useInfiniteQuery,\n} from '@tanstack/react-query'\n\nimport {useAgent} from '#/state/session'\nimport {\n didOrHandleUriMatches,\n embedViewRecordToPostView,\n getEmbeddedPost,\n} from './util'\n\nconst searchPostsQueryKeyRoot = 'search-posts'\nconst searchPostsQueryKey = ({query, sort}: {query: string; sort?: string}) => [\n searchPostsQueryKeyRoot,\n query,\n sort,\n]\n\nexport function useSearchPostsQuery({\n query,\n sort,\n enabled,\n}: {\n query: string\n sort?: 'top' | 'latest'\n enabled?: boolean\n}) {\n const agent = useAgent()\n return useInfiniteQuery<\n AppBskyFeedSearchPosts.OutputSchema,\n Error,\n InfiniteData,\n QueryKey,\n string | undefined\n >({\n queryKey: searchPostsQueryKey({query, sort}),\n queryFn: async ({pageParam}) => {\n const res = await agent.app.bsky.feed.searchPosts({\n q: query,\n limit: 25,\n cursor: pageParam,\n sort,\n })\n return res.data\n },\n initialPageParam: undefined,\n getNextPageParam: lastPage => lastPage.cursor,\n enabled,\n })\n}\n\nexport function* findAllPostsInQueryData(\n queryClient: QueryClient,\n uri: string,\n): Generator