48 lines
1.3 KiB
JavaScript
48 lines
1.3 KiB
JavaScript
// @flow
|
|
import * as React from 'react';
|
|
import ReactDOMServer from 'react-dom/server';
|
|
import { Helmet } from 'react-helmet';
|
|
import {
|
|
ServerStyleSheet,
|
|
StyleSheetManager,
|
|
ThemeProvider,
|
|
} from 'styled-components';
|
|
import Layout from '../pages/components/Layout';
|
|
import { light } from '../../shared/styles/theme';
|
|
|
|
export default function renderpage(ctx: Object, children: React.Node) {
|
|
let sessions = {};
|
|
try {
|
|
sessions = JSON.parse(
|
|
decodeURIComponent(ctx.cookies.get('sessions') || '') || '{}'
|
|
);
|
|
} catch (err) {
|
|
console.error(`Sessions cookie could not be parsed: ${err}`);
|
|
}
|
|
|
|
const sheet = new ServerStyleSheet();
|
|
const loggedIn = !!(
|
|
ctx.cookies.get('accessToken') || Object.keys(sessions).length
|
|
);
|
|
|
|
const html = ReactDOMServer.renderToString(
|
|
<StyleSheetManager sheet={sheet.instance}>
|
|
<ThemeProvider theme={light}>
|
|
<Layout sessions={sessions} loggedIn={loggedIn}>
|
|
{children}
|
|
</Layout>
|
|
</ThemeProvider>
|
|
</StyleSheetManager>
|
|
);
|
|
|
|
// helmet returns an object of meta tags with toString methods, urgh.
|
|
const helmet = Helmet.renderStatic();
|
|
let head = '';
|
|
// $FlowFixMe
|
|
Object.keys(helmet).forEach(key => (head += helmet[key].toString()));
|
|
|
|
ctx.body = `<!DOCTYPE html>\n${html}`
|
|
.replace('{{CSS}}', sheet.getStyleTags())
|
|
.replace('{{HEAD}}', head);
|
|
}
|