@zendesk/react-measure-timing-hooks/cjs/stories/mockComponentsv3/traceManager.js

react hooks for measuring time to interactive and time to render of components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useBeacon = exports.traceManager = void 0;
const hooks_1 = require("../../v3/hooks");
const observePerformanceWithTraceManager_1 = require("../../v3/observePerformanceWithTraceManager");
const TraceManager_1 = require("../../v3/TraceManager");
exports.traceManager = new TraceManager_1.TraceManager({
    relationSchemas: { ticket: { ticketId: Number } },
    reportFn: (trace) => {
        // eslint-disable-next-line no-console
        console.log('# on End', trace, trace.entries, trace.duration);
    },
    // eslint-disable-next-line no-magic-numbers
    generateId: () => Math.random().toString(36).slice(2),
    reportErrorFn: (error) => {
        // eslint-disable-next-line no-console
        console.error(error);
    },
});
(0, observePerformanceWithTraceManager_1.observePerformanceWithTraceManager)({
    traceManager: exports.traceManager,
    entryTypes: [
        'element',
        'event',
        'first-input',
        'largest-contentful-paint',
        'layout-shift',
        'long-animation-frame',
        'longtask',
        'mark',
        'measure',
        'navigation',
        'paint',
        'resource',
        'visibility-state',
    ],
});
exports.useBeacon = (0, hooks_1.generateUseBeacon)(exports.traceManager);
//# sourceMappingURL=traceManager.js.map