You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

137 lines
4.6 KiB

  1. import { Provider } from 'react-redux';
  2. import configureStore from '../store/configureStore';
  3. import {
  4. refreshTimelineSuccess,
  5. updateTimeline,
  6. deleteFromTimelines,
  7. refreshTimeline
  8. } from '../actions/timelines';
  9. import { updateNotifications } from '../actions/notifications';
  10. import createBrowserHistory from 'history/lib/createBrowserHistory';
  11. import {
  12. applyRouterMiddleware,
  13. useRouterHistory,
  14. Router,
  15. Route,
  16. IndexRedirect,
  17. IndexRoute
  18. } from 'react-router';
  19. import { useScroll } from 'react-router-scroll';
  20. import UI from '../features/ui';
  21. import Account from '../features/account';
  22. import Status from '../features/status';
  23. import GettingStarted from '../features/getting_started';
  24. import PublicTimeline from '../features/public_timeline';
  25. import AccountTimeline from '../features/account_timeline';
  26. import HomeTimeline from '../features/home_timeline';
  27. import MentionsTimeline from '../features/mentions_timeline';
  28. import Compose from '../features/compose';
  29. import Followers from '../features/followers';
  30. import Following from '../features/following';
  31. import Reblogs from '../features/reblogs';
  32. import Favourites from '../features/favourites';
  33. import HashtagTimeline from '../features/hashtag_timeline';
  34. import Notifications from '../features/notifications';
  35. import FollowRequests from '../features/follow_requests';
  36. import { IntlProvider, addLocaleData } from 'react-intl';
  37. import en from 'react-intl/locale-data/en';
  38. import de from 'react-intl/locale-data/de';
  39. import es from 'react-intl/locale-data/es';
  40. import fr from 'react-intl/locale-data/fr';
  41. import pt from 'react-intl/locale-data/pt';
  42. import hu from 'react-intl/locale-data/hu';
  43. import uk from 'react-intl/locale-data/uk';
  44. import getMessagesForLocale from '../locales';
  45. import { hydrateStore } from '../actions/store';
  46. const store = configureStore();
  47. store.dispatch(hydrateStore(window.INITIAL_STATE));
  48. const browserHistory = useRouterHistory(createBrowserHistory)({
  49. basename: '/web'
  50. });
  51. addLocaleData([...en, ...de, ...es, ...fr, ...pt, ...hu, ...uk]);
  52. const Mastodon = React.createClass({
  53. propTypes: {
  54. locale: React.PropTypes.string.isRequired
  55. },
  56. componentWillMount() {
  57. const { locale } = this.props;
  58. if (typeof App !== 'undefined') {
  59. this.subscription = App.cable.subscriptions.create('TimelineChannel', {
  60. received (data) {
  61. switch(data.type) {
  62. case 'update':
  63. store.dispatch(updateTimeline(data.timeline, JSON.parse(data.message)));
  64. break;
  65. case 'delete':
  66. store.dispatch(deleteFromTimelines(data.id));
  67. break;
  68. case 'notification':
  69. store.dispatch(updateNotifications(JSON.parse(data.message), getMessagesForLocale(locale), locale));
  70. break;
  71. }
  72. }
  73. });
  74. }
  75. // Desktop notifications
  76. if (typeof window.Notification !== 'undefined' && Notification.permission === 'default') {
  77. Notification.requestPermission();
  78. }
  79. },
  80. componentWillUnmount () {
  81. if (typeof this.subscription !== 'undefined') {
  82. this.subscription.unsubscribe();
  83. }
  84. },
  85. render () {
  86. const { locale } = this.props;
  87. return (
  88. <IntlProvider locale={locale} messages={getMessagesForLocale(locale)}>
  89. <Provider store={store}>
  90. <Router history={browserHistory} render={applyRouterMiddleware(useScroll())}>
  91. <Route path='/' component={UI}>
  92. <IndexRedirect to="/getting-started" />
  93. <Route path='getting-started' component={GettingStarted} />
  94. <Route path='timelines/home' component={HomeTimeline} />
  95. <Route path='timelines/mentions' component={MentionsTimeline} />
  96. <Route path='timelines/public' component={PublicTimeline} />
  97. <Route path='timelines/tag/:id' component={HashtagTimeline} />
  98. <Route path='notifications' component={Notifications} />
  99. <Route path='statuses/new' component={Compose} />
  100. <Route path='statuses/:statusId' component={Status} />
  101. <Route path='statuses/:statusId/reblogs' component={Reblogs} />
  102. <Route path='statuses/:statusId/favourites' component={Favourites} />
  103. <Route path='accounts/:accountId' component={Account}>
  104. <IndexRoute component={AccountTimeline} />
  105. <Route path='followers' component={Followers} />
  106. <Route path='following' component={Following} />
  107. </Route>
  108. <Route path='follow_requests' component={FollowRequests} />
  109. </Route>
  110. </Router>
  111. </Provider>
  112. </IntlProvider>
  113. );
  114. }
  115. });
  116. export default Mastodon;