diff options
Diffstat (limited to 'app/javascript/flavours/glitch/containers/mastodon.js')
-rw-r--r-- | app/javascript/flavours/glitch/containers/mastodon.js | 99 |
1 files changed, 99 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/containers/mastodon.js b/app/javascript/flavours/glitch/containers/mastodon.js new file mode 100644 index 000000000..cf870102b --- /dev/null +++ b/app/javascript/flavours/glitch/containers/mastodon.js @@ -0,0 +1,99 @@ +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 ( + <IntlProvider locale={locale} messages={messages}> + <ReduxProvider store={store}> + <ErrorBoundary> + <BrowserRouter> + <ScrollContext shouldUpdateScroll={this.shouldUpdateScroll}> + <Route path='/' component={UI} /> + </ScrollContext> + </BrowserRouter> + + <Helmet defaultTitle={title} titleTemplate={`%s - ${title}`} /> + </ErrorBoundary> + </ReduxProvider> + </IntlProvider> + ); + } + +} |