chrome-devtools-frontend 1.0.966659 → 1.0.967135

package/front_end/legacy_test_runner/console_test_runner/console_test_runner.js

@@ -364,6 +364,7 @@ ConsoleTestRunner.dumpConsoleMessagesWithClasses = async function(sortMessages,
     let messageText = ConsoleTestRunner.prepareConsoleMessageText(element);
     if (trimMessages) {
       messageText = messageText.replace(/[ ]+/g, ' ');
+      messageText = messageText.replace(/\s+\n\s+/g, ' ');
     }
     result.push(messageText + ' ' + element.getAttribute('class') + ' > ' + contentElement.getAttribute('class'));
   }

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -4144,10 +4144,6 @@ export const NativeFunctions = [
     name: 'isInputPending',
     signatures: [['?options']]
   },
-  {
-    name: 'WindowControlsOverlayGeometryChangeEvent',
-    signatures: [['type','eventInitDict']]
-  },
   {
     name: 'stop',
     signatures: [['?when']],
@@ -5297,6 +5293,10 @@ export const NativeFunctions = [
     name: 'adAuctionComponents',
     signatures: [['numComponents']]
   },
+  {
+    name: 'deprecatedURNToURL',
+    signatures: [['uuid_url']]
+  },
   {
     name: 'createAdRequest',
     signatures: [['config']]
@@ -5876,24 +5876,9 @@ export const NativeFunctions = [
     signatures: [['path','?options','?successCallback','?errorCallback']],
     receiver: 'DirectoryEntry'
   },
-  {
-    name: 'rename',
-    signatures: [['new_entry_name']],
-    receiver: 'FileSystemFileHandle'
-  },
-  {
-    name: 'rename',
-    signatures: [['new_entry_name']],
-    receiver: 'FileSystemHandle'
-  },
-  {
-    name: 'rename',
-    signatures: [['old_name','new_name']],
-    receiver: 'NativeIOFileManager'
-  },
   {
     name: 'move',
-    signatures: [['destination_directory','?new_entry_name']]
+    signatures: [['new_entry_name'],['destination_directory','?new_entry_name']]
   },
   {
     name: 'queryPermission',
@@ -6396,6 +6381,10 @@ export const NativeFunctions = [
     signatures: [['sync']],
     receiver: 'WebGL2RenderingContextBase'
   },
+  {
+    name: 'rename',
+    signatures: [['old_name','new_name']]
+  },
   {
     name: 'renameSync',
     signatures: [['old_name','new_name']]
@@ -6679,6 +6668,10 @@ export const NativeFunctions = [
     name: 'PictureInPictureEvent',
     signatures: [['type','eventInitDict']]
   },
+  {
+    name: 'requestPictureInPictureWindow',
+    signatures: [['options']]
+  },
   {
     name: 'refresh',
     signatures: [['?reload']]
@@ -8401,7 +8394,7 @@ export const NativeFunctions = [
   },
   {
     name: 'dispatch',
-    signatures: [['x','?y','?z']]
+    signatures: [['workgroupCountX','?workgroupCountY','?workgroupCountZ']]
   },
   {
     name: 'dispatchIndirect',
@@ -8683,6 +8676,10 @@ export const NativeFunctions = [
     name: 'USBOutTransferResult',
     signatures: [['status','?bytesWritten']]
   },
+  {
+    name: 'WindowControlsOverlayGeometryChangeEvent',
+    signatures: [['type','eventInitDict']]
+  },
   {
     name: 'getPose',
     signatures: [['relative_to']]

package/front_end/panels/elements/StylePropertyTreeElement.ts

@@ -6,6 +6,7 @@ import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';
+import * as Root from '../../core/root/root.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import * as Bindings from '../../models/bindings/bindings.js';
 import * as TextUtils from '../../models/text_utils/text_utils.js';
@@ -116,6 +117,7 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
   private prompt: CSSPropertyPrompt|null;
   private lastComputedValue: string|null;
   private contextForTest!: Context|undefined;
+  #propertyTextFromSource: string;
 
   constructor(
       stylesPane: StylesSidebarPane, matchedStyles: SDK.CSSMatchedStyles.CSSMatchedStyles,
@@ -145,6 +147,8 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
     this.prompt = null;
 
     this.lastComputedValue = null;
+
+    this.#propertyTextFromSource = property.propertyText || '';
   }
 
   matchedStyles(): SDK.CSSMatchedStyles.CSSMatchedStyles {
@@ -478,7 +482,7 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
       this.listItemElement.classList.remove('disabled');
     }
 
-    this.listItemElement.classList.toggle('changed', this.parentPane().isPropertyChanged(this.property));
+    this.listItemElement.classList.toggle('changed', this.isPropertyChanged(this.property));
   }
 
   node(): SDK.DOMModel.DOMNode|null {
@@ -523,6 +527,14 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
     this.styleTextAppliedForTest();
   }
 
+  private isPropertyChanged(property: SDK.CSSProperty.CSSProperty): boolean {
+    if (!Root.Runtime.experiments.isEnabled(Root.Runtime.ExperimentName.STYLES_PANE_CSS_CHANGES)) {
+      return false;
+    }
+    // Check local cache first, then check against diffs from the workspace.
+    return this.#propertyTextFromSource !== property.propertyText || this.parentPane().isPropertyChanged(property);
+  }
+
   async onpopulate(): Promise<void> {
     // Only populate once and if this property is a shorthand.
     if (this.childCount() || !this.isShorthand) {
@@ -1481,7 +1493,7 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
       return;
     }
     if (updatedProperty) {
-      this.listItemElement.classList.toggle('changed', this.parentPane().isPropertyChanged(updatedProperty));
+      this.listItemElement.classList.toggle('changed', this.isPropertyChanged(updatedProperty));
     }
 
     this.matchedStylesInternal.resetActiveProperties();

package/front_end/panels/elements/StylesSidebarPane.ts

@@ -1023,9 +1023,6 @@ export class StylesSidebarPane extends Common.ObjectWrapper.eventMixin<EventType
   }
 
   isPropertyChanged(property: SDK.CSSProperty.CSSProperty): boolean {
-    if (!Root.Runtime.experiments.isEnabled(Root.Runtime.ExperimentName.STYLES_PANE_CSS_CHANGES)) {
-      return false;
-    }
     const url = property.ownerStyle.parentRule?.resourceURL();
     if (!url) {
       return false;

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.966659"
+  "version": "1.0.967135"
 }

package/scripts/build/esbuild.js

@@ -27,16 +27,17 @@ const plugin = {
         return null;
       }
 
-      if (res.external && res.id) {
-        return {
-          external: res.external,
-          path: './' + path.relative(outdir, res.id),
-        };
-      }
-
       if (res.external) {
+        // res.id can be both of absolutized local JavaScript path or node's
+        // builtin module (e.g. 'fs', 'path'), and only relativize the path in
+        // former case.
+        if (path.isAbsolute(res.id)) {
+          res.id = './' + path.relative(outdir, res.id);
+        }
+
         return {
-          external: true,
+          external: res.external,
+          path: res.id,
         };
       }