chrome-devtools-frontend 1.0.967135 → 1.0.968254

package/config/gni/devtools_grd_files.gni

@@ -304,6 +304,25 @@ grd_files_release_sources = [
   "front_end/models/issues_manager/descriptions/cspURLViolation.md",
   "front_end/models/issues_manager/descriptions/deprecation.md",
   "front_end/models/issues_manager/descriptions/deprecationNavigatorUserAgent.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestAccountsHttpNotFound.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestAccountsInvalidResponse.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestAccountsNoResponse.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestApprovalDeclined.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestCanceled.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestClientIdMetadataHttpNotFound.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestClientIdMetadataInvalidResponse.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestClientIdMetadataNoResponse.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestErrorFetchingSignin.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestErrorIdToken.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestIdTokenHttpNotFound.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestIdTokenInvalidRequest.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestIdTokenInvalidResponse.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestIdTokenNoResponse.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestInvalidSigninResponse.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestTooManyRequests.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestWellKnownHttpNotFound.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestWellKnownInvalidResponse.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestWellKnownNoResponse.md",
   "front_end/models/issues_manager/descriptions/genericCrossOriginPortalPostMessageError.md",
   "front_end/models/issues_manager/descriptions/heavyAd.md",
   "front_end/models/issues_manager/descriptions/mixedContent.md",
@@ -576,6 +595,7 @@ grd_files_debug_sources = [
   "front_end/core/sdk/CSSRule.js",
   "front_end/core/sdk/CSSStyleDeclaration.js",
   "front_end/core/sdk/CSSStyleSheetHeader.js",
+  "front_end/core/sdk/CSSSupports.js",
   "front_end/core/sdk/CategorizedBreakpoint.js",
   "front_end/core/sdk/ChildTargetManager.js",
   "front_end/core/sdk/CompilerSourceMappingContentProvider.js",
@@ -702,6 +722,7 @@ grd_files_debug_sources = [
   "front_end/models/issues_manager/CorsIssue.js",
   "front_end/models/issues_manager/CrossOriginEmbedderPolicyIssue.js",
   "front_end/models/issues_manager/DeprecationIssue.js",
+  "front_end/models/issues_manager/FederatedAuthRequestIssue.js",
   "front_end/models/issues_manager/GenericIssue.js",
   "front_end/models/issues_manager/HeavyAdIssue.js",
   "front_end/models/issues_manager/Issue.js",

package/front_end/core/host/UserMetrics.ts

@@ -585,7 +585,8 @@ export enum DevtoolsExperiments {
   'preciseChanges' = 53,
   'bfcacheDisplayTree' = 54,
   'stylesPaneCSSChanges' = 55,
-  'MaxValue' = 56,
+  'headerOverrides' = 56,
+  'MaxValue' = 57,
 }
 /* eslint-enable @typescript-eslint/naming-convention */
 

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

@@ -1337,6 +1337,9 @@
   "models/issues_manager/CrossOriginEmbedderPolicyIssue.ts | samesiteAndSameorigin": {
     "message": "Same-Site and Same-Origin"
   },
+  "models/issues_manager/FederatedAuthRequestIssue.ts | fedCm": {
+    "message": "Federated Credential Management API"
+  },
   "models/issues_manager/GenericIssue.ts | crossOriginPortalPostMessage": {
     "message": "Portals - Same-origin communication channels"
   },
@@ -2966,6 +2969,9 @@
   "panels/application/components/InterestGroupAccessGrid.ts | groupOwner": {
     "message": "Owner"
   },
+  "panels/application/components/InterestGroupAccessGrid.ts | noEvents": {
+    "message": "No interest group events recorded."
+  },
   "panels/application/components/OriginTrialTreeView.ts | expiryTime": {
     "message": "Expiry Time"
   },
@@ -3197,6 +3203,9 @@
   "panels/application/InterestGroupStorageView.ts | clickToDisplayBody": {
     "message": "Click on any interest group event to display the group's current state"
   },
+  "panels/application/InterestGroupStorageView.ts | noDataAvailable": {
+    "message": "No details available for the selected interest group. The browser may have left the group."
+  },
   "panels/application/InterestGroupTreeElement.ts | interestGroups": {
     "message": "Interest Groups"
   },

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

@@ -1337,6 +1337,9 @@
   "models/issues_manager/CrossOriginEmbedderPolicyIssue.ts | samesiteAndSameorigin": {
     "message": "Ŝám̂é-Ŝít̂é âńd̂ Śâḿê-Ór̂íĝín̂"
   },
+  "models/issues_manager/FederatedAuthRequestIssue.ts | fedCm": {
+    "message": "F̂éd̂ér̂át̂éd̂ Ćr̂éd̂én̂t́îál̂ Ḿâńâǵêḿêńt̂ ÁP̂Í"
+  },
   "models/issues_manager/GenericIssue.ts | crossOriginPortalPostMessage": {
     "message": "P̂ór̂t́âĺŝ - Śâḿê-ór̂íĝín̂ ćôḿm̂ún̂íĉát̂íôń ĉh́âńn̂él̂ś"
   },
@@ -2966,6 +2969,9 @@
   "panels/application/components/InterestGroupAccessGrid.ts | groupOwner": {
     "message": "Ôẃn̂ér̂"
   },
+  "panels/application/components/InterestGroupAccessGrid.ts | noEvents": {
+    "message": "N̂ó îńt̂ér̂éŝt́ ĝŕôúp̂ év̂én̂t́ŝ ŕêćôŕd̂éd̂."
+  },
   "panels/application/components/OriginTrialTreeView.ts | expiryTime": {
     "message": "Êx́p̂ír̂ý T̂ím̂é"
   },
@@ -3197,6 +3203,9 @@
   "panels/application/InterestGroupStorageView.ts | clickToDisplayBody": {
     "message": "Ĉĺîćk̂ ón̂ án̂ý îńt̂ér̂éŝt́ ĝŕôúp̂ év̂én̂t́ t̂ó d̂íŝṕl̂áŷ t́ĥé ĝŕôúp̂'ś ĉúr̂ŕêńt̂ śt̂át̂é"
   },
+  "panels/application/InterestGroupStorageView.ts | noDataAvailable": {
+    "message": "N̂ó d̂ét̂áîĺŝ áv̂áîĺâb́l̂é f̂ór̂ t́ĥé ŝél̂éĉt́êd́ îńt̂ér̂éŝt́ ĝŕôúp̂. T́ĥé b̂ŕôẃŝér̂ ḿâý ĥáv̂é l̂éf̂t́ t̂h́ê ǵr̂óûṕ."
+  },
   "panels/application/InterestGroupTreeElement.ts | interestGroups": {
     "message": "Îńt̂ér̂éŝt́ Ĝŕôúp̂ś"
   },

package/front_end/core/root/Runtime.ts

@@ -274,6 +274,7 @@ export enum ExperimentName {
   FULL_ACCESSIBILITY_TREE = 'fullAccessibilityTree',
   PRECISE_CHANGES = 'preciseChanges',
   STYLES_PANE_CSS_CHANGES = 'stylesPaneCSSChanges',
+  HEADER_OVERRIDES = 'headerOverrides',
 }
 
 // TODO(crbug.com/1167717): Make this a const enum again

package/front_end/core/sdk/CSSQuery.ts

@@ -9,7 +9,7 @@ import type {CSSModel, Edit} from './CSSModel.js';
 import {CSSLocation} from './CSSModel.js';
 import type {CSSStyleSheetHeader} from './CSSStyleSheetHeader.js';
 
-type CSSQueryPayload = Protocol.CSS.CSSMedia|Protocol.CSS.CSSContainerQuery;
+type CSSQueryPayload = Protocol.CSS.CSSMedia|Protocol.CSS.CSSContainerQuery|Protocol.CSS.CSSSupports;
 
 export abstract class CSSQuery {
   text = '';

package/front_end/core/sdk/CSSRule.ts

@@ -7,6 +7,7 @@ import * as TextUtils from '../../models/text_utils/text_utils.js';
 
 import {CSSContainerQuery} from './CSSContainerQuery.js';
 import {CSSMedia} from './CSSMedia.js';
+import {CSSSupports} from './CSSSupports.js';
 
 import type {CSSModel, Edit} from './CSSModel.js';
 import {CSSStyleDeclaration, Type} from './CSSStyleDeclaration.js';
@@ -99,6 +100,7 @@ export class CSSStyleRule extends CSSRule {
   selectors!: CSSValue[];
   media: CSSMedia[];
   containerQueries: CSSContainerQuery[];
+  supports: CSSSupports[];
   wasUsed: boolean;
   constructor(cssModel: CSSModel, payload: Protocol.CSS.CSSRule, wasUsed?: boolean) {
     // TODO(crbug.com/1011811): Replace with spread operator or better types once Closure is gone.
@@ -108,6 +110,7 @@ export class CSSStyleRule extends CSSRule {
     this.containerQueries = payload.containerQueries ?
         CSSContainerQuery.parseContainerQueriesPayload(cssModel, payload.containerQueries) :
         [];
+    this.supports = payload.supports ? CSSSupports.parseSupportsPayload(cssModel, payload.supports) : [];
     this.wasUsed = wasUsed || false;
   }
 
@@ -191,12 +194,9 @@ export class CSSStyleRule extends CSSRule {
         this.selectors[i].rebase(edit);
       }
     }
-    for (const media of this.media) {
-      media.rebase(edit);
-    }
-    for (const containerQuery of this.containerQueries) {
-      containerQuery.rebase(edit);
-    }
+    this.media.forEach(media => media.rebase(edit));
+    this.containerQueries.forEach(cq => cq.rebase(edit));
+    this.supports.forEach(supports => supports.rebase(edit));
 
     super.rebase(edit);
   }

package/front_end/core/sdk/CSSSupports.ts

@@ -0,0 +1,30 @@
+// 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.
+
+import * as TextUtils from '../../models/text_utils/text_utils.js';
+import type * as Protocol from '../../generated/protocol.js';
+
+import type {CSSModel} from './CSSModel.js';
+import {CSSQuery} from './CSSQuery.js';
+
+export class CSSSupports extends CSSQuery {
+  static parseSupportsPayload(cssModel: CSSModel, payload: Protocol.CSS.CSSSupports[]): CSSSupports[] {
+    return payload.map(supports => new CSSSupports(cssModel, supports));
+  }
+
+  constructor(cssModel: CSSModel, payload: Protocol.CSS.CSSSupports) {
+    super(cssModel);
+    this.reinitialize(payload);
+  }
+
+  reinitialize(payload: Protocol.CSS.CSSSupports): void {
+    this.text = payload.text;
+    this.range = payload.range ? TextUtils.TextRange.TextRange.fromObject(payload.range) : null;
+    this.styleSheetId = payload.styleSheetId;
+  }
+
+  active(): boolean {
+    return true;
+  }
+}

package/front_end/core/sdk/sdk.ts

@@ -34,6 +34,7 @@ import * as CSSQuery from './CSSQuery.js';
 import * as CSSRule from './CSSRule.js';
 import * as CSSStyleDeclaration from './CSSStyleDeclaration.js';
 import * as CSSStyleSheetHeader from './CSSStyleSheetHeader.js';
+import * as CSSSupports from './CSSSupports.js';
 import * as DebuggerModel from './DebuggerModel.js';
 import * as DOMDebuggerModel from './DOMDebuggerModel.js';
 import * as DOMModel from './DOMModel.js';
@@ -101,6 +102,7 @@ export {
   CSSRule,
   CSSStyleDeclaration,
   CSSStyleSheetHeader,
+  CSSSupports,
   DebuggerModel,
   DOMDebuggerModel,
   DOMModel,

package/front_end/devtools_compatibility.js

@@ -1481,42 +1481,6 @@
       installObjectObserve();
     }
 
-    if (majorVersion <= 45) {
-      /**
-       * @param {string} property
-       * @return {!CSSValue|null}
-       * @this {CSSStyleDeclaration}
-       */
-      function getValue(property) {
-        // Note that |property| comes from another context, so we can't use === here.
-        // eslint-disable-next-line eqeqeq
-        if (property == 'padding-left') {
-          return /** @type {!CSSValue} */ ({
-            /**
-             * @return {number}
-             * @this {!{__paddingLeft: number}}
-             */
-            getFloatValue: function() {
-              return this.__paddingLeft;
-            },
-            __paddingLeft: parseFloat(this.paddingLeft)
-          });
-        }
-        throw new Error('getPropertyCSSValue is undefined');
-      }
-
-      window.CSSStyleDeclaration.prototype.getPropertyCSSValue = getValue;
-
-      function CSSPrimitiveValue() {
-      }
-      CSSPrimitiveValue.CSS_PX = 5;
-      window.CSSPrimitiveValue = CSSPrimitiveValue;
-    }
-
-    if (majorVersion <= 45) {
-      styleRules.push('* { min-width: 0; min-height: 0; }');
-    }
-
     if (majorVersion <= 71) {
       styleRules.push(
           '.coverage-toolbar-container, .animation-timeline-toolbar-container, .computed-properties { flex-basis: auto; }');

package/front_end/entrypoints/main/MainImpl.ts

@@ -372,6 +372,10 @@ export class MainImpl {
     Root.Runtime.experiments.register(
         Root.Runtime.ExperimentName.STYLES_PANE_CSS_CHANGES, 'Sync CSS changes in the Styles pane');
 
+    // Local overrides for response headers
+    Root.Runtime.experiments.register(
+        Root.Runtime.ExperimentName.HEADER_OVERRIDES, 'Local overrides for response headers');
+
     Root.Runtime.experiments.enableExperimentsByDefault([
       'sourceOrderViewer',
       'hideIssuesFeature',

package/front_end/models/issues_manager/FederatedAuthRequestIssue.ts

@@ -0,0 +1,265 @@
+// 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.
+
+import * as i18n from '../../core/i18n/i18n.js';
+import type * as SDK from '../../core/sdk/sdk.js';
+import * as Protocol from '../../generated/protocol.js';
+
+import {Issue, IssueCategory, IssueKind} from './Issue.js';
+import type {MarkdownIssueDescription, LazyMarkdownIssueDescription} from './MarkdownIssueDescription.js';
+import {resolveLazyDescription} from './MarkdownIssueDescription.js';
+
+const UIStrings = {
+  /**
+  *@description Title for Client Hint specification url link
+  */
+  fedCm: 'Federated Credential Management API',
+};
+const str_ = i18n.i18n.registerUIStrings('models/issues_manager/FederatedAuthRequestIssue.ts', UIStrings);
+const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
+
+export class FederatedAuthRequestIssue extends Issue {
+  readonly #issueDetails: Protocol.Audits.FederatedAuthRequestIssueDetails;
+
+  constructor(
+      issueDetails: Protocol.Audits.FederatedAuthRequestIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel) {
+    super(
+        {
+          code: Protocol.Audits.InspectorIssueCode.FederatedAuthRequestIssue,
+          umaCode: [
+            Protocol.Audits.InspectorIssueCode.FederatedAuthRequestIssue,
+            issueDetails.federatedAuthRequestIssueReason,
+          ].join('::'),
+        },
+        issuesModel);
+    this.#issueDetails = issueDetails;
+  }
+
+  getCategory(): IssueCategory {
+    return IssueCategory.Other;
+  }
+
+  details(): Protocol.Audits.FederatedAuthRequestIssueDetails {
+    return this.#issueDetails;
+  }
+
+  getDescription(): MarkdownIssueDescription|null {
+    const description = issueDescriptions.get(this.#issueDetails.federatedAuthRequestIssueReason);
+    if (!description) {
+      return null;
+    }
+    return resolveLazyDescription(description);
+  }
+
+  primaryKey(): string {
+    return JSON.stringify(this.#issueDetails);
+  }
+
+  getKind(): IssueKind {
+    return IssueKind.PageError;
+  }
+
+  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
+      FederatedAuthRequestIssue[] {
+    const details = inspectorIssue.details.federatedAuthRequestIssueDetails;
+    if (!details) {
+      console.warn('Federated auth request issue without details received.');
+      return [];
+    }
+    return [new FederatedAuthRequestIssue(details, issuesModel)];
+  }
+}
+
+const issueDescriptions: Map<Protocol.Audits.FederatedAuthRequestIssueReason, LazyMarkdownIssueDescription> = new Map([
+  [
+    Protocol.Audits.FederatedAuthRequestIssueReason.ApprovalDeclined,
+    {
+      file: 'federatedAuthRequestApprovalDeclined.md',
+      links: [{
+        link: 'https://fedidcg.github.io/FedCM/',
+        linkTitle: i18nLazyString(UIStrings.fedCm),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.FederatedAuthRequestIssueReason.TooManyRequests,
+    {
+      file: 'federatedAuthRequestTooManyRequests.md',
+      links: [{
+        link: 'https://fedidcg.github.io/FedCM/',
+        linkTitle: i18nLazyString(UIStrings.fedCm),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.FederatedAuthRequestIssueReason.WellKnownHttpNotFound,
+    {
+      file: 'federatedAuthRequestWellKnownHttpNotFound.md',
+      links: [{
+        link: 'https://fedidcg.github.io/FedCM/',
+        linkTitle: i18nLazyString(UIStrings.fedCm),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.FederatedAuthRequestIssueReason.WellKnownNoResponse,
+    {
+      file: 'federatedAuthRequestWellKnownNoResponse.md',
+      links: [{
+        link: 'https://fedidcg.github.io/FedCM/',
+        linkTitle: i18nLazyString(UIStrings.fedCm),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.FederatedAuthRequestIssueReason.WellKnownInvalidResponse,
+    {
+      file: 'federatedAuthRequestWellKnownInvalidResponse.md',
+      links: [{
+        link: 'https://fedidcg.github.io/FedCM/',
+        linkTitle: i18nLazyString(UIStrings.fedCm),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.FederatedAuthRequestIssueReason.ClientIdMetadataHttpNotFound,
+    {
+      file: 'federatedAuthRequestClientIdMetadataHttpNotFound.md',
+      links: [{
+        link: 'https://fedidcg.github.io/FedCM/',
+        linkTitle: i18nLazyString(UIStrings.fedCm),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.FederatedAuthRequestIssueReason.ClientIdMetadataNoResponse,
+    {
+      file: 'federatedAuthRequestClientIdMetadataNoResponse.md',
+      links: [{
+        link: 'https://fedidcg.github.io/FedCM/',
+        linkTitle: i18nLazyString(UIStrings.fedCm),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.FederatedAuthRequestIssueReason.ClientIdMetadataInvalidResponse,
+    {
+      file: 'federatedAuthRequestClientIdMetadataInvalidResponse.md',
+      links: [{
+        link: 'https://fedidcg.github.io/FedCM/',
+        linkTitle: i18nLazyString(UIStrings.fedCm),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.FederatedAuthRequestIssueReason.ErrorFetchingSignin,
+    {
+      file: 'federatedAuthRequestErrorFetchingSignin.md',
+      links: [{
+        link: 'https://fedidcg.github.io/FedCM/',
+        linkTitle: i18nLazyString(UIStrings.fedCm),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.FederatedAuthRequestIssueReason.InvalidSigninResponse,
+    {
+      file: 'federatedAuthRequestInvalidSigninResponse.md',
+      links: [{
+        link: 'https://fedidcg.github.io/FedCM/',
+        linkTitle: i18nLazyString(UIStrings.fedCm),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.FederatedAuthRequestIssueReason.AccountsHttpNotFound,
+    {
+      file: 'federatedAuthRequestAccountsHttpNotFound.md',
+      links: [{
+        link: 'https://fedidcg.github.io/FedCM/',
+        linkTitle: i18nLazyString(UIStrings.fedCm),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.FederatedAuthRequestIssueReason.AccountsNoResponse,
+    {
+      file: 'federatedAuthRequestAccountsNoResponse.md',
+      links: [{
+        link: 'https://fedidcg.github.io/FedCM/',
+        linkTitle: i18nLazyString(UIStrings.fedCm),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.FederatedAuthRequestIssueReason.AccountsInvalidResponse,
+    {
+      file: 'federatedAuthRequestAccountsInvalidResponse.md',
+      links: [{
+        link: 'https://fedidcg.github.io/FedCM/',
+        linkTitle: i18nLazyString(UIStrings.fedCm),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.FederatedAuthRequestIssueReason.IdTokenHttpNotFound,
+    {
+      file: 'federatedAuthRequestIdTokenHttpNotFound.md',
+      links: [{
+        link: 'https://fedidcg.github.io/FedCM/',
+        linkTitle: i18nLazyString(UIStrings.fedCm),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.FederatedAuthRequestIssueReason.IdTokenNoResponse,
+    {
+      file: 'federatedAuthRequestIdTokenNoResponse.md',
+      links: [{
+        link: 'https://fedidcg.github.io/FedCM/',
+        linkTitle: i18nLazyString(UIStrings.fedCm),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.FederatedAuthRequestIssueReason.IdTokenInvalidResponse,
+    {
+      file: 'federatedAuthRequestIdTokenInvalidResponse.md',
+      links: [{
+        link: 'https://fedidcg.github.io/FedCM/',
+        linkTitle: i18nLazyString(UIStrings.fedCm),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.FederatedAuthRequestIssueReason.IdTokenInvalidRequest,
+    {
+      file: 'federatedAuthRequestIdTokenInvalidRequest.md',
+      links: [{
+        link: 'https://fedidcg.github.io/FedCM/',
+        linkTitle: i18nLazyString(UIStrings.fedCm),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.FederatedAuthRequestIssueReason.ErrorIdToken,
+    {
+      file: 'federatedAuthRequestErrorIdToken.md',
+      links: [{
+        link: 'https://fedidcg.github.io/FedCM/',
+        linkTitle: i18nLazyString(UIStrings.fedCm),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.FederatedAuthRequestIssueReason.Canceled,
+    {
+      file: 'federatedAuthRequestCanceled.md',
+      links: [{
+        link: 'https://fedidcg.github.io/FedCM/',
+        linkTitle: i18nLazyString(UIStrings.fedCm),
+      }],
+    },
+  ],
+]);

package/front_end/models/issues_manager/IssuesManager.ts

@@ -13,6 +13,7 @@ import {ContentSecurityPolicyIssue} from './ContentSecurityPolicyIssue.js';
 import {CorsIssue} from './CorsIssue.js';
 import {CrossOriginEmbedderPolicyIssue, isCrossOriginEmbedderPolicyIssue} from './CrossOriginEmbedderPolicyIssue.js';
 import {DeprecationIssue} from './DeprecationIssue.js';
+import {FederatedAuthRequestIssue} from './FederatedAuthRequestIssue.js';
 import {GenericIssue} from './GenericIssue.js';
 import {HeavyAdIssue} from './HeavyAdIssue.js';
 import type {Issue, IssueKind} from './Issue.js';
@@ -104,6 +105,10 @@ const issueCodeHandlers = new Map<
     Protocol.Audits.InspectorIssueCode.ClientHintIssue,
     ClientHintIssue.fromInspectorIssue,
   ],
+  [
+    Protocol.Audits.InspectorIssueCode.FederatedAuthRequestIssue,
+    FederatedAuthRequestIssue.fromInspectorIssue,
+  ],
 ]);
 
 /**

package/front_end/models/issues_manager/descriptions/federatedAuthRequestAccountsHttpNotFound.md

@@ -0,0 +1 @@
+# The provider's accounts list endpoint cannot be found.

package/front_end/models/issues_manager/descriptions/federatedAuthRequestAccountsInvalidResponse.md

@@ -0,0 +1 @@
+# Provider's accounts list is invalid.

package/front_end/models/issues_manager/descriptions/federatedAuthRequestAccountsNoResponse.md

@@ -0,0 +1 @@
+# The response body is empty when fetching the provider's accounts list.

package/front_end/models/issues_manager/descriptions/federatedAuthRequestApprovalDeclined.md

@@ -0,0 +1 @@
+# User declined the sign-in attempt.

package/front_end/models/issues_manager/descriptions/federatedAuthRequestCanceled.md

@@ -0,0 +1 @@
+# The request has been aborted.

package/front_end/models/issues_manager/descriptions/federatedAuthRequestClientIdMetadataHttpNotFound.md

@@ -0,0 +1 @@
+# The provider's client metadata endpoint cannot be found.

package/front_end/models/issues_manager/descriptions/federatedAuthRequestClientIdMetadataInvalidResponse.md

@@ -0,0 +1 @@
+# Provider's client metadata is invalid.

package/front_end/models/issues_manager/descriptions/federatedAuthRequestClientIdMetadataNoResponse.md

@@ -0,0 +1 @@
+# The response body is empty when fetching the provider's client metadata.

package/front_end/models/issues_manager/descriptions/federatedAuthRequestErrorFetchingSignin.md

@@ -0,0 +1 @@
+# Error attempting to reach the provider's sign-in endpoint.

package/front_end/models/issues_manager/descriptions/federatedAuthRequestErrorIdToken.md

@@ -0,0 +1 @@
+# Error retrieving an id token.

package/front_end/models/issues_manager/descriptions/federatedAuthRequestIdTokenHttpNotFound.md

@@ -0,0 +1 @@
+# The provider's id token endpoint cannot be found.

package/front_end/models/issues_manager/descriptions/federatedAuthRequestIdTokenInvalidRequest.md

@@ -0,0 +1 @@
+# The id token fetching request is invalid.

package/front_end/models/issues_manager/descriptions/federatedAuthRequestIdTokenInvalidResponse.md

@@ -0,0 +1 @@
+# Provider's id token is invalid.

package/front_end/models/issues_manager/descriptions/federatedAuthRequestIdTokenNoResponse.md

@@ -0,0 +1 @@
+# The response body is empty when fetching the provider's id token.

package/front_end/models/issues_manager/descriptions/federatedAuthRequestInvalidSigninResponse.md

@@ -0,0 +1 @@
+# Provider's sign-in response is invalid.

package/front_end/models/issues_manager/descriptions/federatedAuthRequestTooManyRequests.md

@@ -0,0 +1 @@
+# Only one navigator.credentials.get request may be outstanding at one time.

package/front_end/models/issues_manager/descriptions/federatedAuthRequestWellKnownHttpNotFound.md

@@ -0,0 +1 @@
+# The provider's .well-known configuration cannot be found.

package/front_end/models/issues_manager/descriptions/federatedAuthRequestWellKnownInvalidResponse.md

@@ -0,0 +1 @@
+# Provider's .well-known configuration is invalid.

package/front_end/models/issues_manager/descriptions/federatedAuthRequestWellKnownNoResponse.md

@@ -0,0 +1 @@
+# The response body is empty when fetching the provider's .well-known configuration.

package/front_end/panels/application/InterestGroupStorageView.ts

@@ -18,8 +18,10 @@ const UIStrings = {
   */
   clickToDisplayBody: 'Click on any interest group event to display the group\'s current state',
   /**
-  interestGroupStorageItems: 'InterestGroup Storage Items',
+  *@description Placeholder text telling the user no details are available for
+  *the selected interest group.
   */
+  noDataAvailable: 'No details available for the selected interest group. The browser may have left the group.',
 };
 const str_ = i18n.i18n.registerUIStrings('panels/application/InterestGroupStorageView.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -37,24 +39,33 @@ export class InterestGroupStorageView extends UI.SplitWidget.SplitWidget {
   private readonly interestGroupGrid = new ApplicationComponents.InterestGroupAccessGrid.InterestGroupAccessGrid();
   private events: Protocol.Storage.InterestGroupAccessedEvent[] = [];
   private detailsGetter: InterestGroupDetailsGetter;
+  private noDataView: UI.Widget.VBox;
+  private noDisplayView: UI.Widget.VBox;
 
   constructor(detailsGetter: InterestGroupDetailsGetter) {
     super(/* isVertical */ false, /* secondIsSidebar: */ true);
     this.detailsGetter = detailsGetter;
 
     const topPanel = new UI.Widget.VBox();
-    const bottomPanel = new UI.Widget.VBox();
+    this.noDisplayView = new UI.Widget.VBox();
+    this.noDataView = new UI.Widget.VBox();
+
     topPanel.setMinimumSize(0, 80);
     this.setMainWidget(topPanel);
-    bottomPanel.setMinimumSize(0, 40);
-    this.setSidebarWidget(bottomPanel);
+    this.noDisplayView.setMinimumSize(0, 40);
+    this.setSidebarWidget(this.noDisplayView);
+    this.noDataView.setMinimumSize(0, 40);
 
     topPanel.contentElement.appendChild(this.interestGroupGrid);
     this.interestGroupGrid.addEventListener('cellfocused', this.onFocus.bind(this));
 
-    bottomPanel.contentElement.classList.add('placeholder');
-    const centered = bottomPanel.contentElement.createChild('div');
-    centered.textContent = i18nString(UIStrings.clickToDisplayBody);
+    this.noDisplayView.contentElement.classList.add('placeholder');
+    const noDisplayDiv = this.noDisplayView.contentElement.createChild('div');
+    noDisplayDiv.textContent = i18nString(UIStrings.clickToDisplayBody);
+
+    this.noDataView.contentElement.classList.add('placeholder');
+    const noDataDiv = this.noDataView.contentElement.createChild('div');
+    noDataDiv.textContent = i18nString(UIStrings.noDataAvailable);
   }
 
   wasShown(): void {
@@ -77,6 +88,7 @@ export class InterestGroupStorageView extends UI.SplitWidget.SplitWidget {
   clearEvents(): void {
     this.events = [];
     this.interestGroupGrid.data = this.events;
+    this.setSidebarWidget(this.noDisplayView);
   }
 
   private async onFocus(event: Event): Promise<void> {
@@ -99,6 +111,8 @@ export class InterestGroupStorageView extends UI.SplitWidget.SplitWidget {
       if (jsonView) {
         this.setSidebarWidget(jsonView);
       }
+    } else {
+      this.setSidebarWidget(this.noDataView);
     }
   }
 

package/front_end/panels/application/components/InterestGroupAccessGrid.ts

@@ -32,6 +32,10 @@ const UIStrings = {
    *@description Text in InterestGroupStorage Items View of the Application panel
   */
   groupName: 'Name',
+  /**
+   *@description Text shown instead of a table when the table would be empty.
+  */
+  noEvents: 'No interest group events recorded.',
 };
 const str_ = i18n.i18n.registerUIStrings('panels/application/components/InterestGroupAccessGrid.ts', UIStrings);
 export const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -62,13 +66,17 @@ export class InterestGroupAccessGrid extends HTMLElement {
             {iconName: 'ic_info_black_18dp', color: 'var(--color-link)', width: '14px'} as
             IconButton.Icon.IconWithName}>
         </${IconButton.Icon.Icon.litTagName}>
-        ${this.#renderGrid()}
+        ${this.#renderGridOrNoDataMessage()}
       </div>
     `, this.#shadow, {host: this});
     // clang-format on
   }
 
-  #renderGrid(): LitHtml.TemplateResult {
+  #renderGridOrNoDataMessage(): LitHtml.TemplateResult {
+    if (this.#datastores.length === 0) {
+      return LitHtml.html`<div class="no-events-message">${i18nString(UIStrings.noEvents)}</div>`;
+    }
+
     const gridData: DataGrid.DataGridController.DataGridControllerData = {
       columns: [
         {

package/front_end/panels/application/components/interestGroupAccessGrid.css

@@ -21,6 +21,6 @@ devtools-data-grid-controller {
   height: 14px;
 }
 
-.no-tt-message {
+.no-events-message {
   margin-top: 20px;
 }

package/front_end/panels/application/interestGroupStorageView.css

@@ -4,6 +4,10 @@
  * found in the LICENSE file.
  */
 
+devtools-interest-group-access-grid {
+  overflow: auto;
+}
+
 .placeholder {
   display: flex;
   align-items: center;

package/front_end/panels/console/ConsoleViewMessage.ts

@@ -1470,10 +1470,8 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
         continue;
       }
       const formattedLine = document.createElement('span');
-      const prefix = line.substring(0, link.positionLeft);
-      const suffix = `${line.substring(link.positionRight)}${newline}`;
-
-      formattedLine.appendChild(this.linkifyStringAsFragment(prefix));
+      const suffix = `${link.suffix}${newline}`;
+      formattedLine.appendChild(this.linkifyStringAsFragment(link.prefix));
       const scriptLocationLink = this.linkifier.linkifyScriptLocation(
           debuggerModel.target(), link.scriptId || null, link.url, link.lineNumber, {
             columnNumber: link.columnNumber,
@@ -1492,7 +1490,7 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
         continue;
       }
 
-      const prefixWithoutFunction = prefix.substring(0, prefix.lastIndexOf(' ', prefix.length - 3));
+      const prefixWithoutFunction = link.prefix.substring(0, link.prefix.lastIndexOf(' ', link.prefix.length - 3));
 
       // If we were able to parse the function name from the stack trace line, try to replace it with an expansion of
       // any inline frames.

package/front_end/panels/console/ErrorStackParser.ts

@@ -10,8 +10,10 @@ export interface ParsedErrorFrame {
   line: string;
   link?: {
     url: string,
+    prefix: string,
+    suffix: string,
     lineNumber?: number,
-    columnNumber?: number, enclosedInBraces: boolean, positionLeft: number, positionRight: number,
+    columnNumber?: number, enclosedInBraces: boolean,
     scriptId?: Protocol.Runtime.ScriptId,
   };
 }
@@ -88,9 +90,9 @@ export function parseSourcePositionsFromErrorStack(
       line,
       link: {
         url,
+        prefix: line.substring(0, left),
+        suffix: line.substring(right),
         enclosedInBraces: hasOpenBracket,
-        positionLeft: left,
-        positionRight: right,
         lineNumber: splitResult.lineNumber,
         columnNumber: splitResult.columnNumber,
       },

package/front_end/panels/elements/StylesSidebarPane.ts

@@ -1840,6 +1840,12 @@ export class StylePropertiesSection {
     this.updateRuleOrigin();
   }
 
+  protected createAtRuleLists(rule: SDK.CSSRule.CSSStyleRule): void {
+    this.createMediaList(rule.media);
+    this.createContainerQueryList(rule.containerQueries);
+    this.createSupportsList(rule.supports);
+  }
+
   protected createMediaList(mediaRules: SDK.CSSMedia.CSSMedia[]): void {
     for (let i = mediaRules.length - 1; i >= 0; --i) {
       const media = mediaRules[i];
@@ -1907,6 +1913,28 @@ export class StylePropertiesSection {
     }
   }
 
+  protected createSupportsList(supportsList: SDK.CSSSupports.CSSSupports[]): void {
+    for (let i = supportsList.length - 1; i >= 0; --i) {
+      const supports = supportsList[i];
+      if (!supports.text) {
+        continue;
+      }
+
+      let onQueryTextClick;
+      if (supports.styleSheetId) {
+        onQueryTextClick = this.handleQueryRuleClick.bind(this, supports);
+      }
+
+      const supportsElement = new ElementsComponents.CSSQuery.CSSQuery();
+      supportsElement.data = {
+        queryPrefix: '@supports',
+        queryText: supports.text,
+        onQueryTextClick,
+      };
+      this.queryListElement.append(supportsElement);
+    }
+  }
+
   private async addContainerForContainerQuery(containerQuery: SDK.CSSContainerQuery.CSSContainerQuery): Promise<void> {
     const container = await containerQuery.getContainerForNode(this.matchedStyles.node().id);
     if (!container) {
@@ -1937,8 +1965,7 @@ export class StylePropertiesSection {
   private updateQueryList(): void {
     this.queryListElement.removeChildren();
     if (this.styleInternal.parentRule && this.styleInternal.parentRule instanceof SDK.CSSRule.CSSStyleRule) {
-      this.createMediaList(this.styleInternal.parentRule.media);
-      this.createContainerQueryList(this.styleInternal.parentRule.containerQueries);
+      this.createAtRuleLists(this.styleInternal.parentRule);
     }
   }
 
@@ -2210,8 +2237,7 @@ export class StylePropertiesSection {
     event.consume(true);
   }
 
-  private handleQueryRuleClick(query: SDK.CSSMedia.CSSMedia|SDK.CSSContainerQuery.CSSContainerQuery, event: Event):
-      void {
+  private handleQueryRuleClick(query: SDK.CSSQuery.CSSQuery, event: Event): void {
     const element = event.currentTarget as Element;
     if (UI.UIUtils.isBeingEdited(element)) {
       return;
@@ -2273,8 +2299,8 @@ export class StylePropertiesSection {
   }
 
   private editingMediaCommitted(
-      query: SDK.CSSMedia.CSSMedia|SDK.CSSContainerQuery.CSSContainerQuery, element: Element, newContent: string,
-      _oldContent: string, _context: Context|undefined, _moveDirection: string): void {
+      query: SDK.CSSQuery.CSSQuery, element: Element, newContent: string, _oldContent: string,
+      _context: Context|undefined, _moveDirection: string): void {
     this.parentPane.setEditingStyle(false);
     this.editingMediaFinished(element);
 
@@ -2560,8 +2586,7 @@ export class BlankStylePropertiesSection extends StylePropertiesSection {
         cssModel, this.parentPane.linkifier, styleSheetId, this.actualRuleLocation()));
     if (insertAfterStyle && insertAfterStyle.parentRule &&
         insertAfterStyle.parentRule instanceof SDK.CSSRule.CSSStyleRule) {
-      this.createMediaList(insertAfterStyle.parentRule.media);
-      this.createContainerQueryList(insertAfterStyle.parentRule.containerQueries);
+      this.createAtRuleLists(insertAfterStyle.parentRule);
     }
     this.element.classList.add('blank-section');
   }

package/front_end/panels/lighthouse/LighthouseReportRenderer.ts

@@ -140,9 +140,12 @@ export class LighthouseReportRenderer extends LighthouseReport.ReportRenderer {
   }
 
   static handleDarkMode(el: Element): void {
-    if (ThemeSupport.ThemeSupport.instance().themeName() === 'dark') {
-      el.classList.add('lh-dark');
-    }
+    const updateDarkModeIfNecessary = (): void => {
+      el.classList.toggle('lh-dark', ThemeSupport.ThemeSupport.instance().themeName() === 'dark');
+    };
+    ThemeSupport.ThemeSupport.instance().addEventListener(
+        ThemeSupport.ThemeChangeEvent.eventName, updateDarkModeIfNecessary);
+    updateDarkModeIfNecessary();
   }
 }
 

package/front_end/panels/sources/DebuggerPlugin.ts

@@ -607,7 +607,7 @@ export class DebuggerPlugin extends Plugin {
         return null;
       }
       while (
-          node && node.name !== 'VariableDefinition' && node.name !== 'VariableName' &&
+          node && node.name !== 'this' && node.name !== 'VariableDefinition' && node.name !== 'VariableName' &&
           node.name !== 'MemberExpression' &&
           !(node.name === 'PropertyName' && node.parent?.name === 'PatternProperty' &&
             node.nextSibling?.name !== ':') &&

package/front_end/ui/components/settings/settingCheckbox.css

@@ -12,6 +12,8 @@
 input {
   height: 12px;
   width: 12px;
+  min-height: 12px;
+  min-width: 12px;
 }
 
 label {

package/front_end/ui/components/text_editor/config.ts

@@ -188,6 +188,7 @@ function detectLineSeparator(text: string): CM.Extension {
 
 const baseKeymap = CM.keymap.of([
   {key: 'Tab', run: CM.acceptCompletion},
+  {key: 'End', run: CM.acceptCompletion},
   {key: 'Ctrl-m', run: CM.cursorMatchingBracket, shift: CM.selectMatchingBracket},
   {key: 'Mod-/', run: CM.toggleComment},
   {key: 'Mod-d', run: CM.selectNextOccurrence},

package/front_end/ui/legacy/components/object_ui/ObjectPopoverHelper.ts

@@ -59,7 +59,7 @@ export class ObjectPopoverHelper {
       Promise<ObjectPopoverHelper|null> {
     const description = Platform.StringUtilities.trimEndWithMaxLength(result.description || '', MaxPopoverTextLength);
     let popoverContentElement: HTMLSpanElement|HTMLDivElement|null = null;
-    if (result.type === 'object') {
+    if (result.type === 'function' || result.type === 'object') {
       let linkifier: Components.Linkifier.Linkifier|null = null;
       let resultHighlightedAsDOM = false;
       if (result.subtype === 'node') {
@@ -74,9 +74,15 @@ export class ObjectPopoverHelper {
       } else {
         popoverContentElement = document.createElement('div');
         popoverContentElement.classList.add('object-popover-content');
-        popover.registerCSSFiles([objectPopoverStyles]);
-        const titleElement = popoverContentElement.createChild('div', 'monospace object-popover-title');
-        titleElement.createChild('span').textContent = description;
+        popover.registerCSSFiles([objectValueStyles, objectPopoverStyles]);
+        const titleElement = popoverContentElement.createChild('div', 'object-popover-title');
+        if (result.type === 'function') {
+          titleElement.classList.add('source-code');
+          titleElement.appendChild(ObjectPropertiesSection.valueElementForFunctionDescription(result.description));
+        } else {
+          titleElement.classList.add('monospace');
+          titleElement.createChild('span').textContent = description;
+        }
         linkifier = new Components.Linkifier.Linkifier();
         const section = new ObjectPropertiesSection(result, '', linkifier, true /* showOverflow */);
         section.element.classList.add('object-popover-tree');
@@ -98,39 +104,12 @@ export class ObjectPopoverHelper {
 
     if (result.type === 'string') {
       UI.UIUtils.createTextChildren(valueElement, `"${description}"`);
-    } else if (result.type !== 'function') {
+    } else {
       valueElement.textContent = description;
     }
 
-    if (result.type !== 'function') {
-      popover.contentElement.appendChild(popoverContentElement);
-      return new ObjectPopoverHelper(null, false);
-    }
-
-    void ObjectPropertiesSection.formatObjectAsFunction(result, valueElement, true);
-    const response = await result.debuggerModel().functionDetailsPromise(result);
-    if (!response) {
-      return null;
-    }
-
-    const container = document.createElement('div');
-    container.classList.add('object-popover-container');
-    const title = container.createChild('div', 'function-popover-title source-code');
-    const functionName = title.createChild('span', 'function-name');
-    functionName.textContent = UI.UIUtils.beautifyFunctionName(response.functionName);
-
-    const rawLocation = response.location;
-    const linkContainer = title.createChild('div', 'function-title-link-container');
-    const script = rawLocation && rawLocation.script();
-    const sourceURL = script && script.sourceURL;
-    let linkifier: Components.Linkifier.Linkifier|null = null;
-    if (sourceURL) {
-      linkifier = new Components.Linkifier.Linkifier(undefined, undefined, popover.positionContent.bind(popover));
-      linkContainer.appendChild(linkifier.linkifyRawLocation((rawLocation as SDK.DebuggerModel.Location), sourceURL));
-    }
-    container.appendChild(popoverContentElement);
-    popover.contentElement.appendChild(container);
-    return new ObjectPopoverHelper(linkifier, false);
+    popover.contentElement.appendChild(popoverContentElement);
+    return new ObjectPopoverHelper(null, false);
   }
 }
 

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

@@ -260,7 +260,7 @@ export class ObjectPropertiesSection extends UI.TreeOutline.TreeOutlineInShadow
     return UI.Fragment.html`<span class="name">${name}</span>`;
   }
 
-  static valueElementForFunctionDescription(description?: string|null, includePreview?: boolean, defaultName?: string):
+  static valueElementForFunctionDescription(description?: string, includePreview?: boolean, defaultName?: string):
       Element {
     const valueElement = document.createElement('span');
     valueElement.classList.add('object-value-function');

package/front_end/ui/legacy/components/object_ui/objectPopover.css

@@ -30,28 +30,3 @@
 .object-popover-container {
   display: inline-block;
 }
-
-.function-popover-title {
-  border-bottom: 1px solid var(--color-details-hairline);
-  margin-bottom: 3px;
-  padding-bottom: 2px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.function-popover-title .function-name {
-  font-weight: bold;
-}
-
-.function-title-link-container {
-  display: flex;
-  align-items: center;
-  position: relative;
-  margin-left: 10px;
-}
-
-.function-title-link-container .devtools-link {
-  white-space: nowrap;
-  overflow: hidden;
-}

package/package.json

@@ -39,6 +39,7 @@
     "debug-unittest": "DEBUG_TEST=1 npm run unittest",
     "e2etest": "third_party/node/node.py --output scripts/test/run_test_suite.js --config=test/e2e/test-runner-config.json",
     "eslint-test": "third_party/node/node.py --output node_modules/mocha/bin/mocha \"./scripts/eslint_rules/tests/*_test.js\"",
+    "build-test": "third_party/node/node.py --output node_modules/mocha/bin/mocha \"./scripts/build/tests/*_test.js\"",
     "generate-dark-mode-styles": "third_party/node/node.py --output scripts/dark_mode/generate_dark_theme_sheet.js",
     "generate-protocol-resources": "scripts/deps/generate_protocol_resources.py && git cl format --js",
     "install-deps": "scripts/deps/manage_node_deps.py",
@@ -53,5 +54,5 @@
     "unittest": "scripts/test/run_unittests.py --no-text-coverage",
     "watch": "third_party/node/node.py --output scripts/watch_build.js"
   },
-  "version": "1.0.967135"
+  "version": "1.0.968254"
 }

package/scripts/build/tests/plugins_test.js

@@ -0,0 +1,30 @@
+// 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.
+
+const {assert} = require('chai');
+const path = require('path');
+
+const {devtoolsPlugin} = require('../devtools_plugin.js');
+
+describe('devtools_plugin can compute paths with', () => {
+  it('same directory import', () => {
+    assert.deepEqual(
+        devtoolsPlugin('./AnotherFile.js', 'front_end/core/sdk/FirstFile.js'),
+        {id: path.join('front_end', 'core', 'sdk', 'AnotherFile.js'), external: false});
+  });
+
+  it('different directory import', () => {
+    assert.deepEqual(
+        devtoolsPlugin('../common/common.js', 'front_end/core/sdk/FirstFile.js'),
+        {id: path.join('front_end', 'core', 'common', 'common.js'), external: true});
+  });
+
+  it('node built-in modules', () => {
+    assert.deepEqual(devtoolsPlugin('fs', 'scripts/some-script.js'), {id: 'fs', external: true});
+  });
+
+  it('importing generated files', () => {
+    assert.strictEqual(devtoolsPlugin('../../generated/Protocol.js', 'front_end/core/sdk/FirstFile.js'), null);
+  });
+});

package/scripts/devtools_paths.js

@@ -34,16 +34,6 @@ const os = require('os');
  */
 const PATH_TO_EXECUTED_FILE = process.argv[1];
 
-function pathIsMostTopLevelPath(filePath) {
-  /**
-   * On Linux/Mac, if we do path.dirname(X) as many times as possible, it will
-   * eventually equal `/`. On Windows, it will end up equalling C:\, and
-   * path.dirname('C:\') === 'C:\', so we use that to figure out if we've made
-   * it as far up the tree as we can.
-   */
-  return filePath === path.sep || path.dirname(filePath) === filePath;
-}
-
 const _lookUpCaches = new Map(
     [['chromium', null]],
 );
@@ -73,25 +63,7 @@ function isInChromiumDirectory() {
  * If it's standalone, it will be /path/to/devtools-frontend
  */
 function devtoolsRootPath() {
-  const nodeScriptFileThatIsBeingExecuted = PATH_TO_EXECUTED_FILE;
-  let devtoolsRootFolder = nodeScriptFileThatIsBeingExecuted;
-  while (path.basename(devtoolsRootFolder) !== 'devtools-frontend') {
-    devtoolsRootFolder = path.dirname(devtoolsRootFolder);
-    // We reached the end and can't find devtools-frontend.
-    if (pathIsMostTopLevelPath(devtoolsRootFolder)) {
-      throw new Error(
-          'Could not find devtools-frontend in path. If you have cloned the repository to a different directory name, it will not work.');
-    }
-  }
-  // In Chromium the path to the source code for devtools-frontend is:
-  // third_party/devtools-frontend/src
-  const {isInChromium} = isInChromiumDirectory();
-  if (isInChromium) {
-    return path.join(devtoolsRootFolder, 'src');
-  }
-
-  // But if you're in a standalone repo it's just the devtools-frontend folder.
-  return devtoolsRootFolder;
+  return path.dirname(__dirname);
 }
 
 /**