chrome-devtools-frontend 1.0.1532884 → 1.0.1533544

package/front_end/panels/lighthouse/LighthouseController.ts

@@ -11,7 +11,7 @@ import * as Protocol from '../../generated/protocol.js';
 import * as EmulationModel from '../../models/emulation/emulation.js';
 import * as Emulation from '../emulation/emulation.js';
 
-import type {LighthouseRun, ProtocolService} from './LighthouseProtocolService.js';
+import type {LighthouseRun as LighthouseRunType, ProtocolService} from './LighthouseProtocolService.js';
 import type {RunnerResult} from './LighthouseReporterTypes.js';
 
 const UIStrings = {
@@ -183,13 +183,14 @@ const str_ = i18n.i18n.registerUIStrings('panels/lighthouse/LighthouseController
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
 
-export class LighthouseController extends Common.ObjectWrapper.ObjectWrapper<EventTypes> implements
-    SDK.TargetManager.SDKModelObserver<SDK.ServiceWorkerManager.ServiceWorkerManager> {
-  private readonly protocolService: ProtocolService;
-  private manager?: SDK.ServiceWorkerManager.ServiceWorkerManager|null;
-  private serviceWorkerListeners?: Common.EventTarget.EventDescriptor[];
-  private inspectedURL?: Platform.DevToolsPath.UrlString;
-  private currentLighthouseRun?: LighthouseRun;
+class LighthouseRun {
+  readonly controller: LighthouseController;
+  readonly inspectedURL: Platform.DevToolsPath.UrlString;
+  readonly categoryIDs: string[];
+  readonly flags: {
+    formFactor: (string|undefined),
+    mode: string,
+  };
   private emulationStateBefore?: {
     emulation: {
       type: EmulationModel.DeviceModeModel.Type,
@@ -202,6 +203,164 @@ export class LighthouseController extends Common.ObjectWrapper.ObjectWrapper<Eve
     },
     network: {conditions: SDK.NetworkManager.Conditions},
   };
+  private readonly protocolService: ProtocolService;
+  #isRunning: boolean;
+  #cancelPromise: Promise<void>|null = null;
+
+  constructor(
+      controller: LighthouseController, protocolService: ProtocolService, inspectedURL: Platform.DevToolsPath.UrlString,
+      categoryIDs: string[], flags: {formFactor: (string|undefined), mode: string}) {
+    this.controller = controller;
+    this.protocolService = protocolService;
+    this.inspectedURL = inspectedURL;
+    this.categoryIDs = categoryIDs;
+    this.flags = flags;
+    this.#isRunning = false;
+  }
+
+  isRunning(): boolean {
+    return this.#isRunning;
+  }
+
+  async start(): Promise<void> {
+    this.#isRunning = true;
+    try {
+      await this.setupEmulationAndProtocolConnection();
+      if (this.flags.mode === 'timespan') {
+        await this.protocolService.startTimespan(
+            {inspectedURL: this.inspectedURL, categoryIDs: this.categoryIDs, flags: this.flags});
+      }
+    } catch (err) {
+      await this.cancel();
+      throw err;
+    }
+  }
+
+  async collect(): Promise<RunnerResult> {
+    try {
+      const lighthouseResponse = await this.protocolService.collectLighthouseResults(
+          {inspectedURL: this.inspectedURL, categoryIDs: this.categoryIDs, flags: this.flags});
+      if (!lighthouseResponse) {
+        throw new Error('No Lighthouse response');
+      }
+
+      if (lighthouseResponse.fatal) {
+        const error = new Error(lighthouseResponse.message);
+        error.stack = lighthouseResponse.stack;
+        throw error;
+      }
+      return lighthouseResponse;
+    } finally {
+      await this.cancel();
+    }
+  }
+
+  async cancel(): Promise<void> {
+    if (!this.#cancelPromise) {
+      this.#isRunning = false;
+      this.#cancelPromise = this.restoreEmulationAndProtocolConnection();
+    }
+
+    return await this.#cancelPromise;
+  }
+
+  /**
+   * We set the device emulation on the DevTools-side for two reasons:
+   * 1. To workaround some odd device metrics emulation bugs like occuluding viewports
+   * 2. To get the attractive device outline
+   */
+  private async setupEmulationAndProtocolConnection(): Promise<void> {
+    const emulationModel = EmulationModel.DeviceModeModel.DeviceModeModel.instance();
+    this.emulationStateBefore = {
+      emulation: {
+        type: emulationModel.type(),
+        enabled: emulationModel.enabledSetting().get(),
+        outlineEnabled: emulationModel.deviceOutlineSetting().get(),
+        toolbarControlsEnabled: emulationModel.toolbarControlsEnabledSetting().get(),
+        scale: emulationModel.scaleSetting().get(),
+        device: emulationModel.device(),
+        mode: emulationModel.mode(),
+      },
+      network: {conditions: SDK.NetworkManager.MultitargetNetworkManager.instance().networkConditions()},
+    };
+
+    emulationModel.toolbarControlsEnabledSetting().set(false);
+    if ('formFactor' in this.flags && this.flags.formFactor === 'desktop') {
+      emulationModel.enabledSetting().set(false);
+      emulationModel.emulate(EmulationModel.DeviceModeModel.Type.None, null, null);
+    } else if (this.flags.formFactor === 'mobile') {
+      emulationModel.enabledSetting().set(true);
+      emulationModel.deviceOutlineSetting().set(true);
+
+      for (const device of EmulationModel.EmulatedDevices.EmulatedDevicesList.instance().standard()) {
+        if (device.title === 'Moto G Power') {
+          emulationModel.emulate(EmulationModel.DeviceModeModel.Type.Device, device, device.modes[0], 1);
+        }
+      }
+    }
+
+    await this.protocolService.attach();
+  }
+
+  private async restoreEmulationAndProtocolConnection(): Promise<void> {
+    await this.protocolService.detach();
+
+    if (this.emulationStateBefore) {
+      const emulationModel = EmulationModel.DeviceModeModel.DeviceModeModel.instance();
+
+      // Detaching a session after overriding device metrics will prevent other sessions from overriding device metrics in the future.
+      // A workaround is to call "Emulation.clearDeviceMetricOverride" which is the result of the next line.
+      // https://bugs.chromium.org/p/chromium/issues/detail?id=1337089
+      emulationModel.emulate(EmulationModel.DeviceModeModel.Type.None, null, null);
+
+      const {type, enabled, outlineEnabled, toolbarControlsEnabled, scale, device, mode} =
+          this.emulationStateBefore.emulation;
+      emulationModel.enabledSetting().set(enabled);
+      emulationModel.deviceOutlineSetting().set(outlineEnabled);
+      emulationModel.toolbarControlsEnabledSetting().set(toolbarControlsEnabled);
+
+      // `emulate` will ignore the `scale` parameter for responsive emulation.
+      // In this case we can just set it here.
+      if (type === EmulationModel.DeviceModeModel.Type.Responsive) {
+        emulationModel.scaleSetting().set(scale);
+      }
+
+      emulationModel.emulate(type, device, mode, scale);
+
+      SDK.NetworkManager.MultitargetNetworkManager.instance().setNetworkConditions(
+          this.emulationStateBefore.network.conditions);
+      delete this.emulationStateBefore;
+    }
+
+    Emulation.InspectedPagePlaceholder.InspectedPagePlaceholder.instance().update(true);
+
+    const mainTarget = SDK.TargetManager.TargetManager.instance().primaryPageTarget();
+    if (!mainTarget) {
+      return;
+    }
+    const resourceTreeModel = mainTarget.model(SDK.ResourceTreeModel.ResourceTreeModel);
+    if (!resourceTreeModel) {
+      return;
+    }
+
+    // Reload to reset page state after a navigation.
+    // We want to retain page state for timespan and snapshot modes.
+    const mode = this.flags.mode;
+    if (mode === 'navigation') {
+      const inspectedURL = await this.controller.getInspectedURL();
+      await resourceTreeModel.navigate(inspectedURL);
+    }
+  }
+}
+
+export class LighthouseController extends Common.ObjectWrapper.ObjectWrapper<EventTypes> implements
+    SDK.TargetManager.SDKModelObserver<SDK.ServiceWorkerManager.ServiceWorkerManager> {
+  private readonly protocolService: ProtocolService;
+  private manager?: SDK.ServiceWorkerManager.ServiceWorkerManager|null;
+  private serviceWorkerListeners?: Common.EventTarget.EventDescriptor[];
+  private inspectedURL?: Platform.DevToolsPath.UrlString;
+  private currentLighthouseRun?: LighthouseRun;
+  private lastAction: Promise<void>|null = null;
 
   constructor(protocolService: ProtocolService) {
     super();
@@ -382,8 +541,16 @@ export class LighthouseController extends Common.ObjectWrapper.ObjectWrapper<Eve
     return navigationEntry.url as Platform.DevToolsPath.UrlString;
   }
 
-  getCurrentRun(): LighthouseRun|undefined {
-    return this.currentLighthouseRun;
+  getCurrentRun(): LighthouseRunType|undefined {
+    if (!this.currentLighthouseRun?.isRunning()) {
+      return;
+    }
+
+    return {
+      inspectedURL: this.currentLighthouseRun.inspectedURL,
+      categoryIDs: this.currentLighthouseRun.categoryIDs,
+      flags: this.currentLighthouseRun.flags,
+    };
   }
 
   getFlags(): {
@@ -473,152 +640,53 @@ export class LighthouseController extends Common.ObjectWrapper.ObjectWrapper<Eve
   }
 
   async startLighthouse(): Promise<void> {
-    try {
+    if (this.lastAction) {
+      await this.lastAction;
+    }
+
+    this.lastAction = new Promise(async resolve => {
+      if (this.currentLighthouseRun) {
+        await this.currentLighthouseRun.cancel();
+        this.currentLighthouseRun = undefined;
+      }
+
       const inspectedURL = await this.getInspectedURL({force: true});
       const categoryIDs = this.getCategoryIDs();
       const flags = this.getFlags();
 
       this.recordMetrics(flags, categoryIDs);
 
-      this.currentLighthouseRun = {inspectedURL, categoryIDs, flags};
-
-      await this.setupEmulationAndProtocolConnection();
-
-      if (flags.mode === 'timespan') {
-        await this.protocolService.startTimespan(this.currentLighthouseRun);
-      }
-    } catch (err) {
-      await this.restoreEmulationAndProtocolConnection();
-      throw err;
-    }
+      this.currentLighthouseRun = new LighthouseRun(this, this.protocolService, inspectedURL, categoryIDs, flags);
+      await this.currentLighthouseRun.start();
+      resolve();
+    });
+    return await this.lastAction;
   }
 
   async collectLighthouseResults(): Promise<RunnerResult> {
-    try {
-      if (!this.currentLighthouseRun) {
-        throw new Error('Lighthouse is not started');
-      }
-
-      const lighthouseResponse = await this.protocolService.collectLighthouseResults(this.currentLighthouseRun);
-      if (!lighthouseResponse) {
-        throw new Error('Auditing failed to produce a result');
-      }
-
-      if (lighthouseResponse.fatal) {
-        const error = new Error(lighthouseResponse.message);
-        error.stack = lighthouseResponse.stack;
-        throw error;
-      }
-
-      Host.userMetrics.actionTaken(Host.UserMetrics.Action.LighthouseFinished);
-
-      await this.restoreEmulationAndProtocolConnection();
-      return lighthouseResponse;
-    } catch (err) {
-      await this.restoreEmulationAndProtocolConnection();
-      throw err;
-    } finally {
-      this.currentLighthouseRun = undefined;
+    if (!this.currentLighthouseRun) {
+      throw new Error('Lighthouse is not started');
     }
-  }
 
-  async cancelLighthouse(): Promise<void> {
-    await this.restoreEmulationAndProtocolConnection();
+    const lighthouseResponse = await this.currentLighthouseRun.collect();
+    Host.userMetrics.actionTaken(Host.UserMetrics.Action.LighthouseFinished);
     this.currentLighthouseRun = undefined;
+    return lighthouseResponse;
   }
 
-  /**
-   * We set the device emulation on the DevTools-side for two reasons:
-   * 1. To workaround some odd device metrics emulation bugs like occuluding viewports
-   * 2. To get the attractive device outline
-   */
-  private async setupEmulationAndProtocolConnection(): Promise<void> {
-    const flags = this.getFlags();
-
-    const emulationModel = EmulationModel.DeviceModeModel.DeviceModeModel.instance();
-    this.emulationStateBefore = {
-      emulation: {
-        type: emulationModel.type(),
-        enabled: emulationModel.enabledSetting().get(),
-        outlineEnabled: emulationModel.deviceOutlineSetting().get(),
-        toolbarControlsEnabled: emulationModel.toolbarControlsEnabledSetting().get(),
-        scale: emulationModel.scaleSetting().get(),
-        device: emulationModel.device(),
-        mode: emulationModel.mode(),
-      },
-      network: {conditions: SDK.NetworkManager.MultitargetNetworkManager.instance().networkConditions()},
-    };
-
-    emulationModel.toolbarControlsEnabledSetting().set(false);
-    if ('formFactor' in flags && flags.formFactor === 'desktop') {
-      emulationModel.enabledSetting().set(false);
-      emulationModel.emulate(EmulationModel.DeviceModeModel.Type.None, null, null);
-    } else if (flags.formFactor === 'mobile') {
-      emulationModel.enabledSetting().set(true);
-      emulationModel.deviceOutlineSetting().set(true);
-
-      for (const device of EmulationModel.EmulatedDevices.EmulatedDevicesList.instance().standard()) {
-        if (device.title === 'Moto G Power') {
-          emulationModel.emulate(EmulationModel.DeviceModeModel.Type.Device, device, device.modes[0], 1);
-        }
-      }
-    }
-
-    await this.protocolService.attach();
-  }
-
-  private async restoreEmulationAndProtocolConnection(): Promise<void> {
-    if (!this.currentLighthouseRun) {
-      return;
+  async cancelLighthouse(): Promise<void> {
+    if (this.lastAction) {
+      await this.lastAction;
     }
 
-    await this.protocolService.detach();
-
-    if (this.emulationStateBefore) {
-      const emulationModel = EmulationModel.DeviceModeModel.DeviceModeModel.instance();
-
-      // Detaching a session after overriding device metrics will prevent other sessions from overriding device metrics in the future.
-      // A workaround is to call "Emulation.clearDeviceMetricOverride" which is the result of the next line.
-      // https://bugs.chromium.org/p/chromium/issues/detail?id=1337089
-      emulationModel.emulate(EmulationModel.DeviceModeModel.Type.None, null, null);
-
-      const {type, enabled, outlineEnabled, toolbarControlsEnabled, scale, device, mode} =
-          this.emulationStateBefore.emulation;
-      emulationModel.enabledSetting().set(enabled);
-      emulationModel.deviceOutlineSetting().set(outlineEnabled);
-      emulationModel.toolbarControlsEnabledSetting().set(toolbarControlsEnabled);
-
-      // `emulate` will ignore the `scale` parameter for responsive emulation.
-      // In this case we can just set it here.
-      if (type === EmulationModel.DeviceModeModel.Type.Responsive) {
-        emulationModel.scaleSetting().set(scale);
+    this.lastAction = new Promise(async resolve => {
+      if (this.currentLighthouseRun) {
+        await this.currentLighthouseRun.cancel();
+        this.currentLighthouseRun = undefined;
       }
-
-      emulationModel.emulate(type, device, mode, scale);
-
-      SDK.NetworkManager.MultitargetNetworkManager.instance().setNetworkConditions(
-          this.emulationStateBefore.network.conditions);
-      delete this.emulationStateBefore;
-    }
-
-    Emulation.InspectedPagePlaceholder.InspectedPagePlaceholder.instance().update(true);
-
-    const mainTarget = SDK.TargetManager.TargetManager.instance().primaryPageTarget();
-    if (!mainTarget) {
-      return;
-    }
-    const resourceTreeModel = mainTarget.model(SDK.ResourceTreeModel.ResourceTreeModel);
-    if (!resourceTreeModel) {
-      return;
-    }
-
-    // Reload to reset page state after a navigation.
-    // We want to retain page state for timespan and snapshot modes.
-    const mode = this.currentLighthouseRun.flags.mode;
-    if (mode === 'navigation') {
-      const inspectedURL = await this.getInspectedURL();
-      await resourceTreeModel.navigate(inspectedURL);
-    }
+      resolve();
+    });
+    return await this.lastAction;
   }
 }
 

package/front_end/panels/lighthouse/LighthousePanel.ts

@@ -1,7 +1,7 @@
 // Copyright 2016 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-imperative-dom-api */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import '../../ui/legacy/legacy.js';
 

package/front_end/panels/lighthouse/LighthouseReportSelector.ts

@@ -1,7 +1,7 @@
 // Copyright 2018 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-imperative-dom-api */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';

package/front_end/panels/lighthouse/LighthouseStartView.ts

@@ -1,7 +1,7 @@
 // Copyright 2022 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-imperative-dom-api */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import '../../ui/legacy/legacy.js';
 

package/front_end/panels/lighthouse/LighthouseStatusView.ts

@@ -1,7 +1,7 @@
 // Copyright 2018 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-imperative-dom-api */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';

package/front_end/panels/lighthouse/LighthouseTimespanView.ts

@@ -1,7 +1,7 @@
 // Copyright 2022 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-imperative-dom-api */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Geometry from '../../models/geometry/geometry.js';

package/front_end/panels/lighthouse/RadioSetting.ts

@@ -1,7 +1,7 @@
 // Copyright 2018 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-imperative-dom-api */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import type * as Common from '../../core/common/common.js';
 import * as UI from '../../ui/legacy/legacy.js';

package/front_end/panels/linear_memory_inspector/LinearMemoryInspectorPane.ts

@@ -1,7 +1,7 @@
 // Copyright 2020 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-imperative-dom-api */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';

package/front_end/panels/linear_memory_inspector/components/LinearMemoryHighlightChipList.ts

@@ -1,7 +1,7 @@
 // Copyright 2022 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import '../../../ui/components/icon_button/icon_button.js';
 

package/front_end/panels/linear_memory_inspector/components/LinearMemoryNavigator.ts

@@ -1,7 +1,7 @@
 // Copyright 2020 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import '../../../ui/components/icon_button/icon_button.js';
 
@@ -101,7 +101,6 @@ export const enum Mode {
 }
 
 export class LinearMemoryNavigator extends HTMLElement {
-
   readonly #shadow = this.attachShadow({mode: 'open'});
   #address = '0';
   #error: string|undefined = undefined;

package/front_end/panels/linear_memory_inspector/components/LinearMemoryValueInterpreter.ts

@@ -1,7 +1,7 @@
 // Copyright 2020 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import '../../../ui/components/icon_button/icon_button.js';
 import './ValueInterpreterDisplay.js';

package/front_end/panels/linear_memory_inspector/components/LinearMemoryViewer.ts

@@ -1,7 +1,7 @@
 // Copyright 2020 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import * as Lit from '../../../ui/lit/lit.js';
 import * as VisualLogging from '../../../ui/visual_logging/visual_logging.js';

package/front_end/panels/linear_memory_inspector/components/ValueInterpreterDisplay.ts

@@ -1,7 +1,7 @@
 // Copyright 2020 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import '../../../ui/components/icon_button/icon_button.js';
 

package/front_end/panels/linear_memory_inspector/components/ValueInterpreterSettings.ts

@@ -1,7 +1,7 @@
 // Copyright 2020 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import '../../../ui/legacy/legacy.js';
 
@@ -63,7 +63,6 @@ export class TypeToggleEvent extends Event {
 }
 
 export class ValueInterpreterSettings extends HTMLElement {
-
   readonly #shadow = this.attachShadow({mode: 'open'});
   #valueTypes = new Set<ValueType>();
 

package/front_end/panels/media/EventDisplayTable.ts

@@ -1,7 +1,7 @@
 // Copyright 2019 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-imperative-dom-api */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as i18n from '../../core/i18n/i18n.js';
 import * as DataGrid from '../../ui/legacy/components/data_grid/data_grid.js';

package/front_end/panels/media/EventTimelineView.ts

@@ -1,7 +1,7 @@
 // Copyright 2019 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-imperative-dom-api */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as i18n from '../../core/i18n/i18n.js';
 import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';

package/front_end/panels/media/MainView.ts

@@ -1,7 +1,7 @@
 // Copyright 2019 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-imperative-dom-api */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import type * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';

package/front_end/panels/media/PlayerListView.ts

@@ -1,7 +1,7 @@
 // Copyright 2019 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-imperative-dom-api */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as i18n from '../../core/i18n/i18n.js';
 import type * as Protocol from '../../generated/protocol.js';

package/front_end/panels/media/PlayerMessagesView.ts

@@ -1,7 +1,7 @@
 // Copyright 2020 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-imperative-dom-api */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import '../../ui/legacy/legacy.js';
 

package/front_end/panels/media/PlayerPropertiesView.ts

@@ -1,7 +1,7 @@
 // Copyright 2019 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-imperative-dom-api */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';

package/front_end/panels/media/TickingFlameChart.ts

@@ -1,7 +1,7 @@
 // Copyright 2020 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-imperative-dom-api */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';

package/front_end/panels/mobile_throttling/CalibrationController.ts

@@ -1,7 +1,7 @@
 // Copyright 2024 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-imperative-dom-api */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as i18n from '../../core/i18n/i18n.js';
 import * as SDK from '../../core/sdk/sdk.js';

package/front_end/panels/mobile_throttling/ThrottlingManager.ts

@@ -1,7 +1,7 @@
 // Copyright 2017 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-imperative-dom-api */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';

package/front_end/panels/mobile_throttling/ThrottlingSettingsTab.ts

@@ -1,7 +1,7 @@
 // Copyright 2017 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-imperative-dom-api */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import '../../ui/components/cards/cards.js';
 

package/front_end/panels/network/BinaryResourceView.ts

@@ -1,7 +1,7 @@
 // Copyright 2019 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/* eslint-disable rulesdir/no-imperative-dom-api */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import '../../ui/legacy/legacy.js';