// TODO: Remove use of `any` type. Fix no-use-before-define violations. /* eslint-disable @typescript-eslint/no-use-before-define */ /** * 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. */ // 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 "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "default", { enumerable: true, get: function() { return connect; } }); const _interop_require_default = require("@swc/helpers/_/_interop_require_default"); const _client = require("next/dist/compiled/@next/react-dev-overlay/dist/client"); const _stripansi = /*#__PURE__*/ _interop_require_default._(require("next/dist/compiled/strip-ansi")); const _websocket = require("./websocket"); const _formatwebpackmessages = /*#__PURE__*/ _interop_require_default._(require("./format-webpack-messages")); const _hotreloadertypes = require("../../../server/dev/hot-reloader-types"); window.__nextDevClientId = Math.round(Math.random() * 100 + Date.now()); let hadRuntimeError = false; let customHmrEventHandler; let MODE = "webpack"; function connect(mode) { MODE = mode; (0, _client.register)(); (0, _websocket.addMessageListener)((payload)=>{ if (!("action" in payload)) { return; } try { processMessage(payload); } catch (err) { var _err_stack; console.warn("[HMR] Invalid message: " + payload + "\n" + ((_err_stack = err == null ? void 0 : err.stack) != null ? _err_stack : "")); } }); return { subscribeToHmrEvent (handler) { customHmrEventHandler = handler; }, onUnrecoverableError () { hadRuntimeError = true; } }; } // 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(); if (MODE === "webpack") { const isHotUpdate = !isFirstCompilation || window.__NEXT_DATA__.page !== "/_error" && isUpdateAvailable(); isFirstCompilation = false; hasCompileErrors = false; // Attempt to apply hot updates or reload. if (isHotUpdate) { tryApplyUpdates(onBeforeFastRefresh, onFastRefresh); } } else { (0, _client.onBuildOk)(); } } // 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") { var _formatted_warnings; for(let i = 0; i < ((_formatted_warnings = formatted.warnings) == null ? void 0 : _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) { tryApplyUpdates(onBeforeFastRefresh, onFastRefresh); } } // 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. (0, _client.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 startLatency = undefined; function onBeforeFastRefresh(updatedModules) { if (updatedModules.length > 0) { // Only trigger a pending state if we have updates to apply // (cf. onFastRefresh) (0, _client.onBeforeRefresh)(); } } function onFastRefresh(updatedModules) { (0, _client.onBuildOk)(); if (updatedModules.length > 0) { // Only complete a pending state if we applied updates // (cf. onBeforeFastRefresh) (0, _client.onRefresh)(); } if (startLatency) { const endLatency = Date.now(); const latency = endLatency - startLatency; console.log("[Fast Refresh] done in " + latency + "ms"); (0, _websocket.sendMessage)(JSON.stringify({ event: "client-hmr-latency", id: window.__nextDevClientId, startTime: startLatency, endTime: endLatency, page: window.location.pathname, updatedModules, // Whether the page (tab) was hidden at the time the event occurred. // This can impact the accuracy of the event's timing. isPageHidden: document.visibilityState === "hidden" })); if (self.__NEXT_HMR_LATENCY_CB) { self.__NEXT_HMR_LATENCY_CB(latency); } } } // There is a newer version of the code available. function handleAvailableHash(hash) { // Update last known compilation hash. mostRecentCompilationHash = hash; } // Handle messages from the server. function processMessage(obj) { if (!("action" in obj)) { return; } switch(obj.action){ case _hotreloadertypes.HMR_ACTIONS_SENT_TO_BROWSER.BUILDING: { startLatency = Date.now(); console.log("[Fast Refresh] rebuilding"); break; } case _hotreloadertypes.HMR_ACTIONS_SENT_TO_BROWSER.BUILT: case _hotreloadertypes.HMR_ACTIONS_SENT_TO_BROWSER.SYNC: { if (obj.hash) { handleAvailableHash(obj.hash); } const { errors, warnings } = obj; 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); } 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_ACTIONS_SENT_TO_BROWSER.SERVER_COMPONENT_CHANGES: { window.location.reload(); return; } case _hotreloadertypes.HMR_ACTIONS_SENT_TO_BROWSER.SERVER_ERROR: { const { errorJSON } = obj; if (errorJSON) { const { message, stack } = JSON.parse(errorJSON); const error = new Error(message); error.stack = stack; handleErrors([ error ]); } return; } default: { if (customHmrEventHandler) { customHmrEventHandler(obj); break; } break; } } } // 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() { // @ts-expect-error TODO: module.hot exists but type needs to be added. Can't use `as any` here as webpack parses for `module.hot` calls. return module.hot.status() === "idle"; } function afterApplyUpdates(fn) { if (canApplyUpdates()) { fn(); } else { function handler(status) { if (status === "idle") { // @ts-expect-error TODO: module.hot exists but type needs to be added. Can't use `as any` here as webpack parses for `module.hot` calls. module.hot.removeStatusHandler(handler); fn(); } } // @ts-expect-error TODO: module.hot exists but type needs to be added. Can't use `as any` here as webpack parses for `module.hot` calls. module.hot.addStatusHandler(handler); } } // Attempt to update code on the fly, fall back to a hard reload. function tryApplyUpdates(onBeforeHotUpdate, onHotUpdateSuccess) { // @ts-expect-error TODO: module.hot exists but type needs to be added. Can't use `as any` here as webpack parses for `module.hot` calls. if (!module.hot) { // HotModuleReplacementPlugin is not in Webpack configuration. console.error("HotModuleReplacementPlugin is not in Webpack configuration."); // window.location.reload(); return; } if (!isUpdateAvailable() || !canApplyUpdates()) { (0, _client.onBuildOk)(); return; } function handleApplyUpdates(err, updatedModules) { if (err || hadRuntimeError || !updatedModules) { if (err) { console.warn("[Fast Refresh] performing full reload\n\n" + "Fast Refresh will perform a full reload when you edit a file that's imported by modules outside of the React rendering tree.\n" + "You might have a file which exports a React component but also exports a value that is imported by a non-React component file.\n" + "Consider migrating the non-React component export to a separate file and importing it into both files.\n\n" + "It is also possible the parent component of the component you edited is a class component, which disables Fast Refresh.\n" + "Fast Refresh requires at least one parent function component in your React tree."); } else if (hadRuntimeError) { console.warn("[Fast Refresh] performing full reload because your application had an unrecoverable error"); } performFullReload(err); return; } if (typeof onHotUpdateSuccess === "function") { // Maybe we want to do something. onHotUpdateSuccess(updatedModules); } if (isUpdateAvailable()) { // While we were updating, there was a new update! Do it again. // However, this time, don't trigger a pending refresh state. tryApplyUpdates(updatedModules.length > 0 ? undefined : onBeforeHotUpdate, updatedModules.length > 0 ? _client.onBuildOk : onHotUpdateSuccess); } else { (0, _client.onBuildOk)(); 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 // @ts-expect-error TODO: module.hot exists but type needs to be added. Can't use `as any` here as webpack parses for `module.hot` calls. module.hot.check(/* autoApply */ false).then((updatedModules)=>{ if (!updatedModules) { return null; } if (typeof onBeforeHotUpdate === "function") { onBeforeHotUpdate(updatedModules); } // @ts-expect-error TODO: module.hot exists but type needs to be added. Can't use `as any` here as webpack parses for `module.hot` calls. 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: !!hadRuntimeError })); 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-dev-client.js.map