Something went wrong. Try again.
Bluesky app fork with some witchin' additions 💫
Something went wrong. Try again.
3.6 kB · 155 lines
TypeScript
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156import {useMemo} from 'react'
import {useNux, useSaveNux} from '#/state/queries/nuxs'import {ACTIVE_UPDATE_ID} from '#/components/PolicyUpdateOverlay/config'import {logger} from '#/components/PolicyUpdateOverlay/logger'import {IS_DEV} from '#/env'import {device, useStorage} from '#/storage'
export type PolicyUpdateState = { completed: boolean complete: () => void}
export function usePolicyUpdateState({ enabled,}: { /** * Used to skip the policy update overlay until we're actually ready to * show it. */ enabled: boolean}) { const nux = useNux(ACTIVE_UPDATE_ID) const {mutate: save, variables} = useSaveNux() const deviceStorage = useStorage(device, [ACTIVE_UPDATE_ID]) const debugOverride = !!useStorage(device, ['policyUpdateDebugOverride'])[0] && IS_DEV
return useMemo(() => { /** * If not enabled, then just return a completed state so the app functions * as normal. */ if (!enabled) { return { completed: true, complete() {}, } }
const nuxIsReady = nux.status === 'ready' const nuxIsCompleted = nux.nux?.completed === true const nuxIsOptimisticallyCompleted = !!variables?.completed const [completedForDevice, setCompletedForDevice] = deviceStorage
const completed = computeCompletedState({ nuxIsReady, nuxIsCompleted, nuxIsOptimisticallyCompleted, completedForDevice, })
logger.debug(`state`, { completed, nux, completedForDevice, })
if (!debugOverride) { syncCompletedState({ nuxIsReady, nuxIsCompleted, nuxIsOptimisticallyCompleted, completedForDevice, save, setCompletedForDevice, }) }
return { completed, complete() { logger.debug(`user completed`) save({ id: ACTIVE_UPDATE_ID, completed: true, data: undefined, }) setCompletedForDevice(true) }, } }, [enabled, nux, save, variables, deviceStorage, debugOverride])}
export function computeCompletedState({ nuxIsReady, nuxIsCompleted, nuxIsOptimisticallyCompleted, completedForDevice,}: { nuxIsReady: boolean nuxIsCompleted: boolean nuxIsOptimisticallyCompleted: boolean completedForDevice: boolean | undefined}): boolean { /** * Assume completed to prevent flash */ let completed = true
/** * Prefer server state, if available */ if (nuxIsReady) { completed = nuxIsCompleted }
/** * Override with optimistic state or device state */ if (nuxIsOptimisticallyCompleted || !!completedForDevice) { completed = true }
return completed}
export function syncCompletedState({ nuxIsReady, nuxIsCompleted, nuxIsOptimisticallyCompleted, completedForDevice, save, setCompletedForDevice,}: { nuxIsReady: boolean nuxIsCompleted: boolean nuxIsOptimisticallyCompleted: boolean completedForDevice: boolean | undefined save: ReturnType<typeof useSaveNux>['mutate'] setCompletedForDevice: (value: boolean) => void}) { /* * Sync device state to server state for this account */ if ( nuxIsReady && !nuxIsCompleted && !nuxIsOptimisticallyCompleted && !!completedForDevice ) { logger.debug(`syncing device state to server state`) save({ id: ACTIVE_UPDATE_ID, completed: true, data: undefined, }) } else if (nuxIsReady && nuxIsCompleted && !completedForDevice) { logger.debug(`syncing server state to device state`) /* * Sync server state to device state */ setCompletedForDevice(true) }}