chrome-devtools-frontend 1.0.947377 → 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;
-  }
-}

package/front_end/ui/components/helpers/get-stylesheet.ts

@@ -1,45 +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 Root from '../../../core/root/root.js';
-
-const sheetsCache = new Map<string, {sheets: CSSStyleSheet[]}>();
-
-/**
- * Helper for importing a legacy stylesheet into a component.
- *
- * Given a path to a stylesheet, it returns a CSSStyleSheet that can then be
- * adopted by your component.
- */
-export function legacyGetStyleSheets(path: string): CSSStyleSheet[] {
-  const cachedResult = sheetsCache.get(path);
-  if (cachedResult) {
-    return cachedResult.sheets;
-  }
-
-  const content = Root.Runtime.cachedResources.get(path) || '';
-  if (!content) {
-    throw new Error(`${path} not preloaded.`);
-  }
-  const originalStylesheet = new CSSStyleSheet();
-  originalStylesheet.replaceSync(content);
-  sheetsCache.set(path, {sheets: [originalStylesheet]});
-  return [originalStylesheet];
-}
-
-/*
- * This is now legacy. Please do not add any more CSS Files to this list. Refer to
- * https://crbug.com/1106746 for the new way of implementing CSS in DevTools.
- *
- * The legacyGetStylesheet helper in components reads styles out of the runtime cache.
- * In a proper build this is populated but in test runs because we don't load
- * all of DevTools it's not. Therefore we fetch the required CSS files and populate
- * the cache before any tests are run.
- *
- * The out/Release/gen/front_end URL is prepended so within the Karma config we can proxy
- * them through to the right place, respecting Karma's ROOT_DIRECTORY setting.
- */
-export const CSS_RESOURCES_TO_LOAD_INTO_RUNTIME = [
-  'panels/application/serviceWorkerUpdateCycleView.css',
-];

package/scripts/build/build_release_applications.py

@@ -1,216 +0,0 @@
-#!/usr/bin/env vpython
-# -*- coding: utf-8 -*-
-#
-# Copyright 2016 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.
-"""
-Builds applications in release mode:
-- Concatenates autostart modules, application modules' module.json descriptors,
-and the application loader into a single script.
-"""
-
-from io import StringIO
-from os import path
-from os.path import join
-import copy
-import os
-import re
-import shutil
-import sys
-import subprocess
-
-from modular_build import read_file, write_file, bail_error
-import modular_build
-import rjsmin
-
-try:
-    import simplejson as json
-except ImportError:
-    import json
-
-try:
-    original_sys_path = sys.path
-    sys.path = sys.path + [path.join(os.path.dirname(os.path.realpath(__file__)), '..')]
-    import devtools_paths
-finally:
-    sys.path = original_sys_path
-
-FRONT_END_DIRECTORY = path.join(os.path.dirname(path.abspath(__file__)), '..', '..', 'front_end')
-
-
-def main(argv):
-    try:
-        input_path_flag_index = argv.index('--input_path')
-        input_path = argv[input_path_flag_index + 1]
-        output_path_gen_flag_index = argv.index('--output_path_gen')
-        output_path_gen = argv[output_path_gen_flag_index + 1]
-        application_names = argv[1:input_path_flag_index]
-        use_rollup = '--rollup' in argv
-    except:
-        print('Usage: %s app_1 app_2 ... app_N --input_path <input_path> --output_path <output_path> --rollup true' % argv[0])
-        raise
-
-    loader = modular_build.DescriptorLoader(input_path)
-    for app in application_names:
-        descriptors = loader.load_application(app)
-        builder = ReleaseBuilder(app, descriptors, input_path, output_path_gen,
-                                 use_rollup)
-        builder.build_app()
-
-
-def resource_source_url(url):
-    return '\n/*# sourceURL=' + url + ' */'
-
-
-def minify_js(javascript):
-    return rjsmin.jsmin(javascript)
-
-
-def concatenated_module_filename(module_name, output_dir):
-    return join(output_dir,
-                module_name + '/' + path.basename(module_name) + '_module.js')
-
-
-# Outputs:
-#   <app_name>.js
-#   <module_name>_module.js
-class ReleaseBuilder(object):
-
-    def __init__(self, application_name, descriptors, application_dir,
-                 output_path_gen_dir, use_rollup):
-        self.application_name = application_name
-        self.descriptors = descriptors
-        self.application_dir = application_dir
-        self.output_path_gen_dir = output_path_gen_dir
-        self.use_rollup = use_rollup
-
-    def app_file(self, extension):
-        return path.join('entrypoints', self.application_name,
-                         self.application_name + '.' + extension)
-
-    def autorun_resource_names(self):
-        result = []
-        for module in self.descriptors.sorted_modules():
-            if self.descriptors.application[module].get('type') != 'autostart':
-                continue
-
-            resources = self.descriptors.modules[module].get('resources')
-            if not resources:
-                continue
-            for resource_name in resources:
-                result.append(path.join(module, resource_name))
-        return result
-
-    def build_app(self):
-        self._build_app_script()
-        for module in filter(lambda desc: (not desc.get('type')),
-                             self.descriptors.application.values()):
-            self._concatenate_dynamic_module(module['name'])
-
-    def _build_app_script(self):
-        script_name = self.app_file('js')
-        output = StringIO()
-        self._concatenate_application_script(output)
-        minified_content = minify_js(output.getvalue())
-        write_file(join(self.output_path_gen_dir, script_name),
-                   minified_content)
-        output.close()
-
-    def _release_module_descriptors(self):
-        module_descriptors = self.descriptors.modules
-        result = []
-        for name in module_descriptors:
-            module = copy.copy(module_descriptors[name])
-            module_type = self.descriptors.application[name].get('type')
-            resources = module.get('resources', None)
-            if resources:
-                # Resources are already baked into _module.
-                del module['resources']
-                if not module_type == 'autostart':
-                    # We load the entrypoint of a module no matter what.
-                    # Therefore, we don't need to declare any files for
-                    # the default case. However, if a module still has
-                    # a legacy file, the Runtime performs an array
-                    # contains check and will load that instead.
-                    module_files_to_load = []
-                    declared_module_files = module.get('modules', [])
-                    legacyFileName = path.basename(name) + '-legacy.js'
-                    if legacyFileName in declared_module_files:
-                        module_files_to_load += [legacyFileName]
-                    # Non-autostart modules are vulcanized.
-                    module['modules'] = [path.basename(name) + '_module.js'
-                                         ] + module_files_to_load
-            result.append(module)
-        return json.dumps(result)
-
-    def _write_module_resources(self, resource_names, output):
-        for resource_name in resource_names:
-            resource_name = path.normpath(resource_name).replace('\\', '/')
-            output.write('RootModule.Runtime.cachedResources.set("%s", "' %
-                         resource_name)
-            resource_content = read_file(path.join(self.application_dir, resource_name))
-            if not (resource_name.endswith('.html')
-                    or resource_name.endswith('md')):
-                resource_content += resource_source_url(resource_name)
-            resource_content = resource_content.replace('\\', '\\\\')
-            resource_content = resource_content.replace('\n', '\\n')
-            resource_content = resource_content.replace('"', '\\"')
-            output.write(resource_content)
-            output.write('");\n')
-
-    def _concatenate_autostart_modules(self, output):
-        non_autostart = set()
-        sorted_module_names = self.descriptors.sorted_modules()
-        for name in sorted_module_names:
-            desc = self.descriptors.modules[name]
-            name = desc['name']
-            type = self.descriptors.application[name].get('type')
-            if type == 'autostart':
-                deps = set(desc.get('dependencies', []))
-                non_autostart_deps = deps & non_autostart
-                if len(non_autostart_deps):
-                    bail_error(
-                        'Non-autostart dependencies specified for the autostarted module "%s": %s' % (name, non_autostart_deps))
-            else:
-                non_autostart.add(name)
-
-    def _concatenate_application_script(self, output):
-        output.write('Root.allDescriptors.push(...%s);' % self._release_module_descriptors())
-        if self.descriptors.extends:
-            output.write(
-                'Root.applicationDescriptor.modules.push(...%s);' %
-                json.dumps(list(self.descriptors.application.values())))
-        else:
-            output.write('Root.applicationDescriptor = %s;' % self.descriptors.application_json())
-
-        output.write("import * as RootModule from '../../core/root/root.js';")
-        self._write_module_resources(self.autorun_resource_names(), output)
-
-        output.write(minify_js(read_file(join(self.application_dir, self.app_file('js')))))
-        self._concatenate_autostart_modules(output)
-
-    def _concatenate_dynamic_module(self, module_name):
-        module = self.descriptors.modules[module_name]
-        modules = module.get('modules')
-        resources = self.descriptors.module_resources(module_name)
-        module_dir = join(self.application_dir, module_name)
-        output = StringIO()
-        if resources:
-            relative_file_name = '../core/root/root.js'
-            if "/" in module_name:
-                relative_file_name = (
-                    '../' * module_name.count('/')) + relative_file_name
-            output.write("import * as RootModule from '%s';" %
-                         relative_file_name)
-            self._write_module_resources(resources, output)
-        minified_content = minify_js(output.getvalue())
-        write_file(
-            concatenated_module_filename(module_name,
-                                         self.output_path_gen_dir),
-            minified_content)
-        output.close()
-
-
-if __name__ == '__main__':
-    sys.exit(main(sys.argv))