chrome-devtools-frontend 1.0.998045 → 1.0.998787

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 (43) hide show
  1. package/front_end/core/host/UserMetrics.ts +2 -1
  2. package/front_end/core/i18n/locales/en-US.json +3 -0
  3. package/front_end/core/i18n/locales/en-XL.json +3 -0
  4. package/front_end/core/sdk/DebuggerModel.ts +4 -30
  5. package/front_end/entrypoints/inspector_main/RenderingOptions.ts +31 -0
  6. package/front_end/entrypoints/inspector_main/inspector_main-meta.ts +15 -0
  7. package/front_end/entrypoints/lighthouse_worker/LighthouseWorkerService.ts +6 -0
  8. package/front_end/generated/InspectorBackendCommands.js +0 -1
  9. package/front_end/generated/protocol.ts +0 -1
  10. package/front_end/models/issues_manager/DeprecationIssue.ts +200 -199
  11. package/front_end/panels/lighthouse/LighthouseController.ts +19 -12
  12. package/front_end/panels/lighthouse/LighthousePanel.ts +1 -1
  13. package/front_end/panels/lighthouse/LighthouseStartView.ts +10 -4
  14. package/front_end/panels/lighthouse/LighthouseStartViewFR.ts +50 -48
  15. package/front_end/panels/lighthouse/lighthouseStartView.css +3 -3
  16. package/front_end/panels/timeline/TimelineUIUtils.ts +7 -28
  17. package/front_end/third_party/puppeteer/README.chromium +1 -1
  18. package/front_end/third_party/puppeteer/package/README.md +11 -11
  19. package/front_end/third_party/puppeteer/package/lib/cjs/puppeteer/common/Input.d.ts +1 -1
  20. package/front_end/third_party/puppeteer/package/lib/cjs/puppeteer/common/Input.d.ts.map +1 -1
  21. package/front_end/third_party/puppeteer/package/lib/cjs/puppeteer/common/JSHandle.d.ts +2 -1
  22. package/front_end/third_party/puppeteer/package/lib/cjs/puppeteer/common/JSHandle.d.ts.map +1 -1
  23. package/front_end/third_party/puppeteer/package/lib/cjs/puppeteer/common/JSHandle.js.map +1 -1
  24. package/front_end/third_party/puppeteer/package/lib/cjs/puppeteer/node/LaunchOptions.d.ts +1 -1
  25. package/front_end/third_party/puppeteer/package/lib/cjs/puppeteer/node/LaunchOptions.d.ts.map +1 -1
  26. package/front_end/third_party/puppeteer/package/lib/cjs/puppeteer/node/Launcher.d.ts.map +1 -1
  27. package/front_end/third_party/puppeteer/package/lib/cjs/puppeteer/node/Launcher.js +1 -1
  28. package/front_end/third_party/puppeteer/package/lib/cjs/puppeteer/node/Launcher.js.map +1 -1
  29. package/front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Input.d.ts +1 -1
  30. package/front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Input.d.ts.map +1 -1
  31. package/front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/JSHandle.d.ts +2 -1
  32. package/front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/JSHandle.d.ts.map +1 -1
  33. package/front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/JSHandle.js.map +1 -1
  34. package/front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/LaunchOptions.d.ts +1 -1
  35. package/front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/LaunchOptions.d.ts.map +1 -1
  36. package/front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/Launcher.d.ts.map +1 -1
  37. package/front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/Launcher.js +1 -1
  38. package/front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/Launcher.js.map +1 -1
  39. package/front_end/third_party/puppeteer/package/lib/types.d.ts +3 -3
  40. package/front_end/third_party/puppeteer/package/package.json +13 -12
  41. package/front_end/ui/legacy/ActionRegistration.ts +1 -0
  42. package/front_end/ui/legacy/Toolbar.ts +4 -0
  43. package/package.json +1 -1
@@ -549,7 +549,8 @@ export enum KeyboardShortcutAction {
549
549
  'layers.left' = 104,
550
550
  'layers.right' = 105,
551
551
  'help.report-translation-issue' = 106,
552
- MaxValue = 107,
552
+ 'rendering.toggle-prefers-color-scheme' = 107,
553
+ MaxValue = 108,
553
554
  }
554
555
  /* eslint-enable @typescript-eslint/naming-convention */
555
556
 
@@ -899,6 +899,9 @@
899
899
  "entrypoints/inspector_main/inspector_main-meta.ts | showRendering": {
900
900
  "message": "Show Rendering"
901
901
  },
902
+ "entrypoints/inspector_main/inspector_main-meta.ts | toggleCssPrefersColorSchemeMedia": {
903
+ "message": "Toggle forces CSS prefers-color-scheme color"
904
+ },
902
905
  "entrypoints/inspector_main/inspector_main-meta.ts | visionDeficiency": {
903
906
  "message": "vision deficiency"
904
907
  },
@@ -899,6 +899,9 @@
899
899
  "entrypoints/inspector_main/inspector_main-meta.ts | showRendering": {
900
900
  "message": "Ŝh́ôẃ R̂én̂d́êŕîńĝ"
901
901
  },
902
+ "entrypoints/inspector_main/inspector_main-meta.ts | toggleCssPrefersColorSchemeMedia": {
903
+ "message": "T̂óĝǵl̂é f̂ór̂ćêś ĈŚŜ ṕr̂éf̂ér̂ś-ĉól̂ór̂-śĉh́êḿê ćôĺôŕ"
904
+ },
902
905
  "entrypoints/inspector_main/inspector_main-meta.ts | visionDeficiency": {
903
906
  "message": "v̂íŝíôń d̂éf̂íĉíêńĉý"
904
907
  },
@@ -245,9 +245,6 @@ export class DebuggerModel extends SDKModel<EventTypes> {
245
245
  if (!Common.Settings.Settings.instance().moduleSetting('breakpointsActive').get()) {
246
246
  this.breakpointsActiveChanged();
247
247
  }
248
- if (_scheduledPauseOnAsyncCall) {
249
- void this.pauseOnAsyncCall(_scheduledPauseOnAsyncCall);
250
- }
251
248
  this.dispatchEventToListeners(Events.DebuggerWasEnabled, this);
252
249
  const [enableResult] = await Promise.all([enablePromise, instrumentationPromise]);
253
250
  this.registerDebugger(enableResult);
@@ -422,10 +419,6 @@ export class DebuggerModel extends SDKModel<EventTypes> {
422
419
  void this.agent.invoke_pause();
423
420
  }
424
421
 
425
- private pauseOnAsyncCall(parentStackTraceId: Protocol.Runtime.StackTraceId): Promise<Object> {
426
- return this.agent.invoke_pauseOnAsyncCall({parentStackTraceId: parentStackTraceId});
427
- }
428
-
429
422
  async setBreakpointByURL(
430
423
  url: Platform.DevToolsPath.UrlString, lineNumber: number, columnNumber?: number,
431
424
  condition?: string): Promise<SetBreakpointResult> {
@@ -659,8 +652,7 @@ export class DebuggerModel extends SDKModel<EventTypes> {
659
652
  async pausedScript(
660
653
  callFrames: Protocol.Debugger.CallFrame[], reason: Protocol.Debugger.PausedEventReason, auxData: Object|undefined,
661
654
  breakpointIds: string[], asyncStackTrace?: Protocol.Runtime.StackTrace,
662
- asyncStackTraceId?: Protocol.Runtime.StackTraceId,
663
- asyncCallStackTraceId?: Protocol.Runtime.StackTraceId): Promise<void> {
655
+ asyncStackTraceId?: Protocol.Runtime.StackTraceId): Promise<void> {
664
656
  if (reason === Protocol.Debugger.PausedEventReason.Instrumentation) {
665
657
  const script = this.scriptForId(callFrames[0].location.scriptId);
666
658
  if (this.#synchronizeBreakpointsCallback && script) {
@@ -670,18 +662,6 @@ export class DebuggerModel extends SDKModel<EventTypes> {
670
662
  return;
671
663
  }
672
664
 
673
- if (asyncCallStackTraceId) {
674
- // Note: this is only to support old backends. Newer ones do not send asyncCallStackTraceId.
675
- _scheduledPauseOnAsyncCall = asyncCallStackTraceId;
676
- const promises = [];
677
- for (const model of _debuggerIdToModel.values()) {
678
- promises.push(model.pauseOnAsyncCall(asyncCallStackTraceId));
679
- }
680
- await Promise.all(promises);
681
- this.resume();
682
- return;
683
- }
684
-
685
665
  const pausedDetails =
686
666
  new DebuggerPausedDetails(this, callFrames, reason, auxData, breakpointIds, asyncStackTrace, asyncStackTraceId);
687
667
 
@@ -706,8 +686,6 @@ export class DebuggerModel extends SDKModel<EventTypes> {
706
686
  } else {
707
687
  Common.EventTarget.fireEvent('DevTools.DebuggerPaused');
708
688
  }
709
-
710
- _scheduledPauseOnAsyncCall = null;
711
689
  }
712
690
 
713
691
  resumedScript(): void {
@@ -989,10 +967,6 @@ export class DebuggerModel extends SDKModel<EventTypes> {
989
967
  // eslint-disable-next-line @typescript-eslint/naming-convention
990
968
  export const _debuggerIdToModel = new Map<string, DebuggerModel>();
991
969
 
992
- // TODO(crbug.com/1172300) Ignored during the jsdoc to ts migration
993
- // eslint-disable-next-line @typescript-eslint/naming-convention
994
- export let _scheduledPauseOnAsyncCall: Protocol.Runtime.StackTraceId|null = null;
995
-
996
970
  /**
997
971
  * Keep these in sync with WebCore::V8Debugger
998
972
  */
@@ -1037,13 +1011,13 @@ class DebuggerDispatcher implements ProtocolProxyApi.DebuggerDispatcher {
1037
1011
  this.#debuggerModel = debuggerModel;
1038
1012
  }
1039
1013
 
1040
- paused({callFrames, reason, data, hitBreakpoints, asyncStackTrace, asyncStackTraceId, asyncCallStackTraceId}:
1041
- Protocol.Debugger.PausedEvent): void {
1014
+ paused({callFrames, reason, data, hitBreakpoints, asyncStackTrace, asyncStackTraceId}: Protocol.Debugger.PausedEvent):
1015
+ void {
1042
1016
  if (!this.#debuggerModel.debuggerEnabled()) {
1043
1017
  return;
1044
1018
  }
1045
1019
  void this.#debuggerModel.pausedScript(
1046
- callFrames, reason, data, hitBreakpoints || [], asyncStackTrace, asyncStackTraceId, asyncCallStackTraceId);
1020
+ callFrames, reason, data, hitBreakpoints || [], asyncStackTrace, asyncStackTraceId);
1047
1021
  }
1048
1022
 
1049
1023
  resumed(): void {
@@ -346,3 +346,34 @@ export class RenderingOptionsView extends UI.Widget.VBox {
346
346
  this.registerCSSFiles([renderingOptionsStyles]);
347
347
  }
348
348
  }
349
+
350
+ let reloadActionDelegateInstance: ReloadActionDelegate;
351
+
352
+ export class ReloadActionDelegate implements UI.ActionRegistration.ActionDelegate {
353
+ static instance(opts: {
354
+ forceNew: boolean|null,
355
+ } = {forceNew: null}): ReloadActionDelegate {
356
+ const {forceNew} = opts;
357
+ if (!reloadActionDelegateInstance || forceNew) {
358
+ reloadActionDelegateInstance = new ReloadActionDelegate();
359
+ }
360
+
361
+ return reloadActionDelegateInstance;
362
+ }
363
+
364
+ handleAction(context: UI.Context.Context, actionId: string): boolean {
365
+ const emulatedCSSMediaFeaturePrefersColorSchemeSetting =
366
+ Common.Settings.Settings.instance().moduleSetting('emulatedCSSMediaFeaturePrefersColorScheme');
367
+
368
+ switch (actionId) {
369
+ case 'rendering.toggle-prefers-color-scheme':
370
+ if (emulatedCSSMediaFeaturePrefersColorSchemeSetting.get() === 'light') {
371
+ emulatedCSSMediaFeaturePrefersColorSchemeSetting.set('dark');
372
+ } else {
373
+ emulatedCSSMediaFeaturePrefersColorSchemeSetting.set('light');
374
+ }
375
+ return true;
376
+ }
377
+ return false;
378
+ }
379
+ }
@@ -99,6 +99,11 @@ const UIStrings = {
99
99
  * setting turns off this overlay.
100
100
  */
101
101
  disablePaused: 'Disable paused state overlay',
102
+ /**
103
+ * @description Title of an action that toggle
104
+ * "forces CSS prefers-color-scheme" color
105
+ */
106
+ toggleCssPrefersColorSchemeMedia: 'Toggle forces CSS prefers-color-scheme color',
102
107
  };
103
108
  const str_ = i18n.i18n.registerUIStrings('entrypoints/inspector_main/inspector_main-meta.ts', UIStrings);
104
109
  const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
@@ -191,6 +196,16 @@ UI.ActionRegistration.registerActionExtension({
191
196
  ],
192
197
  });
193
198
 
199
+ UI.ActionRegistration.registerActionExtension({
200
+ actionId: 'rendering.toggle-prefers-color-scheme',
201
+ category: UI.ActionRegistration.ActionCategory.RENDERING,
202
+ title: i18nLazyString(UIStrings.toggleCssPrefersColorSchemeMedia),
203
+ async loadActionDelegate() {
204
+ const InspectorMain = await loadInspectorMainModule();
205
+ return InspectorMain.RenderingOptions.ReloadActionDelegate.instance();
206
+ },
207
+ });
208
+
194
209
  Common.Settings.registerSettingExtension({
195
210
  category: Common.Settings.SettingCategory.NETWORK,
196
211
  title: i18nLazyString(UIStrings.forceAdBlocking),
@@ -118,6 +118,12 @@ async function invokeLH(action: string, args: any): Promise<unknown> {
118
118
  flags.channel = 'devtools';
119
119
  flags.locale = locale;
120
120
 
121
+ // TODO: Remove this filter once pubads is mode restricted
122
+ // https://github.com/googleads/publisher-ads-lighthouse-plugin/pull/339
123
+ if (action === 'startTimespan' || action === 'snapshot') {
124
+ args.categoryIDs = args.categoryIDs.filter((c: string) => c !== 'lighthouse-plugin-publisher-ads');
125
+ }
126
+
121
127
  // @ts-expect-error https://github.com/GoogleChrome/lighthouse/issues/11628
122
128
  const config = self.createConfig(args.categoryIDs, flags.emulatedFormFactor);
123
129
  const url = args.url;
@@ -273,7 +273,6 @@ export function registerCommands(inspectorBackend) {
273
273
  'Audits.GenericIssueErrorType', {CrossOriginPortalPostMessageError: 'CrossOriginPortalPostMessageError'});
274
274
  inspectorBackend.registerEnum('Audits.DeprecationIssueType', {
275
275
  AuthorizationCoveredByWildcard: 'AuthorizationCoveredByWildcard',
276
- BatteryStatusInsecureOrigin: 'BatteryStatusInsecureOrigin',
277
276
  CanRequestURLHTTPContainingNewline: 'CanRequestURLHTTPContainingNewline',
278
277
  ChromeLoadTimesConnectionInfo: 'ChromeLoadTimesConnectionInfo',
279
278
  ChromeLoadTimesFirstPaintAfterLoadTime: 'ChromeLoadTimesFirstPaintAfterLoadTime',
@@ -1020,7 +1020,6 @@ export namespace Audits {
1020
1020
 
1021
1021
  export const enum DeprecationIssueType {
1022
1022
  AuthorizationCoveredByWildcard = 'AuthorizationCoveredByWildcard',
1023
- BatteryStatusInsecureOrigin = 'BatteryStatusInsecureOrigin',
1024
1023
  CanRequestURLHTTPContainingNewline = 'CanRequestURLHTTPContainingNewline',
1025
1024
  ChromeLoadTimesConnectionInfo = 'ChromeLoadTimesConnectionInfo',
1026
1025
  ChromeLoadTimesFirstPaintAfterLoadTime = 'ChromeLoadTimesFirstPaintAfterLoadTime',