Nuxt/lib/render.js

124 lines
4.0 KiB
JavaScript
Raw Normal View History

2016-11-28 15:44:38 +00:00
const debug = require('debug')('nuxt:render')
const co = require('co')
const { urlJoin } = require('./utils')
const { getContext } = require('./utils')
exports.render = function (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-11-28 15:44:38 +00:00
if (!this.renderer) {
setTimeout(() => {
this.render(req, res)
}, 1000)
return
}
const self = this
const context = getContext(req, res)
co(function * () {
if (self.dev) {
// Call webpack middlewares only in development
yield self.webpackDevMiddleware(req, res)
yield self.webpackHotMiddleware(req, res)
}
// If base in req.url, remove it for the middlewares and vue-router
if (self.options.router.base !== '/' && req.url.indexOf(self.options.router.base) === 0) {
// Compatibility with base url for dev server
req.url = req.url.replace(self.options.router.base, '/')
}
// Serve static/ files
yield self.serveStatic(req, res)
// Serve .nuxt/dist/ files (only for production)
if (!self.dev && self._nuxtRegexp.test(req.url)) {
const url = req.url
req.url = req.url.replace(self._nuxtRegexp, '/')
yield self.serveStaticNuxt(req, res)
req.url = url
}
})
.then(() => {
if (this.dev && this._nuxtRegexp.test(req.url) && req.url.includes('.hot-update.json')) {
res.statusCode = 404
return res.end()
}
return this.renderRoute(req.url, context)
})
.then(({ html, error }) => {
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')
})
.catch((err) => {
res.statusCode = 500
res.end(this.errorTemplate({ err }), 'utf8')
})
}
exports.renderRoute = function (url, context = {}) {
debug(`Rendering url ${url}`)
// Add url and isSever to the context
context.url = url
context.isServer = true
// Call rendertoSting from the bundleRenderer and generate the HTML (will update the context as well)
const self = this
return co(function * () {
let app = yield self.renderToString(context)
if (context.nuxt && context.nuxt.error instanceof Error) {
context.nuxt.error = { statusCode: 500, message: context.nuxt.error.message }
}
if (context.redirected) {
app = '<div id="__nuxt"></div>'
}
const html = self.appTemplate({
dev: self.dev, // Use to add the extracted CSS <link> in production
baseUrl: self.options.router.base,
APP: app,
context: context,
files: {
css: urlJoin(self.options.router.base, '/_nuxt/', self.options.build.filenames.css),
vendor: urlJoin(self.options.router.base, '/_nuxt/', self.options.build.filenames.vendor),
app: urlJoin(self.options.router.base, '/_nuxt/', self.options.build.filenames.app)
}
})
return {
html,
error: context.nuxt.error,
redirected: context.redirected
}
})
}
2016-12-07 18:02:06 +00:00
// Function used to do dom checking via jsdom
exports.renderAndGetWindow = function renderAndGetWindow (jsdom, url) {
const virtualConsole = jsdom.createVirtualConsole().sendTo(console)
url = url || 'http://localhost:3000'
return new Promise((resolve, reject) => {
jsdom.env({
url: url,
features: {
FetchExternalResources: ['script', 'link'],
ProcessExternalResources: ['script']
},
virtualConsole,
done (err, window) {
if (err) return reject(err)
// If Nuxt could not be loaded (error from the server-side)
if (!window.__NUXT__) {
return reject({
message: 'Could not load the nuxt app',
body: window.document.getElementsByTagName('body')[0].innerHTML
})
}
// Used by nuxt.js to say when the components are loaded and the app ready
window.onNuxtReady(() => {
resolve(window)
})
}
})
})
}