Nuxt/lib/render.js

161 lines
5.4 KiB
JavaScript
Raw Normal View History

2017-01-11 19:14:59 +00:00
'use strict'
import ansiHTML from 'ansi-html'
import serialize from 'serialize-javascript'
import { getContext, setAnsiColors, encodeHtml } from './utils'
2017-03-20 16:52:35 +00:00
const debug = require('debug')('nuxt:render')
2017-01-11 19:14:59 +00:00
// force blue color
debug.color = 4
setAnsiColors(ansiHTML)
2016-11-28 15:44:38 +00:00
export async function render (req, res) {
2016-12-07 18:02:06 +00:00
if (!this.renderer && !this.dev) {
2016-12-08 15:41:20 +00:00
console.error('> No build files found, please run `nuxt build` before launching `nuxt start`') // eslint-disable-line no-console
2016-12-07 18:02:06 +00:00
process.exit(1)
}
2016-12-20 18:26:01 +00:00
/* istanbul ignore if */
if (!this.renderer || !this.appTemplate) {
return new Promise((resolve) => {
setTimeout(() => {
debug('Waiting for renderer to be ready')
resolve(this.render(req, res))
}, 1000)
})
2016-11-28 15:44:38 +00:00
}
const context = getContext(req, res)
res.statusCode = 200
try {
2017-05-17 09:27:05 +00:00
if (this.dev) {
2017-02-03 14:09:27 +00:00
// Call webpack middleware only in development
2017-05-17 09:27:05 +00:00
await this.webpackDevMiddleware(req, res)
await this.webpackHotMiddleware(req, res)
2017-02-21 17:39:29 +00:00
}
2017-05-17 09:27:05 +00:00
if (!this.dev && this.options.performance.gzip) {
await this.gzipMiddleware(req, res)
2016-11-28 15:44:38 +00:00
}
2017-02-03 14:09:27 +00:00
// If base in req.url, remove it for the middleware and vue-router
2017-05-17 09:27:05 +00:00
if (this.options.router.base !== '/' && req.url.indexOf(this.options.router.base) === 0) {
2016-11-28 15:44:38 +00:00
// Compatibility with base url for dev server
2017-05-17 09:27:05 +00:00
req.url = req.url.replace(this.options.router.base, '/')
2016-11-28 15:44:38 +00:00
}
// Serve static/ files
2017-05-17 09:27:05 +00:00
await this.serveStatic(req, res)
2016-11-28 15:44:38 +00:00
// Serve .nuxt/dist/ files (only for production)
2017-05-17 09:27:05 +00:00
if (!this.dev && req.url.indexOf(this.options.build.publicPath) === 0) {
2016-11-28 15:44:38 +00:00
const url = req.url
2017-05-17 09:27:05 +00:00
req.url = req.url.replace(this.options.build.publicPath, '/')
await this.serveStaticNuxt(req, res)
2016-12-21 14:03:23 +00:00
/* istanbul ignore next */
2016-11-28 15:44:38 +00:00
req.url = url
}
2017-05-17 09:27:05 +00:00
if (this.dev && req.url.indexOf(this.options.build.publicPath) === 0 && req.url.includes('.hot-update.json')) {
2016-11-28 15:44:38 +00:00
res.statusCode = 404
2017-05-16 13:12:30 +00:00
return res.end()
2016-11-28 15:44:38 +00:00
}
2017-05-16 13:12:30 +00:00
const { html, error, redirected } = await this.renderRoute(req.url, context)
2017-02-22 18:19:17 +00:00
if (redirected) {
return html
}
2016-11-28 15:44:38 +00:00
if (error) {
res.statusCode = context.nuxt.error.statusCode || 500
}
res.setHeader('Content-Type', 'text/html; charset=utf-8')
res.setHeader('Content-Length', Buffer.byteLength(html))
res.end(html, 'utf8')
return html
} catch (err) {
2017-03-26 21:38:51 +00:00
if (context.redirected) {
console.error(err) // eslint-disable-line no-console
return err
}
const html = this.errorTemplate({
error: err,
stack: ansiHTML(encodeHtml(err.stack))
})
2016-11-28 15:44:38 +00:00
res.statusCode = 500
res.setHeader('Content-Type', 'text/html; charset=utf-8')
res.setHeader('Content-Length', Buffer.byteLength(html))
res.end(html, 'utf8')
return err
}
2016-11-28 15:44:38 +00:00
}
export async function renderRoute (url, context = {}) {
2016-11-28 15:44:38 +00:00
debug(`Rendering url ${url}`)
// Add url and isSever to the context
context.url = url
context.isServer = true
2017-05-05 14:48:04 +00:00
// Call renderToString from the bundleRenderer and generate the HTML (will update the context as well)
2017-05-17 09:27:05 +00:00
let APP = await this.renderToString(context)
if (!context.nuxt.serverRendered) {
APP = '<div id="__nuxt"></div>'
}
const m = context.meta.inject()
let HEAD = m.meta.text() + m.title.text() + m.link.text() + m.style.text() + m.script.text() + m.noscript.text()
2017-05-17 09:27:05 +00:00
if (this._routerBaseSpecified) {
HEAD += `<base href="${this.options.router.base}">`
}
HEAD += context.renderResourceHints() + context.renderStyles()
APP += `<script type="text/javascript">window.__NUXT__=${serialize(context.nuxt, { isJSON: true })}</script>`
APP += context.renderScripts()
2017-05-17 09:27:05 +00:00
const html = this.appTemplate({
HTML_ATTRS: 'data-n-head-ssr ' + m.htmlAttrs.text(),
BODY_ATTRS: m.bodyAttrs.text(),
HEAD,
APP
2016-11-28 15:44:38 +00:00
})
return {
html,
error: context.nuxt.error,
redirected: context.redirected
}
2016-11-28 15:44:38 +00:00
}
2016-12-07 18:02:06 +00:00
// Function used to do dom checking via jsdom
2016-12-20 16:56:06 +00:00
let jsdom = null
2017-01-26 14:21:02 +00:00
export function renderAndGetWindow (url, opts = {}) {
2016-12-20 17:26:46 +00:00
/* istanbul ignore if */
2016-12-20 16:56:06 +00:00
if (!jsdom) {
try {
2017-04-29 22:09:40 +00:00
// https://github.com/tmpvar/jsdom/blob/master/lib/old-api.md
jsdom = require('jsdom/lib/old-api')
2016-12-20 16:56:06 +00:00
} catch (e) {
console.error('Fail when calling nuxt.renderAndGetWindow(url)') // eslint-disable-line no-console
console.error('jsdom module is not installed') // eslint-disable-line no-console
console.error('Please install jsdom with: npm install --save-dev jsdom') // eslint-disable-line no-console
process.exit(1)
}
}
2017-04-29 22:09:40 +00:00
let virtualConsole = jsdom.createVirtualConsole().sendTo(console)
// let virtualConsole = new jsdom.VirtualConsole().sendTo(console)
2017-01-30 11:41:59 +00:00
if (opts.virtualConsole === false) {
virtualConsole = undefined
2017-01-26 14:21:02 +00:00
}
2016-12-07 18:02:06 +00:00
url = url || 'http://localhost:3000'
return new Promise((resolve, reject) => {
2017-04-30 12:54:14 +00:00
jsdom.env({
2016-12-07 18:02:06 +00:00
url: url,
features: {
FetchExternalResources: ['script', 'link'],
ProcessExternalResources: ['script']
},
virtualConsole,
done (err, window) {
if (err) return reject(err)
2016-12-21 14:03:23 +00:00
// Mock window.scrollTo
window.scrollTo = function () {}
2016-12-07 18:02:06 +00:00
// If Nuxt could not be loaded (error from the server-side)
if (!window.__NUXT__) {
2017-03-22 09:37:20 +00:00
let error = new Error('Could not load the nuxt app')
error.body = window.document.getElementsByTagName('body')[0].innerHTML
return reject(error)
2016-12-07 18:02:06 +00:00
}
// Used by nuxt.js to say when the components are loaded and the app ready
window.onNuxtReady(() => {
resolve(window)
})
}
})
})
}