chrome-devtools-frontend 1.0.1650035 → 1.0.1650232

package/front_end/core/host/UserMetrics.ts

@@ -204,21 +204,6 @@ export class UserMetrics {
     InspectorFrontendHostInstance.recordCountHistogram('DevTools.Freestyler.EvalResponseSize', bytes, 0, 100_000, 100);
   }
 
-  performanceAINetworkSummaryResponseSize(bytes: number): void {
-    InspectorFrontendHostInstance.recordCountHistogram(
-        'DevTools.PerformanceAI.NetworkSummaryResponseSize', bytes, 0, 100_000, 100);
-  }
-
-  performanceAINetworkRequestDetailResponseSize(bytes: number): void {
-    InspectorFrontendHostInstance.recordCountHistogram(
-        'DevTools.PerformanceAI.NetworkRequestDetailResponseSize', bytes, 0, 100_000, 100);
-  }
-
-  performanceAIMainThreadActivityResponseSize(bytes: number): void {
-    InspectorFrontendHostInstance.recordCountHistogram(
-        'DevTools.PerformanceAI.MainThreadActivityResponseSize', bytes, 0, 100_000, 100);
-  }
-
   builtInAiAvailability(availability: BuiltInAiAvailability): void {
     InspectorFrontendHostInstance.recordEnumeratedHistogram(
         EnumeratedHistogram.BuiltInAiAvailability, availability, BuiltInAiAvailability.MAX_VALUE);

package/front_end/core/sdk/CSSMetadata.ts

@@ -60,6 +60,10 @@ export class CSSMetadata {
           continue;
         }
       }
+      const runtimeFlagStatus = property.runtime_flag_status;
+      if (Boolean(runtimeFlagStatus) && runtimeFlagStatus !== 'stable') {
+        continue;
+      }
       if (!CSS.supports(propertyName, 'initial')) {
         continue;
       }
@@ -127,7 +131,18 @@ export class CSSMetadata {
 
     for (const name of this.#valuesSet) {
       const values = this.specificPropertyValues(name)
-                         .filter(value => CSS.supports(name, value))
+                         .filter(value => {
+                           // Filter out values which are just the function name (e.g. 'url', 'radial-gradient', etc.)
+                           // The 'preset' is the full function (e.g. 'url(||)').
+                           const preset = valuePresets.get(name)?.get(value);
+                           if (preset && preset !== value) {
+                             return false;
+                           }
+                           if (partialValueKeywordsNoPresets.get(name)?.has(value)) {
+                             return false;
+                           }
+                           return CSS.supports(name, value);
+                         })
                          .sort(CSSMetadata.sortPrefixesAndCSSWideKeywordsToEnd);
       const presets = values.map(value => `${name}: ${value}`);
       if (!this.isSVGProperty(name)) {
@@ -505,9 +520,78 @@ const valuePresets = new Map([
       ['ornaments', 'ornaments(||)'],
       ['annotation', 'annotation(||)'],
     ]),
+  ],
+  [
+    'clip-path', new Map([
+      ['inset', 'inset(|10px|)'],
+      ['circle', 'circle(|100px|)'],
+      ['ellipse', 'ellipse(|100px 100px|)'],
+      ['polygon', 'polygon(|50px 0px, 100px 100px, 0px 100px|)'],
+      ['url', 'url(||)'],
+    ])
+  ],
+  [
+    'transition-timing-function', new Map([
+      ['steps', 'steps(|5, end|)'],
+      ['cubic-bezier', 'cubic-bezier(|0.25, 0.1, 0.25, 1|)'],
+    ])
+  ],
+  [
+    'animation-timing-function', new Map([
+      ['steps', 'steps(|5, end|)'],
+      ['cubic-bezier', 'cubic-bezier(|0.25, 0.1, 0.25, 1|)'],
+    ])
+  ],
+  [
+    'box-shadow',
+    new Map([
+      ['inset', 'inset |0 0 10px black|'],
+    ]),
+  ],
+  [
+    'font-size-adjust',
+    new Map([
+      ['ex-height', 'ex-height |0.5|'],
+      ['cap-height', 'cap-height |0.5|'],
+      ['ch-width', 'ch-width |0.5|'],
+      ['ic-width', 'ic-width |0.5|'],
+      ['ic-height', 'ic-height |0.5|'],
+    ]),
+  ],
+  [
+    'initial-letter',
+    new Map([
+      ['drop', 'drop |2|'],
+      ['raise', 'raise |2|'],
+    ]),
+  ],
+  [
+    'text-box-edge', new Map([
+      ['cap', 'cap alphabetic'],
+      ['ex', 'ex alphabetic'],
+    ])
   ]
 ]);
 
+const partialValueKeywordsNoPresets = new Map<string, Set<string>>([
+  ['scroll-snap-type', new Set(['mandatory', 'proximity'])],
+  ['scrollbar-gutter', new Set(['both-edges'])],
+  ['animation-timing-function', new Set(['jump-both', 'jump-end', 'jump-none', 'jump-start'])],
+  ['transition-timing-function', new Set(['jump-both', 'jump-end', 'jump-none', 'jump-start'])],
+  [
+    'animation-trigger', new Set([
+      'play',
+      'pause',
+      'play-once',
+      'play-alternate',
+      'play-forwards',
+      'play-backwards',
+      'play-pause',
+      'replay',
+    ])
+  ],
+]);
+
 const distanceProperties = new Set<string>([
   'background-position',
   'border-spacing',
@@ -1424,6 +1508,10 @@ const extraPropertyValues = new Map<string, Set<string>>([
     ]),
   ],
   ['outline-style', new Set(['auto'])],
+  ['overflow-block', new Set(['auto', 'hidden', 'visible', 'overlay', 'scroll', 'clip'])],
+  ['overflow-inline', new Set(['auto', 'hidden', 'visible', 'overlay', 'scroll', 'clip'])],
+  ['overscroll-behavior-block', new Set(['auto', 'none', 'contain'])],
+  ['overscroll-behavior-inline', new Set(['auto', 'none', 'contain'])],
 ]);
 
 // Weight of CSS properties based on their usage from https://www.chromestatus.com/metrics/css/popularity
@@ -1693,4 +1781,6 @@ export interface CSSPropertyDefinition {
   is_descriptor?: boolean;
   // eslint-disable-next-line @typescript-eslint/naming-convention
   is_property?: boolean;
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  runtime_flag_status?: string;
 }