chrome-devtools-frontend 1.0.943986 → 1.0.944427

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/front_end/core/host/UserMetrics.ts +0 -1
  2. package/front_end/core/i18n/locales/en-US.json +0 -12
  3. package/front_end/core/i18n/locales/en-XL.json +0 -12
  4. package/front_end/core/sdk/CSSStyleDeclaration.ts +4 -0
  5. package/front_end/core/sdk/OverlayModel.ts +0 -9
  6. package/front_end/core/sdk/sdk-meta.ts +0 -26
  7. package/front_end/entrypoints/inspector_main/RenderingOptions.ts +0 -13
  8. package/front_end/entrypoints/main/MainImpl.ts +0 -2
  9. package/front_end/models/timeline_model/TimelineJSProfile.ts +3 -16
  10. package/front_end/models/timeline_model/TimelineModel.ts +0 -1
  11. package/front_end/panels/console/ConsolePinPane.ts +1 -0
  12. package/front_end/panels/console/ConsolePrompt.ts +121 -171
  13. package/front_end/panels/console/ConsoleView.ts +1 -1
  14. package/front_end/panels/console/consoleView.css +1 -1
  15. package/front_end/panels/css_overview/cssOverviewCompletedView.css +2 -2
  16. package/front_end/panels/elements/AccessibilityTreeUtils.ts +2 -1
  17. package/front_end/panels/elements/ElementsTreeElement.ts +1 -0
  18. package/front_end/panels/elements/StyleEditorWidget.ts +13 -2
  19. package/front_end/panels/elements/StylePropertyHighlighter.ts +29 -19
  20. package/front_end/panels/elements/StylePropertyTreeElement.ts +7 -4
  21. package/front_end/panels/elements/StylesSidebarPane.ts +1 -1
  22. package/front_end/panels/elements/components/AccessibilityTreeNode.ts +27 -3
  23. package/front_end/panels/network/NetworkDataGridNode.ts +5 -1
  24. package/front_end/panels/sources/BreakpointEditDialog.ts +1 -0
  25. package/front_end/panels/timeline/TimelineController.ts +0 -3
  26. package/front_end/third_party/codemirror.next/bundle.ts +3 -2
  27. package/front_end/third_party/codemirror.next/chunk/codemirror.js +1 -1
  28. package/front_end/third_party/codemirror.next/codemirror.next.d.ts +32 -1
  29. package/front_end/third_party/codemirror.next/codemirror.next.js +1 -1
  30. package/front_end/third_party/codemirror.next/package.json +4 -4
  31. package/front_end/ui/components/text_editor/config.ts +34 -14
  32. package/front_end/ui/components/text_editor/javascript.ts +14 -9
  33. package/front_end/ui/components/text_editor/theme.ts +29 -4
  34. package/front_end/ui/legacy/components/source_frame/SourceFrame.ts +1 -0
  35. package/front_end/ui/legacy/components/utils/Linkifier.ts +49 -79
  36. package/front_end/ui/legacy/themeColors.css +2 -0
  37. package/package.json +1 -1
@@ -4,6 +4,7 @@
4
4
 
5
5
  import * as i18n from '../../../core/i18n/i18n.js';
6
6
  import * as Platform from '../../../core/platform/platform.js';
7
+ import * as Protocol from '../../../generated/protocol.js';
7
8
 
8
9
  import * as ComponentHelpers from '../../../ui/components/helpers/helpers.js';
9
10
  import * as Coordinator from '../../../ui/components/render_coordinator/render_coordinator.js';
@@ -31,10 +32,23 @@ function truncateTextIfNeeded(text: string): string {
31
32
  return text;
32
33
  }
33
34
 
35
+ function isPrintable(valueType: Protocol.Accessibility.AXValueType): boolean {
36
+ switch (valueType) {
37
+ case Protocol.Accessibility.AXValueType.Boolean:
38
+ case Protocol.Accessibility.AXValueType.BooleanOrUndefined:
39
+ case Protocol.Accessibility.AXValueType.String:
40
+ case Protocol.Accessibility.AXValueType.Number:
41
+ return true;
42
+ default:
43
+ return false;
44
+ }
45
+ }
46
+
34
47
  export interface AccessibilityTreeNodeData {
35
48
  ignored: boolean;
36
49
  name: string;
37
50
  role: string;
51
+ properties: Protocol.Accessibility.AXProperty[];
38
52
  }
39
53
 
40
54
  export class AccessibilityTreeNode extends HTMLElement {
@@ -44,11 +58,13 @@ export class AccessibilityTreeNode extends HTMLElement {
44
58
  private ignored = true;
45
59
  private name = '';
46
60
  private role = '';
61
+ private properties: Protocol.Accessibility.AXProperty[] = [];
47
62
 
48
63
  set data(data: AccessibilityTreeNodeData) {
49
64
  this.ignored = data.ignored;
50
65
  this.name = data.name;
51
66
  this.role = data.role;
67
+ this.properties = data.properties;
52
68
  this.render();
53
69
  }
54
70
 
@@ -57,12 +73,20 @@ export class AccessibilityTreeNode extends HTMLElement {
57
73
  }
58
74
 
59
75
  private async render(): Promise<void> {
76
+ const role = LitHtml.html`<span class='role-value'>${truncateTextIfNeeded(this.role)}</span>`;
77
+ const name = LitHtml.html`"<span class='attribute-value'>${this.name}</span>"`;
78
+ const properties = this.properties.map(
79
+ ({name, value}) => isPrintable(value.type) ?
80
+ LitHtml.html`&nbsp<span class='attribute-name'>${name}</span>:&nbsp<span class='attribute-value'>${
81
+ value.value}</span>` :
82
+ LitHtml.nothing);
83
+
60
84
  await Coordinator.RenderCoordinator.RenderCoordinator.instance().write('Accessibility node render', () => {
61
85
  // clang-format off
62
86
  LitHtml.render(
63
- LitHtml.html`${this.ignored?
64
- LitHtml.html`<span>${i18nString(UIStrings.ignored)}</span>`:
65
- LitHtml.html`<span class='role-value'>${truncateTextIfNeeded(this.role)}</span>&nbsp"<span class='attribute-value'>${this.name}</span>"`}`,
87
+ this.ignored ?
88
+ LitHtml.html`<span>${i18nString(UIStrings.ignored)}</span>` :
89
+ LitHtml.html`${role}&nbsp${name}${properties}`,
66
90
  this.shadow,
67
91
  {host: this});
68
92
  // clang-format on
@@ -246,6 +246,7 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
246
246
  // TODO(crbug.com/1167717): Make this a const enum again
247
247
  // eslint-disable-next-line rulesdir/const_enum
248
248
  export enum Events {
249
+ // RequestSelected might fire twice for the same "activation"
249
250
  RequestSelected = 'RequestSelected',
250
251
  RequestActivated = 'RequestActivated',
251
252
  }
@@ -1007,7 +1008,10 @@ export class NetworkRequestNode extends NetworkNode {
1007
1008
  cell.style.setProperty('padding-left', leftPadding);
1008
1009
  this.nameCell = cell;
1009
1010
  cell.addEventListener('dblclick', this.openInNewTab.bind(this), false);
1010
- cell.addEventListener('click', () => {
1011
+ cell.addEventListener('mousedown', () => {
1012
+ // When the request panel isn't visible yet, firing the RequestActivated event
1013
+ // doesn't make it visible if no request is selected. So we'll select it first.
1014
+ this.select();
1011
1015
  this.parentView().dispatchEventToListeners(Events.RequestActivated, {showPanel: true});
1012
1016
  });
1013
1017
  let iconElement;
@@ -71,6 +71,7 @@ export class BreakpointEditDialog extends UI.Widget.Widget {
71
71
  const editorConfig = [
72
72
  CodeMirror.javascript.javascriptLanguage,
73
73
  TextEditor.Config.baseConfiguration(oldCondition || ''),
74
+ TextEditor.Config.closeBrackets,
74
75
  TextEditor.Config.autocompletion,
75
76
  CodeMirror.EditorView.lineWrapping,
76
77
  TextEditor.Config.showCompletionHint,
@@ -93,9 +93,6 @@ export class TimelineController implements SDK.TargetManager.SDKModelObserver<SD
93
93
  ];
94
94
  categoriesArray.push(TimelineModel.TimelineModel.TimelineModelImpl.Category.LatencyInfo);
95
95
 
96
- if (Root.Runtime.experiments.isEnabled('timelineV8RuntimeCallStats') && options.enableJSSampling) {
97
- categoriesArray.push(disabledByDefault('v8.runtime_stats_sampling'));
98
- }
99
96
  if (!Root.Runtime.Runtime.queryParam('timelineTracingJSProfileDisabled') && options.enableJSSampling) {
100
97
  categoriesArray.push(disabledByDefault('v8.cpu_profiler'));
101
98
  }
@@ -7,8 +7,9 @@
7
7
  import {StreamLanguage} from '@codemirror/stream-parser';
8
8
 
9
9
  export {
10
- acceptCompletion, autocompletion, completeAnyWord, Completion, CompletionContext,
11
- CompletionResult, CompletionSource, currentCompletions, ifNotIn
10
+ acceptCompletion, autocompletion, closeCompletion, completeAnyWord,
11
+ Completion, CompletionContext, CompletionResult, CompletionSource, currentCompletions,
12
+ ifNotIn, selectedCompletion, startCompletion,
12
13
  } from '@codemirror/autocomplete';
13
14
  export {closeBrackets, closeBracketsKeymap} from '@codemirror/closebrackets';
14
15
  export {