chrome-devtools-frontend 1.0.925655 → 1.0.927419

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

@@ -80,6 +80,14 @@ const UIStrings = {
   */
   doNotGroupSimilarMessagesIn: 'Do not group similar messages in console',
   /**
+  *@description Title of a setting under the Console category that can be invoked through the Command Menu
+  */
+  showCorsErrorsInConsole: 'Show `CORS` errors in console',
+  /**
+  *@description Title of a setting under the Console category that can be invoked through the Command Menu
+  */
+  doNotShowCorsErrorsIn: 'Do not show `CORS` errors in console',
+  /**
   *@description Title of a setting under the Console category in Settings
   */
   eagerEvaluation: 'Eager evaluation',
@@ -310,6 +318,24 @@ Common.Settings.registerSettingExtension({
   ],
 });
 
+Common.Settings.registerSettingExtension({
+  category: Common.Settings.SettingCategory.CONSOLE,
+  title: i18nLazyString(UIStrings.showCorsErrorsInConsole),
+  settingName: 'consoleShowsCorsErrors',
+  settingType: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: true,
+  options: [
+    {
+      value: true,
+      title: i18nLazyString(UIStrings.showCorsErrorsInConsole),
+    },
+    {
+      value: false,
+      title: i18nLazyString(UIStrings.doNotShowCorsErrorsIn),
+    },
+  ],
+});
+
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.CONSOLE,
   title: i18nLazyString(UIStrings.eagerEvaluation),

package/front_end/panels/elements/ElementsTreeElement.ts

@@ -83,6 +83,14 @@ const UIStrings = {
   */
   scrollIntoView: 'Scroll into view',
   /**
+  *@description Text to enter Isolation Mode, a mode with focus on a single element and interactive resizing
+  */
+  enterIsolationMode: 'Enter Isolation Mode',
+  /**
+  *@description Text to exit Isolation Mode, a mode with focus on a single element and interactive resizing
+  */
+  exitIsolationMode: 'Exit Isolation Mode',
+  /**
   *@description A context menu item in the Elements Tree Element of the Elements panel
   */
   editText: 'Edit text',
@@ -636,6 +644,17 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
     contextMenu.viewSection().appendItem(i18nString(UIStrings.focus), async () => {
       await this.nodeInternal.focus();
     });
+
+    const overlayModel = this.nodeInternal.domModel().overlayModel();
+    if (overlayModel.isHighlightedIsolatedElementInPersistentOverlay(this.nodeInternal.id)) {
+      contextMenu.viewSection().appendItem(i18nString(UIStrings.exitIsolationMode), () => {
+        overlayModel.hideIsolatedElementInPersistentOverlay(this.nodeInternal.id);
+      });
+    } else {
+      contextMenu.viewSection().appendItem(i18nString(UIStrings.enterIsolationMode), () => {
+        overlayModel.highlightIsolatedElementInPersistentOverlay(this.nodeInternal.id);
+      });
+    }
   }
 
   populateScrollIntoView(contextMenu: UI.ContextMenu.ContextMenu): void {

package/front_end/panels/elements/PropertiesWidget.ts

@@ -107,8 +107,7 @@ export class PropertiesWidget extends UI.ThrottledWidget.ThrottledWidget {
     }
 
     await ObjectUI.ObjectPropertiesSection.ObjectPropertyTreeElement.populate(
-        this.treeOutline.rootElement(), object, true, true, undefined, undefined,
-        ObjectUI.ObjectPropertiesSection.ObjectPropertiesMode.All);
+        this.treeOutline.rootElement(), object, true, true, undefined, undefined);
   }
 
   private onNodeChange(event: Common.EventTarget

package/front_end/panels/elements/StylePropertyTreeElement.ts

@@ -19,6 +19,7 @@ import {ElementsPanel} from './ElementsPanel.js';
 import {StyleEditorWidget} from './StyleEditorWidget.js';
 import type {StylePropertiesSection} from './StylesSidebarPane.js';
 import {CSSPropertyPrompt, StylesSidebarPane, StylesSidebarPropertyRenderer} from './StylesSidebarPane.js';
+import {getCssDeclarationAsJavascriptProperty} from './StylePropertyUtils.js';
 
 const FlexboxEditor = ElementsComponents.StylePropertyEditor.FlexboxEditor;
 const GridEditor = ElementsComponents.StylePropertyEditor.GridEditor;
@@ -83,6 +84,14 @@ const UIStrings = {
   * @description Title of the button that opens the CSS Grid editor in the Styles panel.
   */
   gridEditorButton: 'Open `grid` editor',
+  /**
+  *@description A context menu item in Styles panel to copy CSS declaration as JavaScript property.
+  */
+  copyCssDeclarationAsJs: 'Copy declaration as JS',
+  /**
+  *@description A context menu item in Styles panel to copy all declarations of CSS rule as JavaScript properties.
+  */
+  copyAllCssDeclarationsAsJs: 'Copy all declarations as JS',
 };
 const str_ = i18n.i18n.registerUIStrings('panels/elements/StylePropertyTreeElement.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -846,6 +855,12 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
       this.viewComputedValue();
     });
 
+    contextMenu.clipboardSection().appendItem(
+        i18nString(UIStrings.copyCssDeclarationAsJs), this.copyCssDeclarationAsJs.bind(this));
+
+    contextMenu.defaultSection().appendItem(
+        i18nString(UIStrings.copyAllCssDeclarationsAsJs), this.copyAllCssDeclarationAsJs.bind(this));
+
     contextMenu.show();
   }
 
@@ -870,6 +885,19 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
     filterInput.focus();
   }
 
+  private copyCssDeclarationAsJs(): void {
+    const cssDeclarationValue = getCssDeclarationAsJavascriptProperty(this.property);
+    Host.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(cssDeclarationValue);
+  }
+
+  private copyAllCssDeclarationAsJs(): void {
+    const section = this.section() as StylePropertiesSection;
+    const leadingProperties = (section.style()).leadingProperties();
+    const cssDeclarationsAsJsProperties =
+        leadingProperties.filter(property => !property.disabled).map(getCssDeclarationAsJavascriptProperty);
+    Host.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(cssDeclarationsAsJsProperties.join(',\n'));
+  }
+
   private navigateToSource(element: Element, omitFocus?: boolean): void {
     const section = this.section();
     if (!section || !section.navigable) {

package/front_end/panels/elements/StylePropertyUtils.ts

@@ -0,0 +1,13 @@
+// Copyright 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 type * as SDK from '../../core/sdk/sdk.js';
+
+export function getCssDeclarationAsJavascriptProperty(declaration: SDK.CSSProperty.CSSProperty): string {
+  const {name, value} = declaration;
+  const declarationNameAsJs =
+      name.startsWith('--') ? `'${name}'` : name.replace(/-([a-z])/gi, (_str, group) => group.toUpperCase());
+  const declarationAsJs = `'${value.replaceAll('\'', '\\\'')}'`;
+  return `${declarationNameAsJs}: ${declarationAsJs}`;
+}

package/front_end/panels/elements/components/nodeText.css

@@ -7,11 +7,11 @@
 /* See: https://crbug.com/1227651 for details on changing these to --override pattern. */
 
 .node-label-name {
-  color: var(--override-node-text-label-color, --override-dom-tag-name-color);
+  color: var(--override-node-text-label-color, --color-token-tag);
 }
 
 .node-label-class {
-  color: var(--override-node-text-class-color, --override-dom-attribute-name-color);
+  color: var(--override-node-text-class-color, --color-token-attribute);
 }
 
 .node-label-id {
@@ -19,9 +19,9 @@
 }
 
 .node-label-class.node-multiple-descriptors {
-  color: var(--override-node-text-multiple-descriptors-class, var(--override-node-text-class-color, --override-dom-attribute-name-color));
+  color: var(--override-node-text-multiple-descriptors-class, var(--override-node-text-class-color, --color-token-attribute));
 }
 
 .node-label-id.node-multiple-descriptors {
-  color: var(--override-node-text-multiple-descriptors-id, var(--override-node-text-id-color, --override-dom-attribute-name-color));
+  color: var(--override-node-text-multiple-descriptors-id, var(--override-node-text-id-color, --color-token-attribute));
 }

package/front_end/panels/elements/elements.ts

@@ -48,6 +48,7 @@ import * as PropertiesWidget from './PropertiesWidget.js';
 import * as StyleEditorWidget from './StyleEditorWidget.js';
 import * as StylePropertyHighlighter from './StylePropertyHighlighter.js';
 import * as StylePropertyTreeElement from './StylePropertyTreeElement.js';
+import * as StylePropertyUtils from './StylePropertyUtils.js';
 import * as StylesSidebarPane from './StylesSidebarPane.js';
 
 export {
@@ -74,5 +75,6 @@ export {
   StyleEditorWidget,
   StylePropertyHighlighter,
   StylePropertyTreeElement,
+  StylePropertyUtils,
   StylesSidebarPane,
 };

package/front_end/panels/elements/layoutPane.css

@@ -96,7 +96,7 @@
 
 .elements {
   margin-top: 12px;
-  color: var(--override-dom-tag-name-color);
+  color: var(--color-token-tag);
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));
   gap: 8px;

package/front_end/panels/issues/CorsIssueDetailsView.ts

@@ -205,7 +205,8 @@ export class CorsIssueDetailsView extends AffectedResourcesView {
       default:
         Platform.assertUnhandled<IssuesManager.CorsIssue.IssueCode.PreflightMissingAllowExternal|
                                  IssuesManager.CorsIssue.IssueCode.PreflightInvalidAllowExternal|
-                                 IssuesManager.CorsIssue.IssueCode.InvalidResponse>(issueCode);
+                                 IssuesManager.CorsIssue.IssueCode.InvalidResponse|
+                                 IssuesManager.CorsIssue.IssueCode.InvalidPrivateNetworkAccess>(issueCode);
     }
 
     this.affectedResources.appendChild(header);
@@ -429,7 +430,8 @@ export class CorsIssueDetailsView extends AffectedResourcesView {
         this.appendStatus(element, details.isWarning);
         Platform.assertUnhandled<IssuesManager.CorsIssue.IssueCode.PreflightMissingAllowExternal|
                                  IssuesManager.CorsIssue.IssueCode.PreflightInvalidAllowExternal|
-                                 IssuesManager.CorsIssue.IssueCode.InvalidResponse>(issueCode);
+                                 IssuesManager.CorsIssue.IssueCode.InvalidResponse|
+                                 IssuesManager.CorsIssue.IssueCode.InvalidPrivateNetworkAccess>(issueCode);
         break;
     }
 

package/front_end/panels/network/RequestCookiesView.ts

@@ -189,8 +189,10 @@ export class RequestCookiesView extends UI.Widget.Widget {
 
       for (const blockedCookie of this.request.blockedResponseCookies()) {
         const parsedCookies = SDK.CookieParser.CookieParser.parseSetCookie(blockedCookie.cookieLine);
-        if (parsedCookies && !parsedCookies.length ||
-            blockedCookie.blockedReasons.includes(Protocol.Network.SetCookieBlockedReason.SyntaxError)) {
+        if ((parsedCookies && !parsedCookies.length) ||
+            blockedCookie.blockedReasons.includes(Protocol.Network.SetCookieBlockedReason.SyntaxError) ||
+            blockedCookie.blockedReasons.includes(
+                Protocol.Network.SetCookieBlockedReason.NameValuePairExceedsMaxSize)) {
           malformedResponseCookies.push(blockedCookie);
           continue;
         }
@@ -265,8 +267,15 @@ export class RequestCookiesView extends UI.Widget.Widget {
         const icon = UI.Icon.Icon.create('smallicon-error', 'cookie-warning-icon');
         listItem.appendChild(icon);
         UI.UIUtils.createTextChild(listItem, malformedCookie.cookieLine);
-        listItem.title =
-            SDK.NetworkRequest.setCookieBlockedReasonToUiString(Protocol.Network.SetCookieBlockedReason.SyntaxError);
+
+        if (malformedCookie.blockedReasons.includes(
+                Protocol.Network.SetCookieBlockedReason.NameValuePairExceedsMaxSize)) {
+          listItem.title = SDK.NetworkRequest.setCookieBlockedReasonToUiString(
+              Protocol.Network.SetCookieBlockedReason.NameValuePairExceedsMaxSize);
+        } else {
+          listItem.title =
+              SDK.NetworkRequest.setCookieBlockedReasonToUiString(Protocol.Network.SetCookieBlockedReason.SyntaxError);
+        }
       }
     } else {
       this.malformedResponseCookiesTitle.classList.add('hidden');

package/front_end/panels/screencast/screencastView.css

@@ -137,15 +137,11 @@
 }
 
 .screencast-tag-name {
-  --override-tag-name-color: rgb(163 18 128);
-  /* Keep this in sync with inspectorSyntaxHighlight.css (--override-dom-tag-name-color) */
-  color: var(--override-tag-name-color);
+  color: var(--color-token-tag);
 }
 
 .screencast-attribute {
-  --override-attribute-color: rgb(26 26 166);
-  /* Keep this in sync with inspectorSyntaxHighlight.css (.webkit-html-attribute-value) */
-  color: var(--override-attribute-color);
+  color: var(--color-token-attribute);
 }
 
 .screencast-dimension {

package/front_end/panels/search/SearchResultsPane.ts

@@ -75,7 +75,7 @@ export class SearchResultsPane extends UI.Widget.VBox {
   }
 }
 
-export const matchesExpandedByDefault = 20;
+export const matchesExpandedByDefault = 200;
 export const matchesShownAtOnce = 20;
 
 export class SearchResultsTreeElement extends UI.TreeOutline.TreeElement {

package/front_end/panels/settings/SettingsScreen.ts

@@ -279,6 +279,9 @@ export class GenericSettingsTab extends SettingsTab {
       Common.Settings.SettingCategory.DEBUGGER,
       Common.Settings.SettingCategory.GLOBAL,
     ];
+    if (Root.Runtime.experiments.isEnabled(Root.Runtime.ExperimentName.SYNC_SETTINGS)) {
+      explicitSectionOrder.push(Common.Settings.SettingCategory.SYNC);
+    }
 
     // Some settings define their initial ordering.
     const preRegisteredSettings = Common.Settings.getRegisteredSettings().sort(

package/front_end/panels/snippets/SnippetsQuickOpen.ts

@@ -14,9 +14,13 @@ const UIStrings = {
   */
   noSnippetsFound: 'No snippets found.',
   /**
-  *@description Text to run a code snippet
+  *@description Text for command prefix of run a code snippet
   */
-  runSnippet: 'Run snippet',
+  run: 'Run',
+  /**
+  *@description Text for suggestion of run a code snippet
+  */
+  snippet: 'Snippet',
 };
 const str_ = i18n.i18n.registerUIStrings('panels/snippets/SnippetsQuickOpen.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -77,6 +81,7 @@ export class SnippetsQuickOpen extends QuickOpen.FilteredListWidget.Provider {
 QuickOpen.FilteredListWidget.registerProvider({
   prefix: '!',
   iconName: 'ic_command_run_snippet',
-  title: i18nLazyString(UIStrings.runSnippet),
   provider: () => Promise.resolve(SnippetsQuickOpen.instance()),
+  titlePrefix: i18nLazyString(UIStrings.run),
+  titleSuggestion: i18nLazyString(UIStrings.snippet),
 });

package/front_end/panels/sources/CallStackSidebarPane.ts

@@ -198,16 +198,7 @@ export class CallStackSidebarPane extends UI.View.SimpleView implements UI.Conte
     let previousStackTrace: Protocol.Runtime.CallFrame[]|SDK.DebuggerModel.CallFrame[] = details.callFrames;
     let maxAsyncStackChainDepth = this.maxAsyncStackChainDepth;
     while (asyncStackTrace && maxAsyncStackChainDepth > 0) {
-      let title = '';
-      const isAwait = asyncStackTrace.description === 'async function';
-      if (isAwait && previousStackTrace.length && asyncStackTrace.callFrames.length) {
-        const lastPreviousFrame = previousStackTrace[previousStackTrace.length - 1];
-        const lastPreviousFrameName = UI.UIUtils.beautifyFunctionName(lastPreviousFrame.functionName);
-        title = UI.UIUtils.asyncStackTraceLabel('await in ' + lastPreviousFrameName);
-      } else {
-        title = UI.UIUtils.asyncStackTraceLabel(asyncStackTrace.description);
-      }
-
+      const title = UI.UIUtils.asyncStackTraceLabel(asyncStackTrace.description, previousStackTrace);
       items.push(...await Item.createItemsForAsyncStack(
           title, debuggerModel, asyncStackTrace.callFrames, this.locationPool, this.refreshItem.bind(this)));
 

package/front_end/panels/sources/GoToLineQuickOpen.ts

@@ -17,6 +17,10 @@ const UIStrings = {
   */
   noFileSelected: 'No file selected.',
   /**
+  *@description Text to show no results have been found
+  */
+  noResultsFound: 'No results found',
+  /**
   *@description Text in Go To Line Quick Open of the Sources panel
   */
   typeANumberToGoToThatLine: 'Type a number to go to that line.',
@@ -56,6 +60,8 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 let goToLineQuickOpenInstance: GoToLineQuickOpen;
 export class GoToLineQuickOpen extends QuickOpen.FilteredListWidget.Provider {
+  #goToLineStrings: string[] = [];
+
   static instance(opts: {
     forceNew: boolean|null,
   } = {forceNew: null}): GoToLineQuickOpen {
@@ -67,7 +73,7 @@ export class GoToLineQuickOpen extends QuickOpen.FilteredListWidget.Provider {
     return goToLineQuickOpenInstance;
   }
 
-  selectItem(itemIndex: number|null, promptValue: string): void {
+  selectItem(_itemIndex: number|null, promptValue: string): void {
     const uiSourceCode = this.currentUISourceCode();
     if (!uiSourceCode) {
       return;
@@ -79,15 +85,17 @@ export class GoToLineQuickOpen extends QuickOpen.FilteredListWidget.Provider {
     Common.Revealer.reveal(uiSourceCode.uiLocation(position.line - 1, position.column - 1));
   }
 
-  notFoundText(query: string): string {
+  updateGoToLineStrings(query: string): void {
+    this.#goToLineStrings = [];
     if (!this.currentUISourceCode()) {
-      return i18nString(UIStrings.noFileSelected);
+      return;
     }
     const position = this.parsePosition(query);
     const sourceFrame = this.currentSourceFrame();
     if (!position) {
       if (!sourceFrame) {
-        return i18nString(UIStrings.typeANumberToGoToThatLine);
+        this.#goToLineStrings.push(i18nString(UIStrings.typeANumberToGoToThatLine));
+        return;
       }
       const disassembly = sourceFrame.wasmDisassembly;
       const currentLineNumber = sourceFrame.textEditor.currentLineNumber();
@@ -95,23 +103,55 @@ export class GoToLineQuickOpen extends QuickOpen.FilteredListWidget.Provider {
         const lastBytecodeOffset = disassembly.lineNumberToBytecodeOffset(disassembly.lineNumbers - 1);
         const bytecodeOffsetDigits = lastBytecodeOffset.toString(16).length;
         const currentPosition = disassembly.lineNumberToBytecodeOffset(currentLineNumber);
-        return i18nString(UIStrings.currentPositionXsTypeAnOffset, {
+        this.#goToLineStrings.push(i18nString(UIStrings.currentPositionXsTypeAnOffset, {
           PH1: currentPosition.toString(16).padStart(bytecodeOffsetDigits, '0'),
           PH2: '0'.padStart(bytecodeOffsetDigits, '0'),
           PH3: lastBytecodeOffset.toString(16),
-        });
+        }));
+        return;
       }
       const linesCount = sourceFrame.textEditor.linesCount;
-      return i18nString(UIStrings.currentLineSTypeALineNumber, {PH1: currentLineNumber + 1, PH2: linesCount});
+      this.#goToLineStrings.push(
+          i18nString(UIStrings.currentLineSTypeALineNumber, {PH1: currentLineNumber + 1, PH2: linesCount}));
+      return;
     }
 
     if (sourceFrame && sourceFrame.wasmDisassembly) {
-      return i18nString(UIStrings.goToOffsetXs, {PH1: (position.column - 1).toString(16)});
+      this.#goToLineStrings.push(i18nString(UIStrings.goToOffsetXs, {PH1: (position.column - 1).toString(16)}));
+      return;
     }
     if (position.column && position.column > 1) {
-      return i18nString(UIStrings.goToLineSAndColumnS, {PH1: position.line, PH2: position.column});
+      this.#goToLineStrings.push(i18nString(UIStrings.goToLineSAndColumnS, {PH1: position.line, PH2: position.column}));
+      return;
+    }
+    if (sourceFrame && position.line > sourceFrame.textEditor.linesCount) {
+      return;
+    }
+    this.#goToLineStrings.push(i18nString(UIStrings.goToLineS, {PH1: position.line}));
+  }
+
+  itemCount(): number {
+    return this.#goToLineStrings.length;
+  }
+
+  renderItem(itemIndex: number, _query: string, titleElement: Element, _subtitleElement: Element): void {
+    UI.UIUtils.createTextChild(titleElement, this.#goToLineStrings[itemIndex]);
+  }
+
+  rewriteQuery(_query: string): string {
+    // For Go to Line Quick Open, we don't need to filter any item, set query to empty string, so the filter regex matching will be skipped
+    return '';
+  }
+
+  queryChanged(query: string): void {
+    this.updateGoToLineStrings(query);
+  }
+
+  notFoundText(_query: string): string {
+    if (!this.currentUISourceCode()) {
+      return i18nString(UIStrings.noFileSelected);
     }
-    return i18nString(UIStrings.goToLineS, {PH1: position.line});
+    return i18nString(UIStrings.noResultsFound);
   }
 
   private parsePosition(query: string): {

package/front_end/panels/sources/UISourceCodeFrame.ts

@@ -44,7 +44,6 @@ import * as UI from '../../ui/legacy/legacy.js';
 import {CoveragePlugin} from './CoveragePlugin.js';
 import {CSSPlugin} from './CSSPlugin.js';
 import {DebuggerPlugin} from './DebuggerPlugin.js';
-import {GutterDiffPlugin} from './GutterDiffPlugin.js';
 import {JavaScriptCompilerPlugin} from './JavaScriptCompilerPlugin.js';
 import type {Plugin} from './Plugin.js';
 import {ScriptOriginPlugin} from './ScriptOriginPlugin.js';
@@ -55,7 +54,6 @@ export class UISourceCodeFrame extends
     Common.ObjectWrapper.eventMixin<EventTypes, typeof SourceFrame.SourceFrame.SourceFrameImpl>(
         SourceFrame.SourceFrame.SourceFrameImpl) {
   private uiSourceCodeInternal: Workspace.UISourceCode.UISourceCode;
-  private readonly diff: SourceFrame.SourceCodeDiff.SourceCodeDiff|undefined;
   private muteSourceCodeEvents: boolean;
   private isSettingContent: boolean;
   private persistenceBinding: Persistence.Persistence.PersistenceBinding|null;
@@ -71,10 +69,6 @@ export class UISourceCodeFrame extends
     super(workingCopy);
     this.uiSourceCodeInternal = uiSourceCode;
 
-    if (Root.Runtime.experiments.isEnabled('sourceDiff')) {
-      this.diff = new SourceFrame.SourceCodeDiff.SourceCodeDiff(this.textEditor);
-    }
-
     this.muteSourceCodeEvents = false;
     this.isSettingContent = false;
 
@@ -363,10 +357,6 @@ export class UISourceCodeFrame extends
     if (ScriptOriginPlugin.accepts(pluginUISourceCode)) {
       this.plugins.push(new ScriptOriginPlugin(this.textEditor, pluginUISourceCode));
     }
-    if (!this.pretty && Root.Runtime.experiments.isEnabled('sourceDiff') &&
-        GutterDiffPlugin.accepts(pluginUISourceCode)) {
-      this.plugins.push(new GutterDiffPlugin(this.textEditor, pluginUISourceCode));
-    }
     if (CoveragePlugin.accepts(pluginUISourceCode)) {
       this.plugins.push(new CoveragePlugin(this.textEditor, pluginUISourceCode));
     }
@@ -403,9 +393,6 @@ export class UISourceCodeFrame extends
   private innerSetContent(content: string): void {
     this.isSettingContent = true;
     const oldContent = this.textEditor.text();
-    if (this.diff) {
-      this.diff.highlightModifiedLines(oldContent, content);
-    }
     if (oldContent !== content) {
       this.setContent(content, null);
     }

package/front_end/panels/sources/sources-legacy.ts

@@ -73,17 +73,6 @@ Sources.FilteredUISourceCodeListProvider =
 /** @constructor */
 Sources.GoToLineQuickOpen = SourcesModule.GoToLineQuickOpen.GoToLineQuickOpen;
 
-/** @constructor */
-Sources.GutterDiffPlugin = SourcesModule.GutterDiffPlugin.GutterDiffPlugin;
-
-/** @constructor */
-Sources.GutterDiffPlugin.GutterDecoration = SourcesModule.GutterDiffPlugin.GutterDecoration;
-
-Sources.GutterDiffPlugin.DiffGutterType = SourcesModule.GutterDiffPlugin.DiffGutterType;
-
-/** @constructor */
-Sources.GutterDiffPlugin.ContextMenuProvider = SourcesModule.GutterDiffPlugin.ContextMenuProvider;
-
 /** @constructor */
 Sources.InplaceFormatterEditorAction = SourcesModule.InplaceFormatterEditorAction.InplaceFormatterEditorAction;
 

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

@@ -348,13 +348,25 @@ const UIStrings = {
   */
   disallowScrollingPastEndOfFile: 'Disallow scrolling past end of file',
   /**
-  *@description Title of the Filtered List WidgetProvider of Quick Open
+  *@description Text for command prefix of go to a given line or symbol
   */
-  goToSymbol: 'Go to symbol',
+  goTo: 'Go to',
   /**
-  *@description Text to open a file
+  *@description Text for command suggestion of go to a given line
   */
-  openFile: 'Open file',
+  line: 'Line',
+  /**
+  *@description Text for command suggestion of go to a given symbol
+  */
+  symbol: 'Symbol',
+  /**
+  *@description Text for command prefix of open a file
+  */
+  open: 'Open',
+  /**
+  *@description Text for command suggestion of open a file
+  */
+  file: 'File',
   /**
   * @description  Title of a setting under the Sources category in Settings. If this option is off,
   * the sources panel will not be automatically be focsed whenever the application hits a breakpoint
@@ -1558,19 +1570,6 @@ UI.ContextMenu.registerProvider({
   experiment: undefined,
 });
 
-UI.ContextMenu.registerProvider({
-  contextTypes() {
-    return [
-      Workspace.UISourceCode.UISourceCode,
-    ];
-  },
-  async loadProvider() {
-    const Sources = await loadSourcesModule();
-    return Sources.GutterDiffPlugin.ContextMenuProvider.instance();
-  },
-  experiment: undefined,
-});
-
 UI.ContextMenu.registerProvider({
   async loadProvider() {
     const Sources = await loadSourcesModule();
@@ -1701,29 +1700,32 @@ UI.ContextMenu.registerItem({
 QuickOpen.FilteredListWidget.registerProvider({
   prefix: '@',
   iconName: 'ic_command_go_to_symbol',
-  title: i18nLazyString(UIStrings.goToSymbol),
   async provider() {
     const Sources = await loadSourcesModule();
     return Sources.OutlineQuickOpen.OutlineQuickOpen.instance();
   },
+  titlePrefix: i18nLazyString(UIStrings.goTo),
+  titleSuggestion: i18nLazyString(UIStrings.symbol),
 });
 
 QuickOpen.FilteredListWidget.registerProvider({
   prefix: ':',
   iconName: 'ic_command_go_to_line',
-  title: i18nLazyString(UIStrings.goToLine),
   async provider() {
     const Sources = await loadSourcesModule();
     return Sources.GoToLineQuickOpen.GoToLineQuickOpen.instance();
   },
+  titlePrefix: i18nLazyString(UIStrings.goTo),
+  titleSuggestion: i18nLazyString(UIStrings.line),
 });
 
 QuickOpen.FilteredListWidget.registerProvider({
   prefix: '',
   iconName: 'ic_command_open_file',
-  title: i18nLazyString(UIStrings.openFile),
   async provider() {
     const Sources = await loadSourcesModule();
     return Sources.OpenFileQuickOpen.OpenFileQuickOpen.instance();
   },
+  titlePrefix: i18nLazyString(UIStrings.open),
+  titleSuggestion: i18nLazyString(UIStrings.file),
 });

package/front_end/panels/sources/sources.ts

@@ -13,7 +13,6 @@ import * as EditingLocationHistoryManager from './EditingLocationHistoryManager.
 import * as FilePathScoreFunction from './FilePathScoreFunction.js';
 import * as FilteredUISourceCodeListProvider from './FilteredUISourceCodeListProvider.js';
 import * as GoToLineQuickOpen from './GoToLineQuickOpen.js';
-import * as GutterDiffPlugin from './GutterDiffPlugin.js';
 import * as InplaceFormatterEditorAction from './InplaceFormatterEditorAction.js';
 import * as JavaScriptBreakpointsSidebarPane from './JavaScriptBreakpointsSidebarPane.js';
 import * as JavaScriptCompilerPlugin from './JavaScriptCompilerPlugin.js';
@@ -48,7 +47,6 @@ export {
   FilePathScoreFunction,
   FilteredUISourceCodeListProvider,
   GoToLineQuickOpen,
-  GutterDiffPlugin,
   InplaceFormatterEditorAction,
   JavaScriptBreakpointsSidebarPane,
   JavaScriptCompilerPlugin,

package/front_end/third_party/codemirror.next/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (C) 2018-2021 by Marijn Haverbeke <marijnh@gmail.com> and others
+
+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.