dc801ccf7f
* Higher-order component to force some routes to HTTPS * Force all user-management routes to HTTPS * Redirect to sourceProtocol as route unmounts. By default, no redirection occurs if sourceProtocol is not explicitly defined. * Sets serveSecure flag on new projects and usea after forcing protocol The flag is set to `false` on all projects and as the UI has no way to change this, it always redirects to HTTP after a signup/login action. * Move HoC to be with other top-level components * Server should respond to account page request * Serves AccountView over HTTPS * Turns HTTPS redirection off in development by default Will log to the browser console any redirection that would have happened. Added a line in the README about how to enable this for testing in development.
53 lines
2 KiB
JavaScript
53 lines
2 KiB
JavaScript
import { Route, IndexRoute } from 'react-router';
|
|
import React from 'react';
|
|
import forceProtocol from './components/forceProtocol';
|
|
import App from './modules/App/App';
|
|
import IDEView from './modules/IDE/pages/IDEView';
|
|
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 NewPasswordView from './modules/User/pages/NewPasswordView';
|
|
import AccountView from './modules/User/pages/AccountView';
|
|
// import SketchListView from './modules/Sketch/pages/SketchListView';
|
|
import { getUser } from './modules/User/actions';
|
|
|
|
const checkAuth = (store) => {
|
|
store.dispatch(getUser());
|
|
};
|
|
|
|
const routes = (store) => {
|
|
const sourceProtocol = store.getState().project.serveSecure === true ?
|
|
'https:' :
|
|
'http:';
|
|
|
|
// If the flag is false, we stay on HTTP
|
|
const forceToHttps = forceProtocol({
|
|
targetProtocol: 'https:',
|
|
sourceProtocol,
|
|
// prints debugging but does not reload page
|
|
disable: process.env.FORCE_TO_HTTPS === false,
|
|
});
|
|
|
|
return (
|
|
<Route path="/" component={App}>
|
|
<IndexRoute component={IDEView} onEnter={checkAuth(store)} />
|
|
<Route path="/login" component={forceToHttps(LoginView)} />
|
|
<Route path="/signup" component={forceToHttps(SignupView)} />
|
|
<Route path="/reset-password" component={forceToHttps(ResetPasswordView)} />
|
|
<Route
|
|
path="/reset-password/:reset_password_token"
|
|
component={forceToHttps(NewPasswordView)}
|
|
/>
|
|
<Route path="/projects/:project_id" component={IDEView} />
|
|
<Route path="/full/:project_id" component={FullView} />
|
|
<Route path="/sketches" component={IDEView} />
|
|
<Route path="/:username/sketches/:project_id" component={IDEView} />
|
|
<Route path="/:username/sketches" component={IDEView} />
|
|
<Route path="/:username/account" component={forceToHttps(AccountView)} />
|
|
<Route path="/about" component={IDEView} />
|
|
</Route>
|
|
);
|
|
};
|
|
|
|
export default routes;
|