2018-02-22 19:48:46 +01:00
|
|
|
import React from 'react';
|
|
|
|
import { renderToString } from 'react-dom/server';
|
|
|
|
import { createStore, applyMiddleware } from 'redux';
|
|
|
|
import Reducer from '../react/reducers';
|
|
|
|
import { Provider } from 'react-redux';
|
2018-02-23 00:43:26 +01:00
|
|
|
import { StaticRouter } from 'react-router-dom';
|
2018-03-15 19:02:23 +01:00
|
|
|
import GAListener from '../react/containers/GAListener';
|
2018-02-22 19:48:46 +01:00
|
|
|
import App from '../react/app';
|
|
|
|
import renderFullPage from './renderFullPage';
|
|
|
|
import createSagaMiddleware from 'redux-saga';
|
2018-02-23 00:43:26 +01:00
|
|
|
import { call } from 'redux-saga/effects';
|
|
|
|
import { handleShowPageUri } from '../react/sagas/show_uri';
|
|
|
|
import { onHandleShowPageUri } from '../react/actions/show';
|
|
|
|
|
2018-02-23 03:05:00 +01:00
|
|
|
import Helmet from 'react-helmet';
|
|
|
|
|
2018-02-23 00:43:26 +01:00
|
|
|
const returnSagaWithParams = (saga, params) => {
|
|
|
|
return function * () {
|
|
|
|
yield call(saga, params);
|
|
|
|
};
|
|
|
|
};
|
2018-02-22 19:48:46 +01:00
|
|
|
|
|
|
|
module.exports = (req, res) => {
|
|
|
|
let context = {};
|
|
|
|
|
|
|
|
// create and apply middleware
|
|
|
|
const sagaMiddleware = createSagaMiddleware();
|
|
|
|
const middleware = applyMiddleware(sagaMiddleware);
|
|
|
|
|
|
|
|
// create a new Redux store instance
|
|
|
|
const store = createStore(Reducer, middleware);
|
|
|
|
|
2018-02-23 00:43:26 +01:00
|
|
|
// create saga
|
2018-02-23 01:42:35 +01:00
|
|
|
const action = onHandleShowPageUri(req.params);
|
2018-02-23 00:43:26 +01:00
|
|
|
const saga = returnSagaWithParams(handleShowPageUri, action);
|
2018-02-22 19:48:46 +01:00
|
|
|
|
2018-02-23 00:43:26 +01:00
|
|
|
// run the saga middleware
|
|
|
|
sagaMiddleware
|
|
|
|
.run(saga)
|
|
|
|
.done
|
|
|
|
.then(() => {
|
|
|
|
// render component to a string
|
|
|
|
const html = renderToString(
|
|
|
|
<Provider store={store}>
|
|
|
|
<StaticRouter location={req.url} context={context}>
|
|
|
|
<GAListener>
|
|
|
|
<App />
|
|
|
|
</GAListener>
|
|
|
|
</StaticRouter>
|
|
|
|
</Provider>
|
|
|
|
);
|
2018-02-22 19:48:46 +01:00
|
|
|
|
2018-02-23 03:05:00 +01:00
|
|
|
// get head tags from helmet
|
|
|
|
const helmet = Helmet.renderStatic();
|
|
|
|
|
2018-02-23 00:43:26 +01:00
|
|
|
// check for a redirect
|
|
|
|
if (context.url) {
|
|
|
|
return res.redirect(301, context.url);
|
|
|
|
}
|
2018-02-22 19:48:46 +01:00
|
|
|
|
2018-02-23 00:43:26 +01:00
|
|
|
// get the initial state from our Redux store
|
|
|
|
const preloadedState = store.getState();
|
2018-02-22 19:48:46 +01:00
|
|
|
|
2018-02-23 00:43:26 +01:00
|
|
|
// send the rendered page back to the client
|
2018-02-23 03:05:00 +01:00
|
|
|
res.send(renderFullPage(helmet, html, preloadedState));
|
2018-02-23 00:43:26 +01:00
|
|
|
});
|
2018-02-22 19:48:46 +01:00
|
|
|
};
|