.
This commit is contained in:
+40
@@ -0,0 +1,40 @@
|
||||
/**
|
||||
* MIT License
|
||||
*
|
||||
* Copyright (c) 2013-present, Facebook, Inc.
|
||||
*
|
||||
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
* of this software and associated documentation files (the "Software"), to deal
|
||||
* in the Software without restriction, including without limitation the rights
|
||||
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
* copies of the Software, and to permit persons to whom the Software is
|
||||
* furnished to do so, subject to the following conditions:
|
||||
*
|
||||
* The above copyright notice and this permission notice shall be included in all
|
||||
* copies or substantial portions of the Software.
|
||||
*
|
||||
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
* SOFTWARE.
|
||||
*/
|
||||
import type { AddedPageMessage, DevPagesManifestUpdateMessage, ReloadPageMessage, RemovedPageMessage, TurbopackMessageSentToBrowser } from '../../../../server/dev/hot-reloader-types';
|
||||
declare global {
|
||||
interface Window {
|
||||
__nextDevClientId: number;
|
||||
}
|
||||
}
|
||||
type CustomHmrEventHandler = (message: AddedPageMessage | RemovedPageMessage | ReloadPageMessage | DevPagesManifestUpdateMessage) => void;
|
||||
export default function connect(): {
|
||||
subscribeToHmrEvent(handler: CustomHmrEventHandler): void;
|
||||
onUnrecoverableError(): void;
|
||||
addTurbopackMessageListener(cb: (msg: TurbopackMessageSentToBrowser) => void): void;
|
||||
sendTurbopackMessage(msg: string): void;
|
||||
handleUpdateError(err: unknown): void;
|
||||
};
|
||||
export declare function handleStaticIndicator(): void;
|
||||
export declare function performFullReload(err: any): void;
|
||||
export {};
|
||||
+452
@@ -0,0 +1,452 @@
|
||||
// TODO: Remove use of `any` type.
|
||||
/**
|
||||
* MIT License
|
||||
*
|
||||
* Copyright (c) 2013-present, Facebook, Inc.
|
||||
*
|
||||
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
* of this software and associated documentation files (the "Software"), to deal
|
||||
* in the Software without restriction, including without limitation the rights
|
||||
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
* copies of the Software, and to permit persons to whom the Software is
|
||||
* furnished to do so, subject to the following conditions:
|
||||
*
|
||||
* The above copyright notice and this permission notice shall be included in all
|
||||
* copies or substantial portions of the Software.
|
||||
*
|
||||
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
* SOFTWARE.
|
||||
*/ /// <reference types="webpack/module.d.ts" />
|
||||
// This file is a modified version of the Create React App HMR dev client that
|
||||
// can be found here:
|
||||
// https://github.com/facebook/create-react-app/blob/v3.4.1/packages/react-dev-utils/webpackHotDevClient.js
|
||||
/// <reference types="webpack/module.d.ts" />
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
0 && (module.exports = {
|
||||
default: null,
|
||||
handleStaticIndicator: null,
|
||||
performFullReload: null
|
||||
});
|
||||
function _export(target, all) {
|
||||
for(var name in all)Object.defineProperty(target, name, {
|
||||
enumerable: true,
|
||||
get: all[name]
|
||||
});
|
||||
}
|
||||
_export(exports, {
|
||||
default: function() {
|
||||
return connect;
|
||||
},
|
||||
handleStaticIndicator: function() {
|
||||
return handleStaticIndicator;
|
||||
},
|
||||
performFullReload: function() {
|
||||
return performFullReload;
|
||||
}
|
||||
});
|
||||
const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
||||
const _nextdevtools = require("next/dist/compiled/next-devtools");
|
||||
const _pagesdevoverlaysetup = require("../../../../next-devtools/userspace/pages/pages-dev-overlay-setup");
|
||||
const _stripansi = /*#__PURE__*/ _interop_require_default._(require("next/dist/compiled/strip-ansi"));
|
||||
const _websocket = require("./websocket");
|
||||
const _formatwebpackmessages = /*#__PURE__*/ _interop_require_default._(require("../../../../shared/lib/format-webpack-messages"));
|
||||
const _hotreloadertypes = require("../../../../server/dev/hot-reloader-types");
|
||||
const _shared = require("../shared");
|
||||
const _runtimeerrorhandler = require("../../runtime-error-handler");
|
||||
const _reporthmrlatency = /*#__PURE__*/ _interop_require_default._(require("../../report-hmr-latency"));
|
||||
const _turbopackhotreloadercommon = require("../turbopack-hot-reloader-common");
|
||||
window.__nextDevClientId = Math.round(Math.random() * 100 + Date.now());
|
||||
let customHmrEventHandler;
|
||||
let turbopackMessageListeners = [];
|
||||
function connect() {
|
||||
(0, _pagesdevoverlaysetup.register)();
|
||||
(0, _websocket.addMessageListener)((message)=>{
|
||||
try {
|
||||
processMessage(message);
|
||||
} catch (err) {
|
||||
(0, _shared.reportInvalidHmrMessage)(message, err);
|
||||
}
|
||||
});
|
||||
return {
|
||||
subscribeToHmrEvent (handler) {
|
||||
customHmrEventHandler = handler;
|
||||
},
|
||||
onUnrecoverableError () {
|
||||
_runtimeerrorhandler.RuntimeErrorHandler.hadRuntimeError = true;
|
||||
},
|
||||
addTurbopackMessageListener (cb) {
|
||||
turbopackMessageListeners.push(cb);
|
||||
},
|
||||
sendTurbopackMessage (msg) {
|
||||
(0, _websocket.sendMessage)(msg);
|
||||
},
|
||||
handleUpdateError (err) {
|
||||
performFullReload(err);
|
||||
}
|
||||
};
|
||||
}
|
||||
// Remember some state related to hot module replacement.
|
||||
var isFirstCompilation = true;
|
||||
var mostRecentCompilationHash = null;
|
||||
var hasCompileErrors = false;
|
||||
function clearOutdatedErrors() {
|
||||
// Clean up outdated compile errors, if any.
|
||||
if (typeof console !== 'undefined' && typeof console.clear === 'function') {
|
||||
if (hasCompileErrors) {
|
||||
console.clear();
|
||||
}
|
||||
}
|
||||
}
|
||||
// Successful compilation.
|
||||
function handleSuccess() {
|
||||
clearOutdatedErrors();
|
||||
hasCompileErrors = false;
|
||||
if (process.env.TURBOPACK) {
|
||||
const hmrUpdate = turbopackHmr.onBuilt();
|
||||
if (hmrUpdate != null) {
|
||||
(0, _reporthmrlatency.default)(_websocket.sendMessage, [
|
||||
...hmrUpdate.updatedModules
|
||||
], hmrUpdate.startMsSinceEpoch, hmrUpdate.endMsSinceEpoch, hmrUpdate.hasUpdates);
|
||||
}
|
||||
_nextdevtools.dispatcher.onBuildOk();
|
||||
} else {
|
||||
const isHotUpdate = !isFirstCompilation || window.__NEXT_DATA__.page !== '/_error' && isUpdateAvailable();
|
||||
// Attempt to apply hot updates or reload.
|
||||
if (isHotUpdate) {
|
||||
tryApplyUpdatesWebpack();
|
||||
}
|
||||
}
|
||||
isFirstCompilation = false;
|
||||
}
|
||||
// Compilation with warnings (e.g. ESLint).
|
||||
function handleWarnings(warnings) {
|
||||
clearOutdatedErrors();
|
||||
const isHotUpdate = !isFirstCompilation;
|
||||
isFirstCompilation = false;
|
||||
hasCompileErrors = false;
|
||||
function printWarnings() {
|
||||
// Print warnings to the console.
|
||||
const formatted = (0, _formatwebpackmessages.default)({
|
||||
warnings: warnings,
|
||||
errors: []
|
||||
});
|
||||
if (typeof console !== 'undefined' && typeof console.warn === 'function') {
|
||||
for(let i = 0; i < formatted.warnings?.length; i++){
|
||||
if (i === 5) {
|
||||
console.warn('There were more warnings in other files.\n' + 'You can find a complete log in the terminal.');
|
||||
break;
|
||||
}
|
||||
console.warn((0, _stripansi.default)(formatted.warnings[i]));
|
||||
}
|
||||
}
|
||||
}
|
||||
printWarnings();
|
||||
// Attempt to apply hot updates or reload.
|
||||
if (isHotUpdate) {
|
||||
tryApplyUpdatesWebpack();
|
||||
}
|
||||
}
|
||||
// Compilation with errors (e.g. syntax error or missing modules).
|
||||
function handleErrors(errors) {
|
||||
clearOutdatedErrors();
|
||||
isFirstCompilation = false;
|
||||
hasCompileErrors = true;
|
||||
// "Massage" webpack messages.
|
||||
var formatted = (0, _formatwebpackmessages.default)({
|
||||
errors: errors,
|
||||
warnings: []
|
||||
});
|
||||
// Only show the first error.
|
||||
_nextdevtools.dispatcher.onBuildError(formatted.errors[0]);
|
||||
// Also log them to the console.
|
||||
if (typeof console !== 'undefined' && typeof console.error === 'function') {
|
||||
for(var i = 0; i < formatted.errors.length; i++){
|
||||
console.error((0, _stripansi.default)(formatted.errors[i]));
|
||||
}
|
||||
}
|
||||
// Do not attempt to reload now.
|
||||
// We will reload on next success instead.
|
||||
if (process.env.__NEXT_TEST_MODE) {
|
||||
if (self.__NEXT_HMR_CB) {
|
||||
self.__NEXT_HMR_CB(formatted.errors[0]);
|
||||
self.__NEXT_HMR_CB = null;
|
||||
}
|
||||
}
|
||||
}
|
||||
let webpackStartMsSinceEpoch = null;
|
||||
const turbopackHmr = process.env.TURBOPACK ? new _turbopackhotreloadercommon.TurbopackHmr() : null;
|
||||
let isrManifest = {};
|
||||
// There is a newer version of the code available.
|
||||
function handleAvailableHash(hash) {
|
||||
// Update last known compilation hash.
|
||||
mostRecentCompilationHash = hash;
|
||||
}
|
||||
function handleStaticIndicator() {
|
||||
if (process.env.__NEXT_DEV_INDICATOR) {
|
||||
const routeInfo = window.next.router.components[window.next.router.pathname];
|
||||
const pageComponent = routeInfo?.Component;
|
||||
const appComponent = window.next.router.components['/_app']?.Component;
|
||||
const isDynamicPage = Boolean(pageComponent?.getInitialProps) || Boolean(routeInfo?.__N_SSP);
|
||||
const hasAppGetInitialProps = Boolean(appComponent?.getInitialProps) && appComponent?.getInitialProps !== appComponent?.origGetInitialProps;
|
||||
const isPageStatic = isrManifest[window.location.pathname] || !isDynamicPage && !hasAppGetInitialProps;
|
||||
_nextdevtools.dispatcher.onStaticIndicator(isPageStatic ? 'static' : 'dynamic');
|
||||
}
|
||||
}
|
||||
/** Handles messages from the server for the Pages Router. */ function processMessage(message) {
|
||||
switch(message.type){
|
||||
case _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.ISR_MANIFEST:
|
||||
{
|
||||
isrManifest = message.data;
|
||||
handleStaticIndicator();
|
||||
break;
|
||||
}
|
||||
case _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.BUILDING:
|
||||
{
|
||||
_nextdevtools.dispatcher.buildingIndicatorShow();
|
||||
if (process.env.TURBOPACK) {
|
||||
turbopackHmr.onBuilding();
|
||||
} else {
|
||||
webpackStartMsSinceEpoch = Date.now();
|
||||
console.log('[Fast Refresh] rebuilding');
|
||||
}
|
||||
break;
|
||||
}
|
||||
case _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.BUILT:
|
||||
case _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.SYNC:
|
||||
{
|
||||
_nextdevtools.dispatcher.buildingIndicatorHide();
|
||||
if (message.hash) handleAvailableHash(message.hash);
|
||||
const { errors, warnings } = message;
|
||||
// Is undefined when it's a 'built' event
|
||||
if ('versionInfo' in message) _nextdevtools.dispatcher.onVersionInfo(message.versionInfo);
|
||||
if ('devIndicator' in message) _nextdevtools.dispatcher.onDevIndicator(message.devIndicator);
|
||||
if ('devToolsConfig' in message) _nextdevtools.dispatcher.onDevToolsConfig(message.devToolsConfig);
|
||||
const hasErrors = Boolean(errors && errors.length);
|
||||
if (hasErrors) {
|
||||
(0, _websocket.sendMessage)(JSON.stringify({
|
||||
event: 'client-error',
|
||||
errorCount: errors.length,
|
||||
clientId: window.__nextDevClientId
|
||||
}));
|
||||
return handleErrors(errors);
|
||||
}
|
||||
// NOTE: Turbopack does not currently send warnings
|
||||
const hasWarnings = Boolean(warnings && warnings.length);
|
||||
if (hasWarnings) {
|
||||
(0, _websocket.sendMessage)(JSON.stringify({
|
||||
event: 'client-warning',
|
||||
warningCount: warnings.length,
|
||||
clientId: window.__nextDevClientId
|
||||
}));
|
||||
return handleWarnings(warnings);
|
||||
}
|
||||
(0, _websocket.sendMessage)(JSON.stringify({
|
||||
event: 'client-success',
|
||||
clientId: window.__nextDevClientId
|
||||
}));
|
||||
return handleSuccess();
|
||||
}
|
||||
case _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.SERVER_COMPONENT_CHANGES:
|
||||
{
|
||||
turbopackHmr?.onServerComponentChanges();
|
||||
if (hasCompileErrors || _runtimeerrorhandler.RuntimeErrorHandler.hadRuntimeError) {
|
||||
window.location.reload();
|
||||
}
|
||||
return;
|
||||
}
|
||||
case _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.SERVER_ERROR:
|
||||
{
|
||||
const { errorJSON } = message;
|
||||
if (errorJSON) {
|
||||
const errorObject = JSON.parse(errorJSON);
|
||||
const error = Object.defineProperty(new Error(errorObject.message), "__NEXT_ERROR_CODE", {
|
||||
value: "E394",
|
||||
enumerable: false,
|
||||
configurable: true
|
||||
});
|
||||
error.stack = errorObject.stack;
|
||||
handleErrors([
|
||||
error
|
||||
]);
|
||||
}
|
||||
return;
|
||||
}
|
||||
case _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.TURBOPACK_CONNECTED:
|
||||
{
|
||||
for (const listener of turbopackMessageListeners){
|
||||
listener({
|
||||
type: _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.TURBOPACK_CONNECTED,
|
||||
data: message.data
|
||||
});
|
||||
}
|
||||
break;
|
||||
}
|
||||
case _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.TURBOPACK_MESSAGE:
|
||||
{
|
||||
turbopackHmr.onTurbopackMessage(message);
|
||||
_nextdevtools.dispatcher.onBeforeRefresh();
|
||||
for (const listener of turbopackMessageListeners){
|
||||
listener({
|
||||
type: _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.TURBOPACK_MESSAGE,
|
||||
data: message.data
|
||||
});
|
||||
}
|
||||
if (_runtimeerrorhandler.RuntimeErrorHandler.hadRuntimeError) {
|
||||
console.warn(_shared.REACT_REFRESH_FULL_RELOAD_FROM_ERROR);
|
||||
performFullReload(null);
|
||||
}
|
||||
_nextdevtools.dispatcher.onRefresh();
|
||||
break;
|
||||
}
|
||||
case _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.ADDED_PAGE:
|
||||
case _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.REMOVED_PAGE:
|
||||
case _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.RELOAD_PAGE:
|
||||
case _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.DEV_PAGES_MANIFEST_UPDATE:
|
||||
if (customHmrEventHandler) {
|
||||
customHmrEventHandler(message);
|
||||
}
|
||||
break;
|
||||
case _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.DEVTOOLS_CONFIG:
|
||||
_nextdevtools.dispatcher.onDevToolsConfig(message.data);
|
||||
break;
|
||||
case _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.CACHE_INDICATOR:
|
||||
case _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.REACT_DEBUG_CHUNK:
|
||||
case _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.ERRORS_TO_SHOW_IN_BROWSER:
|
||||
break;
|
||||
case _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.MIDDLEWARE_CHANGES:
|
||||
case _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.CLIENT_CHANGES:
|
||||
case _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.SERVER_ONLY_CHANGES:
|
||||
break;
|
||||
case _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.REQUEST_CURRENT_ERROR_STATE:
|
||||
{
|
||||
const errorState = (0, _nextdevtools.getSerializedOverlayState)();
|
||||
const response = {
|
||||
event: _hotreloadertypes.HMR_MESSAGE_SENT_TO_SERVER.MCP_ERROR_STATE_RESPONSE,
|
||||
requestId: message.requestId,
|
||||
errorState,
|
||||
url: window.location.href
|
||||
};
|
||||
(0, _websocket.sendMessage)(JSON.stringify(response));
|
||||
break;
|
||||
}
|
||||
case _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.REQUEST_PAGE_METADATA:
|
||||
{
|
||||
const segmentTrieData = (0, _nextdevtools.getSegmentTrieData)();
|
||||
const response = {
|
||||
event: _hotreloadertypes.HMR_MESSAGE_SENT_TO_SERVER.MCP_PAGE_METADATA_RESPONSE,
|
||||
requestId: message.requestId,
|
||||
segmentTrieData,
|
||||
url: window.location.href
|
||||
};
|
||||
(0, _websocket.sendMessage)(JSON.stringify(response));
|
||||
return;
|
||||
}
|
||||
default:
|
||||
message;
|
||||
}
|
||||
}
|
||||
// Is there a newer version of this code available?
|
||||
function isUpdateAvailable() {
|
||||
/* globals __webpack_hash__ */ // __webpack_hash__ is the hash of the current compilation.
|
||||
// It's a global variable injected by Webpack.
|
||||
return mostRecentCompilationHash !== __webpack_hash__;
|
||||
}
|
||||
// Webpack disallows updates in other states.
|
||||
function canApplyUpdates() {
|
||||
return module.hot.status() === 'idle';
|
||||
}
|
||||
function afterApplyUpdates(fn) {
|
||||
if (canApplyUpdates()) {
|
||||
fn();
|
||||
} else {
|
||||
function handler(status) {
|
||||
if (status === 'idle') {
|
||||
module.hot.removeStatusHandler(handler);
|
||||
fn();
|
||||
}
|
||||
}
|
||||
module.hot.addStatusHandler(handler);
|
||||
}
|
||||
}
|
||||
// Attempt to update code on the fly, fall back to a hard reload.
|
||||
function tryApplyUpdatesWebpack() {
|
||||
if (!module.hot) {
|
||||
// HotModuleReplacementPlugin is not in Webpack configuration.
|
||||
console.error('HotModuleReplacementPlugin is not in Webpack configuration.');
|
||||
// window.location.reload();
|
||||
return;
|
||||
}
|
||||
if (!isUpdateAvailable() || !canApplyUpdates()) {
|
||||
_nextdevtools.dispatcher.onBuildOk();
|
||||
return;
|
||||
}
|
||||
function handleApplyUpdates(err, updatedModules) {
|
||||
if (err || _runtimeerrorhandler.RuntimeErrorHandler.hadRuntimeError || updatedModules == null) {
|
||||
if (err) {
|
||||
console.warn(_shared.REACT_REFRESH_FULL_RELOAD);
|
||||
} else if (_runtimeerrorhandler.RuntimeErrorHandler.hadRuntimeError) {
|
||||
console.warn(_shared.REACT_REFRESH_FULL_RELOAD_FROM_ERROR);
|
||||
}
|
||||
performFullReload(err);
|
||||
return;
|
||||
}
|
||||
_nextdevtools.dispatcher.onBuildOk();
|
||||
if (isUpdateAvailable()) {
|
||||
// While we were updating, there was a new update! Do it again.
|
||||
tryApplyUpdatesWebpack();
|
||||
return;
|
||||
}
|
||||
_nextdevtools.dispatcher.onRefresh();
|
||||
(0, _reporthmrlatency.default)(_websocket.sendMessage, updatedModules, webpackStartMsSinceEpoch, Date.now());
|
||||
if (process.env.__NEXT_TEST_MODE) {
|
||||
afterApplyUpdates(()=>{
|
||||
if (self.__NEXT_HMR_CB) {
|
||||
self.__NEXT_HMR_CB();
|
||||
self.__NEXT_HMR_CB = null;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
// https://webpack.js.org/api/hot-module-replacement/#check
|
||||
module.hot.check(/* autoApply */ false).then((updatedModules)=>{
|
||||
if (updatedModules == null) {
|
||||
return null;
|
||||
}
|
||||
// We should always handle an update, even if updatedModules is empty (but
|
||||
// non-null) for any reason. That's what webpack would normally do:
|
||||
// https://github.com/webpack/webpack/blob/3aa6b6bc3a64/lib/hmr/HotModuleReplacement.runtime.js#L296-L298
|
||||
_nextdevtools.dispatcher.onBeforeRefresh();
|
||||
// https://webpack.js.org/api/hot-module-replacement/#apply
|
||||
return module.hot.apply();
|
||||
}).then((updatedModules)=>{
|
||||
handleApplyUpdates(null, updatedModules);
|
||||
}, (err)=>{
|
||||
handleApplyUpdates(err, null);
|
||||
});
|
||||
}
|
||||
function performFullReload(err) {
|
||||
const stackTrace = err && (err.stack && err.stack.split('\n').slice(0, 5).join('\n') || err.message || err + '');
|
||||
(0, _websocket.sendMessage)(JSON.stringify({
|
||||
event: 'client-full-reload',
|
||||
stackTrace,
|
||||
hadRuntimeError: !!_runtimeerrorhandler.RuntimeErrorHandler.hadRuntimeError,
|
||||
dependencyChain: err ? err.dependencyChain : undefined
|
||||
}));
|
||||
window.location.reload();
|
||||
}
|
||||
|
||||
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
|
||||
Object.defineProperty(exports.default, '__esModule', { value: true });
|
||||
Object.assign(exports.default, exports);
|
||||
module.exports = exports.default;
|
||||
}
|
||||
|
||||
//# sourceMappingURL=hot-reloader-pages.js.map
|
||||
+1
File diff suppressed because one or more lines are too long
+9
@@ -0,0 +1,9 @@
|
||||
import { type HmrMessageSentToBrowser } from '../../../../server/dev/hot-reloader-types';
|
||||
type MessageCallback = (message: HmrMessageSentToBrowser) => void;
|
||||
export declare function addMessageListener(callback: MessageCallback): void;
|
||||
export declare function sendMessage(data: string): void;
|
||||
export declare function connectHMR(options: {
|
||||
path: string;
|
||||
assetPrefix: string;
|
||||
}): void;
|
||||
export {};
|
||||
+106
@@ -0,0 +1,106 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
0 && (module.exports = {
|
||||
addMessageListener: null,
|
||||
connectHMR: null,
|
||||
sendMessage: null
|
||||
});
|
||||
function _export(target, all) {
|
||||
for(var name in all)Object.defineProperty(target, name, {
|
||||
enumerable: true,
|
||||
get: all[name]
|
||||
});
|
||||
}
|
||||
_export(exports, {
|
||||
addMessageListener: function() {
|
||||
return addMessageListener;
|
||||
},
|
||||
connectHMR: function() {
|
||||
return connectHMR;
|
||||
},
|
||||
sendMessage: function() {
|
||||
return sendMessage;
|
||||
}
|
||||
});
|
||||
const _forwardlogs = require("../../../../next-devtools/userspace/app/forward-logs");
|
||||
const _hotreloadertypes = require("../../../../server/dev/hot-reloader-types");
|
||||
const _getsocketurl = require("../get-socket-url");
|
||||
const _constants = require("../../../../lib/constants");
|
||||
let source;
|
||||
const messageCallbacks = [];
|
||||
function addMessageListener(callback) {
|
||||
messageCallbacks.push(callback);
|
||||
}
|
||||
function sendMessage(data) {
|
||||
if (!source || source.readyState !== source.OPEN) return;
|
||||
return source.send(data);
|
||||
}
|
||||
let reconnections = 0;
|
||||
let reloading = false;
|
||||
let serverSessionId = null;
|
||||
function connectHMR(options) {
|
||||
let timer;
|
||||
function init() {
|
||||
if (source) source.close();
|
||||
function handleOnline() {
|
||||
_forwardlogs.logQueue.onSocketReady(source);
|
||||
reconnections = 0;
|
||||
window.console.log('[HMR] connected');
|
||||
}
|
||||
function handleMessage(event) {
|
||||
// While the page is reloading, don't respond to any more messages.
|
||||
// On reconnect, the server may send an empty list of changes if it was restarted.
|
||||
if (reloading) {
|
||||
return;
|
||||
}
|
||||
const message = JSON.parse(event.data);
|
||||
if (message.type === _hotreloadertypes.HMR_MESSAGE_SENT_TO_BROWSER.TURBOPACK_CONNECTED) {
|
||||
if (serverSessionId !== null && serverSessionId !== message.data.sessionId) {
|
||||
// Either the server's session id has changed and it's a new server, or
|
||||
// it's been too long since we disconnected and we should reload the page.
|
||||
// There could be 1) unhandled server errors and/or 2) stale content.
|
||||
// Perform a hard reload of the page.
|
||||
window.location.reload();
|
||||
reloading = true;
|
||||
return;
|
||||
}
|
||||
serverSessionId = message.data.sessionId;
|
||||
}
|
||||
for (const messageCallback of messageCallbacks){
|
||||
messageCallback(message);
|
||||
}
|
||||
}
|
||||
function handleDisconnect() {
|
||||
source.onerror = null;
|
||||
source.onclose = null;
|
||||
source.close();
|
||||
reconnections++;
|
||||
// After 25 reconnects we'll want to reload the page as it indicates the dev server is no longer running.
|
||||
if (reconnections > _constants.WEB_SOCKET_MAX_RECONNECTIONS) {
|
||||
reloading = true;
|
||||
window.location.reload();
|
||||
return;
|
||||
}
|
||||
clearTimeout(timer);
|
||||
// Try again after 5 seconds
|
||||
timer = setTimeout(init, reconnections > 5 ? 5000 : 1000);
|
||||
}
|
||||
const url = (0, _getsocketurl.getSocketUrl)(options.assetPrefix);
|
||||
source = new window.WebSocket(`${url}${options.path}`);
|
||||
source.onopen = handleOnline;
|
||||
source.onerror = handleDisconnect;
|
||||
source.onclose = handleDisconnect;
|
||||
source.onmessage = handleMessage;
|
||||
}
|
||||
init();
|
||||
}
|
||||
|
||||
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
|
||||
Object.defineProperty(exports.default, '__esModule', { value: true });
|
||||
Object.assign(exports.default, exports);
|
||||
module.exports = exports.default;
|
||||
}
|
||||
|
||||
//# sourceMappingURL=websocket.js.map
|
||||
+1
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user