1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/lib/document.js
2016-10-05 22:42:55 -04:00

63 lines
1.6 KiB
JavaScript

import React, { Component, PropTypes } from 'react'
import htmlescape from 'htmlescape'
export default class Document extends Component {
static childContextTypes = {
_documentProps: PropTypes.any
}
getChildContext () {
return {
_documentProps: this.props
}
}
render () {
return <html>
<Head/>
<body>
<Main/>
<DevTools/>
<NextScript/>
</body>
</html>
}
}
export function Head (props, context) {
const { head, css } = context._documentProps
const h = (head || [])
.map((h, i) => React.cloneElement(h, { key: '_next' + i }))
return <head>
{h}
<style data-aphrodite>{css.content}</style>
</head>
}
Head.contextTypes = { _documentProps: PropTypes.any }
export function Main (props, context) {
const { html, data } = context._documentProps;
return <div>
<div id='__next' dangerouslySetInnerHTML={{ __html: html }} />
<script dangerouslySetInnerHTML={{ __html: '__NEXT_DATA__ = ' + htmlescape(data) }}></script>
</div>
}
Main.contextTypes = { _documentProps: PropTypes.any }
export function DevTools (props, context) {
const { hotReload } = context._documentProps
return hotReload ? <div id='__next-hot-code-reloading-indicator'/> : null
}
DevTools.contextTypes = { _documentProps: PropTypes.any }
export function NextScript (props, context) {
const { hotReload } = context._documentProps;
const src = !hotReload ? '/_next/next.bundle.js' : '/_next/next-dev.bundle.js'
return <script type='text/javascript' src={src}/>
}
NextScript.contextTypes = { _documentProps: PropTypes.any }