mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
d19cc975f4
* Updating React to v16.0.0 * Updating error handling from ReactReconciler to componentDidCatch * Using hydrate() instead of render() on client side. * React 16 is not making `charSet` lowercase but that is in spec.
37 lines
1.1 KiB
JavaScript
37 lines
1.1 KiB
JavaScript
import 'react-hot-loader/patch'
|
|
import initOnDemandEntries from './on-demand-entries-client'
|
|
import initWebpackHMR from './webpack-hot-middleware-client'
|
|
|
|
const next = window.next = require('./')
|
|
|
|
next.default()
|
|
.then((emitter) => {
|
|
initOnDemandEntries()
|
|
initWebpackHMR()
|
|
|
|
let lastScroll
|
|
|
|
emitter.on('before-reactdom-render', ({ Component, ErrorComponent }) => {
|
|
// Remember scroll when ErrorComponent is being rendered to later restore it
|
|
if (!lastScroll && Component === ErrorComponent) {
|
|
const { pageXOffset, pageYOffset } = window
|
|
lastScroll = {
|
|
x: pageXOffset,
|
|
y: pageYOffset
|
|
}
|
|
}
|
|
})
|
|
|
|
emitter.on('after-reactdom-render', ({ Component, ErrorComponent }) => {
|
|
if (lastScroll && Component !== ErrorComponent) {
|
|
// Restore scroll after ErrorComponent was replaced with a page component by HMR
|
|
const { x, y } = lastScroll
|
|
window.scroll(x, y)
|
|
lastScroll = null
|
|
}
|
|
})
|
|
})
|
|
.catch((err) => {
|
|
console.error(`${err.message}\n${err.stack}`)
|
|
})
|