11import React from 'react'
22import htmlescape from 'htmlescape'
3+ import pkg from '../../package.json'
34
45export default ( { head, css, html, data, dev, staticMarkup} ) => {
6+ let script
7+ if ( ! staticMarkup ) {
8+ if ( dev ) {
9+ script = < script type = 'text/javascript' src = '/_next/next-dev.bundle.js' />
10+ } else {
11+ script = < script dangerouslySetInnerHTML = { { __html :`
12+ (function () {
13+ load('https://cdn.zeit.co/next.js/${ pkg . version }
14+ if (err) load('/_next/next.bundle.js')
15+ })
16+
17+ function load (src, fn) {
18+ fn = fn || function () {}
19+ var script = document.createElement('script')
20+ script.src = src
21+ script.onload = function () { fn(null) }
22+ script.onerror = fn
23+ script.crossorigin = 'anonymous'
24+ document.head.appendChild(script)
25+ }
26+ })()
27+ ` } } />
28+ }
29+ }
30+
531return < html >
632< head >
733{ ( head || [ ] ) . map ( ( h , i ) => React . cloneElement ( h , { key :i } ) ) }
@@ -10,7 +36,7 @@ export default ({ head, css, html, data, dev, staticMarkup }) => {
1036< body >
1137< div id = '__next' dangerouslySetInnerHTML = { { __html :html } } />
1238{ staticMarkup ?null :< script dangerouslySetInnerHTML = { { __html :'__NEXT_DATA__ = ' + htmlescape ( data ) } } /> }
13- { staticMarkup ? null : < script type = 'text/javascript' src = { dev ? '/_next/next-dev.bundle.js' : '/_next/next.bundle.js' } /> }
39+ { script }
1440</ body >
1541</ html >
1642}