mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
fcd59adea1
* Add example app which demonstrate the problem. * Add the first working version. * Fix lint issues. * Add README.md * Use /_next/main.js as the main file URI * Add the support for loading the core next bundle. * Optimize the output by removing Next modules from pages. * Use the same package.json as master use. * Change the example repo's README for simpler instructions. * Change example projects package.json to support next build and start. * Change main.js into commons.js. * Add support for hot core reload and errors. * Introduce require based on eval-script. * Add error reporting support with hot reloading. * Update README.md
48 lines
1.5 KiB
JavaScript
48 lines
1.5 KiB
JavaScript
import React from 'react'
|
|
import htmlescape from 'htmlescape'
|
|
import pkg from '../../package.json'
|
|
|
|
export default ({ head, css, html, data, dev, staticMarkup, cdn }) => {
|
|
return <html>
|
|
<head>
|
|
{(head || []).map((h, i) => React.cloneElement(h, { key: i }))}
|
|
<style dangerouslySetInnerHTML={{ __html: css }} />
|
|
</head>
|
|
<body>
|
|
<div id='__next' dangerouslySetInnerHTML={{ __html: html }} />
|
|
{staticMarkup ? null : <script dangerouslySetInnerHTML={{
|
|
__html: `__NEXT_DATA__ =${htmlescape(data)}; module={};`
|
|
}} />}
|
|
{staticMarkup ? null : createClientScript({ dev, cdn })}
|
|
<script type='text/javascript' src='/_next/commons.js' />
|
|
</body>
|
|
</html>
|
|
}
|
|
|
|
function createClientScript ({ dev, cdn }) {
|
|
if (dev) {
|
|
return <script type='text/javascript' src='/_next/next-dev.bundle.js' />
|
|
}
|
|
|
|
if (!cdn) {
|
|
return <script type='text/javascript' src='/_next/next.bundle.js' />
|
|
}
|
|
|
|
return <script dangerouslySetInnerHTML={{ __html: `
|
|
(function () {
|
|
load('https://cdn.zeit.co/next.js/${pkg.version}/next.min.js', function (err) {
|
|
if (err) load('/_next/next.bundle.js')
|
|
})
|
|
function load (src, fn) {
|
|
fn = fn || function () {}
|
|
var script = document.createElement('script')
|
|
script.src = src
|
|
script.onload = function () { fn(null) }
|
|
script.onerror = fn
|
|
script.crossorigin = 'anonymous'
|
|
document.head.appendChild(script)
|
|
}
|
|
})()
|
|
`}} />
|
|
}
|