mirror of
https://framagit.org/tykayn/mastodon.git
synced 2023-08-25 08:33:12 +02:00
![Eugen Rochko](/assets/img/avatar_default.png)
skip ActionCable for follow/unfollow/block events, instead clear UI from blocked account's posts instantly if block request succeeds. Add forgotten i18n for sensitive content
135 lines
4.5 KiB
JavaScript
135 lines
4.5 KiB
JavaScript
import { Provider } from 'react-redux';
|
|
import configureStore from '../store/configureStore';
|
|
import {
|
|
refreshTimelineSuccess,
|
|
updateTimeline,
|
|
deleteFromTimelines,
|
|
refreshTimeline
|
|
} from '../actions/timelines';
|
|
import { updateNotifications } from '../actions/notifications';
|
|
import { setAccessToken } from '../actions/meta';
|
|
import { setAccountSelf } from '../actions/accounts';
|
|
import PureRenderMixin from 'react-addons-pure-render-mixin';
|
|
import createBrowserHistory from 'history/lib/createBrowserHistory';
|
|
import {
|
|
applyRouterMiddleware,
|
|
useRouterHistory,
|
|
Router,
|
|
Route,
|
|
IndexRoute
|
|
} from 'react-router';
|
|
import { useScroll } from 'react-router-scroll';
|
|
import UI from '../features/ui';
|
|
import Account from '../features/account';
|
|
import Status from '../features/status';
|
|
import GettingStarted from '../features/getting_started';
|
|
import PublicTimeline from '../features/public_timeline';
|
|
import AccountTimeline from '../features/account_timeline';
|
|
import HomeTimeline from '../features/home_timeline';
|
|
import MentionsTimeline from '../features/mentions_timeline';
|
|
import Compose from '../features/compose';
|
|
import Followers from '../features/followers';
|
|
import Following from '../features/following';
|
|
import Reblogs from '../features/reblogs';
|
|
import Favourites from '../features/favourites';
|
|
import HashtagTimeline from '../features/hashtag_timeline';
|
|
import Notifications from '../features/notifications';
|
|
import { IntlProvider, addLocaleData } from 'react-intl';
|
|
import en from 'react-intl/locale-data/en';
|
|
import de from 'react-intl/locale-data/de';
|
|
import es from 'react-intl/locale-data/es';
|
|
import fr from 'react-intl/locale-data/fr';
|
|
import getMessagesForLocale from '../locales';
|
|
|
|
const store = configureStore();
|
|
|
|
const browserHistory = useRouterHistory(createBrowserHistory)({
|
|
basename: '/web'
|
|
});
|
|
|
|
addLocaleData([...en, ...de, ...es, ...fr]);
|
|
|
|
const Mastodon = React.createClass({
|
|
|
|
propTypes: {
|
|
token: React.PropTypes.string.isRequired,
|
|
timelines: React.PropTypes.object,
|
|
account: React.PropTypes.string,
|
|
locale: React.PropTypes.string.isRequired
|
|
},
|
|
|
|
mixins: [PureRenderMixin],
|
|
|
|
componentWillMount() {
|
|
const { token, account, locale } = this.props;
|
|
|
|
store.dispatch(setAccessToken(token));
|
|
store.dispatch(setAccountSelf(JSON.parse(account)));
|
|
|
|
if (typeof App !== 'undefined') {
|
|
this.subscription = App.cable.subscriptions.create('TimelineChannel', {
|
|
|
|
received (data) {
|
|
switch(data.type) {
|
|
case 'update':
|
|
return store.dispatch(updateTimeline(data.timeline, JSON.parse(data.message)));
|
|
case 'delete':
|
|
return store.dispatch(deleteFromTimelines(data.id));
|
|
case 'notification':
|
|
return store.dispatch(updateNotifications(JSON.parse(data.message), getMessagesForLocale(locale), locale));
|
|
}
|
|
}
|
|
|
|
});
|
|
}
|
|
|
|
// Desktop notifications
|
|
if (typeof window.Notification !== 'undefined' && Notification.permission === 'default') {
|
|
Notification.requestPermission();
|
|
}
|
|
},
|
|
|
|
componentWillUnmount () {
|
|
if (typeof this.subscription !== 'undefined') {
|
|
this.subscription.unsubscribe();
|
|
}
|
|
},
|
|
|
|
render () {
|
|
const { locale } = this.props;
|
|
|
|
return (
|
|
<IntlProvider locale={locale} messages={getMessagesForLocale(locale)}>
|
|
<Provider store={store}>
|
|
<Router history={browserHistory} render={applyRouterMiddleware(useScroll())}>
|
|
<Route path='/' component={UI}>
|
|
<IndexRoute component={GettingStarted} />
|
|
|
|
<Route path='timelines/home' component={HomeTimeline} />
|
|
<Route path='timelines/mentions' component={MentionsTimeline} />
|
|
<Route path='timelines/public' component={PublicTimeline} />
|
|
<Route path='timelines/tag/:id' component={HashtagTimeline} />
|
|
|
|
<Route path='notifications' component={Notifications} />
|
|
|
|
<Route path='statuses/new' component={Compose} />
|
|
<Route path='statuses/:statusId' component={Status} />
|
|
<Route path='statuses/:statusId/reblogs' component={Reblogs} />
|
|
<Route path='statuses/:statusId/favourites' component={Favourites} />
|
|
|
|
<Route path='accounts/:accountId' component={Account}>
|
|
<IndexRoute component={AccountTimeline} />
|
|
<Route path='followers' component={Followers} />
|
|
<Route path='following' component={Following} />
|
|
</Route>
|
|
</Route>
|
|
</Router>
|
|
</Provider>
|
|
</IntlProvider>
|
|
);
|
|
}
|
|
|
|
});
|
|
|
|
export default Mastodon;
|