chrome-devtools-frontend 1.0.1529186 → 1.0.1529904

package/front_end/core/common/Gzip.ts

@@ -49,16 +49,18 @@ export async function compress(str: string): Promise<ArrayBuffer> {
 }
 
 /** Private coder/decoder **/
-function gzipCodec(buffer: Uint8Array<ArrayBufferLike>|ArrayBuffer, codecStream: CompressionStream|DecompressionStream):
-    Promise<ArrayBuffer> {
-  const {readable, writable} = new TransformStream();
+async function gzipCodec(
+    buffer: Uint8Array<ArrayBufferLike>|ArrayBuffer,
+    codecStream: CompressionStream|DecompressionStream): Promise<ArrayBuffer> {
+  const readable = new ReadableStream({
+    start(controller) {
+      controller.enqueue(buffer);
+      controller.close();
+    }
+  });
   const codecReadable = readable.pipeThrough(codecStream);
-
-  const writer = writable.getWriter();
-  void writer.write(buffer);
-  void writer.close();
   // A response is a convenient way to get an ArrayBuffer from a ReadableStream.
-  return new Response(codecReadable).arrayBuffer();
+  return await new Response(codecReadable).arrayBuffer();
 }
 
 export function decompressStream(stream: ReadableStream): ReadableStream {

package/front_end/core/sdk/SourceMap.ts

@@ -779,6 +779,16 @@ export class SourceMap {
     this.#ensureSourceMapProcessed();
     return this.#scopesInfo?.findOriginalFunctionName(position) ?? null;
   }
+
+  isOutlinedFrame(generatedLine: number, generatedColumn: number): boolean {
+    this.#ensureSourceMapProcessed();
+    return this.#scopesInfo?.isOutlinedFrame(generatedLine, generatedColumn) ?? false;
+  }
+
+  hasInlinedFrames(generatedLine: number, generatedColumn: number): boolean {
+    this.#ensureSourceMapProcessed();
+    return this.#scopesInfo?.hasInlinedFrames(generatedLine, generatedColumn) ?? false;
+  }
 }
 
 const VLQ_BASE_SHIFT = 5;

package/front_end/generated/SupportedCSSProperties.js

@@ -3759,6 +3759,13 @@ export const generatedProperties = [
   ],
   "name": "rule"
  },
+ {
+  "longhands": [
+   "row-rule-break",
+   "column-rule-break"
+  ],
+  "name": "rule-break"
+ },
  {
   "longhands": [
    "column-rule-color",

package/front_end/models/bindings/CompilerScriptMapping.ts

@@ -5,7 +5,8 @@
 import * as Common from '../../core/common/common.js';
 import * as Platform from '../../core/platform/platform.js';
 import * as SDK from '../../core/sdk/sdk.js';
-import type * as StackTraceImpl from '../stack_trace/stack_trace_impl.js';
+// eslint-disable-next-line rulesdir/es-modules-import
+import * as StackTraceImpl from '../stack_trace/stack_trace_impl.js';
 import * as TextUtils from '../text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
@@ -43,12 +44,14 @@ export class CompilerScriptMapping implements DebuggerSourceMapping {
   readonly #sourceMapToProject = new Map<SDK.SourceMap.SourceMap, ContentProviderBasedProject>();
   readonly #uiSourceCodeToSourceMaps =
       new Platform.MapUtilities.Multimap<Workspace.UISourceCode.UISourceCode, SDK.SourceMap.SourceMap>();
+  readonly #debuggerModel: SDK.DebuggerModel.DebuggerModel;
 
   constructor(
       debuggerModel: SDK.DebuggerModel.DebuggerModel, workspace: Workspace.Workspace.WorkspaceImpl,
       debuggerWorkspaceBinding: DebuggerWorkspaceBinding) {
     this.#sourceMapManager = debuggerModel.sourceMapManager();
     this.#debuggerWorkspaceBinding = debuggerWorkspaceBinding;
+    this.#debuggerModel = debuggerModel;
 
     this.#stubProject = new ContentProviderBasedProject(
         workspace, 'jsSourceMaps:stub:' + debuggerModel.target().id(), Workspace.Workspace.projectTypes.Service, '',
@@ -266,9 +269,56 @@ export class CompilerScriptMapping implements DebuggerSourceMapping {
   }
 
   translateRawFramesStep(
-      _rawFrames: StackTraceImpl.Trie.RawFrame[],
-      _translatedFrames: Awaited<ReturnType<StackTraceImpl.StackTraceModel.TranslateRawFrames>>): boolean {
-    // TODO(crbug.com/433162438): Implement source map stack trace translation.
+      rawFrames: StackTraceImpl.Trie.RawFrame[],
+      translatedFrames: Awaited<ReturnType<StackTraceImpl.StackTraceModel.TranslateRawFrames>>): boolean {
+    const frame = rawFrames[0];
+    if (StackTraceImpl.Trie.isBuiltinFrame(frame)) {
+      return false;
+    }
+
+    const sourceMapWithScopeInfoForFrame =
+        (rawFrame: StackTraceImpl.Trie.RawFrame): {sourceMap: SDK.SourceMap.SourceMap, script: SDK.Script.Script}|
+        null => {
+          const script = this.#debuggerModel.scriptForId(rawFrame.scriptId ?? '');
+          if (!script || this.#stubUISourceCodes.has(script)) {
+            // Use fallback while source map is being loaded.
+            return null;
+          }
+
+          const sourceMap = script.sourceMap();
+          return sourceMap?.hasScopeInfo() ? {sourceMap, script} : null;
+        };
+
+    const sourceMapAndScript = sourceMapWithScopeInfoForFrame(frame);
+    if (!sourceMapAndScript) {
+      return false;
+    }
+    const {sourceMap, script} = sourceMapAndScript;
+    const {lineNumber, columnNumber} = script.relativeLocationToRawLocation(frame);
+
+    if (!sourceMap.hasInlinedFrames(lineNumber, columnNumber) && !sourceMap.isOutlinedFrame(lineNumber, columnNumber)) {
+      // No outlining or inlining: Get the original function name and map the call-site.
+      const mapping = sourceMap.findEntry(lineNumber, columnNumber);
+      if (!mapping?.sourceURL) {
+        return false;
+      }
+
+      const originalName = sourceMap.findOriginalFunctionName({line: lineNumber, column: columnNumber});
+      rawFrames.shift();
+      const project = this.#sourceMapToProject.get(sourceMap);
+      const uiSourceCode = project?.uiSourceCodeForURL(mapping.sourceURL);
+      translatedFrames.push([{
+        line: mapping.sourceLineNumber,
+        column: mapping.sourceColumnNumber,
+        name: originalName ?? undefined,
+        uiSourceCode: uiSourceCode ?? undefined,
+        url: uiSourceCode ? undefined : mapping.sourceURL
+      }]);
+      return true;
+    }
+
+    // TODO(crbug.com/433162438): Expand inlined frames.
+    // TODO(crbug.com/433162438): Consolidate outlined frames.
     return false;
   }
 

package/front_end/panels/console/ConsolePrompt.ts

@@ -170,8 +170,7 @@ export class ConsolePrompt extends Common.ObjectWrapper.eventMixin<EventTypes, t
           Common.Settings.Settings.instance().createSetting('ai-code-completion-teaser-dismissed', false);
       if (!this.aiCodeCompletionSetting.get() && !aiCodeCompletionTeaserDismissedSetting.get()) {
         this.teaser = new PanelCommon.AiCodeCompletionTeaser({onDetach: this.detachAiCodeCompletionTeaser.bind(this)});
-        extensions.push(this.placeholderCompartment.of(
-            TextEditor.AiCodeCompletionTeaserPlaceholder.aiCodeCompletionTeaserPlaceholder(this.teaser)));
+        extensions.push(this.placeholderCompartment.of([]));
       }
       extensions.push(TextEditor.Config.aiAutoCompleteSuggestion);
     }
@@ -580,9 +579,18 @@ export class ConsolePrompt extends Common.ObjectWrapper.eventMixin<EventTypes, t
       this.aidaAvailability = currentAidaAvailability;
       if (this.aidaAvailability === Host.AidaClient.AidaAccessPreconditions.AVAILABLE) {
         this.onAiCodeCompletionSettingChanged();
+        if (this.teaser) {
+          this.editor.dispatch({
+            effects: this.placeholderCompartment.reconfigure(
+                [TextEditor.AiCodeCompletionTeaserPlaceholder.aiCodeCompletionTeaserPlaceholder(this.teaser)])
+          });
+        }
       } else if (this.aiCodeCompletion) {
         this.aiCodeCompletion.remove();
         this.aiCodeCompletion = undefined;
+        if (this.teaser) {
+          this.detachAiCodeCompletionTeaser();
+        }
       }
     }
   }

package/front_end/panels/console/consolePrompt.css

@@ -18,13 +18,14 @@
 
 #console-prompt .console-prompt-icon {
   position: absolute;
-  left: -13px;
-  top: 2px;
+  left: -9px;
+  top: 4px;
   user-select: none;
 }
 
 .console-eager-preview {
   padding-bottom: 2px;
+  margin-left: 4px;
   opacity: 60%;
   position: relative;
 }

package/front_end/panels/console/consoleView.css

@@ -1,4 +1,7 @@
-/*
+/* Copyright 2021 The Chromium Authors
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file.
+ *
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
@@ -90,17 +93,20 @@
 
 .console-prompt-editor-container {
   min-height: 21px;
+  padding-left: 2px;
+  padding-top: 1px;
 }
 
 .console-message,
 .console-user-command {
   clear: right;
   position: relative;
-  padding: 3px 22px 1px 0;
+  padding: 1px 22px 1px 0;
   margin-left: 24px;
-  min-height: 17px;  /* Sync with ConsoleViewMessage.js */
+  min-height: 18px;
   flex: auto;
   display: flex;
+  align-items: flex-end;
 }
 
 .console-message > * {
@@ -215,7 +221,7 @@
   --console-color-white: #fff;
 
   &.console-selected {
-    background-color: var(--sys-color-tonal-container);
+    background-color: var(--sys-color-state-focus-highlight);
   }
 }
 
@@ -329,7 +335,6 @@
   display: inline-block;
   overflow-wrap: break-word;
   max-width: 100%;
-  vertical-align: top;
   margin-top: -1.5px;
 }
 

package/front_end/panels/sources/AiCodeCompletionPlugin.ts

@@ -55,7 +55,6 @@ export class AiCodeCompletionPlugin extends Plugin {
     this.#boundOnAidaAvailabilityChange = this.#onAidaAvailabilityChange.bind(this);
     Host.AidaClient.HostConfigTracker.instance().addEventListener(
         Host.AidaClient.Events.AIDA_AVAILABILITY_CHANGED, this.#boundOnAidaAvailabilityChange);
-    void this.#onAidaAvailabilityChange();
     const showTeaser = !this.#aiCodeCompletionSetting.get() && !this.#aiCodeCompletionTeaserDismissedSetting.get();
     if (showTeaser) {
       this.#teaser = new PanelCommon.AiCodeCompletionTeaser({onDetach: this.#detachAiCodeCompletionTeaser.bind(this)});
@@ -84,9 +83,7 @@ export class AiCodeCompletionPlugin extends Plugin {
     this.#editor.addEventListener('keydown', this.#boundEditorKeyDown);
     this.#aiCodeCompletionSetting.addChangeListener(this.#boundOnAiCodeCompletionSettingChanged);
     this.#onAiCodeCompletionSettingChanged();
-    if (editor.state.doc.length === 0) {
-      this.#addTeaserPluginToCompartmentImmediate(editor.editor);
-    }
+    void this.#onAidaAvailabilityChange();
   }
 
   override editorExtension(): CodeMirror.Extension {
@@ -281,8 +278,16 @@ export class AiCodeCompletionPlugin extends Plugin {
       this.#aidaAvailability = currentAidaAvailability;
       if (this.#aidaAvailability === Host.AidaClient.AidaAccessPreconditions.AVAILABLE) {
         this.#onAiCodeCompletionSettingChanged();
+        if (this.#editor?.state.doc.length === 0) {
+          this.#addTeaserPluginToCompartmentImmediate(this.#editor?.editor);
+        }
       } else if (this.#aiCodeCompletion) {
         this.#cleanupAiCodeCompletion();
+        if (this.#teaser) {
+          this.#editor?.dispatch({
+            effects: this.#teaserCompartment.reconfigure([]),
+          });
+        }
       }
     }
   }

package/front_end/panels/timeline/TimelinePanel.ts

@@ -1468,9 +1468,8 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
     metadata.enhancedTraceVersion =
         includeScriptContent ? SDK.EnhancedTracesParser.EnhancedTracesParser.enhancedTraceVersion : undefined;
 
-    let fileName = (isCpuProfile ? `CPU-${isoDate}.cpuprofile` :
-                        includeScriptContent ? `EnhancedTrace-${isoDate}.json` :
-                                               `Trace-${isoDate}.json`) as Platform.DevToolsPath.RawPathString;
+    let fileName =
+        (isCpuProfile ? `CPU-${isoDate}.cpuprofile` : `Trace-${isoDate}.json`) as Platform.DevToolsPath.RawPathString;
 
     let blobParts: string[] = [];
     if (isCpuProfile) {

package/front_end/third_party/chromium/README.chromium

@@ -1,7 +1,7 @@
 Name: Dependencies sourced from the upstream `chromium` repository
 URL: https://source.chromium.org/chromium/chromium/src/+/main:components/variations/proto/devtools/
 Version: N/A
-Revision: ef2fde9d4f45cbb0cbfb3c9aa912496f73d7b927
+Revision: f5bb0cd608ece3474fa780146f397334b24689b2
 Update Mechanism: Manual (https://crbug.com/428069060)
 License: BSD-3-Clause
 License File: LICENSE

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

@@ -22,7 +22,7 @@
   &::before {
     flex-shrink: 0;
     margin-right: 2px;
-    margin-top: calc(-1 * var(--sys-size-3));
+    align-self: flex-start;
   }
 }
 

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -3163,6 +3163,7 @@ export const knownContextValues = new Set([
   'ruby-overhang',
   'ruby-position',
   'rule',
+  'rule-break',
   'rule-color',
   'rule-set',
   'rule-set-details',

package/package.json

@@ -102,5 +102,5 @@
       "flat-cache": "6.1.12"
     }
   },
-  "version": "1.0.1529186"
+  "version": "1.0.1529904"
 }