chrome-devtools-frontend 1.0.981004 → 1.0.995227

package/AUTHORS

@@ -28,6 +28,7 @@ Eric Rannaud <eric.rannaud@gmail.com>
 Feng Lu <lufengd3@gmail.com>
 Gabriel Luong <gabriel.luong@gmail.com>
 Gautham Banasandra <gautham.bangalore@gmail.com>
+Jacky Hu <flameddd@gmail.com>
 Jake Mulhern <mulherje@gmail.com>
 Jan Keitel <jan.keitel@gmail.com>
 Jeffrey Chen <jeffreyca16@gmail.com>
@@ -47,6 +48,7 @@ Pradhuman Singh Baid <pradhumansinghbaid@gmail.com>
 Rahat Muneeb <irahatmuneeb@gmail.com>
 Rahul B S <bsrahul2020@gmail.com>
 Rajasekar Murugan <rajasekar89be@gmail.com>
+Ross Wollman <ross.wollman@gmail.com>
 Stephen Tsoi-A-Sue <stsoiasue@gmail.com>
 Tony Kostowny <tonykostowny@gmail.com>
 Toshiaki Tanaka <zokutyou2@gmail.com>

package/config/gni/devtools_grd_files.gni

@@ -89,6 +89,7 @@ grd_files_release_sources = [
   "front_end/Images/ic_page_prev_16x16_icon.svg",
   "front_end/Images/ic_preview_feature.svg",
   "front_end/Images/ic_redo_16x16_icon.svg",
+  "front_end/Images/ic_rendering.svg",
   "front_end/Images/ic_request_response.svg",
   "front_end/Images/ic_response.svg",
   "front_end/Images/ic_show_node_16x16.svg",
@@ -254,6 +255,7 @@ grd_files_release_sources = [
   "front_end/models/issues_manager/descriptions/CoepCorpNotSameSite.md",
   "front_end/models/issues_manager/descriptions/CoepFrameResourceNeedsCoepHeader.md",
   "front_end/models/issues_manager/descriptions/CompatibilityModeQuirks.md",
+  "front_end/models/issues_manager/descriptions/CookieAttributeValueExceedsMaxSize.md",
   "front_end/models/issues_manager/descriptions/LowTextContrast.md",
   "front_end/models/issues_manager/descriptions/SameSiteExcludeContextDowngradeRead.md",
   "front_end/models/issues_manager/descriptions/SameSiteExcludeContextDowngradeSet.md",
@@ -273,20 +275,13 @@ grd_files_release_sources = [
   "front_end/models/issues_manager/descriptions/TwaDigitalAssetLinksFailed.md",
   "front_end/models/issues_manager/descriptions/TwaHttpError.md",
   "front_end/models/issues_manager/descriptions/TwaPageUnavailableOffline.md",
-  "front_end/models/issues_manager/descriptions/arAttributionEventSourceTriggerDataTooLarge.md",
   "front_end/models/issues_manager/descriptions/arAttributionSourceUntrustworthyFrameOrigin.md",
   "front_end/models/issues_manager/descriptions/arAttributionSourceUntrustworthyOrigin.md",
-  "front_end/models/issues_manager/descriptions/arAttributionTriggerDataTooLarge.md",
   "front_end/models/issues_manager/descriptions/arAttributionUntrustworthyFrameOrigin.md",
   "front_end/models/issues_manager/descriptions/arAttributionUntrustworthyOrigin.md",
-  "front_end/models/issues_manager/descriptions/arInvalidAttributionData.md",
   "front_end/models/issues_manager/descriptions/arInvalidAttributionSourceEventId.md",
   "front_end/models/issues_manager/descriptions/arInvalidAttributionSourceExpiry.md",
   "front_end/models/issues_manager/descriptions/arInvalidAttributionSourcePriority.md",
-  "front_end/models/issues_manager/descriptions/arInvalidEventSourceTriggerData.md",
-  "front_end/models/issues_manager/descriptions/arInvalidTriggerDedupKey.md",
-  "front_end/models/issues_manager/descriptions/arInvalidTriggerPriority.md",
-  "front_end/models/issues_manager/descriptions/arMissingAttributionData.md",
   "front_end/models/issues_manager/descriptions/arPermissionPolicyDisabled.md",
   "front_end/models/issues_manager/descriptions/clientHintMetaTagAllowListInvalidOrigin.md",
   "front_end/models/issues_manager/descriptions/clientHintMetaTagModifiedHTML.md",
@@ -497,6 +492,7 @@ grd_files_release_sources = [
   "front_end/ui/components/linkifier/linkifier.js",
   "front_end/ui/components/markdown_view/markdown_view.js",
   "front_end/ui/components/panel_feedback/panel_feedback.js",
+  "front_end/ui/components/panel_introduction_steps/panel_introduction_steps.js",
   "front_end/ui/components/render_coordinator/render_coordinator.js",
   "front_end/ui/components/report_view/report_view.js",
   "front_end/ui/components/request_link_icon/request_link_icon.js",
@@ -582,6 +578,7 @@ grd_files_debug_sources = [
   "front_end/core/platform/array-utilities.js",
   "front_end/core/platform/date-utilities.js",
   "front_end/core/platform/dcheck.js",
+  "front_end/core/platform/dom-utilities.js",
   "front_end/core/platform/keyboard-utilities.js",
   "front_end/core/platform/map-utilities.js",
   "front_end/core/platform/number-utilities.js",
@@ -772,6 +769,7 @@ grd_files_debug_sources = [
   "front_end/models/persistence/editFileSystemView.css.js",
   "front_end/models/persistence/workspaceSettingsTab.css.js",
   "front_end/models/source_map_scopes/NamesResolver.js",
+  "front_end/models/text_utils/CodeMirrorUtils.js",
   "front_end/models/text_utils/ContentProvider.js",
   "front_end/models/text_utils/StaticContentProvider.js",
   "front_end/models/text_utils/Text.js",
@@ -949,6 +947,7 @@ grd_files_debug_sources = [
   "front_end/panels/elements/PropertiesWidget.js",
   "front_end/panels/elements/PropertyNameCategories.js",
   "front_end/panels/elements/StyleEditorWidget.js",
+  "front_end/panels/elements/StylePropertiesSection.js",
   "front_end/panels/elements/StylePropertyHighlighter.js",
   "front_end/panels/elements/StylePropertyTreeElement.js",
   "front_end/panels/elements/StylePropertyUtils.js",
@@ -1471,6 +1470,8 @@ grd_files_debug_sources = [
   "front_end/ui/components/panel_feedback/PreviewToggle.js",
   "front_end/ui/components/panel_feedback/panelFeedback.css.js",
   "front_end/ui/components/panel_feedback/previewToggle.css.js",
+  "front_end/ui/components/panel_introduction_steps/PanelIntroductionSteps.js",
+  "front_end/ui/components/panel_introduction_steps/panelIntroductionSteps.css.js",
   "front_end/ui/components/render_coordinator/RenderCoordinator.js",
   "front_end/ui/components/report_view/ReportView.js",
   "front_end/ui/components/report_view/report.css.js",

package/config/gni/devtools_image_files.gni

@@ -99,6 +99,7 @@ devtools_svg_sources = [
   "ic_page_prev_16x16_icon.svg",
   "ic_preview_feature.svg",
   "ic_redo_16x16_icon.svg",
+  "ic_rendering.svg",
   "ic_request_response.svg",
   "ic_response.svg",
   "ic_show_node_16x16.svg",

package/front_end/.eslintrc.js

@@ -30,6 +30,7 @@ module.exports = {
         'rulesdir/no_importing_images_from_src': 2,
         'rulesdir/enforce_custom_event_names': 2,
         'rulesdir/set_data_type_reference': 2,
+        'rulesdir/no_bound_component_methods': 2,
         'rulesdir/lit_html_data_as_type': 2,
         'rulesdir/lit_no_style_interpolation': 2,
         'rulesdir/ban_literal_devtools_component_tag_names': 2,
@@ -116,6 +117,15 @@ module.exports = {
             'selector': 'parameter',
             'format': ['camelCase'],
             'leadingUnderscore': 'allow',
+          },
+          {
+            // Ignore type properties that require quotes
+            'selector': [
+              'typeProperty',
+              'enumMember'
+            ],
+            'format': null,
+            'modifiers': ['requiresQuotes']
           }
         ]
       }

package/front_end/Images/src/ic_rendering.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.33333 14.6667C6.96667 14.6667 6.65289 14.5362 6.392 14.2753C6.13067 14.014 6 13.7 6 13.3333V10.6667H4C3.63333 10.6667 3.31956 10.536 3.05867 10.2747C2.79733 10.0138 2.66667 9.7 2.66667 9.33333V4.66667C2.66667 3.93333 2.92778 3.30556 3.45 2.78333C3.97222 2.26111 4.6 2 5.33333 2H13.3333V9.33333C13.3333 9.7 13.2029 10.0138 12.942 10.2747C12.6807 10.536 12.3667 10.6667 12 10.6667H10V13.3333C10 13.7 9.86956 14.014 9.60867 14.2753C9.34733 14.5362 9.03333 14.6667 8.66667 14.6667H7.33333ZM4 6.66667H12V3.33333H11.3333V6H10V3.33333H9.33333V4.66667H8V3.33333H5.33333C4.96667 3.33333 4.65289 3.464 4.392 3.72533C4.13067 3.98622 4 4.3 4 4.66667V6.66667ZM4 9.33333H12V8H4V9.33333ZM4 8V9.33333V8Z" fill="black"/>
+</svg>

package/front_end/core/common/ParsedURL.ts

@@ -38,26 +38,26 @@ export function normalizePath(path: string): string {
     return path;
   }
 
+  // Remove leading slash (will be added back below) so we
+  // can handle all (including empty) segments consistently.
+  const segments = (path[0] === '/' ? path.substring(1) : path).split('/');
   const normalizedSegments = [];
-  const segments = path.split('/');
   for (const segment of segments) {
     if (segment === '.') {
       continue;
     } else if (segment === '..') {
       normalizedSegments.pop();
-    } else if (segment) {
+    } else {
       normalizedSegments.push(segment);
     }
   }
   let normalizedPath = normalizedSegments.join('/');
-  if (normalizedPath[normalizedPath.length - 1] === '/') {
-    return normalizedPath;
-  }
   if (path[0] === '/' && normalizedPath) {
     normalizedPath = '/' + normalizedPath;
   }
-  if ((path[path.length - 1] === '/') || (segments[segments.length - 1] === '.') ||
-      (segments[segments.length - 1] === '..')) {
+  if (normalizedPath[normalizedPath.length - 1] !== '/' &&
+      ((path[path.length - 1] === '/') || (segments[segments.length - 1] === '.') ||
+       (segments[segments.length - 1] === '..'))) {
     normalizedPath = normalizedPath + '/';
   }
 
@@ -114,12 +114,12 @@ export class ParsedURL {
       } else {
         this.scheme = match[2].toLowerCase();
       }
-      this.user = match[3];
-      this.host = match[4];
-      this.port = match[5];
-      this.path = match[6] || '/';
-      this.queryParams = match[7] || '';
-      this.fragment = match[8];
+      this.user = match[3] ?? '';
+      this.host = match[4] ?? '';
+      this.port = match[5] ?? '';
+      this.path = match[6] ?? '/';
+      this.queryParams = match[7] ?? '';
+      this.fragment = match[8] ?? '';
     } else {
       if (this.url.startsWith('data:')) {
         this.scheme = 'data';
@@ -254,12 +254,25 @@ export class ParsedURL {
     return devToolsPath.trim() as DevToolsPathType;
   }
 
-  static join<DevToolsPathType extends Platform.DevToolsPath.UrlString|Platform.DevToolsPath.RawPathString|
-                                       Platform.DevToolsPath.EncodedPathString>(
-      devToolsPaths: DevToolsPathType[], separator?: string): DevToolsPathType {
+  static slice<DevToolsPathType extends BrandedPathString>(
+      devToolsPath: DevToolsPathType, start?: number, end?: number): DevToolsPathType {
+    return devToolsPath.slice(start, end) as DevToolsPathType;
+  }
+
+  static join<DevToolsPathType extends BrandedPathString>(devToolsPaths: DevToolsPathType[], separator?: string):
+      DevToolsPathType {
     return devToolsPaths.join(separator) as DevToolsPathType;
   }
 
+  static split<DevToolsPathType extends BrandedPathString>(devToolsPath: DevToolsPathType, separator: string|RegExp):
+      DevToolsPathType[] {
+    return devToolsPath.split(separator) as DevToolsPathType[];
+  }
+
+  static toLowerCase<DevToolsPathType extends BrandedPathString>(devToolsPath: DevToolsPathType): DevToolsPathType {
+    return devToolsPath.toLowerCase() as DevToolsPathType;
+  }
+
   static urlWithoutHash(url: string): string {
     const hashIndex = url.indexOf('#');
     if (hashIndex !== -1) {
@@ -346,9 +359,10 @@ export class ParsedURL {
     const parsedHref = this.fromString(trimmedHref);
     if (parsedHref && parsedHref.scheme) {
       const securityOrigin = parsedHref.securityOrigin();
-      const pathText = parsedHref.path;
-      const hrefSuffix = trimmedHref.substring(securityOrigin.length + pathText.length);
-      return securityOrigin + normalizePath(pathText) + hrefSuffix as Platform.DevToolsPath.UrlString;
+      const pathText = normalizePath(parsedHref.path);
+      const queryText = parsedHref.queryParams && `?${parsedHref.queryParams}`;
+      const fragmentText = parsedHref.fragment && `#${parsedHref.fragment}`;
+      return securityOrigin + pathText + queryText + fragmentText as Platform.DevToolsPath.UrlString;
     }
 
     const parsedURL = this.fromString(baseURL);
@@ -395,7 +409,7 @@ export class ParsedURL {
   }
 
   static splitLineAndColumn(string: string): {
-    url: string,
+    url: Platform.DevToolsPath.UrlString,
     lineNumber: (number|undefined),
     columnNumber: (number|undefined),
   } {
@@ -414,7 +428,7 @@ export class ParsedURL {
     let columnNumber;
     console.assert(Boolean(lineColumnMatch));
     if (!lineColumnMatch) {
-      return {url: string, lineNumber: 0, columnNumber: 0};
+      return {url: string as Platform.DevToolsPath.UrlString, lineNumber: 0, columnNumber: 0};
     }
 
     if (typeof (lineColumnMatch[1]) === 'string') {
@@ -427,7 +441,9 @@ export class ParsedURL {
       columnNumber = isNaN(columnNumber) ? undefined : columnNumber - 1;
     }
 
-    let url: string = beforePath + pathAndAfter.substring(0, pathAndAfter.length - lineColumnMatch[0].length);
+    let url: Platform.DevToolsPath.UrlString =
+        beforePath + pathAndAfter.substring(0, pathAndAfter.length - lineColumnMatch[0].length) as
+        Platform.DevToolsPath.UrlString;
     if (lineColumnMatch[1] === undefined && lineColumnMatch[2] === undefined) {
       const wasmCodeOffsetRegex = /wasm-function\[\d+\]:0x([a-z0-9]+)$/g;
       const wasmCodeOffsetMatch = wasmCodeOffsetRegex.exec(pathAndAfter);
@@ -441,13 +457,13 @@ export class ParsedURL {
     return {url, lineNumber, columnNumber};
   }
 
-  static removeWasmFunctionInfoFromURL(url: string): string {
+  static removeWasmFunctionInfoFromURL(url: string): Platform.DevToolsPath.UrlString {
     const wasmFunctionRegEx = /:wasm-function\[\d+\]/;
     const wasmFunctionIndex = url.search(wasmFunctionRegEx);
     if (wasmFunctionIndex === -1) {
-      return url;
+      return url as Platform.DevToolsPath.UrlString;
     }
-    return url.substring(0, wasmFunctionIndex);
+    return ParsedURL.substring(url as Platform.DevToolsPath.UrlString, 0, wasmFunctionIndex);
   }
 
   static isRelativeURL(url: string): boolean {
@@ -517,12 +533,12 @@ export class ParsedURL {
     return this.host + (this.port ? ':' + this.port : '');
   }
 
-  securityOrigin(): string {
+  securityOrigin(): Platform.DevToolsPath.UrlString {
     if (this.isDataURL()) {
-      return 'data:';
+      return 'data:' as Platform.DevToolsPath.UrlString;
     }
     const scheme = this.isBlobURL() ? this.blobInnerScheme : this.scheme;
-    return scheme + '://' + this.domain();
+    return scheme + '://' + this.domain() as Platform.DevToolsPath.UrlString;
   }
 
   urlWithoutScheme(): string {

package/front_end/core/common/ResourceType.ts

@@ -243,7 +243,7 @@ export class ResourceType {
     return null;
   }
 
-  static mimeFromURL(url: string): string|undefined {
+  static mimeFromURL(url: Platform.DevToolsPath.UrlString): string|undefined {
     const name = ParsedURL.extractName(url);
     if (mimeTypeByName.has(name)) {
       return mimeTypeByName.get(name);

package/front_end/core/common/SettingRegistration.ts

@@ -111,6 +111,7 @@ export function registerSettingsForTest(settings: Array<SettingRegistration>, fo
 
 export function resetSettings(): void {
   registeredSettings = [];
+  settingNameSet.clear();
 }
 
 export function maybeRemoveSettingExtension(settingName: string): boolean {

package/front_end/core/host/InspectorFrontendHost.ts

@@ -53,7 +53,7 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 const MAX_RECORDED_HISTOGRAMS_SIZE = 100;
 
 export class InspectorFrontendHostStub implements InspectorFrontendHostAPI {
-  readonly #urlsBeingSaved: Map<string, string[]>;
+  readonly #urlsBeingSaved: Map<Platform.DevToolsPath.RawPathString|Platform.DevToolsPath.UrlString, string[]>;
   events!: Common.EventTarget.EventTarget<EventTypes>;
 
   recordedEnumeratedHistograms: {actionName: EnumeratedHistogram, actionCode: number}[] = [];
@@ -122,7 +122,7 @@ export class InspectorFrontendHostStub implements InspectorFrontendHostAPI {
   setInjectedScriptForOrigin(origin: string, script: string): void {
   }
 
-  inspectedURLChanged(url: string): void {
+  inspectedURLChanged(url: Platform.DevToolsPath.UrlString): void {
     document.title = i18nString(UIStrings.devtoolsS, {PH1: url.replace(/^https?:\/\//, '')});
   }
 
@@ -133,16 +133,17 @@ export class InspectorFrontendHostStub implements InspectorFrontendHostAPI {
     void navigator.clipboard.writeText(text);
   }
 
-  openInNewTab(url: string): void {
+  openInNewTab(url: Platform.DevToolsPath.UrlString): void {
     window.open(url, '_blank');
   }
 
-  showItemInFolder(fileSystemPath: string): void {
+  showItemInFolder(fileSystemPath: Platform.DevToolsPath.RawPathString): void {
     Common.Console.Console.instance().error(
         'Show item in folder is not enabled in hosted mode. Please inspect using chrome://inspect');
   }
 
-  save(url: string, content: string, forceSaveAs: boolean): void {
+  save(url: Platform.DevToolsPath.RawPathString|Platform.DevToolsPath.UrlString, content: string, forceSaveAs: boolean):
+      void {
     let buffer = this.#urlsBeingSaved.get(url);
     if (!buffer) {
       buffer = [];
@@ -152,7 +153,7 @@ export class InspectorFrontendHostStub implements InspectorFrontendHostAPI {
     this.events.dispatchEventToListeners(Events.SavedURL, {url, fileSystemPath: url});
   }
 
-  append(url: string, content: string): void {
+  append(url: Platform.DevToolsPath.RawPathString|Platform.DevToolsPath.UrlString, content: string): void {
     const buffer = this.#urlsBeingSaved.get(url);
     if (buffer) {
       buffer.push(content);
@@ -160,7 +161,7 @@ export class InspectorFrontendHostStub implements InspectorFrontendHostAPI {
     }
   }
 
-  close(url: string): void {
+  close(url: Platform.DevToolsPath.RawPathString|Platform.DevToolsPath.UrlString): void {
     const buffer = this.#urlsBeingSaved.get(url) || [];
     this.#urlsBeingSaved.delete(url);
     let fileName = '';
@@ -211,7 +212,7 @@ export class InspectorFrontendHostStub implements InspectorFrontendHostAPI {
   addFileSystem(type?: string): void {
   }
 
-  removeFileSystem(fileSystemPath: string): void {
+  removeFileSystem(fileSystemPath: Platform.DevToolsPath.RawPathString): void {
   }
 
   isolatedFileSystem(fileSystemId: string, registeredName: string): FileSystem|null {
@@ -286,13 +287,13 @@ export class InspectorFrontendHostStub implements InspectorFrontendHostAPI {
   upgradeDraggedFileSystemPermissions(fileSystem: FileSystem): void {
   }
 
-  indexPath(requestId: number, fileSystemPath: string, excludedFolders: string): void {
+  indexPath(requestId: number, fileSystemPath: Platform.DevToolsPath.RawPathString, excludedFolders: string): void {
   }
 
   stopIndexing(requestId: number): void {
   }
 
-  searchInPath(requestId: number, fileSystemPath: string, query: string): void {
+  searchInPath(requestId: number, fileSystemPath: Platform.DevToolsPath.RawPathString, query: string): void {
   }
 
   zoomFactor(): number {

package/front_end/core/host/InspectorFrontendHostAPI.ts

@@ -121,14 +121,14 @@ export interface KeyEventUnhandledEvent {
 }
 
 export interface RevealSourceLineEvent {
-  url: string;
+  url: Platform.DevToolsPath.UrlString;
   lineNumber: number;
   columnNumber: number;
 }
 
 export interface SavedURLEvent {
-  url: string;
-  fileSystemPath: string;
+  url: Platform.DevToolsPath.RawPathString|Platform.DevToolsPath.UrlString;
+  fileSystemPath: Platform.DevToolsPath.RawPathString|Platform.DevToolsPath.UrlString;
 }
 
 export interface SearchCompletedEvent {
@@ -142,8 +142,8 @@ export interface SearchCompletedEvent {
 // Please note that the "dispatch" side can't be type-checked as the dispatch is
 // done dynamically.
 export type EventTypes = {
-  [Events.AppendedToURL]: string,
-  [Events.CanceledSaveURL]: string,
+  [Events.AppendedToURL]: Platform.DevToolsPath.RawPathString|Platform.DevToolsPath.UrlString,
+  [Events.CanceledSaveURL]: Platform.DevToolsPath.UrlString,
   [Events.ContextMenuCleared]: void,
   [Events.ContextMenuItemSelected]: number,
   [Events.DeviceCountUpdated]: number,
@@ -177,7 +177,7 @@ export interface InspectorFrontendHostAPI {
 
   loadCompleted(): void;
 
-  indexPath(requestId: number, fileSystemPath: string, excludedFolders: string): void;
+  indexPath(requestId: number, fileSystemPath: Platform.DevToolsPath.RawPathString, excludedFolders: string): void;
 
   /**
    * Requests inspected page to be placed atop of the inspector frontend with specified bounds.
@@ -197,21 +197,21 @@ export interface InspectorFrontendHostAPI {
 
   inspectElementCompleted(): void;
 
-  openInNewTab(url: string): void;
+  openInNewTab(url: Platform.DevToolsPath.UrlString): void;
 
-  showItemInFolder(fileSystemPath: string): void;
+  showItemInFolder(fileSystemPath: Platform.DevToolsPath.RawPathString): void;
 
-  removeFileSystem(fileSystemPath: string): void;
+  removeFileSystem(fileSystemPath: Platform.DevToolsPath.RawPathString): void;
 
   requestFileSystems(): void;
 
-  save(url: string, content: string, forceSaveAs: boolean): void;
+  save(url: Platform.DevToolsPath.UrlString, content: string, forceSaveAs: boolean): void;
 
-  append(url: string, content: string): void;
+  append(url: Platform.DevToolsPath.UrlString, content: string): void;
 
-  close(url: string): void;
+  close(url: Platform.DevToolsPath.UrlString): void;
 
-  searchInPath(requestId: number, fileSystemPath: string, query: string): void;
+  searchInPath(requestId: number, fileSystemPath: Platform.DevToolsPath.RawPathString, query: string): void;
 
   stopIndexing(requestId: number): void;
 
@@ -221,7 +221,7 @@ export interface InspectorFrontendHostAPI {
 
   copyText(text: string|null|undefined): void;
 
-  inspectedURLChanged(url: string): void;
+  inspectedURLChanged(url: Platform.DevToolsPath.UrlString): void;
 
   isolatedFileSystem(fileSystemId: string, registeredName: string): FileSystem|null;
 
@@ -374,4 +374,5 @@ export enum EnumeratedHistogram {
   RecordingReplayFinished = 'DevTools.RecordingReplayFinished',
   RecordingReplayStarted = 'DevTools.RecordingReplayStarted',
   RecordingToggled = 'DevTools.RecordingToggled',
+  StyleTextCopied = 'DevTools.StyleTextCopied',
 }

package/front_end/core/host/Platform.ts

@@ -41,7 +41,7 @@ export function platform(): string {
   return _platform;
 }
 
-let _isMac: boolean;
+let _isMac: boolean|undefined;
 
 export function isMac(): boolean {
   if (typeof _isMac === 'undefined') {
@@ -51,7 +51,7 @@ export function isMac(): boolean {
   return _isMac;
 }
 
-let _isWin: boolean;
+let _isWin: boolean|undefined;
 
 export function isWin(): boolean {
   if (typeof _isWin === 'undefined') {
@@ -61,6 +61,15 @@ export function isWin(): boolean {
   return _isWin;
 }
 
+// In Chrome Layout tests the imported 'Platform' object is not writable/
+// configurable, which prevents us from monkey-patching 'Platform''s methods.
+// We circumvent this by adding 'setPlatformForTests'.
+export function setPlatformForTests(platform: string): void {
+  _platform = platform;
+  _isMac = undefined;
+  _isWin = undefined;
+}
+
 let _isCustomDevtoolsFrontend: boolean;
 
 export function isCustomDevtoolsFrontend(): boolean {

package/front_end/core/host/UserMetrics.ts

@@ -260,6 +260,11 @@ export class UserMetrics {
     InspectorFrontendHostInstance.recordEnumeratedHistogram(
         EnumeratedHistogram.RecordingExported, value, RecordingExported.MaxValue);
   }
+
+  styleTextCopied(value: StyleTextCopied): void {
+    InspectorFrontendHostInstance.recordEnumeratedHistogram(
+        EnumeratedHistogram.StyleTextCopied, value, StyleTextCopied.MaxValue);
+  }
 }
 
 /**
@@ -402,7 +407,8 @@ export enum PanelCodes {
   'dom_storage' = 60,
   'indexed_db' = 61,
   'web_sql' = 62,
-  MaxValue = 63,
+  'performance_insights' = 63,
+  MaxValue = 64,
 }
 /* eslint-enable @typescript-eslint/naming-convention */
 
@@ -611,8 +617,10 @@ export enum DevtoolsExperiments {
   'lighthousePanelFR' = 57,
   'evaluateExpressionsWithSourceMaps' = 58,
   'cssLayers' = 59,
+  'eyedropperColorPicker' = 60,
+  'instrumentationBreakpoints' = 61,
   // Increment this when new experiments are added.
-  'MaxValue' = 60,
+  'MaxValue' = 62,
 }
 /* eslint-enable @typescript-eslint/naming-convention */
 
@@ -925,4 +933,21 @@ export enum ConsoleShowsCorsErrors {
   'true' = 1,
   MaxValue = 2,
 }
+
+// TODO(crbug.com/1167717): Make this a const enum again
+// eslint-disable-next-line rulesdir/const_enum
+export enum StyleTextCopied {
+  DeclarationViaChangedLine = 1,
+  AllChangesViaStylesPane = 2,
+  DeclarationViaContextMenu = 3,
+  PropertyViaContextMenu = 4,
+  ValueViaContextMenu = 5,
+  DeclarationAsJSViaContextMenu = 6,
+  RuleViaContextMenu = 7,
+  AllDeclarationsViaContextMenu = 8,
+  AllDeclarationsAsJSViaContextMenu = 9,
+  SelectorViaContextMenu = 10,
+  MaxValue = 11,
+}
+
 /* eslint-enable @typescript-eslint/naming-convention */

package/front_end/core/i18n/DevToolsLocale.ts

@@ -55,6 +55,10 @@ export class DevToolsLocale {
     return devToolsLocaleInstance as DevToolsLocale;
   }
 
+  static removeInstance(): void {
+    devToolsLocaleInstance = null;
+  }
+
   forceFallbackLocale(): void {
     // Locale is 'readonly', this is the only case where we want to forceably
     // overwrite the locale.