next.js/server/render.js

import { join } from 'path'
import { parse } from 'url'
import { createElement } from 'react'
import { renderToString, renderToStaticMarkup } from 'react-dom/server'
import requireModule from './require'
import read from './read'
import getConfig from './config'
import Router from '../lib/router'
import Head, { defaultHead } from '../lib/head'
import App from '../lib/app'

export async function render (url, ctx = {}, {
  dir = process.cwd(),
  dev = false,
  staticMarkup = false
} = {}) {
  const path = getPath(url)
  let [Component, Document] = await Promise.all([
    requireModule(join(dir, '.next', 'dist', 'pages', path)),
    requireModule(join(dir, '.next', 'dist', 'pages', '_document'))
  ])
  Component = Component.default || Component
  Document = Document.default || Document

  const [
    props,
    component,
    errorComponent
  ] = await Promise.all([
    Component.getInitialProps ? Component.getInitialProps(ctx) : {},
    read(join(dir, '.next', 'bundles', 'pages', path)),
    read(join(dir, '.next', 'bundles', 'pages', dev ? '_error-debug' : '_error'))
  ])

  const renderPage = () => {
    const app = createElement(App, {
      Component,
      props,
      router: new Router(ctx.req ? ctx.req.url : url)
    })
    const html = (staticMarkup ? renderToStaticMarkup : renderToString)(app)
    const head = Head.rewind() || defaultHead()
    return { html, head }
  }

  const config = await getConfig(dir)

  const docProps = await Document.getInitialProps({ ...ctx, renderPage })

  const doc = createElement(Document, {
    __NEXT_DATA__: {
      component,
      errorComponent,
      props,
      err: (ctx.err && dev) ? errorToJSON(ctx.err) : null
    },
    dev,
    staticMarkup,
    cdn: config.cdn,
    ...docProps
  })

  return '<!DOCTYPE html>' + renderToStaticMarkup(doc)
}

export async function renderJSON (url, { dir = process.cwd() } = {}) {
  const path = getPath(url)
  const component = await read(join(dir, '.next', 'bundles', 'pages', path))
  return { component }
}

export function errorToJSON (err) {
  const { name, message, stack } = err
  const json = { name, message, stack }

  if (name === 'ModuleBuildError') {
    // webpack compilation error
    const { module: { rawRequest } } = err
    json.module = { rawRequest }
  }

  return json
}

function getPath (url) {
  return parse(url || '/').pathname.replace(/\.json$/, '')
}
refactor paths 2016-10-19 12:58:08 +00:00			`import { join } from 'path'`
improve render 2016-10-10 04:24:30 +00:00			`import { parse } from 'url'`
initial source 2016-10-05 23:52:50 +00:00			`import { createElement } from 'react'`
			`import { renderToString, renderToStaticMarkup } from 'react-dom/server'`
write assets to disk 2016-10-15 19:49:42 +00:00			`import requireModule from './require'`
improve resolving files, cache files 2016-10-08 12:01:58 +00:00			`import read from './read'`
add cdn config (#111) 2016-10-28 14:38:24 +00:00			`import getConfig from './config'`
support getInitialProps 2016-10-08 10:16:22 +00:00			`import Router from '../lib/router'`
custom document support (#405) 2016-12-16 18:42:40 +00:00			`import Head, { defaultHead } from '../lib/head'`
initial source 2016-10-05 23:52:50 +00:00			`import App from '../lib/app'`

improve render 2016-10-10 04:24:30 +00:00			`export async function render (url, ctx = {}, {`
			`dir = process.cwd(),`
			`dev = false,`
write assets to disk 2016-10-15 19:49:42 +00:00			`staticMarkup = false`
improve render 2016-10-10 04:24:30 +00:00			`} = {}) {`
			`const path = getPath(url)`
custom document support (#405) 2016-12-16 18:42:40 +00:00			`let [Component, Document] = await Promise.all([`
			`requireModule(join(dir, '.next', 'dist', 'pages', path)),`
			`requireModule(join(dir, '.next', 'dist', 'pages', '_document'))`
			`])`
			`Component = Component.default \|\| Component`
			`Document = Document.default \|\| Document`
initial source 2016-10-05 23:52:50 +00:00
Handle runtime errors (#268) * display runtime errors by error-debug * server: fix status * render Error component on client error * server: render runtime errors of error template * server: handle errors of error template on render404 * server: add a comment * server: refactor renderJSON * recover from runtime errors * _error: check if xhr exists * _error: improve client error * _error: improve error message 2016-11-24 14:03:16 +00:00			`const [`
			`props,`
			`component,`
			`errorComponent`
			`] = await Promise.all([`
			`Component.getInitialProps ? Component.getInitialProps(ctx) : {},`
			`read(join(dir, '.next', 'bundles', 'pages', path)),`
			`read(join(dir, '.next', 'bundles', 'pages', dev ? '_error-debug' : '_error'))`
			`])`
initial source 2016-10-05 23:52:50 +00:00
custom document support (#405) 2016-12-16 18:42:40 +00:00			`const renderPage = () => {`
Added css using aphrodite 2016-10-06 02:42:55 +00:00			`const app = createElement(App, {`
			`Component,`
			`props,`
improve render 2016-10-10 04:24:30 +00:00			`router: new Router(ctx.req ? ctx.req.url : url)`
Added css using aphrodite 2016-10-06 02:42:55 +00:00			`})`
custom document support (#405) 2016-12-16 18:42:40 +00:00			`const html = (staticMarkup ? renderToStaticMarkup : renderToString)(app)`
			`const head = Head.rewind() \|\| defaultHead()`
			`return { html, head }`
			`}`
Added css using aphrodite 2016-10-06 02:42:55 +00:00
add cdn config (#111) 2016-10-28 14:38:24 +00:00			`const config = await getConfig(dir)`
support next/head 2016-10-07 01:57:31 +00:00
custom document support (#405) 2016-12-16 18:42:40 +00:00			`const docProps = await Document.getInitialProps({ ...ctx, renderPage })`

initial source 2016-10-05 23:52:50 +00:00			`const doc = createElement(Document, {`
custom document support (#405) 2016-12-16 18:42:40 +00:00			`__NEXT_DATA__: {`
apply css on server rendering 2016-10-09 09:50:41 +00:00			`component,`
Handle runtime errors (#268) * display runtime errors by error-debug * server: fix status * render Error component on client error * server: render runtime errors of error template * server: handle errors of error template on render404 * server: add a comment * server: refactor renderJSON * recover from runtime errors * _error: check if xhr exists * _error: improve client error * _error: improve error message 2016-11-24 14:03:16 +00:00			`errorComponent,`
apply css on server rendering 2016-10-09 09:50:41 +00:00			`props,`
Hot reload error page (#190) * add detach-plugin * detach-plugin: remove unused property * watch-pages-plugin: replace _error.js when user defined one was added/removed * dynamic-entry-plugin: delete cache * fix HMR settings for _error.js * render: pass error only on dev * hot-reload: enable to hot-reload error page * server: check if /_error has compilation errors * webapck-dev-client: fix reloading /_error 2016-11-03 15:12:37 +00:00			`err: (ctx.err && dev) ? errorToJSON(ctx.err) : null`
apply css on server rendering 2016-10-09 09:50:41 +00:00			`},`
improve render 2016-10-10 04:24:30 +00:00			`dev,`
add cdn config (#111) 2016-10-28 14:38:24 +00:00			`staticMarkup,`
custom document support (#405) 2016-12-16 18:42:40 +00:00			`cdn: config.cdn,`
			`...docProps`
initial source 2016-10-05 23:52:50 +00:00			`})`

			`return '<!DOCTYPE html>' + renderToStaticMarkup(doc)`
			`}`

write assets to disk 2016-10-15 19:49:42 +00:00			`export async function renderJSON (url, { dir = process.cwd() } = {}) {`
improve render 2016-10-10 04:24:30 +00:00			`const path = getPath(url)`
refactor paths 2016-10-19 12:58:08 +00:00			`const component = await read(join(dir, '.next', 'bundles', 'pages', path))`
server: render .json urls 2016-10-06 07:06:55 +00:00			`return { component }`
initial source 2016-10-05 23:52:50 +00:00			`}`
improve render 2016-10-10 04:24:30 +00:00
add error page for debug 2016-10-19 12:41:45 +00:00			`export function errorToJSON (err) {`
			`const { name, message, stack } = err`
			`const json = { name, message, stack }`

			`if (name === 'ModuleBuildError') {`
			`// webpack compilation error`
			`const { module: { rawRequest } } = err`
			`json.module = { rawRequest }`
			`}`

			`return json`
			`}`

improve render 2016-10-10 04:24:30 +00:00			`function getPath (url) {`
refactor paths 2016-10-19 12:58:08 +00:00			`return parse(url \|\| '/').pathname.replace(/\.json$/, '')`
improve render 2016-10-10 04:24:30 +00:00			`}`