chrome-devtools-frontend 1.0.948445 → 1.0.948916

package/front_end/panels/help/ReleaseNoteView.ts

@@ -1,107 +0,0 @@
-// 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 Host from '../../core/host/host.js';
-import * as i18n from '../../core/i18n/i18n.js';
-import * as UI from '../../ui/legacy/legacy.js';
-
-import {latestReleaseNote, releaseNoteViewId} from './HelpImpl.js';
-import releaseNoteStyles from './releaseNote.css.js';
-
-import type {ReleaseNote} from './HelpImpl.js';
-
-const UIStrings = {
-  /**
-  *@description Text that is usually a hyperlink to more documentation
-  */
-  learnMore: 'Learn more',
-  /**
-  *@description Text to close something
-  */
-  close: 'Close',
-};
-const str_ = i18n.i18n.registerUIStrings('panels/help/ReleaseNoteView.ts', UIStrings);
-const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
-let releaseNoteViewInstance: ReleaseNoteView;
-
-export class ReleaseNoteView extends UI.Widget.VBox {
-  private readonly releaseNoteElement: Element;
-  constructor() {
-    super(true);
-
-    this.releaseNoteElement = this.createReleaseNoteElement(latestReleaseNote());
-    const topSection = this.contentElement.createChild('div', 'release-note-top-section');
-    topSection.textContent = latestReleaseNote().header;
-    this.contentElement.appendChild(this.releaseNoteElement);
-  }
-
-  static instance(opts: {forceNew: boolean|null} = {forceNew: null}): ReleaseNoteView {
-    const {forceNew} = opts;
-    if (!releaseNoteViewInstance || forceNew) {
-      releaseNoteViewInstance = new ReleaseNoteView();
-    }
-    return releaseNoteViewInstance;
-  }
-
-  elementsToRestoreScrollPositionsFor(): Element[] {
-    return [this.releaseNoteElement];
-  }
-
-  private createReleaseNoteElement(releaseNote: ReleaseNote): Element {
-    const hbox = document.createElement('div');
-    hbox.classList.add('hbox');
-    const container = hbox.createChild('div', 'release-note-container');
-    const contentContainer = container.createChild('ul');
-    UI.ARIAUtils.setAccessibleName(contentContainer, latestReleaseNote().header);
-
-    let linkNumber = 1;
-    for (const highlight of releaseNote.highlights) {
-      const listItem = contentContainer.createChild('li');
-      const linkWrapper = UI.XLink.XLink.create(highlight.link, '', 'release-note-link');
-      linkWrapper.textContent = '';
-      UI.ARIAUtils.markAsLink(linkWrapper);
-      UI.ARIAUtils.setAccessibleName(
-          linkWrapper, `${highlight.title}: ${highlight.subtitle} ${linkNumber} of ${releaseNote.highlights.length}`);
-
-      const title = linkWrapper.createChild('div', 'release-note-title');
-      title.textContent = highlight.title;
-
-      const subtitle = linkWrapper.createChild('div', 'release-note-subtitle');
-      subtitle.textContent = highlight.subtitle;
-
-      listItem.appendChild(linkWrapper);
-      linkNumber++;
-    }
-
-    const actionContainer = container.createChild('div', 'release-note-action-container');
-    const learnMore = UI.UIUtils.createTextButton(i18nString(UIStrings.learnMore), event => {
-      event.consume(true);
-      Host.InspectorFrontendHost.InspectorFrontendHostInstance.openInNewTab(releaseNote.link);
-    });
-    UI.ARIAUtils.markAsLink(learnMore);
-    actionContainer.appendChild(learnMore);
-
-    actionContainer.appendChild(UI.UIUtils.createTextButton(i18nString(UIStrings.close), event => {
-      event.consume(true);
-      UI.InspectorView.InspectorView.instance().closeDrawerTab(releaseNoteViewId, true);
-    }, 'close-release-note'));
-
-    const imageLink = UI.XLink.XLink.create(releaseNote.link, ' ') as HTMLElement;
-    imageLink.classList.add('release-note-image');
-    const tooltipText = latestReleaseNote().header;
-    UI.Tooltip.Tooltip.install(imageLink, tooltipText);
-
-    hbox.appendChild(imageLink);
-    const image = imageLink.createChild('img') as HTMLImageElement;
-    image.src = new URL('../../Images/whatsnew.avif', import.meta.url).toString();
-    UI.Tooltip.Tooltip.install(image, tooltipText);
-    image.alt = tooltipText;
-
-    return hbox;
-  }
-  wasShown(): void {
-    super.wasShown();
-    this.registerCSSFiles([releaseNoteStyles]);
-  }
-}

package/front_end/panels/help/help-meta.ts

@@ -1,145 +0,0 @@
-// Copyright 2020 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 Common from '../../core/common/common.js';
-import * as i18n from '../../core/i18n/i18n.js';
-import * as UI from '../../ui/legacy/legacy.js';
-
-import type * as Help from './help.js';
-
-const UIStrings = {
-  /**
-  *@description Title of the 'What's New' tool in the bottom drawer
-  */
-  whatsNew: 'What\'s New',
-  /**
-  *@description Command for showing the 'What's New' tool in the bottom drawer
-  */
-  showWhatsNew: 'Show What\'s New',
-  /**
-  *@description Title of an action in the help tool to release notes
-  */
-  releaseNotes: 'Release notes',
-  /**
-  *@description Title of an action in the help tool to file an issue
-  */
-  reportADevtoolsIssue: 'Report a DevTools issue',
-  /**
-  *@description Title of an action in the help tool to file a translation issue
-  */
-  reportTranslationIssue: 'Report a translation issue',
-  /**
-  *@description A search term referring to a software defect (i.e. bug) that can be entered in the command menu
-  */
-  bug: 'bug',
-  /**
-  *@description Title of a setting under the Appearance category that can be invoked through the Command Menu
-  */
-  showWhatsNewAfterEachUpdate: 'Show What\'s New after each update',
-  /**
-  *@description Title of a setting under the Appearance category that can be invoked through the Command Menu
-  */
-  doNotShowWhatsNewAfterEachUpdate: 'Do not show What\'s New after each update',
-};
-const str_ = i18n.i18n.registerUIStrings('panels/help/help-meta.ts', UIStrings);
-const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
-
-let loadedHelpModule: (typeof Help|undefined);
-
-async function loadHelpModule(): Promise<typeof Help> {
-  if (!loadedHelpModule) {
-    loadedHelpModule = await import('./help.js');
-  }
-  return loadedHelpModule;
-}
-
-UI.ViewManager.registerViewExtension({
-  location: UI.ViewManager.ViewLocationValues.DRAWER_VIEW,
-  id: 'release-note',
-  title: i18nLazyString(UIStrings.whatsNew),
-  commandPrompt: i18nLazyString(UIStrings.showWhatsNew),
-  persistence: UI.ViewManager.ViewPersistence.CLOSEABLE,
-  order: 1,
-  async loadView() {
-    const Help = await loadHelpModule();
-    return Help.ReleaseNoteView.ReleaseNoteView.instance();
-  },
-});
-
-UI.ActionRegistration.registerActionExtension({
-  category: UI.ActionRegistration.ActionCategory.HELP,
-  actionId: 'help.release-notes',
-  title: i18nLazyString(UIStrings.releaseNotes),
-  async loadActionDelegate() {
-    const Help = await loadHelpModule();
-    return Help.Help.ReleaseNotesActionDelegate.instance();
-  },
-});
-
-UI.ActionRegistration.registerActionExtension({
-  category: UI.ActionRegistration.ActionCategory.HELP,
-  actionId: 'help.report-issue',
-  title: i18nLazyString(UIStrings.reportADevtoolsIssue),
-  async loadActionDelegate() {
-    const Help = await loadHelpModule();
-    return Help.Help.ReportIssueActionDelegate.instance();
-  },
-  tags: [i18nLazyString(UIStrings.bug)],
-});
-
-UI.ActionRegistration.registerActionExtension({
-  category: UI.ActionRegistration.ActionCategory.HELP,
-  actionId: 'help.report-translation-issue',
-  title: i18nLazyString(UIStrings.reportTranslationIssue),
-  async loadActionDelegate() {
-    const Help = await loadHelpModule();
-    return Help.Help.ReportTranslationIssueActionDelegate.instance();
-  },
-  tags: [i18nLazyString(UIStrings.bug)],
-});
-
-Common.Settings.registerSettingExtension({
-  category: Common.Settings.SettingCategory.APPEARANCE,
-  storageType: Common.Settings.SettingStorageType.Synced,
-  title: i18nLazyString(UIStrings.showWhatsNewAfterEachUpdate),
-  settingName: 'help.show-release-note',
-  settingType: Common.Settings.SettingType.BOOLEAN,
-  defaultValue: true,
-  options: [
-    {
-      value: true,
-      title: i18nLazyString(UIStrings.showWhatsNewAfterEachUpdate),
-    },
-    {
-      value: false,
-      title: i18nLazyString(UIStrings.doNotShowWhatsNewAfterEachUpdate),
-    },
-  ],
-});
-
-UI.ContextMenu.registerItem({
-  location: UI.ContextMenu.ItemLocation.MAIN_MENU_HELP_DEFAULT,
-  actionId: 'help.release-notes',
-  order: 10,
-});
-
-UI.ContextMenu.registerItem({
-  location: UI.ContextMenu.ItemLocation.MAIN_MENU_HELP_DEFAULT,
-  actionId: 'help.report-issue',
-  order: 11,
-});
-
-UI.ContextMenu.registerItem({
-  location: UI.ContextMenu.ItemLocation.MAIN_MENU_HELP_DEFAULT,
-  actionId: 'help.report-translation-issue',
-  order: 12,
-});
-
-Common.Runnable.registerLateInitializationRunnable({
-  id: 'whats-new',
-  async loadRunnable() {
-    const Help = await loadHelpModule();
-    return Help.Help.HelpLateInitialization.instance();
-  },
-});

package/front_end/panels/help/help.ts

@@ -1,13 +0,0 @@
-// Copyright 2019 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 Help from './HelpImpl.js';
-import * as ReleaseNoteText from './ReleaseNoteText.js';
-import * as ReleaseNoteView from './ReleaseNoteView.js';
-
-export {
-  Help,
-  ReleaseNoteText,
-  ReleaseNoteView,
-};

package/front_end/panels/help/releaseNote.css

@@ -1,115 +0,0 @@
-/*
- * 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.
- */
-
-.hbox {
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-
-.release-note-top-section {
-  height: 27px;
-  line-height: 27px;
-  padding: 0 15px;
-  flex: none;
-  color: var(--color-text-primary);
-  background-color: var(--color-background-elevation-1);
-  border-bottom: var(--legacy-divider-border);
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.release-note-container {
-  display: flex;
-  flex-direction: column;
-}
-
-.release-note-container ul {
-  display: flex;
-  padding: 10px 16px;
-  flex-direction: column;
-  flex: none;
-  margin: 4px 12px 0 2px;
-  max-width: 600px;
-}
-
-.release-note-container li {
-  display: flex;
-  flex-direction: column;
-  flex: none;
-  line-height: 24px;
-  font-size: 14px;
-}
-
-.release-note-container .release-note-link {
-  border: 1px solid var(--color-details-hairline-light);
-  padding-left: 8px;
-  padding-right: 8px;
-  margin-bottom: 4px;
-  text-decoration: none;
-}
-
-.release-note-container .release-note-link:hover {
-  border-color: var(--color-details-hairline);
-}
-
-.release-note-title,
-.release-note-subtitle {
-  color: inherit;
-  text-decoration: none;
-}
-
-.release-note-subtitle {
-  font-size: 13px;
-  line-height: 13px;
-  padding-bottom: 8px;
-}
-
-.release-note-container li:not(:hover) .release-note-subtitle {
-  color: var(--color-text-secondary);
-}
-
-.release-note-action-container > button {
-  margin: 10px 0 20px 20px;
-  color: var(--color-text-secondary);
-}
-
-.release-note-action-container {
-  flex: none;
-}
-
-.release-note-image {
-  flex-shrink: 2;
-}
-
-img {
-  margin: 20px;
-  width: 260px;
-  height: 200px;
-  flex: none;
-  box-shadow: var(--drop-shadow-depth-1);
-}
-
-img:hover {
-  box-shadow: var(--drop-shadow-depth-4);
-}
-
-@media (forced-colors: active) {
-  .release-note-container .release-note-link {
-    border-color: ButtonText;
-  }
-
-  .release-note-container .release-note-link:hover {
-    forced-color-adjust: none;
-    border-color: Highlight;
-  }
-
-  .release-note-container li .release-note-title,
-  .release-note-container li:not(:hover) .release-note-subtitle {
-    forced-color-adjust: none;
-    color: linktext;
-  }
-}