npm - chrome-devtools-frontend - Versions diffs - 1.0.1035409 → 1.0.1035963 - Mend

chrome-devtools-frontend 1.0.1035409 → 1.0.1035963

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (21) hide show

package/config/gni/devtools_grd_files.gni CHANGED Viewed

@@ -1265,8 +1265,10 @@ grd_files_debug_sources = [
   "front_end/panels/sources/WatchExpressionsSidebarPane.js",
   "front_end/panels/sources/breakpointEditDialog.css.js",
   "front_end/panels/sources/callStackSidebarPane.css.js",
+  "front_end/panels/sources/components/BreakpointsView.js",
   "front_end/panels/sources/components/HeadersView.css.js",
   "front_end/panels/sources/components/HeadersView.js",
+  "front_end/panels/sources/components/breakpointsView.css.js",
   "front_end/panels/sources/debuggerPausedMessage.css.js",
   "front_end/panels/sources/dialog.css.js",
   "front_end/panels/sources/javaScriptBreakpointsSidebarPane.css.js",

package/docs/workflows.md CHANGED Viewed

@@ -44,8 +44,7 @@ gn gen out/fast-build --args='devtools_skip_typecheck=true'
 To update to latest tip of tree version:
 ```bash
-git fetch origin
-git checkout origin/main
+git fetch origin; git checkout origin/main  # or, alternatively: git rebase-update
 gclient sync
 ```
@@ -68,7 +67,7 @@ Open DevTools via F12 or Ctrl+Shift+J on Windows/Linux or Cmd+Option+I on Mac.
 If you get errors along the line of `Uncaught TypeError: Cannot read property 'setInspectedTabId'` you probably specified an incorrect path - the path has to be absolute. On Mac and Linux, the file url will start with __three__ slashes: `file:///Users/...`.
-Tip: You can inspect DevTools with DevTools by undocking DevTools and then opening a second instance of DevTools (F12 on Windows/Linux, Cmd+Option+I on Mac).
+**Tip**: You can inspect DevTools with DevTools by undocking DevTools and then opening a second instance of DevTools (see keyboard shortcut above).
 ##### Running from remote URL
@@ -82,7 +81,7 @@ Then point to that web server when starting Chromium, for example:
 <path-to-devtools-frontend>/third_party/chrome/chrome-<platform>/chrome --custom-devtools-frontend=http://localhost:8000/
 ```
-Open DevTools via F12 on Windows/Linux or Cmd+Option+I on Mac.
+Open DevTools via F12 or Ctrl+Shift+J on Windows/Linux or Cmd+Option+I on Mac.
 ##### Running in hosted mode
@@ -117,7 +116,7 @@ gclient sync
 Then, disable `gclient sync` for DevTools frontend inside of Chromium by editing `.gclient` config. From `chromium/src/`, run
 ```bash
-vim $(gclient root)/.gclient
+vim "$(gclient root)/.gclient"
 ```
 In the `custom_deps` section, insert this line:

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

@@ -3272,6 +3272,9 @@
   "panels/application/components/Prerender2.ts | CrossOriginRedirect": {
     "message": "Attempted to prerender a URL which redirected to a cross-origin URL. Currently prerendering cross-origin pages is disallowed."
   },
+  "panels/application/components/Prerender2.ts | DataSaverEnabled": {
+    "message": "Data saver enabled"
+  },
   "panels/application/components/Prerender2.ts | Destroyed": {
     "message": "A prerendered page was abandoned for unknown reasons."
   },
@@ -3284,9 +3287,6 @@
   "panels/application/components/Prerender2.ts | EmbedderTriggeredAndCrossOriginRedirected": {
     "message": "Prerendering triggered by Chrome internal (e.g., Omnibox prerendering) is is canceled because the navigation is redirected to another cross-origin page."
   },
-  "panels/application/components/Prerender2.ts | EmbedderTriggeredAndDestroyed": {
-    "message": "Prerendering triggered by Chrome internal (e.g., Omnibox prerendering) is is destroyed in the destructor."
-  },
   "panels/application/components/Prerender2.ts | EmbedderTriggeredAndSameOriginRedirected": {
     "message": "Prerendering triggered by Chrome internal (e.g., Omnibox prerendering) is canceled because the navigation is redirected to another same-origin page."
   },
@@ -9725,6 +9725,9 @@
   "panels/settings/SettingsScreen.ts | restoreDefaultsAndReload": {
     "message": "Restore defaults and reload"
   },
+  "panels/settings/SettingsScreen.ts | sendFeedback": {
+    "message": "Send feedback"
+  },
   "panels/settings/SettingsScreen.ts | settings": {
     "message": "Settings"
   },
@@ -9830,6 +9833,18 @@
   "panels/sources/CallStackSidebarPane.ts | showMore": {
     "message": "Show more"
   },
+  "panels/sources/components/BreakpointsView.ts | breakpointHit": {
+    "message": "{PH1} breakpoint hit"
+  },
+  "panels/sources/components/BreakpointsView.ts | checked": {
+    "message": "checked"
+  },
+  "panels/sources/components/BreakpointsView.ts | indeterminate": {
+    "message": "mixed"
+  },
+  "panels/sources/components/BreakpointsView.ts | unchecked": {
+    "message": "unchecked"
+  },
   "panels/sources/components/HeadersView.ts | addHeader": {
     "message": "Add a header"
   },
@@ -10460,9 +10475,6 @@
   "panels/sources/sources-meta.ts | watch": {
     "message": "Watch"
   },
-  "panels/sources/SourcesNavigator.ts | authoredDescription": {
-    "message": "Group files by Authored/Deployed"
-  },
   "panels/sources/SourcesNavigator.ts | clearConfiguration": {
     "message": "Clear configuration"
   },
@@ -10541,6 +10553,9 @@
   "panels/sources/SourcesPanel.ts | hideDebugger": {
     "message": "Hide debugger"
   },
+  "panels/sources/SourcesPanel.ts | hideIgnoreListed": {
+    "message": "Hide ignore-listed sources"
+  },
   "panels/sources/SourcesPanel.ts | hideNavigator": {
     "message": "Hide navigator"
   },

package/front_end/core/i18n/locales/en-XL.json CHANGED Viewed

@@ -3272,6 +3272,9 @@
   "panels/application/components/Prerender2.ts | CrossOriginRedirect": {
     "message": "Ât́t̂ém̂ṕt̂éd̂ t́ô ṕr̂ér̂én̂d́êŕ â ÚR̂Ĺ ŵh́îćĥ ŕêd́îŕêćt̂éd̂ t́ô á ĉŕôśŝ-ór̂íĝín̂ ÚR̂Ĺ. Ĉúr̂ŕêńt̂ĺŷ ṕr̂ér̂én̂d́êŕîńĝ ćr̂óŝś-ôŕîǵîń p̂áĝéŝ íŝ d́îśâĺl̂óŵéd̂."
   },
+  "panels/application/components/Prerender2.ts | DataSaverEnabled": {
+    "message": "D̂át̂á ŝáv̂ér̂ én̂áb̂ĺêd́"
+  },
   "panels/application/components/Prerender2.ts | Destroyed": {
     "message": "Â ṕr̂ér̂én̂d́êŕêd́ p̂áĝé ŵáŝ áb̂án̂d́ôńêd́ f̂ór̂ ún̂ḱn̂óŵń r̂éâśôńŝ."
   },
@@ -3284,9 +3287,6 @@
   "panels/application/components/Prerender2.ts | EmbedderTriggeredAndCrossOriginRedirected": {
     "message": "P̂ŕêŕêńd̂ér̂ín̂ǵ t̂ŕîǵĝér̂éd̂ b́ŷ Ćĥŕôḿê ín̂t́êŕn̂ál̂ (é.ĝ., Óm̂ńîb́ôx́ p̂ŕêŕêńd̂ér̂ín̂ǵ) îś îś ĉán̂ćêĺêd́ b̂éĉáûśê t́ĥé n̂áv̂íĝát̂íôń îś r̂éd̂ír̂éĉt́êd́ t̂ó âńôt́ĥér̂ ćr̂óŝś-ôŕîǵîń p̂áĝé."
   },
-  "panels/application/components/Prerender2.ts | EmbedderTriggeredAndDestroyed": {
-    "message": "P̂ŕêŕêńd̂ér̂ín̂ǵ t̂ŕîǵĝér̂éd̂ b́ŷ Ćĥŕôḿê ín̂t́êŕn̂ál̂ (é.ĝ., Óm̂ńîb́ôx́ p̂ŕêŕêńd̂ér̂ín̂ǵ) îś îś d̂éŝt́r̂óŷéd̂ ín̂ t́ĥé d̂éŝt́r̂úĉt́ôŕ."
-  },
   "panels/application/components/Prerender2.ts | EmbedderTriggeredAndSameOriginRedirected": {
     "message": "P̂ŕêŕêńd̂ér̂ín̂ǵ t̂ŕîǵĝér̂éd̂ b́ŷ Ćĥŕôḿê ín̂t́êŕn̂ál̂ (é.ĝ., Óm̂ńîb́ôx́ p̂ŕêŕêńd̂ér̂ín̂ǵ) îś ĉán̂ćêĺêd́ b̂éĉáûśê t́ĥé n̂áv̂íĝát̂íôń îś r̂éd̂ír̂éĉt́êd́ t̂ó âńôt́ĥér̂ śâḿê-ór̂íĝín̂ ṕâǵê."
   },
@@ -9725,6 +9725,9 @@
   "panels/settings/SettingsScreen.ts | restoreDefaultsAndReload": {
     "message": "R̂éŝt́ôŕê d́êf́âúl̂t́ŝ án̂d́ r̂él̂óâd́"
   },
+  "panels/settings/SettingsScreen.ts | sendFeedback": {
+    "message": "Ŝén̂d́ f̂éêd́b̂áĉḱ"
+  },
   "panels/settings/SettingsScreen.ts | settings": {
     "message": "Ŝét̂t́îńĝś"
   },
@@ -9830,6 +9833,18 @@
   "panels/sources/CallStackSidebarPane.ts | showMore": {
     "message": "Ŝh́ôẃ m̂ór̂é"
   },
+  "panels/sources/components/BreakpointsView.ts | breakpointHit": {
+    "message": "{PH1} b̂ŕêák̂ṕôín̂t́ ĥít̂"
+  },
+  "panels/sources/components/BreakpointsView.ts | checked": {
+    "message": "ĉh́êćk̂éd̂"
+  },
+  "panels/sources/components/BreakpointsView.ts | indeterminate": {
+    "message": "m̂íx̂éd̂"
+  },
+  "panels/sources/components/BreakpointsView.ts | unchecked": {
+    "message": "ûńĉh́êćk̂éd̂"
+  },
   "panels/sources/components/HeadersView.ts | addHeader": {
     "message": "Âd́d̂ á ĥéâd́êŕ"
   },
@@ -10460,9 +10475,6 @@
   "panels/sources/sources-meta.ts | watch": {
     "message": "Ŵát̂ćĥ"
   },
-  "panels/sources/SourcesNavigator.ts | authoredDescription": {
-    "message": "Ĝŕôúp̂ f́îĺêś b̂ý Âút̂h́ôŕêd́/D̂ép̂ĺôýêd́"
-  },
   "panels/sources/SourcesNavigator.ts | clearConfiguration": {
     "message": "Ĉĺêár̂ ćôńf̂íĝúr̂át̂íôń"
   },
@@ -10541,6 +10553,9 @@
   "panels/sources/SourcesPanel.ts | hideDebugger": {
     "message": "Ĥíd̂é d̂éb̂úĝǵêŕ"
   },
+  "panels/sources/SourcesPanel.ts | hideIgnoreListed": {
+    "message": "Ĥíd̂é îǵn̂ór̂é-l̂íŝt́êd́ ŝóûŕĉéŝ"
+  },
   "panels/sources/SourcesPanel.ts | hideNavigator": {
     "message": "Ĥíd̂é n̂áv̂íĝát̂ór̂"
   },

package/front_end/core/root/Runtime.ts CHANGED Viewed

@@ -152,13 +152,16 @@ export class ExperimentsSupport {
     self.localStorage['experiments'] = JSON.stringify(value);
   }
-  register(experimentName: string, experimentTitle: string, unstable?: boolean, docLink?: string): void {
+  register(
+      experimentName: string, experimentTitle: string, unstable?: boolean, docLink?: string,
+      feedbackLink?: string): void {
     Platform.DCHECK(
         () => !this.#experimentNames.has(experimentName), 'Duplicate registration of experiment ' + experimentName);
     this.#experimentNames.add(experimentName);
     this.#experiments.push(new Experiment(
         this, experimentName, experimentTitle, Boolean(unstable),
-        docLink as Platform.DevToolsPath.UrlString ?? Platform.DevToolsPath.EmptyUrlString));
+        docLink as Platform.DevToolsPath.UrlString ?? Platform.DevToolsPath.EmptyUrlString,
+        feedbackLink as Platform.DevToolsPath.UrlString ?? Platform.DevToolsPath.EmptyUrlString));
   }
   isEnabled(experimentName: string): boolean {
@@ -257,14 +260,16 @@ export class Experiment {
   title: string;
   unstable: boolean;
   docLink?: Platform.DevToolsPath.UrlString;
+  readonly feedbackLink?: Platform.DevToolsPath.UrlString;
   readonly #experiments: ExperimentsSupport;
   constructor(
       experiments: ExperimentsSupport, name: string, title: string, unstable: boolean,
-      docLink: Platform.DevToolsPath.UrlString) {
+      docLink: Platform.DevToolsPath.UrlString, feedbackLink: Platform.DevToolsPath.UrlString) {
     this.name = name;
     this.title = title;
     this.unstable = unstable;
     this.docLink = docLink;
+    this.feedbackLink = feedbackLink;
     this.#experiments = experiments;
   }

package/front_end/entrypoints/main/MainImpl.ts CHANGED Viewed

@@ -341,7 +341,8 @@ export class MainImpl {
     // Full Accessibility Tree
     Root.Runtime.experiments.register(
         'fullAccessibilityTree', 'Enable full accessibility tree view in the Elements panel', undefined,
-        'https://developer.chrome.com/blog/new-in-devtools-90/#accesibility-tree');
+        'https://developer.chrome.com/blog/new-in-devtools-90/#accesibility-tree',
+        'https://g.co/devtools/a11y-tree-feedback');
     // Font Editor
     Root.Runtime.experiments.register(
@@ -373,9 +374,8 @@ export class MainImpl {
     // CSS <length> authoring tool.
     Root.Runtime.experiments.register(
-        'cssTypeComponentLength',
-        'Enable CSS <length> authoring tool in the Styles pane (https://g.co/devtools/length-feedback)', undefined,
-        'https://developer.chrome.com/blog/new-in-devtools-96/#length');
+        'cssTypeComponentLength', 'Enable CSS <length> authoring tool in the Styles pane', undefined,
+        'https://developer.chrome.com/blog/new-in-devtools-96/#length', 'https://g.co/devtools/length-feedback');
     // Display precise changes in the Changes tab.
     Root.Runtime.experiments.register(
@@ -407,7 +407,8 @@ export class MainImpl {
     // Change grouping of sources panel to use Authored/Deployed trees
     Root.Runtime.experiments.register(
-        Root.Runtime.ExperimentName.AUTHORED_DEPLOYED_GROUPING, 'Group sources into Authored and Deployed trees');
+        Root.Runtime.ExperimentName.AUTHORED_DEPLOYED_GROUPING, 'Group sources into Authored and Deployed trees',
+        undefined, 'https://goo.gle/authored-deployed', 'https://goo.gle/authored-deployed-feedback');
     // Hide third party code (as determined by ignore lists or source maps)
     Root.Runtime.experiments.register(

package/front_end/generated/InspectorBackendCommands.js CHANGED Viewed

@@ -554,7 +554,7 @@ inspectorBackend.registerEnum("Page.AdFrameExplanation", {ParentIsAd: "ParentIsA
 inspectorBackend.registerEnum("Page.SecureContextType", {Secure: "Secure", SecureLocalhost: "SecureLocalhost", InsecureScheme: "InsecureScheme", InsecureAncestor: "InsecureAncestor"});
 inspectorBackend.registerEnum("Page.CrossOriginIsolatedContextType", {Isolated: "Isolated", NotIsolated: "NotIsolated", NotIsolatedFeatureDisabled: "NotIsolatedFeatureDisabled"});
 inspectorBackend.registerEnum("Page.GatedAPIFeatures", {SharedArrayBuffers: "SharedArrayBuffers", SharedArrayBuffersTransferAllowed: "SharedArrayBuffersTransferAllowed", PerformanceMeasureMemory: "PerformanceMeasureMemory", PerformanceProfile: "PerformanceProfile"});
-inspectorBackend.registerEnum("Page.PermissionsPolicyFeature", {Accelerometer: "accelerometer", AmbientLightSensor: "ambient-light-sensor", AttributionReporting: "attribution-reporting", Autoplay: "autoplay", Bluetooth: "bluetooth", BrowsingTopics: "browsing-topics", Camera: "camera", ChDpr: "ch-dpr", ChDeviceMemory: "ch-device-memory", ChDownlink: "ch-downlink", ChEct: "ch-ect", ChPrefersColorScheme: "ch-prefers-color-scheme", ChRtt: "ch-rtt", ChSaveData: "ch-save-data", ChUa: "ch-ua", ChUaArch: "ch-ua-arch", ChUaBitness: "ch-ua-bitness", ChUaPlatform: "ch-ua-platform", ChUaModel: "ch-ua-model", ChUaMobile: "ch-ua-mobile", ChUaFull: "ch-ua-full", ChUaFullVersion: "ch-ua-full-version", ChUaFullVersionList: "ch-ua-full-version-list", ChUaPlatformVersion: "ch-ua-platform-version", ChUaReduced: "ch-ua-reduced", ChUaWow64: "ch-ua-wow64", ChViewportHeight: "ch-viewport-height", ChViewportWidth: "ch-viewport-width", ChWidth: "ch-width", ClipboardRead: "clipboard-read", ClipboardWrite: "clipboard-write", CrossOriginIsolated: "cross-origin-isolated", DirectSockets: "direct-sockets", DisplayCapture: "display-capture", DocumentDomain: "document-domain", EncryptedMedia: "encrypted-media", ExecutionWhileOutOfViewport: "execution-while-out-of-viewport", ExecutionWhileNotRendered: "execution-while-not-rendered", FederatedCredentials: "federated-credentials", FocusWithoutUserActivation: "focus-without-user-activation", Fullscreen: "fullscreen", Frobulate: "frobulate", Gamepad: "gamepad", Geolocation: "geolocation", Gyroscope: "gyroscope", Hid: "hid", IdleDetection: "idle-detection", InterestCohort: "interest-cohort", JoinAdInterestGroup: "join-ad-interest-group", KeyboardMap: "keyboard-map", LocalFonts: "local-fonts", Magnetometer: "magnetometer", Microphone: "microphone", Midi: "midi", OtpCredentials: "otp-credentials", Payment: "payment", PictureInPicture: "picture-in-picture", PublickeyCredentialsGet: "publickey-credentials-get", RunAdAuction: "run-ad-auction", ScreenWakeLock: "screen-wake-lock", Serial: "serial", SharedAutofill: "shared-autofill", SharedStorage: "shared-storage", StorageAccessAPI: "storage-access-api", SyncXhr: "sync-xhr", TrustTokenRedemption: "trust-token-redemption", Usb: "usb", VerticalScroll: "vertical-scroll", WebShare: "web-share", WindowPlacement: "window-placement", XrSpatialTracking: "xr-spatial-tracking"});
+inspectorBackend.registerEnum("Page.PermissionsPolicyFeature", {Accelerometer: "accelerometer", AmbientLightSensor: "ambient-light-sensor", AttributionReporting: "attribution-reporting", Autoplay: "autoplay", Bluetooth: "bluetooth", BrowsingTopics: "browsing-topics", Camera: "camera", ChDpr: "ch-dpr", ChDeviceMemory: "ch-device-memory", ChDownlink: "ch-downlink", ChEct: "ch-ect", ChPrefersColorScheme: "ch-prefers-color-scheme", ChRtt: "ch-rtt", ChSaveData: "ch-save-data", ChUa: "ch-ua", ChUaArch: "ch-ua-arch", ChUaBitness: "ch-ua-bitness", ChUaPlatform: "ch-ua-platform", ChUaModel: "ch-ua-model", ChUaMobile: "ch-ua-mobile", ChUaFull: "ch-ua-full", ChUaFullVersion: "ch-ua-full-version", ChUaFullVersionList: "ch-ua-full-version-list", ChUaPlatformVersion: "ch-ua-platform-version", ChUaReduced: "ch-ua-reduced", ChUaWow64: "ch-ua-wow64", ChViewportHeight: "ch-viewport-height", ChViewportWidth: "ch-viewport-width", ChWidth: "ch-width", ClipboardRead: "clipboard-read", ClipboardWrite: "clipboard-write", CrossOriginIsolated: "cross-origin-isolated", DirectSockets: "direct-sockets", DisplayCapture: "display-capture", DocumentDomain: "document-domain", EncryptedMedia: "encrypted-media", ExecutionWhileOutOfViewport: "execution-while-out-of-viewport", ExecutionWhileNotRendered: "execution-while-not-rendered", FederatedCredentials: "federated-credentials", FocusWithoutUserActivation: "focus-without-user-activation", Fullscreen: "fullscreen", Frobulate: "frobulate", Gamepad: "gamepad", Geolocation: "geolocation", Gyroscope: "gyroscope", Hid: "hid", IdleDetection: "idle-detection", InterestCohort: "interest-cohort", JoinAdInterestGroup: "join-ad-interest-group", KeyboardMap: "keyboard-map", LocalFonts: "local-fonts", Magnetometer: "magnetometer", Microphone: "microphone", Midi: "midi", OtpCredentials: "otp-credentials", Payment: "payment", PictureInPicture: "picture-in-picture", PublickeyCredentialsGet: "publickey-credentials-get", RunAdAuction: "run-ad-auction", ScreenWakeLock: "screen-wake-lock", Serial: "serial", SharedAutofill: "shared-autofill", SharedStorage: "shared-storage", StorageAccessAPI: "storage-access-api", SyncXhr: "sync-xhr", TrustTokenRedemption: "trust-token-redemption", Unload: "unload", Usb: "usb", VerticalScroll: "vertical-scroll", WebShare: "web-share", WindowPlacement: "window-placement", XrSpatialTracking: "xr-spatial-tracking"});
 inspectorBackend.registerEnum("Page.PermissionsPolicyBlockReason", {Header: "Header", IframeAttribute: "IframeAttribute", InFencedFrameTree: "InFencedFrameTree", InIsolatedApp: "InIsolatedApp"});
 inspectorBackend.registerEnum("Page.OriginTrialTokenStatus", {Success: "Success", NotSupported: "NotSupported", Insecure: "Insecure", Expired: "Expired", WrongOrigin: "WrongOrigin", InvalidSignature: "InvalidSignature", Malformed: "Malformed", WrongVersion: "WrongVersion", FeatureDisabled: "FeatureDisabled", TokenDisabled: "TokenDisabled", FeatureDisabledForUser: "FeatureDisabledForUser", UnknownTrial: "UnknownTrial"});
 inspectorBackend.registerEnum("Page.OriginTrialStatus", {Enabled: "Enabled", ValidTokenNotProvided: "ValidTokenNotProvided", OSNotSupported: "OSNotSupported", TrialNotAllowed: "TrialNotAllowed"});
@@ -567,7 +567,7 @@ inspectorBackend.registerEnum("Page.ReferrerPolicy", {NoReferrer: "noReferrer",
 inspectorBackend.registerEnum("Page.NavigationType", {Navigation: "Navigation", BackForwardCacheRestore: "BackForwardCacheRestore"});
 inspectorBackend.registerEnum("Page.BackForwardCacheNotRestoredReason", {NotPrimaryMainFrame: "NotPrimaryMainFrame", BackForwardCacheDisabled: "BackForwardCacheDisabled", RelatedActiveContentsExist: "RelatedActiveContentsExist", HTTPStatusNotOK: "HTTPStatusNotOK", SchemeNotHTTPOrHTTPS: "SchemeNotHTTPOrHTTPS", Loading: "Loading", WasGrantedMediaAccess: "WasGrantedMediaAccess", DisableForRenderFrameHostCalled: "DisableForRenderFrameHostCalled", DomainNotAllowed: "DomainNotAllowed", HTTPMethodNotGET: "HTTPMethodNotGET", SubframeIsNavigating: "SubframeIsNavigating", Timeout: "Timeout", CacheLimit: "CacheLimit", JavaScriptExecution: "JavaScriptExecution", RendererProcessKilled: "RendererProcessKilled", RendererProcessCrashed: "RendererProcessCrashed", SchedulerTrackedFeatureUsed: "SchedulerTrackedFeatureUsed", ConflictingBrowsingInstance: "ConflictingBrowsingInstance", CacheFlushed: "CacheFlushed", ServiceWorkerVersionActivation: "ServiceWorkerVersionActivation", SessionRestored: "SessionRestored", ServiceWorkerPostMessage: "ServiceWorkerPostMessage", EnteredBackForwardCacheBeforeServiceWorkerHostAdded: "EnteredBackForwardCacheBeforeServiceWorkerHostAdded", RenderFrameHostReused_SameSite: "RenderFrameHostReused_SameSite", RenderFrameHostReused_CrossSite: "RenderFrameHostReused_CrossSite", ServiceWorkerClaim: "ServiceWorkerClaim", IgnoreEventAndEvict: "IgnoreEventAndEvict", HaveInnerContents: "HaveInnerContents", TimeoutPuttingInCache: "TimeoutPuttingInCache", BackForwardCacheDisabledByLowMemory: "BackForwardCacheDisabledByLowMemory", BackForwardCacheDisabledByCommandLine: "BackForwardCacheDisabledByCommandLine", NetworkRequestDatAPIpeDrainedAsBytesConsumer: "NetworkRequestDatapipeDrainedAsBytesConsumer", NetworkRequestRedirected: "NetworkRequestRedirected", NetworkRequestTimeout: "NetworkRequestTimeout", NetworkExceedsBufferLimit: "NetworkExceedsBufferLimit", NavigationCancelledWhileRestoring: "NavigationCancelledWhileRestoring", NotMostRecentNavigationEntry: "NotMostRecentNavigationEntry", BackForwardCacheDisabledForPrerender: "BackForwardCacheDisabledForPrerender", UserAgentOverrideDiffers: "UserAgentOverrideDiffers", ForegroundCacheLimit: "ForegroundCacheLimit", BrowsingInstanceNotSwapped: "BrowsingInstanceNotSwapped", BackForwardCacheDisabledForDelegate: "BackForwardCacheDisabledForDelegate", UnloadHandlerExistsInMainFrame: "UnloadHandlerExistsInMainFrame", UnloadHandlerExistsInSubFrame: "UnloadHandlerExistsInSubFrame", ServiceWorkerUnregistration: "ServiceWorkerUnregistration", CacheControlNoStore: "CacheControlNoStore", CacheControlNoStoreCookieModified: "CacheControlNoStoreCookieModified", CacheControlNoStoreHTTPOnlyCookieModified: "CacheControlNoStoreHTTPOnlyCookieModified", NoResponseHead: "NoResponseHead", Unknown: "Unknown", ActivationNavigationsDisallowedForBug1234857: "ActivationNavigationsDisallowedForBug1234857", ErrorDocument: "ErrorDocument", FencedFramesEmbedder: "FencedFramesEmbedder", WebSocket: "WebSocket", WebTransport: "WebTransport", WebRTC: "WebRTC", MainResourceHasCacheControlNoStore: "MainResourceHasCacheControlNoStore", MainResourceHasCacheControlNoCache: "MainResourceHasCacheControlNoCache", SubresourceHasCacheControlNoStore: "SubresourceHasCacheControlNoStore", SubresourceHasCacheControlNoCache: "SubresourceHasCacheControlNoCache", ContainsPlugins: "ContainsPlugins", DocumentLoaded: "DocumentLoaded", DedicatedWorkerOrWorklet: "DedicatedWorkerOrWorklet", OutstandingNetworkRequestOthers: "OutstandingNetworkRequestOthers", OutstandingIndexedDBTransaction: "OutstandingIndexedDBTransaction", RequestedNotificationsPermission: "RequestedNotificationsPermission", RequestedMIDIPermission: "RequestedMIDIPermission", RequestedAudioCapturePermission: "RequestedAudioCapturePermission", RequestedVideoCapturePermission: "RequestedVideoCapturePermission", RequestedBackForwardCacheBlockedSensors: "RequestedBackForwardCacheBlockedSensors", RequestedBackgroundWorkPermission: "RequestedBackgroundWorkPermission", BroadcastChannel: "BroadcastChannel", IndexedDBConnection: "IndexedDBConnection", WebXR: "WebXR", SharedWorker: "SharedWorker", WebLocks: "WebLocks", WebHID: "WebHID", WebShare: "WebShare", RequestedStorageAccessGrant: "RequestedStorageAccessGrant", WebNfc: "WebNfc", OutstandingNetworkRequestFetch: "OutstandingNetworkRequestFetch", OutstandingNetworkRequestXHR: "OutstandingNetworkRequestXHR", AppBanner: "AppBanner", Printing: "Printing", WebDatabase: "WebDatabase", PictureInPicture: "PictureInPicture", Portal: "Portal", SpeechRecognizer: "SpeechRecognizer", IdleManager: "IdleManager", PaymentManager: "PaymentManager", SpeechSynthesis: "SpeechSynthesis", KeyboardLock: "KeyboardLock", WebOTPService: "WebOTPService", OutstandingNetworkRequestDirectSocket: "OutstandingNetworkRequestDirectSocket", InjectedJavascript: "InjectedJavascript", InjectedStyleSheet: "InjectedStyleSheet", Dummy: "Dummy", ContentSecurityHandler: "ContentSecurityHandler", ContentWebAuthenticationAPI: "ContentWebAuthenticationAPI", ContentFileChooser: "ContentFileChooser", ContentSerial: "ContentSerial", ContentFileSystemAccess: "ContentFileSystemAccess", ContentMediaDevicesDispatcherHost: "ContentMediaDevicesDispatcherHost", ContentWebBluetooth: "ContentWebBluetooth", ContentWebUSB: "ContentWebUSB", ContentMediaSessionService: "ContentMediaSessionService", ContentScreenReader: "ContentScreenReader", EmbedderPopupBlockerTabHelper: "EmbedderPopupBlockerTabHelper", EmbedderSafeBrowsingTriggeredPopupBlocker: "EmbedderSafeBrowsingTriggeredPopupBlocker", EmbedderSafeBrowsingThreatDetails: "EmbedderSafeBrowsingThreatDetails", EmbedderAppBannerManager: "EmbedderAppBannerManager", EmbedderDomDistillerViewerSource: "EmbedderDomDistillerViewerSource", EmbedderDomDistillerSelfDeletingRequestDelegate: "EmbedderDomDistillerSelfDeletingRequestDelegate", EmbedderOomInterventionTabHelper: "EmbedderOomInterventionTabHelper", EmbedderOfflinePage: "EmbedderOfflinePage", EmbedderChromePasswordManagerClientBindCredentialManager: "EmbedderChromePasswordManagerClientBindCredentialManager", EmbedderPermissionRequestManager: "EmbedderPermissionRequestManager", EmbedderModalDialog: "EmbedderModalDialog", EmbedderExtensions: "EmbedderExtensions", EmbedderExtensionMessaging: "EmbedderExtensionMessaging", EmbedderExtensionMessagingForOpenPort: "EmbedderExtensionMessagingForOpenPort", EmbedderExtensionSentMessageToCachedFrame: "EmbedderExtensionSentMessageToCachedFrame"});
 inspectorBackend.registerEnum("Page.BackForwardCacheNotRestoredReasonType", {SupportPending: "SupportPending", PageSupportNeeded: "PageSupportNeeded", Circumstantial: "Circumstantial"});
-inspectorBackend.registerEnum("Page.PrerenderFinalStatus", {Activated: "Activated", Destroyed: "Destroyed", LowEndDevice: "LowEndDevice", CrossOriginRedirect: "CrossOriginRedirect", CrossOriginNavigation: "CrossOriginNavigation", InvalidSchemeRedirect: "InvalidSchemeRedirect", InvalidSchemeNavigation: "InvalidSchemeNavigation", InProgressNavigation: "InProgressNavigation", NavigationRequestBlockedByCsp: "NavigationRequestBlockedByCsp", MainFrameNavigation: "MainFrameNavigation", MojoBinderPolicy: "MojoBinderPolicy", RendererProcessCrashed: "RendererProcessCrashed", RendererProcessKilled: "RendererProcessKilled", Download: "Download", TriggerDestroyed: "TriggerDestroyed", NavigationNotCommitted: "NavigationNotCommitted", NavigationBadHttpStatus: "NavigationBadHttpStatus", ClientCertRequested: "ClientCertRequested", NavigationRequestNetworkError: "NavigationRequestNetworkError", MaxNumOfRunningPrerendersExceeded: "MaxNumOfRunningPrerendersExceeded", CancelAllHostsForTesting: "CancelAllHostsForTesting", DidFailLoad: "DidFailLoad", Stop: "Stop", SslCertificateError: "SslCertificateError", LoginAuthRequested: "LoginAuthRequested", UaChangeRequiresReload: "UaChangeRequiresReload", BlockedByClient: "BlockedByClient", AudioOutputDeviceRequested: "AudioOutputDeviceRequested", MixedContent: "MixedContent", TriggerBackgrounded: "TriggerBackgrounded", EmbedderTriggeredAndSameOriginRedirected: "EmbedderTriggeredAndSameOriginRedirected", EmbedderTriggeredAndCrossOriginRedirected: "EmbedderTriggeredAndCrossOriginRedirected", EmbedderTriggeredAndDestroyed: "EmbedderTriggeredAndDestroyed", MemoryLimitExceeded: "MemoryLimitExceeded", FailToGetMemoryUsage: "FailToGetMemoryUsage"});
+inspectorBackend.registerEnum("Page.PrerenderFinalStatus", {Activated: "Activated", Destroyed: "Destroyed", LowEndDevice: "LowEndDevice", CrossOriginRedirect: "CrossOriginRedirect", CrossOriginNavigation: "CrossOriginNavigation", InvalidSchemeRedirect: "InvalidSchemeRedirect", InvalidSchemeNavigation: "InvalidSchemeNavigation", InProgressNavigation: "InProgressNavigation", NavigationRequestBlockedByCsp: "NavigationRequestBlockedByCsp", MainFrameNavigation: "MainFrameNavigation", MojoBinderPolicy: "MojoBinderPolicy", RendererProcessCrashed: "RendererProcessCrashed", RendererProcessKilled: "RendererProcessKilled", Download: "Download", TriggerDestroyed: "TriggerDestroyed", NavigationNotCommitted: "NavigationNotCommitted", NavigationBadHttpStatus: "NavigationBadHttpStatus", ClientCertRequested: "ClientCertRequested", NavigationRequestNetworkError: "NavigationRequestNetworkError", MaxNumOfRunningPrerendersExceeded: "MaxNumOfRunningPrerendersExceeded", CancelAllHostsForTesting: "CancelAllHostsForTesting", DidFailLoad: "DidFailLoad", Stop: "Stop", SslCertificateError: "SslCertificateError", LoginAuthRequested: "LoginAuthRequested", UaChangeRequiresReload: "UaChangeRequiresReload", BlockedByClient: "BlockedByClient", AudioOutputDeviceRequested: "AudioOutputDeviceRequested", MixedContent: "MixedContent", TriggerBackgrounded: "TriggerBackgrounded", EmbedderTriggeredAndSameOriginRedirected: "EmbedderTriggeredAndSameOriginRedirected", EmbedderTriggeredAndCrossOriginRedirected: "EmbedderTriggeredAndCrossOriginRedirected", MemoryLimitExceeded: "MemoryLimitExceeded", FailToGetMemoryUsage: "FailToGetMemoryUsage", DataSaverEnabled: "DataSaverEnabled"});
 inspectorBackend.registerEvent("Page.domContentEventFired", ["timestamp"]);
 inspectorBackend.registerEnum("Page.FileChooserOpenedEventMode", {SelectSingle: "selectSingle", SelectMultiple: "selectMultiple"});
 inspectorBackend.registerEvent("Page.fileChooserOpened", ["frameId", "mode", "backendNodeId"]);

package/front_end/generated/SupportedCSSProperties.js CHANGED Viewed

@@ -90,10 +90,6 @@ export const generatedProperties = [
   "inherited": true,
   "name": "-webkit-highlight"
  },
- {
-  "inherited": true,
-  "name": "-webkit-hyphenate-character"
- },
  {
   "inherited": true,
   "keywords": [
@@ -1912,6 +1908,10 @@ export const generatedProperties = [
   ],
   "name": "height"
  },
+ {
+  "inherited": true,
+  "name": "hyphenate-character"
+ },
  {
   "inherited": true,
   "keywords": [
@@ -5591,6 +5591,10 @@ export const generatedAliasesFor = new Map([
   "-webkit-font-feature-settings",
   "font-feature-settings"
  ],
+ [
+  "-webkit-hyphenate-character",
+  "hyphenate-character"
+ ],
  [
   "-webkit-justify-content",
   "justify-content"

package/front_end/generated/protocol.ts CHANGED Viewed

@@ -2135,6 +2135,11 @@ export namespace CSS {
      * The entire property range in the enclosing style declaration (if available).
      */
     range?: SourceRange;
+    /**
+     * Parsed longhand components of this property if it is a shorthand.
+     * This field will be empty if the given property is not a shorthand.
+     */
+    longhandProperties?: CSSProperty[];
   }
   export const enum CSSMediaSource {
@@ -10377,6 +10382,7 @@ export namespace Page {
     StorageAccessAPI = 'storage-access-api',
     SyncXhr = 'sync-xhr',
     TrustTokenRedemption = 'trust-token-redemption',
+    Unload = 'unload',
     Usb = 'usb',
     VerticalScroll = 'vertical-scroll',
     WebShare = 'web-share',
@@ -11154,9 +11160,9 @@ export namespace Page {
     TriggerBackgrounded = 'TriggerBackgrounded',
     EmbedderTriggeredAndSameOriginRedirected = 'EmbedderTriggeredAndSameOriginRedirected',
     EmbedderTriggeredAndCrossOriginRedirected = 'EmbedderTriggeredAndCrossOriginRedirected',
-    EmbedderTriggeredAndDestroyed = 'EmbedderTriggeredAndDestroyed',
     MemoryLimitExceeded = 'MemoryLimitExceeded',
     FailToGetMemoryUsage = 'FailToGetMemoryUsage',
+    DataSaverEnabled = 'DataSaverEnabled',
   }
   export interface AddScriptToEvaluateOnLoadRequest {

package/front_end/panels/application/components/Prerender2.ts CHANGED Viewed

@@ -139,12 +139,6 @@ const UIStrings = {
     */
   EmbedderTriggeredAndCrossOriginRedirected:
       'Prerendering triggered by Chrome internal (e.g., Omnibox prerendering) is is canceled because the navigation is redirected to another cross-origin page.',
-  /**
-    *@description  Description text for Prerender2 cancellation status EmbedderTriggeredAndDestroyed.
-    */
-  EmbedderTriggeredAndDestroyed:
-      'Prerendering triggered by Chrome internal (e.g., Omnibox prerendering) is is destroyed in the destructor.',
   /**
     *@description  Description text for Prerender2 cancellation status MemoryLimitExceeded.
     */
@@ -154,6 +148,10 @@ const UIStrings = {
     *@description  Description text for Prerender2 cancellation status FailToGetMemoryUsage.
     */
   FailToGetMemoryUsage: 'Fail to get memory usage',
+  /**
+    *@description  Description text for Prerender2 cancellation status DataSaverEnabled.
+    */
+  DataSaverEnabled: 'Data saver enabled',
 };
 const str_ = i18n.i18n.registerUIStrings('panels/application/components/Prerender2.ts', UIStrings);
@@ -194,7 +192,7 @@ export const Prerender2ReasonDescription = {
       {name: i18nLazyString(UIStrings.EmbedderTriggeredAndSameOriginRedirected)},
   'EmbedderTriggeredAndCrossOriginRedirected':
       {name: i18nLazyString(UIStrings.EmbedderTriggeredAndCrossOriginRedirected)},
-  'EmbedderTriggeredAndDestroyed': {name: i18nLazyString(UIStrings.EmbedderTriggeredAndDestroyed)},
   'MemoryLimitExceeded': {name: i18nLazyString(UIStrings.MemoryLimitExceeded)},
   'FailToGetMemoryUsage': {name: i18nLazyString(UIStrings.FailToGetMemoryUsage)},
+  'DataSaverEnabled': {name: i18nLazyString(UIStrings.DataSaverEnabled)},
 };

package/front_end/panels/settings/SettingsScreen.ts CHANGED Viewed

@@ -93,6 +93,10 @@ const UIStrings = {
   *@description Text that is usually a hyperlink to more documentation
   */
   learnMore: 'Learn more',
+  /**
+  *@description Text that is usually a hyperlink to a feedback form
+  */
+  sendFeedback: 'Send feedback',
 };
 const str_ = i18n.i18n.registerUIStrings('panels/settings/SettingsScreen.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -489,6 +493,14 @@ export class ExperimentsSettingsTab extends SettingsTab {
       p.appendChild(link);
     }
+    if (experiment.feedbackLink) {
+      const link = UI.XLink.XLink.create(experiment.feedbackLink);
+      link.textContent = i18nString(UIStrings.sendFeedback);
+      link.classList.add('feedback-link');
+      p.appendChild(link);
+    }
     return p;
   }
 }

package/front_end/panels/settings/settingsScreen.css CHANGED Viewed

@@ -199,6 +199,12 @@ label {
   color: var(--color-text-secondary);
 }
+.settings-experiment .feedback-link {
+  color: var(--color-primary);
+  text-decoration-line: underline;
+  margin-left: 4px;
+}
 @media (forced-colors: active) {
   .settings-window-title {
     color: canvastext;

package/front_end/panels/sources/NavigatorView.ts CHANGED Viewed

@@ -1034,17 +1034,10 @@ export class NavigatorView extends UI.Widget.VBox implements SDK.TargetManager.O
     }
   }
-  /**
-   * Subclasses can override to listen to grouping changes.
-   */
-  onGroupingChanged(): void {
-  }
   private groupingChanged(): void {
     this.reset(true);
     this.initGrouping();
     // Reset the workspace to repopulate filesystem folders.
-    this.onGroupingChanged();
     this.resetWorkspace(Workspace.Workspace.WorkspaceImpl.instance());
     this.workspaceInternal.uiSourceCodes().forEach(this.addUISourceCode.bind(this));
   }

package/front_end/panels/sources/ScopeChainSidebarPane.ts CHANGED Viewed

@@ -317,16 +317,17 @@ export class OpenLinearMemoryInspector extends UI.Widget.VBox implements UI.Cont
     if (target instanceof ObjectUI.ObjectPropertiesSection.ObjectPropertyTreeElement) {
       if (target.property && target.property.value &&
           LinearMemoryInspector.LinearMemoryInspectorController.isMemoryObjectProperty(target.property.value)) {
+        const expression = target.path();
         contextMenu.debugSection().appendItem(
             i18nString(UIStrings.revealInMemoryInspectorPanel),
-            this.openMemoryInspector.bind(this, target.property.name, target.property.value));
+            this.openMemoryInspector.bind(this, expression, target.property.value));
       }
     }
   }
-  private async openMemoryInspector(name: string, obj: SDK.RemoteObject.RemoteObject): Promise<void> {
+  private async openMemoryInspector(expression: string, obj: SDK.RemoteObject.RemoteObject): Promise<void> {
     const controller = LinearMemoryInspector.LinearMemoryInspectorController.LinearMemoryInspectorController.instance();
     Host.userMetrics.linearMemoryInspectorRevealedFrom(Host.UserMetrics.LinearMemoryInspectorRevealedFrom.ContextMenu);
-    void controller.openInspectorView(obj, undefined /* address */, name);
+    void controller.openInspectorView(obj, /* address */ undefined, expression);
   }
 }

package/front_end/panels/sources/SourcesNavigator.ts CHANGED Viewed

@@ -32,11 +32,9 @@ import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';
-import * as Root from '../../core/root/root.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import * as Persistence from '../../models/persistence/persistence.js';
 import * as Workspace from '../../models/workspace/workspace.js';
-import * as Feedback from '../../ui/components/panel_feedback/panel_feedback.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import * as Snippets from '../snippets/snippets.js';
@@ -102,61 +100,26 @@ const UIStrings = {
   *@description Text to save content as a specific file type
   */
   saveAs: 'Save as...',
-  /**
-   *@description Description of the new experimental Authored/Deployed view
-   */
-  authoredDescription: 'Group files by Authored/Deployed',
 };
 const str_ = i18n.i18n.registerUIStrings('panels/sources/SourcesNavigator.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 let networkNavigatorViewInstance: NetworkNavigatorView;
 export class NetworkNavigatorView extends NavigatorView {
-  private previewToggle: Feedback.PreviewToggle.PreviewToggle;
   private constructor() {
     super(true);
     SDK.TargetManager.TargetManager.instance().addEventListener(
         SDK.TargetManager.Events.InspectedURLChanged, this.inspectedURLChanged, this);
-    this.previewToggle = new Feedback.PreviewToggle.PreviewToggle();
-    this.onGroupingChanged();
-    const div = UI.Fragment.html`<div class="border-container"></div>`;
-    div.append(this.previewToggle);
-    this.contentElement.prepend(div);
     // Record the sources tool load time after the file navigator has loaded.
     Host.userMetrics.panelLoaded('sources', 'DevTools.Launch.Sources');
   }
-  onGroupingChanged(): void {
-    // Setting the data will re-render it.
-    this.previewToggle.data = {
-      name: i18nString(UIStrings.authoredDescription),
-      helperText: null,
-      experiment: Root.Runtime.ExperimentName.AUTHORED_DEPLOYED_GROUPING,
-      learnMoreURL: 'https://goo.gle/authored-deployed',
-      feedbackURL: 'https://goo.gle/authored-deployed-feedback',
-      onChangeCallback: this.onAuthoredDeployedChanged,
-    };
-  }
   wasShown(): void {
     this.registerCSSFiles([sourcesNavigatorStyles]);
     super.wasShown();
   }
-  private onAuthoredDeployedChanged(checked: boolean): void {
-    Host.userMetrics.experimentChanged(Root.Runtime.ExperimentName.AUTHORED_DEPLOYED_GROUPING, checked);
-    // Need to signal to the NavigatorView that grouping has changed. Unfortunately,
-    // it can't listen to an experiment, and this class doesn't directly interact
-    // with it, so we will convince it a different grouping setting changed. When we switch
-    // from using an experiment to a setting, it will listen to that setting and we
-    // won't need to do this.
-    const groupByFolderSetting = Common.Settings.Settings.instance().moduleSetting('navigatorGroupByFolder');
-    groupByFolderSetting.set(groupByFolderSetting.get());
-  }
   static instance(opts: {
     forceNew: boolean|null,
   } = {forceNew: null}): NetworkNavigatorView {

package/front_end/panels/sources/SourcesPanel.ts CHANGED Viewed

@@ -112,6 +112,10 @@ const UIStrings = {
   */
   groupByAuthored: 'Group by Authored/Deployed',
   /**
+  *@description Text in Sources Panel of the Sources panel
+  */
+  hideIgnoreListed: 'Hide ignore-listed sources',
+  /**
   *@description Text for pausing the debugger on exceptions
   */
   pauseOnExceptions: 'Pause on exceptions',
@@ -563,36 +567,44 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
     }
   }
-  private toggleAuthoredDeployedExperiment(): void {
-    const experiment = Root.Runtime.ExperimentName.AUTHORED_DEPLOYED_GROUPING;
-    const checked = Root.Runtime.experiments.isEnabled(experiment);
-    Root.Runtime.experiments.setEnabled(experiment, !checked);
-    Host.userMetrics.experimentChanged(experiment, checked);
-    // Need to signal to the NavigatorView that grouping has changed. Unfortunately,
-    // it can't listen to an experiment, and this class doesn't directly interact
-    // with it, so we will convince it a different grouping setting changed. When we switch
-    // from using an experiment to a setting, it will listen to that setting and we
-    // won't need to do this.
-    const groupByFolderSetting = Common.Settings.Settings.instance().moduleSetting('navigatorGroupByFolder');
-    groupByFolderSetting.set(groupByFolderSetting.get());
-  }
+  private addExperimentMenuItem(
+      menuSection: UI.ContextMenu.Section, experiment: string, menuItem: Common.UIString.LocalizedString): void {
+    // menu handler
+    function toggleExperiment(): void {
+      const checked = Root.Runtime.experiments.isEnabled(experiment);
+      Root.Runtime.experiments.setEnabled(experiment, !checked);
+      Host.userMetrics.experimentChanged(experiment, checked);
+      // Need to signal to the NavigatorView that grouping has changed. Unfortunately,
+      // it can't listen to an experiment, and this class doesn't directly interact
+      // with it, so we will convince it a different grouping setting changed. When we switch
+      // from using an experiment to a setting, it will listen to that setting and we
+      // won't need to do this.
+      const groupByFolderSetting = Common.Settings.Settings.instance().moduleSetting('navigatorGroupByFolder');
+      groupByFolderSetting.set(groupByFolderSetting.get());
+    }
-  private populateNavigatorMenu(contextMenu: UI.ContextMenu.ContextMenu): void {
-    const groupByFolderSetting = Common.Settings.Settings.instance().moduleSetting('navigatorGroupByFolder');
-    contextMenu.appendItemsAtLocation('navigatorMenu');
-    contextMenu.viewSection().appendCheckboxItem(
-        i18nString(UIStrings.groupByFolder), () => groupByFolderSetting.set(!groupByFolderSetting.get()),
-        groupByFolderSetting.get());
     const previewIcon = new IconButton.Icon.Icon();
-    const experiment = Root.Runtime.ExperimentName.AUTHORED_DEPLOYED_GROUPING;
     previewIcon.data = {
       iconName: 'ic_preview_feature',
       color: 'var(--icon-color)',
       width: '14px',
     };
+    menuSection.appendCheckboxItem(
+        menuItem, toggleExperiment, Root.Runtime.experiments.isEnabled(experiment), false, previewIcon);
+  }
+  private populateNavigatorMenu(contextMenu: UI.ContextMenu.ContextMenu): void {
+    const groupByFolderSetting = Common.Settings.Settings.instance().moduleSetting('navigatorGroupByFolder');
+    contextMenu.appendItemsAtLocation('navigatorMenu');
     contextMenu.viewSection().appendCheckboxItem(
-        i18nString(UIStrings.groupByAuthored), this.toggleAuthoredDeployedExperiment,
-        Root.Runtime.experiments.isEnabled(experiment), false, previewIcon);
+        i18nString(UIStrings.groupByFolder), () => groupByFolderSetting.set(!groupByFolderSetting.get()),
+        groupByFolderSetting.get());
+    this.addExperimentMenuItem(
+        contextMenu.viewSection(), Root.Runtime.ExperimentName.AUTHORED_DEPLOYED_GROUPING,
+        i18nString(UIStrings.groupByAuthored));
+    this.addExperimentMenuItem(
+        contextMenu.viewSection(), Root.Runtime.ExperimentName.JUST_MY_CODE, i18nString(UIStrings.hideIgnoreListed));
   }
   setIgnoreExecutionLineEvents(ignoreExecutionLineEvents: boolean): void {

package/front_end/panels/sources/components/BreakpointsView.ts ADDED Viewed

@@ -0,0 +1,206 @@
+// Copyright (c) 2022 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+import * as i18n from '../../../core/i18n/i18n.js';
+import * as Platform from '../../../core/platform/platform.js';
+import * as ComponentHelpers from '../../../ui/components/helpers/helpers.js';
+import * as IconButton from '../../../ui/components/icon_button/icon_button.js';
+import * as LitHtml from '../../../ui/lit-html/lit-html.js';
+import breakpointsViewStyles from './breakpointsView.css.js';
+const UIStrings = {
+  /**
+  *@description Text exposed to screen readers on checked items.
+  */
+  checked: 'checked',
+  /**
+  *@description Accessible text exposed to screen readers when the screen reader encounters an unchecked checkbox.
+  */
+  unchecked: 'unchecked',
+  /**
+  *@description Accessible text for a breakpoint collection with a combination of checked states.
+  */
+  indeterminate: 'mixed',
+  /**
+  *@description Accessibility label for hit breakpoints in the Sources panel.
+  *@example {checked} PH1
+  */
+  breakpointHit: '{PH1} breakpoint hit',
+};
+const str_ = i18n.i18n.registerUIStrings('panels/sources/components/BreakpointsView.ts', UIStrings);
+const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+const MAX_SNIPPET_LENGTH = 200;
+export interface BreakpointsViewData {
+  groups: BreakpointGroup[];
+}
+export interface BreakpointGroup {
+  name: string;
+  url: Platform.DevToolsPath.UrlString;
+  expanded: boolean;
+  breakpointItems: BreakpointItem[];
+}
+export interface BreakpointItem {
+  location: string;
+  codeSnippet: string;
+  isHit: boolean;
+  status: BreakpointStatus;
+  hoverText?: string;
+}
+export const enum BreakpointStatus {
+  ENABLED = 'ENABLED',
+  DISABLED = 'DISABLED',
+  INDETERMINATE = 'INDETERMINATE',
+}
+export class CheckboxToggledEvent extends Event {
+  static readonly eventName = 'checkboxtoggled';
+  data: {breakpointItem: BreakpointItem, checked: boolean};
+  constructor(breakpointItem: BreakpointItem, checked: boolean) {
+    super(CheckboxToggledEvent.eventName);
+    this.data = {breakpointItem: breakpointItem, checked};
+  }
+}
+export class ExpandedStateChangedEvent extends Event {
+  static readonly eventName = 'expandedstatechanged';
+  data: {url: Platform.DevToolsPath.UrlString, expanded: boolean};
+  constructor(url: Platform.DevToolsPath.UrlString, expanded: boolean) {
+    super(ExpandedStateChangedEvent.eventName);
+    this.data = {url, expanded};
+  }
+}
+export class BreakpointSelectedEvent extends Event {
+  static readonly eventName = 'breakpointselected';
+  data: {breakpointItem: BreakpointItem};
+  constructor(breakpointItem: BreakpointItem) {
+    super(BreakpointSelectedEvent.eventName);
+    this.data = {breakpointItem: breakpointItem};
+  }
+}
+export class BreakpointsView extends HTMLElement {
+  static readonly litTagName = LitHtml.literal`devtools-breakpoint-view`;
+  readonly #shadow = this.attachShadow({mode: 'open'});
+  readonly #boundRender = this.#render.bind(this);
+  #breakpointGroups: BreakpointGroup[] = [];
+  set data(data: BreakpointsViewData) {
+    this.#breakpointGroups = data.groups;
+    void ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
+  }
+  connectedCallback(): void {
+    this.#shadow.adoptedStyleSheets = [breakpointsViewStyles];
+    void ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
+  }
+  #render(): void {
+    const renderedGroups = this.#breakpointGroups.map((group, index) => {
+      const out = this.#renderBreakpointGroup(group);
+      if (index === this.#breakpointGroups.length - 1) {
+        return out;
+      }
+      return LitHtml.html`${out}<div class='divider'></div>`;
+    });
+    LitHtml.render(LitHtml.html`${renderedGroups}`, this.#shadow, {host: this});
+  }
+  #renderBreakpointGroup(group: BreakpointGroup): LitHtml.TemplateResult {
+    const groupClassMap = {
+      'expanded': group.expanded,
+    };
+    // clang-format off
+    return LitHtml.html`
+      <div data-group='true' class=${LitHtml.Directives.classMap(groupClassMap)}>
+        <div class='group-header' @click=${(): void => this.#onGroupExpandToggled(group)}>
+            <span class='triangle'></span>
+            ${this.#renderFileIcon()}
+            <span class='group-header-title'>${group.name}</span>
+        </div>
+        ${group.expanded? LitHtml.html`
+          ${group.breakpointItems.map(entry => this.#renderBreakpointEntry(entry))}` : LitHtml.nothing}
+      </div>
+      `;
+    // clang-format on
+  }
+  #renderFileIcon(): LitHtml.TemplateResult {
+    return LitHtml.html`
+      <${IconButton.Icon.Icon.litTagName} .data=${
+        {iconName: 'ic_file_script', color: 'var(--color-ic-file-script)', width: '16px', height: '16px'} as
+        IconButton.Icon.IconWithName}></${IconButton.Icon.Icon.litTagName}>
+    `;
+  }
+  #renderBreakpointEntry(breakpointItem: BreakpointItem): LitHtml.TemplateResult {
+    const classMap = {
+      'breakpoint-item': true,
+      'hit': breakpointItem.isHit,
+    };
+    const breakpointItemDescription = this.#getBreakpointItemDescription(breakpointItem);
+    const codeSnippet = Platform.StringUtilities.trimEndWithMaxLength(breakpointItem.codeSnippet, MAX_SNIPPET_LENGTH);
+    // clang-format off
+    return LitHtml.html`
+    <div class=${LitHtml.Directives.classMap(classMap)} aria-label=${breakpointItemDescription}  tabIndex=${breakpointItem.isHit ? 0 : 1}>
+      <label class='checkbox-label'>
+        <input type='checkbox' aria-label=${breakpointItem.location} ?indeterminate=${breakpointItem.status === BreakpointStatus.INDETERMINATE} ?checked=${breakpointItem.status === BreakpointStatus.ENABLED} @change=${(e: Event): void => this.#onCheckboxToggled(e, breakpointItem)}>
+      </label>
+      <span class='code-snippet' @click=${():void => {this.dispatchEvent(new BreakpointSelectedEvent(breakpointItem));}}>${codeSnippet}</span>
+      <span class='location'>${breakpointItem.location}</span>
+    </div>
+    `;
+    // clang-format on
+  }
+  #getBreakpointItemDescription(breakpointItem: BreakpointItem): Platform.UIString.LocalizedString {
+    let checkboxDescription;
+    switch (breakpointItem.status) {
+      case BreakpointStatus.ENABLED:
+        checkboxDescription = i18nString(UIStrings.checked);
+        break;
+      case BreakpointStatus.DISABLED:
+        checkboxDescription = i18nString(UIStrings.unchecked);
+        break;
+      case BreakpointStatus.INDETERMINATE:
+        checkboxDescription = i18nString(UIStrings.indeterminate);
+        break;
+    }
+    if (!breakpointItem.isHit) {
+      return checkboxDescription;
+    }
+    return i18nString(UIStrings.breakpointHit, {PH1: checkboxDescription});
+  }
+  #onGroupExpandToggled(group: BreakpointGroup): void {
+    group.expanded = !group.expanded;
+    this.dispatchEvent(new ExpandedStateChangedEvent(group.url, group.expanded));
+    void ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
+  }
+  #onCheckboxToggled(e: Event, item: BreakpointItem): void {
+    const element = e.target as HTMLInputElement;
+    this.dispatchEvent(new CheckboxToggledEvent(item, element.checked));
+  }
+}
+ComponentHelpers.CustomElements.defineComponent('devtools-breakpoint-view', BreakpointsView);
+declare global {
+  interface HTMLElementTagNameMap {
+    'devtools-breakpoint-view': BreakpointsView;
+  }
+}

package/front_end/panels/sources/components/breakpointsView.css ADDED Viewed

@@ -0,0 +1,95 @@
+/*
+ * Copyright 2022 The Chromium Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file.
+ */
+:host {
+  flex: auto;
+  display: flex;
+  flex-direction: column;
+}
+.divider {
+  height: 1px;
+  width: inherit;
+  background-color: var(--color-details-hairline);
+}
+.code-snippet {
+  width: 100%;
+  padding-left: 6px;
+  font-family: var(--source-code-font-family);
+  font-size: var(--source-code-font-size);
+  color: var(--color-text-secondary);
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  flex-shrink: 100;
+}
+input {
+  height: 12px;
+  width: 12px;
+  flex-shrink: 0;
+  margin: 3px 0;
+}
+.triangle {
+  margin-left: 6px;
+  margin-right: 4px;
+  display: inline-block;
+  -webkit-mask-image: var(--image-file-treeoutlineTriangles);
+  -webkit-mask-size: 32px 24px;
+  -webkit-mask-position: 0 0;
+  background-color: var(--color-text-primary);
+  height: 12px;
+  width: 8px;
+}
+.group-header {
+  display: flex;
+  align-items: center;
+  height: 18px;
+}
+.expanded > .group-header > .triangle {
+  -webkit-mask-position: -16px 0;
+}
+.group-header-title {
+  margin-left: 4px;
+  font-weight: 500;
+  font-size: var(--source-code-font-size);
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.breakpoint-item {
+  display: flex;
+  align-items: center;
+  line-height: 13px;
+  height: 18px;
+}
+.breakpoint-item:hover {
+  background-color: var(--color-background-elevation-1);
+}
+.breakpoint-item.hit {
+  --override-breakpoint-hit-background: rgb(255 255 194);
+  background-color: var(--override-breakpoint-hit-background);
+}
+.checkbox-label {
+  padding-left: 24px;
+  display: flex;
+  align-items: center;
+}
+.location {
+  line-height: 14px;
+  margin: 0 8px;
+}

package/front_end/panels/sources/components/components.ts CHANGED Viewed

@@ -2,8 +2,10 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
+import * as BreakpointsView from './BreakpointsView.js';
 import * as HeadersView from './HeadersView.js';
 export {
+  BreakpointsView,
   HeadersView,
 };

package/front_end/ui/legacy/components/object_ui/ObjectPropertiesSection.ts CHANGED Viewed

@@ -396,7 +396,7 @@ export class ObjectPropertiesSection extends UI.TreeOutline.TreeOutlineInShadow
         value, wasThrown, showPreview, parentElement, linkifier, variableName);
   }
-  static appendMemoryIcon(element: Element, obj: SDK.RemoteObject.RemoteObject, variableName?: string): void {
+  static appendMemoryIcon(element: Element, obj: SDK.RemoteObject.RemoteObject, expression?: string): void {
     // We show the memory icon only on ArrayBuffer, WebAssembly.Memory and DWARF memory instances.
     // TypedArrays DataViews are also supported, but showing the icon next to their
     // previews is quite a significant visual overhead, and users can easily get to
@@ -419,7 +419,7 @@ export class ObjectPropertiesSection extends UI.TreeOutline.TreeOutlineInShadow
       const controller =
           LinearMemoryInspector.LinearMemoryInspectorController.LinearMemoryInspectorController.instance();
       Host.userMetrics.linearMemoryInspectorRevealedFrom(Host.UserMetrics.LinearMemoryInspectorRevealedFrom.MemoryIcon);
-      void controller.openInspectorView(obj, undefined /* address */, variableName);
+      void controller.openInspectorView(obj, /* address */ undefined, expression);
     };
     UI.Tooltip.Tooltip.install(memoryIcon, 'Reveal in Memory Inspector panel');

package/package.json CHANGED Viewed

@@ -56,5 +56,5 @@
     "unittest": "scripts/test/run_unittests.py --no-text-coverage",
     "watch": "vpython third_party/node/node.py --output scripts/watch_build.js"
   },
-  "version": "1.0.1035409"
+  "version": "1.0.1035963"
 }