ansxor.ca
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 馃挮
samuel.fm
1import '#/logger/sentry/setup' // must be near top
2import '#/view/icons'
3import './style.css'
4
5import {Fragment, useEffect, useState} from 'react'
6import {SafeAreaProvider} from 'react-native-safe-area-context'
7import {msg} from '@lingui/macro'
8import {useLingui} from '@lingui/react'
9import * as Sentry from '@sentry/react-native'
10
11import {QueryProvider} from '#/lib/react-query'
12import {ThemeProvider} from '#/lib/ThemeContext'
13import I18nProvider from '#/locale/i18nProvider'
14import {logger} from '#/logger'
15import {Provider as A11yProvider} from '#/state/a11y'
16import {Provider as MutedThreadsProvider} from '#/state/cache/thread-mutes'
17import {Provider as DialogStateProvider} from '#/state/dialogs'
18import {Provider as EmailVerificationProvider} from '#/state/email-verification'
19import {listenSessionDropped} from '#/state/events'
20import {Provider as HomeBadgeProvider} from '#/state/home-badge'
21import {Provider as LightboxStateProvider} from '#/state/lightbox'
22import {MessagesProvider} from '#/state/messages'
23import {Provider as ModalStateProvider} from '#/state/modals'
24import {init as initPersistedState} from '#/state/persisted'
25import {Provider as PrefsStateProvider} from '#/state/preferences'
26import {Provider as LabelDefsProvider} from '#/state/preferences/label-defs'
27import {Provider as ModerationOptsProvider} from '#/state/preferences/moderation-opts'
28import {Provider as UnreadNotifsProvider} from '#/state/queries/notifications/unread'
29import {Provider as ServiceConfigProvider} from '#/state/service-config'
30import {
31 Provider as SessionProvider,
32 type SessionAccount,
33 useSession,
34 useSessionApi,
35} from '#/state/session'
36import {readLastActiveAccount} from '#/state/session/util'
37import {Provider as ShellStateProvider} from '#/state/shell'
38import {Provider as ComposerProvider} from '#/state/shell/composer'
39import {Provider as LoggedOutViewProvider} from '#/state/shell/logged-out'
40import {Provider as OnboardingProvider} from '#/state/shell/onboarding'
41import {Provider as ProgressGuideProvider} from '#/state/shell/progress-guide'
42import {Provider as SelectedFeedProvider} from '#/state/shell/selected-feed'
43import {Provider as StarterPackProvider} from '#/state/shell/starter-pack'
44import {Provider as HiddenRepliesProvider} from '#/state/threadgate-hidden-replies'
45import * as Toast from '#/view/com/util/Toast'
46import {Shell} from '#/view/shell/index'
47import {ThemeProvider as Alf} from '#/alf'
48import {useColorModeTheme} from '#/alf/util/useColorModeTheme'
49import {Provider as ContextMenuProvider} from '#/components/ContextMenu'
50import {useStarterPackEntry} from '#/components/hooks/useStarterPackEntry'
51import {Provider as IntentDialogProvider} from '#/components/intents/IntentDialogs'
52import {Provider as PolicyUpdateOverlayProvider} from '#/components/PolicyUpdateOverlay'
53import {Provider as PortalProvider} from '#/components/Portal'
54import {Provider as ActiveVideoProvider} from '#/components/Post/Embed/VideoEmbed/ActiveVideoWebContext'
55import {Provider as VideoVolumeProvider} from '#/components/Post/Embed/VideoEmbed/VideoVolumeContext'
56import {ToastOutlet} from '#/components/Toast'
57import {
58 prefetchAgeAssuranceConfig,
59 Provider as AgeAssuranceV2Provider,
60} from '#/ageAssurance'
61import {
62 AnalyticsContext,
63 AnalyticsFeaturesContext,
64 features,
65 setupDeviceId,
66} from '#/analytics'
67import {
68 prefetchLiveEvents,
69 Provider as LiveEventsProvider,
70} from '#/features/liveEvents/context'
71import * as Geo from '#/geolocation'
72import {Splash} from '#/Splash'
73import {BackgroundNotificationPreferencesProvider} from '../modules/expo-background-notification-handler/src/BackgroundNotificationHandlerProvider'
74import {Provider as HideBottomBarBorderProvider} from './lib/hooks/useHideBottomBarBorder'
75
76/**
77 * Begin geolocation ASAP
78 */
79Geo.resolve()
80prefetchAgeAssuranceConfig()
81prefetchLiveEvents()
82
83function InnerApp() {
84 const [isReady, setIsReady] = useState(false)
85 const {currentAccount} = useSession()
86 const {resumeSession} = useSessionApi()
87 const theme = useColorModeTheme()
88 const {_} = useLingui()
89 const hasCheckedReferrer = useStarterPackEntry()
90
91 // init
92 useEffect(() => {
93 async function onLaunch(account?: SessionAccount) {
94 try {
95 if (account) {
96 await resumeSession(account)
97 } else {
98 await features.init
99 }
100 } catch (e) {
101 logger.error(`session: resumeSession failed`, {message: e})
102 } finally {
103 setIsReady(true)
104 }
105 }
106 const account = readLastActiveAccount()
107 onLaunch(account)
108 }, [resumeSession])
109
110 useEffect(() => {
111 return listenSessionDropped(() => {
112 Toast.show(
113 _(msg`Sorry! Your session expired. Please sign in again.`),
114 'info',
115 )
116 })
117 }, [_])
118
119 return (
120 <Alf theme={theme}>
121 <ThemeProvider theme={theme}>
122 <ContextMenuProvider>
123 <Splash isReady={isReady && hasCheckedReferrer}>
124 <VideoVolumeProvider>
125 <ActiveVideoProvider>
126 <Fragment
127 // Resets the entire tree below when it changes:
128 key={currentAccount?.did}>
129 <AnalyticsFeaturesContext>
130 <QueryProvider currentDid={currentAccount?.did}>
131 <PolicyUpdateOverlayProvider>
132 <LiveEventsProvider>
133 <AgeAssuranceV2Provider>
134 <ComposerProvider>
135 <MessagesProvider>
136 {/* LabelDefsProvider MUST come before ModerationOptsProvider */}
137 <LabelDefsProvider>
138 <ModerationOptsProvider>
139 <LoggedOutViewProvider>
140 <SelectedFeedProvider>
141 <HiddenRepliesProvider>
142 <HomeBadgeProvider>
143 <UnreadNotifsProvider>
144 <BackgroundNotificationPreferencesProvider>
145 <MutedThreadsProvider>
146 <SafeAreaProvider>
147 <ProgressGuideProvider>
148 <ServiceConfigProvider>
149 <EmailVerificationProvider>
150 <HideBottomBarBorderProvider>
151 <IntentDialogProvider>
152 <Shell />
153 <ToastOutlet />
154 </IntentDialogProvider>
155 </HideBottomBarBorderProvider>
156 </EmailVerificationProvider>
157 </ServiceConfigProvider>
158 </ProgressGuideProvider>
159 </SafeAreaProvider>
160 </MutedThreadsProvider>
161 </BackgroundNotificationPreferencesProvider>
162 </UnreadNotifsProvider>
163 </HomeBadgeProvider>
164 </HiddenRepliesProvider>
165 </SelectedFeedProvider>
166 </LoggedOutViewProvider>
167 </ModerationOptsProvider>
168 </LabelDefsProvider>
169 </MessagesProvider>
170 </ComposerProvider>
171 </AgeAssuranceV2Provider>
172 </LiveEventsProvider>
173 </PolicyUpdateOverlayProvider>
174 </QueryProvider>
175 </AnalyticsFeaturesContext>
176 </Fragment>
177 </ActiveVideoProvider>
178 </VideoVolumeProvider>
179 </Splash>
180 </ContextMenuProvider>
181 </ThemeProvider>
182 </Alf>
183 )
184}
185
186function App() {
187 const [isReady, setReady] = useState(false)
188
189 useEffect(() => {
190 Promise.all([initPersistedState(), Geo.resolve(), setupDeviceId]).then(() =>
191 setReady(true),
192 )
193 }, [])
194
195 if (!isReady) {
196 return null
197 }
198
199 /*
200 * NOTE: only nothing here can depend on other data or session state, since
201 * that is set up in the InnerApp component above.
202 */
203 return (
204 <Geo.Provider>
205 <A11yProvider>
206 <OnboardingProvider>
207 <AnalyticsContext>
208 <SessionProvider>
209 <PrefsStateProvider>
210 <I18nProvider>
211 <ShellStateProvider>
212 <ModalStateProvider>
213 <DialogStateProvider>
214 <LightboxStateProvider>
215 <PortalProvider>
216 <StarterPackProvider>
217 <InnerApp />
218 </StarterPackProvider>
219 </PortalProvider>
220 </LightboxStateProvider>
221 </DialogStateProvider>
222 </ModalStateProvider>
223 </ShellStateProvider>
224 </I18nProvider>
225 </PrefsStateProvider>
226 </SessionProvider>
227 </AnalyticsContext>
228 </OnboardingProvider>
229 </A11yProvider>
230 </Geo.Provider>
231 )
232}
233
234export default Sentry.wrap(App)