((_: boolean) => {})\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const [state, setState] = React.useState(false)\n\n return (\n \n {children}\n \n )\n}\n\nexport function useIsDrawerOpen() {\n return React.useContext(stateContext)\n}\n\nexport function useSetDrawerOpen() {\n return React.useContext(setContext)\n}\n","import {useCallback} from 'react'\n\nimport {useDialogStateControlContext} from '#/state/dialogs'\nimport {useLightboxControls} from './lightbox'\nimport {useModalControls} from './modals'\nimport {useComposerControls} from './shell/composer'\nimport {useSetDrawerOpen} from './shell/drawer-open'\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 (closeAllDialogs()) {\n return true\n }\n if (closeComposer()) {\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 emitNetworkConfirmed() {\n emitter.emit('network-confirmed')\n}\nexport function listenNetworkConfirmed(fn: () => void): UnlistenFn {\n emitter.on('network-confirmed', fn)\n return () => emitter.off('network-confirmed', fn)\n}\n\nexport function emitNetworkLost() {\n emitter.emit('network-lost')\n}\nexport function listenNetworkLost(fn: () => void): UnlistenFn {\n emitter.on('network-lost', fn)\n return () => emitter.off('network-lost', 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","import {I18n} from '@lingui/core'\n\nexport function niceDate(i18n: I18n, date: number | string | Date) {\n const d = new Date(date)\n\n return i18n.date(d, {\n dateStyle: 'long',\n timeStyle: 'short',\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\n/**\n * Compares two dates by year, month, and day only\n */\nexport function simpleAreDatesEqual(a: Date, b: Date): boolean {\n return (\n a.getFullYear() === b.getFullYear() &&\n a.getMonth() === b.getMonth() &&\n a.getDate() === b.getDate()\n )\n}\n","import React from 'react'\n\nimport {track} from '#/lib/analytics/analytics'\nimport * as persisted from '#/state/persisted'\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('onboarding', nextOnboarding => {\n const next = nextOnboarding.step\n // TODO we've introduced a footgun\n if (state.step !== next) {\n dispatch({\n type: 'set',\n step: nextOnboarding.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 {simpleAreDatesEqual} from '#/lib/strings/time'\nimport {logger} from '#/logger'\nimport * as persisted from '#/state/persisted'\nimport {SessionAccount} from '../session'\nimport {isOnboardingActive} from './onboarding'\n\nexport function shouldRequestEmailConfirmation(account: SessionAccount) {\n // ignore logged out\n if (!account) return false\n // ignore confirmed accounts, this is the success state of this reminder\n if (account.emailConfirmed) return false\n // wait for onboarding to complete\n if (isOnboardingActive()) return false\n\n const snoozedAt = persisted.get('reminders').lastEmailConfirm\n const today = new Date()\n\n logger.debug('Checking email confirmation reminder', {\n today,\n snoozedAt,\n })\n\n // never been snoozed, new account\n if (!snoozedAt) {\n return true\n }\n\n // already snoozed today\n if (simpleAreDatesEqual(new Date(Date.parse(snoozedAt)), new Date())) {\n return false\n }\n\n return true\n}\n\nexport function snoozeEmailConfirmationPrompt() {\n const lastEmailConfirm = new Date().toISOString()\n logger.debug('Snoozing email confirmation reminder', {\n snoozedAt: lastEmailConfirm,\n })\n persisted.write('reminders', {\n ...persisted.get('reminders'),\n lastEmailConfirm,\n })\n}\n","import {AtpSessionData, AtpSessionEvent} from '@atproto/api'\nimport {sha256} from 'js-sha256'\nimport {Statsig} from 'statsig-react-native-expo'\n\nimport {Schema} from '../persisted'\nimport {Action, State} from './reducer'\nimport {SessionAccount} from './types'\n\ntype Reducer = (state: State, action: Action) => State\n\ntype Log =\n | {\n type: 'reducer:init'\n state: State\n }\n | {\n type: 'reducer:call'\n action: Action\n prevState: State\n nextState: State\n }\n | {\n type: 'method:start'\n method:\n | 'createAccount'\n | 'login'\n | 'logout'\n | 'resumeSession'\n | 'removeAccount'\n account?: SessionAccount\n }\n | {\n type: 'method:end'\n method:\n | 'createAccount'\n | 'login'\n | 'logout'\n | 'resumeSession'\n | 'removeAccount'\n account?: SessionAccount\n }\n | {\n type: 'persisted:broadcast'\n data: Schema['session']\n }\n | {\n type: 'persisted:receive'\n data: Schema['session']\n }\n | {\n type: 'agent:switch'\n prevAgent: object\n nextAgent: object\n }\n | {\n type: 'agent:patch'\n agent: object\n prevSession: AtpSessionData | undefined\n nextSession: AtpSessionData | undefined\n }\n\nexport function wrapSessionReducerForLogging(reducer: Reducer): Reducer {\n return function loggingWrapper(prevState: State, action: Action): State {\n const nextState = reducer(prevState, action)\n addSessionDebugLog({type: 'reducer:call', prevState, action, nextState})\n return nextState\n }\n}\n\nlet nextMessageIndex = 0\nconst MAX_SLICE_LENGTH = 1000\n\n// Not gated.\nexport function addSessionErrorLog(did: string, event: AtpSessionEvent) {\n try {\n if (!Statsig.initializeCalled() || !Statsig.getStableID()) {\n return\n }\n const stack = (new Error().stack ?? '').slice(0, MAX_SLICE_LENGTH)\n Statsig.logEvent('session:error', null, {\n did,\n event,\n stack,\n })\n } catch (e) {\n console.error(e)\n }\n}\n\nexport function addSessionDebugLog(log: Log) {\n try {\n if (!Statsig.initializeCalled() || !Statsig.getStableID()) {\n // Drop these logs for now.\n return\n }\n if (!Statsig.checkGate('debug_session')) {\n return\n }\n const messageIndex = nextMessageIndex++\n const {type, ...content} = log\n let payload = JSON.stringify(content, replacer)\n\n let nextSliceIndex = 0\n while (payload.length > 0) {\n const sliceIndex = nextSliceIndex++\n const slice = payload.slice(0, MAX_SLICE_LENGTH)\n payload = payload.slice(MAX_SLICE_LENGTH)\n Statsig.logEvent('session:debug', null, {\n realmId,\n messageIndex: String(messageIndex),\n messageType: type,\n sliceIndex: String(sliceIndex),\n slice,\n })\n }\n } catch (e) {\n console.error(e)\n }\n}\n\nlet agentIds = new WeakMap()\nlet realmId = Math.random().toString(36).slice(2)\nlet nextAgentId = 1\n\nfunction getAgentId(agent: object) {\n let id = agentIds.get(agent)\n if (id === undefined) {\n id = realmId + '::' + nextAgentId++\n agentIds.set(agent, id)\n }\n return id\n}\n\nfunction replacer(key: string, value: unknown) {\n if (typeof value === 'object' && value != null && 'api' in value) {\n return getAgentId(value)\n }\n if (\n key === 'service' ||\n key === 'email' ||\n key === 'emailConfirmed' ||\n key === 'emailAuthFactor' ||\n key === 'pdsUrl'\n ) {\n return undefined\n }\n if (\n typeof value === 'string' &&\n (key === 'refreshJwt' || key === 'accessJwt')\n ) {\n return sha256(value)\n }\n return value\n}\n","import {BskyAgent} from '@atproto/api'\n\nimport {logger} from '#/logger'\nimport {device} from '#/storage'\n\nexport const BR_LABELER = 'did:plc:ekitcvx7uwnauoqy5oest3hm'\nexport const ADDITIONAL_LABELERS_MAP: {\n [countryCode: string]: string[]\n} = {\n BR: [BR_LABELER],\n}\nexport const ALL_ADDITIONAL_LABELERS = Object.values(\n ADDITIONAL_LABELERS_MAP,\n).flat()\nexport const NON_CONFIGURABLE_LABELERS = [BR_LABELER]\n\nexport function isNonConfigurableModerationAuthority(did: string) {\n return NON_CONFIGURABLE_LABELERS.includes(did)\n}\n\nexport function configureAdditionalModerationAuthorities() {\n const geolocation = device.get(['geolocation'])\n let additionalLabelers: string[] = ALL_ADDITIONAL_LABELERS\n\n if (geolocation?.countryCode) {\n additionalLabelers = ADDITIONAL_LABELERS_MAP[geolocation.countryCode] ?? []\n } else {\n logger.info(`no geolocation, cannot apply mod authorities`)\n }\n\n const appLabelers = Array.from(\n new Set([...BskyAgent.appLabelers, ...additionalLabelers]),\n )\n\n logger.info(`applying mod authorities`, {\n additionalLabelers,\n appLabelers,\n })\n\n BskyAgent.configure({appLabelers})\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 {configureAdditionalModerationAuthorities} from './additional-moderation-authorities'\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 configureAdditionalModerationAuthorities()\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 configureAdditionalModerationAuthorities()\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","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_CREATON_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 {snoozeEmailConfirmationPrompt} from '#/state/shell/reminders'\nimport {emitNetworkConfirmed, emitNetworkLost} from '../events'\nimport {addSessionErrorLog} from './logging'\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 BskyAppAgent({service: PUBLIC_CREATON_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 BskyAppAgent({service: storedAccount.service})\n if (storedAccount.pdsUrl) {\n agent.sessionManager.pdsUrl = new URL(storedAccount.pdsUrl)\n }\n const gates = tryFetchGates(storedAccount.did, 'prefer-low-latency')\n const moderation = configureModerationForAccount(agent, storedAccount)\n const prevSession: AtpSessionData = sessionAccountToSession(storedAccount)\n if (isSessionExpired(storedAccount)) {\n await networkRetry(1, () => agent.resumeSession(prevSession))\n } else {\n agent.sessionManager.session = prevSession\n if (!storedAccount.signupQueued) {\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 agent.prepare(gates, moderation, onSessionChange)\n}\n\nexport async function createAgentAndLogin(\n {\n service,\n identifier,\n siweSignature,\n authFactorToken,\n }: {\n service: string\n identifier: string\n siweSignature: string\n authFactorToken?: string\n },\n onSessionChange: (\n agent: BskyAgent,\n did: string,\n event: AtpSessionEvent,\n ) => void,\n) {\n const agent = new BskyAppAgent({service})\n await agent.login({identifier, siweSignature, authFactorToken})\n\n const account = agentToSessionAccountOrThrow(agent)\n const gates = tryFetchGates(account.did, 'prefer-fresh-gates')\n const moderation = configureModerationForAccount(agent, account)\n return agent.prepare(gates, moderation, onSessionChange)\n}\n\nexport async function createAgentAndCreateAccount(\n {\n service,\n email,\n password,\n ethAddress,\n signature,\n handle,\n birthDate,\n inviteCode,\n verificationPhone,\n verificationCode,\n }: {\n service: string\n email: string\n password: string\n ethAddress: string\n signature: 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 BskyAppAgent({service})\n await agent.createAccount({\n email,\n password,\n ethAddress,\n signature,\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\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 try {\n // snooze first prompt after signup, defer to next prompt\n snoozeEmailConfirmationPrompt()\n } catch (e: any) {\n logger.error(e, {context: `session: failed snoozeEmailConfirmationPrompt`})\n }\n\n return agent.prepare(gates, moderation, onSessionChange)\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 ethAddress: agent.session.ethAddress,\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 active: agent.session.active,\n status: agent.session.status as SessionAccount['status'],\n pdsUrl: agent.pdsUrl?.toString(),\n }\n}\n\nexport function sessionAccountToSession(\n account: SessionAccount,\n): AtpSessionData {\n return {\n // Sorted in the same property order as when returned by BskyAgent (alphabetical).\n accessJwt: account.accessJwt ?? '',\n did: account.did,\n email: account.email,\n ethAddress: account.ethAddress,\n emailAuthFactor: account.emailAuthFactor,\n emailConfirmed: account.emailConfirmed,\n handle: account.handle,\n refreshJwt: account.refreshJwt ?? '',\n /**\n * @see https://github.com/bluesky-social/atproto/blob/c5d36d5ba2a2c2a5c4f366a5621c06a5608e361e/packages/api/src/agent.ts#L188\n */\n active: account.active ?? true,\n status: account.status,\n }\n}\n\n// Not exported. Use factories above to create it.\nlet realFetch = globalThis.fetch\nclass BskyAppAgent extends BskyAgent {\n persistSessionHandler: ((event: AtpSessionEvent) => void) | undefined =\n undefined\n\n constructor({service}: {service: string}) {\n super({\n service,\n async fetch(...args) {\n let success = false\n try {\n const result = await realFetch(...args)\n success = true\n return result\n } catch (e) {\n success = false\n throw e\n } finally {\n if (success) {\n emitNetworkConfirmed()\n } else {\n emitNetworkLost()\n }\n }\n },\n persistSession: (event: AtpSessionEvent) => {\n if (this.persistSessionHandler) {\n this.persistSessionHandler(event)\n }\n },\n })\n }\n\n async prepare(\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(this)\n let lastSession = this.sessionManager.session\n this.persistSessionHandler = event => {\n if (this.sessionManager.session) {\n lastSession = this.sessionManager.session\n } else if (event === 'network-error') {\n // Put it back, we'll try again later.\n this.sessionManager.session = lastSession\n }\n\n onSessionChange(this, account.did, event)\n if (event !== 'create' && event !== 'update') {\n addSessionErrorLog(account.did, event)\n }\n }\n return {account, agent: this}\n }\n\n dispose() {\n this.sessionManager.session = undefined\n this.persistSessionHandler = undefined\n }\n}\n\nexport type {BskyAppAgent}\n","import {AtpSessionEvent} from '@atproto/api'\n\nimport {createPublicAgent} from './agent'\nimport {wrapSessionReducerForLogging} from './logging'\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-current-account'\n }\n | {\n type: 'logged-out-every-account'\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\nlet 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 // Assume it's transient.\n return state\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-current-account': {\n const {currentAgentState} = state\n return {\n accounts: state.accounts.map(a =>\n a.did === currentAgentState.did\n ? {\n ...a,\n refreshJwt: undefined,\n accessJwt: undefined,\n }\n : a,\n ),\n currentAgentState: createPublicAgentState(),\n needsPersist: true,\n }\n }\n case 'logged-out-every-account': {\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}\nreducer = wrapSessionReducerForLogging(reducer)\nexport {reducer}\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 BskyAppAgent,\n createAgentAndCreateAccount,\n createAgentAndLogin,\n createAgentAndResume,\n sessionAccountToSession,\n} from './agent'\nimport {getInitialState, reducer} from './reducer'\n\nexport {isSignupQueued} from './util'\nimport {addSessionDebugLog} from './logging'\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 logoutCurrentAccount: async () => {},\n logoutEveryAccount: 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 const initialState = getInitialState(persisted.get('session').accounts)\n addSessionDebugLog({type: 'reducer:init', state: initialState})\n return initialState\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 addSessionDebugLog({type: 'method:start', method: 'createAccount'})\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 addSessionDebugLog({type: 'method:end', method: 'createAccount', account})\n },\n [onAgentSessionChange, cancelPendingTask],\n )\n\n const login = React.useCallback(\n async (params, logContext) => {\n addSessionDebugLog({type: 'method:start', method: 'login'})\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 addSessionDebugLog({type: 'method:end', method: 'login', account})\n },\n [onAgentSessionChange, cancelPendingTask],\n )\n\n const logoutCurrentAccount = React.useCallback<\n SessionApiContext['logoutEveryAccount']\n >(\n logContext => {\n addSessionDebugLog({type: 'method:start', method: 'logout'})\n cancelPendingTask()\n dispatch({\n type: 'logged-out-current-account',\n })\n logEvent('account:loggedOut', {logContext, scope: 'current'})\n addSessionDebugLog({type: 'method:end', method: 'logout'})\n },\n [cancelPendingTask],\n )\n\n const logoutEveryAccount = React.useCallback<\n SessionApiContext['logoutEveryAccount']\n >(\n logContext => {\n addSessionDebugLog({type: 'method:start', method: 'logout'})\n cancelPendingTask()\n dispatch({\n type: 'logged-out-every-account',\n })\n logEvent('account:loggedOut', {logContext, scope: 'every'})\n addSessionDebugLog({type: 'method:end', method: 'logout'})\n },\n [cancelPendingTask],\n )\n\n const resumeSession = React.useCallback(\n async storedAccount => {\n addSessionDebugLog({\n type: 'method:start',\n method: 'resumeSession',\n account: storedAccount,\n })\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 addSessionDebugLog({type: 'method:end', method: 'resumeSession', account})\n },\n [onAgentSessionChange, cancelPendingTask],\n )\n\n const removeAccount = React.useCallback(\n account => {\n addSessionDebugLog({\n type: 'method:start',\n method: 'removeAccount',\n account,\n })\n cancelPendingTask()\n dispatch({\n type: 'removed-account',\n accountDid: account.did,\n })\n addSessionDebugLog({type: 'method:end', method: 'removeAccount', account})\n },\n [cancelPendingTask],\n )\n\n React.useEffect(() => {\n if (state.needsPersist) {\n state.needsPersist = false\n const persistedData = {\n accounts: state.accounts,\n currentAccount: state.accounts.find(\n a => a.did === state.currentAgentState.did,\n ),\n }\n addSessionDebugLog({type: 'persisted:broadcast', data: persistedData})\n persisted.write('session', persistedData)\n }\n }, [state])\n\n React.useEffect(() => {\n return persisted.onUpdate('session', nextSession => {\n const synced = nextSession\n addSessionDebugLog({type: 'persisted:receive', data: synced})\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 const agent = state.currentAgentState.agent as BskyAgent\n const prevSession = agent.session\n agent.sessionManager.session = sessionAccountToSession(syncedAccount)\n addSessionDebugLog({\n type: 'agent:patch',\n agent,\n prevSession,\n nextSession: agent.session,\n })\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 logoutCurrentAccount,\n logoutEveryAccount,\n resumeSession,\n removeAccount,\n }),\n [\n createAccount,\n login,\n logoutCurrentAccount,\n logoutEveryAccount,\n resumeSession,\n removeAccount,\n ],\n )\n\n // @ts-ignore\n if (IS_DEV && isWeb) window.agent = state.currentAgentState.agent\n\n const agent = state.currentAgentState.agent as BskyAppAgent\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 addSessionDebugLog({type: 'agent:switch', prevAgent, nextAgent: 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.dispose()\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 {BUNDLE_DATE, BUNDLE_IDENTIFIER, IS_TESTFLIGHT} from '#/lib/app-info'\nimport {logger} from '#/logger'\nimport {isWeb} from '#/platform/detection'\nimport * as persisted from '#/state/persisted'\nimport {useSession} from '../../state/session'\nimport {timeout} from '../async/timeout'\nimport {useNonReactiveCallback} from '../hooks/useNonReactiveCallback'\nimport {LogEvents} from './events'\nimport {Gate} from './gates'\n\nconst SDK_KEY = 'client-ryfmmwMZTKKrLJjiXFBTTXAHQzrgortF5V58Cxt94uh'\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 DOWNSAMPLE_RATE = 0.95 // 95% likely\nconst DOWNSAMPLED_EVENTS: Set = new Set([\n 'router:navigate:notifications:sampled',\n 'state:background:sampled',\n 'state:foreground:sampled',\n 'home:feedDisplayed:sampled',\n 'feed:endReached:sampled',\n 'feed:refresh:sampled',\n 'discover:clickthrough:sampled',\n 'discover:engaged:sampled',\n 'discover:seen:sampled',\n 'post:like:sampled',\n 'post:unlike:sampled',\n 'post:repost:sampled',\n 'post:unrepost:sampled',\n 'profile:follow:sampled',\n 'profile:unfollow:sampled',\n])\nconst isDownsampledSession = Math.random() < DOWNSAMPLE_RATE\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 const isDownsampledEvent = DOWNSAMPLED_EVENTS.has(eventName)\n if (isDownsampledSession && isDownsampledEvent) {\n return\n }\n const fullMetadata = {\n ...rawMetadata,\n } as Record // Statsig typings are unnecessarily strict here.\n if (isDownsampledEvent) {\n fullMetadata.downsampleRate = DOWNSAMPLE_RATE.toString()\n }\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 lastActive = null\n logEvent('state:background:sampled', {\n secondsActive,\n })\n }\n }\n})\n\nexport async function tryFetchGates(\n did: string | undefined,\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 initialize() {\n return Statsig.initialize(SDK_KEY, null, createStatsigOptions([]))\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'\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 cancelAnimation,\n SharedValue,\n useSharedValue,\n withSpring,\n} from 'react-native-reanimated'\n\ntype StateContext = {\n headerMode: SharedValue\n footerMode: SharedValue\n}\ntype SetContext = (v: boolean) => void\n\nconst stateContext = React.createContext({\n headerMode: {\n value: 0,\n addListener() {},\n removeListener() {},\n modify() {},\n },\n footerMode: {\n value: 0,\n addListener() {},\n removeListener() {},\n modify() {},\n },\n})\nconst setContext = React.createContext((_: boolean) => {})\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const headerMode = useSharedValue(0)\n const footerMode = useSharedValue(0)\n const setMode = React.useCallback(\n (v: boolean) => {\n 'worklet'\n // Cancel any existing animation\n cancelAnimation(headerMode)\n headerMode.value = withSpring(v ? 1 : 0, {\n overshootClamping: true,\n })\n cancelAnimation(footerMode)\n footerMode.value = withSpring(v ? 1 : 0, {\n overshootClamping: true,\n })\n },\n [headerMode, footerMode],\n )\n const value = React.useMemo(\n () => ({\n headerMode,\n footerMode,\n }),\n [headerMode, footerMode],\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'\n\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 const unsub1 = persisted.onUpdate('darkTheme', nextDarkTheme => {\n setDarkTheme(nextDarkTheme)\n })\n const unsub2 = persisted.onUpdate('colorMode', nextColorMode => {\n setColorMode(nextColorMode)\n })\n return () => {\n unsub1()\n unsub2()\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'\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 {createSinglePathSVG} from './TEMPLATE'\n\nexport const Loader_Stroke2_Corner0_Rounded = createSinglePathSVG({\n path: 'M12 5a7 7 0 0 0-5.218 11.666A1 1 0 0 1 5.292 18a9 9 0 1 1 13.416 0 1 1 0 1 1-1.49-1.334A7 7 0 0 0 12 5Z',\n})\n","import React from 'react'\nimport {View} from 'react-native'\n\nimport {atoms as a, flatten, useTheme} from '#/alf'\nimport {Props, useCommonSVGProps} from '#/components/icons/common'\nimport {Loader_Stroke2_Corner0_Rounded as Icon} from '#/components/icons/Loader'\n\nexport function Loader(props: Props) {\n const t = useTheme()\n const common = useCommonSVGProps(props)\n\n return (\n \n {/* css rotation animation - /bskyweb/templates/base.html */}\n \n \n
\n \n )\n}\n","import React from 'react'\nimport {View} from 'react-native'\nimport {msg, Trans} from '@lingui/macro'\nimport {useLingui} from '@lingui/react'\n\nimport {useAgent, useSession} from 'state/session'\nimport {atoms as a} from '#/alf'\nimport {Button, ButtonText} from '#/components/Button'\nimport * as Dialog from '#/components/Dialog'\nimport {DialogControlProps} from '#/components/Dialog'\nimport {useIntentDialogs} from '#/components/intents/IntentDialogs'\nimport {Loader} from '#/components/Loader'\nimport {Text} from '#/components/Typography'\n\nexport function VerifyEmailIntentDialog() {\n const {verifyEmailDialogControl: control} = useIntentDialogs()\n\n return (\n \n \n \n \n )\n}\n\nfunction Inner({control}: {control: DialogControlProps}) {\n const {_} = useLingui()\n const {verifyEmailState: state} = useIntentDialogs()\n const [status, setStatus] = React.useState<\n 'loading' | 'success' | 'failure' | 'resent'\n >('loading')\n const [sending, setSending] = React.useState(false)\n const agent = useAgent()\n const {currentAccount} = useSession()\n\n React.useEffect(() => {\n ;(async () => {\n if (!state?.code) {\n return\n }\n try {\n await agent.com.atproto.server.confirmEmail({\n email: (currentAccount?.email || '').trim(),\n token: state.code.trim(),\n })\n setStatus('success')\n } catch (e) {\n setStatus('failure')\n }\n })()\n }, [agent.com.atproto.server, currentAccount?.email, state?.code])\n\n const onPressResendEmail = async () => {\n setSending(true)\n await agent.com.atproto.server.requestEmailConfirmation()\n setSending(false)\n setStatus('resent')\n }\n\n return (\n \n \n \n {status === 'loading' ? (\n \n \n \n ) : status === 'success' ? (\n <>\n \n Email Verified\n \n \n \n Thanks, you have successfully verified your email address.\n \n \n \n ) : status === 'failure' ? (\n <>\n \n Invalid Verification Code\n \n \n \n The verification code you have provided is invalid. Please make\n sure that you have used the correct verification link or request\n a new one.\n \n \n \n ) : (\n <>\n \n Email Resent\n \n \n \n We have sent another verification email to{' '}\n \n {currentAccount?.email}\n \n .\n \n \n \n )}\n {status !== 'loading' ? (\n \n control.close()}\n variant=\"solid\"\n color={status === 'failure' ? 'secondary' : 'primary'}\n size=\"large\"\n style={{marginLeft: 'auto'}}>\n \n Close\n \n \n {status === 'failure' ? (\n \n \n Resend Email\n \n {sending ? : null}\n \n ) : null}\n \n ) : null}\n \n \n )\n}\n","import React from 'react'\n\nimport * as Dialog from '#/components/Dialog'\nimport {DialogControlProps} from '#/components/Dialog'\nimport {VerifyEmailIntentDialog} from '#/components/intents/VerifyEmailIntentDialog'\n\ninterface Context {\n verifyEmailDialogControl: DialogControlProps\n verifyEmailState: {code: string} | undefined\n setVerifyEmailState: (state: {code: string} | undefined) => void\n}\n\nconst Context = React.createContext({} as Context)\nexport const useIntentDialogs = () => React.useContext(Context)\n\nexport function Provider({children}: {children: React.ReactNode}) {\n const verifyEmailDialogControl = Dialog.useDialogControl()\n const [verifyEmailState, setVerifyEmailState] = React.useState<\n {code: string} | undefined\n >()\n\n const value = React.useMemo(\n () => ({\n verifyEmailDialogControl,\n verifyEmailState,\n setVerifyEmailState,\n }),\n [verifyEmailDialogControl, verifyEmailState, setVerifyEmailState],\n )\n\n return (\n \n {children}\n \n \n )\n}\n","import React from 'react'\nimport * as Linking from 'expo-linking'\n\nimport {logEvent} from 'lib/statsig/statsig'\nimport {isNative} from 'platform/detection'\nimport {useSession} from 'state/session'\nimport {useComposerControls} from 'state/shell'\nimport {useCloseAllActiveElements} from 'state/util'\nimport {useIntentDialogs} from '#/components/intents/IntentDialogs'\nimport {Referrer} from '../../../modules/expo-bluesky-swiss-army'\n\ntype IntentType = 'compose' | 'verify-email'\n\nconst VALID_IMAGE_REGEX = /^[\\w.:\\-_/]+\\|\\d+(\\.\\d+)?\\|\\d+(\\.\\d+)?$/\n\nexport function useIntentHandler() {\n const incomingUrl = Linking.useURL()\n const composeIntent = useComposeIntent()\n const verifyEmailIntent = useVerifyEmailIntent()\n\n React.useEffect(() => {\n const handleIncomingURL = (url: string) => {\n const referrerInfo = Referrer.getReferrerInfo()\n if (referrerInfo && referrerInfo.hostname !== 'bsky.app') {\n logEvent('deepLink:referrerReceived', {\n to: url,\n referrer: referrerInfo?.referrer,\n hostname: referrerInfo?.hostname,\n })\n }\n\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 return\n }\n case 'verify-email': {\n const code = params.get('code')\n if (!code) return\n verifyEmailIntent(code)\n return\n }\n default: {\n return\n }\n }\n }\n\n if (incomingUrl) handleIncomingURL(incomingUrl)\n }, [incomingUrl, composeIntent, verifyEmailIntent])\n}\n\nexport function 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\nfunction useVerifyEmailIntent() {\n const closeAllActiveElements = useCloseAllActiveElements()\n const {verifyEmailDialogControl: control, setVerifyEmailState: setState} =\n useIntentDialogs()\n return React.useCallback(\n (code: string) => {\n closeAllActiveElements()\n setState({\n code,\n })\n setTimeout(() => {\n control.open()\n }, 1000)\n },\n [closeAllActiveElements, control, setState],\n )\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, onlineManager, QueryClient} from '@tanstack/react-query'\nimport {\n PersistQueryClientProvider,\n PersistQueryClientProviderProps,\n} from '@tanstack/react-query-persist-client'\n\nimport {isNative} from '#/platform/detection'\nimport {listenNetworkConfirmed, listenNetworkLost} from '#/state/events'\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\nasync function checkIsOnline(): Promise {\n try {\n const controller = new AbortController()\n setTimeout(() => {\n controller.abort()\n }, 15e3)\n const res = await fetch('https://public.api.bsky.app/xrpc/_health', {\n cache: 'no-store',\n signal: controller.signal,\n })\n const json = await res.json()\n if (json.version) {\n return true\n } else {\n return false\n }\n } catch (e) {\n return false\n }\n}\n\nlet receivedNetworkLost = false\nlet receivedNetworkConfirmed = false\nlet isNetworkStateUnclear = false\n\nlistenNetworkLost(() => {\n receivedNetworkLost = true\n onlineManager.setOnline(false)\n})\n\nlistenNetworkConfirmed(() => {\n receivedNetworkConfirmed = true\n onlineManager.setOnline(true)\n})\n\nlet checkPromise: Promise | undefined\nfunction checkIsOnlineIfNeeded() {\n if (checkPromise) {\n return\n }\n receivedNetworkLost = false\n receivedNetworkConfirmed = false\n checkPromise = checkIsOnline().then(nextIsOnline => {\n checkPromise = undefined\n if (nextIsOnline && receivedNetworkLost) {\n isNetworkStateUnclear = true\n }\n if (!nextIsOnline && receivedNetworkConfirmed) {\n isNetworkStateUnclear = true\n }\n if (!isNetworkStateUnclear) {\n onlineManager.setOnline(nextIsOnline)\n }\n })\n}\n\nsetInterval(() => {\n if (AppState.currentState === 'active') {\n if (!onlineManager.isOnline() || isNetworkStateUnclear) {\n checkIsOnlineIfNeeded()\n }\n }\n}, 2000)\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 {Dimensions, StyleProp, StyleSheet, TextStyle} from 'react-native'\n\nimport {isWeb} from '#/platform/detection'\nimport {Theme, TypographyVariant} from './ThemeContext'\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: '600'},\n fw500: {fontWeight: '600'},\n semiBold: {fontWeight: '600'},\n fw400: {fontWeight: '400'},\n normal: {fontWeight: '400'},\n fw300: {fontWeight: '400'},\n light: {fontWeight: '400'},\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'\n\nimport {tokens} from '#/alf'\nimport {darkPalette, dimPalette, lightPalette} from '#/alf/themes'\nimport {colors} from './styles'\nimport type {Theme} from './ThemeContext'\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: tokens.TRACKING,\n fontWeight: '400',\n },\n '2xl': {\n fontSize: 18,\n letterSpacing: tokens.TRACKING,\n fontWeight: '400',\n },\n '2xl-medium': {\n fontSize: 18,\n letterSpacing: tokens.TRACKING,\n fontWeight: '600',\n },\n '2xl-bold': {\n fontSize: 18,\n letterSpacing: tokens.TRACKING,\n fontWeight: '600',\n },\n '2xl-heavy': {\n fontSize: 18,\n letterSpacing: tokens.TRACKING,\n fontWeight: '800',\n },\n 'xl-thin': {\n fontSize: 17,\n letterSpacing: tokens.TRACKING,\n fontWeight: '400',\n },\n xl: {\n fontSize: 17,\n letterSpacing: tokens.TRACKING,\n fontWeight: '400',\n },\n 'xl-medium': {\n fontSize: 17,\n letterSpacing: tokens.TRACKING,\n fontWeight: '600',\n },\n 'xl-bold': {\n fontSize: 17,\n letterSpacing: tokens.TRACKING,\n fontWeight: '600',\n },\n 'xl-heavy': {\n fontSize: 17,\n letterSpacing: tokens.TRACKING,\n fontWeight: '800',\n },\n 'lg-thin': {\n fontSize: 16,\n letterSpacing: tokens.TRACKING,\n fontWeight: '400',\n },\n lg: {\n fontSize: 16,\n letterSpacing: tokens.TRACKING,\n fontWeight: '400',\n },\n 'lg-medium': {\n fontSize: 16,\n letterSpacing: tokens.TRACKING,\n fontWeight: '600',\n },\n 'lg-bold': {\n fontSize: 16,\n letterSpacing: tokens.TRACKING,\n fontWeight: '600',\n },\n 'lg-heavy': {\n fontSize: 16,\n letterSpacing: tokens.TRACKING,\n fontWeight: '800',\n },\n 'md-thin': {\n fontSize: 15,\n letterSpacing: tokens.TRACKING,\n fontWeight: '400',\n },\n md: {\n fontSize: 15,\n letterSpacing: tokens.TRACKING,\n fontWeight: '400',\n },\n 'md-medium': {\n fontSize: 15,\n letterSpacing: tokens.TRACKING,\n fontWeight: '600',\n },\n 'md-bold': {\n fontSize: 15,\n letterSpacing: tokens.TRACKING,\n fontWeight: '600',\n },\n 'md-heavy': {\n fontSize: 15,\n letterSpacing: tokens.TRACKING,\n fontWeight: '800',\n },\n 'sm-thin': {\n fontSize: 14,\n letterSpacing: tokens.TRACKING,\n fontWeight: '400',\n },\n sm: {\n fontSize: 14,\n letterSpacing: tokens.TRACKING,\n fontWeight: '400',\n },\n 'sm-medium': {\n fontSize: 14,\n letterSpacing: tokens.TRACKING,\n fontWeight: '600',\n },\n 'sm-bold': {\n fontSize: 14,\n letterSpacing: tokens.TRACKING,\n fontWeight: '600',\n },\n 'sm-heavy': {\n fontSize: 14,\n letterSpacing: tokens.TRACKING,\n fontWeight: '800',\n },\n 'xs-thin': {\n fontSize: 13,\n letterSpacing: tokens.TRACKING,\n fontWeight: '400',\n },\n xs: {\n fontSize: 13,\n letterSpacing: tokens.TRACKING,\n fontWeight: '400',\n },\n 'xs-medium': {\n fontSize: 13,\n letterSpacing: tokens.TRACKING,\n fontWeight: '600',\n },\n 'xs-bold': {\n fontSize: 13,\n letterSpacing: tokens.TRACKING,\n fontWeight: '600',\n },\n 'xs-heavy': {\n fontSize: 13,\n letterSpacing: tokens.TRACKING,\n fontWeight: '800',\n },\n\n 'title-2xl': {\n fontSize: 34,\n letterSpacing: tokens.TRACKING,\n fontWeight: '600',\n },\n 'title-xl': {\n fontSize: 28,\n letterSpacing: tokens.TRACKING,\n fontWeight: '600',\n },\n 'title-lg': {\n fontSize: 22,\n fontWeight: '600',\n },\n title: {\n fontWeight: '600',\n fontSize: 20,\n letterSpacing: tokens.TRACKING,\n },\n 'title-sm': {\n fontWeight: '600',\n fontSize: 17,\n letterSpacing: tokens.TRACKING,\n },\n 'post-text': {\n fontSize: 16,\n letterSpacing: tokens.TRACKING,\n fontWeight: '400',\n },\n 'post-text-lg': {\n fontSize: 20,\n letterSpacing: tokens.TRACKING,\n fontWeight: '400',\n },\n 'button-lg': {\n fontWeight: '600',\n fontSize: 18,\n letterSpacing: tokens.TRACKING,\n },\n button: {\n fontWeight: '600',\n fontSize: 14,\n letterSpacing: tokens.TRACKING,\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_25,\n text: darkPalette.white,\n textLight: darkPalette.contrast_600,\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_25,\n unreadNotifBorder: darkPalette.primary_100,\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_25,\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_25,\n unreadNotifBorder: dimPalette.primary_100,\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, {createContext, ReactNode, useContext} from 'react'\nimport {TextStyle, ViewStyle} from 'react-native'\n\nimport {ThemeName} from '#/alf/types'\nimport {darkTheme, defaultTheme, dimTheme} from './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 React from 'react'\n\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 'requireAltTextEnabled',\n nextRequireAltTextEnabled => {\n setState(nextRequireAltTextEnabled)\n },\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('disableAutoplay', nextDisableAutoplay => {\n setState(Boolean(nextDisableAutoplay))\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('disableHaptics', nextDisableHaptics => {\n setState(Boolean(nextDisableHaptics))\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('externalEmbeds', nextExternalEmbeds => {\n setState(nextExternalEmbeds)\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'\n\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('hiddenPosts', nextHiddenPosts => {\n setState(nextHiddenPosts)\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 {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","const LEFT_TO_RIGHT_EMBEDDING = '\\u202A'\nconst POP_DIRECTIONAL_FORMATTING = '\\u202C'\n\n/*\n * Force LTR directionality in a string.\n * https://www.unicode.org/reports/tr9/#Directional_Formatting_Characters\n */\nexport function forceLTR(str: string) {\n return LEFT_TO_RIGHT_EMBEDDING + str + POP_DIRECTIONAL_FORMATTING\n}\n","// Regex from the go implementation\n// https://github.com/bluesky-social/indigo/blob/main/atproto/syntax/handle.go#L10\nimport {forceLTR} from 'lib/strings/bidi'\n\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)\n ? '⚠Invalid Handle'\n : forceLTR(`${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 {AppBskyGraphDefs, AtUri} from '@atproto/api'\n\nexport function createStarterPackLinkFromAndroidReferrer(\n referrerQueryString: string,\n): string | null {\n try {\n // The referrer string is just some URL parameters, so lets add them to a fake URL\n const url = new URL('http://throwaway.com/?' + referrerQueryString)\n const utmContent = url.searchParams.get('utm_content')\n const utmSource = url.searchParams.get('utm_source')\n\n if (!utmContent) return null\n if (utmSource !== 'bluesky') return null\n\n // This should be a string like `starterpack_haileyok.com_rkey`\n const contentParts = utmContent.split('_')\n\n if (contentParts[0] !== 'starterpack') return null\n if (contentParts.length !== 3) return null\n\n return `at://${contentParts[1]}/app.bsky.graph.starterpack/${contentParts[2]}`\n } catch (e) {\n return null\n }\n}\n\nexport function parseStarterPackUri(uri?: string): {\n name: string\n rkey: string\n} | null {\n if (!uri) return null\n\n try {\n if (uri.startsWith('at://')) {\n const atUri = new AtUri(uri)\n if (atUri.collection !== 'app.bsky.graph.starterpack') return null\n if (atUri.rkey) {\n return {\n name: atUri.hostname,\n rkey: atUri.rkey,\n }\n }\n return null\n } else {\n const url = new URL(uri)\n const parts = url.pathname.split('/')\n const [_, path, name, rkey] = parts\n\n if (parts.length !== 4) return null\n if (path !== 'starter-pack' && path !== 'start') return null\n if (!name || !rkey) return null\n return {\n name,\n rkey,\n }\n }\n } catch (e) {\n return null\n }\n}\n\nexport function createStarterPackGooglePlayUri(\n name: string,\n rkey: string,\n): string | null {\n if (!name || !rkey) return null\n return `https://play.google.com/store/apps/details?id=xyz.blueskyweb.app&referrer=utm_source%3Dbluesky%26utm_medium%3Dstarterpack%26utm_content%3Dstarterpack_${name}_${rkey}`\n}\n\nexport function httpStarterPackUriToAtUri(httpUri?: string): string | null {\n if (!httpUri) return null\n\n const parsed = parseStarterPackUri(httpUri)\n if (!parsed) return null\n\n if (httpUri.startsWith('at://')) return httpUri\n\n return `at://${parsed.name}/app.bsky.graph.starterpack/${parsed.rkey}`\n}\n\nexport function getStarterPackOgCard(\n didOrStarterPack: AppBskyGraphDefs.StarterPackView | string,\n rkey?: string,\n) {\n if (typeof didOrStarterPack === 'string') {\n return `https://ogcard.cdn.bsky.app/start/${didOrStarterPack}/${rkey}`\n } else {\n const rkey = new AtUri(didOrStarterPack.uri).rkey\n return `https://ogcard.cdn.bsky.app/start/${didOrStarterPack.creator.did}/${rkey}`\n }\n}\n\nexport function createStarterPackUri({\n did,\n rkey,\n}: {\n did: string\n rkey: string\n}): string {\n return new AtUri(`at://${did}/app.bsky.graph.starterpack/${rkey}`).toString()\n}\n\nexport function startUriToStarterPackUri(uri: string) {\n return uri.replace('/start/', '/starter-pack/')\n}\n","import {AtUri} from '@atproto/api'\nimport psl from 'psl'\nimport TLDs from 'tlds'\n\nimport {CREATON_SERVICE} from '#/lib/constants'\nimport {isInvalidHandle} from '#/lib/strings/handles'\nimport {startUriToStarterPackUri} from '#/lib/strings/starter-pack'\nimport {logger} from '#/logger'\n\nexport const BSKY_APP_HOST = 'https://bsky.app'\nconst BSKY_TRUSTED_HOSTS = [\n 'bsky\\\\.app',\n 'bsky\\\\.social',\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}` === CREATON_SERVICE) {\n return 'Creaton 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://bsky.app')\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://bsky.app/')\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://bsky.app/') || 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 isBskyStartUrl(url: string): boolean {\n if (isBskyAppUrl(url)) {\n try {\n const urlp = new URL(url)\n return /start\\/(?[^/]+)\\/(?[^/]+)/i.test(urlp.pathname)\n } catch {\n console.error('Unexpected error in isBskyStartUrl()', url)\n }\n }\n return false\n}\n\nexport function isBskyStarterPackUrl(url: string): boolean {\n if (isBskyAppUrl(url)) {\n try {\n const urlp = new URL(url)\n return /starter-pack\\/(?[^/]+)\\/(?[^/]+)/i.test(urlp.pathname)\n } catch {\n console.error('Unexpected error in isBskyStartUrl()', 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\n if (isBskyStartUrl(url)) {\n return startUriToStarterPackUri(urlp.pathname)\n }\n\n return urlp.pathname\n } catch (e) {\n console.error('Unexpected error in convertBskyAppUrlIfNeeded()', e)\n }\n } else if (isShortLink(url)) {\n // We only want to do this on native, web handles the 301 for us\n return shortLinkToHref(url)\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\nexport function isShortLink(url: string): boolean {\n return url.startsWith('https://go.bsky.app/')\n}\n\nexport function shortLinkToHref(url: string): string {\n try {\n const urlp = new URL(url)\n\n // For now we only support starter packs, but in the future we should add additional paths to this check\n const parts = urlp.pathname.split('/').filter(Boolean)\n if (parts.length === 1) {\n return `/starter-pack-short/${parts[0]}`\n }\n return url\n } catch (e) {\n logger.error('Failed to parse possible short link', {safeMessage: e})\n return url\n }\n}\n\nexport function getHostnameFromUrl(url: string | URL): string | null {\n let urlp\n try {\n urlp = new URL(url)\n } catch (e) {\n return null\n }\n return urlp.hostname\n}\n\nexport function getServiceAuthAudFromUrl(url: string | URL): string | null {\n const hostname = getHostnameFromUrl(url)\n if (!hostname) {\n return null\n }\n return `did:web:${hostname}`\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('useInAppBrowser', nextUseInAppBrowser => {\n setState(nextUseInAppBrowser)\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('kawaii', nextKawaii => {\n setState(nextKawaii)\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('languagePrefs', nextLanguagePrefs => {\n setState(nextLanguagePrefs)\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","import React from 'react'\n\nimport * as persisted from '#/state/persisted'\n\ntype StateContext = persisted.Schema['largeAltBadgeEnabled']\ntype SetContext = (v: persisted.Schema['largeAltBadgeEnabled']) => void\n\nconst stateContext = React.createContext(\n persisted.defaults.largeAltBadgeEnabled,\n)\nconst setContext = React.createContext(\n (_: persisted.Schema['largeAltBadgeEnabled']) => {},\n)\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const [state, setState] = React.useState(\n persisted.get('largeAltBadgeEnabled'),\n )\n\n const setStateWrapped = React.useCallback(\n (largeAltBadgeEnabled: persisted.Schema['largeAltBadgeEnabled']) => {\n setState(largeAltBadgeEnabled)\n persisted.write('largeAltBadgeEnabled', largeAltBadgeEnabled)\n },\n [setState],\n )\n\n React.useEffect(() => {\n return persisted.onUpdate(\n 'largeAltBadgeEnabled',\n nextLargeAltBadgeEnabled => {\n setState(nextLargeAltBadgeEnabled)\n },\n )\n }, [setStateWrapped])\n\n return (\n \n \n {children}\n \n \n )\n}\n\nexport function useLargeAltBadgeEnabled() {\n return React.useContext(stateContext)\n}\n\nexport function useSetLargeAltBadgeEnabled() {\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.subtitlesEnabled),\n)\nconst setContext = React.createContext((_: boolean) => {})\n\nexport function Provider({children}: {children: React.ReactNode}) {\n const [state, setState] = React.useState(\n Boolean(persisted.get('subtitlesEnabled')),\n )\n\n const setStateWrapped = React.useCallback(\n (subtitlesEnabled: persisted.Schema['subtitlesEnabled']) => {\n setState(Boolean(subtitlesEnabled))\n persisted.write('subtitlesEnabled', subtitlesEnabled)\n },\n [setState],\n )\n\n React.useEffect(() => {\n return persisted.onUpdate('subtitlesEnabled', nextSubtitlesEnabled => {\n setState(Boolean(nextSubtitlesEnabled))\n })\n }, [setStateWrapped])\n\n return (\n \n \n {children}\n \n \n )\n}\n\nexport const useSubtitlesEnabled = () => React.useContext(stateContext)\nexport const useSetSubtitlesEnabled = () => React.useContext(setContext)\n","import React from 'react'\n\nimport * as persisted from '#/state/persisted'\n\ntype StateContext = boolean | undefined\ntype SetContext = (v: boolean) => void\n\nconst stateContext = React.createContext(false)\nconst setContext = React.createContext((_: boolean) => {})\n\nexport function Provider({children}: {children: React.ReactNode}) {\n const [state, setState] = React.useState(() =>\n persisted.get('hasCheckedForStarterPack'),\n )\n\n const setStateWrapped = (v: boolean) => {\n setState(v)\n persisted.write('hasCheckedForStarterPack', v)\n }\n\n React.useEffect(() => {\n return persisted.onUpdate(\n 'hasCheckedForStarterPack',\n nextHasCheckedForStarterPack => {\n setState(nextHasCheckedForStarterPack)\n },\n )\n }, [])\n\n return (\n \n \n {children}\n \n \n )\n}\n\nexport const useHasCheckedForStarterPack = () => React.useContext(stateContext)\nexport const useSetHasCheckedForStarterPack = () => React.useContext(setContext)\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 {AppBskyLabelerDefs} from '@atproto/api'\nimport {useMutation, useQuery, useQueryClient} from '@tanstack/react-query'\nimport {z} from 'zod'\n\nimport {MAX_LABELERS} from '#/lib/constants'\nimport {labelersDetailedInfoQueryKeyRoot} from '#/lib/react-query'\nimport {STALE} from '#/state/queries'\nimport {\n preferencesQueryKey,\n usePreferencesQuery,\n} 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 const preferences = usePreferencesQuery()\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 /**\n * If a user has invalid/takendown/deactivated labelers, we need to\n * remove them. We don't have a great way to do this atm on the server,\n * so we do it here.\n *\n * We also need to push validation into this method, since we need to\n * check {@link MAX_LABELERS} _after_ we've removed invalid or takendown\n * labelers.\n */\n const labelerDids = (\n preferences.data?.moderationPrefs?.labelers ?? []\n ).map(l => l.did)\n const invalidLabelers: string[] = []\n if (labelerDids.length) {\n const profiles = await agent.getProfiles({actors: labelerDids})\n if (profiles.data) {\n for (const did of labelerDids) {\n const exists = profiles.data.profiles.find(p => p.did === did)\n if (exists) {\n // profile came back but it's not a valid labeler\n if (exists.associated && !exists.associated.labeler) {\n invalidLabelers.push(did)\n }\n } else {\n // no response came back, might be deactivated or takendown\n invalidLabelers.push(did)\n }\n }\n }\n }\n if (invalidLabelers.length) {\n await Promise.all(invalidLabelers.map(did => agent.removeLabeler(did)))\n }\n\n if (subscribe) {\n const labelerCount = labelerDids.length - invalidLabelers.length\n if (labelerCount >= MAX_LABELERS) {\n throw new Error('MAX_LABELERS')\n }\n await agent.addLabeler(did)\n } else {\n await agent.removeLabeler(did)\n }\n },\n async onSuccess() {\n await 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, // Legacy, ignored\n hideRepliesByLikeCount: 0, // Legacy, ignored\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 bskyAppState: {\n queuedNudges: [],\n activeProgressGuide: undefined,\n nuxs: [],\n },\n}\n","import {\n AppBskyActorDefs,\n BskyFeedViewPreference,\n LabelPreference,\n} from '@atproto/api'\nimport {useMutation, useQuery, useQueryClient} from '@tanstack/react-query'\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.did) {\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.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('aaactgbfpm2iy'),\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\nexport function useRemoveMutedWordsMutation() {\n const queryClient = useQueryClient()\n const agent = useAgent()\n\n return useMutation({\n mutationFn: async (mutedWords: AppBskyActorDefs.MutedWord[]) => {\n await agent.removeMutedWords(mutedWords)\n // triggers a refetch\n await queryClient.invalidateQueries({\n queryKey: preferencesQueryKey,\n })\n },\n })\n}\n\nexport function useQueueNudgesMutation() {\n const queryClient = useQueryClient()\n const agent = useAgent()\n\n return useMutation({\n mutationFn: async (nudges: string | string[]) => {\n await agent.bskyAppQueueNudges(nudges)\n // triggers a refetch\n await queryClient.invalidateQueries({\n queryKey: preferencesQueryKey,\n })\n },\n })\n}\n\nexport function useDismissNudgesMutation() {\n const queryClient = useQueryClient()\n const agent = useAgent()\n\n return useMutation({\n mutationFn: async (nudges: string | string[]) => {\n await agent.bskyAppDismissNudges(nudges)\n // triggers a refetch\n await queryClient.invalidateQueries({\n queryKey: preferencesQueryKey,\n })\n },\n })\n}\n\nexport function useSetActiveProgressGuideMutation() {\n const queryClient = useQueryClient()\n const agent = useAgent()\n\n return useMutation({\n mutationFn: async (\n guide: AppBskyActorDefs.BskyAppProgressGuide | undefined,\n ) => {\n await agent.bskyAppSetActiveProgressGuide(guide)\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'\nimport {Provider as LargeAltBadgeProvider} from './large-alt-badge'\nimport {Provider as SubtitlesProvider} from './subtitles'\nimport {Provider as UsedStarterPacksProvider} from './used-starter-packs'\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'\nexport {useSetSubtitlesEnabled, useSubtitlesEnabled} from './subtitles'\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n return (\n \n \n \n \n \n \n \n \n \n \n {children}\n \n \n \n \n \n \n \n \n \n \n )\n}\n","import {useEffect} from 'react'\nimport {i18n} from '@lingui/core'\n\nimport {sanitizeAppLanguageSetting} from '#/locale/helpers'\nimport {AppLanguage} from '#/locale/languages'\nimport {useLanguagePrefs} from '#/state/preferences'\n\n/**\n * We do a dynamic import of just the catalog that we need\n */\nexport async function dynamicActivate(locale: AppLanguage) {\n let mod: any\n\n switch (locale) {\n case AppLanguage.ca: {\n mod = await import(`./locales/ca/messages`)\n break\n }\n case AppLanguage.de: {\n mod = await import(`./locales/de/messages`)\n break\n }\n case AppLanguage.es: {\n mod = await import(`./locales/es/messages`)\n break\n }\n case AppLanguage.fi: {\n mod = await import(`./locales/fi/messages`)\n break\n }\n case AppLanguage.fr: {\n mod = await import(`./locales/fr/messages`)\n break\n }\n case AppLanguage.ga: {\n mod = await import(`./locales/ga/messages`)\n break\n }\n case AppLanguage.hi: {\n mod = await import(`./locales/hi/messages`)\n break\n }\n case AppLanguage.id: {\n mod = await import(`./locales/id/messages`)\n break\n }\n case AppLanguage.it: {\n mod = await import(`./locales/it/messages`)\n break\n }\n case AppLanguage.ja: {\n mod = await import(`./locales/ja/messages`)\n break\n }\n case AppLanguage.ko: {\n mod = await import(`./locales/ko/messages`)\n break\n }\n case AppLanguage.pt_BR: {\n mod = await import(`./locales/pt-BR/messages`)\n break\n }\n case AppLanguage.ru: {\n mod = await import(`./locales/ru/messages`)\n break\n }\n case AppLanguage.tr: {\n mod = await import(`./locales/tr/messages`)\n break\n }\n case AppLanguage.uk: {\n mod = await import(`./locales/uk/messages`)\n break\n }\n case AppLanguage.zh_CN: {\n mod = await import(`./locales/zh-CN/messages`)\n break\n }\n case AppLanguage.zh_TW: {\n mod = await import(`./locales/zh-TW/messages`)\n break\n }\n default: {\n mod = await import(`./locales/en/messages`)\n break\n }\n }\n\n i18n.load(locale, mod.messages)\n i18n.activate(locale)\n}\n\nexport async function useLocaleLanguage() {\n const {appLanguage} = useLanguagePrefs()\n useEffect(() => {\n const sanitizedLanguage = sanitizeAppLanguageSetting(appLanguage)\n\n document.documentElement.lang = sanitizedLanguage\n dynamicActivate(sanitizedLanguage)\n }, [appLanguage])\n}\n","import React from 'react'\nimport {I18nProvider as DefaultI18nProvider} from '@lingui/react'\nimport {i18n} from '@lingui/core'\nimport {useLocaleLanguage} from './i18n'\n\nexport default function I18nProvider({children}: {children: React.ReactNode}) {\n useLocaleLanguage()\n return {children}\n}\n","import React from 'react'\nimport {AccessibilityInfo} from 'react-native'\n\nimport {isWeb} from '#/platform/detection'\nimport {PlatformInfo} from '../../modules/expo-bluesky-swiss-army'\n\nconst Context = React.createContext({\n reduceMotionEnabled: false,\n screenReaderEnabled: false,\n})\n\nexport function useA11y() {\n return React.useContext(Context)\n}\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const [reduceMotionEnabled, setReduceMotionEnabled] = React.useState(() =>\n PlatformInfo.getIsReducedMotionEnabled(),\n )\n const [screenReaderEnabled, setScreenReaderEnabled] = React.useState(false)\n\n React.useEffect(() => {\n const reduceMotionChangedSubscription = AccessibilityInfo.addEventListener(\n 'reduceMotionChanged',\n enabled => {\n setReduceMotionEnabled(enabled)\n },\n )\n const screenReaderChangedSubscription = AccessibilityInfo.addEventListener(\n 'screenReaderChanged',\n enabled => {\n setScreenReaderEnabled(enabled)\n },\n )\n\n ;(async () => {\n const [_reduceMotionEnabled, _screenReaderEnabled] = await Promise.all([\n AccessibilityInfo.isReduceMotionEnabled(),\n AccessibilityInfo.isScreenReaderEnabled(),\n ])\n setReduceMotionEnabled(_reduceMotionEnabled)\n setScreenReaderEnabled(_screenReaderEnabled)\n })()\n\n return () => {\n reduceMotionChangedSubscription.remove()\n screenReaderChangedSubscription.remove()\n }\n }, [])\n\n const ctx = React.useMemo(() => {\n return {\n reduceMotionEnabled,\n /**\n * Always returns true on web. For now, we're using this for mobile a11y,\n * so we reset to false on web.\n *\n * @see https://github.com/necolas/react-native-web/discussions/2072\n */\n screenReaderEnabled: isWeb ? false : screenReaderEnabled,\n }\n }, [reduceMotionEnabled, screenReaderEnabled])\n\n return {children}\n}\n","import React, {useEffect} from 'react'\n\nimport * as persisted from '#/state/persisted'\nimport {useAgent, useSession} from '../session'\n\ntype StateContext = Map\ntype SetStateContext = (uri: string, value: boolean) => void\n\nconst stateContext = React.createContext(new Map())\nconst setStateContext = React.createContext(\n (_: string) => false,\n)\n\nexport function Provider({children}: React.PropsWithChildren<{}>) {\n const [state, setState] = React.useState(() => new Map())\n\n const setThreadMute = React.useCallback(\n (uri: string, value: boolean) => {\n setState(prev => {\n const next = new Map(prev)\n next.set(uri, value)\n return next\n })\n },\n [setState],\n )\n\n useMigrateMutes(setThreadMute)\n\n return (\n \n \n {children}\n \n \n )\n}\n\nexport function useMutedThreads() {\n return React.useContext(stateContext)\n}\n\nexport function useIsThreadMuted(uri: string, defaultValue = false) {\n const state = React.useContext(stateContext)\n return state.get(uri) ?? defaultValue\n}\n\nexport function useSetThreadMute() {\n return React.useContext(setStateContext)\n}\n\nfunction useMigrateMutes(setThreadMute: SetStateContext) {\n const agent = useAgent()\n const {currentAccount} = useSession()\n\n useEffect(() => {\n if (currentAccount) {\n if (\n !persisted\n .get('mutedThreads')\n .some(uri => uri.includes(currentAccount.did))\n ) {\n return\n }\n\n let cancelled = false\n\n const migrate = async () => {\n while (!cancelled) {\n const threads = persisted.get('mutedThreads')\n\n const root = threads.findLast(uri => uri.includes(currentAccount.did))\n\n if (!root) break\n\n persisted.write(\n 'mutedThreads',\n threads.filter(uri => uri !== root),\n )\n\n setThreadMute(root, true)\n\n await agent.api.app.bsky.graph\n .muteThread({root})\n // not a big deal if this fails, since the post might have been deleted\n .catch(console.error)\n }\n }\n\n migrate()\n\n return () => {\n cancelled = true\n }\n }\n }, [agent, currentAccount, setThreadMute])\n}\n","import React from 'react'\nimport EventEmitter from 'eventemitter3'\n\nimport {networkRetry} from '#/lib/async/retry'\nimport {logger} from '#/logger'\nimport {IS_DEV} from '#/env'\nimport {Device, device} from '#/storage'\n\nconst events = new EventEmitter()\nconst EVENT = 'geolocation-updated'\nconst emitGeolocationUpdate = (geolocation: Device['geolocation']) => {\n events.emit(EVENT, geolocation)\n}\nconst onGeolocationUpdate = (\n listener: (geolocation: Device['geolocation']) => void,\n) => {\n events.on(EVENT, listener)\n return () => {\n events.off(EVENT, listener)\n }\n}\n\n/**\n * Default geolocation value. IF undefined, we fail closed and apply all\n * additional mod authorities.\n */\nexport const DEFAULT_GEOLOCATION: Device['geolocation'] = {\n countryCode: undefined,\n}\n\nasync function getGeolocation(): Promise {\n const res = await fetch(`https://bsky.app/ipcc`)\n\n if (!res.ok) {\n throw new Error(`geolocation: lookup failed ${res.status}`)\n }\n\n const json = await res.json()\n\n if (json.countryCode) {\n return {\n countryCode: json.countryCode,\n }\n } else {\n return undefined\n }\n}\n\n/**\n * Local promise used within this file only.\n */\nlet geolocationResolution: Promise | undefined\n\n/**\n * Begin the process of resolving geolocation. This should be called once at\n * app start.\n *\n * THIS METHOD SHOULD NEVER THROW.\n *\n * This method is otherwise not used for any purpose. To ensure geolocation is\n * resolved, use {@link ensureGeolocationResolved}\n */\nexport function beginResolveGeolocation() {\n /**\n * In dev, IP server is unavailable, so we just set the default geolocation\n * and fail closed.\n */\n if (IS_DEV) {\n geolocationResolution = new Promise(y => y())\n device.set(['geolocation'], DEFAULT_GEOLOCATION)\n return\n }\n\n geolocationResolution = new Promise(async resolve => {\n try {\n // Try once, fail fast\n const geolocation = await getGeolocation()\n if (geolocation) {\n device.set(['geolocation'], geolocation)\n emitGeolocationUpdate(geolocation)\n logger.debug(`geolocation: success`, {geolocation})\n } else {\n // endpoint should throw on all failures, this is insurance\n throw new Error(`geolocation: nothing returned from initial request`)\n }\n } catch (e: any) {\n logger.error(`geolocation: failed initial request`, {\n safeMessage: e.message,\n })\n\n // set to default\n device.set(['geolocation'], DEFAULT_GEOLOCATION)\n\n // retry 3 times, but don't await, proceed with default\n networkRetry(3, getGeolocation)\n .then(geolocation => {\n if (geolocation) {\n device.set(['geolocation'], geolocation)\n emitGeolocationUpdate(geolocation)\n logger.debug(`geolocation: success`, {geolocation})\n } else {\n // endpoint should throw on all failures, this is insurance\n throw new Error(`geolocation: nothing returned from retries`)\n }\n })\n .catch((e: any) => {\n // complete fail closed\n logger.error(`geolocation: failed retries`, {safeMessage: e.message})\n })\n } finally {\n resolve(undefined)\n }\n })\n}\n\n/**\n * Ensure that geolocation has been resolved, or at the very least attempted\n * once. Subsequent retries will not be captured by this `await`. Those will be\n * reported via {@link events}.\n */\nexport async function ensureGeolocationResolved() {\n if (!geolocationResolution) {\n throw new Error(`geolocation: beginResolveGeolocation not called yet`)\n }\n\n const cached = device.get(['geolocation'])\n if (cached) {\n logger.debug(`geolocation: using cache`, {cached})\n } else {\n logger.debug(`geolocation: no cache`)\n await geolocationResolution\n logger.debug(`geolocation: resolved`, {\n resolved: device.get(['geolocation']),\n })\n }\n}\n\ntype Context = {\n geolocation: Device['geolocation']\n}\n\nconst context = React.createContext({\n geolocation: DEFAULT_GEOLOCATION,\n})\n\nexport function Provider({children}: {children: React.ReactNode}) {\n const [geolocation, setGeolocation] = React.useState(() => {\n const initial = device.get(['geolocation']) || DEFAULT_GEOLOCATION\n return initial\n })\n\n React.useEffect(() => {\n return onGeolocationUpdate(geolocation => {\n setGeolocation(geolocation!)\n })\n }, [])\n\n const ctx = React.useMemo(() => {\n return {\n geolocation,\n }\n }, [geolocation])\n\n return {children}\n}\n\nexport function useGeolocation() {\n return React.useContext(context)\n}\n","import React from 'react'\n\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('invites', nextInvites => {\n setState(nextInvites)\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'\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, {createContext, useContext, useMemo} from 'react'\nimport {BSKY_LABELER_DID, ModerationOpts} from '@atproto/api'\n\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'\nimport throttle from 'lodash.throttle'\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 const debouncedRefetch = useMemo(\n () =>\n throttle(refetch, 500, {\n leading: true,\n trailing: true,\n }),\n [refetch],\n )\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 debouncedRefetch()\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 debouncedRefetch()\n }\n })\n }\n })\n },\n {\n // get events for all chats\n convoId: undefined,\n },\n )\n\n return () => unsub()\n }, [\n messagesBus,\n currentConvoId,\n refetch,\n queryClient,\n currentAccount?.did,\n debouncedRefetch,\n ])\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 {\n BackgroundNotificationHandlerPreferences,\n ExpoBackgroundNotificationHandlerModule,\n} from './ExpoBackgroundNotificationHandler.types'\n\n// Stub for web\nexport const BackgroundNotificationHandler = {\n getAllPrefsAsync: async () => {\n return {} as BackgroundNotificationHandlerPreferences\n },\n getBoolAsync: async (_: string) => {\n return false\n },\n getStringAsync: async (_: string) => {\n return ''\n },\n getStringArrayAsync: async (_: string) => {\n return []\n },\n setBoolAsync: async (_: string, __: boolean) => {},\n setStringAsync: async (_: string, __: string) => {},\n setStringArrayAsync: async (_: string, __: string[]) => {},\n addToStringArrayAsync: async (_: string, __: string) => {},\n removeFromStringArrayAsync: async (_: string, __: string) => {},\n addManyToStringArrayAsync: async (_: string, __: string[]) => {},\n removeManyFromStringArrayAsync: async (_: string, __: string[]) => {},\n setBadgeCountAsync: async (_: number) => {},\n} as ExpoBackgroundNotificationHandlerModule\n","import {BackgroundNotificationHandler} from './src/ExpoBackgroundNotificationHandlerModule'\nexport default BackgroundNotificationHandler\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} from 'lib/statsig/statsig'\nimport {devicePlatform, isAndroid, isNative} from 'platform/detection'\nimport BackgroundNotificationHandler from '../../../modules/expo-background-notification-handler'\n\nconst SERVICE_DID = (serviceUrl?: string) =>\n serviceUrl?.includes('staging')\n ? 'did:web:api.staging.bsky.dev'\n : 'did:web:api.bsky.app'\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 return 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 // HACK - see https://github.com/bluesky-social/social-app/pull/4467\n // An apparent regression in expo-notifications causes `addPushTokenListener` to not fire on Android whenever the\n // token changes by calling `getPushToken()`. This is a workaround to ensure we register the token once it is\n // generated on Android.\n if (isAndroid) {\n ;(async () => {\n const token = await getPushToken()\n\n // Token will be undefined if we don't have notifications permission\n if (token) {\n registerPushToken(agent, currentAccount, token)\n }\n })()\n } else {\n getPushToken()\n }\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 {currentAccount} = useSession()\n const agent = useAgent()\n\n return async (\n context: 'StartOnboarding' | 'AfterOnboarding' | 'Login' | 'Home',\n ) => {\n const permissions = await Notifications.getPermissionsAsync()\n\n if (\n !isNative ||\n permissions?.status === 'granted' ||\n (permissions?.status === 'denied' && !permissions.canAskAgain)\n ) {\n return\n }\n if (context === 'AfterOnboarding') {\n return\n }\n if (context === 'Home' && !currentAccount) {\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 const token = await getPushToken(true)\n\n // Same hack as above. We cannot rely on the `addPushTokenListener` to fire on Android due to an Expo bug, so we\n // will manually register it here. Note that this will occur only:\n // 1. right after the user signs in, leading to no `currentAccount` account being available - this will be instead\n // picked up from the useEffect above on `currentAccount` change\n // 2. right after onboarding. In this case, we _need_ this registration, since `currentAccount` will not change\n // and we need to ensure the token is registered right after permission is granted. `currentAccount` will already\n // be available in this case, so the registration will succeed.\n // We should remove this once expo-notifications (and possibly FCMv1) is fixed and the `addPushTokenListener` is\n // working again. See https://github.com/expo/expo/issues/28656\n if (isAndroid && currentAccount && token) {\n registerPushToken(agent, currentAccount, token)\n }\n }\n }\n}\n\nexport async function decrementBadgeCount(by: number) {\n if (!isNative) return\n\n let count = await getBadgeCountAsync()\n count -= by\n if (count < 0) {\n count = 0\n }\n\n await BackgroundNotificationHandler.setBadgeCountAsync(count)\n await setBadgeCountAsync(count)\n}\n\nexport async function resetBadgeCount() {\n await BackgroundNotificationHandler.setBadgeCountAsync(0)\n await setBadgeCountAsync(0)\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 quoteCount: v.quoteCount,\n replyCount: v.replyCount,\n repostCount: v.repostCount,\n }\n}\n","import React from 'react'\nimport {AppBskyFeedThreadgate} from '@atproto/api'\n\ntype StateContext = {\n uris: Set\n recentlyUnhiddenUris: Set\n}\ntype ApiContext = {\n addHiddenReplyUri: (uri: string) => void\n removeHiddenReplyUri: (uri: string) => void\n}\n\nconst StateContext = React.createContext({\n uris: new Set(),\n recentlyUnhiddenUris: new Set(),\n})\n\nconst ApiContext = React.createContext({\n addHiddenReplyUri: () => {},\n removeHiddenReplyUri: () => {},\n})\n\nexport function Provider({children}: {children: React.ReactNode}) {\n const [uris, setHiddenReplyUris] = React.useState>(new Set())\n const [recentlyUnhiddenUris, setRecentlyUnhiddenUris] = React.useState<\n Set\n >(new Set())\n\n const stateCtx = React.useMemo(\n () => ({\n uris,\n recentlyUnhiddenUris,\n }),\n [uris, recentlyUnhiddenUris],\n )\n\n const apiCtx = React.useMemo(\n () => ({\n addHiddenReplyUri(uri: string) {\n setHiddenReplyUris(prev => new Set(prev.add(uri)))\n setRecentlyUnhiddenUris(prev => {\n prev.delete(uri)\n return new Set(prev)\n })\n },\n removeHiddenReplyUri(uri: string) {\n setHiddenReplyUris(prev => {\n prev.delete(uri)\n return new Set(prev)\n })\n setRecentlyUnhiddenUris(prev => new Set(prev.add(uri)))\n },\n }),\n [setHiddenReplyUris],\n )\n\n return (\n \n {children}\n \n )\n}\n\nexport function useThreadgateHiddenReplyUris() {\n return React.useContext(StateContext)\n}\n\nexport function useThreadgateHiddenReplyUrisAPI() {\n return React.useContext(ApiContext)\n}\n\nexport function useMergedThreadgateHiddenReplies({\n threadgateRecord,\n}: {\n threadgateRecord?: AppBskyFeedThreadgate.Record\n}) {\n const {uris, recentlyUnhiddenUris} = useThreadgateHiddenReplyUris()\n return React.useMemo(() => {\n const set = new Set([...(threadgateRecord?.hiddenReplies || []), ...uris])\n for (const uri of recentlyUnhiddenUris) {\n set.delete(uri)\n }\n return set\n }, [uris, recentlyUnhiddenUris, threadgateRecord])\n}\n","import {ModerationUI} from '@atproto/api'\n\n// \\u2705 = ✅\n// \\u2713 = ✓\n// \\u2714 = ✔\n// \\u2611 = ☑\nconst CHECK_MARKS_RE = /[\\u2705\\u2713\\u2714\\u2611]/gu\nconst CONTROL_CHARS_RE =\n /[\\u0000-\\u001F\\u007F-\\u009F\\u061C\\u200E\\u200F\\u202A-\\u202E\\u2066-\\u2069]/g\n\nexport function sanitizeDisplayName(\n str: string,\n moderation?: ModerationUI,\n): string {\n if (moderation?.blur) {\n return ''\n }\n if (typeof str === 'string') {\n return str.replace(CHECK_MARKS_RE, '').replace(CONTROL_CHARS_RE, '').trim()\n }\n return ''\n}\n\nexport function combinedDisplayName({\n handle,\n displayName,\n}: {\n handle?: string\n displayName?: string\n}): string {\n if (!handle) {\n return ''\n }\n return displayName\n ? `${sanitizeDisplayName(displayName)} (@${handle})`\n : `@${handle}`\n}\n","import React from 'react'\nimport {\n AppBskyLabelerDefs,\n BskyAgent,\n ComAtprotoLabelDefs,\n InterpretedLabelValueDefinition,\n LABELS,\n ModerationCause,\n ModerationOpts,\n ModerationUI,\n} from '@atproto/api'\n\nimport {sanitizeDisplayName} from '#/lib/strings/display-names'\nimport {sanitizeHandle} from '#/lib/strings/handles'\nimport {AppModerationCause} from '#/components/Pills'\n\nexport function getModerationCauseKey(\n cause: ModerationCause | AppModerationCause,\n): string {\n const source =\n cause.source.type === 'labeler'\n ? cause.source.did\n : cause.source.type === 'list'\n ? cause.source.list.uri\n : 'user'\n if (cause.type === 'label') {\n return `label:${cause.label.val}:${source}`\n }\n return `${cause.type}:${source}`\n}\n\nexport function isJustAMute(modui: ModerationUI): boolean {\n return modui.filters.length === 1 && modui.filters[0].type === 'muted'\n}\n\nexport function moduiContainsHideableOffense(modui: ModerationUI): boolean {\n const label = modui.filters.at(0)\n if (label && label.type === 'label') {\n return labelIsHideableOffense(label.label)\n }\n return false\n}\n\nexport function labelIsHideableOffense(\n label: ComAtprotoLabelDefs.Label,\n): boolean {\n return ['!hide', '!takedown'].includes(label.val)\n}\n\nexport function getLabelingServiceTitle({\n displayName,\n handle,\n}: {\n displayName?: string\n handle: string\n}) {\n return displayName\n ? sanitizeDisplayName(displayName)\n : sanitizeHandle(handle, '@')\n}\n\nexport function lookupLabelValueDefinition(\n labelValue: string,\n customDefs: InterpretedLabelValueDefinition[] | undefined,\n): InterpretedLabelValueDefinition | undefined {\n let def\n if (!labelValue.startsWith('!') && customDefs) {\n def = customDefs.find(d => d.identifier === labelValue)\n }\n if (!def) {\n def = LABELS[labelValue as keyof typeof LABELS]\n }\n return def\n}\n\nexport function isAppLabeler(\n labeler:\n | string\n | AppBskyLabelerDefs.LabelerView\n | AppBskyLabelerDefs.LabelerViewDetailed,\n): boolean {\n if (typeof labeler === 'string') {\n return BskyAgent.appLabelers.includes(labeler)\n }\n return BskyAgent.appLabelers.includes(labeler.creator.did)\n}\n\nexport function isLabelerSubscribed(\n labeler:\n | string\n | AppBskyLabelerDefs.LabelerView\n | AppBskyLabelerDefs.LabelerViewDetailed,\n modOpts: ModerationOpts,\n) {\n labeler = typeof labeler === 'string' ? labeler : labeler.creator.did\n if (isAppLabeler(labeler)) {\n return true\n }\n return modOpts.prefs.labelers.find(l => l.did === labeler)\n}\n\nexport type Subject =\n | {\n uri: string\n cid: string\n }\n | {\n did: string\n }\n\nexport function useLabelSubject({label}: {label: ComAtprotoLabelDefs.Label}): {\n subject: Subject\n} {\n return React.useMemo(() => {\n const {cid, uri} = label\n if (cid) {\n return {\n subject: {\n uri,\n cid,\n },\n }\n } else {\n return {\n subject: {\n did: uri,\n },\n }\n }\n }, [label])\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 BskyAgent,\n jsonStringToLex,\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.did\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 fetch(\n `https://api.bsky.app/xrpc/app.bsky.feed.getFeed?feed=${feed}${\n cursor ? `&cursor=${cursor}` : ''\n }&limit=${limit}&lang=${contentLangs}`,\n {method: 'GET', headers: {'Accept-Language': contentLangs}},\n )\n let data = res.ok ? jsonStringToLex(await res.text()) : null\n if (data?.feed?.length) {\n return {\n success: true,\n data,\n }\n }\n\n // no data, try again with language headers removed\n res = await fetch(\n `https://api.bsky.app/xrpc/app.bsky.feed.getFeed?feed=${feed}${\n cursor ? `&cursor=${cursor}` : ''\n }&limit=${limit}`,\n {method: 'GET', headers: {'Accept-Language': ''}},\n )\n data = res.ok ? jsonStringToLex(await res.text()) : null\n if (data?.feed?.length) {\n return {\n success: true,\n data,\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('aaactgbfpm2iy')},\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('aaactgbfpm2iy')},\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","/* eslint-disable-next-line no-restricted-imports */\nimport {BSKY_LABELER_DID, moderatePost} from '@atproto/api'\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 React from 'react'\n\nconst LIKE_WINDOW = 100\nconst FOLLOW_WINDOW = 100\nconst FOLLOW_SUGGESTION_WINDOW = 100\nconst SEEN_WINDOW = 100\n\nexport type SeenPost = {\n uri: string\n likeCount: number\n repostCount: number\n replyCount: number\n isFollowedBy: boolean\n feedContext: string | undefined\n}\n\nexport type UserActionHistory = {\n /**\n * The last 100 post URIs the user has liked\n */\n likes: string[]\n /**\n * The last 100 DIDs the user has followed\n */\n follows: string[]\n /*\n * The last 100 DIDs of suggested follows based on last follows\n */\n followSuggestions: string[]\n /**\n * The last 100 post URIs the user has seen from the Discover feed only\n */\n seen: SeenPost[]\n}\n\nconst userActionHistory: UserActionHistory = {\n likes: [],\n follows: [],\n followSuggestions: [],\n seen: [],\n}\n\nexport function getActionHistory() {\n return userActionHistory\n}\n\nexport function useActionHistorySnapshot() {\n return React.useState(() => getActionHistory())[0]\n}\n\nexport function like(postUris: string[]) {\n userActionHistory.likes = userActionHistory.likes\n .concat(postUris)\n .slice(-LIKE_WINDOW)\n}\nexport function unlike(postUris: string[]) {\n userActionHistory.likes = userActionHistory.likes.filter(\n uri => !postUris.includes(uri),\n )\n}\n\nexport function follow(dids: string[]) {\n userActionHistory.follows = userActionHistory.follows\n .concat(dids)\n .slice(-FOLLOW_WINDOW)\n}\n\nexport function followSuggestion(dids: string[]) {\n userActionHistory.followSuggestions = userActionHistory.followSuggestions\n .concat(dids)\n .slice(-FOLLOW_SUGGESTION_WINDOW)\n}\n\nexport function unfollow(dids: string[]) {\n userActionHistory.follows = userActionHistory.follows.filter(\n uri => !dids.includes(uri),\n )\n}\n\nexport function seen(posts: SeenPost[]) {\n userActionHistory.seen = userActionHistory.seen\n .concat(posts)\n .slice(-SEEN_WINDOW)\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","import {\n AppBskyActorDefs,\n AppBskyEmbedRecord,\n AppBskyEmbedRecordWithMedia,\n AppBskyFeedDefs,\n AppBskyFeedPost,\n} from '@atproto/api'\n\nimport {isPostInLanguage} from '../../locale/helpers'\nimport {FALLBACK_MARKER_POST} from './feed/home'\nimport {ReasonFeedSource} from './feed/types'\n\ntype FeedViewPost = AppBskyFeedDefs.FeedViewPost\n\nexport type FeedTunerFn = (\n tuner: FeedTuner,\n slices: FeedViewPostsSlice[],\n dryRun: boolean,\n) => FeedViewPostsSlice[]\n\ntype FeedSliceItem = {\n post: AppBskyFeedDefs.PostView\n record: AppBskyFeedPost.Record\n parentAuthor: AppBskyActorDefs.ProfileViewBasic | undefined\n isParentBlocked: boolean\n isParentNotFound: boolean\n}\n\ntype AuthorContext = {\n author: AppBskyActorDefs.ProfileViewBasic\n parentAuthor: AppBskyActorDefs.ProfileViewBasic | undefined\n grandparentAuthor: AppBskyActorDefs.ProfileViewBasic | undefined\n rootAuthor: AppBskyActorDefs.ProfileViewBasic | undefined\n}\n\nexport class FeedViewPostsSlice {\n _reactKey: string\n _feedPost: FeedViewPost\n items: FeedSliceItem[]\n isIncompleteThread: boolean\n isFallbackMarker: boolean\n isOrphan: boolean\n rootUri: string\n\n constructor(feedPost: FeedViewPost) {\n const {post, reply, reason} = feedPost\n this.items = []\n this.isIncompleteThread = false\n this.isFallbackMarker = false\n this.isOrphan = false\n if (AppBskyFeedDefs.isPostView(reply?.root)) {\n this.rootUri = reply.root.uri\n } else {\n this.rootUri = post.uri\n }\n this._feedPost = feedPost\n this._reactKey = `slice-${post.uri}-${\n feedPost.reason?.indexedAt || post.indexedAt\n }`\n if (feedPost.post.uri === FALLBACK_MARKER_POST.post.uri) {\n this.isFallbackMarker = true\n return\n }\n if (\n !AppBskyFeedPost.isRecord(post.record) ||\n !AppBskyFeedPost.validateRecord(post.record).success\n ) {\n return\n }\n const parent = reply?.parent\n const isParentBlocked = AppBskyFeedDefs.isBlockedPost(parent)\n const isParentNotFound = AppBskyFeedDefs.isNotFoundPost(parent)\n let parentAuthor: AppBskyActorDefs.ProfileViewBasic | undefined\n if (AppBskyFeedDefs.isPostView(parent)) {\n parentAuthor = parent.author\n }\n this.items.push({\n post,\n record: post.record,\n parentAuthor,\n isParentBlocked,\n isParentNotFound,\n })\n if (!reply) {\n if (post.record.reply) {\n // This reply wasn't properly hydrated by the AppView.\n this.isOrphan = true\n this.items[0].isParentNotFound = true\n }\n return\n }\n if (reason) {\n return\n }\n if (\n !AppBskyFeedDefs.isPostView(parent) ||\n !AppBskyFeedPost.isRecord(parent.record) ||\n !AppBskyFeedPost.validateRecord(parent.record).success\n ) {\n this.isOrphan = true\n return\n }\n const root = reply.root\n const rootIsView =\n AppBskyFeedDefs.isPostView(root) ||\n AppBskyFeedDefs.isBlockedPost(root) ||\n AppBskyFeedDefs.isNotFoundPost(root)\n /*\n * If the parent is also the root, we just so happen to have the data we\n * need to compute if the parent's parent (grandparent) is blocked. This\n * doesn't always happen, of course, but we can take advantage of it when\n * it does.\n */\n const grandparent =\n rootIsView && parent.record.reply?.parent.uri === root.uri\n ? root\n : undefined\n const grandparentAuthor = reply.grandparentAuthor\n const isGrandparentBlocked = Boolean(\n grandparent && AppBskyFeedDefs.isBlockedPost(grandparent),\n )\n const isGrandparentNotFound = Boolean(\n grandparent && AppBskyFeedDefs.isNotFoundPost(grandparent),\n )\n this.items.unshift({\n post: parent,\n record: parent.record,\n parentAuthor: grandparentAuthor,\n isParentBlocked: isGrandparentBlocked,\n isParentNotFound: isGrandparentNotFound,\n })\n if (isGrandparentBlocked) {\n this.isOrphan = true\n // Keep going, it might still have a root, and we need this for thread\n // de-deduping\n }\n if (\n !AppBskyFeedDefs.isPostView(root) ||\n !AppBskyFeedPost.isRecord(root.record) ||\n !AppBskyFeedPost.validateRecord(root.record).success\n ) {\n this.isOrphan = true\n return\n }\n if (root.uri === parent.uri) {\n return\n }\n this.items.unshift({\n post: root,\n record: root.record,\n isParentBlocked: false,\n isParentNotFound: false,\n parentAuthor: undefined,\n })\n if (parent.record.reply?.parent.uri !== root.uri) {\n this.isIncompleteThread = true\n }\n }\n\n get isQuotePost() {\n const embed = this._feedPost.post.embed\n return (\n AppBskyEmbedRecord.isView(embed) ||\n AppBskyEmbedRecordWithMedia.isView(embed)\n )\n }\n\n get isReply() {\n return (\n AppBskyFeedPost.isRecord(this._feedPost.post.record) &&\n !!this._feedPost.post.record.reply\n )\n }\n\n get reason() {\n return '__source' in this._feedPost\n ? (this._feedPost.__source as ReasonFeedSource)\n : this._feedPost.reason\n }\n\n get feedContext() {\n return this._feedPost.feedContext\n }\n\n get isRepost() {\n const reason = this._feedPost.reason\n return AppBskyFeedDefs.isReasonRepost(reason)\n }\n\n get likeCount() {\n return this._feedPost.post.likeCount ?? 0\n }\n\n containsUri(uri: string) {\n return !!this.items.find(item => item.post.uri === uri)\n }\n\n getAuthors(): AuthorContext {\n const feedPost = this._feedPost\n let author: AppBskyActorDefs.ProfileViewBasic = feedPost.post.author\n let parentAuthor: AppBskyActorDefs.ProfileViewBasic | undefined\n let grandparentAuthor: AppBskyActorDefs.ProfileViewBasic | undefined\n let rootAuthor: AppBskyActorDefs.ProfileViewBasic | undefined\n if (feedPost.reply) {\n if (AppBskyFeedDefs.isPostView(feedPost.reply.parent)) {\n parentAuthor = feedPost.reply.parent.author\n }\n if (feedPost.reply.grandparentAuthor) {\n grandparentAuthor = feedPost.reply.grandparentAuthor\n }\n if (AppBskyFeedDefs.isPostView(feedPost.reply.root)) {\n rootAuthor = feedPost.reply.root.author\n }\n }\n return {\n author,\n parentAuthor,\n grandparentAuthor,\n rootAuthor,\n }\n }\n}\n\nexport class FeedTuner {\n seenKeys: Set = new Set()\n seenUris: Set = new Set()\n seenRootUris: Set = new Set()\n\n constructor(public tunerFns: FeedTunerFn[]) {}\n\n tune(\n feed: FeedViewPost[],\n {dryRun}: {dryRun: boolean} = {\n dryRun: false,\n },\n ): FeedViewPostsSlice[] {\n let slices: FeedViewPostsSlice[] = feed\n .map(item => new FeedViewPostsSlice(item))\n .filter(s => s.items.length > 0 || s.isFallbackMarker)\n\n // run the custom tuners\n for (const tunerFn of this.tunerFns) {\n slices = tunerFn(this, slices.slice(), dryRun)\n }\n\n slices = slices.filter(slice => {\n if (this.seenKeys.has(slice._reactKey)) {\n return false\n }\n // Some feeds, like Following, dedupe by thread, so you only see the most recent reply.\n // However, we don't want per-thread dedupe for author feeds (where we need to show every post)\n // or for feedgens (where we want to let the feed serve multiple replies if it chooses to).\n // To avoid showing the same context (root and/or parent) more than once, we do last resort\n // per-post deduplication. It hides already seen posts as long as this doesn't break the thread.\n for (let i = 0; i < slice.items.length; i++) {\n const item = slice.items[i]\n if (this.seenUris.has(item.post.uri)) {\n if (i === 0) {\n // Omit contiguous seen leading items.\n // For example, [A -> B -> C], [A -> D -> E], [A -> D -> F]\n // would turn into [A -> B -> C], [D -> E], [F].\n slice.items.splice(0, 1)\n i--\n }\n if (i === slice.items.length - 1) {\n // If the last item in the slice was already seen, omit the whole slice.\n // This means we'd miss its parents, but the user can \"show more\" to see them.\n // For example, [A ... E -> F], [A ... D -> E], [A ... C -> D], [A -> B -> C]\n // would get collapsed into [A ... E -> F], with B/C/D considered seen.\n return false\n }\n } else {\n if (!dryRun) {\n // Reposting a reply elevates it to top-level, so its parent/root won't be displayed.\n // Disable in-thread dedupe for this case since we don't want to miss them later.\n const disableDedupe = slice.isReply && slice.isRepost\n if (!disableDedupe) {\n this.seenUris.add(item.post.uri)\n }\n }\n }\n }\n if (!dryRun) {\n this.seenKeys.add(slice._reactKey)\n }\n return true\n })\n\n return slices\n }\n\n static removeReplies(\n tuner: FeedTuner,\n slices: FeedViewPostsSlice[],\n _dryRun: boolean,\n ) {\n for (let i = 0; i < slices.length; i++) {\n const slice = slices[i]\n if (\n slice.isReply &&\n !slice.isRepost &&\n // This is not perfect but it's close as we can get to\n // detecting threads without having to peek ahead.\n !areSameAuthor(slice.getAuthors())\n ) {\n slices.splice(i, 1)\n i--\n }\n }\n return slices\n }\n\n static removeReposts(\n tuner: FeedTuner,\n slices: FeedViewPostsSlice[],\n _dryRun: boolean,\n ) {\n for (let i = 0; i < slices.length; i++) {\n if (slices[i].isRepost) {\n slices.splice(i, 1)\n i--\n }\n }\n return slices\n }\n\n static removeQuotePosts(\n tuner: FeedTuner,\n slices: FeedViewPostsSlice[],\n _dryRun: boolean,\n ) {\n for (let i = 0; i < slices.length; i++) {\n if (slices[i].isQuotePost) {\n slices.splice(i, 1)\n i--\n }\n }\n return slices\n }\n\n static removeOrphans(\n tuner: FeedTuner,\n slices: FeedViewPostsSlice[],\n _dryRun: boolean,\n ) {\n for (let i = 0; i < slices.length; i++) {\n if (slices[i].isOrphan) {\n slices.splice(i, 1)\n i--\n }\n }\n return slices\n }\n\n static dedupThreads(\n tuner: FeedTuner,\n slices: FeedViewPostsSlice[],\n dryRun: boolean,\n ): FeedViewPostsSlice[] {\n for (let i = 0; i < slices.length; i++) {\n const rootUri = slices[i].rootUri\n if (!slices[i].isRepost && tuner.seenRootUris.has(rootUri)) {\n slices.splice(i, 1)\n i--\n } else {\n if (!dryRun) {\n tuner.seenRootUris.add(rootUri)\n }\n }\n }\n return slices\n }\n\n static followedRepliesOnly({userDid}: {userDid: string}) {\n return (\n tuner: FeedTuner,\n slices: FeedViewPostsSlice[],\n _dryRun: boolean,\n ): FeedViewPostsSlice[] => {\n for (let i = 0; i < slices.length; i++) {\n const slice = slices[i]\n if (\n slice.isReply &&\n !slice.isRepost &&\n !shouldDisplayReplyInFollowing(slice.getAuthors(), userDid)\n ) {\n slices.splice(i, 1)\n i--\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 _dryRun: boolean,\n ): FeedViewPostsSlice[] => {\n // early return if no languages have been specified\n if (!preferredLangsCode2.length || preferredLangsCode2.length === 0) {\n return slices\n }\n\n const candidateSlices = slices.filter(slice => {\n for (const item of slice.items) {\n if (isPostInLanguage(item.post, preferredLangsCode2)) {\n return true\n }\n }\n // if item does not fit preferred language, remove it\n return false\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 areSameAuthor(authors: AuthorContext): boolean {\n const {author, parentAuthor, grandparentAuthor, rootAuthor} = authors\n const authorDid = author.did\n if (parentAuthor && parentAuthor.did !== authorDid) {\n return false\n }\n if (grandparentAuthor && grandparentAuthor.did !== authorDid) {\n return false\n }\n if (rootAuthor && rootAuthor.did !== authorDid) {\n return false\n }\n return true\n}\n\nfunction shouldDisplayReplyInFollowing(\n authors: AuthorContext,\n userDid: string,\n): boolean {\n const {author, parentAuthor, grandparentAuthor, rootAuthor} = authors\n if (!isSelfOrFollowing(author, userDid)) {\n // Only show replies from self or people you follow.\n return false\n }\n if (\n (!parentAuthor || parentAuthor.did === author.did) &&\n (!rootAuthor || rootAuthor.did === author.did) &&\n (!grandparentAuthor || grandparentAuthor.did === author.did)\n ) {\n // Always show self-threads.\n return true\n }\n // From this point on we need at least one more reason to show it.\n if (\n parentAuthor &&\n parentAuthor.did !== author.did &&\n isSelfOrFollowing(parentAuthor, userDid)\n ) {\n return true\n }\n if (\n grandparentAuthor &&\n grandparentAuthor.did !== author.did &&\n isSelfOrFollowing(grandparentAuthor, userDid)\n ) {\n return true\n }\n if (\n rootAuthor &&\n rootAuthor.did !== author.did &&\n isSelfOrFollowing(rootAuthor, userDid)\n ) {\n return true\n }\n return false\n}\n\nfunction isSelfOrFollowing(\n profile: AppBskyActorDefs.ProfileViewBasic,\n userDid: string,\n) {\n return Boolean(profile.did === userDid || profile.viewer?.following)\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 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 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 })\n res.data.feed = slices.map(slice => slice._feedPost)\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 {GestureResponderEvent, 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, ButtonProps, ButtonText} from '#/components/Button'\nimport * as Dialog from '#/components/Dialog'\nimport {Text} from '#/components/Typography'\n\nexport {\n type DialogControlProps as PromptControlProps,\n useDialogControl as usePromptControl,\n} 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.DialogControlProps\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: ButtonProps['onPress']\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 (e: GestureResponderEvent) => {\n close(() => onPress?.(e))\n },\n [close, onPress],\n )\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: ButtonProps['onPress']\n confirmButtonColor?: ButtonColor\n showCancel?: boolean\n}>) {\n return (\n \n {title}\n {description}\n \n \n {showCancel && }\n \n \n )\n}\n","import {useMediaQuery} from 'react-responsive'\nimport {isNative} from 'platform/detection'\n\nexport function useWebMediaQueries() {\n const isDesktop = useMediaQuery({minWidth: 1300})\n const isTablet = useMediaQuery({minWidth: 800, maxWidth: 1300 - 1})\n const isMobile = useMediaQuery({maxWidth: 800 - 1})\n const isTabletOrMobile = isMobile || isTablet\n const isTabletOrDesktop = isDesktop || isTablet\n if (isNative) {\n return {\n isMobile: true,\n isTablet: false,\n isTabletOrMobile: true,\n isTabletOrDesktop: false,\n isDesktop: false,\n }\n }\n return {isMobile, isTablet, isTabletOrMobile, isTabletOrDesktop, isDesktop}\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 {createSinglePathSVG} from './TEMPLATE'\n\nexport const Growth_Stroke2_Corner0_Rounded = createSinglePathSVG({\n path: 'M3 4a1 1 0 0 1 1-1h1a8.003 8.003 0 0 1 7.75 6.006A7.985 7.985 0 0 1 19 6h1a1 1 0 0 1 1 1v1a8 8 0 0 1-8 8v4a1 1 0 1 1-2 0v-7a8 8 0 0 1-8-8V4Zm2 1a6 6 0 0 1 6 6 6 6 0 0 1-6-6Zm8 9a6 6 0 0 1 6-6 6 6 0 0 1-6 6Z',\n})\n","import React from 'react'\nimport {StyleSheet, 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'\nimport {applyFonts, useAlf} from '#/alf'\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 const {fonts} = useAlf()\n\n if (selectable && isIOS) {\n const flattened = StyleSheet.flatten([\n s.black,\n typography,\n lineHeightStyle,\n style,\n ])\n\n applyFonts(flattened, fonts.family)\n\n // should always be defined on `typography`\n // @ts-ignore\n if (flattened.fontSize) {\n // @ts-ignore\n flattened.fontSize = flattened.fontSize * fonts.scaleMultiplier\n }\n\n return (\n \n {children}\n \n )\n }\n\n const flattened = StyleSheet.flatten([\n s.black,\n typography,\n isWeb && fontFamilyStyle,\n lineHeightStyle,\n style,\n ])\n\n applyFonts(flattened, fonts.family)\n\n // should always be defined on `typography`\n // @ts-ignore\n if (flattened.fontSize) {\n // @ts-ignore\n flattened.fontSize = flattened.fontSize * fonts.scaleMultiplier\n }\n\n return (\n \n {children}\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'\n\nimport {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries'\nimport {usePalette} from 'lib/hooks/usePalette'\nimport {UserGroupIcon} from 'lib/icons'\nimport {isWeb} from 'platform/detection'\nimport {Growth_Stroke2_Corner0_Rounded as Growth} from '#/components/icons/Growth'\nimport {Text} from './text/Text'\n\nexport function EmptyState({\n testID,\n icon,\n message,\n style,\n}: {\n testID?: string\n icon: IconProp | 'user-group' | 'growth'\n message: string\n style?: StyleProp\n}) {\n const pal = usePalette('default')\n const {isTabletOrDesktop} = useWebMediaQueries()\n const iconSize = isTabletOrDesktop ? 80 : 64\n return (\n \n \n {icon === 'user-group' ? (\n \n ) : icon === 'growth' ? (\n \n ) : (\n \n )}\n \n \n {message}\n \n \n )\n}\n\nconst styles = StyleSheet.create({\n container: {\n borderTopWidth: isWeb ? 1 : undefined,\n },\n iconContainer: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n height: 100,\n width: 100,\n marginLeft: 'auto',\n marginRight: 'auto',\n borderRadius: 80,\n marginTop: 30,\n },\n iconContainerBig: {\n width: 140,\n height: 140,\n marginTop: 50,\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 ActivityIndicator,\n GestureResponderEvent,\n NativeSyntheticEvent,\n NativeTouchEvent,\n Pressable,\n PressableStateCallbackType,\n StyleProp,\n StyleSheet,\n TextStyle,\n View,\n ViewStyle,\n} from 'react-native'\n\nimport {choose} from '#/lib/functions'\nimport {useTheme} from '#/lib/ThemeContext'\nimport {Text} from '../text/Text'\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 ? '600' : 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 ? '600' : undefined,\n },\n 'secondary-outline': {\n color: theme.palette.secondary.textInverted,\n fontWeight: theme.palette.secondary.isLowContrast ? '600' : undefined,\n },\n 'primary-light': {\n color: theme.palette.primary.textInverted,\n fontWeight: theme.palette.primary.isLowContrast ? '600' : undefined,\n },\n 'secondary-light': {\n color: theme.palette.secondary.textInverted,\n fontWeight: theme.palette.secondary.isLowContrast ? '600' : undefined,\n },\n 'default-light': {\n color: theme.palette.default.text,\n fontWeight: theme.palette.default.isLowContrast ? '600' : 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","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 feedDesc.startsWith('feedgen')\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 'exclamation-circle',\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('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 {DISCOVER_FEED_URI} from '#/lib/constants'\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 * as userActionHistory from '#/state/userActionHistory'\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} 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 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 moderation: ModerationDecision\n parentAuthor?: AppBskyActorDefs.ProfileViewBasic\n isParentBlocked?: boolean\n isParentNotFound?: boolean\n}\n\nexport interface FeedPostSlice {\n _isFeedPostSlice: boolean\n _reactKey: string\n items: FeedPostSliceItem[]\n isIncompleteThread: boolean\n isFallbackMarker: boolean\n feedContext: string | undefined\n reason?:\n | AppBskyFeedDefs.ReasonRepost\n | ReasonFeedSource\n | {[k: string]: unknown; $type: string}\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\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 isDiscover = feedDesc.includes(DISCOVER_FEED_URI)\n\n // Make sure this doesn't invalidate unless really needed.\n const selectArgs = React.useMemo(\n () => ({\n feedTuners,\n moderationOpts,\n ignoreFilterFor: opts?.ignoreFilterFor,\n isDiscover,\n }),\n [feedTuners, moderationOpts, opts?.ignoreFilterFor, isDiscover],\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, moderationOpts, ignoreFilterFor, isDiscover} =\n selectArgs\n\n const tuner = 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 if (isDiscover) {\n userActionHistory.seen(\n slice.items.map(item => ({\n feedContext: slice.feedContext,\n likeCount: item.post.likeCount ?? 0,\n repostCount: item.post.repostCount ?? 0,\n replyCount: item.post.replyCount ?? 0,\n isFollowedBy: Boolean(\n item.post.author.viewer?.followedBy,\n ),\n uri: item.post.uri,\n })),\n )\n }\n\n const feedPostSlice: FeedPostSlice = {\n _reactKey: slice._reactKey,\n _isFeedPostSlice: true,\n isIncompleteThread: slice.isIncompleteThread,\n isFallbackMarker: slice.isFallbackMarker,\n feedContext: slice.feedContext,\n reason: slice.reason,\n items: slice.items.map((item, i) => {\n const feedPostSliceItem: FeedPostSliceItem = {\n _reactKey: `${slice._reactKey}-${i}-${item.post.uri}`,\n uri: item.post.uri,\n post: item.post,\n record: item.record,\n moderation: moderations[i],\n parentAuthor: item.parentAuthor,\n isParentBlocked: item.isParentBlocked,\n isParentNotFound: item.isParentNotFound,\n }\n return feedPostSliceItem\n }),\n }\n return feedPostSlice\n })\n .filter(n => !!n),\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 // The server may end up returning an empty page, a page with too few items,\n // or a page with items that end up getting filtered out. When we fetch pages,\n // we'll keep track of how many items we actually hope to see. If the server\n // doesn't return enough items, we're going to continue asking for more items.\n const lastItemCount = useRef(0)\n const wantedItemCount = useRef(0)\n const autoPaginationAttemptCount = useRef(0)\n useEffect(() => {\n const {data, isLoading, isRefetching, isFetchingNextPage, hasNextPage} =\n query\n // Count the items that we already have.\n let itemCount = 0\n for (const page of data?.pages || []) {\n for (const slice of page.slices) {\n itemCount += slice.items.length\n }\n }\n\n // If items got truncated, reset the state we're tracking below.\n if (itemCount !== lastItemCount.current) {\n if (itemCount < lastItemCount.current) {\n wantedItemCount.current = itemCount\n }\n lastItemCount.current = itemCount\n }\n\n // Now track how many items we really want, and fetch more if needed.\n if (isLoading || isRefetching) {\n // During the initial fetch, we want to get an entire page's worth of items.\n wantedItemCount.current = PAGE_SIZE\n } else if (isFetchingNextPage) {\n if (itemCount > wantedItemCount.current) {\n // We have more items than wantedItemCount, so wantedItemCount must be out of date.\n // Some other code must have called fetchNextPage(), for example, from onEndReached.\n // Adjust the wantedItemCount to reflect that we want one more full page of items.\n wantedItemCount.current = itemCount + PAGE_SIZE\n }\n } else if (hasNextPage) {\n // At this point we're not fetching anymore, so it's time to make a decision.\n // If we didn't receive enough items from the server, paginate again until we do.\n if (itemCount < wantedItemCount.current) {\n autoPaginationAttemptCount.current++\n if (autoPaginationAttemptCount.current < 50 /* failsafe */) {\n query.fetchNextPage()\n }\n } else {\n autoPaginationAttemptCount.current = 0\n }\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 })\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('author')) {\n if (feedDesc.endsWith('|posts_with_replies')) {\n // TODO: Do this on the server instead.\n return [FeedTuner.removeReposts]\n }\n }\n if (feedDesc.startsWith('feedgen')) {\n return [FeedTuner.preferredLangOnly(langPrefs.contentLanguages)]\n }\n if (feedDesc === 'following' || feedDesc.startsWith('list')) {\n const feedTuners = [FeedTuner.removeOrphans]\n\n if (preferences?.feedViewPrefs.hideReposts) {\n feedTuners.push(FeedTuner.removeReposts)\n }\n if (preferences?.feedViewPrefs.hideReplies) {\n feedTuners.push(FeedTuner.removeReplies)\n } else {\n feedTuners.push(\n FeedTuner.followedRepliesOnly({\n userDid: currentAccount?.did || '',\n }),\n )\n }\n if (preferences?.feedViewPrefs.hideQuotePosts) {\n feedTuners.push(FeedTuner.removeQuotePosts)\n }\n feedTuners.push(FeedTuner.dedupThreads)\n\n return feedTuners\n }\n return []\n }, [feedDesc, currentAccount, preferences, langPrefs])\n}\n","import {\n AppBskyActorDefs,\n AppBskyEmbedRecord,\n AppBskyFeedDefs,\n AppBskyFeedGetQuotes,\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 PAGE_SIZE = 30\ntype RQPageParam = string | undefined\n\nconst RQKEY_ROOT = 'post-quotes'\nexport const RQKEY = (resolvedUri: string) => [RQKEY_ROOT, resolvedUri]\n\nexport function usePostQuotesQuery(resolvedUri: string | undefined) {\n const agent = useAgent()\n return useInfiniteQuery<\n AppBskyFeedGetQuotes.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.api.app.bsky.feed.getQuotes({\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 select: data => {\n return {\n ...data,\n pages: data.pages.map(page => {\n return {\n ...page,\n posts: page.posts.filter(post => {\n if (post.embed && AppBskyEmbedRecord.isView(post.embed)) {\n if (AppBskyEmbedRecord.isViewDetached(post.embed.record)) {\n return false\n }\n }\n return true\n }),\n }\n }),\n }\n },\n })\n}\n\nexport function* findAllProfilesInQueryData(\n queryClient: QueryClient,\n did: string,\n): Generator