chrome-devtools-mcp-for-extension 0.19.2 → 0.20.0

package/build/node_modules/chrome-devtools-frontend/front_end/generated/SupportedCSSProperties.js

@@ -418,8 +418,12 @@ export const generatedProperties = [
             "column-height",
             "column-rule-break",
             "column-rule-color",
-            "column-rule-outset",
+            "column-rule-edge-end-inset",
+            "column-rule-edge-start-inset",
+            "column-rule-interior-end-inset",
+            "column-rule-interior-start-inset",
             "column-rule-style",
+            "column-rule-visibility-items",
             "column-rule-width",
             "column-span",
             "column-width",
@@ -498,6 +502,8 @@ export const generatedProperties = [
             "grid-auto-rows",
             "grid-column-end",
             "grid-column-start",
+            "grid-lanes-direction",
+            "grid-lanes-fill",
             "grid-row-end",
             "grid-row-start",
             "grid-template-areas",
@@ -517,6 +523,7 @@ export const generatedProperties = [
             "inset-block-start",
             "inset-inline-end",
             "inset-inline-start",
+            "interactivity",
             "interest-delay-end",
             "interest-delay-start",
             "interpolate-size",
@@ -553,8 +560,6 @@ export const generatedProperties = [
             "mask-repeat",
             "mask-size",
             "mask-type",
-            "masonry-direction",
-            "masonry-fill",
             "math-depth",
             "math-shift",
             "math-style",
@@ -636,8 +641,12 @@ export const generatedProperties = [
             "row-gap",
             "row-rule-break",
             "row-rule-color",
-            "row-rule-outset",
+            "row-rule-edge-end-inset",
+            "row-rule-edge-start-inset",
+            "row-rule-interior-end-inset",
+            "row-rule-interior-start-inset",
             "row-rule-style",
+            "row-rule-visibility-items",
             "row-rule-width",
             "ruby-align",
             "ruby-overhang",
@@ -667,10 +676,6 @@ export const generatedProperties = [
             "scroll-snap-align",
             "scroll-snap-stop",
             "scroll-snap-type",
-            "scroll-start-block",
-            "scroll-start-inline",
-            "scroll-start-x",
-            "scroll-start-y",
             "scroll-target-group",
             "scroll-timeline-axis",
             "scroll-timeline-name",
@@ -719,6 +724,7 @@ export const generatedProperties = [
             "text-emphasis-style",
             "text-grow",
             "text-indent",
+            "text-justify",
             "text-orientation",
             "text-overflow",
             "text-rendering",
@@ -732,7 +738,6 @@ export const generatedProperties = [
             "text-wrap-mode",
             "text-wrap-style",
             "timeline-scope",
-            "timeline-trigger-behavior",
             "timeline-trigger-exit-range-end",
             "timeline-trigger-exit-range-start",
             "timeline-trigger-name",
@@ -1719,7 +1724,28 @@ export const generatedProperties = [
     },
     {
         "inherited": false,
-        "name": "column-rule-outset"
+        "name": "column-rule-edge-end-inset"
+    },
+    {
+        "inherited": false,
+        "name": "column-rule-edge-start-inset"
+    },
+    {
+        "longhands": [
+            "column-rule-edge-start-inset",
+            "column-rule-edge-end-inset",
+            "column-rule-interior-start-inset",
+            "column-rule-interior-end-inset"
+        ],
+        "name": "column-rule-inset"
+    },
+    {
+        "inherited": false,
+        "name": "column-rule-interior-end-inset"
+    },
+    {
+        "inherited": false,
+        "name": "column-rule-interior-start-inset"
     },
     {
         "keywords": [
@@ -1736,6 +1762,16 @@ export const generatedProperties = [
         ],
         "name": "column-rule-style"
     },
+    {
+        "inherited": false,
+        "keywords": [
+            "all",
+            "around",
+            "between",
+            "none"
+        ],
+        "name": "column-rule-visibility-items"
+    },
     {
         "keywords": [
             "thin",
@@ -2105,8 +2141,8 @@ export const generatedProperties = [
             "math",
             "ruby",
             "ruby-text",
-            "masonry",
-            "inline-masonry"
+            "grid-lanes",
+            "inline-grid-lanes"
         ],
         "name": "display"
     },
@@ -2606,6 +2642,38 @@ export const generatedProperties = [
         ],
         "name": "grid-column-start"
     },
+    {
+        "longhands": [
+            "grid-template-areas",
+            "grid-template-columns",
+            "grid-lanes-direction",
+            "grid-lanes-fill"
+        ],
+        "name": "grid-lanes"
+    },
+    {
+        "keywords": [
+            "row",
+            "row-reverse",
+            "column",
+            "column-reverse"
+        ],
+        "name": "grid-lanes-direction"
+    },
+    {
+        "keywords": [
+            "normal",
+            "reverse"
+        ],
+        "name": "grid-lanes-fill"
+    },
+    {
+        "longhands": [
+            "grid-lanes-direction",
+            "grid-lanes-fill"
+        ],
+        "name": "grid-lanes-flow"
+    },
     {
         "longhands": [
             "grid-row-start",
@@ -3050,38 +3118,6 @@ export const generatedProperties = [
         ],
         "name": "mask-type"
     },
-    {
-        "longhands": [
-            "grid-template-areas",
-            "grid-template-columns",
-            "masonry-direction",
-            "masonry-fill"
-        ],
-        "name": "masonry"
-    },
-    {
-        "keywords": [
-            "row",
-            "row-reverse",
-            "column",
-            "column-reverse"
-        ],
-        "name": "masonry-direction"
-    },
-    {
-        "keywords": [
-            "normal",
-            "reverse"
-        ],
-        "name": "masonry-fill"
-    },
-    {
-        "longhands": [
-            "masonry-direction",
-            "masonry-fill"
-        ],
-        "name": "masonry-flow"
-    },
     {
         "inherited": true,
         "name": "math-depth"
@@ -3545,7 +3581,8 @@ export const generatedProperties = [
     },
     {
         "keywords": [
-            "auto"
+            "auto",
+            "none"
         ],
         "name": "position-anchor"
     },
@@ -3697,7 +3734,28 @@ export const generatedProperties = [
     },
     {
         "inherited": false,
-        "name": "row-rule-outset"
+        "name": "row-rule-edge-end-inset"
+    },
+    {
+        "inherited": false,
+        "name": "row-rule-edge-start-inset"
+    },
+    {
+        "longhands": [
+            "row-rule-edge-start-inset",
+            "row-rule-edge-end-inset",
+            "row-rule-interior-start-inset",
+            "row-rule-interior-end-inset"
+        ],
+        "name": "row-rule-inset"
+    },
+    {
+        "inherited": false,
+        "name": "row-rule-interior-end-inset"
+    },
+    {
+        "inherited": false,
+        "name": "row-rule-interior-start-inset"
     },
     {
         "keywords": [
@@ -3714,6 +3772,16 @@ export const generatedProperties = [
         ],
         "name": "row-rule-style"
     },
+    {
+        "inherited": false,
+        "keywords": [
+            "all",
+            "around",
+            "between",
+            "none"
+        ],
+        "name": "row-rule-visibility-items"
+    },
     {
         "keywords": [
             "thin",
@@ -3759,6 +3827,13 @@ export const generatedProperties = [
         ],
         "name": "rule"
     },
+    {
+        "longhands": [
+            "row-rule-break",
+            "column-rule-break"
+        ],
+        "name": "rule-break"
+    },
     {
         "longhands": [
             "column-rule-color",
@@ -3766,6 +3841,19 @@ export const generatedProperties = [
         ],
         "name": "rule-color"
     },
+    {
+        "longhands": [
+            "row-rule-edge-start-inset",
+            "row-rule-edge-end-inset",
+            "row-rule-interior-start-inset",
+            "row-rule-interior-end-inset",
+            "column-rule-edge-start-inset",
+            "column-rule-edge-end-inset",
+            "column-rule-interior-start-inset",
+            "column-rule-interior-end-inset"
+        ],
+        "name": "rule-inset"
+    },
     {
         "longhands": [
             "column-rule-style",
@@ -3959,25 +4047,6 @@ export const generatedProperties = [
         ],
         "name": "scroll-snap-type"
     },
-    {
-        "longhands": [
-            "scroll-start-block",
-            "scroll-start-inline"
-        ],
-        "name": "scroll-start"
-    },
-    {
-        "name": "scroll-start-block"
-    },
-    {
-        "name": "scroll-start-inline"
-    },
-    {
-        "name": "scroll-start-x"
-    },
-    {
-        "name": "scroll-start-y"
-    },
     {
         "keywords": [
             "none",
@@ -4307,6 +4376,16 @@ export const generatedProperties = [
         "inherited": true,
         "name": "text-indent"
     },
+    {
+        "inherited": true,
+        "keywords": [
+            "auto",
+            "none",
+            "inter-word",
+            "inter-character"
+        ],
+        "name": "text-justify"
+    },
     {
         "inherited": true,
         "keywords": [
@@ -4375,6 +4454,7 @@ export const generatedProperties = [
             "capitalize",
             "uppercase",
             "lowercase",
+            "full-width",
             "none",
             "math-auto"
         ],
@@ -4431,7 +4511,6 @@ export const generatedProperties = [
         "longhands": [
             "timeline-trigger-name",
             "timeline-trigger-source",
-            "timeline-trigger-behavior",
             "timeline-trigger-range-start",
             "timeline-trigger-range-end",
             "timeline-trigger-exit-range-start",
@@ -4439,15 +4518,6 @@ export const generatedProperties = [
         ],
         "name": "timeline-trigger"
     },
-    {
-        "keywords": [
-            "once",
-            "repeat",
-            "alternate",
-            "state"
-        ],
-        "name": "timeline-trigger-behavior"
-    },
     {
         "name": "timeline-trigger-exit-range-end"
     },
@@ -5359,6 +5429,14 @@ export const generatedPropertyValues = {
             "double"
         ]
     },
+    "column-rule-visibility-items": {
+        "values": [
+            "all",
+            "around",
+            "between",
+            "none"
+        ]
+    },
     "column-rule-width": {
         "values": [
             "thin",
@@ -5576,8 +5654,8 @@ export const generatedPropertyValues = {
             "math",
             "ruby",
             "ruby-text",
-            "masonry",
-            "inline-masonry"
+            "grid-lanes",
+            "inline-grid-lanes"
         ]
     },
     "dominant-baseline": {
@@ -5887,6 +5965,20 @@ export const generatedPropertyValues = {
             "auto"
         ]
     },
+    "grid-lanes-direction": {
+        "values": [
+            "row",
+            "row-reverse",
+            "column",
+            "column-reverse"
+        ]
+    },
+    "grid-lanes-fill": {
+        "values": [
+            "normal",
+            "reverse"
+        ]
+    },
     "grid-row-end": {
         "values": [
             "auto"
@@ -6105,20 +6197,6 @@ export const generatedPropertyValues = {
             "alpha"
         ]
     },
-    "masonry-direction": {
-        "values": [
-            "row",
-            "row-reverse",
-            "column",
-            "column-reverse"
-        ]
-    },
-    "masonry-fill": {
-        "values": [
-            "normal",
-            "reverse"
-        ]
-    },
     "math-shift": {
         "values": [
             "normal",
@@ -6360,7 +6438,8 @@ export const generatedPropertyValues = {
     },
     "position-anchor": {
         "values": [
-            "auto"
+            "auto",
+            "none"
         ]
     },
     "position-area": {
@@ -6475,6 +6554,14 @@ export const generatedPropertyValues = {
             "double"
         ]
     },
+    "row-rule-visibility-items": {
+        "values": [
+            "all",
+            "around",
+            "between",
+            "none"
+        ]
+    },
     "row-rule-width": {
         "values": [
             "thin",
@@ -6768,6 +6855,14 @@ export const generatedPropertyValues = {
             "currentcolor"
         ]
     },
+    "text-justify": {
+        "values": [
+            "auto",
+            "none",
+            "inter-word",
+            "inter-character"
+        ]
+    },
     "text-orientation": {
         "values": [
             "sideways",
@@ -6813,6 +6908,7 @@ export const generatedPropertyValues = {
             "capitalize",
             "uppercase",
             "lowercase",
+            "full-width",
             "none",
             "math-auto"
         ]
@@ -6845,14 +6941,6 @@ export const generatedPropertyValues = {
             "stable"
         ]
     },
-    "timeline-trigger-behavior": {
-        "values": [
-            "once",
-            "repeat",
-            "alternate",
-            "state"
-        ]
-    },
     "timeline-trigger-source": {
         "values": [
             "none",

package/build/node_modules/chrome-devtools-frontend/front_end/models/ai_assistance/data_formatters/NetworkRequestFormatter.js

@@ -4,8 +4,10 @@
 var _a;
 import * as Logs from '../../logs/logs.js';
 import * as NetworkTimeCalculator from '../../network_time_calculator/network_time_calculator.js';
+import * as TextUtils from '../../text_utils/text_utils.js';
 import { seconds } from './UnitFormatters.js';
 const MAX_HEADERS_SIZE = 1000;
+const MAX_BODY_SIZE = 10000;
 /**
  * Sanitizes the set of headers, removing values that are not on the allow-list and replacing them with '<redacted>'.
  */
@@ -19,6 +21,7 @@ function sanitizeHeaders(headers) {
 }
 export class NetworkRequestFormatter {
     #calculator;
+    #request;
     static allowHeader(headerName) {
         return allowedHeaders.has(headerName.toLowerCase().trim());
     }
@@ -28,6 +31,23 @@ export class NetworkRequestFormatter {
             return prefix + header.name + ': ' + header.value + '\n';
         }), MAX_HEADERS_SIZE);
     }
+    static async formatBody(title, request, maxBodySize) {
+        const data = await request.requestContentData();
+        if (TextUtils.ContentData.ContentData.isError(data)) {
+            return '';
+        }
+        if (data.isEmpty) {
+            return `${title}\n<empty response>`;
+        }
+        if (data.isTextContent) {
+            const dataAsText = data.text;
+            if (dataAsText.length > maxBodySize) {
+                return `${title}\n${dataAsText.substring(0, maxBodySize) + '... <truncated>'}`;
+            }
+            return `${title}\n${dataAsText}`;
+        }
+        return `${title}\n<binary data>`;
+    }
     static formatInitiatorUrl(initiatorUrl, allowedOrigin) {
         const initiatorOrigin = new URL(initiatorUrl).origin;
         if (initiatorOrigin === allowedOrigin) {
@@ -35,7 +55,6 @@ export class NetworkRequestFormatter {
         }
         return '<redacted cross-origin initiator URL>';
     }
-    #request;
     constructor(request, calculator) {
         this.#request = request;
         this.#calculator = calculator;
@@ -46,16 +65,24 @@ export class NetworkRequestFormatter {
     formatResponseHeaders() {
         return _a.formatHeaders('Response headers:', this.#request.responseHeaders);
     }
+    async formatResponseBody() {
+        return await _a.formatBody('Response body:', this.#request, MAX_BODY_SIZE);
+    }
     /**
      * Note: nothing here should include information from origins other than
      * the request's origin.
      */
-    formatNetworkRequest() {
+    async formatNetworkRequest() {
+        let responseBody = await this.formatResponseBody();
+        if (responseBody) {
+            // if we have a response then we add 2 new line to follow same structure of the context
+            responseBody = `\n\n${responseBody}`;
+        }
         return `Request: ${this.#request.url()}
 
 ${this.formatRequestHeaders()}
 
-${this.formatResponseHeaders()}
+${this.formatResponseHeaders()}${responseBody}
 
 Response status: ${this.#request.statusCode} ${this.#request.statusText}