chrome/browser/resources/settings/safety_hub/extensions_module.ts

// Copyright 2023 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'chrome://resources/cr_elements/cr_button/cr_button.js';
import 'chrome://resources/cr_elements/cr_icon/cr_icon.js';
import '../i18n_setup.js';
import './safety_hub_module.js';

import {WebUiListenerMixin} from 'chrome://resources/cr_elements/web_ui_listener_mixin.js';
import {OpenWindowProxyImpl} from 'chrome://resources/js/open_window_proxy.js';
import {PluralStringProxyImpl} from 'chrome://resources/js/plural_string_proxy.js';
import {PolymerElement} from 'chrome://resources/polymer/v3_0/polymer/polymer_bundled.min.js';

import {MetricsBrowserProxyImpl} from '../metrics_browser_proxy.js';

import {getTemplate} from './extensions_module.html.js';
import {SafetyHubBrowserProxyImpl, SafetyHubEvent} from './safety_hub_browser_proxy.js';

/**
 * @fileoverview
 * 'settings-safety-hub-extensions-module' is used by the safety hub page
 * to alert users that they have potentially harmful extensions that they
 * should review.
 */
export interface SettingsSafetyHubExtensionsModuleElement {
  $: {
    reviewButton: HTMLElement,
  };
}

const SettingsSafetyHubExtensionsModuleElementBase =
    WebUiListenerMixin(PolymerElement);

export class SettingsSafetyHubExtensionsModuleElement extends
    SettingsSafetyHubExtensionsModuleElementBase {
  static get is() {
    return 'settings-safety-hub-extensions-module';
  }

  static get template() {
    return getTemplate();
  }

  static get properties() {
    return {
      headerString_: String,
    };
  }

  declare private headerString_: string;

  override async connectedCallback() {
    super.connectedCallback();
    // Register for safety hub status updates.
    this.addWebUiListener(
        SafetyHubEvent.EXTENSIONS_CHANGED,
        (num: number) => this.onSafetyCheckExtensionsChanged_(num));

    const numExtensions = await SafetyHubBrowserProxyImpl.getInstance()
                              .getNumberOfExtensionsThatNeedReview();
    this.onSafetyCheckExtensionsChanged_(numExtensions);
  }

  private async onSafetyCheckExtensionsChanged_(numExtensions: number) {
    this.headerString_ =
        await PluralStringProxyImpl.getInstance().getPluralString(
            'safetyHubExtensionsReviewLabel', numExtensions);
  }

  private onButtonClick_() {
    MetricsBrowserProxyImpl.getInstance().recordAction(
        'Settings.SafetyCheck.ReviewExtensionsThroughSafetyCheck');
    OpenWindowProxyImpl.getInstance().openUrl('chrome://extensions');
  }
}

declare global {
  interface HTMLElementTagNameMap {
    'settings-safety-hub-extensions-module':
        SettingsSafetyHubExtensionsModuleElement;
  }
}

customElements.define(
    SettingsSafetyHubExtensionsModuleElement.is,
    SettingsSafetyHubExtensionsModuleElement);