@zendesk/react-measure-timing-hooks
Version:
react hooks for measuring time to interactive and time to render of components
44 lines • 1.69 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.BAR_FILL_COLOR = exports.FILTER_OPTIONS = exports.DETAILS_PANEL_WIDTH = exports.COLLAPSE_IFRAME_SPANS = exports.COLLAPSE_EMBER_RESOURCE_SPANS = exports.COLLAPSE_ASSET_SPANS_TEXT = exports.COLLAPSE_RENDER_SPANS_TEXT = exports.MEASURES_TEXT = exports.RESOURCES_TEXT = void 0;
exports.RESOURCES_TEXT = 'Show Resources';
exports.MEASURES_TEXT = 'Show Measures';
exports.COLLAPSE_RENDER_SPANS_TEXT = 'Collapse Renders';
exports.COLLAPSE_ASSET_SPANS_TEXT = 'Collapse Assets';
exports.COLLAPSE_EMBER_RESOURCE_SPANS = 'Collapse Ember';
exports.COLLAPSE_IFRAME_SPANS = 'Collapse iframes';
exports.DETAILS_PANEL_WIDTH = 400;
exports.FILTER_OPTIONS = [
exports.RESOURCES_TEXT,
exports.MEASURES_TEXT,
exports.COLLAPSE_RENDER_SPANS_TEXT,
exports.COLLAPSE_ASSET_SPANS_TEXT,
exports.COLLAPSE_EMBER_RESOURCE_SPANS,
exports.COLLAPSE_IFRAME_SPANS,
];
exports.BAR_FILL_COLOR = {
'component-render-start': '#ffffff', // invisible
'component-render': '#ff7f0e',
measure: '#2ca02c',
resource: '#1f77b4',
'resource-ember': '#17becf',
longtask: '#d62728',
'long-animation-frame': '#d62728',
mark: '#9467bd',
asset: '#8c564b',
iframe: '#e377c2',
element: '#7f7f7f',
action: '#bcbd22',
'computed-span': '#17becf',
'component-unmount': '#ff9896',
error: '#ff9896',
'first-input': '#aec7e8',
'largest-contentful-paint': '#98df8a',
'layout-shift': '#ff9896',
'visibility-state': '#ff9896',
event: '#ff9896',
navigation: '#ff9896',
paint: '#ff9896',
taskattribution: '#ff9896',
};
//# sourceMappingURL=constants.js.map