Files
flipper/src/dispatcher/tracking.js
Daniel Büchele 2b98f05d03 add tracking for dropped frames
Summary: Adding dropped frames counter to usage events. This will allow us to track performance improvements.

Reviewed By: passy

Differential Revision: D9238608

fbshipit-source-id: d9adbb0ed72aaf13802f5eef39606970b64c8e36
2018-08-10 09:13:27 -07:00

62 lines
1.5 KiB
JavaScript

/**
* Copyright 2018-present Facebook.
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
* @format
*/
import {ipcRenderer} from 'electron';
import type {Store} from '../reducers/index.js';
import type Logger from '../fb-stubs/Logger.js';
export default (store: Store, logger: Logger) => {
let droppedFrames: number = 0;
function droppedFrameDetection(
past: DOMHighResTimeStamp,
isWindowFocused: () => boolean,
) {
const now = performance.now();
requestAnimationFrame(() => droppedFrameDetection(now, isWindowFocused));
if (isWindowFocused()) {
droppedFrames += Math.max(0, Math.round(now - past / (1000 / 60) - 1));
}
}
droppedFrameDetection(
performance.now(),
() => store.getState().application.windowIsFocused,
);
ipcRenderer.on('trackUsage', () => {
const {
selectedDevice,
selectedPlugin,
selectedApp,
clients,
} = store.getState().connections;
if (!selectedDevice || !selectedPlugin) {
return;
}
const info = {
droppedFrames,
os: selectedDevice.os,
device: selectedDevice.title,
plugin: selectedPlugin,
};
// reset dropped frames counter
droppedFrames = 0;
if (selectedApp) {
const client = clients.find((c: Client) => c.id === selectedApp);
if (client) {
// $FlowFixMe
info.app = client.query.app;
}
}
logger.track('usage', 'ping', info);
});
};