@quick-game/cli
Version:
Command line interface for rapid qg development
67 lines • 3.25 kB
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 i18n from '../../core/i18n/i18n.js';
import * as SDK from '../../core/sdk/sdk.js';
import * as Components from '../../ui/legacy/components/utils/utils.js';
import * as UI from '../../ui/legacy/legacy.js';
import nodeStackTraceWidgetStyles from './nodeStackTraceWidget.css.js';
const UIStrings = {
/**
*@description Message displayed when no JavaScript stack trace is available for the DOM node in the Stack Trace widget of the Elements panel
*/
noStackTraceAvailable: 'No stack trace available',
};
const str_ = i18n.i18n.registerUIStrings('panels/elements/NodeStackTraceWidget.ts', UIStrings);
const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
let nodeStackTraceWidgetInstance;
export class NodeStackTraceWidget extends UI.ThrottledWidget.ThrottledWidget {
noStackTraceElement;
creationStackTraceElement;
linkifier;
constructor() {
super(true /* isWebComponent */);
this.noStackTraceElement = this.contentElement.createChild('div', 'gray-info-message');
this.noStackTraceElement.textContent = i18nString(UIStrings.noStackTraceAvailable);
this.creationStackTraceElement = this.contentElement.createChild('div', 'stack-trace');
this.linkifier = new Components.Linkifier.Linkifier(MaxLengthForLinks);
}
static instance(opts = { forceNew: null }) {
const { forceNew } = opts;
if (!nodeStackTraceWidgetInstance || forceNew) {
nodeStackTraceWidgetInstance = new NodeStackTraceWidget();
}
return nodeStackTraceWidgetInstance;
}
wasShown() {
super.wasShown();
UI.Context.Context.instance().addFlavorChangeListener(SDK.DOMModel.DOMNode, this.update, this);
this.registerCSSFiles([nodeStackTraceWidgetStyles]);
this.update();
}
willHide() {
UI.Context.Context.instance().removeFlavorChangeListener(SDK.DOMModel.DOMNode, this.update, this);
}
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, tabStops: undefined });
this.creationStackTraceElement.removeChildren();
this.creationStackTraceElement.appendChild(stackTracePreview.element);
}
else {
this.noStackTraceElement.classList.remove('hidden');
this.creationStackTraceElement.classList.add('hidden');
}
}
}
export const MaxLengthForLinks = 40;
//# sourceMappingURL=NodeStackTraceWidget.js.map