fe7c7342c7
* Add link to docs for prerender indicator and allow disabling * Fix lint error from example * Disable by default when electron is detected * Add button to dismiss indicator for session * Update disabling indicator in electron
63 lines
2.1 KiB
JavaScript
63 lines
2.1 KiB
JavaScript
import initNext, * as next from './'
|
|
import EventSourcePolyfill from './dev/event-source-polyfill'
|
|
import initOnDemandEntries from './dev/on-demand-entries-client'
|
|
import initWebpackHMR from './dev/webpack-hot-middleware-client'
|
|
import initializeBuildWatcher from './dev/dev-build-watcher'
|
|
import initializePrerenderIndicator from './dev/prerender-indicator'
|
|
|
|
// Temporary workaround for the issue described here:
|
|
// https://github.com/zeit/next.js/issues/3775#issuecomment-407438123
|
|
// The runtimeChunk doesn't have dynamic import handling code when there hasn't been a dynamic import
|
|
// The runtimeChunk can't hot reload itself currently to correct it when adding pages using on-demand-entries
|
|
// REPLACE_NOOP_IMPORT
|
|
|
|
// Support EventSource on Internet Explorer 11
|
|
if (!window.EventSource) {
|
|
window.EventSource = EventSourcePolyfill
|
|
}
|
|
|
|
const {
|
|
__NEXT_DATA__: { assetPrefix }
|
|
} = window
|
|
|
|
const prefix = assetPrefix || ''
|
|
const webpackHMR = initWebpackHMR({ assetPrefix: prefix })
|
|
|
|
window.next = next
|
|
initNext({ webpackHMR })
|
|
.then(emitter => {
|
|
initOnDemandEntries({ assetPrefix: prefix })
|
|
if (process.env.__NEXT_BUILD_INDICATOR) initializeBuildWatcher()
|
|
if (
|
|
process.env.__NEXT_PRERENDER_INDICATOR &&
|
|
// disable by default in electron
|
|
!(typeof process !== 'undefined' && 'electron' in process.versions)
|
|
) {
|
|
initializePrerenderIndicator()
|
|
}
|
|
|
|
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('Error was not caught', err)
|
|
})
|