chrome-devtools-frontend 1.0.1040337 → 1.0.1070764

package/front_end/panels/lighthouse/LighthouseStartViewFR.ts

@@ -1,179 +0,0 @@
-// Copyright 2022 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 UI from '../../ui/legacy/legacy.js';
-import type * as Platform from '../../core/platform/platform.js';
-
-import {StartView} from './LighthouseStartView.js';
-import {Events} from './LighthouseController.js';
-
-const UIStrings = {
-  /**
-   * @description Text displayed as the title of a panel that can be used to audit a web page with Lighthouse.
-   */
-  generateLighthouseReport: 'Generate a Lighthouse report',
-  /**
-   * @description Text that refers to the Lighthouse mode
-   */
-  mode: 'Mode',
-  /**
-   * @description Title in the Lighthouse Start View for list of categories to run during audit
-   */
-  categories: 'Categories',
-  /**
-   * @description Title in the Lighthouse Start View for list of available start plugins
-   */
-  plugins: 'Plugins',
-  /**
-   * @description Label for a button to start analyzing a page navigation with Lighthouse
-   */
-  analyzeNavigation: 'Analyze page load',
-  /**
-   * @description Label for a button to start analyzing the current page state with Lighthouse
-   */
-  analyzeSnapshot: 'Analyze page state',
-  /**
-   * @description Label for a button that starts a Lighthouse mode that analyzes user interactions over a period of time.
-   */
-  startTimespan: 'Start timespan',
-};
-
-const str_ = i18n.i18n.registerUIStrings('panels/lighthouse/LighthouseStartViewFR.ts', UIStrings);
-const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
-
-export class StartViewFR extends StartView {
-  changeFormMode?: (mode: string) => void;
-
-  protected render(): void {
-    this.populateRuntimeSettingAsToolbarCheckbox('lighthouse.legacy_navigation', this.settingsToolbarInternal);
-    this.populateRuntimeSettingAsToolbarCheckbox('lighthouse.clear_storage', this.settingsToolbarInternal);
-    this.populateRuntimeSettingAsToolbarDropdown('lighthouse.throttling', this.settingsToolbarInternal);
-
-    const {mode} = this.controller.getFlags();
-    this.populateStartButton(mode);
-
-    const fragment = UI.Fragment.Fragment.build`
-<form class="lighthouse-start-view-fr">
-  <header class="hbox">
-    <div class="lighthouse-logo"></div>
-    <div class="lighthouse-title">${i18nString(UIStrings.generateLighthouseReport)}</div>
-    <div class="lighthouse-start-button-container" $="start-button-container">${this.startButton}</div>
-  </header>
-  <div $="help-text" class="lighthouse-help-text hidden"></div>
-  <div class="lighthouse-options hbox">
-    <div class="lighthouse-form-section">
-      <div class="lighthouse-form-elements" $="mode-form-elements"></div>
-    </div>
-    <div class="lighthouse-form-section">
-      <div class="lighthouse-form-elements" $="device-type-form-elements"></div>
-    </div>
-    <div class="lighthouse-form-categories">
-      <div class="lighthouse-form-section">
-        <div class="lighthouse-form-section-label">${i18nString(UIStrings.categories)}</div>
-        <div class="lighthouse-form-elements" $="categories-form-elements"></div>
-      </div>
-      <div class="lighthouse-form-section">
-        <div class="lighthouse-form-section-label">
-          <div class="lighthouse-icon-label">${i18nString(UIStrings.plugins)}</div>
-        </div>
-        <div class="lighthouse-form-elements" $="plugins-form-elements"></div>
-      </div>
-    </div>
-  </div>
-  <div $="warning-text" class="lighthouse-warning-text hidden"></div>
-</form>
-    `;
-
-    this.helpText = fragment.$('help-text');
-    this.warningText = fragment.$('warning-text');
-
-    const modeFormElements = fragment.$('mode-form-elements');
-    this.populateRuntimeSettingAsRadio('lighthouse.mode', i18nString(UIStrings.mode), modeFormElements);
-
-    // The previous radios are removed later and don't exist on the new fragment yet.
-    this.populateFormControls(fragment, mode);
-
-    this.contentElement.textContent = '';
-    this.contentElement.append(fragment.element());
-
-    this.refresh();
-  }
-
-  private populateStartButton(mode: string): void {
-    let buttonLabel: Platform.UIString.LocalizedString;
-    let callback: () => void;
-
-    if (mode === 'timespan') {
-      buttonLabel = i18nString(UIStrings.startTimespan);
-      callback = (): void => {
-        this.controller.dispatchEventToListeners(
-            Events.RequestLighthouseTimespanStart,
-            /* keyboardInitiated */ this.startButton.matches(':focus-visible'),
-        );
-      };
-    } else if (mode === 'snapshot') {
-      buttonLabel = i18nString(UIStrings.analyzeSnapshot);
-      callback = (): void => {
-        this.controller.dispatchEventToListeners(
-            Events.RequestLighthouseStart,
-            /* keyboardInitiated */ this.startButton.matches(':focus-visible'),
-        );
-      };
-    } else {
-      buttonLabel = i18nString(UIStrings.analyzeNavigation);
-      callback = (): void => {
-        this.controller.dispatchEventToListeners(
-            Events.RequestLighthouseStart,
-            /* keyboardInitiated */ this.startButton.matches(':focus-visible'),
-        );
-      };
-    }
-
-    const startButtonContainer = this.contentElement.querySelector('.lighthouse-start-button-container');
-    if (startButtonContainer) {
-      startButtonContainer.textContent = '';
-      this.startButton = UI.UIUtils.createTextButton(
-          buttonLabel,
-          callback,
-          /* className */ '',
-          /* primary */ true,
-      );
-      startButtonContainer.append(this.startButton);
-    }
-  }
-
-  refresh(): void {
-    const {mode} = this.controller.getFlags();
-    this.populateStartButton(mode);
-
-    for (const {checkbox, preset} of this.checkboxes) {
-      if (preset.supportedModes.includes(mode)) {
-        checkbox.setEnabled(true);
-        checkbox.setIndeterminate(false);
-      } else {
-        checkbox.setEnabled(false);
-        checkbox.setIndeterminate(true);
-      }
-    }
-
-    // Ensure the correct layout is used after refresh.
-    this.onResize();
-  }
-
-  onResize(): void {
-    const useNarrowLayout = this.contentElement.offsetWidth < 500;
-    const useWideLayout = this.contentElement.offsetWidth > 800;
-    const headerEl = this.contentElement.querySelector('.lighthouse-start-view-fr header');
-    const optionsEl = this.contentElement.querySelector('.lighthouse-options');
-    if (headerEl) {
-      headerEl.classList.toggle('hbox', !useNarrowLayout);
-      headerEl.classList.toggle('vbox', useNarrowLayout);
-    }
-    if (optionsEl) {
-      optionsEl.classList.toggle('wide', useWideLayout);
-      optionsEl.classList.toggle('narrow', useNarrowLayout);
-    }
-  }
-}

package/front_end/panels/sources/JavaScriptCompilerPlugin.ts

@@ -1,145 +0,0 @@
-// Copyright 2014 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 SDK from '../../core/sdk/sdk.js';
-import * as Bindings from '../../models/bindings/bindings.js';
-import * as Workspace from '../../models/workspace/workspace.js';
-import * as CodeMirror from '../../third_party/codemirror.next/codemirror.next.js';
-import * as UI from '../../ui/legacy/legacy.js';
-import type * as TextEditor from '../../ui/components/text_editor/text_editor.js';
-import * as Snippets from '../snippets/snippets.js';
-
-import {Plugin} from './Plugin.js';
-
-// Plugin that tries to compile the editor content and highlights
-// compilation errors.
-
-export class JavaScriptCompilerPlugin extends Plugin {
-  private compiling: boolean = false;
-  private recompileScheduled: boolean = false;
-  private timeout: number|null = null;
-  private message: Workspace.UISourceCode.Message|null = null;
-  private disposed: boolean = false;
-  private editor: TextEditor.TextEditor.TextEditor|null = null;
-
-  constructor(uiSourceCode: Workspace.UISourceCode.UISourceCode) {
-    super(uiSourceCode);
-  }
-
-  editorExtension(): CodeMirror.Extension {
-    return CodeMirror.EditorView.updateListener.of(update => {
-      if (update.docChanged) {
-        this.scheduleCompile();
-      }
-    });
-  }
-
-  editorInitialized(editor: TextEditor.TextEditor.TextEditor): void {
-    this.editor = editor;
-    if (this.uiSourceCode.hasCommits() || this.uiSourceCode.isDirty()) {
-      this.scheduleCompile();
-    }
-  }
-
-  static accepts(uiSourceCode: Workspace.UISourceCode.UISourceCode): boolean {
-    if (uiSourceCode.extension() === 'js') {
-      return true;
-    }
-    if (Snippets.ScriptSnippetFileSystem.isSnippetsUISourceCode(uiSourceCode)) {
-      return true;
-    }
-    for (const debuggerModel of SDK.TargetManager.TargetManager.instance().models(SDK.DebuggerModel.DebuggerModel)) {
-      if (Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance().scriptFile(
-              uiSourceCode, debuggerModel)) {
-        return true;
-      }
-    }
-    return false;
-  }
-
-  private scheduleCompile(): void {
-    if (this.compiling) {
-      this.recompileScheduled = true;
-      return;
-    }
-    if (this.timeout) {
-      clearTimeout(this.timeout);
-    }
-    this.timeout = window.setTimeout(this.compile.bind(this), CompileDelay);
-  }
-
-  private findRuntimeModel(): SDK.RuntimeModel.RuntimeModel|null {
-    const debuggerModels = SDK.TargetManager.TargetManager.instance().models(SDK.DebuggerModel.DebuggerModel);
-    for (let i = 0; i < debuggerModels.length; ++i) {
-      const scriptFile = Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance().scriptFile(
-          this.uiSourceCode, debuggerModels[i]);
-      if (scriptFile) {
-        return debuggerModels[i].runtimeModel();
-      }
-    }
-    const mainTarget = SDK.TargetManager.TargetManager.instance().mainTarget();
-    return mainTarget ? mainTarget.model(SDK.RuntimeModel.RuntimeModel) : null;
-  }
-
-  private async compile(): Promise<void> {
-    const runtimeModel = this.findRuntimeModel();
-    if (!runtimeModel || !this.editor) {
-      return;
-    }
-    const currentExecutionContext = UI.Context.Context.instance().flavor(SDK.RuntimeModel.ExecutionContext);
-    if (!currentExecutionContext) {
-      return;
-    }
-
-    if (this.editor.state.doc.length > 1024 * 100) {
-      return;
-    }
-
-    const code = this.editor.state.doc.toString();
-    const scripts =
-        Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance().scriptsForResource(this.uiSourceCode);
-    const isModule = scripts.reduce((v, s) => v || s.isModule === true, false);
-    if (isModule) {
-      return;
-    }
-
-    this.compiling = true;
-    const result = await runtimeModel.compileScript(code, '', false, currentExecutionContext.id);
-
-    this.compiling = false;
-    if (this.recompileScheduled) {
-      this.recompileScheduled = false;
-      this.scheduleCompile();
-      return;
-    }
-    if (this.message) {
-      this.uiSourceCode.removeMessage(this.message);
-      this.message = null;
-    }
-    if (this.disposed || !result || !result.exceptionDetails) {
-      return;
-    }
-
-    const exceptionDetails = result.exceptionDetails;
-    const text = SDK.RuntimeModel.RuntimeModel.simpleTextFromException(exceptionDetails);
-    this.message = this.uiSourceCode.addLineMessage(
-        Workspace.UISourceCode.Message.Level.Error, text, exceptionDetails.lineNumber, exceptionDetails.columnNumber);
-    this.compilationFinishedForTest();
-  }
-
-  private compilationFinishedForTest(): void {
-  }
-
-  dispose(): void {
-    if (this.message) {
-      this.uiSourceCode.removeMessage(this.message);
-    }
-    this.disposed = true;
-    if (this.timeout) {
-      clearTimeout(this.timeout);
-    }
-  }
-}
-
-export const CompileDelay = 1000;

package/front_end/third_party/acorn-loose/README.chromium

@@ -1,22 +0,0 @@
-Name: Acorn-loose
-Short Name: acorn-loose
-URL: https://github.com/acornjs/acorn
-Version: 8.2.1
-License: MIT
-License File: package/LICENSE
-Security Critical: no
-
-Description:
-An error-tolerant JavaScript parser written in JavaScript.
-
-This parser will parse any text into an ESTree syntax tree that is a reasonable approximation of what it might mean as a JavaScript program.
-
-It will, to recover from missing brackets, treat whitespace as significant, which has the downside that it might mis-parse a valid but weirdly indented file. It is recommended to always try a parse with the regular acorn parser first, and only fall back to this parser when that one finds syntax errors.
-
-```bash
-wget -qO- https://registry.npmjs.org/acorn-loose/-/acorn-loose-8.2.1.tgz | tar xzf -
-```
-
-Local Modifications:
-- Rewrite named path from `acorn` to the relative path to the file location of `acorn.mjs`
-- Add empty `acorn-loose.d.ts` file for typechecking with TypeScript

package/front_end/third_party/acorn-loose/acorn-loose-tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true
-  },
-  "files": [
-    "package/dist/acorn-loose.mjs"
-  ]
-}

package/front_end/third_party/acorn-loose/acorn-loose.ts

@@ -1,9 +0,0 @@
-// Copyright (c) 2021 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 AcornLoose from './package/dist/acorn-loose.mjs';
-
-export {
-  AcornLoose,
-};

package/front_end/third_party/acorn-loose/package/CHANGELOG.md

@@ -1,123 +0,0 @@
-## 8.2.1 (2021-09-06)
-
-### Bug fixes
-
-Depend on the proper version of acorn.
-
-## 8.2.0 (2021-09-06)
-
-### New features
-
-Add support for ES2022 class static blocks.
-
-## 8.1.0 (2021-04-24)
-
-### New features
-
-Add support for ES2022 class fields and private methods.
-
-## 8.0.2 (2021-01-25)
-
-### Bug fixes
-
-Adjust package.json to work with Node 12.16.0 and 13.0-13.6.
-
-## 8.0.1 (2020-10-11)
-
-### Bug fixes
-
-Allow `for await` at the top level.
-
-## 8.0.0 (2020-08-12)
-
-### New features
-
-The package can now be loaded directly as an ECMAScript module in node 13+.
-
-### Breaking changes
-
-The `ecmaVersion` option is now required. For the moment, omitting it will still work with a warning, but that will change in a future release.
-
-## 7.1.0 (2020-06-11)
-
-### Bug fixes
-
-Fix various issues in regexp validation.
-
-### New features
-
-Add support for `import.meta`.
-
-Add support for optional chaining (`?.`) and nullish coalescing (`??`).
-
-Support `export * as ns from "source"`.
-
-## 7.0.0 (2019-08-12)
-
-### Breaking changes
-
-Changes the node format for dynamic imports to use the `ImportExpression` node type, as defined in [ESTree](https://github.com/estree/estree/blob/master/es2020.md#importexpression).
-
-## 6.1.0 (2019-07-04)
-
-### New features
-
-Support bigint syntax.
-
-Support dynamic import.
-
-## 6.0.0 (2018-09-14)
-
-### Breaking changes
-
-This module has been moved into its own package, `acorn-loose`.
-
-Plugins work differently, and will have to be rewritten to work with this version.
-
-The `parse_dammit` function is now simply called `parse`.
-
-## 5.1.0 (2017-07-05)
-
-### Bug fixes
-
-Make the ES module version of the loose parser actually work.
-
-## 4.0.4 (2016-12-19)
-
-### Bug fixes
-
-Fix issue with loading acorn_loose.js with an AMD loader.
-
-## 3.2.0 (2016-06-07)
-
-### Bug fixes
-
-Don't crash when the loose parser is called without options object.
-
-## 3.1.0 (2016-04-18)
-
-### Bug fixes
-
-Fix issue where the loose parser created invalid TemplateElement nodes for unclosed template literals.
-
-## 2.7.0 (2016-01-04)
-
-### Fixes
-
-Make sure the loose parser always attaches a `local` property to `ImportNamespaceSpecifier` nodes.
-
-## 2.6.4 (2015-11-12)
-
-### Fixes
-
-Fix crash in loose parser when parsing invalid object pattern.
-
-### New features
-
-Support plugins in the loose parser.
-
-## 2.5.0 (2015-10-27)
-
-### Fixes
-
-In the loose parser, don't allow non-string-literals as import sources.

package/front_end/third_party/acorn-loose/package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (C) 2012-2020 by various contributors (see AUTHORS)
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.

package/front_end/third_party/acorn-loose/package/README.md

@@ -1,66 +0,0 @@
-# Acorn loose parser
-
-An error-tolerant JavaScript parser written in JavaScript.
-
-This parser will parse _any_ text into an
-[ESTree](https://github.com/estree/estree) syntax tree that is a
-reasonable approximation of what it might mean as a JavaScript
-program.
-
-It will, to recover from missing brackets, treat whitespace as
-significant, which has the downside that it might mis-parse a valid
-but weirdly indented file. It is recommended to always try a parse
-with the regular `acorn` parser first, and only fall back to this
-parser when that one finds syntax errors.
-
-## Community
-
-Acorn is open source software released under an
-[MIT license](https://github.com/acornjs/acorn/blob/master/acorn-loose/LICENSE).
-
-You are welcome to [report
-bugs](https://github.com/acornjs/acorn/issues) or create pull requests
-on [github](https://github.com/acornjs/acorn). For questions and
-discussion, please use the [Tern discussion
-forum](https://discuss.ternjs.net).
-
-## Installation
-
-The easiest way to install acorn-loose is from [`npm`](https://www.npmjs.com/):
-
-```sh
-npm install acorn-loose
-```
-
-Alternately, you can download the source and build acorn yourself:
-
-```sh
-git clone https://github.com/acornjs/acorn.git
-cd acorn
-npm install
-```
-
-## Interface
-
-**parse**`(input, options)` takes an input string and a set of options
-(the same options as
-[acorn](https://github.com/acornjs/acorn/blob/master/acorn/README.md)
-takes), and returns a syntax tree, even if the code isn't
-syntactically valid. It'll insert identifier nodes with name `"✖"` as
-placeholders in places where it can't make sense of the input. Depends
-on the `acorn` package, because it uses the same tokenizer.
-
-```javascript
-var acornLoose = require("acorn-loose");
-console.log(acornLoose.parse("1 / * 4 )[2]", {ecmaVersion: 2020}));
-```
-
-Like the regular parser, the loose parser supports plugins. You can
-take the **`LooseParser`** class exported by the module, and call its
-static `extend` method with one or more plugins to get a customized
-parser class. The class has a static `parse` method that acts like the
-top-level `parse` method.
-
-**isDummy**`(node)` takes a `Node` and returns `true` if it is a dummy node
-inserted by the parser. The function performs a simple equality check on the
-node's name.

package/front_end/third_party/acorn-loose/package/dist/acorn-loose.d.ts

@@ -1,16 +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.
-
-// Note: this file is not provided as part of the upstream third party
-// deps. It has been written solely to satisfy the TypeScript compiler in
-// this repo.
-
-export as namespace AcornLoose
-export = AcornLoose
-
-import { Options } from '../../../acorn/package/dist/acorn.mjs';
-
-declare namespace AcornLoose {
-  function parse(input: string, options?: Options): Node;
-}