chrome-devtools-frontend 1.0.1027602 → 1.0.1029149

package/front_end/panels/network/components/RequestHeadersView.ts

@@ -10,6 +10,7 @@ import {assertNotNullOrUndefined} from '../../../core/platform/platform.js';
 import * as SDK from '../../../core/sdk/sdk.js';
 import * as Protocol from '../../../generated/protocol.js';
 import * as IssuesManager from '../../../models/issues_manager/issues_manager.js';
+import * as ClientVariations from '../../../third_party/chromium/client-variations/client-variations.js';
 import * as Buttons from '../../../ui/components/buttons/buttons.js';
 import * as ComponentHelpers from '../../../ui/components/helpers/helpers.js';
 import * as IconButton from '../../../ui/components/icon_button/icon_button.js';
@@ -23,12 +24,24 @@ const RAW_HEADER_CUTOFF = 3000;
 const {render, html} = LitHtml;
 
 const UIStrings = {
+  /**
+  *@description Comment used in decoded X-Client-Data HTTP header output in Headers View of the Network panel
+  */
+  activeClientExperimentVariation: 'Active `client experiment variation IDs`.',
+  /**
+  *@description Comment used in decoded X-Client-Data HTTP header output in Headers View of the Network panel
+  */
+  activeClientExperimentVariationIds: 'Active `client experiment variation IDs` that trigger server-side behavior.',
   /**
   *@description Text in Headers View of the Network panel
   */
   chooseThisOptionIfTheResourceAnd:
       'Choose this option if the resource and the document are served from the same site.',
   /**
+  *@description Text in Headers View of the Network panel for X-Client-Data HTTP headers
+  */
+  decoded: 'Decoded:',
+  /**
   *@description Text in Request Headers View of the Network panel
   */
   fromDiskCache: '(from disk cache)',
@@ -247,6 +260,18 @@ export class RequestHeadersComponent extends HTMLElement {
 
     const mergedHeaders = mergeHeadersWithIssues(this.#request.sortedResponseHeaders.slice(), headersWithIssues);
 
+    const blockedResponseCookies = this.#request.blockedResponseCookies();
+    const blockedCookieLineToReasons = new Map<string, Protocol.Network.SetCookieBlockedReason[]>(
+        blockedResponseCookies?.map(c => [c.cookieLine, c.blockedReasons]));
+    for (const header of mergedHeaders) {
+      if (header.name.toLowerCase() === 'set-cookie' && header.value) {
+        const matchingBlockedReasons = blockedCookieLineToReasons.get(header.value.toString());
+        if (matchingBlockedReasons) {
+          header.setCookieBlockedReasons = matchingBlockedReasons;
+        }
+      }
+    }
+
     const toggleShowRaw = (): void => {
       this.#showResponseHeadersText = !this.#showResponseHeadersText;
       this.#render();
@@ -271,6 +296,7 @@ export class RequestHeadersComponent extends HTMLElement {
         `}
       </${Category.litTagName}>
     `;
+    // clang-format on
   }
 
   #renderRequestHeaders(): LitHtml.TemplateResult {
@@ -307,6 +333,7 @@ export class RequestHeadersComponent extends HTMLElement {
         `}
       </${Category.litTagName}>
     `;
+    // clang-format on
   }
 
   #maybeRenderProvisionalHeadersWarning(): LitHtml.LitTemplate {
@@ -323,14 +350,16 @@ export class RequestHeadersComponent extends HTMLElement {
     } else {
       cautionText = i18nString(UIStrings.provisionalHeadersAreShown);
     }
+    // Disabled until https://crbug.com/1079231 is fixed.
+    // clang-format off
     return html`
       <div class="call-to-action">
         <div class="call-to-action-body">
           <div class="explanation" title=${cautionTitle}>
             <${IconButton.Icon.Icon.litTagName} class="inline-icon" .data=${{
-              iconName: 'warning_icon',
-              width: '12px',
-              height: '12px',
+                iconName: 'clear-warning_icon',
+                width: '12px',
+                height: '12px',
               } as IconButton.Icon.IconData}>
             </${IconButton.Icon.Icon.litTagName}>
             ${cautionText} <x-link href="https://developer.chrome.com/docs/devtools/network/reference/#provisional-headers" class="link">${i18nString(UIStrings.learnMore)}</x-link>
@@ -338,27 +367,74 @@ export class RequestHeadersComponent extends HTMLElement {
         </div>
       </div>
     `;
+    // clang-format on
   }
 
   #renderHeader(header: HeaderDescriptor): LitHtml.TemplateResult {
+    // Disabled until https://crbug.com/1079231 is fixed.
+    // clang-format off
     return html`
       <div class="row">
-        <div class="header-name">${header.headerNotSet ? html`<div class="header-badge header-badge-text">not-set</div>` : ''}${header.name}:</div>
-        <div class="header-value ${header.headerValueIncorrect ? 'header-warning' : ''}">${header.value?.toString()||''}</div>
+        <div class="header-name">
+          ${header.headerNotSet ?
+            html`<div class="header-badge header-badge-text">${i18n.i18n.lockedString('not-set')}</div>` :
+            LitHtml.nothing
+          }${header.name}:
+        </div>
+        <div class="header-value ${header.headerValueIncorrect ? 'header-warning' : ''}">
+          ${header.value?.toString() || ''}
+          ${this.#maybeRenderHeaderValueSuffix(header)}
+        </div>
       </div>
-      ${this.#maybeRenderHeaderDetails(header.details)}
+      ${this.#maybeRenderBlockedDetails(header.blockedDetails)}
     `;
+    // clang-format on
+  }
+
+  #maybeRenderHeaderValueSuffix(header: HeaderDescriptor): LitHtml.LitTemplate {
+    const headerId = header.name.toLowerCase();
+
+    if (headerId === 'set-cookie' && header.setCookieBlockedReasons) {
+      const titleText =
+          header.setCookieBlockedReasons.map(SDK.NetworkRequest.setCookieBlockedReasonToUiString).join('\n');
+      // Disabled until https://crbug.com/1079231 is fixed.
+      // clang-format off
+      return html`
+        <${IconButton.Icon.Icon.litTagName} class="inline-icon" title=${titleText} .data=${{
+            iconName: 'clear-warning_icon',
+            width: '12px',
+            height: '12px',
+          } as IconButton.Icon.IconData}>
+        </${IconButton.Icon.Icon.litTagName}>
+      `;
+      // clang-format on
+    }
+
+    if (headerId === 'x-client-data') {
+      const data = ClientVariations.parseClientVariations(header.value?.toString() || '');
+      const output = ClientVariations.formatClientVariations(
+          data, i18nString(UIStrings.activeClientExperimentVariation),
+          i18nString(UIStrings.activeClientExperimentVariationIds));
+      return html`
+        <div>${i18nString(UIStrings.decoded)}</div>
+        <code>${output}</code>
+      `;
+    }
+
+    return LitHtml.nothing;
   }
 
-  #maybeRenderHeaderDetails(headerDetails?: HeaderDetailsDescriptor): LitHtml.LitTemplate {
-    if (!headerDetails) {
+  #maybeRenderBlockedDetails(blockedDetails?: BlockedDetailsDescriptor): LitHtml.LitTemplate {
+    if (!blockedDetails) {
       return LitHtml.nothing;
     }
+    // Disabled until https://crbug.com/1079231 is fixed.
+    // clang-format off
     return html`
       <div class="call-to-action">
         <div class="call-to-action-body">
-          <div class="explanation">${headerDetails.explanation()}</div>
-          ${headerDetails.examples.map(example => html`
+          <div class="explanation">${blockedDetails.explanation()}</div>
+          ${blockedDetails.examples.map(example => html`
             <div class="example">
               <code>${example.codeSnippet}</code>
               ${example.comment ? html`
@@ -366,13 +442,14 @@ export class RequestHeadersComponent extends HTMLElement {
               ` : ''}
             </div>
           `)}
-          ${this.#maybeRenderHeaderDetailsLink(headerDetails)}
+          ${this.#maybeRenderBlockedDetailsLink(blockedDetails)}
         </div>
       </div>
     `;
+    // clang-format on
   }
 
-  #maybeRenderHeaderDetailsLink(headerDetails?: HeaderDetailsDescriptor): LitHtml.LitTemplate {
+  #maybeRenderBlockedDetailsLink(blockedDetails?: BlockedDetailsDescriptor): LitHtml.LitTemplate {
     if (this.#request && IssuesManager.RelatedIssue.hasIssueOfCategory(this.#request, IssuesManager.Issue.IssueCategory.CrossOriginEmbedderPolicy)) {
       const followLink = (): void => {
         Host.userMetrics.issuesPanelOpenedFrom(Host.UserMetrics.IssueOpener.LearnMoreLinkCOEP);
@@ -394,9 +471,11 @@ export class RequestHeadersComponent extends HTMLElement {
         </div>
       `;
     }
-    if (headerDetails?.link) {
+    if (blockedDetails?.link) {
+      // Disabled until https://crbug.com/1079231 is fixed.
+      // clang-format off
       return html`
-        <x-link href=${headerDetails.link.url} class="link">
+        <x-link href=${blockedDetails.link.url} class="link">
           <${IconButton.Icon.Icon.litTagName} class="inline-icon" .data=${{
             iconName: 'link_icon',
             color: 'var(--color-link)',
@@ -407,6 +486,7 @@ export class RequestHeadersComponent extends HTMLElement {
           >${i18nString(UIStrings.learnMore)}
         </x-link>
       `;
+      // clang-format on
     }
     return LitHtml.nothing;
   }
@@ -627,7 +707,7 @@ declare global {
   }
 }
 
-interface HeaderDetailsDescriptor {
+interface BlockedDetailsDescriptor {
   explanation: () => string;
   examples: Array<{
     codeSnippet: string,
@@ -642,8 +722,9 @@ interface HeaderDescriptor {
   name: string;
   value: Object|null;
   headerValueIncorrect?: boolean|null;
-  details?: HeaderDetailsDescriptor;
+  blockedDetails?: BlockedDetailsDescriptor;
   headerNotSet: boolean|null;
+  setCookieBlockedReasons?: Protocol.Network.SetCookieBlockedReason[];
 }
 
 const BlockedReasonDetails = new Map<Protocol.Network.BlockedReason, HeaderDescriptor>([
@@ -653,7 +734,7 @@ const BlockedReasonDetails = new Map<Protocol.Network.BlockedReason, HeaderDescr
       name: 'cross-origin-embedder-policy',
       value: null,
       headerValueIncorrect: null,
-      details: {
+      blockedDetails: {
         explanation: i18nLazyString(UIStrings.toEmbedThisFrameInYourDocument),
         examples: [{codeSnippet: 'Cross-Origin-Embedder-Policy: require-corp', comment: undefined}],
         link: {url: 'https://web.dev/coop-coep/'},
@@ -667,7 +748,7 @@ const BlockedReasonDetails = new Map<Protocol.Network.BlockedReason, HeaderDescr
       name: 'cross-origin-resource-policy',
       value: null,
       headerValueIncorrect: null,
-      details: {
+      blockedDetails: {
         explanation: i18nLazyString(UIStrings.toUseThisResourceFromADifferent),
         examples: [
           {
@@ -690,7 +771,7 @@ const BlockedReasonDetails = new Map<Protocol.Network.BlockedReason, HeaderDescr
       name: 'cross-origin-opener-policy',
       value: null,
       headerValueIncorrect: false,
-      details: {
+      blockedDetails: {
         explanation: i18nLazyString(UIStrings.thisDocumentWasBlockedFrom),
         examples: [],
         link: {url: 'https://web.dev/coop-coep/'},
@@ -704,7 +785,7 @@ const BlockedReasonDetails = new Map<Protocol.Network.BlockedReason, HeaderDescr
       name: 'cross-origin-resource-policy',
       value: null,
       headerValueIncorrect: true,
-      details: {
+      blockedDetails: {
         explanation: i18nLazyString(UIStrings.toUseThisResourceFromADifferentSite),
         examples: [
           {
@@ -723,7 +804,7 @@ const BlockedReasonDetails = new Map<Protocol.Network.BlockedReason, HeaderDescr
       name: 'cross-origin-resource-policy',
       value: null,
       headerValueIncorrect: true,
-      details: {
+      blockedDetails: {
         explanation: i18nLazyString(UIStrings.toUseThisResourceFromADifferentOrigin),
         examples: [
           {

package/front_end/panels/network/network-meta.ts

@@ -108,6 +108,11 @@ const UIStrings = {
   *@description Title of a setting under the Network category that can be invoked through the Command Menu
   */
   dontGroupNetworkLogItemsByFrame: 'Don\'t group network log items by frame',
+  /**
+   * @description Label of a checkbox in the DevTools settings UI.
+   */
+  enableUNCLoading:
+      'Allow `DevTools` to load resources, such as source maps, from Windows Shares via `UNC` paths. Disabled by default for security reasons.',
 };
 const str_ = i18n.i18n.registerUIStrings('panels/network/network-meta.ts', UIStrings);
 const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
@@ -316,6 +321,17 @@ Common.Settings.registerSettingExtension({
   ],
 });
 
+// While this setting is used by the Network module, we place it under the
+// "sources" category as source map loading is the dominant use case.
+Common.Settings.registerSettingExtension({
+  category: Common.Settings.SettingCategory.SOURCES,
+  storageType: Common.Settings.SettingStorageType.Synced,
+  title: i18nLazyString(UIStrings.enableUNCLoading),
+  settingName: 'network.enable-unc-loading',
+  settingType: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: false,
+});
+
 UI.ViewManager.registerLocationResolver({
   name: UI.ViewManager.ViewLocationValues.NETWORK_SIDEBAR,
   category: UI.ViewManager.ViewLocationCategoryValues.NETWORK,

package/front_end/panels/timeline/TimelineLoader.ts

@@ -98,7 +98,8 @@ export class TimelineLoader implements Common.StringOutputStream.OutputStream {
 
   static loadFromURL(url: Platform.DevToolsPath.UrlString, client: Client): TimelineLoader {
     const loader = new TimelineLoader(client);
-    Host.ResourceLoader.loadAsStream(url, null, loader);
+    const allowFileUNCPaths = Common.Settings.Settings.instance().moduleSetting('network.enable-unc-loading').get();
+    Host.ResourceLoader.loadAsStream(url, null, loader, undefined, allowFileUNCPaths);
     return loader;
   }
 

package/front_end/ui/components/linear_memory_inspector/LinearMemoryInspectorController.ts

@@ -111,6 +111,7 @@ type SerializableSettings = {
 export class LinearMemoryInspectorController extends SDK.TargetManager.SDKModelObserver<SDK.RuntimeModel.RuntimeModel> {
   #paneInstance = LinearMemoryInspectorPaneImpl.instance();
   #bufferIdToRemoteObject: Map<string, SDK.RemoteObject.RemoteObject> = new Map();
+  #bufferIdToHighlightInfo: Map<string, HighlightInfo> = new Map();
   #settings: Common.Settings.Setting<SerializableSettings>;
 
   private constructor() {
@@ -178,6 +179,18 @@ export class LinearMemoryInspectorController extends SDK.TargetManager.SDKModelO
     };
   }
 
+  getHighlightInfo(bufferId: string): HighlightInfo|undefined {
+    return this.#bufferIdToHighlightInfo.get(bufferId);
+  }
+
+  #setHighlightInfo(bufferId: string, highlightInfo: HighlightInfo): void {
+    this.#bufferIdToHighlightInfo.set(bufferId, highlightInfo);
+  }
+
+  #resetHighlightInfo(bufferId: string): void {
+    this.#bufferIdToHighlightInfo.delete(bufferId);
+  }
+
   static async retrieveDWARFMemoryObjectAndAddress(obj: SDK.RemoteObject.RemoteObject):
       Promise<{obj: SDK.RemoteObject.RemoteObject, address: number}|undefined> {
     if (obj instanceof Bindings.DebuggerLanguagePlugins.ExtensionRemoteObject) {
@@ -253,8 +266,6 @@ export class LinearMemoryInspectorController extends SDK.TargetManager.SDKModelO
       memoryObj = response.obj;
     }
 
-    const highlightInfo = this.#extractHighlightInfo(obj, memoryAddress);
-
     if (memoryAddress !== undefined) {
       Host.userMetrics.linearMemoryInspectorTarget(
           Host.UserMetrics.LinearMemoryInspectorTarget.DWARFInspectableAddress);
@@ -277,9 +288,14 @@ export class LinearMemoryInspectorController extends SDK.TargetManager.SDKModelO
     }
     const memoryProperty = internalProperties?.find(({name}) => name === '[[WebAssemblyMemory]]');
     const memory = memoryProperty?.value;
-
+    const highlightInfo = LinearMemoryInspectorController.extractHighlightInfo(obj, memoryAddress);
+    if (highlightInfo !== undefined) {
+      this.#setHighlightInfo(id, highlightInfo);
+    } else {
+      this.#resetHighlightInfo(id);
+    }
     if (this.#bufferIdToRemoteObject.has(id)) {
-      this.#paneInstance.reveal(id, memoryAddress, highlightInfo);
+      this.#paneInstance.reveal(id, memoryAddress);
       void UI.ViewManager.ViewManager.instance().showView('linear-memory-inspector');
       return;
     }
@@ -288,11 +304,11 @@ export class LinearMemoryInspectorController extends SDK.TargetManager.SDKModelO
     this.#bufferIdToRemoteObject.set(id, buffer.object());
     const arrayBufferWrapper = new RemoteArrayBufferWrapper(buffer);
 
-    this.#paneInstance.create(id, title, arrayBufferWrapper, memoryAddress, highlightInfo);
+    this.#paneInstance.create(id, title, arrayBufferWrapper, memoryAddress);
     void UI.ViewManager.ViewManager.instance().showView('linear-memory-inspector');
   }
 
-  #extractHighlightInfo(obj: SDK.RemoteObject.RemoteObject, memoryAddress?: number): HighlightInfo|undefined {
+  static extractHighlightInfo(obj: SDK.RemoteObject.RemoteObject, memoryAddress?: number): HighlightInfo|undefined {
     let highlightInfo;
     if (obj instanceof Bindings.DebuggerLanguagePlugins.ValueNode) {
       try {
@@ -311,6 +327,7 @@ export class LinearMemoryInspectorController extends SDK.TargetManager.SDKModelO
     for (const [bufferId, remoteObject] of this.#bufferIdToRemoteObject) {
       if (model === remoteObject.runtimeModel()) {
         this.#bufferIdToRemoteObject.delete(bufferId);
+        this.#resetHighlightInfo(bufferId);
         this.#paneInstance.close(bufferId);
       }
     }
@@ -320,7 +337,7 @@ export class LinearMemoryInspectorController extends SDK.TargetManager.SDKModelO
     const debuggerModel = event.data;
     for (const [bufferId, remoteObject] of this.#bufferIdToRemoteObject) {
       if (debuggerModel.runtimeModel() === remoteObject.runtimeModel()) {
-        this.#paneInstance.resetHighlightInfo(bufferId);
+        this.#resetHighlightInfo(bufferId);
         this.#paneInstance.refreshView(bufferId);
       }
     }
@@ -336,5 +353,6 @@ export class LinearMemoryInspectorController extends SDK.TargetManager.SDKModelO
       remoteObj.release();
     }
     this.#bufferIdToRemoteObject.delete(bufferId);
+    this.#resetHighlightInfo(bufferId);
   }
 }

package/front_end/ui/components/linear_memory_inspector/LinearMemoryInspectorPane.ts

@@ -84,14 +84,13 @@ export class LinearMemoryInspectorPaneImpl extends Common.ObjectWrapper.eventMix
   getViewForTabId(tabId: string): LinearMemoryInspectorView {
     const view = this.#tabIdToInspectorView.get(tabId);
     if (!view) {
-      throw new Error(`No linear memory inspector view for given tab id: ${tabId}`);
+      throw new Error(`No linear memory inspector view for the given tab id: ${tabId}`);
     }
     return view;
   }
 
-  create(tabId: string, title: string, arrayWrapper: LazyUint8Array, address?: number, highlightInfo?: HighlightInfo):
-      void {
-    const inspectorView = new LinearMemoryInspectorView(arrayWrapper, address, highlightInfo);
+  create(tabId: string, title: string, arrayWrapper: LazyUint8Array, address?: number): void {
+    const inspectorView = new LinearMemoryInspectorView(arrayWrapper, address, tabId);
     this.#tabIdToInspectorView.set(tabId, inspectorView);
     this.#tabbedPane.appendTab(tabId, title, inspectorView, undefined, false, true);
     this.#tabbedPane.selectTab(tabId);
@@ -101,15 +100,12 @@ export class LinearMemoryInspectorPaneImpl extends Common.ObjectWrapper.eventMix
     this.#tabbedPane.closeTab(tabId, false);
   }
 
-  reveal(tabId: string, address?: number, highlightInfo?: HighlightInfo): void {
+  reveal(tabId: string, address?: number): void {
     const view = this.getViewForTabId(tabId);
 
     if (address !== undefined) {
       view.updateAddress(address);
     }
-    if (highlightInfo !== undefined) {
-      view.updateHighlightInfo(highlightInfo);
-    }
     this.refreshView(tabId);
     this.#tabbedPane.selectTab(tabId);
   }
@@ -119,11 +115,6 @@ export class LinearMemoryInspectorPaneImpl extends Common.ObjectWrapper.eventMix
     view.refreshData();
   }
 
-  resetHighlightInfo(tabId: string): void {
-    const view = this.getViewForTabId(tabId);
-    view.updateHighlightInfo(undefined);
-  }
-
   #tabClosed(event: Common.EventTarget.EventTargetEvent<UI.TabbedPane.EventData>): void {
     const {tabId} = event.data;
     this.#tabIdToInspectorView.delete(tabId);
@@ -142,10 +133,10 @@ export type EventTypes = {
 class LinearMemoryInspectorView extends UI.Widget.VBox {
   #memoryWrapper: LazyUint8Array;
   #address: number;
-  #highlightInfo?: HighlightInfo;
+  #tabId: string;
   #inspector: LinearMemoryInspector;
   firstTimeOpen: boolean;
-  constructor(memoryWrapper: LazyUint8Array, address: number|undefined = 0, highlightInfo?: HighlightInfo) {
+  constructor(memoryWrapper: LazyUint8Array, address: number|undefined = 0, tabId: string) {
     super(false);
 
     if (address < 0 || address >= memoryWrapper.length()) {
@@ -154,7 +145,7 @@ class LinearMemoryInspectorView extends UI.Widget.VBox {
 
     this.#memoryWrapper = memoryWrapper;
     this.#address = address;
-    this.#highlightInfo = highlightInfo;
+    this.#tabId = tabId;
     this.#inspector = new LinearMemoryInspector();
     this.#inspector.addEventListener('memoryrequest', (event: MemoryRequestEvent) => {
       this.#memoryRequested(event);
@@ -186,18 +177,6 @@ class LinearMemoryInspectorView extends UI.Widget.VBox {
     this.#address = address;
   }
 
-  updateHighlightInfo(highlightInfo?: HighlightInfo): void {
-    if (highlightInfo !== undefined) {
-      if (highlightInfo.startAddress < 0 || highlightInfo.startAddress >= this.#memoryWrapper.length()) {
-        throw new Error('Highlight info start address is out of bounds.');
-      }
-      if (highlightInfo.size < 0) {
-        throw new Error('Highlight size cannot be negative.');
-      }
-    }
-    this.#highlightInfo = highlightInfo;
-  }
-
   refreshData(): void {
     void LinearMemoryInspectorController.getMemoryForAddress(this.#memoryWrapper, this.#address).then(({
                                                                                                         memory,
@@ -221,7 +200,7 @@ class LinearMemoryInspectorView extends UI.Widget.VBox {
         valueTypes,
         valueTypeModes,
         endianness,
-        highlightInfo: this.#highlightInfo,
+        highlightInfo: this.#getHighlightInfo(),
       };
     });
   }
@@ -238,8 +217,21 @@ class LinearMemoryInspectorView extends UI.Widget.VBox {
         address: address,
         memoryOffset: start,
         outerMemoryLength: this.#memoryWrapper.length(),
-        highlightInfo: this.#highlightInfo,
+        highlightInfo: this.#getHighlightInfo(),
       };
     });
   }
+
+  #getHighlightInfo(): HighlightInfo|undefined {
+    const highlightInfo = LinearMemoryInspectorController.instance().getHighlightInfo(this.#tabId);
+    if (highlightInfo !== undefined) {
+      if (highlightInfo.startAddress < 0 || highlightInfo.startAddress >= this.#memoryWrapper.length()) {
+        throw new Error('Highlight info start address is out of bounds.');
+      }
+      if (highlightInfo.size <= 0) {
+        throw new Error('Highlight size must be a positive number.');
+      }
+    }
+    return highlightInfo;
+  }
 }

package/front_end/ui/legacy/SplitWidget.ts

@@ -719,6 +719,7 @@ export class SplitWidget extends Common.ObjectWrapper.eventMixin<EventTypes, typ
   }
 
   hideDefaultResizer(noSplitter?: boolean): void {
+    this.resizerElementInternal.classList.toggle('hidden', Boolean(noSplitter));
     this.uninstallResizer(this.resizerElementInternal);
     this.sidebarElementInternal.classList.toggle('no-default-splitter', Boolean(noSplitter));
   }

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

@@ -224,7 +224,7 @@ export class ObjectPropertiesSection extends UI.TreeOutline.TreeOutlineInShadow
     }
 
     const includedWebIdlTypes = webIdlType.includes?.map(className => domPinnedProperties[className]) ?? [];
-    const includedWebIdlProps = includedWebIdlTypes.flatMap(webIdlType => Object.entries(webIdlType.props ?? {}));
+    const includedWebIdlProps = includedWebIdlTypes.flatMap(webIdlType => Object.entries(webIdlType?.props ?? {}));
     const webIdlProps = {...webIdlType.props, ...Object.fromEntries(includedWebIdlProps)};
 
     for (const property of properties) {

package/front_end/ui/legacy/components/source_frame/SourceFrame.ts

@@ -437,6 +437,8 @@ export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes,
       progressIndicator.setTotalWork(100);
       this.progressToolbarItem.element.appendChild(progressIndicator.element);
 
+      progressIndicator.setWorked(1);
+
       const deferredContent = await this.lazyContent();
       let error, content;
       if (deferredContent.content === null) {
@@ -448,57 +450,13 @@ export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes,
           const view = new DataView(Common.Base64.decode(deferredContent.content));
           const decoder = new TextDecoder();
           this.rawContent = decoder.decode(view, {stream: true});
+        } else if ('wasmDisassemblyInfo' in deferredContent && deferredContent.wasmDisassemblyInfo) {
+          const {wasmDisassemblyInfo} = deferredContent;
+          this.rawContent = CodeMirror.Text.of(wasmDisassemblyInfo.lines);
+          this.wasmDisassemblyInternal = wasmDisassemblyInfo;
         } else {
-          this.rawContent = deferredContent.content;
-        }
-      }
-
-      progressIndicator.setWorked(1);
-
-      if (!error && this.contentType === 'application/wasm') {
-        const worker = Common.Worker.WorkerWrapper.fromURL(
-            new URL('../../../../entrypoints/wasmparser_worker/wasmparser_worker-entrypoint.js', import.meta.url));
-        const promise = new Promise<{
-          lines: string[],
-          offsets: number[],
-          functionBodyOffsets: {
-            start: number,
-            end: number,
-          }[],
-        }>((resolve, reject) => {
-          worker.onmessage =
-              // TODO(crbug.com/1172300) Ignored during the jsdoc to ts migration)
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              ({data}: MessageEvent<any>): void => {
-                if ('event' in data) {
-                  switch (data.event) {
-                    case 'progress':
-                      progressIndicator.setWorked(data.params.percentage);
-                      break;
-                  }
-                } else if ('method' in data) {
-                  switch (data.method) {
-                    case 'disassemble':
-                      if ('error' in data) {
-                        reject(data.error);
-                      } else if ('result' in data) {
-                        resolve(data.result);
-                      }
-                      break;
-                  }
-                }
-              };
-          worker.onerror = reject;
-        });
-        worker.postMessage({method: 'disassemble', params: {content}});
-        try {
-          const {lines, offsets, functionBodyOffsets} = await promise;
-          this.rawContent = content = CodeMirror.Text.of(lines);
-          this.wasmDisassemblyInternal = new Common.WasmDisassembly.WasmDisassembly(offsets, functionBodyOffsets);
-        } catch (e) {
-          this.rawContent = content = error = e.message;
-        } finally {
-          worker.terminate();
+          this.rawContent = content;
+          this.wasmDisassemblyInternal = null;
         }
       }
 
@@ -514,7 +472,7 @@ export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes,
         this.textEditor.editor.setState(this.placeholderEditorState(error));
         this.prettyToggle.setEnabled(false);
       } else {
-        if (this.shouldAutoPrettyPrint && TextUtils.TextUtils.isMinified(content)) {
+        if (this.shouldAutoPrettyPrint && TextUtils.TextUtils.isMinified(content || '')) {
           await this.setPretty(true);
         } else {
           await this.setContent(this.rawContent || '');

package/package.json

@@ -55,5 +55,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.1027602"
+  "version": "1.0.1029149"
 }

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

@@ -1,4 +0,0 @@
-# Ensure an attribution source triggers in a secure context
-
-An attribution source event was not recorded because the frame that triggered the event (or the main frame if they
-are different) is not trustworthy.

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

@@ -1,5 +0,0 @@
-# Ensure the origins provided in an attribution source are trustworthy
-
-An attribution source event was not recorded because an untrustworthy origin was specified.
-Both, the `attributiondestination` and the `attributionreportto` origins must be
-trustworthy.

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

@@ -1,4 +0,0 @@
-# Ensure an attribution triggers in a secure context
-
-An attribution was not recorded because the frame that triggered the attribution (or the main frame if they
-are different) is not trustworthy.

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

@@ -1,4 +0,0 @@
-# Ensure the origin of an attribution-registration request is trustworthy
-
-An attribution source or trigger was not registered because the origin of the
-request was not trustworthy.

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

@@ -1,3 +0,0 @@
-# Ensure that Attribution Reporting API response headers are valid
-
-This page tries to use the Attribution Reporting API but failed because a response header was invalid.