chrome-devtools-frontend 1.0.925655 → 1.0.927419

package/.stylelintignore

@@ -8,3 +8,4 @@ test/**/*.css
 test/**/*.ts
 third_party
 front_end/ui/components/docs
+build

package/AUTHORS

@@ -33,6 +33,7 @@ Julian Geppert <spctstr@gmail.com>
 Karntino Areros <karntino.c.areros@gmail.com>
 Krishnal Ciccolella <ciccolella.krishnal@gmail.com>
 Luke Swiderski <luke.swiderski@gmail.com>
+Marijn Haverbeke <marijnh@gmail.com>
 Michael Brüning <michael.bruning@qt.io>
 Michael Rienstra <mrienstra@gmail.com>
 Per-Olov Jernberg <possan@possan.se>

package/config/gni/devtools_grd_files.gni

@@ -484,6 +484,7 @@ grd_files_release_sources = [
   "front_end/ui/components/report_view/report_view.js",
   "front_end/ui/components/request_link_icon/request_link_icon.js",
   "front_end/ui/components/survey_link/survey_link.js",
+  "front_end/ui/components/text_prompt/text_prompt.js",
   "front_end/ui/components/tree_outline/tree_outline.js",
   "front_end/ui/legacy/components/color_picker/color_picker-legacy.js",
   "front_end/ui/legacy/components/color_picker/color_picker.js",
@@ -803,7 +804,9 @@ grd_files_debug_sources = [
   "front_end/panels/application/IndexedDBModel.js",
   "front_end/panels/application/IndexedDBViews.js",
   "front_end/panels/application/OpenedWindowDetailsView.js",
+  "front_end/panels/application/ReportingApiReportsView.js",
   "front_end/panels/application/ReportingApiTreeElement.js",
+  "front_end/panels/application/ReportingApiView.js",
   "front_end/panels/application/ResourcesPanel.js",
   "front_end/panels/application/ServiceWorkerCacheViews.js",
   "front_end/panels/application/ServiceWorkerUpdateCycleView.js",
@@ -813,10 +816,11 @@ grd_files_debug_sources = [
   "front_end/panels/application/TrustTokensTreeElement.js",
   "front_end/panels/application/appManifestView.css.js",
   "front_end/panels/application/backgroundServiceView.css.js",
+  "front_end/panels/application/components/EndpointsGrid.js",
   "front_end/panels/application/components/FrameDetailsView.js",
   "front_end/panels/application/components/OriginTrialTreeView.js",
   "front_end/panels/application/components/PermissionsPolicySection.js",
-  "front_end/panels/application/components/ReportingApiView.js",
+  "front_end/panels/application/components/ReportsGrid.js",
   "front_end/panels/application/components/StackTrace.js",
   "front_end/panels/application/components/TrustTokensView.js",
   "front_end/panels/application/components/badge.css.js",
@@ -824,6 +828,7 @@ grd_files_debug_sources = [
   "front_end/panels/application/components/originTrialTokenRows.css.js",
   "front_end/panels/application/components/originTrialTreeView.css.js",
   "front_end/panels/application/components/permissionsPolicySection.css.js",
+  "front_end/panels/application/components/reportingApiGrid.css.js",
   "front_end/panels/application/components/stackTraceLinkButton.css.js",
   "front_end/panels/application/components/stackTraceRow.css.js",
   "front_end/panels/application/components/trustTokensView.css.js",
@@ -831,6 +836,7 @@ grd_files_debug_sources = [
   "front_end/panels/application/cookieItemsView.css.js",
   "front_end/panels/application/frameDetailsReportView.css.js",
   "front_end/panels/application/indexedDBViews.css.js",
+  "front_end/panels/application/reportingApiReportsView.css.js",
   "front_end/panels/application/resourcesPanel.css.js",
   "front_end/panels/application/resourcesSidebar.css.js",
   "front_end/panels/application/serviceWorkerCacheViews.css.js",
@@ -919,6 +925,7 @@ grd_files_debug_sources = [
   "front_end/panels/elements/StyleEditorWidget.js",
   "front_end/panels/elements/StylePropertyHighlighter.js",
   "front_end/panels/elements/StylePropertyTreeElement.js",
+  "front_end/panels/elements/StylePropertyUtils.js",
   "front_end/panels/elements/StylesSidebarPane.js",
   "front_end/panels/elements/classesPaneWidget.css.js",
   "front_end/panels/elements/components/AccessibilityTreeNode.js",
@@ -1177,7 +1184,6 @@ grd_files_debug_sources = [
   "front_end/panels/sources/FilePathScoreFunction.js",
   "front_end/panels/sources/FilteredUISourceCodeListProvider.js",
   "front_end/panels/sources/GoToLineQuickOpen.js",
-  "front_end/panels/sources/GutterDiffPlugin.js",
   "front_end/panels/sources/InplaceFormatterEditorAction.js",
   "front_end/panels/sources/JavaScriptBreakpointsSidebarPane.js",
   "front_end/panels/sources/JavaScriptCompilerPlugin.js",
@@ -1390,6 +1396,8 @@ grd_files_debug_sources = [
   "front_end/ui/components/request_link_icon/requestLinkIcon.css.js",
   "front_end/ui/components/survey_link/SurveyLink.js",
   "front_end/ui/components/survey_link/surveyLink.css.js",
+  "front_end/ui/components/text_prompt/TextPrompt.js",
+  "front_end/ui/components/text_prompt/textPrompt.css.js",
   "front_end/ui/components/tree_outline/TreeOutline.js",
   "front_end/ui/components/tree_outline/TreeOutlineUtils.js",
   "front_end/ui/components/tree_outline/treeOutline.css.js",
@@ -1514,7 +1522,6 @@ grd_files_debug_sources = [
   "front_end/ui/legacy/components/source_frame/JSONView.js",
   "front_end/ui/legacy/components/source_frame/PreviewFactory.js",
   "front_end/ui/legacy/components/source_frame/ResourceSourceFrame.js",
-  "front_end/ui/legacy/components/source_frame/SourceCodeDiff.js",
   "front_end/ui/legacy/components/source_frame/SourceFrame.js",
   "front_end/ui/legacy/components/source_frame/SourcesTextEditor.js",
   "front_end/ui/legacy/components/source_frame/XMLView.js",

package/front_end/core/common/Color.ts

@@ -875,6 +875,12 @@ export const SourceOrderHighlight = {
   ChildOutline: Color.fromRGBA([0, 120, 212, 1]),
 };
 
+export const IsolationModeHighlight = {
+  Resizer: Color.fromRGBA([222, 225, 230, 1]),  // --color-background-elevation-2
+  ResizerHandle: Color.fromRGBA([166, 166, 166, 1]),
+  Mask: Color.fromRGBA([248, 249, 249, 1]),
+};
+
 export class Generator {
   private readonly hueSpace: number|{
     min: number,

package/front_end/core/common/SettingRegistration.ts

@@ -69,6 +69,11 @@ const UIStrings = {
   *@description Text for the adorner of the page
   */
   adorner: 'Adorner',
+  /**
+   * @description Header for the "Sync" section in the settings UI. The "Sync"
+   * section allows users to configure which DevTools data is synced via Chrome Sync.
+   */
+  sync: 'Sync',
 };
 const str_ = i18n.i18n.registerUIStrings('core/common/SettingRegistration.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -137,6 +142,7 @@ export enum SettingCategory {
   MEMORY = 'MEMORY',
   EXTENSIONS = 'EXTENSIONS',
   ADORNER = 'ADORNER',
+  SYNC = 'SYNC',
 }
 
 export function getLocalizedSettingsCategory(category: SettingCategory): string|Platform.UIString.LocalizedString {
@@ -175,6 +181,8 @@ export function getLocalizedSettingsCategory(category: SettingCategory): string|
       return i18nString(UIStrings.adorner);
     case SettingCategory.NONE:
       return '';
+    case SettingCategory.SYNC:
+      return i18nString(UIStrings.sync);
   }
 }
 

package/front_end/core/host/InspectorFrontendHost.ts

@@ -247,6 +247,9 @@ export class InspectorFrontendHostStub implements InspectorFrontendHostAPI {
         });
   }
 
+  registerPreference(name: string, options: {synced?: boolean}): void {
+  }
+
   getPreferences(callback: (arg0: {
                    [x: string]: string,
                  }) => void): void {

package/front_end/core/host/InspectorFrontendHostAPI.ts

@@ -226,6 +226,8 @@ export interface InspectorFrontendHostAPI {
   loadNetworkResource(
       url: string, headers: string, streamId: number, callback: (arg0: LoadNetworkResourceResult) => void): void;
 
+  registerPreference(name: string, options: {synced?: boolean}): void;
+
   getPreferences(callback: (arg0: {
                    [x: string]: string,
                  }) => void): void;
@@ -351,4 +353,5 @@ export enum EnumeratedHistogram {
   LinearMemoryInspectorRevealedFrom = 'DevTools.LinearMemoryInspector.RevealedFrom',
   LinearMemoryInspectorTarget = 'DevTools.LinearMemoryInspector.Target',
   Language = 'DevTools.Language',
+  ConsoleShowsCorsErrors = 'DevTools.ConsoleShowsCorsErrors',
 }

package/front_end/core/host/UserMetrics.ts

@@ -240,6 +240,11 @@ export class UserMetrics {
     }
     InspectorFrontendHostInstance.recordEnumeratedHistogram(EnumeratedHistogram.Language, languageCode, size);
   }
+
+  showCorsErrorsSettingChanged(show: boolean): void {
+    InspectorFrontendHostInstance.recordEnumeratedHistogram(
+        EnumeratedHistogram.ConsoleShowsCorsErrors, Number(show), 2);
+  }
 }
 
 // Codes below are used to collect UMA histograms in the Chromium port.
@@ -541,7 +546,6 @@ export const DevtoolsExperiments: {
   'backgroundServicesPushMessaging': 6,
   'blackboxJSFramesOnTimeline': 7,
   'cssOverview': 8,
-  'emptySourceMapAutoStepping': 9,
   'inputEventsOnTimelineOverview': 10,
   'liveHeapProfile': 11,
   'protocolMonitor': 13,
@@ -549,7 +553,6 @@ export const DevtoolsExperiments: {
   'recordCoverageWithPerformanceTracing': 16,
   'samplingHeapProfilerTimeline': 17,
   'showOptionToNotTreatGlobalObjectsAsRoots': 18,
-  'sourceDiff': 19,
   'sourceOrderViewer': 20,
   'webauthnPane': 22,
   'timelineEventInitiators': 24,
@@ -572,7 +575,8 @@ export const DevtoolsExperiments: {
   'bfcacheDebugging': 47,
   'hideIssuesFeature': 48,
   'reportingApiDebugging': 49,
-  '__lastValidEnumPosition': 49,
+  'syncSettings': 50,
+  '__lastValidEnumPosition': 50,
 };
 
 export const IssueExpanded: {

package/front_end/core/i18n/locales/en-US.json

@@ -161,6 +161,9 @@
   "core/common/SettingRegistration.ts | sources": {
     "message": "Sources"
   },
+  "core/common/SettingRegistration.ts | sync": {
+    "message": "Sync"
+  },
   "core/host/InspectorFrontendHost.ts | devtoolsS": {
     "message": "DevTools - {PH1}"
   },
@@ -461,6 +464,9 @@
   "core/sdk/NetworkRequest.ts | domainMismatch": {
     "message": "This cookie was blocked because neither did the request URL's domain exactly match the cookie's domain, nor was the request URL's domain a subdomain of the cookie's Domain attribute value."
   },
+  "core/sdk/NetworkRequest.ts | nameValuePairExceedsMaxSize": {
+    "message": "This cookie was blocked because it was too large. The combined size of the name and value must be less than or equal to 4096 characters."
+  },
   "core/sdk/NetworkRequest.ts | notOnPath": {
     "message": "This cookie was blocked because its path was not an exact match for or a superdirectory of the request url's path."
   },
@@ -492,7 +498,7 @@
     "message": "This cookie was blocked because it had the \"Secure\" attribute and the connection was not secure."
   },
   "core/sdk/NetworkRequest.ts | setcookieHeaderIsIgnoredIn": {
-    "message": "Set-Cookie header is ignored in response from url: {PH1}. Cookie length should be less than or equal to 4096 characters."
+    "message": "Set-Cookie header is ignored in response from url: {PH1}. The combined size of the name and value must be less than or equal to 4096 characters."
   },
   "core/sdk/NetworkRequest.ts | theSchemeOfThisConnectionIsNot": {
     "message": "The scheme of this connection is not allowed to store cookies."
@@ -512,6 +518,9 @@
   "core/sdk/NetworkRequest.ts | thisSetcookieWasBlockedBecauseItHadTheSamesiteStrictLax": {
     "message": "This attempt to set a cookie via a Set-Cookie header was blocked because it had the \"{PH1}\" attribute but came from a cross-site response which was not the response to a top-level navigation. This response is considered cross-site because the URL has a different scheme than the current site."
   },
+  "core/sdk/NetworkRequest.ts | thisSetcookieWasBlockedBecauseTheNameValuePairExceedsMaxSize": {
+    "message": "This attempt to set a cookie via a Set-Cookie header was blocked because the cookie was too large. The combined size of the name and value must be less than or equal to 4096 characters."
+  },
   "core/sdk/NetworkRequest.ts | thisSetcookieWasBlockedDueToUser": {
     "message": "This attempt to set a cookie via a Set-Cookie header was blocked due to user preferences."
   },
@@ -1037,6 +1046,9 @@
   "entrypoints/main/main-meta.ts | enableShortcutToSwitchPanels": {
     "message": "Enable ⌘ + 1-9 shortcut to switch panels"
   },
+  "entrypoints/main/main-meta.ts | enableSync": {
+    "message": "Enable settings sync"
+  },
   "entrypoints/main/main-meta.ts | findNextResult": {
     "message": "Find next result"
   },
@@ -2414,6 +2426,9 @@
   "panels/application/BackgroundServiceView.ts | timestamp": {
     "message": "Timestamp"
   },
+  "panels/application/components/EndpointsGrid.ts | noEndpointsToDisplay": {
+    "message": "No endpoints to display"
+  },
   "panels/application/components/FrameDetailsView.ts | additionalInformation": {
     "message": "Additional Information"
   },
@@ -2612,7 +2627,7 @@
   "panels/application/components/PermissionsPolicySection.ts | showDetails": {
     "message": "Show details"
   },
-  "panels/application/components/ReportingApiView.ts | noReportsToDisplay": {
+  "panels/application/components/ReportsGrid.ts | noReportsToDisplay": {
     "message": "No reports to display"
   },
   "panels/application/components/StackTrace.ts | cannotRenderStackTrace": {
@@ -2837,6 +2852,9 @@
   "panels/application/OpenedWindowDetailsView.ts | yes": {
     "message": "Yes"
   },
+  "panels/application/ReportingApiReportsView.ts | clickToDisplayBody": {
+    "message": "Click on any report to display its body"
+  },
   "panels/application/ReportingApiTreeElement.ts | reportingApi": {
     "message": "Reporting API"
   },
@@ -3311,6 +3329,9 @@
   "panels/console/console-meta.ts | doNotGroupSimilarMessagesIn": {
     "message": "Do not group similar messages in console"
   },
+  "panels/console/console-meta.ts | doNotShowCorsErrorsIn": {
+    "message": "Do not show CORS errors in console"
+  },
   "panels/console/console-meta.ts | doNotTreatEvaluationAsUser": {
     "message": "Do not treat evaluation as user activation"
   },
@@ -3344,6 +3365,9 @@
   "panels/console/console-meta.ts | showConsole": {
     "message": "Show Console"
   },
+  "panels/console/console-meta.ts | showCorsErrorsInConsole": {
+    "message": "Show CORS errors in console"
+  },
   "panels/console/console-meta.ts | showMessagesFromAllContexts": {
     "message": "Show messages from all contexts"
   },
@@ -3518,6 +3542,9 @@
   "panels/console/ConsoleView.ts | showConsoleSidebar": {
     "message": "Show console sidebar"
   },
+  "panels/console/ConsoleView.ts | showCorsErrorsInConsole": {
+    "message": "Show CORS errors in console"
+  },
   "panels/console/ConsoleView.ts | sOnly": {
     "message": "{PH1} only"
   },
@@ -4217,6 +4244,12 @@
   "panels/elements/ElementsTreeElement.ts | enableScrollSnap": {
     "message": "Enable scroll-snap overlay"
   },
+  "panels/elements/ElementsTreeElement.ts | enterIsolationMode": {
+    "message": "Enter Isolation Mode"
+  },
+  "panels/elements/ElementsTreeElement.ts | exitIsolationMode": {
+    "message": "Exit Isolation Mode"
+  },
   "panels/elements/ElementsTreeElement.ts | expandRecursively": {
     "message": "Expand recursively"
   },
@@ -4310,9 +4343,15 @@
   "panels/elements/PlatformFontsWidget.ts | renderedFonts": {
     "message": "Rendered Fonts"
   },
+  "panels/elements/StylePropertyTreeElement.ts | copyAllCssDeclarationsAsJs": {
+    "message": "Copy all declarations as JS"
+  },
   "panels/elements/StylePropertyTreeElement.ts | copyAllDeclarations": {
     "message": "Copy all declarations"
   },
+  "panels/elements/StylePropertyTreeElement.ts | copyCssDeclarationAsJs": {
+    "message": "Copy declaration as JS"
+  },
   "panels/elements/StylePropertyTreeElement.ts | copyDeclaration": {
     "message": "Copy declaration"
   },
@@ -8612,8 +8651,11 @@
   "panels/snippets/SnippetsQuickOpen.ts | noSnippetsFound": {
     "message": "No snippets found."
   },
-  "panels/snippets/SnippetsQuickOpen.ts | runSnippet": {
-    "message": "Run snippet"
+  "panels/snippets/SnippetsQuickOpen.ts | run": {
+    "message": "Run"
+  },
+  "panels/snippets/SnippetsQuickOpen.ts | snippet": {
+    "message": "Snippet"
   },
   "panels/sources/AddSourceMapURLDialog.ts | add": {
     "message": "Add"
@@ -8831,12 +8873,12 @@
   "panels/sources/GoToLineQuickOpen.ts | noFileSelected": {
     "message": "No file selected."
   },
+  "panels/sources/GoToLineQuickOpen.ts | noResultsFound": {
+    "message": "No results found"
+  },
   "panels/sources/GoToLineQuickOpen.ts | typeANumberToGoToThatLine": {
     "message": "Type a number to go to that line."
   },
-  "panels/sources/GutterDiffPlugin.ts | localModifications": {
-    "message": "Local Modifications..."
-  },
   "panels/sources/InplaceFormatterEditorAction.ts | format": {
     "message": "Format"
   },
@@ -9107,18 +9149,21 @@
   "panels/sources/sources-meta.ts | evaluateSelectedTextInConsole": {
     "message": "Evaluate selected text in console"
   },
+  "panels/sources/sources-meta.ts | file": {
+    "message": "File"
+  },
   "panels/sources/sources-meta.ts | filesystem": {
     "message": "Filesystem"
   },
+  "panels/sources/sources-meta.ts | goTo": {
+    "message": "Go to"
+  },
   "panels/sources/sources-meta.ts | goToAFunctionDeclarationruleSet": {
     "message": "Go to a function declaration/rule set"
   },
   "panels/sources/sources-meta.ts | goToLine": {
     "message": "Go to line"
   },
-  "panels/sources/sources-meta.ts | goToSymbol": {
-    "message": "Go to symbol"
-  },
   "panels/sources/sources-meta.ts | incrementCssUnitBy": {
     "message": "Increment CSS unit by {PH1}"
   },
@@ -9128,14 +9173,17 @@
   "panels/sources/sources-meta.ts | jumpToPreviousEditingLocation": {
     "message": "Jump to previous editing location"
   },
+  "panels/sources/sources-meta.ts | line": {
+    "message": "Line"
+  },
   "panels/sources/sources-meta.ts | nextCallFrame": {
     "message": "Next call frame"
   },
   "panels/sources/sources-meta.ts | none": {
     "message": "None"
   },
-  "panels/sources/sources-meta.ts | openFile": {
-    "message": "Open file"
+  "panels/sources/sources-meta.ts | open": {
+    "message": "Open"
   },
   "panels/sources/sources-meta.ts | pauseScriptExecution": {
     "message": "Pause script execution"
@@ -9227,6 +9275,9 @@
   "panels/sources/sources-meta.ts | switchFile": {
     "message": "Switch file"
   },
+  "panels/sources/sources-meta.ts | symbol": {
+    "message": "Symbol"
+  },
   "panels/sources/sources-meta.ts | threads": {
     "message": "Threads"
   },
@@ -10961,6 +11012,9 @@
   "ui/components/survey_link/SurveyLink.ts | thankYouForYourFeedback": {
     "message": "Thank you for your feedback"
   },
+  "ui/components/text_editor/config.ts | codeEditor": {
+    "message": "Code editor"
+  },
   "ui/legacy/components/color_picker/ContrastDetails.ts | aa": {
     "message": "AA"
   },
@@ -11378,14 +11432,17 @@
   "ui/legacy/components/perf_ui/PieChart.ts | total": {
     "message": "Total"
   },
+  "ui/legacy/components/quick_open/CommandMenu.ts | command": {
+    "message": "Command"
+  },
   "ui/legacy/components/quick_open/CommandMenu.ts | noCommandsFound": {
     "message": "No commands found"
   },
   "ui/legacy/components/quick_open/CommandMenu.ts | oneOrMoreSettingsHaveChanged": {
     "message": "One or more settings have changed which requires a reload to take effect."
   },
-  "ui/legacy/components/quick_open/CommandMenu.ts | runCommand": {
-    "message": "Run Command"
+  "ui/legacy/components/quick_open/CommandMenu.ts | run": {
+    "message": "Run"
   },
   "ui/legacy/components/quick_open/FilteredListWidget.ts | noResultsFound": {
     "message": "No results found"