chrome-devtools-frontend 1.0.982087 → 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';
@@ -259,12 +259,20 @@ export class ParsedURL {
     return devToolsPath.slice(start, end) as DevToolsPathType;
   }
 
-  static join<DevToolsPathType extends Platform.DevToolsPath.UrlString|Platform.DevToolsPath.RawPathString|
-                                       Platform.DevToolsPath.EncodedPathString>(
-      devToolsPaths: DevToolsPathType[], separator?: string): 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) {
@@ -351,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);
@@ -400,7 +409,7 @@ export class ParsedURL {
   }
 
   static splitLineAndColumn(string: string): {
-    url: string,
+    url: Platform.DevToolsPath.UrlString,
     lineNumber: (number|undefined),
     columnNumber: (number|undefined),
   } {
@@ -419,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') {
@@ -432,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);
@@ -446,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 {
@@ -522,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

@@ -137,7 +137,7 @@ export class InspectorFrontendHostStub implements InspectorFrontendHostAPI {
     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');
   }
@@ -212,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 {
@@ -287,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,7 +121,7 @@ export interface KeyEventUnhandledEvent {
 }
 
 export interface RevealSourceLineEvent {
-  url: string;
+  url: Platform.DevToolsPath.UrlString;
   lineNumber: number;
   columnNumber: 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.
@@ -199,9 +199,9 @@ export interface InspectorFrontendHostAPI {
 
   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;
 
@@ -211,7 +211,7 @@ export interface InspectorFrontendHostAPI {
 
   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.

package/front_end/core/i18n/locales/af.json

@@ -1325,6 +1325,21 @@
   "models/issues_manager/ContentSecurityPolicyIssue.ts | trustedTypesPolicyViolation": {
     "message": "Trusted Types – beleidskending"
   },
+  "models/issues_manager/CookieIssue.ts | aSecure": {
+    "message": "'n veilige"
+  },
+  "models/issues_manager/CookieIssue.ts | anInsecure": {
+    "message": "'n onveilige"
+  },
+  "models/issues_manager/CookieIssue.ts | firstPartySetsExplained": {
+    "message": "First-Party Sets en die SameParty-kenmerk"
+  },
+  "models/issues_manager/CookieIssue.ts | howSchemefulSamesiteWorks": {
+    "message": "Hoe Schemeful Same-Site werk"
+  },
+  "models/issues_manager/CookieIssue.ts | samesiteCookiesExplained": {
+    "message": "SameSite-webkoekies verduidelik"
+  },
   "models/issues_manager/CorsIssue.ts | CORS": {
     "message": "Kruisoorspronghulpbrondeling (CORS)"
   },
@@ -1376,21 +1391,6 @@
   "models/issues_manager/QuirksModeIssue.ts | documentCompatibilityMode": {
     "message": "Dokumentversoenbaarheidmodus"
   },
-  "models/issues_manager/CookieIssue.ts | aSecure": {
-    "message": "'n veilige"
-  },
-  "models/issues_manager/CookieIssue.ts | anInsecure": {
-    "message": "'n onveilige"
-  },
-  "models/issues_manager/CookieIssue.ts | firstPartySetsExplained": {
-    "message": "First-Party Sets en die SameParty-kenmerk"
-  },
-  "models/issues_manager/CookieIssue.ts | howSchemefulSamesiteWorks": {
-    "message": "Hoe Schemeful Same-Site werk"
-  },
-  "models/issues_manager/CookieIssue.ts | samesiteCookiesExplained": {
-    "message": "SameSite-webkoekies verduidelik"
-  },
   "models/issues_manager/SharedArrayBufferIssue.ts | enablingSharedArrayBuffer": {
     "message": "Aktiveer tans SharedArrayBuffer"
   },
@@ -3236,6 +3236,9 @@
   "panels/application/components/BackForwardCacheView.ts | backForwardCacheTitle": {
     "message": "Terug-vorentoe-kasgeheue"
   },
+  "panels/application/components/BackForwardCacheView.ts | blockingExtensionId": {
+    "message": "Uitbreiding-ID: "
+  },
   "panels/application/components/BackForwardCacheView.ts | circumstantial": {
     "message": "Nie uitvoerbaar nie"
   },
@@ -4622,6 +4625,12 @@
   "panels/elements/EventListenersWidget.ts | showListenersOnTheAncestors": {
     "message": "Wys luisteraars op voorgangers"
   },
+  "panels/elements/LayersWidget.ts | cssLayersTitle": {
+    "message": "CSS-lae"
+  },
+  "panels/elements/LayersWidget.ts | toggleCSSLayers": {
+    "message": "Wissel CSS-lae-aansig"
+  },
   "panels/elements/MarkerDecorator.ts | domBreakpoint": {
     "message": "DOM-breekpunt"
   },
@@ -4703,6 +4712,9 @@
   "panels/elements/StylePropertyTreeElement.ts | viewComputedValue": {
     "message": "Bekyk benaderde waarde"
   },
+  "panels/elements/StylesSidebarPane.ts | clickToRevealLayer": {
+    "message": "Klik om laag in laagvertakking te wys"
+  },
   "panels/elements/StylesSidebarPane.ts | constructedStylesheet": {
     "message": "saamgestelde stylblad"
   },
@@ -4757,6 +4769,9 @@
   "panels/elements/StylesSidebarPane.ts | invalidString": {
     "message": "{PH1}, eienskapnaam: {PH2}, eiendkapwaarde: {PH3}"
   },
+  "panels/elements/StylesSidebarPane.ts | layer": {
+    "message": "Laag"
+  },
   "panels/elements/StylesSidebarPane.ts | newStyleRule": {
     "message": "Nuwe stylreël"
   },
@@ -5816,8 +5831,11 @@
   "panels/lighthouse/LighthouseController.ts | thereMayBeStoredDataAffectingSingular": {
     "message": "Daar kan gestoorde data wees wat laaiwerkverrigting in hierdie ligging raak: {PH1}. Oudit hierdie bladsy in 'n incognito-venster om te keer dat dié hulpbronne jou tellings beïnvloed."
   },
+  "panels/lighthouse/LighthouseController.ts | timespan": {
+    "message": "Tydsduur"
+  },
   "panels/lighthouse/LighthouseController.ts | useLegacyNavigation": {
-    "message": "Oudit die bladsy met klassieke Lighthouse wanneer dit in navigasie-modus is."
+    "message": "Ontleed die bladsy met klassieke Lighthouse wanneer dit in navigasiemodus is."
   },
   "panels/lighthouse/LighthouseController.ts | webSql": {
     "message": "Web se SQL"
@@ -5876,9 +5894,18 @@
   "panels/lighthouse/LighthouseStartView.ts | learnMore": {
     "message": "Kom meer te wete"
   },
+  "panels/lighthouse/LighthouseStartViewFR.ts | analyzeNavigation": {
+    "message": "Ontleed navigasie"
+  },
+  "panels/lighthouse/LighthouseStartViewFR.ts | analyzeSnapshot": {
+    "message": "Analiseer fotogreep"
+  },
   "panels/lighthouse/LighthouseStartViewFR.ts | mode": {
     "message": "Modus"
   },
+  "panels/lighthouse/LighthouseStartViewFR.ts | startTimespan": {
+    "message": "Begin tydsduur"
+  },
   "panels/lighthouse/LighthouseStatusView.ts | OfGlobalMobileUsersInWereOnGOrG": {
     "message": "75% van gebruikers van mobiele toestelle wêreldwyd was op 2G of 3G [Bron: GSMA Mobile]"
   },
@@ -5966,6 +5993,18 @@
   "panels/lighthouse/LighthouseStatusView.ts | walmartSawAIncreaseInRevenueFor": {
     "message": "Walmart het 'n verhoging van 1% met elke 100 ms wat hul bladsylading toegeneem het, gesien [Bron: WPO Stats]"
   },
+  "panels/lighthouse/LighthouseTimespanView.ts | cancel": {
+    "message": "Kanselleer"
+  },
+  "panels/lighthouse/LighthouseTimespanView.ts | endTimespan": {
+    "message": "Beëindig tydsduur"
+  },
+  "panels/lighthouse/LighthouseTimespanView.ts | timespanStarted": {
+    "message": "Tydsduur het begin; begin interaksie met die bladsy"
+  },
+  "panels/lighthouse/LighthouseTimespanView.ts | timespanStarting": {
+    "message": "Tydsduur begin tans …"
+  },
   "panels/lighthouse/lighthouse-meta.ts | showLighthouse": {
     "message": "Wys Lighthouse"
   },
@@ -9698,6 +9737,24 @@
   "panels/sources/WatchExpressionsSidebarPane.ts | refreshWatchExpressions": {
     "message": "Herlaai dophou-uitdrukkings"
   },
+  "panels/sources/components/HeadersView.ts | addHeader": {
+    "message": "Voeg 'n opskrif by"
+  },
+  "panels/sources/components/HeadersView.ts | addHeaderOverride": {
+    "message": "Voeg opskriftersydestelling by"
+  },
+  "panels/sources/components/HeadersView.ts | errorWhenParsing": {
+    "message": "Kon nie ''{PH1}'' ontleed nie."
+  },
+  "panels/sources/components/HeadersView.ts | parsingErrorExplainer": {
+    "message": "Dit is bes moontlik weens 'n sintaksfout in ''{PH1}''. Probeer hierdie lêer in 'n eksterne redigeerder oopmaak om die fout reg te stel of vee die lêer uit en herskep die tersydestelling."
+  },
+  "panels/sources/components/HeadersView.ts | removeBlock": {
+    "message": "Verwyder hierdie \"ApplyTo\"-afdeling"
+  },
+  "panels/sources/components/HeadersView.ts | removeHeader": {
+    "message": "Verwyder hierdie opskrif"
+  },
   "panels/sources/sources-meta.ts | activateBreakpoints": {
     "message": "Aktiveer breekpunte"
   },
@@ -10874,6 +10931,9 @@
   "panels/timeline/TimelineUIUtils.ts | pinchUpdate": {
     "message": "Knypopdatering"
   },
+  "panels/timeline/TimelineUIUtils.ts | prePaint": {
+    "message": "Voor verf"
+  },
   "panels/timeline/TimelineUIUtils.ts | preview": {
     "message": "Voorskou"
   },