mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-10 13:44:39 +08:00
Blink Reformat
4c46d0969f
Move and rename files. NOAUTOREVERT=true NOPRESUBMIT=true NOTREECHECKS=true Bug: 768828 TBR=darin@chromium.org NOTRY=true Change-Id: I66d3b155808bc5bdbf237b80208e1e552bcf7f28 Reviewed-on: https://chromium-review.googlesource.com/1001153 Reviewed-by: Blink Reformat <blink-reformat@chromium.org> Commit-Queue: Blink Reformat <blink-reformat@chromium.org> Cr-Original-Commit-Position: refs/heads/master@{#549061} Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src Cr-Mirrored-Commit: 0aee4434a4dba42a42abaea9bfbc0cd196a63bc1
80 lines
2.5 KiB
JavaScript
80 lines
2.5 KiB
JavaScript
/*
|
|
* Copyright 2014 The Chromium Authors. All rights reserved.
|
|
* Use of this source code is governed by a BSD-style license that can be
|
|
* found in the LICENSE file.
|
|
*/
|
|
|
|
/**
|
|
* @unrestricted
|
|
*/
|
|
Timeline.TimelineLayersView = class extends UI.SplitWidget {
|
|
/**
|
|
* @param {!TimelineModel.TimelineModel} model
|
|
* @param {function(!SDK.PaintProfilerSnapshot)} showPaintProfilerCallback
|
|
*/
|
|
constructor(model, showPaintProfilerCallback) {
|
|
super(true, false, 'timelineLayersView');
|
|
this._model = model;
|
|
this._showPaintProfilerCallback = showPaintProfilerCallback;
|
|
|
|
this.element.classList.add('timeline-layers-view');
|
|
this._rightSplitWidget = new UI.SplitWidget(true, true, 'timelineLayersViewDetails');
|
|
this._rightSplitWidget.element.classList.add('timeline-layers-view-properties');
|
|
this.setMainWidget(this._rightSplitWidget);
|
|
|
|
const vbox = new UI.VBox();
|
|
this.setSidebarWidget(vbox);
|
|
|
|
this._layerViewHost = new LayerViewer.LayerViewHost();
|
|
|
|
const layerTreeOutline = new LayerViewer.LayerTreeOutline(this._layerViewHost);
|
|
vbox.element.appendChild(layerTreeOutline.element);
|
|
|
|
this._layers3DView = new LayerViewer.Layers3DView(this._layerViewHost);
|
|
this._layers3DView.addEventListener(
|
|
LayerViewer.Layers3DView.Events.PaintProfilerRequested, this._onPaintProfilerRequested, this);
|
|
this._rightSplitWidget.setMainWidget(this._layers3DView);
|
|
|
|
const layerDetailsView = new LayerViewer.LayerDetailsView(this._layerViewHost);
|
|
this._rightSplitWidget.setSidebarWidget(layerDetailsView);
|
|
layerDetailsView.addEventListener(
|
|
LayerViewer.LayerDetailsView.Events.PaintProfilerRequested, this._onPaintProfilerRequested, this);
|
|
}
|
|
|
|
/**
|
|
* @param {!TimelineModel.TracingFrameLayerTree} frameLayerTree
|
|
*/
|
|
showLayerTree(frameLayerTree) {
|
|
this._frameLayerTree = frameLayerTree;
|
|
if (this.isShowing())
|
|
this._update();
|
|
else
|
|
this._updateWhenVisible = true;
|
|
}
|
|
|
|
/**
|
|
* @override
|
|
*/
|
|
wasShown() {
|
|
if (this._updateWhenVisible) {
|
|
this._updateWhenVisible = false;
|
|
this._update();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {!Common.Event} event
|
|
*/
|
|
_onPaintProfilerRequested(event) {
|
|
const selection = /** @type {!LayerViewer.LayerView.Selection} */ (event.data);
|
|
this._layers3DView.snapshotForSelection(selection).then(snapshotWithRect => {
|
|
if (snapshotWithRect)
|
|
this._showPaintProfilerCallback(snapshotWithRect.snapshot);
|
|
});
|
|
}
|
|
|
|
_update() {
|
|
this._frameLayerTree.layerTreePromise().then(layerTree => this._layerViewHost.setLayerTree(layerTree));
|
|
}
|
|
};
|