next.js/server/document.js

import React, { Component } from 'react'
import PropTypes from 'prop-types'
import htmlescape from 'htmlescape'
import flush from 'styled-jsx/server'

export default class Document extends Component {
  static getInitialProps ({ renderPage }) {
    const { html, head, errorHtml, chunks } = renderPage()
    const styles = flush()
    return { html, head, errorHtml, chunks, styles }
  }

  static childContextTypes = {
    _documentProps: PropTypes.any
  }

  getChildContext () {
    return { _documentProps: this.props }
  }

  render () {
    return <html>
      <Head />
      <body>
        <Main />
        <NextScript />
      </body>
    </html>
  }
}

export class Head extends Component {
  static contextTypes = {
    _documentProps: PropTypes.any
  }

  getChunkPreloadLink (filename) {
    const { __NEXT_DATA__ } = this.context._documentProps
    let { buildStats, assetPrefix } = __NEXT_DATA__
    const hash = buildStats ? buildStats[filename].hash : '-'

    return (
      <link
        key={filename}
        rel='preload'
        href={`${assetPrefix}/_next/${hash}/${filename}`}
        as='script'
      />
    )
  }

  getPreloadMainLinks () {
    const { dev } = this.context._documentProps
    if (dev) {
      return [
        this.getChunkPreloadLink('manifest.js'),
        this.getChunkPreloadLink('commons.js'),
        this.getChunkPreloadLink('main.js')
      ]
    }

    // In the production mode, we have a single asset with all the JS content.
    return [
      this.getChunkPreloadLink('app.js')
    ]
  }

  getPreloadDynamicChunks () {
    const { chunks, __NEXT_DATA__ } = this.context._documentProps
    let { assetPrefix } = __NEXT_DATA__
    return chunks.map((chunk) => (
      <link
        key={chunk}
        rel='preload'
        href={`${assetPrefix}/_next/webpack/chunks/${chunk}`}
        as='script'
      />
    ))
  }

  render () {
    const { head, styles, __NEXT_DATA__ } = this.context._documentProps
    const { pathname, buildId, assetPrefix, nextExport } = __NEXT_DATA__
    const pagePathname = getPagePathname(pathname, nextExport)

    return <head>
      <link rel='preload' href={`${assetPrefix}/_next/${buildId}/page${pagePathname}`} as='script' />
      <link rel='preload' href={`${assetPrefix}/_next/${buildId}/page/_error/index.js`} as='script' />
      {this.getPreloadDynamicChunks()}
      {this.getPreloadMainLinks()}
      {(head || []).map((h, i) => React.cloneElement(h, { key: i }))}
      {styles || null}
      {this.props.children}
    </head>
  }
}

export class Main extends Component {
  static contextTypes = {
    _documentProps: PropTypes.any
  }

  render () {
    const { html, errorHtml } = this.context._documentProps
    return (
      <div>
        <div id='__next' dangerouslySetInnerHTML={{ __html: html }} />
        <div id='__next-error' dangerouslySetInnerHTML={{ __html: errorHtml }} />
      </div>
    )
  }
}

export class NextScript extends Component {
  static contextTypes = {
    _documentProps: PropTypes.any
  }

  getChunkScript (filename, additionalProps = {}) {
    const { __NEXT_DATA__ } = this.context._documentProps
    let { buildStats, assetPrefix } = __NEXT_DATA__
    const hash = buildStats ? buildStats[filename].hash : '-'

    return (
      <script
        key={filename}
        type='text/javascript'
        src={`${assetPrefix}/_next/${hash}/${filename}`}
        {...additionalProps}
      />
    )
  }

  getScripts () {
    const { dev } = this.context._documentProps
    if (dev) {
      return [
        this.getChunkScript('manifest.js'),
        this.getChunkScript('commons.js'),
        this.getChunkScript('main.js')
      ]
    }

    // In the production mode, we have a single asset with all the JS content.
    // So, we can load the script with async
    return [this.getChunkScript('app.js', { async: true })]
  }

  getDynamicChunks () {
    const { chunks, __NEXT_DATA__ } = this.context._documentProps
    let { assetPrefix } = __NEXT_DATA__
    return (
      <div>
        {chunks.map((chunk) => (
          <script
            async
            key={chunk}
            type='text/javascript'
            src={`${assetPrefix}/_next/webpack/chunks/${chunk}`}
          />
        ))}
      </div>
    )
  }

  render () {
    const { staticMarkup, __NEXT_DATA__, chunks } = this.context._documentProps
    const { pathname, nextExport, buildId, assetPrefix } = __NEXT_DATA__
    const pagePathname = getPagePathname(pathname, nextExport)

    __NEXT_DATA__.chunks = chunks

    return <div>
      {staticMarkup ? null : <script dangerouslySetInnerHTML={{
        __html: `
          __NEXT_DATA__ = ${htmlescape(__NEXT_DATA__)}
          module={}
          __NEXT_LOADED_PAGES__ = []
          __NEXT_LOADED_CHUNKS__ = []

          __NEXT_REGISTER_PAGE = function (route, fn) {
            __NEXT_LOADED_PAGES__.push({ route: route, fn: fn })
          }

          __NEXT_REGISTER_CHUNK = function (chunkName, fn) {
            __NEXT_LOADED_CHUNKS__.push({ chunkName: chunkName, fn: fn })
          }
        `
      }} />}
      <script async id={`__NEXT_PAGE__${pathname}`} type='text/javascript' src={`${assetPrefix}/_next/${buildId}/page${pagePathname}`} />
      <script async id={`__NEXT_PAGE__/_error`} type='text/javascript' src={`${assetPrefix}/_next/${buildId}/page/_error/index.js`} />
      {staticMarkup ? null : this.getDynamicChunks()}
      {staticMarkup ? null : this.getScripts()}
    </div>
  }
}

function getPagePathname (pathname, nextExport) {
  if (!nextExport) return pathname
  if (pathname === '/') return '/index.js'
  return `${pathname}/index.js`
}
upgrade react to v15.5 and use prop-types instead of React.PropTypes (#1684) * upgrade react to v15.5 and use prop-types instead of React.PropTypes * Update package.json 2017-04-10 18:35:26 +00:00			`import React, { Component } from 'react'`
			`import PropTypes from 'prop-types'`
custom document support (#405) 2016-12-16 18:42:40 +00:00			`import htmlescape from 'htmlescape'`
Incorporate styled-jsx (#420) * integrate styled-jsx * define styles of pages with styled-jsx * bump styled-jsx * bump styled-jsx * error-debug: fix style * bump styled-jsx * fix examples to use styled-jsx * bump styled-jsx 2016-12-19 18:42:19 +00:00			`import flush from 'styled-jsx/server'`
custom document support (#405) 2016-12-16 18:42:40 +00:00
			`export default class Document extends Component {`
			`static getInitialProps ({ renderPage }) {`
Add server side rendering for dynamic imports. 2017-04-17 20:15:50 +00:00			`const { html, head, errorHtml, chunks } = renderPage()`
Remove traces of glamor (#1286) * Remove traces of glamor As talked about with @rauchg. Glamor takes up around 60KB of the bundle (pre-gzip). Since styled-jsx is the way to go now and we support adding glamor by the user we should remove it as dependency cause it is bundled even when not used. Added rehydration to the example, since we did that in our code. There is only one thing I'm not sure about and want to discuss: what should we do with next/css. Right now I added a throw for when it is imported. I'm not sure if we should do that / some other way to notify the user it has been removed. The reasoning behind the throw is that when we would do a console.warn the user would see 'css.default.<X>' not found because we don't have the glamor dependency anymore. * Update yarn.lock * Remove test for styles 2017-02-26 12:28:00 +00:00			`const styles = flush()`
Add server side rendering for dynamic imports. 2017-04-17 20:15:50 +00:00			`return { html, head, errorHtml, chunks, styles }`
custom document support (#405) 2016-12-16 18:42:40 +00:00			`}`

			`static childContextTypes = {`
			`_documentProps: PropTypes.any`
			`}`

			`getChildContext () {`
			`return { _documentProps: this.props }`
			`}`

			`render () {`
			`return <html>`
			`<Head />`
			`<body>`
			`<Main />`
			`<NextScript />`
			`</body>`
			`</html>`
			`}`
			`}`

			`export class Head extends Component {`
			`static contextTypes = {`
			`_documentProps: PropTypes.any`
			`}`

Add link rel=preload support. 2017-04-12 10:41:54 +00:00			`getChunkPreloadLink (filename) {`
			`const { __NEXT_DATA__ } = this.context._documentProps`
Add CDN support with assetPrefix (#1700) * Introduce script tag based page loading system. * Call ensurePage only in the dev mode. * Implement router using the page-loader. * Fix a typo and remove unwanted code. * Fix some issues related to rendering. * Fix production tests. * Fix ondemand test cases. * Fix unit tests. * Get rid of eval completely. * Remove all the inline code. * Remove the json-pages plugin. * Rename NEXT_PAGE_LOADER into __NEXT_PAGE_LOADER__ * Rename NEXT_LOADED_PAGES into __NEXT_LOADED_PAGES__ * Remove some unwanted code. * Load everything async. * Remove lib/eval-script.js We no longer need it. * Move webpack idle wait code to the page-loader. Because that's the place to do it. * Remove pageNotFound key from the error. * Remove unused error field 'buildError' * Add much better logic to normalize routes. * Get rid of mitt. * Introduce a better way to register pages. * Came back to the mitt() based page-loader. * Add link rel=preload support. * Add assetPrefix support to add support for CDNs. * Add assetPrefix support for preload links. * Update readme.md 2017-04-18 04:18:43 +00:00			`let { buildStats, assetPrefix } = __NEXT_DATA__`
Add link rel=preload support. 2017-04-12 10:41:54 +00:00			`const hash = buildStats ? buildStats[filename].hash : '-'`

			`return (`
			`<link`
			`key={filename}`
			`rel='preload'`
Add CDN support with assetPrefix (#1700) * Introduce script tag based page loading system. * Call ensurePage only in the dev mode. * Implement router using the page-loader. * Fix a typo and remove unwanted code. * Fix some issues related to rendering. * Fix production tests. * Fix ondemand test cases. * Fix unit tests. * Get rid of eval completely. * Remove all the inline code. * Remove the json-pages plugin. * Rename NEXT_PAGE_LOADER into __NEXT_PAGE_LOADER__ * Rename NEXT_LOADED_PAGES into __NEXT_LOADED_PAGES__ * Remove some unwanted code. * Load everything async. * Remove lib/eval-script.js We no longer need it. * Move webpack idle wait code to the page-loader. Because that's the place to do it. * Remove pageNotFound key from the error. * Remove unused error field 'buildError' * Add much better logic to normalize routes. * Get rid of mitt. * Introduce a better way to register pages. * Came back to the mitt() based page-loader. * Add link rel=preload support. * Add assetPrefix support to add support for CDNs. * Add assetPrefix support for preload links. * Update readme.md 2017-04-18 04:18:43 +00:00			href={`${assetPrefix}/_next/${hash}/${filename}`}
Add link rel=preload support. 2017-04-12 10:41:54 +00:00			`as='script'`
			`/>`
			`)`
			`}`

			`getPreloadMainLinks () {`
			`const { dev } = this.context._documentProps`
			`if (dev) {`
			`return [`
			`this.getChunkPreloadLink('manifest.js'),`
			`this.getChunkPreloadLink('commons.js'),`
			`this.getChunkPreloadLink('main.js')`
			`]`
			`}`

			`// In the production mode, we have a single asset with all the JS content.`
			`return [`
			`this.getChunkPreloadLink('app.js')`
			`]`
			`}`

Add server side rendering for dynamic imports. 2017-04-17 20:15:50 +00:00			`getPreloadDynamicChunks () {`
Merge master into dynamic-import. 2017-04-18 16:12:21 +00:00			`const { chunks, __NEXT_DATA__ } = this.context._documentProps`
			`let { assetPrefix } = __NEXT_DATA__`
Add server side rendering for dynamic imports. 2017-04-17 20:15:50 +00:00			`return chunks.map((chunk) => (`
			`<link`
			`key={chunk}`
			`rel='preload'`
Merge master into dynamic-import. 2017-04-18 16:12:21 +00:00			href={`${assetPrefix}/_next/webpack/chunks/${chunk}`}
Add server side rendering for dynamic imports. 2017-04-17 20:15:50 +00:00			`as='script'`
			`/>`
			`))`
			`}`

custom document support (#405) 2016-12-16 18:42:40 +00:00			`render () {`
Add link rel=preload support. 2017-04-12 10:41:54 +00:00			`const { head, styles, __NEXT_DATA__ } = this.context._documentProps`
Get rid of realPathname for consistant page file structure. 2017-05-11 03:01:42 +00:00			`const { pathname, buildId, assetPrefix, nextExport } = __NEXT_DATA__`
Fix '/' page serving issue. It was xxxx/page//index.js 2017-05-11 13:20:58 +00:00			`const pagePathname = getPagePathname(pathname, nextExport)`
Add link rel=preload support. 2017-04-12 10:41:54 +00:00
custom document support (#405) 2016-12-16 18:42:40 +00:00			`return <head>`
Get rid of realPathname for consistant page file structure. 2017-05-11 03:01:42 +00:00			<link rel='preload' href={`${assetPrefix}/_next/${buildId}/page${pagePathname}`} as='script' />
			<link rel='preload' href={`${assetPrefix}/_next/${buildId}/page/_error/index.js`} as='script' />
Add server side rendering for dynamic imports. 2017-04-17 20:15:50 +00:00			`{this.getPreloadDynamicChunks()}`
Add link rel=preload support. 2017-04-12 10:41:54 +00:00			`{this.getPreloadMainLinks()}`
custom document support (#405) 2016-12-16 18:42:40 +00:00			`{(head \|\| []).map((h, i) => React.cloneElement(h, { key: i }))}`
Remove traces of glamor (#1286) * Remove traces of glamor As talked about with @rauchg. Glamor takes up around 60KB of the bundle (pre-gzip). Since styled-jsx is the way to go now and we support adding glamor by the user we should remove it as dependency cause it is bundled even when not used. Added rehydration to the example, since we did that in our code. There is only one thing I'm not sure about and want to discuss: what should we do with next/css. Right now I added a throw for when it is imported. I'm not sure if we should do that / some other way to notify the user it has been removed. The reasoning behind the throw is that when we would do a console.warn the user would see 'css.default.<X>' not found because we don't have the glamor dependency anymore. * Update yarn.lock * Remove test for styles 2017-02-26 12:28:00 +00:00			`{styles \|\| null}`
custom document support (#405) 2016-12-16 18:42:40 +00:00			`{this.props.children}`
			`</head>`
			`}`
			`}`

			`export class Main extends Component {`
			`static contextTypes = {`
			`_documentProps: PropTypes.any`
			`}`

			`render () {`
Introduce better debug error handling (#1592) * Introduce better debug error handling With this we are rendering runtime and debug errors inside a it's own error root. That gives us better error handling and control. Also, now we are patching React core to capture runtime errors. * Render the initial error on the server. 2017-04-01 21:03:40 +00:00			`const { html, errorHtml } = this.context._documentProps`
			`return (`
			`<div>`
			`<div id='__next' dangerouslySetInnerHTML={{ __html: html }} />`
			`<div id='__next-error' dangerouslySetInnerHTML={{ __html: errorHtml }} />`
			`</div>`
			`)`
custom document support (#405) 2016-12-16 18:42:40 +00:00			`}`
			`}`

			`export class NextScript extends Component {`
			`static contextTypes = {`
			`_documentProps: PropTypes.any`
			`}`

Load the main JS bundle in production with async (#1485) * Use a webpack plugin to combine assets. * Add comments and make this releseable. * Fix some typos. * Fix some typos. 2017-03-24 07:51:34 +00:00			`getChunkScript (filename, additionalProps = {}) {`
Add content based HASH to main.js and common.js (#1336) * Use file hashes instead of BUILD_ID. Now JSON pages also not prefixed with a hash and doesn't support immutable caching. Instead it supports Etag bases caching. * Remove appUpdated Router Events hook. Becuase now we don't need it because there's no buildId validation. * Remove buildId generation. * Turn off hash checks in the dev mode. * Update tests. * Revert "Remove buildId generation." This reverts commit fdd36a5a0a307becdbd1d85ae3881b3a15b03d26. * Bring back the buildId validation. * Handle buildId validation only in production. * Add BUILD_ID to path again. * Remove duplicate immutable header. * Fix tests. 2017-03-07 18:43:56 +00:00			`const { __NEXT_DATA__ } = this.context._documentProps`
Add CDN support with assetPrefix (#1700) * Introduce script tag based page loading system. * Call ensurePage only in the dev mode. * Implement router using the page-loader. * Fix a typo and remove unwanted code. * Fix some issues related to rendering. * Fix production tests. * Fix ondemand test cases. * Fix unit tests. * Get rid of eval completely. * Remove all the inline code. * Remove the json-pages plugin. * Rename NEXT_PAGE_LOADER into __NEXT_PAGE_LOADER__ * Rename NEXT_LOADED_PAGES into __NEXT_LOADED_PAGES__ * Remove some unwanted code. * Load everything async. * Remove lib/eval-script.js We no longer need it. * Move webpack idle wait code to the page-loader. Because that's the place to do it. * Remove pageNotFound key from the error. * Remove unused error field 'buildError' * Add much better logic to normalize routes. * Get rid of mitt. * Introduce a better way to register pages. * Came back to the mitt() based page-loader. * Add link rel=preload support. * Add assetPrefix support to add support for CDNs. * Add assetPrefix support for preload links. * Update readme.md 2017-04-18 04:18:43 +00:00			`let { buildStats, assetPrefix } = __NEXT_DATA__`
Add content based HASH to main.js and common.js (#1336) * Use file hashes instead of BUILD_ID. Now JSON pages also not prefixed with a hash and doesn't support immutable caching. Instead it supports Etag bases caching. * Remove appUpdated Router Events hook. Becuase now we don't need it because there's no buildId validation. * Remove buildId generation. * Turn off hash checks in the dev mode. * Update tests. * Revert "Remove buildId generation." This reverts commit fdd36a5a0a307becdbd1d85ae3881b3a15b03d26. * Bring back the buildId validation. * Handle buildId validation only in production. * Add BUILD_ID to path again. * Remove duplicate immutable header. * Fix tests. 2017-03-07 18:43:56 +00:00			`const hash = buildStats ? buildStats[filename].hash : '-'`

			`return (`
Load the main JS bundle in production with async (#1485) * Use a webpack plugin to combine assets. * Add comments and make this releseable. * Fix some typos. * Fix some typos. 2017-03-24 07:51:34 +00:00			`<script`
We are using some divs to wrap some script tags. (#1867) We don't need them. So, this change will remove them. 2017-05-03 22:03:39 +00:00			`key={filename}`
Load the main JS bundle in production with async (#1485) * Use a webpack plugin to combine assets. * Add comments and make this releseable. * Fix some typos. * Fix some typos. 2017-03-24 07:51:34 +00:00			`type='text/javascript'`
Add CDN support with assetPrefix (#1700) * Introduce script tag based page loading system. * Call ensurePage only in the dev mode. * Implement router using the page-loader. * Fix a typo and remove unwanted code. * Fix some issues related to rendering. * Fix production tests. * Fix ondemand test cases. * Fix unit tests. * Get rid of eval completely. * Remove all the inline code. * Remove the json-pages plugin. * Rename NEXT_PAGE_LOADER into __NEXT_PAGE_LOADER__ * Rename NEXT_LOADED_PAGES into __NEXT_LOADED_PAGES__ * Remove some unwanted code. * Load everything async. * Remove lib/eval-script.js We no longer need it. * Move webpack idle wait code to the page-loader. Because that's the place to do it. * Remove pageNotFound key from the error. * Remove unused error field 'buildError' * Add much better logic to normalize routes. * Get rid of mitt. * Introduce a better way to register pages. * Came back to the mitt() based page-loader. * Add link rel=preload support. * Add assetPrefix support to add support for CDNs. * Add assetPrefix support for preload links. * Update readme.md 2017-04-18 04:18:43 +00:00			src={`${assetPrefix}/_next/${hash}/${filename}`}
Load the main JS bundle in production with async (#1485) * Use a webpack plugin to combine assets. * Add comments and make this releseable. * Fix some typos. * Fix some typos. 2017-03-24 07:51:34 +00:00			`{...additionalProps}`
			`/>`
Add content based HASH to main.js and common.js (#1336) * Use file hashes instead of BUILD_ID. Now JSON pages also not prefixed with a hash and doesn't support immutable caching. Instead it supports Etag bases caching. * Remove appUpdated Router Events hook. Becuase now we don't need it because there's no buildId validation. * Remove buildId generation. * Turn off hash checks in the dev mode. * Update tests. * Revert "Remove buildId generation." This reverts commit fdd36a5a0a307becdbd1d85ae3881b3a15b03d26. * Bring back the buildId validation. * Handle buildId validation only in production. * Add BUILD_ID to path again. * Remove duplicate immutable header. * Fix tests. 2017-03-07 18:43:56 +00:00			`)`
			`}`

Load the main JS bundle in production with async (#1485) * Use a webpack plugin to combine assets. * Add comments and make this releseable. * Fix some typos. * Fix some typos. 2017-03-24 07:51:34 +00:00			`getScripts () {`
			`const { dev } = this.context._documentProps`
			`if (dev) {`
We are using some divs to wrap some script tags. (#1867) We don't need them. So, this change will remove them. 2017-05-03 22:03:39 +00:00			`return [`
			`this.getChunkScript('manifest.js'),`
			`this.getChunkScript('commons.js'),`
			`this.getChunkScript('main.js')`
			`]`
Load the main JS bundle in production with async (#1485) * Use a webpack plugin to combine assets. * Add comments and make this releseable. * Fix some typos. * Fix some typos. 2017-03-24 07:51:34 +00:00			`}`

			`// In the production mode, we have a single asset with all the JS content.`
			`// So, we can load the script with async`
We are using some divs to wrap some script tags. (#1867) We don't need them. So, this change will remove them. 2017-05-03 22:03:39 +00:00			`return [this.getChunkScript('app.js', { async: true })]`
Load the main JS bundle in production with async (#1485) * Use a webpack plugin to combine assets. * Add comments and make this releseable. * Fix some typos. * Fix some typos. 2017-03-24 07:51:34 +00:00			`}`

Add server side rendering for dynamic imports. 2017-04-17 20:15:50 +00:00			`getDynamicChunks () {`
Merge master into dynamic-import. 2017-04-18 16:12:21 +00:00			`const { chunks, __NEXT_DATA__ } = this.context._documentProps`
			`let { assetPrefix } = __NEXT_DATA__`
Add server side rendering for dynamic imports. 2017-04-17 20:15:50 +00:00			`return (`
			`<div>`
			`{chunks.map((chunk) => (`
			`<script`
			`async`
			`key={chunk}`
			`type='text/javascript'`
Merge master into dynamic-import. 2017-04-18 16:12:21 +00:00			src={`${assetPrefix}/_next/webpack/chunks/${chunk}`}
Add server side rendering for dynamic imports. 2017-04-17 20:15:50 +00:00			`/>`
			`))}`
			`</div>`
			`)`
			`}`

custom document support (#405) 2016-12-16 18:42:40 +00:00			`render () {`
Add server side rendering for dynamic imports. 2017-04-17 20:15:50 +00:00			`const { staticMarkup, __NEXT_DATA__, chunks } = this.context._documentProps`
Get rid of realPathname for consistant page file structure. 2017-05-11 03:01:42 +00:00			`const { pathname, nextExport, buildId, assetPrefix } = __NEXT_DATA__`
Fix '/' page serving issue. It was xxxx/page//index.js 2017-05-11 13:20:58 +00:00			`const pagePathname = getPagePathname(pathname, nextExport)`
Bundle all the modules inside the app (#414) * Remove the use of CDN and bundle everything inside the app. We still pre-build the prefetcher because it needs different webpack config which only targets browsers supports Service Workers. * Remove cdn config item. We no longer using it. * Stop adding script tags when staticMarkup=true * Remove babel-plugin-transform-remove-strict-mode NPM module. 2016-12-17 08:49:10 +00:00
Add server side rendering for dynamic imports. 2017-04-17 20:15:50 +00:00			`__NEXT_DATA__.chunks = chunks`

custom document support (#405) 2016-12-16 18:42:40 +00:00			`return <div>`
Move nextdata into nextScript and make Main return a single el (#831) 2017-01-20 00:14:05 +00:00			`{staticMarkup ? null : <script dangerouslySetInnerHTML={{`
Introduce a better way to register pages. 2017-04-11 14:33:18 +00:00			__html: `
			`__NEXT_DATA__ = ${htmlescape(__NEXT_DATA__)}`
			`module={}`
			`__NEXT_LOADED_PAGES__ = []`
Add server side rendering for dynamic imports. 2017-04-17 20:15:50 +00:00			`__NEXT_LOADED_CHUNKS__ = []`
Introduce a better way to register pages. 2017-04-11 14:33:18 +00:00
			`__NEXT_REGISTER_PAGE = function (route, fn) {`
			`__NEXT_LOADED_PAGES__.push({ route: route, fn: fn })`
			`}`
Add server side rendering for dynamic imports. 2017-04-17 20:15:50 +00:00
			`__NEXT_REGISTER_CHUNK = function (chunkName, fn) {`
			`__NEXT_LOADED_CHUNKS__.push({ chunkName: chunkName, fn: fn })`
			`}`
Introduce a better way to register pages. 2017-04-11 14:33:18 +00:00			`
Move nextdata into nextScript and make Main return a single el (#831) 2017-01-20 00:14:05 +00:00			`}} />}`
Get rid of realPathname for consistant page file structure. 2017-05-11 03:01:42 +00:00			<script async id={`__NEXT_PAGE__${pathname}`} type='text/javascript' src={`${assetPrefix}/_next/${buildId}/page${pagePathname}`} />
			<script async id={`__NEXT_PAGE__/_error`} type='text/javascript' src={`${assetPrefix}/_next/${buildId}/page/_error/index.js`} />
Add server side rendering for dynamic imports. 2017-04-17 20:15:50 +00:00			`{staticMarkup ? null : this.getDynamicChunks()}`
Load the main JS bundle in production with async (#1485) * Use a webpack plugin to combine assets. * Add comments and make this releseable. * Fix some typos. * Fix some typos. 2017-03-24 07:51:34 +00:00			`{staticMarkup ? null : this.getScripts()}`
custom document support (#405) 2016-12-16 18:42:40 +00:00			`</div>`
			`}`
			`}`
Fix '/' page serving issue. It was xxxx/page//index.js 2017-05-11 13:20:58 +00:00
			`function getPagePathname (pathname, nextExport) {`
			`if (!nextExport) return pathname`
			`if (pathname === '/') return '/index.js'`
			return `${pathname}/index.js`
			`}`