chrome-devtools-frontend/front_end/panels/mobile_throttling/NetworkPanelIndicator.ts

Chrome DevTools UI

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

import * as i18n from '../../core/i18n/i18n.js';
import * as SDK from '../../core/sdk/sdk.js';
import * as IconButton from '../../ui/components/icon_button/icon_button.js';
import * as UI from '../../ui/legacy/legacy.js';

const UIStrings = {
  /**
   *@description Icon title in Network Panel Indicator of the Network panel
   */
  networkThrottlingIsEnabled: 'Network throttling is enabled',
  /**
   *@description Icon title in Network Panel Indicator of the Network panel
   */
  requestsMayBeRewrittenByLocal: 'Requests may be rewritten by local overrides',
  /**
   *@description Icon title in Network Panel Indicator of the Network panel
   */
  requestsMayBeBlocked: 'Requests may be blocked',
  /**
   * @description Title of an icon in the Network panel that indicates that accepted content encodings have been overriden.
   */
  acceptedEncodingOverrideSet:
      'The set of accepted `Content-Encoding` headers has been modified by DevTools. See the Network Conditions panel.',
};
const str_ = i18n.i18n.registerUIStrings('panels/mobile_throttling/NetworkPanelIndicator.ts', UIStrings);
const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
export class NetworkPanelIndicator {
  constructor() {
    // TODO: we should not access network from other modules.
    if (!UI.InspectorView.InspectorView.instance().hasPanel('network')) {
      return;
    }
    const manager = SDK.NetworkManager.MultitargetNetworkManager.instance();
    manager.addEventListener(SDK.NetworkManager.MultitargetNetworkManager.Events.ConditionsChanged, updateVisibility);
    manager.addEventListener(
        SDK.NetworkManager.MultitargetNetworkManager.Events.BlockedPatternsChanged, updateVisibility);
    manager.addEventListener(SDK.NetworkManager.MultitargetNetworkManager.Events.InterceptorsChanged, updateVisibility);
    manager.addEventListener(
        SDK.NetworkManager.MultitargetNetworkManager.Events.AcceptedEncodingsChanged, updateVisibility);
    updateVisibility();

    function updateVisibility(): void {
      let icon: IconButton.Icon.Icon|null = new IconButton.Icon.Icon();
      icon.data = {iconName: 'warning-filled', color: 'var(--icon-warning)', width: '14px', height: '14px'};
      if (manager.isThrottling()) {
        UI.Tooltip.Tooltip.install(icon, i18nString(UIStrings.networkThrottlingIsEnabled));
      } else if (SDK.NetworkManager.MultitargetNetworkManager.instance().isIntercepting()) {
        UI.Tooltip.Tooltip.install(icon, i18nString(UIStrings.requestsMayBeRewrittenByLocal));
      } else if (manager.isBlocking()) {
        UI.Tooltip.Tooltip.install(icon, i18nString(UIStrings.requestsMayBeBlocked));
      } else if (manager.isAcceptedEncodingOverrideSet()) {
        UI.Tooltip.Tooltip.install(icon, i18nString(UIStrings.acceptedEncodingOverrideSet));
      } else {
        // Remove icon in case it was already set by passing a null icon.
        icon = null;
      }
      UI.InspectorView.InspectorView.instance().setPanelIcon('network', icon);
    }
  }
}