102 lines
4.6 KiB
JavaScript
102 lines
4.6 KiB
JavaScript
import { Route, IndexRoute } from 'react-router';
|
|
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import MediaQuery from 'react-responsive';
|
|
|
|
import App from './modules/App/App';
|
|
import IDEView from './modules/IDE/pages/IDEView';
|
|
import MobileIDEView from './modules/IDE/pages/MobileIDEView';
|
|
import MobileSketchView from './modules/Mobile/MobileSketchView';
|
|
import MobilePreferences from './modules/Mobile/MobilePreferences';
|
|
import FullView from './modules/IDE/pages/FullView';
|
|
import LoginView from './modules/User/pages/LoginView';
|
|
import SignupView from './modules/User/pages/SignupView';
|
|
import ResetPasswordView from './modules/User/pages/ResetPasswordView';
|
|
import EmailVerificationView from './modules/User/pages/EmailVerificationView';
|
|
import NewPasswordView from './modules/User/pages/NewPasswordView';
|
|
import AccountView from './modules/User/pages/AccountView';
|
|
import CollectionView from './modules/User/pages/CollectionView';
|
|
import DashboardView from './modules/User/pages/DashboardView';
|
|
import createRedirectWithUsername from './components/createRedirectWithUsername';
|
|
import MobileDashboardView from './modules/Mobile/MobileDashboardView';
|
|
import { getUser } from './modules/User/actions';
|
|
import { stopSketch } from './modules/IDE/actions/ide';
|
|
import { userIsAuthenticated, userIsNotAuthenticated, userIsAuthorized } from './utils/auth';
|
|
|
|
const checkAuth = (store) => {
|
|
store.dispatch(getUser());
|
|
};
|
|
|
|
// const MobileFirstRoute = props => (
|
|
// <Route path={props.path} {...props}>
|
|
// <MediaQuery minDeviceWidth={1224}>
|
|
// {matches => (matches
|
|
// ? props.component(props)
|
|
// : props.fallback(props))}
|
|
// </MediaQuery>
|
|
// </Route>);
|
|
|
|
// MobileFirstRoute.propTypes = {
|
|
// path: PropTypes.string.isRequired,
|
|
// component: PropTypes.any.isRequired, // eslint-disable-line
|
|
// fallback: PropTypes.any.isRequired // eslint-disable-line
|
|
// };
|
|
|
|
// TODO: This short-circuit seems unnecessary - using the mobile <Switch /> navigator (future) should prevent this from being called
|
|
const onRouteChange = (store) => {
|
|
const path = window.location.pathname;
|
|
if (path.includes('/mobile/preview')) return;
|
|
|
|
store.dispatch(stopSketch());
|
|
};
|
|
|
|
const routes = store => (
|
|
<Route path="/" component={App} onChange={() => { onRouteChange(store); }}>
|
|
<IndexRoute
|
|
onEnter={checkAuth(store)}
|
|
component={props => (
|
|
<MediaQuery minDeviceWidth={1224}>
|
|
{matches => (matches
|
|
? <IDEView {...props} />
|
|
: <MobileIDEView {...props} />)}
|
|
</MediaQuery>)}
|
|
/>
|
|
|
|
<Route path="/login" component={userIsNotAuthenticated(LoginView)} />
|
|
<Route path="/signup" component={userIsNotAuthenticated(SignupView)} />
|
|
<Route path="/reset-password" component={userIsNotAuthenticated(ResetPasswordView)} />
|
|
<Route path="/verify" component={EmailVerificationView} />
|
|
<Route
|
|
path="/reset-password/:reset_password_token"
|
|
component={NewPasswordView}
|
|
/>
|
|
<Route path="/projects/:project_id" component={IDEView} />
|
|
<Route path="/:username/full/:project_id" component={FullView} />
|
|
<Route path="/full/:project_id" component={FullView} />
|
|
<Route path="/sketches" component={createRedirectWithUsername('/:username/sketches')} />
|
|
<Route path="/:username/assets" component={userIsAuthenticated(userIsAuthorized(DashboardView))} />
|
|
<Route path="/assets" component={createRedirectWithUsername('/:username/assets')} />
|
|
<Route path="/account" component={userIsAuthenticated(AccountView)} />
|
|
<Route path="/:username/sketches/:project_id" component={IDEView} />
|
|
<Route path="/:username/sketches/:project_id/add-to-collection" component={IDEView} />
|
|
<Route path="/:username/sketches" component={DashboardView} />
|
|
<Route path="/:username/collections" component={DashboardView} />
|
|
<Route path="/:username/collections/create" component={DashboardView} />
|
|
<Route path="/:username/collections/:collection_id" component={CollectionView} />
|
|
<Route path="/about" component={IDEView} />
|
|
|
|
<Route path="/mobile" component={MobileIDEView} />
|
|
|
|
<Route path="/mobile/preview" component={MobileSketchView} />
|
|
<Route path="/mobile/preferences" component={MobilePreferences} />
|
|
|
|
<Route path="/mobile/:username/sketches/:project_id" component={MobileIDEView} />
|
|
<Route path="/mobile/:username/assets" component={userIsAuthenticated(userIsAuthorized(MobileDashboardView))} />
|
|
<Route path="/mobile/:username/sketches" component={MobileDashboardView} />
|
|
<Route path="/mobile/:username/collections" component={MobileDashboardView} />
|
|
<Route path="/mobile/:username/collections/create" component={MobileDashboardView} />
|
|
|
|
</Route>
|
|
);
|
|
|
|
export default routes;
|