583eabdd79
Summary: Track: - Element selected. Include name and tags. Useful to understand what type of elements engineers are selecting in a hierarchy i.e. ui framework, element type, etc. - Element focused. Same as above. - Context menu usage Reviewed By: LukeDefeo Differential Revision: D44294618 fbshipit-source-id: f2b9642e70818e8a382bbbddc28115a40734dfe8
59 lines
1.2 KiB
TypeScript
59 lines
1.2 KiB
TypeScript
/**
|
|
* 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.
|
|
*
|
|
* @format
|
|
*/
|
|
|
|
import {getFlipperLib} from 'flipper-plugin';
|
|
import {FrameworkEventType, Tag} from './types';
|
|
|
|
const UI_DEBUGGER_IDENTIFIER = 'ui-debugger';
|
|
|
|
type NodeEventPayload = {
|
|
name: string;
|
|
tags: Tag[];
|
|
};
|
|
|
|
type TrackerEvents = {
|
|
'more-options-opened': {};
|
|
'context-menu-opened': {};
|
|
'play-pause-toggled': {
|
|
paused: boolean;
|
|
};
|
|
'framework-event-monitored': {
|
|
eventType: FrameworkEventType;
|
|
monitored: boolean;
|
|
};
|
|
'search-term-updated': {
|
|
searchTerm: string;
|
|
};
|
|
'node-selected': NodeEventPayload;
|
|
'node-focused': NodeEventPayload;
|
|
};
|
|
|
|
export interface Tracker {
|
|
track<Event extends keyof TrackerEvents>(
|
|
event: Event,
|
|
payload: TrackerEvents[Event],
|
|
): void;
|
|
}
|
|
|
|
class UIDebuggerTracker implements Tracker {
|
|
track<Event extends keyof TrackerEvents>(
|
|
event: Event,
|
|
payload: TrackerEvents[Event],
|
|
): void {
|
|
getFlipperLib().logger.track(
|
|
'usage',
|
|
event,
|
|
payload,
|
|
UI_DEBUGGER_IDENTIFIER,
|
|
);
|
|
}
|
|
}
|
|
|
|
export const tracker: Tracker = new UIDebuggerTracker();
|