Connor Clark | 5f26721 | 2019-07-26 23:59:11 | [diff] [blame] | 1 | // Copyright 2019 The Chromium Authors. All rights reserved. |
| 2 | // Use of this source code is governed by a BSD-style license that can be |
| 3 | // found in the LICENSE file. |
| 4 | |
Paul Lewis | 6d4ebb2 | 2020-08-04 12:02:55 | [diff] [blame] | 5 | // @ts-nocheck |
| 6 | // TODO(crbug.com/1011811): Enable TypeScript compiler checks |
| 7 | |
Tim van der Lippe | 97611c9 | 2020-02-12 16:56:58 | [diff] [blame] | 8 | import * as Components from '../components/components.js'; |
| 9 | import * as SDK from '../sdk/sdk.js'; |
| 10 | import * as UI from '../ui/ui.js'; |
| 11 | |
Connor Clark | 5f26721 | 2019-07-26 23:59:11 | [diff] [blame] | 12 | /** |
| 13 | * @unrestricted |
| 14 | */ |
Tim van der Lippe | 97611c9 | 2020-02-12 16:56:58 | [diff] [blame] | 15 | export class NodeStackTraceWidget extends UI.ThrottledWidget.ThrottledWidget { |
Connor Clark | 5f26721 | 2019-07-26 23:59:11 | [diff] [blame] | 16 | constructor() { |
| 17 | super(true /* isWebComponent */); |
Jack Franklin | 71519f8 | 2020-11-03 12:08:59 | [diff] [blame^] | 18 | this.registerRequiredCSS('elements/nodeStackTraceWidget.css', {enableLegacyPatching: true}); |
Connor Clark | 5f26721 | 2019-07-26 23:59:11 | [diff] [blame] | 19 | |
| 20 | this._noStackTraceElement = this.contentElement.createChild('div', 'gray-info-message'); |
| 21 | this._noStackTraceElement.textContent = ls`No stack trace available`; |
| 22 | this._creationStackTraceElement = this.contentElement.createChild('div', 'stack-trace'); |
| 23 | |
Tim van der Lippe | 97611c9 | 2020-02-12 16:56:58 | [diff] [blame] | 24 | this._linkifier = new Components.Linkifier.Linkifier(MaxLengthForLinks); |
Connor Clark | 5f26721 | 2019-07-26 23:59:11 | [diff] [blame] | 25 | } |
| 26 | |
| 27 | /** |
| 28 | * @override |
| 29 | */ |
| 30 | wasShown() { |
Tim van der Lippe | d1a00aa | 2020-08-19 16:03:56 | [diff] [blame] | 31 | UI.Context.Context.instance().addFlavorChangeListener(SDK.DOMModel.DOMNode, this.update, this); |
Connor Clark | 5f26721 | 2019-07-26 23:59:11 | [diff] [blame] | 32 | this.update(); |
| 33 | } |
| 34 | |
| 35 | /** |
| 36 | * @override |
| 37 | */ |
| 38 | willHide() { |
Tim van der Lippe | d1a00aa | 2020-08-19 16:03:56 | [diff] [blame] | 39 | UI.Context.Context.instance().removeFlavorChangeListener(SDK.DOMModel.DOMNode, this.update, this); |
Connor Clark | 5f26721 | 2019-07-26 23:59:11 | [diff] [blame] | 40 | } |
| 41 | |
| 42 | /** |
| 43 | * @override |
| 44 | * @protected |
| 45 | * @return {!Promise<undefined>} |
| 46 | */ |
| 47 | async doUpdate() { |
Tim van der Lippe | d1a00aa | 2020-08-19 16:03:56 | [diff] [blame] | 48 | const node = UI.Context.Context.instance().flavor(SDK.DOMModel.DOMNode); |
Connor Clark | 5f26721 | 2019-07-26 23:59:11 | [diff] [blame] | 49 | |
| 50 | if (!node) { |
| 51 | this._noStackTraceElement.classList.remove('hidden'); |
| 52 | this._creationStackTraceElement.classList.add('hidden'); |
| 53 | return; |
| 54 | } |
| 55 | |
| 56 | const creationStackTrace = await node.creationStackTrace(); |
| 57 | if (creationStackTrace) { |
| 58 | this._noStackTraceElement.classList.add('hidden'); |
| 59 | this._creationStackTraceElement.classList.remove('hidden'); |
| 60 | |
| 61 | const stackTracePreview = Components.JSPresentationUtils.buildStackTracePreviewContents( |
Jack Lynch | 7bc9bf2 | 2020-01-13 17:16:00 | [diff] [blame] | 62 | node.domModel().target(), this._linkifier, {stackTrace: creationStackTrace}); |
Connor Clark | 5f26721 | 2019-07-26 23:59:11 | [diff] [blame] | 63 | this._creationStackTraceElement.removeChildren(); |
| 64 | this._creationStackTraceElement.appendChild(stackTracePreview.element); |
| 65 | } else { |
| 66 | this._noStackTraceElement.classList.remove('hidden'); |
| 67 | this._creationStackTraceElement.classList.add('hidden'); |
| 68 | } |
| 69 | } |
Tim van der Lippe | 13f71fb | 2019-11-29 11:17:39 | [diff] [blame] | 70 | } |
Connor Clark | 5f26721 | 2019-07-26 23:59:11 | [diff] [blame] | 71 | |
| 72 | /** |
| 73 | * @const |
| 74 | * @type {number} |
| 75 | */ |
Tim van der Lippe | 13f71fb | 2019-11-29 11:17:39 | [diff] [blame] | 76 | export const MaxLengthForLinks = 40; |