chrome-devtools-frontend 1.0.961109 → 1.0.961797

package/config/gni/devtools_grd_files.gni

@@ -308,7 +308,6 @@ grd_files_release_sources = [
   "front_end/models/issues_manager/descriptions/heavyAd.md",
   "front_end/models/issues_manager/descriptions/mixedContent.md",
   "front_end/models/issues_manager/descriptions/sharedArrayBuffer.md",
-  "front_end/models/issues_manager/descriptions/wasmCrossOriginModuleSharing.md",
   "front_end/models/issues_manager/issues_manager.js",
   "front_end/models/javascript_metadata/javascript_metadata.js",
   "front_end/models/logs/logs-meta.js",
@@ -718,7 +717,6 @@ grd_files_debug_sources = [
   "front_end/models/issues_manager/SharedArrayBufferIssue.js",
   "front_end/models/issues_manager/SourceFrameIssuesManager.js",
   "front_end/models/issues_manager/TrustedWebActivityIssue.js",
-  "front_end/models/issues_manager/WasmCrossOriginModuleSharingIssue.js",
   "front_end/models/javascript_metadata/JavaScriptMetadata.js",
   "front_end/models/javascript_metadata/NativeFunctions.js",
   "front_end/models/logs/LogManager.js",
@@ -992,7 +990,6 @@ grd_files_debug_sources = [
   "front_end/panels/issues/IssueRevealer.js",
   "front_end/panels/issues/IssueView.js",
   "front_end/panels/issues/IssuesPane.js",
-  "front_end/panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.js",
   "front_end/panels/issues/components/HideIssuesMenu.js",
   "front_end/panels/issues/components/hideIssuesMenu.css.js",
   "front_end/panels/issues/cspViolationsListView.css.js",

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

@@ -1394,9 +1394,6 @@
   "models/issues_manager/TrustedWebActivityIssue.ts | changesToQualityCriteriaForPwas": {
     "message": "Changes to quality criteria for PWAs using Trusted Web Activity"
   },
-  "models/issues_manager/WasmCrossOriginModuleSharingIssue.ts | linkTitle": {
-    "message": "Restricting Wasm module sharing to same-origin"
-  },
   "models/logs/logs-meta.ts | clear": {
     "message": "clear"
   },
@@ -2897,6 +2894,9 @@
   "panels/application/components/FrameDetailsView.ts | parentIsAdExplanation": {
     "message": "This frame is considered an ad frame because its parent frame is an ad frame."
   },
+  "panels/application/components/FrameDetailsView.ts | refresh": {
+    "message": "Refresh"
+  },
   "panels/application/components/FrameDetailsView.ts | reportingTo": {
     "message": "reporting to"
   },
@@ -2990,6 +2990,9 @@
   "panels/application/components/PermissionsPolicySection.ts | clickToShowIframe": {
     "message": "Click to reveal the top-most iframe which does not allow this feature in the elements panel."
   },
+  "panels/application/components/PermissionsPolicySection.ts | disabledByFencedFrame": {
+    "message": "disabled inside a fencedframe"
+  },
   "panels/application/components/PermissionsPolicySection.ts | disabledByHeader": {
     "message": "disabled by \"Permissions-Policy\" header"
   },
@@ -5495,27 +5498,6 @@
   "panels/issues/IssueView.ts | warned": {
     "message": "Warned"
   },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | blocked": {
-    "message": "blocked"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | nModuleTransfers": {
-    "message": "{n, plural, =1 {# module} other {# modules}}"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | sourceOrigin": {
-    "message": "Source Origin"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | status": {
-    "message": "Status"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | targetOrigin": {
-    "message": "Target Origin"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | warned": {
-    "message": "warning"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | wasmModuleUrl": {
-    "message": "Wasm Module URL"
-  },
   "panels/js_profiler/js_profiler-meta.ts | profiler": {
     "message": "Profiler"
   },

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

@@ -1394,9 +1394,6 @@
   "models/issues_manager/TrustedWebActivityIssue.ts | changesToQualityCriteriaForPwas": {
     "message": "Ĉh́âńĝéŝ t́ô q́ûál̂ít̂ý ĉŕît́êŕîá f̂ór̂ ṔŴÁŝ úŝín̂ǵ T̂ŕûśt̂éd̂ Ẃêb́ Âćt̂ív̂ít̂ý"
   },
-  "models/issues_manager/WasmCrossOriginModuleSharingIssue.ts | linkTitle": {
-    "message": "R̂éŝt́r̂íĉt́îńĝ Ẃâśm̂ ḿôd́ûĺê śĥár̂ín̂ǵ t̂ó ŝám̂é-ôŕîǵîń"
-  },
   "models/logs/logs-meta.ts | clear": {
     "message": "ĉĺêár̂"
   },
@@ -2897,6 +2894,9 @@
   "panels/application/components/FrameDetailsView.ts | parentIsAdExplanation": {
     "message": "T̂h́îś f̂ŕâḿê íŝ ćôńŝíd̂ér̂éd̂ án̂ ád̂ f́r̂ám̂é b̂éĉáûśê ít̂ś p̂ár̂én̂t́ f̂ŕâḿê íŝ án̂ ád̂ f́r̂ám̂é."
   },
+  "panels/application/components/FrameDetailsView.ts | refresh": {
+    "message": "R̂éf̂ŕêśĥ"
+  },
   "panels/application/components/FrameDetailsView.ts | reportingTo": {
     "message": "r̂ép̂ór̂t́îńĝ t́ô"
   },
@@ -2990,6 +2990,9 @@
   "panels/application/components/PermissionsPolicySection.ts | clickToShowIframe": {
     "message": "Ĉĺîćk̂ t́ô ŕêv́êál̂ t́ĥé t̂óp̂-ḿôśt̂ íf̂ŕâḿê ẃĥíĉh́ d̂óêś n̂ót̂ ál̂ĺôẃ t̂h́îś f̂éât́ûŕê ín̂ t́ĥé êĺêḿêńt̂ś p̂án̂él̂."
   },
+  "panels/application/components/PermissionsPolicySection.ts | disabledByFencedFrame": {
+    "message": "d̂íŝáb̂ĺêd́ îńŝíd̂é â fencedframe"
+  },
   "panels/application/components/PermissionsPolicySection.ts | disabledByHeader": {
     "message": "d̂íŝáb̂ĺêd́ b̂ý \"Permissions-Policy\" ĥéâd́êŕ"
   },
@@ -5495,27 +5498,6 @@
   "panels/issues/IssueView.ts | warned": {
     "message": "Ŵár̂ńêd́"
   },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | blocked": {
-    "message": "b̂ĺôćk̂éd̂"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | nModuleTransfers": {
-    "message": "{n, plural, =1 {# m̂ód̂úl̂é} other {# m̂ód̂úl̂éŝ}}"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | sourceOrigin": {
-    "message": "Ŝóûŕĉé Ôŕîǵîń"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | status": {
-    "message": "Ŝt́ât́ûś"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | targetOrigin": {
-    "message": "T̂ár̂ǵêt́ Ôŕîǵîń"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | warned": {
-    "message": "ŵár̂ńîńĝ"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | wasmModuleUrl": {
-    "message": "Ŵáŝḿ M̂ód̂úl̂é ÛŔL̂"
-  },
   "panels/js_profiler/js_profiler-meta.ts | profiler": {
     "message": "P̂ŕôf́îĺêŕ"
   },

package/front_end/models/issues_manager/IssuesManager.ts

@@ -25,7 +25,6 @@ import {SameSiteCookieIssue} from './SameSiteCookieIssue.js';
 import {SharedArrayBufferIssue} from './SharedArrayBufferIssue.js';
 import {SourceFrameIssuesManager} from './SourceFrameIssuesManager.js';
 import {TrustedWebActivityIssue} from './TrustedWebActivityIssue.js';
-import {WasmCrossOriginModuleSharingIssue} from './WasmCrossOriginModuleSharingIssue.js';
 
 export {Events} from './IssuesManagerEvents.js';
 
@@ -93,10 +92,6 @@ const issueCodeHandlers = new Map<
     Protocol.Audits.InspectorIssueCode.AttributionReportingIssue,
     AttributionReportingIssue.fromInspectorIssue,
   ],
-  [
-    Protocol.Audits.InspectorIssueCode.WasmCrossOriginModuleSharingIssue,
-    WasmCrossOriginModuleSharingIssue.fromInspectorIssue,
-  ],
   [
     Protocol.Audits.InspectorIssueCode.GenericIssue,
     GenericIssue.fromInspectorIssue,

package/front_end/models/issues_manager/issues_manager.ts

@@ -24,7 +24,6 @@ import * as SameSiteCookieIssue from './SameSiteCookieIssue.js';
 import * as SharedArrayBufferIssue from './SharedArrayBufferIssue.js';
 import * as SourceFrameIssuesManager from './SourceFrameIssuesManager.js';
 import * as TrustedWebActivityIssue from './TrustedWebActivityIssue.js';
-import * as WasmCrossOriginModuleSharingIssue from './WasmCrossOriginModuleSharingIssue.js';
 
 export {
   AttributionReportingIssue,
@@ -49,5 +48,4 @@ export {
   SharedArrayBufferIssue,
   SourceFrameIssuesManager,
   TrustedWebActivityIssue,
-  WasmCrossOriginModuleSharingIssue,
 };

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

@@ -236,6 +236,10 @@ const UIStrings = {
   */
   createdByAdScriptExplanation:
       'There was an ad script in the `(async) stack` when this frame was created. Examining the creation `stack trace` of this frame might provide more insight.',
+  /**
+  *@description Label for a button which when clicked causes some information to be refreshed/updated.
+  */
+  refresh: 'Refresh',
 };
 const str_ = i18n.i18n.registerUIStrings('panels/application/components/FrameDetailsView.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -337,7 +341,7 @@ export class FrameDetailsReportView extends HTMLElement {
       groups: [
         {
           iconName: 'refresh_12x12_icon',
-          text: 'Refresh',
+          text: i18nString(UIStrings.refresh),
         } as IconButton.IconButton.IconWithTextData,
       ],
     } as IconButton.IconButton.IconButtonData}>

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

@@ -52,6 +52,10 @@ const UIStrings = {
   *@description Text describing that a specific feature is blocked by a Permissions Policy specified in a request header.
   */
   disabledByHeader: 'disabled by "`Permissions-Policy`" header',
+  /**
+   *@description Text describing that a specific feature is blocked by virtue of being inside a fenced frame tree.
+   */
+  disabledByFencedFrame: 'disabled inside a `fencedframe`',
 };
 const str_ = i18n.i18n.registerUIStrings('panels/application/components/PermissionsPolicySection.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -144,10 +148,18 @@ export class PermissionsPolicySection extends HTMLElement {
       const resource = frame && frame.resourceForURL(frame.url);
       const linkTargetRequest =
           blockReason === Protocol.Page.PermissionsPolicyBlockReason.Header && resource && resource.request;
-      const blockReasonText = blockReason === Protocol.Page.PermissionsPolicyBlockReason.IframeAttribute ?
-          i18nString(UIStrings.disabledByIframe) :
-          blockReason === Protocol.Page.PermissionsPolicyBlockReason.Header ? i18nString(UIStrings.disabledByHeader) :
-                                                                              '';
+      const blockReasonText = ((): String => {
+        switch (blockReason) {
+          case Protocol.Page.PermissionsPolicyBlockReason.IframeAttribute:
+            return i18nString(UIStrings.disabledByIframe);
+          case Protocol.Page.PermissionsPolicyBlockReason.Header:
+            return i18nString(UIStrings.disabledByHeader);
+          case Protocol.Page.PermissionsPolicyBlockReason.InFencedFrameTree:
+            return i18nString(UIStrings.disabledByFencedFrame);
+          default:
+            return '';
+        }
+      })();
       const revealHeader = async(): Promise<void> => {
         if (!linkTargetRequest) {
           return;

package/front_end/panels/issues/IssueAggregator.ts

@@ -43,8 +43,6 @@ export class AggregatedIssue extends IssuesManager.Issue.Issue {
   #trustedWebActivityIssues = new Set<IssuesManager.TrustedWebActivityIssue.TrustedWebActivityIssue>();
   #quirksModeIssues = new Set<IssuesManager.QuirksModeIssue.QuirksModeIssue>();
   #attributionReportingIssues = new Set<IssuesManager.AttributionReportingIssue.AttributionReportingIssue>();
-  #wasmCrossOriginModuleSharingIssues =
-      new Set<IssuesManager.WasmCrossOriginModuleSharingIssue.WasmCrossOriginModuleSharingIssue>();
   #genericIssues = new Set<IssuesManager.GenericIssue.GenericIssue>();
   #representative?: IssuesManager.Issue.Issue;
   #aggregatedIssuesCount = 0;
@@ -126,11 +124,6 @@ export class AggregatedIssue extends IssuesManager.Issue.Issue {
     return this.#attributionReportingIssues;
   }
 
-  getWasmCrossOriginModuleSharingIssue():
-      ReadonlySet<IssuesManager.WasmCrossOriginModuleSharingIssue.WasmCrossOriginModuleSharingIssue> {
-    return this.#wasmCrossOriginModuleSharingIssues;
-  }
-
   getGenericIssues(): ReadonlySet<IssuesManager.GenericIssue.GenericIssue> {
     return this.#genericIssues;
   }
@@ -223,9 +216,6 @@ export class AggregatedIssue extends IssuesManager.Issue.Issue {
     if (issue instanceof IssuesManager.AttributionReportingIssue.AttributionReportingIssue) {
       this.#attributionReportingIssues.add(issue);
     }
-    if (issue instanceof IssuesManager.WasmCrossOriginModuleSharingIssue.WasmCrossOriginModuleSharingIssue) {
-      this.#wasmCrossOriginModuleSharingIssues.add(issue);
-    }
     if (issue instanceof IssuesManager.GenericIssue.GenericIssue) {
       this.#genericIssues.add(issue);
     }

package/front_end/panels/issues/IssueView.ts

@@ -30,7 +30,6 @@ import {AffectedSourcesView} from './AffectedSourcesView.js';
 import {AffectedTrustedWebActivityIssueDetailsView} from './AffectedTrustedWebActivityIssueDetailsView.js';
 import {CorsIssueDetailsView} from './CorsIssueDetailsView.js';
 import {GenericIssueDetailsView} from './GenericIssueDetailsView.js';
-import {WasmCrossOriginModuleSharingAffectedResourcesView} from './WasmCrossOriginModuleSharingAffectedResourcesView.js';
 import {AttributionReportingIssueDetailsView} from './AttributionReportingIssueDetailsView.js';
 
 import type {AggregatedIssue} from './IssueAggregator.js';
@@ -253,7 +252,6 @@ export class IssueView extends UI.TreeOutline.TreeElement {
       new GenericIssueDetailsView(this, this.#issue),
       new AffectedDocumentsInQuirksModeView(this, this.#issue),
       new AttributionReportingIssueDetailsView(this, this.#issue),
-      new WasmCrossOriginModuleSharingAffectedResourcesView(this, this.#issue),
       new AffectedRawCookieLinesView(this, this.#issue),
     ];
     if (Root.Runtime.experiments.isEnabled('hideIssuesFeature')) {

package/front_end/third_party/additional_readme_paths.json

@@ -10,5 +10,6 @@
   "lighthouse",
   "lit-html",
   "marked",
+  "puppeteer",
   "wasmparser"
 ]

package/front_end/ui/components/docs/icon_button/basic.ts

@@ -12,18 +12,13 @@ function appendComponent(data: IconButton.IconButton.IconButtonData) {
 
 appendComponent({
   clickHandler: (): void => {},
-  groups: [{iconName: 'survey_feedback_icon', iconColor: 'black', text: '1 item'}],
-});
-
-appendComponent({
-  clickHandler: (): void => {},
-  groups: [{iconName: 'survey_feedback_icon', iconColor: 'black', text: '1 item'}],
+  groups: [{iconName: 'survey_feedback_icon', text: '1 item'}],
 });
 
 appendComponent({
   clickHandler: (): void => {},
   groups: [
-    {iconName: 'survey_feedback_icon', iconColor: 'blue', text: 'Test'},
+    {iconName: 'survey_feedback_icon', iconColor: 'var(--color-primary)', text: 'Test'},
     {iconName: 'warning_icon', iconColor: '', text: '1'},
   ],
 });

package/front_end/ui/components/icon_button/IconButton.ts

@@ -85,7 +85,7 @@ export class IconButton extends HTMLElement {
       ${filteredGroups.map(counter =>
       LitHtml.html`
       <${Icon.litTagName} class="status-icon"
-      .data=${{iconName: counter.iconName, color: counter.iconColor || '', width: counter.iconWidth || '1.5ex', height: counter.iconHeight || '1.5ex'} as IconData}>
+      .data=${{iconName: counter.iconName, color: counter.iconColor || 'var(--color-text-primary)', width: counter.iconWidth || '1.5ex', height: counter.iconHeight || '1.5ex'} as IconData}>
       </${Icon.litTagName}>
       ${this.#compact ? LitHtml.html`<!-- Force line-height for this element --><span>&#8203;</span>` : LitHtml.nothing}
       <span class="icon-button-title">${counter.text}</span>

package/package.json

@@ -53,5 +53,5 @@
     "unittest": "scripts/test/run_unittests.py --no-text-coverage",
     "watch": "third_party/node/node.py --output scripts/watch_build.js"
   },
-  "version": "1.0.961109"
+  "version": "1.0.961797"
 }

package/scripts/build/assert_third_party_readmes.py

@@ -49,7 +49,8 @@ def main(argv):
     for listed_directory in listed_third_party_directories_json:
         if (listed_directory not in found_directories
                 # TODO(crbug.com/1287519): Remove exception for codemirror 5
-                and not listed_directory == "codemirror"):
+                and not listed_directory == "codemirror"
+                and not listed_directory == "puppeteer"):
             print(
                 "Directory `" + listed_directory + "`" +
                 " is not included in `config/gni/devtools_grd_files.gni`." +

package/front_end/models/issues_manager/WasmCrossOriginModuleSharingIssue.ts

@@ -1,67 +0,0 @@
-// Copyright 2021 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 Protocol from '../../generated/protocol.js';
-import type * as SDK from '../../core/sdk/sdk.js';
-import {Issue, IssueCategory, IssueKind} from './Issue.js';
-import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
-
-const UIStrings = {
-  /**
-   * @description Label for the link in the description of Wasm cross-origin module sharing issues, that is, issues
-   * that are related to the upcoming deprecation of cross-origin sharing of Wasm modules.
-   */
-  linkTitle: 'Restricting Wasm module sharing to same-origin',
-};
-const str_ = i18n.i18n.registerUIStrings('models/issues_manager/WasmCrossOriginModuleSharingIssue.ts', UIStrings);
-const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
-
-export class WasmCrossOriginModuleSharingIssue extends
-    Issue<Protocol.Audits.InspectorIssueCode.WasmCrossOriginModuleSharingIssue> {
-  #issueDetails: Protocol.Audits.WasmCrossOriginModuleSharingIssueDetails;
-
-  constructor(
-      issueDetails: Protocol.Audits.WasmCrossOriginModuleSharingIssueDetails,
-      issuesModel: SDK.IssuesModel.IssuesModel) {
-    super(Protocol.Audits.InspectorIssueCode.WasmCrossOriginModuleSharingIssue, issuesModel);
-    this.#issueDetails = issueDetails;
-  }
-
-  getCategory(): IssueCategory {
-    return IssueCategory.Other;
-  }
-
-  details(): Protocol.Audits.WasmCrossOriginModuleSharingIssueDetails {
-    return this.#issueDetails;
-  }
-
-  getDescription(): MarkdownIssueDescription|null {
-    return {
-      file: 'wasmCrossOriginModuleSharing.md',
-      links: [{
-        link: 'https://developer.chrome.com/blog/wasm-module-sharing-restricted-to-same-origin/',
-        linkTitle: i18nString(UIStrings.linkTitle),
-      }],
-    };
-  }
-
-  primaryKey(): string {
-    return JSON.stringify(this.#issueDetails);
-  }
-
-  getKind(): IssueKind {
-    return this.#issueDetails.isWarning ? IssueKind.BreakingChange : IssueKind.PageError;
-  }
-
-  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
-      WasmCrossOriginModuleSharingIssue[] {
-    const details = inspectorIssue.details.wasmCrossOriginModuleSharingIssue;
-    if (!details) {
-      console.warn('WasmCrossOriginModuleSharing issue without details received.');
-      return [];
-    }
-    return [new WasmCrossOriginModuleSharingIssue(details, issuesModel)];
-  }
-}

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

@@ -1,5 +0,0 @@
-# Share WebAssembly modules only between same-origin environments
-
-Starting in Chrome M95, WebAssembly modules may only be shared between same-origin environments. This means that [same-site but cross-origin](sameSiteAndSameOrigin) environments won't be able to share WebAssembly modules via `postMessage` anymore.
-
-To fix this, ensure that WebAssembly modules are only transferred between environments of the same origin. If this is not possible, serve the WebAssembly module from the same origin.

package/front_end/panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts

@@ -1,90 +0,0 @@
-// Copyright 2021 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 Platform from '../../core/platform/platform.js';
-import type * as IssuesManager from '../../models/issues_manager/issues_manager.js';
-import type * as Protocol from '../../generated/protocol.js';
-
-import {AffectedResourcesView} from './AffectedResourcesView.js';
-
-const UIStrings = {
-  /**
-   * @description Label for number of affected resources indication in issue view. The number designates the number of attempts to transfer a module to cross-origin context.
-   *
-   */
-  nModuleTransfers: '{n, plural, =1 {# module} other {# modules}}',
-  /**
-  *@description Title for a column in an Wasm cross-origin module sharing affected resource view
-  */
-  wasmModuleUrl: 'Wasm Module URL',
-  /**
-   * @description Title for a column in an Wasm cross-origin module sharing affected resource view.
-   * The issue is about a transfer of a module between different origins (see  https://developer.mozilla.org/en-US/docs/Glossary/Origin).
-   * The transfer occurs from a source origin to a target origin.
-   */
-  sourceOrigin: 'Source Origin',
-  /**
-   * @description Title for a column in an Wasm cross-origin module sharing affected resource view.
-   * The issue is about a transfer of a module between different origins (see  https://developer.mozilla.org/en-US/docs/Glossary/Origin).
-   * The transfer occurs from a source origin to a target origin.
-   */
-  targetOrigin: 'Target Origin',
-  /**
-  *@description Title for a column in an Wasm cross-origin module sharing affected resource view
-  */
-  status: 'Status',
-  /**
-  * @description Indicates that the Wasm module transfer was blocked.
-  */
-  blocked: 'blocked',
-  /**
-  * @description Indicated that the Wasm module transfer was not blocked, but only warned about.
-  */
-  warned: 'warning',
-};
-const str_ =
-    i18n.i18n.registerUIStrings('panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts', UIStrings);
-const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
-
-export class WasmCrossOriginModuleSharingAffectedResourcesView extends AffectedResourcesView {
-  #appendIssues(issues: Iterable<IssuesManager.WasmCrossOriginModuleSharingIssue.WasmCrossOriginModuleSharingIssue>):
-      void {
-    const header = document.createElement('tr');
-    this.appendColumnTitle(header, i18nString(UIStrings.wasmModuleUrl));
-    this.appendColumnTitle(header, i18nString(UIStrings.sourceOrigin));
-    this.appendColumnTitle(header, i18nString(UIStrings.targetOrigin));
-    this.appendColumnTitle(header, i18nString(UIStrings.status));
-
-    this.affectedResources.appendChild(header);
-
-    let count = 0;
-    for (const issue of issues) {
-      this.#appendDetails(issue.details());
-      count++;
-    }
-    this.updateAffectedResourceCount(count);
-  }
-
-  protected getResourceNameWithCount(count: number): Platform.UIString.LocalizedString {
-    return i18nString(UIStrings.nModuleTransfers, {n: count});
-  }
-
-  #appendDetails(details: Protocol.Audits.WasmCrossOriginModuleSharingIssueDetails): void {
-    const element = document.createElement('tr');
-
-    element.appendChild(this.createIssueDetailCell(details.wasmModuleUrl));
-    element.appendChild(this.createIssueDetailCell(details.sourceOrigin));
-    element.appendChild(this.createIssueDetailCell(details.targetOrigin));
-    element.appendChild(
-        this.createIssueDetailCell(details.isWarning ? i18nString(UIStrings.warned) : i18nString(UIStrings.blocked)));
-
-    this.affectedResources.appendChild(element);
-  }
-
-  update(): void {
-    this.clear();
-    this.#appendIssues(this.issue.getWasmCrossOriginModuleSharingIssue());
-  }
-}