44 lines
1.5 KiB
JavaScript
44 lines
1.5 KiB
JavaScript
import { renderToString, renderToStaticMarkup } from 'react-dom/server';
|
|
|
|
import MainApp from '../client/main/App.js';
|
|
|
|
import MainTemplate from './utils/MainTemplate.js';
|
|
import createElement from './utils/createElement.js';
|
|
import createHTML from './utils/createHTML.js';
|
|
import createScript from './utils/createScript.js';
|
|
import getEntryPoint from './utils/getEntryPoint.js';
|
|
import getGlobalScripts from './utils/getGlobalScripts.js';
|
|
|
|
const doctype = '<!DOCTYPE html>';
|
|
const globalURLs =
|
|
process.env.NODE_ENV === 'production' || process.env.NODE_ENV === 'staging'
|
|
? {
|
|
'@emotion/core': '/@emotion/core@10.0.6/dist/core.umd.min.js',
|
|
react: '/react@16.7.0/umd/react.production.min.js',
|
|
'react-dom': '/react-dom@16.7.0/umd/react-dom.production.min.js'
|
|
}
|
|
: {
|
|
'@emotion/core': '/@emotion/core@10.0.6/dist/core.umd.min.js',
|
|
react: '/react@16.7.0/umd/react.development.js',
|
|
'react-dom': '/react-dom@16.7.0/umd/react-dom.development.js'
|
|
};
|
|
|
|
export default function serveMainPage(req, res) {
|
|
const content = createHTML(renderToString(createElement(MainApp)));
|
|
const entryPoint = getEntryPoint('main', 'iife');
|
|
const elements = getGlobalScripts(entryPoint, globalURLs).concat(
|
|
createScript(entryPoint.code)
|
|
);
|
|
|
|
const html =
|
|
doctype +
|
|
renderToStaticMarkup(createElement(MainTemplate, { content, elements }));
|
|
|
|
res
|
|
.set({
|
|
'Cache-Control': 'public, max-age=14400', // 4 hours
|
|
'Cache-Tag': 'main'
|
|
})
|
|
.send(html);
|
|
}
|