db2567b01b
.substr() is deprecated so we replace it with .slice() which works similarily but isn't deprecated Signed-off-by: Tobias Speicher <rootcommander@gmail.com> Co-authored-by: Steven <steven@ceriously.com>
101 lines
2.8 KiB
JavaScript
101 lines
2.8 KiB
JavaScript
/* globals __webpack_hash__ */
|
|
import { displayContent } from './fouc'
|
|
import initOnDemandEntries from './on-demand-entries-client'
|
|
import { addMessageListener, connectHMR } from './error-overlay/websocket'
|
|
|
|
const data = JSON.parse(document.getElementById('__NEXT_DATA__').textContent)
|
|
window.__NEXT_DATA__ = data
|
|
|
|
let { assetPrefix, page } = data
|
|
assetPrefix = assetPrefix || ''
|
|
let mostRecentHash = null
|
|
/* eslint-disable-next-line */
|
|
let curHash = __webpack_hash__
|
|
const hotUpdatePath =
|
|
assetPrefix + (assetPrefix.endsWith('/') ? '' : '/') + '_next/static/webpack/'
|
|
|
|
// Is there a newer version of this code available?
|
|
function isUpdateAvailable() {
|
|
// __webpack_hash__ is the hash of the current compilation.
|
|
// It's a global variable injected by Webpack.
|
|
/* eslint-disable-next-line */
|
|
return mostRecentHash !== __webpack_hash__
|
|
}
|
|
|
|
// Webpack disallows updates in other states.
|
|
function canApplyUpdates() {
|
|
return module.hot.status() === 'idle'
|
|
}
|
|
|
|
// This function reads code updates on the fly and hard
|
|
// reloads the page when it has changed.
|
|
async function tryApplyUpdates() {
|
|
if (!isUpdateAvailable() || !canApplyUpdates()) {
|
|
return
|
|
}
|
|
try {
|
|
const res = await fetch(
|
|
typeof __webpack_runtime_id__ !== 'undefined'
|
|
? // eslint-disable-next-line no-undef
|
|
`${hotUpdatePath}${curHash}.${__webpack_runtime_id__}.hot-update.json`
|
|
: `${hotUpdatePath}${curHash}.hot-update.json`
|
|
)
|
|
const jsonData = await res.json()
|
|
const curPage = page === '/' ? 'index' : page
|
|
// webpack 5 uses an array instead
|
|
const pageUpdated = (
|
|
Array.isArray(jsonData.c) ? jsonData.c : Object.keys(jsonData.c)
|
|
).some((mod) => {
|
|
return (
|
|
mod.indexOf(
|
|
`pages${curPage.startsWith('/') ? curPage : `/${curPage}`}`
|
|
) !== -1 ||
|
|
mod.indexOf(
|
|
`pages${curPage.startsWith('/') ? curPage : `/${curPage}`}`.replace(
|
|
/\//g,
|
|
'\\'
|
|
)
|
|
) !== -1
|
|
)
|
|
})
|
|
|
|
if (pageUpdated) {
|
|
document.location.reload(true)
|
|
} else {
|
|
curHash = mostRecentHash
|
|
}
|
|
} catch (err) {
|
|
console.error('Error occurred checking for update', err)
|
|
document.location.reload(true)
|
|
}
|
|
}
|
|
|
|
addMessageListener((event) => {
|
|
if (event.data === '\uD83D\uDC93') {
|
|
return
|
|
}
|
|
|
|
try {
|
|
const message = JSON.parse(event.data)
|
|
|
|
if (message.action === 'sync' || message.action === 'built') {
|
|
if (!message.hash) {
|
|
return
|
|
}
|
|
mostRecentHash = message.hash
|
|
tryApplyUpdates()
|
|
} else if (message.action === 'reloadPage') {
|
|
document.location.reload(true)
|
|
}
|
|
} catch (ex) {
|
|
console.warn('Invalid HMR message: ' + event.data + '\n' + ex)
|
|
}
|
|
})
|
|
|
|
connectHMR({
|
|
assetPrefix,
|
|
path: '/_next/webpack-hmr',
|
|
})
|
|
displayContent()
|
|
|
|
initOnDemandEntries(data.page)
|