mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
1708222381
* add 'next' api * add render APIs * add 'as' prop to Link * check Accept header to serve json response * check if response was finished on getInitialProps call * move server/app to server/index * load webpack-hot-middleware-client by absolute path * server: options for testing * add tests * example: improve * server: make dir optional * fix client routing * add parameterized routing example * link: fix display url * Add custom-server-express example (#352) * Add custom-server-express example * Remove extraneous nexts in express routes defs * Update next config in server.js * Handle accept headers totally inside Next.js (#385) * Handle accept headers totally inside Next.js Now user doesn't need to handle it anymore. * Move json pages serving to /_next/pages base path. * Join paths correctly. * remove next/render
69 lines
1.9 KiB
JavaScript
69 lines
1.9 KiB
JavaScript
import { resolve, relative, join, extname } from 'path'
|
|
|
|
export default class WatchPagesPlugin {
|
|
constructor (dir) {
|
|
this.dir = resolve(dir, 'pages')
|
|
this.prevFileDependencies = null
|
|
}
|
|
|
|
apply (compiler) {
|
|
compiler.plugin('emit', (compilation, callback) => {
|
|
// watch the pages directory
|
|
compilation.contextDependencies =
|
|
compilation.contextDependencies.concat([this.dir])
|
|
|
|
this.prevFileDependencies = compilation.fileDependencies
|
|
|
|
callback()
|
|
})
|
|
|
|
const isPageFile = this.isPageFile.bind(this)
|
|
const getEntryName = (f) => {
|
|
return join('bundles', relative(compiler.options.context, f))
|
|
}
|
|
const errorPageName = join('bundles', 'pages', '_error.js')
|
|
const errorPagePath = join(__dirname, '..', '..', '..', 'pages', '_error.js')
|
|
const hotMiddlewareClientPath = join(__dirname, '..', '..', '..', 'client/webpack-hot-middleware-client')
|
|
|
|
compiler.plugin('watch-run', (watching, callback) => {
|
|
Object.keys(compiler.fileTimestamps)
|
|
.filter(isPageFile)
|
|
.filter((f) => this.prevFileDependencies.indexOf(f) < 0)
|
|
.forEach((f) => {
|
|
const name = getEntryName(f)
|
|
if (name === errorPageName) {
|
|
compiler.removeEntry(name)
|
|
}
|
|
|
|
if (compiler.hasEntry(name)) return
|
|
|
|
const entries = [hotMiddlewareClientPath, f]
|
|
compiler.addEntry(entries, name)
|
|
})
|
|
|
|
compiler.removedFiles
|
|
.filter(isPageFile)
|
|
.forEach((f) => {
|
|
const name = getEntryName(f)
|
|
compiler.removeEntry(name)
|
|
|
|
if (name === errorPageName) {
|
|
compiler.addEntry([
|
|
hotMiddlewareClientPath,
|
|
errorPagePath
|
|
], name)
|
|
}
|
|
})
|
|
|
|
callback()
|
|
})
|
|
}
|
|
|
|
isPageFile (f) {
|
|
return f.indexOf(this.dir) === 0 &&
|
|
relative(this.dir, f) !== '_document.js' &&
|
|
extname(f) === '.js'
|
|
}
|
|
}
|
|
|