ink
Version:
React for CLI
68 lines • 2.22 kB
JavaScript
// Ignoring missing types error to avoid adding another dependency for this hack to work
import ws from 'ws';
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
const customGlobal = globalThis;
// These things must exist before importing `react-devtools-core`
// Using ||= intentionally to set falsy values, not just null/undefined
// eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
customGlobal.WebSocket ||= ws;
// eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
customGlobal.window ||= globalThis;
// eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
customGlobal.self ||= globalThis;
// Filter out Ink's internal components from devtools for a cleaner view.
// Also, ince `react-devtools-shared` package isn't published on npm, we can't
// use its types, that's why there are hard-coded values in `type` fields below.
// See https://github.com/facebook/react/blob/edf6eac8a181860fd8a2d076a43806f1237495a1/packages/react-devtools-shared/src/types.js#L24
customGlobal.window.__REACT_DEVTOOLS_COMPONENT_FILTERS__ = [
{
// ComponentFilterElementType
type: 1,
// ElementTypeHostComponent
value: 7,
isEnabled: true,
},
{
// ComponentFilterDisplayName
type: 2,
value: 'InternalApp',
isEnabled: true,
isValid: true,
},
{
// ComponentFilterDisplayName
type: 2,
value: 'InternalAppContext',
isEnabled: true,
isValid: true,
},
{
// ComponentFilterDisplayName
type: 2,
value: 'InternalStdoutContext',
isEnabled: true,
isValid: true,
},
{
// ComponentFilterDisplayName
type: 2,
value: 'InternalStderrContext',
isEnabled: true,
isValid: true,
},
{
// ComponentFilterDisplayName
type: 2,
value: 'InternalStdinContext',
isEnabled: true,
isValid: true,
},
{
// ComponentFilterDisplayName
type: 2,
value: 'InternalFocusContext',
isEnabled: true,
isValid: true,
},
];
//# sourceMappingURL=devtools-window-polyfill.js.map