chrome-devtools-frontend/front_end/panels/lighthouse/lighthouse-meta.ts

Chrome DevTools UI

// 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.

import * as Common from '../../core/common/common.js';
import * as i18n from '../../core/i18n/i18n.js';
import * as UI from '../../ui/legacy/legacy.js';

import * as Lighthouse from './lighthouse.js';

const UIStrings = {
  /**
   * @description Command for showing the Lighthouse panel.
   */
  showLighthouse: 'Show `Lighthouse`',
  /**
   * @description Title of Lighthouse performance category setting.
   */
  performance: 'Performance',
  /**
   * @description Title of Lighthouse accessibility category setting.
   */
  accessibility: 'Accessibility',
  /**
   * @description Title of Lighthouse best practices category setting.
   */
  bestPractices: 'Best practices',
  /**
   * @description Title of Lighthouse SEO category setting.
   */
  seo: 'SEO',
  /**
   * @description Title of Lighthouse agentic browsing category setting.
   */
  agenticBrowsing: 'Agentic browsing',
  /**
   * @description Title of Lighthouse device type setting.
   */
  device: 'Apply mobile emulation',
  /**
   * @description Title of Lighthouse mode setting.
   */
  mode: 'Lighthouse mode',
  /**
   * @description Title of Lighthouse throttling setting.
   */
  throttling: 'Throttling method',
  /**
   * @description Title of Lighthouse clear storage setting.
   */
  clearStorage: 'Clear storage',
  /**
   * @description Title of Lighthouse JavaScript sampling setting.
   */
  enableSampling: 'Enable JS sampling',
} as const;

const str_ = i18n.i18n.registerUIStrings('panels/lighthouse/lighthouse-meta.ts', UIStrings);
const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);

let loadedLighthouseModule: (typeof Lighthouse|undefined);

async function loadLighthouseModule(): Promise<typeof Lighthouse> {
  if (!loadedLighthouseModule) {
    loadedLighthouseModule = await import('./lighthouse.js');
  }
  return loadedLighthouseModule;
}

UI.ViewManager.registerViewExtension({
  location: UI.ViewManager.ViewLocationValues.PANEL,
  id: 'lighthouse',
  title: i18n.i18n.lockedLazyString('Lighthouse'),
  commandPrompt: i18nLazyString(UIStrings.showLighthouse),
  order: 90,
  async loadView() {
    const Lighthouse = await loadLighthouseModule();
    return Lighthouse.LighthousePanel.LighthousePanel.instance();
  },
  tags: [
    i18n.i18n.lockedLazyString('lighthouse'),
    i18n.i18n.lockedLazyString('pwa'),
  ],
});

Common.Revealer.registerRevealer({
  contextTypes() {
    return [
      Lighthouse.LighthousePanel.ActiveLighthouseReport,
    ];
  },
  destination: Common.Revealer.RevealerDestination.LIGHTHOUSE_PANEL,
  async loadRevealer() {
    const Lighthouse = await loadLighthouseModule();
    return new Lighthouse.LighthousePanel.ReportRevealer();
  },
});

Common.Settings.registerSettingExtension({
  category: Common.Settings.SettingCategory.NONE,
  storageType: Common.Settings.SettingStorageType.SYNCED,
  title: i18nLazyString(UIStrings.performance),
  settingName: 'lighthouse.cat-perf',
  settingType: Common.Settings.SettingType.BOOLEAN,
  defaultValue: true,
});

Common.Settings.registerSettingExtension({
  category: Common.Settings.SettingCategory.NONE,
  storageType: Common.Settings.SettingStorageType.SYNCED,
  title: i18nLazyString(UIStrings.accessibility),
  settingName: 'lighthouse.cat-a11y',
  settingType: Common.Settings.SettingType.BOOLEAN,
  defaultValue: true,
});

Common.Settings.registerSettingExtension({
  category: Common.Settings.SettingCategory.NONE,
  storageType: Common.Settings.SettingStorageType.SYNCED,
  title: i18nLazyString(UIStrings.bestPractices),
  settingName: 'lighthouse.cat-best-practices',
  settingType: Common.Settings.SettingType.BOOLEAN,
  defaultValue: true,
});

Common.Settings.registerSettingExtension({
  category: Common.Settings.SettingCategory.NONE,
  storageType: Common.Settings.SettingStorageType.SYNCED,
  title: i18nLazyString(UIStrings.seo),
  settingName: 'lighthouse.cat-seo',
  settingType: Common.Settings.SettingType.BOOLEAN,
  defaultValue: true,
});

Common.Settings.registerSettingExtension({
  category: Common.Settings.SettingCategory.NONE,
  storageType: Common.Settings.SettingStorageType.SYNCED,
  title: i18nLazyString(UIStrings.agenticBrowsing),
  settingName: 'lighthouse.cat-agentic-browsing',
  settingType: Common.Settings.SettingType.BOOLEAN,
  defaultValue: false,
});

Common.Settings.registerSettingExtension({
  category: Common.Settings.SettingCategory.NONE,
  storageType: Common.Settings.SettingStorageType.SYNCED,
  title: i18nLazyString(UIStrings.device),
  settingName: 'lighthouse.device-type',
  settingType: Common.Settings.SettingType.ENUM,
  defaultValue: 'mobile',
});

Common.Settings.registerSettingExtension({
  category: Common.Settings.SettingCategory.NONE,
  storageType: Common.Settings.SettingStorageType.SYNCED,
  title: i18nLazyString(UIStrings.mode),
  settingName: 'lighthouse.mode',
  settingType: Common.Settings.SettingType.ENUM,
  defaultValue: 'navigation',
});

Common.Settings.registerSettingExtension({
  category: Common.Settings.SettingCategory.NONE,
  storageType: Common.Settings.SettingStorageType.SYNCED,
  title: i18nLazyString(UIStrings.throttling),
  settingName: 'lighthouse.throttling',
  settingType: Common.Settings.SettingType.ENUM,
  defaultValue: 'simulate',
});

Common.Settings.registerSettingExtension({
  category: Common.Settings.SettingCategory.NONE,
  storageType: Common.Settings.SettingStorageType.SYNCED,
  title: i18nLazyString(UIStrings.clearStorage),
  settingName: 'lighthouse.clear-storage',
  settingType: Common.Settings.SettingType.BOOLEAN,
  defaultValue: true,
});

Common.Settings.registerSettingExtension({
  category: Common.Settings.SettingCategory.NONE,
  storageType: Common.Settings.SettingStorageType.SYNCED,
  title: i18nLazyString(UIStrings.enableSampling),
  settingName: 'lighthouse.enable-sampling',
  settingType: Common.Settings.SettingType.BOOLEAN,
  defaultValue: false,
});