import PropTypes from 'prop-types'; import React from 'react'; import { Helmet } from 'react-helmet'; import { IntlProvider, addLocaleData } from 'react-intl'; import { Provider as ReduxProvider } from 'react-redux'; import { BrowserRouter, Route } from 'react-router-dom'; import { ScrollContext } from 'react-router-scroll-4'; import configureStore from 'flavours/glitch/store/configureStore'; import UI from 'flavours/glitch/features/ui'; import { fetchCustomEmojis } from 'flavours/glitch/actions/custom_emojis'; import { hydrateStore } from 'flavours/glitch/actions/store'; import { checkDeprecatedLocalSettings } from 'flavours/glitch/actions/local_settings'; import { connectUserStream } from 'flavours/glitch/actions/streaming'; import ErrorBoundary from 'flavours/glitch/components/error_boundary'; import initialState, { title as siteTitle } from 'flavours/glitch/initial_state'; import { getLocale } from 'locales'; const { localeData, messages } = getLocale(); addLocaleData(localeData); const title = process.env.NODE_ENV === 'production' ? siteTitle : `${siteTitle} (Dev)`; export const store = configureStore(); const hydrateAction = hydrateStore(initialState); store.dispatch(hydrateAction); // check for deprecated local settings store.dispatch(checkDeprecatedLocalSettings()); // load custom emojis store.dispatch(fetchCustomEmojis()); const createIdentityContext = state => ({ signedIn: !!state.meta.me, accountId: state.meta.me, accessToken: state.meta.access_token, permissions: state.role ? state.role.permissions : 0, }); export default class Mastodon extends React.PureComponent { static propTypes = { locale: PropTypes.string.isRequired, }; static childContextTypes = { identity: PropTypes.shape({ signedIn: PropTypes.bool.isRequired, accountId: PropTypes.string, accessToken: PropTypes.string, }).isRequired, }; identity = createIdentityContext(initialState); getChildContext() { return { identity: this.identity, }; } componentDidMount() { if (this.identity.signedIn) { this.disconnect = store.dispatch(connectUserStream()); } } componentWillUnmount () { if (this.disconnect) { this.disconnect(); this.disconnect = null; } } shouldUpdateScroll (_, { location }) { return !(location.state?.mastodonModalKey); } render () { const { locale } = this.props; return ( ); } }