130 lines
3.7 KiB
JavaScript
130 lines
3.7 KiB
JavaScript
import React from 'react';
|
|
import { renderToString } from 'react-dom/server';
|
|
import { createStore, applyMiddleware } from 'redux';
|
|
import { Provider } from 'react-redux';
|
|
import { StaticRouter } from 'react-router-dom';
|
|
import renderFullPage from './renderFullPage';
|
|
import createSagaMiddleware from 'redux-saga';
|
|
import { call } from 'redux-saga/effects';
|
|
import Helmet from 'react-helmet';
|
|
import * as httpContext from 'express-http-context';
|
|
|
|
import Reducers from '@reducers';
|
|
import GAListener from '@components/GAListener';
|
|
import App from '@app';
|
|
import Sagas from '@sagas';
|
|
import Actions from '@actions';
|
|
|
|
const createCanonicalLink = require('../../utils/createCanonicalLink');
|
|
|
|
const getCanonicalUrlFromShow = show => {
|
|
const requestId = show.requestList[show.request.id];
|
|
const requestType = show.request.type;
|
|
|
|
if (!requestId || !requestType) {
|
|
return null;
|
|
}
|
|
|
|
switch (requestType) {
|
|
case 'ASSET_DETAILS':
|
|
const asset = show.assetList[requestId.key];
|
|
return createCanonicalLink({ asset: { ...asset.claimData, shortId: asset.shortId }});
|
|
case 'CHANNEL':
|
|
return createCanonicalLink({ channel: show.channelList[requestId.key] });
|
|
default:
|
|
return null;
|
|
}
|
|
};
|
|
|
|
const returnSagaWithParams = (saga, params) => {
|
|
return function * () {
|
|
yield call(saga, params);
|
|
};
|
|
};
|
|
|
|
export default (req, res) => {
|
|
let context = {};
|
|
|
|
const {
|
|
action = false,
|
|
saga = false,
|
|
} = httpContext.get('routeData');
|
|
|
|
const runSaga = (action !== false && saga !== false);
|
|
|
|
const renderPage = (store) => {
|
|
|
|
// Workaround, remove when a solution for async httpContext exists
|
|
const showState = store.getState().show;
|
|
const assetKeys = Object.keys(showState.assetList);
|
|
|
|
if(assetKeys.length !== 0) {
|
|
res.claimId = showState.assetList[assetKeys[0]].claimId;
|
|
} else {
|
|
const channelKeys = Object.keys(showState.channelList);
|
|
|
|
if(channelKeys.length !== 0) {
|
|
res.claimId = showState.channelList[channelKeys[0]].longId;
|
|
res.isChannel = true;
|
|
}
|
|
}
|
|
|
|
// render component to a string
|
|
const html = renderToString(
|
|
<Provider store={store}>
|
|
<StaticRouter location={req.url} context={context}>
|
|
<GAListener>
|
|
<App />
|
|
</GAListener>
|
|
</StaticRouter>
|
|
</Provider>
|
|
);
|
|
|
|
// get head tags from helmet
|
|
const helmet = Helmet.renderStatic();
|
|
|
|
// check for a redirect
|
|
if (context.url) {
|
|
return res.redirect(301, context.url);
|
|
}
|
|
|
|
// get the initial state from our Redux store
|
|
const preloadedState = store.getState();
|
|
|
|
// send the rendered page back to the client
|
|
res.send(renderFullPage(helmet, html, preloadedState));
|
|
};
|
|
|
|
if (runSaga) {
|
|
// create and apply middleware
|
|
const sagaMiddleware = createSagaMiddleware();
|
|
console.log('saga')
|
|
const middleware = applyMiddleware(sagaMiddleware);
|
|
console.log('sagaend')
|
|
|
|
// create a new Redux store instance
|
|
const store = createStore(Reducers, middleware);
|
|
|
|
// create an action to handle the given url,
|
|
// and create a the saga needed to handle that action
|
|
const boundAction = action(req.params, req.url);
|
|
const boundSaga = returnSagaWithParams(saga, boundAction);
|
|
|
|
// run the saga middleware with the saga call
|
|
sagaMiddleware
|
|
.run(boundSaga)
|
|
.done
|
|
.then(() => {
|
|
// redirect if request does not use canonical url
|
|
const canonicalUrl = getCanonicalUrlFromShow(store.getState().show);
|
|
if (canonicalUrl && canonicalUrl !== req.originalUrl) {
|
|
console.log(`redirecting ${req.originalUrl} to ${canonicalUrl}`);
|
|
res.redirect(canonicalUrl);
|
|
}
|
|
return renderPage(store)
|
|
});
|
|
} else {
|
|
const store = createStore(Reducers);
|
|
renderPage(store);
|
|
}
|
|
};
|