mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-03 10:31:10 +08:00
Andres Olivares
bb258a7f51
Bug: chromium:1011811 Change-Id: Ie1cbf6ce5483c5b3601869643da29a839a22376e Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2521954 Commit-Queue: Jack Franklin <jacktfranklin@chromium.org> Auto-Submit: Andres Olivares <andoli@chromium.org> Reviewed-by: Jack Franklin <jacktfranklin@chromium.org>
75 lines
2.3 KiB
JavaScript
75 lines
2.3 KiB
JavaScript
// Copyright 2019 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.
|
|
|
|
import * as Components from '../components/components.js';
|
|
import * as SDK from '../sdk/sdk.js';
|
|
import * as UI from '../ui/ui.js';
|
|
|
|
/**
|
|
* @unrestricted
|
|
*/
|
|
export class NodeStackTraceWidget extends UI.ThrottledWidget.ThrottledWidget {
|
|
constructor() {
|
|
super(true /* isWebComponent */);
|
|
this.registerRequiredCSS('elements/nodeStackTraceWidget.css', {enableLegacyPatching: true});
|
|
|
|
this._noStackTraceElement = this.contentElement.createChild('div', 'gray-info-message');
|
|
this._noStackTraceElement.textContent = ls`No stack trace available`;
|
|
this._creationStackTraceElement = this.contentElement.createChild('div', 'stack-trace');
|
|
|
|
this._linkifier = new Components.Linkifier.Linkifier(MaxLengthForLinks);
|
|
}
|
|
|
|
/**
|
|
* @override
|
|
*/
|
|
wasShown() {
|
|
UI.Context.Context.instance().addFlavorChangeListener(SDK.DOMModel.DOMNode, this.update, this);
|
|
this.update();
|
|
}
|
|
|
|
/**
|
|
* @override
|
|
*/
|
|
willHide() {
|
|
UI.Context.Context.instance().removeFlavorChangeListener(SDK.DOMModel.DOMNode, this.update, this);
|
|
}
|
|
|
|
/**
|
|
* @override
|
|
* @protected
|
|
* @return {!Promise<void>}
|
|
*/
|
|
async doUpdate() {
|
|
const node = UI.Context.Context.instance().flavor(SDK.DOMModel.DOMNode);
|
|
|
|
if (!node) {
|
|
this._noStackTraceElement.classList.remove('hidden');
|
|
this._creationStackTraceElement.classList.add('hidden');
|
|
return;
|
|
}
|
|
|
|
const creationStackTrace = await node.creationStackTrace();
|
|
if (creationStackTrace) {
|
|
this._noStackTraceElement.classList.add('hidden');
|
|
this._creationStackTraceElement.classList.remove('hidden');
|
|
|
|
const stackTracePreview = Components.JSPresentationUtils.buildStackTracePreviewContents(
|
|
node.domModel().target(), this._linkifier,
|
|
{stackTrace: creationStackTrace, contentUpdated: undefined, tabStops: undefined});
|
|
this._creationStackTraceElement.removeChildren();
|
|
this._creationStackTraceElement.appendChild(stackTracePreview.element);
|
|
} else {
|
|
this._noStackTraceElement.classList.remove('hidden');
|
|
this._creationStackTraceElement.classList.add('hidden');
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @const
|
|
* @type {number}
|
|
*/
|
|
export const MaxLengthForLinks = 40;
|