chrome-devtools-mcp 0.6.0 → 0.6.1

package/README.md

@@ -29,7 +29,7 @@ MCP clients.
 
 ## Requirements
 
-- [Node.js 20](https://nodejs.org/) or a newer [latest maintainance LTS](https://github.com/nodejs/Release#release-schedule) version.
+- [Node.js](https://nodejs.org/) v20.19 or a newer [latest maintenance LTS](https://github.com/nodejs/Release#release-schedule) version.
 - [Chrome](https://www.google.com/chrome/) current stable version or newer.
 - [npm](https://www.npmjs.com/).
 
@@ -185,6 +185,13 @@ The same way chrome-devtools-mcp can be configured for JetBrains Junie in `Setti
   [<img src="https://img.shields.io/badge/Visual_Studio-Install-C16FDE?logo=visualstudio&logoColor=white" alt="Install in Visual Studio">](https://vs-open.link/mcp-install?%7B%22name%22%3A%22chrome-devtools%22%2C%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22chrome-devtools-mcp%40latest%22%5D%7D)
 </details>
 
+<details>
+  <summary>Warp</summary>
+
+Go to `Settings | AI | Manage MCP Servers` -> `+ Add` to [add an MCP Server](https://docs.warp.dev/knowledge-and-collaboration/mcp#adding-an-mcp-server). Use the config provided above.
+
+</details>
+
 ### Your first prompt
 
 Enter the following prompt in your MCP Client to check if everything is working:
@@ -273,7 +280,7 @@ The Chrome DevTools MCP server supports the following configuration option:
   - **Type:** string
 
 - **`--viewport`**
-  Initial viewport size for the Chromee instances started by the server. For example, `1280x720`
+  Initial viewport size for the Chrome instances started by the server. For example, `1280x720`. In headless mode, max size is 3840x2160px.
   - **Type:** string
 
 - **`--proxyServer`**
@@ -313,8 +320,8 @@ You can also run `npx chrome-devtools-mcp@latest --help` to see all available co
 `chrome-devtools-mcp` starts a Chrome's stable channel instance using the following user
 data directory:
 
-- Linux / MacOS: `$HOME/.cache/chrome-devtools-mcp/chrome-profile-$CHANNEL`
-- Window: `%HOMEPATH%/.cache/chrome-devtools-mcp/chrome-profile-$CHANNEL`
+- Linux / macOS: `$HOME/.cache/chrome-devtools-mcp/chrome-profile-$CHANNEL`
+- Windows: `%HOMEPATH%/.cache/chrome-devtools-mcp/chrome-profile-$CHANNEL`
 
 The user data directory is not cleared between runs and shared across
 all instances of `chrome-devtools-mcp`. Set the `isolated` option to `true`

package/build/node_modules/chrome-devtools-frontend/front_end/core/common/Color.js

@@ -32,11 +32,13 @@
 import * as Platform from '../platform/platform.js';
 import { ColorConverter } from './ColorConverter.js';
 import { blendColors, contrastRatioAPCA, desiredLuminanceAPCA, luminance, luminanceAPCA, rgbToHsl, rgbToHwb, } from './ColorUtils.js';
-// <hue> is defined as a <number> or <angle>
-// and we hold this in degrees. However, after
-// the conversions, these degrees can result in
-// negative values. That's why we normalize the hue to be
-// between [0 - 360].
+/**
+ * <hue> is defined as a <number> or <angle>
+ * and we hold this in degrees. However, after
+ * the conversions, these degrees can result in
+ * negative values. That's why we normalize the hue to be
+ * between [0 - 360].
+ **/
 function normalizeHue(hue) {
     // Even though it is highly unlikely, hue can be
     // very negative like -400. The initial modulo
@@ -44,9 +46,11 @@ function normalizeHue(hue) {
     // negative, it is between [-360, 0].
     return ((hue % 360) + 360) % 360;
 }
-// Parses angle in the form of
-// `<angle>deg`, `<angle>turn`, `<angle>grad and `<angle>rad`
-// and returns the canonicalized `degree`.
+/**
+ * Parses angle in the form of
+ * `<angle>deg`, `<angle>turn`, `<angle>grad and `<angle>rad`
+ * and returns the canonicalized `degree`.
+ **/
 function parseAngle(angleText) {
     const angle = angleText.replace(/(deg|g?rad|turn)$/, '');
     // @ts-expect-error: isNaN can accept strings
@@ -69,7 +73,7 @@ function parseAngle(angleText) {
     // 1deg === 1deg ^_^
     return number;
 }
-// Returns the `Format` equivalent from the format text
+/** Returns the `Format` equivalent from the format text **/
 export function getFormat(formatText) {
     switch (formatText) {
         case "hex" /* Format.HEX */:

package/build/node_modules/chrome-devtools-frontend/front_end/core/common/ColorConverter.js

@@ -37,13 +37,15 @@ class Matrix3x3 {
         return dst;
     }
 }
-// A transfer function mapping encoded values to linear values,
-// represented by this 7-parameter piecewise function:
-//
-//   linear = sign(encoded) *  (c*|encoded| + f)       , 0 <= |encoded| < d
-//          = sign(encoded) * ((a*|encoded| + b)^g + e), d <= |encoded|
-//
-// (A simple gamma transfer function sets g to gamma and a to 1.)
+/**
+ * A transfer function mapping encoded values to linear values,
+ * represented by this 7-parameter piecewise function:
+ *
+ * linear = sign(encoded) *  (c*|encoded| + f)       , 0 <= |encoded| < d
+ * = sign(encoded) * ((a*|encoded| + b)^g + e), d <= |encoded|
+ *
+ * (A simple gamma transfer function sets g to gamma and a to 1.)
+ **/
 class TransferFunction {
     g;
     a;

package/build/node_modules/chrome-devtools-frontend/front_end/core/common/Gzip.js

@@ -43,7 +43,7 @@ export async function compress(str) {
     const buffer = await gzipCodec(encoded, new CompressionStream('gzip'));
     return buffer;
 }
-// Private coder/decoder
+/** Private coder/decoder **/
 function gzipCodec(buffer, codecStream) {
     const { readable, writable } = new TransformStream();
     const codecReadable = readable.pipeThrough(codecStream);

package/build/node_modules/chrome-devtools-frontend/front_end/core/common/MapWithDefault.js

@@ -1,9 +1,11 @@
 // Copyright 2024 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-// Polyfill of https://github.com/tc39/proposal-upsert with a subclass.
-//
-// TODO: Once the proposal is merged, just replace `MapWithDefault` with `Map` and remove it.
+/**
+ * Polyfill of https://github.com/tc39/proposal-upsert with a subclass.
+ *
+ * TODO: Once the proposal is merged, just replace `MapWithDefault` with `Map` and remove it.
+ **/
 export class MapWithDefault extends Map {
     getOrInsert(key, defaultValue) {
         if (!this.has(key)) {

package/build/node_modules/chrome-devtools-frontend/front_end/core/common/ResourceType.js

@@ -140,10 +140,6 @@ const UIStrings = {
      * @description Name of a network initiator type
      */
     preflight: 'Preflight',
-    /**
-     * @description Name of a network initiator type
-     */
-    webbundle: 'WebBundle',
     /**
      * @description Name of a network initiator type for FedCM requests
      */
@@ -199,9 +195,6 @@ export class ResourceType {
         if (mimeType === 'application/wasm') {
             return resourceTypes.Wasm;
         }
-        if (mimeType === 'application/webbundle') {
-            return resourceTypes.WebBundle;
-        }
         return null;
     }
     static fromURL(url) {
@@ -299,9 +292,6 @@ export class ResourceType {
     isFromSourceMap() {
         return this.#name.startsWith('sm-');
     }
-    isWebbundle() {
-        return this.#name === 'webbundle';
-    }
     toString() {
         return this.#name;
     }
@@ -371,7 +361,6 @@ export const resourceTypes = {
     Preflight: new ResourceType('preflight', i18nLazyString(UIStrings.preflight), resourceCategories.Other, true),
     SourceMapScript: new ResourceType('sm-script', i18nLazyString(UIStrings.script), resourceCategories.Script, true),
     SourceMapStyleSheet: new ResourceType('sm-stylesheet', i18nLazyString(UIStrings.stylesheet), resourceCategories.Stylesheet, true),
-    WebBundle: new ResourceType('webbundle', i18nLazyString(UIStrings.webbundle), resourceCategories.Other, false),
     FedCM: new ResourceType('fedcm', i18nLazyString(UIStrings.fedcm), resourceCategories.Other, false),
 };
 const mimeTypeByName = new Map([

package/build/node_modules/chrome-devtools-frontend/front_end/core/common/ReturnToPanel.js

@@ -1,10 +1,12 @@
 // Copyright 2025 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-// Set instance of this class as flavor to mark what panel triggered the
-// 'elements.toggle-element-search' action if it was not the elements panel.
-// This will cause specified panel to be made visible instead of the elements
-// panel after the inspection is done.
+/**
+ * Set instance of this class as flavor to mark what panel triggered the
+ * 'elements.toggle-element-search' action if it was not the elements panel.
+ * This will cause specified panel to be made visible instead of the elements
+ * panel after the inspection is done.
+ **/
 export class ReturnToPanelFlavor {
     viewId;
     constructor(viewId) {

package/build/node_modules/chrome-devtools-frontend/front_end/core/host/AidaClient.js

@@ -24,7 +24,7 @@ export var FunctionalityType;
     FunctionalityType[FunctionalityType["EXPLAIN_ERROR"] = 2] = "EXPLAIN_ERROR";
     FunctionalityType[FunctionalityType["AGENTIC_CHAT"] = 5] = "AGENTIC_CHAT";
 })(FunctionalityType || (FunctionalityType = {}));
-// See: cs/aida.proto (google3).
+/** See: cs/aida.proto (google3). **/
 export var ClientFeature;
 (function (ClientFeature) {
     // Unspecified client feature.

package/build/node_modules/chrome-devtools-frontend/front_end/core/host/GdpClient.js

@@ -29,27 +29,49 @@ export var EmailPreference;
     EmailPreference["ENABLED"] = "ENABLED";
     EmailPreference["DISABLED"] = "DISABLED";
 })(EmailPreference || (EmailPreference = {}));
-// The `batchGet` awards endpoint returns badge names with an
-// obfuscated user ID (e.g., `profiles/12345/awards/badge-name`).
-// This function normalizes them to use `me` instead of the ID
-// (e.g., `profiles/me/awards/badge-path`) to match the format
-// used for client-side requests.
+export var GdpErrorType;
+(function (GdpErrorType) {
+    GdpErrorType["HTTP_RESPONSE_UNAVAILABLE"] = "HTTP_RESPONSE_UNAVAILABLE";
+    GdpErrorType["NOT_FOUND"] = "NOT_FOUND";
+})(GdpErrorType || (GdpErrorType = {}));
+class GdpError extends Error {
+    type;
+    constructor(type, options) {
+        super(undefined, options);
+        this.type = type;
+    }
+}
+/**
+ * The `batchGet` awards endpoint returns badge names with an
+ * obfuscated user ID (e.g., `profiles/12345/awards/badge-name`).
+ * This function normalizes them to use `me` instead of the ID
+ * (e.g., `profiles/me/awards/badge-path`) to match the format
+ * used for client-side requests.
+ **/
 function normalizeBadgeName(name) {
     return name.replace(/profiles\/[^/]+\/awards\//, 'profiles/me/awards/');
 }
 export const GOOGLE_DEVELOPER_PROGRAM_PROFILE_LINK = 'https://developers.google.com/profile/u/me';
 async function makeHttpRequest(request) {
     if (!isGdpProfilesAvailable()) {
-        return null;
+        throw new GdpError(GdpErrorType.HTTP_RESPONSE_UNAVAILABLE);
     }
     const response = await new Promise(resolve => {
         InspectorFrontendHostInstance.dispatchHttpRequest(request, resolve);
     });
     debugLog({ request, response });
+    if (response.statusCode === 404) {
+        throw new GdpError(GdpErrorType.NOT_FOUND);
+    }
     if ('response' in response && response.statusCode === 200) {
-        return JSON.parse(response.response);
+        try {
+            return JSON.parse(response.response);
+        }
+        catch (err) {
+            throw new GdpError(GdpErrorType.HTTP_RESPONSE_UNAVAILABLE, { cause: err });
+        }
     }
-    return null;
+    throw new GdpError(GdpErrorType.HTTP_RESPONSE_UNAVAILABLE);
 }
 const SERVICE_NAME = 'gdpService';
 let gdpClientInstance = null;
@@ -64,21 +86,41 @@ export class GdpClient {
         }
         return gdpClientInstance;
     }
-    async initialize() {
-        const profile = await this.getProfile();
-        if (profile) {
+    /**
+     * Fetches the user's GDP profile and eligibility status.
+     *
+     * It first attempts to fetch the profile. If the profile is not found
+     * (a `NOT_FOUND` error), this is handled gracefully by treating the profile
+     * as `null` and then proceeding to check for eligibility.
+     *
+     * @returns A promise that resolves with an object containing the `profile`
+     * and `isEligible` status, or `null` if an unexpected error occurs.
+     */
+    async getProfile() {
+        try {
+            const profile = await this.#getProfile();
             return {
-                hasProfile: true,
+                profile,
                 isEligible: true,
             };
         }
-        const isEligible = await this.isEligibleToCreateProfile();
-        return {
-            hasProfile: false,
-            isEligible,
-        };
+        catch (err) {
+            if (err instanceof GdpError && err.type === GdpErrorType.HTTP_RESPONSE_UNAVAILABLE) {
+                return null;
+            }
+        }
+        try {
+            const checkEligibilityResponse = await this.#checkEligibility();
+            return {
+                profile: null,
+                isEligible: checkEligibilityResponse.createProfile === EligibilityStatus.ELIGIBLE,
+            };
+        }
+        catch {
+            return null;
+        }
     }
-    async getProfile() {
+    async #getProfile() {
         if (this.#cachedProfilePromise) {
             return await this.#cachedProfilePromise;
         }
@@ -86,14 +128,13 @@ export class GdpClient {
             service: SERVICE_NAME,
             path: '/v1beta1/profile:get',
             method: 'GET',
-        });
-        const profile = await this.#cachedProfilePromise;
-        if (profile) {
+        }).then(profile => {
             this.#cachedEligibilityPromise = Promise.resolve({ createProfile: EligibilityStatus.ELIGIBLE });
-        }
-        return profile;
+            return profile;
+        });
+        return await this.#cachedProfilePromise;
     }
-    async checkEligibility() {
+    async #checkEligibility() {
         if (this.#cachedEligibilityPromise) {
             return await this.#cachedEligibilityPromise;
         }
@@ -105,52 +146,60 @@ export class GdpClient {
      * @returns null if the request fails, the awarded badge names otherwise.
      */
     async getAwardedBadgeNames({ names }) {
-        const result = await makeHttpRequest({
-            service: SERVICE_NAME,
-            path: '/v1beta1/profiles/me/awards:batchGet',
-            method: 'GET',
-            queryParams: {
-                allowMissing: 'true',
-                names,
-            }
-        });
-        if (!result) {
+        try {
+            const response = await makeHttpRequest({
+                service: SERVICE_NAME,
+                path: '/v1beta1/profiles/me/awards:batchGet',
+                method: 'GET',
+                queryParams: {
+                    allowMissing: 'true',
+                    names,
+                }
+            });
+            return new Set(response.awards?.map(award => normalizeBadgeName(award.name)) ?? []);
+        }
+        catch {
             return null;
         }
-        return new Set(result.awards?.map(award => normalizeBadgeName(award.name)) ?? []);
-    }
-    async isEligibleToCreateProfile() {
-        return (await this.checkEligibility())?.createProfile === EligibilityStatus.ELIGIBLE;
     }
     async createProfile({ user, emailPreference }) {
-        const result = await makeHttpRequest({
-            service: SERVICE_NAME,
-            path: '/v1beta1/profiles',
-            method: 'POST',
-            body: JSON.stringify({
-                user,
-                newsletter_email: emailPreference,
-            }),
-        });
-        if (result) {
+        try {
+            const response = await makeHttpRequest({
+                service: SERVICE_NAME,
+                path: '/v1beta1/profiles',
+                method: 'POST',
+                body: JSON.stringify({
+                    user,
+                    newsletter_email: emailPreference,
+                }),
+            });
             this.#clearCache();
+            return response;
+        }
+        catch {
+            return null;
         }
-        return result;
     }
     #clearCache() {
         this.#cachedProfilePromise = undefined;
         this.#cachedEligibilityPromise = undefined;
     }
-    createAward({ name }) {
-        return makeHttpRequest({
-            service: SERVICE_NAME,
-            path: '/v1beta1/profiles/me/awards',
-            method: 'POST',
-            body: JSON.stringify({
-                awardingUri: 'devtools://devtools',
-                name,
-            })
-        });
+    async createAward({ name }) {
+        try {
+            const response = await makeHttpRequest({
+                service: SERVICE_NAME,
+                path: '/v1beta1/profiles/me/awards',
+                method: 'POST',
+                body: JSON.stringify({
+                    awardingUri: 'devtools://devtools',
+                    name,
+                })
+            });
+            return response;
+        }
+        catch {
+            return null;
+        }
     }
 }
 function isDebugMode() {
@@ -182,5 +231,13 @@ export function getGdpProfilesEnterprisePolicy() {
     return (Root.Runtime.hostConfig.devToolsGdpProfilesAvailability?.enterprisePolicyValue ??
         Root.Runtime.GdpProfilesEnterprisePolicyValue.DISABLED);
 }
+export function isBadgesEnabled() {
+    const isBadgesEnabledByEnterprisePolicy = getGdpProfilesEnterprisePolicy() === Root.Runtime.GdpProfilesEnterprisePolicyValue.ENABLED;
+    const isBadgesEnabledByFeatureFlag = Boolean(Root.Runtime.hostConfig.devToolsGdpProfiles?.badgesEnabled);
+    return isBadgesEnabledByEnterprisePolicy && isBadgesEnabledByFeatureFlag;
+}
+export function isStarterBadgeEnabled() {
+    return Boolean(Root.Runtime.hostConfig.devToolsGdpProfiles?.starterBadgeEnabled);
+}
 // @ts-expect-error
 globalThis.setDebugGdpIntegrationEnabled = setDebugGdpIntegrationEnabled;

package/build/node_modules/chrome-devtools-frontend/front_end/core/host/Platform.js

@@ -24,9 +24,11 @@ export function isWin() {
     }
     return _isWin;
 }
-// In Chrome Layout tests the imported 'Platform' object is not writable/
-// configurable, which prevents us from monkey-patching 'Platform''s methods.
-// We circumvent this by adding 'setPlatformForTests'.
+/**
+ * In Chrome Layout tests the imported 'Platform' object is not writable/
+ * configurable, which prevents us from monkey-patching 'Platform''s methods.
+ * We circumvent this by adding 'setPlatformForTests'.
+ **/
 export function setPlatformForTests(platform) {
     _platform = platform;
     _isMac = undefined;

package/build/node_modules/chrome-devtools-frontend/front_end/core/host/UserMetrics.js

@@ -231,9 +231,11 @@ export class UserMetrics {
  * 1. Delete the line with the unneeded value
  * 2. Do not update any 'MAX_VALUE' or any other value.
  */
-// Codes below are used to collect UMA histograms in the Chromium port.
-// Do not change the values below, additional actions are needed on the Chromium side
-// in order to add more codes.
+/**
+ * Codes below are used to collect UMA histograms in the Chromium port.
+ * Do not change the values below, additional actions are needed on the Chromium side
+ * in order to add more codes.
+ **/
 export var Action;
 (function (Action) {
     /* eslint-disable @typescript-eslint/naming-convention */
@@ -706,7 +708,7 @@ export var DevtoolsExperiments;
     // Increment this when new experiments are added.
     DevtoolsExperiments[DevtoolsExperiments["MAX_VALUE"] = 110] = "MAX_VALUE";
 })(DevtoolsExperiments || (DevtoolsExperiments = {}));
-// Update DevToolsIssuesPanelIssueExpanded from tools/metrics/histograms/enums.xml if new enum is added.
+/** Update DevToolsIssuesPanelIssueExpanded from tools/metrics/histograms/enums.xml if new enum is added. **/
 export var IssueExpanded;
 (function (IssueExpanded) {
     /* eslint-disable @typescript-eslint/naming-convention */

package/build/node_modules/chrome-devtools-frontend/front_end/core/platform/ArrayUtilities.js

@@ -193,7 +193,7 @@ export function nearestIndexFromBeginning(arr, predicate) {
 export function nearestIndexFromEnd(arr, predicate) {
     return nearestIndex(arr, predicate, "END" /* NearestSearchStart.END */);
 }
-// Type guard for ensuring that `arr` does not contain null or undefined
+/** Type guard for ensuring that `arr` does not contain null or undefined **/
 export function arrayDoesNotContainNullOrUndefined(arr) {
     return !arr.includes(null) && !arr.includes(undefined);
 }

package/build/node_modules/chrome-devtools-frontend/front_end/core/platform/StringUtilities.js

@@ -233,7 +233,7 @@ export const stripLineBreaks = (inputStr) => {
 };
 const EXTENDED_KEBAB_CASE_REGEXP = /^([a-z0-9]+(?:-[a-z0-9]+)*\.)*[a-z0-9]+(?:-[a-z0-9]+)*$/;
 /**
- * Tests if the `inputStr` is following the extended Kebab Case naming convetion,
+ * Tests if the `inputStr` is following the extended Kebab Case naming convention,
  * where words are separated with either a dash (`-`) or a dot (`.`), and all
  * characters must be lower-case alphanumeric.
  *
@@ -351,7 +351,7 @@ export const escapeForRegExp = (str) => {
 };
 export const naturalOrderComparator = (a, b) => {
     const chunk = /^\d+|^\D+/;
-    let chunka, chunkb, anum, bnum;
+    let chunkA, chunkB, numA, numB;
     while (true) {
         if (a) {
             if (!b) {
@@ -364,33 +364,33 @@ export const naturalOrderComparator = (a, b) => {
             }
             return 0;
         }
-        chunka = a.match(chunk)[0];
-        chunkb = b.match(chunk)[0];
-        anum = !Number.isNaN(Number(chunka));
-        bnum = !Number.isNaN(Number(chunkb));
-        if (anum && !bnum) {
+        chunkA = a.match(chunk)[0];
+        chunkB = b.match(chunk)[0];
+        numA = !Number.isNaN(Number(chunkA));
+        numB = !Number.isNaN(Number(chunkB));
+        if (numA && !numB) {
             return -1;
         }
-        if (bnum && !anum) {
+        if (numB && !numA) {
             return 1;
         }
-        if (anum && bnum) {
-            const diff = Number(chunka) - Number(chunkb);
+        if (numA && numB) {
+            const diff = Number(chunkA) - Number(chunkB);
             if (diff) {
                 return diff;
             }
-            if (chunka.length !== chunkb.length) {
-                if (!Number(chunka) && !Number(chunkb)) { // chunks are strings of all 0s (special case)
-                    return chunka.length - chunkb.length;
+            if (chunkA.length !== chunkB.length) {
+                if (!Number(chunkA) && !Number(chunkB)) { // chunks are strings of all 0s (special case)
+                    return chunkA.length - chunkB.length;
                 }
-                return chunkb.length - chunka.length;
+                return chunkB.length - chunkA.length;
             }
         }
-        else if (chunka !== chunkb) {
-            return (chunka < chunkb) ? -1 : 1;
+        else if (chunkA !== chunkB) {
+            return (chunkA < chunkB) ? -1 : 1;
         }
-        a = a.substring(chunka.length);
-        b = b.substring(chunkb.length);
+        a = a.substring(chunkA.length);
+        b = b.substring(chunkB.length);
     }
 };
 export const base64ToSize = function (content) {
@@ -458,19 +458,21 @@ export const createPlainTextSearchRegex = function (query, flags) {
 export const toLowerCaseString = function (input) {
     return input.toLowerCase();
 };
+/**
+ * 1: two or more consecutive uppercase letters. This is useful for identifying acronyms
+ * 2: lookahead assertion that matches a word boundary
+ * 3: numeronym: single letter followed by number and another letter
+ * 4: word starting with an optional uppercase letter
+ * 5: single digit followed by word to handle '3D' or '2px' (this might be controverial)
+ * 6: single uppercase letter or number
+ * 7: a dot character. We extract it into a separate word and remove dashes around it later.
+ * This is makes more sense conceptually and allows accounting for all possible word variants.
+ * Making dot a part of a word prevent us from handling acronyms or numeronyms after the word
+ * correctly without making the RegExp prohibitively complicated.
+ * https://regex101.com/r/FhMVKc/1
+ *            <---1---><------------2-----------> <---------3--------> <-----4----> <------5-----> <-----6----> <7>
+ */
 const WORD = /[A-Z]{2,}(?=[A-Z0-9][a-z0-9]+|\b|_)|[A-Za-z][0-9]+[a-z]?|[A-Z]?[a-z]+|[0-9][A-Za-z]+|[A-Z]|[0-9]+|[.]/g;
-//            <---1---><------------2-----------> <---------3--------> <-----4----> <------5-----> <-----6----> <7>
-// 1: two or more consecutive uppercase letters. This is useful for identifying acronyms
-// 2: lookahead assertion that matches a word boundary
-// 3: numeronym: single letter followed by number and another letter
-// 4: word starting with an optional uppercase letter
-// 5: single digit followed by word to handle '3D' or '2px' (this might be controverial)
-// 6: single uppercase letter or number
-// 7: a dot character. We extract it into a separate word and remove dashes around it later.
-//    This is makes more sense conceptually and allows accounting for all possible word variants.
-//    Making dot a part of a word prevent us from handling acronyms or numeronyms after the word
-//    correctly without making the RegExp prohibitively complicated.
-// https://regex101.com/r/FhMVKc/1
 export const toKebabCase = function (input) {
     return (input.match?.(WORD)?.map(w => w.toLowerCase()).join('-').replaceAll('-.-', '.') || input);
 };
@@ -507,7 +509,7 @@ export function toSnakeCase(text) {
         .replace(/^_|_$/g, ''); // 5
     return result;
 }
-// Replaces the last ocurrence of parameter `search` with parameter `replacement` in `input`
+/** Replaces the last occurrence of parameter `search` with parameter `replacement` in `input` **/
 export const replaceLast = function (input, search, replacement) {
     const replacementStartIndex = input.lastIndexOf(search);
     if (replacementStartIndex === -1) {

package/build/node_modules/chrome-devtools-frontend/front_end/core/sdk/CSSMetadata.js

@@ -279,8 +279,10 @@ export const CubicBezierKeywordValues = new Map([
     ['ease-in-out', 'cubic-bezier(0.42, 0, 0.58, 1)'],
     ['ease-out', 'cubic-bezier(0, 0, 0.58, 1)'],
 ]);
-// Spec: https://drafts.csswg.org/css-cascade/#defaulting-keywords
-// https://drafts.csswg.org/css-cascade-5/#revert-layer
+/**
+ * Spec: https://drafts.csswg.org/css-cascade/#defaulting-keywords
+ * https://drafts.csswg.org/css-cascade-5/#revert-layer
+ **/
 export const CSSWideKeywords = [
     "inherit" /* CSSWideKeyword.INHERIT */,
     "initial" /* CSSWideKeyword.INITIAL */,