mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-01 17:57:36 +08:00
Tim van der Lippe
d1a00aacb9
R=jacktfranklin@chromium.org Bug: 1058320 Change-Id: Icc1d806782e7624fff02e719670a2cca59070ddd Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2364594 Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org> Reviewed-by: Jack Franklin <jacktfranklin@chromium.org>
77 lines
2.3 KiB
JavaScript
77 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.
|
|
|
|
// @ts-nocheck
|
|
// TODO(crbug.com/1011811): Enable TypeScript compiler checks
|
|
|
|
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');
|
|
|
|
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<undefined>}
|
|
*/
|
|
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});
|
|
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;
|