mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Sebastian Markbåge
ef8b6fa257
If a FlightClient runs inside a FlightServer like fetching from a third party and that logs, then we currently double badge them since we just add on another badge. The issue is that this might be unnecessarily noisy but we also transfer the original format of the current server into the second badge. This extracts our own badge and then adds the environment name as structured data which lets the client decide how to format it. Before: <img width="599" alt="Screenshot 2025-07-02 at 2 30 07 PM" src="https://github.com/user-attachments/assets/4bf26a29-b3a8-4024-8eb9-a3f90dbff97a" /> After: <img width="590" alt="Screenshot 2025-07-02 at 2 32 56 PM" src="https://github.com/user-attachments/assets/f06bbb6d-fbb1-4ae6-b0e3-775849fe3c53" />
55 lines
1.4 KiB
JavaScript
55 lines
1.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
|
|
*/
|
|
|
|
// Keep in sync with ReactServerConsoleConfig
|
|
const badgeFormat = '[%s] ';
|
|
const pad = ' ';
|
|
|
|
const bind = Function.prototype.bind;
|
|
|
|
export function bindToConsole(
|
|
methodName: string,
|
|
args: Array<any>,
|
|
badgeName: string,
|
|
): () => any {
|
|
let offset = 0;
|
|
switch (methodName) {
|
|
case 'dir':
|
|
case 'dirxml':
|
|
case 'groupEnd':
|
|
case 'table': {
|
|
// These methods cannot be colorized because they don't take a formatting string.
|
|
// $FlowFixMe
|
|
return bind.apply(console[methodName], [console].concat(args)); // eslint-disable-line react-internal/no-production-logging
|
|
}
|
|
case 'assert': {
|
|
// assert takes formatting options as the second argument.
|
|
offset = 1;
|
|
}
|
|
}
|
|
|
|
const newArgs = args.slice(0);
|
|
if (typeof newArgs[offset] === 'string') {
|
|
newArgs.splice(
|
|
offset,
|
|
1,
|
|
badgeFormat + newArgs[offset],
|
|
pad + badgeName + pad,
|
|
);
|
|
} else {
|
|
newArgs.splice(offset, 0, badgeFormat, pad + badgeName + pad);
|
|
}
|
|
|
|
// The "this" binding in the "bind";
|
|
newArgs.unshift(console);
|
|
|
|
// $FlowFixMe
|
|
return bind.apply(console[methodName], newArgs); // eslint-disable-line react-internal/no-production-logging
|
|
}
|