mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Sebastian Markbåge
ec98d36c3a
I need to start clarifying where things are really actually Fibers and where they're not since I'm adding Server Components as a separate type of component instance which is not backed by a Fiber. Nothing in the front end should really know anything about what kind of renderer implementation we're inspecting and indeed it's already not always a "Fiber" in the legacy renderer. We typically refer to this as a "Component Instance" but the front end currently refers to it as an Element as it historically grew from the browser DevTools Elements tab. I also moved the renderer.js implementation into the `backend/fiber` folder. These are at the same level as `backend/legacy`. This clarifies that anything outside of this folder ideally shouldn't refer to a "Fiber". console.js and profilingHooks.js unfortunately use Fibers a lot which needs further refactoring. The profiler frontend also uses the term alot.
89 lines
2.4 KiB
JavaScript
89 lines
2.4 KiB
JavaScript
/**
|
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow
|
|
*/
|
|
|
|
// This is a DevTools fork of shared/ConsolePatchingDev.
|
|
// The shared console patching code is DEV-only.
|
|
// We can't use it since DevTools only ships production builds.
|
|
|
|
// Helpers to patch console.logs to avoid logging during side-effect free
|
|
// replaying on render function. This currently only patches the object
|
|
// lazily which won't cover if the log function was extracted eagerly.
|
|
// We could also eagerly patch the method.
|
|
|
|
let disabledDepth = 0;
|
|
let prevLog;
|
|
let prevInfo;
|
|
let prevWarn;
|
|
let prevError;
|
|
let prevGroup;
|
|
let prevGroupCollapsed;
|
|
let prevGroupEnd;
|
|
|
|
function disabledLog() {}
|
|
disabledLog.__reactDisabledLog = true;
|
|
|
|
export function disableLogs(): void {
|
|
if (disabledDepth === 0) {
|
|
prevLog = console.log;
|
|
prevInfo = console.info;
|
|
prevWarn = console.warn;
|
|
prevError = console.error;
|
|
prevGroup = console.group;
|
|
prevGroupCollapsed = console.groupCollapsed;
|
|
prevGroupEnd = console.groupEnd;
|
|
// https://github.com/facebook/react/issues/19099
|
|
const props = {
|
|
configurable: true,
|
|
enumerable: true,
|
|
value: disabledLog,
|
|
writable: true,
|
|
};
|
|
// $FlowFixMe[cannot-write] Flow thinks console is immutable.
|
|
Object.defineProperties(console, {
|
|
info: props,
|
|
log: props,
|
|
warn: props,
|
|
error: props,
|
|
group: props,
|
|
groupCollapsed: props,
|
|
groupEnd: props,
|
|
});
|
|
/* eslint-enable react-internal/no-production-logging */
|
|
}
|
|
disabledDepth++;
|
|
}
|
|
|
|
export function reenableLogs(): void {
|
|
disabledDepth--;
|
|
if (disabledDepth === 0) {
|
|
const props = {
|
|
configurable: true,
|
|
enumerable: true,
|
|
writable: true,
|
|
};
|
|
// $FlowFixMe[cannot-write] Flow thinks console is immutable.
|
|
Object.defineProperties(console, {
|
|
log: {...props, value: prevLog},
|
|
info: {...props, value: prevInfo},
|
|
warn: {...props, value: prevWarn},
|
|
error: {...props, value: prevError},
|
|
group: {...props, value: prevGroup},
|
|
groupCollapsed: {...props, value: prevGroupCollapsed},
|
|
groupEnd: {...props, value: prevGroupEnd},
|
|
});
|
|
/* eslint-enable react-internal/no-production-logging */
|
|
}
|
|
if (disabledDepth < 0) {
|
|
console.error(
|
|
'disabledDepth fell below zero. ' +
|
|
'This is a bug in React. Please file an issue.',
|
|
);
|
|
}
|
|
}
|