mirror of
https://github.com/idanoo/GoScrobble.git
synced 2024-11-24 17:35:16 +00:00
175 lines
5.6 KiB
JavaScript
175 lines
5.6 KiB
JavaScript
|
/* global __webpack_require__ */
|
||
|
const Refresh = require('react-refresh/runtime');
|
||
|
|
||
|
/**
|
||
|
* Extracts exports from a webpack module object.
|
||
|
* @param {string} moduleId A Webpack module ID.
|
||
|
* @returns {*} An exports object from the module.
|
||
|
*/
|
||
|
function getModuleExports(moduleId) {
|
||
|
return __webpack_require__.c[moduleId].exports;
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Calculates the signature of a React refresh boundary.
|
||
|
* If this signature changes, it's unsafe to accept the boundary.
|
||
|
*
|
||
|
* This implementation is based on the one in [Metro](https://github.com/facebook/metro/blob/907d6af22ac6ebe58572be418e9253a90665ecbd/packages/metro/src/lib/polyfills/require.js#L795-L816).
|
||
|
* @param {*} moduleExports A Webpack module exports object.
|
||
|
* @returns {string[]} A React refresh boundary signature array.
|
||
|
*/
|
||
|
function getReactRefreshBoundarySignature(moduleExports) {
|
||
|
const signature = [];
|
||
|
signature.push(Refresh.getFamilyByType(moduleExports));
|
||
|
|
||
|
if (moduleExports == null || typeof moduleExports !== 'object') {
|
||
|
// Exit if we can't iterate over exports.
|
||
|
return signature;
|
||
|
}
|
||
|
|
||
|
for (let key in moduleExports) {
|
||
|
if (key === '__esModule') {
|
||
|
continue;
|
||
|
}
|
||
|
|
||
|
signature.push(key);
|
||
|
signature.push(Refresh.getFamilyByType(moduleExports[key]));
|
||
|
}
|
||
|
|
||
|
return signature;
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Creates a helper that performs a delayed React refresh.
|
||
|
* @returns {enqueueUpdate} A debounced React refresh function.
|
||
|
*/
|
||
|
function createDebounceUpdate() {
|
||
|
/**
|
||
|
* A cached setTimeout handler.
|
||
|
* @type {number | undefined}
|
||
|
*/
|
||
|
let refreshTimeout;
|
||
|
|
||
|
/**
|
||
|
* Performs react refresh on a delay and clears the error overlay.
|
||
|
* @param {function(): void} callback
|
||
|
* @returns {void}
|
||
|
*/
|
||
|
function enqueueUpdate(callback) {
|
||
|
if (typeof refreshTimeout === 'undefined') {
|
||
|
refreshTimeout = setTimeout(function () {
|
||
|
refreshTimeout = undefined;
|
||
|
Refresh.performReactRefresh();
|
||
|
callback();
|
||
|
}, 30);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return enqueueUpdate;
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Checks if all exports are likely a React component.
|
||
|
*
|
||
|
* This implementation is based on the one in [Metro](https://github.com/facebook/metro/blob/febdba2383113c88296c61e28e4ef6a7f4939fda/packages/metro/src/lib/polyfills/require.js#L748-L774).
|
||
|
* @param {*} moduleExports A Webpack module exports object.
|
||
|
* @returns {boolean} Whether the exports are React component like.
|
||
|
*/
|
||
|
function isReactRefreshBoundary(moduleExports) {
|
||
|
if (Refresh.isLikelyComponentType(moduleExports)) {
|
||
|
return true;
|
||
|
}
|
||
|
if (moduleExports === undefined || moduleExports === null || typeof moduleExports !== 'object') {
|
||
|
// Exit if we can't iterate over exports.
|
||
|
return false;
|
||
|
}
|
||
|
|
||
|
let hasExports = false;
|
||
|
let areAllExportsComponents = true;
|
||
|
for (let key in moduleExports) {
|
||
|
hasExports = true;
|
||
|
|
||
|
// This is the ES Module indicator flag
|
||
|
if (key === '__esModule') {
|
||
|
continue;
|
||
|
}
|
||
|
|
||
|
// We can (and have to) safely execute getters here,
|
||
|
// as Webpack manually assigns harmony exports to getters,
|
||
|
// without any side-effects attached.
|
||
|
// Ref: https://github.com/webpack/webpack/blob/b93048643fe74de2a6931755911da1212df55897/lib/MainTemplate.js#L281
|
||
|
const exportValue = moduleExports[key];
|
||
|
if (!Refresh.isLikelyComponentType(exportValue)) {
|
||
|
areAllExportsComponents = false;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return hasExports && areAllExportsComponents;
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Checks if exports are likely a React component and registers them.
|
||
|
*
|
||
|
* This implementation is based on the one in [Metro](https://github.com/facebook/metro/blob/febdba2383113c88296c61e28e4ef6a7f4939fda/packages/metro/src/lib/polyfills/require.js#L818-L835).
|
||
|
* @param {*} moduleExports A Webpack module exports object.
|
||
|
* @param {string} moduleId A Webpack module ID.
|
||
|
* @returns {void}
|
||
|
*/
|
||
|
function registerExportsForReactRefresh(moduleExports, moduleId) {
|
||
|
if (Refresh.isLikelyComponentType(moduleExports)) {
|
||
|
// Register module.exports if it is likely a component
|
||
|
Refresh.register(moduleExports, moduleId + ' %exports%');
|
||
|
}
|
||
|
|
||
|
if (moduleExports === undefined || moduleExports === null || typeof moduleExports !== 'object') {
|
||
|
// Exit if we can't iterate over the exports.
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
for (let key in moduleExports) {
|
||
|
// Skip registering the ES Module indicator
|
||
|
if (key === '__esModule') {
|
||
|
continue;
|
||
|
}
|
||
|
|
||
|
const exportValue = moduleExports[key];
|
||
|
if (Refresh.isLikelyComponentType(exportValue)) {
|
||
|
const typeID = moduleId + ' %exports% ' + key;
|
||
|
Refresh.register(exportValue, typeID);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Compares previous and next module objects to check for mutated boundaries.
|
||
|
*
|
||
|
* This implementation is based on the one in [Metro](https://github.com/facebook/metro/blob/907d6af22ac6ebe58572be418e9253a90665ecbd/packages/metro/src/lib/polyfills/require.js#L776-L792).
|
||
|
* @param {*} prevExports The current Webpack module exports object.
|
||
|
* @param {*} nextExports The next Webpack module exports object.
|
||
|
* @returns {boolean} Whether the React refresh boundary should be invalidated.
|
||
|
*/
|
||
|
function shouldInvalidateReactRefreshBoundary(prevExports, nextExports) {
|
||
|
const prevSignature = getReactRefreshBoundarySignature(prevExports);
|
||
|
const nextSignature = getReactRefreshBoundarySignature(nextExports);
|
||
|
|
||
|
if (prevSignature.length !== nextSignature.length) {
|
||
|
return true;
|
||
|
}
|
||
|
|
||
|
for (let i = 0; i < nextSignature.length; i += 1) {
|
||
|
if (prevSignature[i] !== nextSignature[i]) {
|
||
|
return true;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return false;
|
||
|
}
|
||
|
|
||
|
module.exports = Object.freeze({
|
||
|
enqueueUpdate: createDebounceUpdate(),
|
||
|
getModuleExports: getModuleExports,
|
||
|
isReactRefreshBoundary: isReactRefreshBoundary,
|
||
|
shouldInvalidateReactRefreshBoundary: shouldInvalidateReactRefreshBoundary,
|
||
|
registerExportsForReactRefresh: registerExportsForReactRefresh,
|
||
|
});
|