Files
react/packages/react-devtools-scheduling-profiler/src/import-worker/import.worker.js
T
E-Liang Tan eabd18c73f Scheduling Profiler: Move preprocessing to web worker and add loading indicator (#19759)
* Move preprocessData into a web worker
* Add UI feedback for loading/import error states
* Terminate worker when done handling profile
* Add display density CSS variables
2020-09-04 10:57:32 -04:00

58 lines
1.5 KiB
JavaScript

/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
* @flow
*/
import 'regenerator-runtime/runtime';
import type {TimelineEvent} from '@elg/speedscope';
import type {ReactProfilerData} from '../types';
import preprocessData from './preprocessData';
import {readInputData} from './readInputData';
import InvalidProfileError from './InvalidProfileError';
declare var self: DedicatedWorkerGlobalScope;
type ImportWorkerInputData = {|
file: File,
|};
export type ImportWorkerOutputData =
| {|status: 'SUCCESS', processedData: ReactProfilerData|}
| {|status: 'INVALID_PROFILE_ERROR', error: Error|}
| {|status: 'UNEXPECTED_ERROR', error: Error|};
self.onmessage = async function(event: MessageEvent) {
const {file} = ((event.data: any): ImportWorkerInputData);
try {
const readFile = await readInputData(file);
const events: TimelineEvent[] = JSON.parse(readFile);
if (events.length === 0) {
throw new InvalidProfileError('No profiling data found in file.');
}
self.postMessage({
status: 'SUCCESS',
processedData: preprocessData(events),
});
} catch (error) {
if (error instanceof InvalidProfileError) {
self.postMessage({
status: 'INVALID_PROFILE_ERROR',
error,
});
} else {
self.postMessage({
status: 'UNEXPECTED_ERROR',
error,
});
}
}
};