@mcp-b/chrome-devtools-mcp 1.1.0 → 1.1.1

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

@@ -0,0 +1,332 @@
+// Copyright 2022 The Chromium Authors
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+/**
+ * Implementation of this module and all the tests are heavily influenced by
+ * https://source.chromium.org/chromium/chromium/src/+/main:ui/gfx/color_conversions.cc
+ */
+// https://en.wikipedia.org/wiki/CIELAB_color_space#Converting_between_CIELAB_and_CIEXYZ_coordinates
+const D50_X = 0.9642;
+const D50_Y = 1.0;
+const D50_Z = 0.8251;
+class Vector3 {
+    values = [0, 0, 0];
+    constructor(values) {
+        if (values) {
+            this.values = values;
+        }
+    }
+}
+class Matrix3x3 {
+    values = [
+        [0, 0, 0],
+        [0, 0, 0],
+        [0, 0, 0],
+    ];
+    constructor(values) {
+        if (values) {
+            this.values = values;
+        }
+    }
+    multiply(other) {
+        const dst = new Vector3();
+        for (let row = 0; row < 3; ++row) {
+            dst.values[row] = this.values[row][0] * other.values[0] + this.values[row][1] * other.values[1] +
+                this.values[row][2] * other.values[2];
+        }
+        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.)
+ **/
+class TransferFunction {
+    g;
+    a;
+    b;
+    c;
+    d;
+    e;
+    f;
+    constructor(g, a, b = 0, c = 0, d = 0, e = 0, f = 0) {
+        this.g = g;
+        this.a = a;
+        this.b = b;
+        this.c = c;
+        this.d = d;
+        this.e = e;
+        this.f = f;
+    }
+    eval(val) {
+        const sign = val < 0 ? -1.0 : 1.0;
+        const abs = val * sign;
+        // 0 <= |encoded| < d path
+        if (abs < this.d) {
+            return sign * (this.c * abs + this.f);
+        }
+        // d <= |encoded| path
+        return sign * (Math.pow(this.a * abs + this.b, this.g) + this.e);
+    }
+}
+const NAMED_TRANSFER_FN = {
+    sRGB: new TransferFunction(2.4, (1 / 1.055), (0.055 / 1.055), (1 / 12.92), 0.04045, 0.0, 0.0),
+    sRGB_INVERSE: new TransferFunction(0.416667, 1.13728, -0, 12.92, 0.0031308, -0.0549698, -0),
+    proPhotoRGB: new TransferFunction(1.8, 1),
+    proPhotoRGB_INVERSE: new TransferFunction(0.555556, 1, -0, 0, 0, 0, 0),
+    k2Dot2: new TransferFunction(2.2, 1.0),
+    k2Dot2_INVERSE: new TransferFunction(0.454545, 1),
+    rec2020: new TransferFunction(2.22222, 0.909672, 0.0903276, 0.222222, 0.0812429, 0, 0),
+    rec2020_INVERSE: new TransferFunction(0.45, 1.23439, -0, 4.5, 0.018054, -0.0993195, -0),
+};
+const NAMED_GAMUTS = {
+    sRGB: new Matrix3x3([
+        [0.436065674, 0.385147095, 0.143066406],
+        [0.222488403, 0.716873169, 0.060607910],
+        [0.013916016, 0.097076416, 0.714096069],
+    ]),
+    sRGB_INVERSE: new Matrix3x3([
+        [3.134112151374599, -1.6173924597114966, -0.4906334036481285],
+        [-0.9787872938826594, 1.9162795854799963, 0.0334547139520088],
+        [0.07198304248352326, -0.2289858493321844, 1.4053851325241447],
+    ]),
+    displayP3: new Matrix3x3([
+        [0.515102, 0.291965, 0.157153],
+        [0.241182, 0.692236, 0.0665819],
+        [-0.00104941, 0.0418818, 0.784378],
+    ]),
+    displayP3_INVERSE: new Matrix3x3([
+        [2.404045155982687, -0.9898986932663839, -0.3976317191366333],
+        [-0.8422283799266768, 1.7988505115115485, 0.016048170293157416],
+        [0.04818705979712955, -0.09737385156228891, 1.2735066448052303],
+    ]),
+    adobeRGB: new Matrix3x3([
+        [0.60974, 0.20528, 0.14919],
+        [0.31111, 0.62567, 0.06322],
+        [0.01947, 0.06087, 0.74457],
+    ]),
+    adobeRGB_INVERSE: new Matrix3x3([
+        [1.9625385510109137, -0.6106892546501431, -0.3413827467482388],
+        [-0.9787580455521, 1.9161624707082339, 0.03341676594241408],
+        [0.028696263137883395, -0.1406807819331586, 1.349252109991369],
+    ]),
+    rec2020: new Matrix3x3([
+        [0.673459, 0.165661, 0.125100],
+        [0.279033, 0.675338, 0.0456288],
+        [-0.00193139, 0.0299794, 0.797162],
+    ]),
+    rec2020_INVERSE: new Matrix3x3([
+        [1.647275201661012, -0.3936024771460771, -0.23598028884792507],
+        [-0.6826176165196962, 1.647617775014935, 0.01281626807852422],
+        [0.029662725298529837, -0.06291668721366285, 1.2533964313435522],
+    ]),
+    xyz: new Matrix3x3([
+        [1.0, 0.0, 0.0],
+        [0.0, 1.0, 0.0],
+        [0.0, 0.0, 1.0],
+    ]),
+};
+function degToRad(deg) {
+    return deg * (Math.PI / 180);
+}
+function radToDeg(rad) {
+    return rad * (180 / Math.PI);
+}
+function applyTransferFns(fn, r, g, b) {
+    return [fn.eval(r), fn.eval(g), fn.eval(b)];
+}
+const OKLAB_TO_LMS_MATRIX = new Matrix3x3([
+    [0.99999999845051981432, 0.39633779217376785678, 0.21580375806075880339],
+    [1.0000000088817607767, -0.1055613423236563494, -0.063854174771705903402],
+    [1.0000000546724109177, -0.089484182094965759684, -1.2914855378640917399],
+]);
+// Inverse of the OKLAB_TO_LMS_MATRIX
+const LMS_TO_OKLAB_MATRIX = new Matrix3x3([
+    [0.2104542553, 0.7936177849999999, -0.0040720468],
+    [1.9779984951000003, -2.4285922049999997, 0.4505937099000001],
+    [0.025904037099999982, 0.7827717662, -0.8086757660000001],
+]);
+const XYZ_TO_LMS_MATRIX = new Matrix3x3([
+    [0.8190224432164319, 0.3619062562801221, -0.12887378261216414],
+    [0.0329836671980271, 0.9292868468965546, 0.03614466816999844],
+    [0.048177199566046255, 0.26423952494422764, 0.6335478258136937],
+]);
+// Inverse of XYZ_TO_LMS_MATRIX
+const LMS_TO_XYZ_MATRIX = new Matrix3x3([
+    [1.226879873374156, -0.5578149965554814, 0.2813910501772159],
+    [-0.040575762624313734, 1.1122868293970596, -0.07171106666151703],
+    [-0.07637294974672144, -0.4214933239627915, 1.586924024427242],
+]);
+const PRO_PHOTO_TO_XYZD50_MATRIX = new Matrix3x3([
+    [0.7976700747153241, 0.13519395152800417, 0.03135596341127167],
+    [0.28803902352472205, 0.7118744007923554, 0.00008661179538844252],
+    [2.739876695467402e-7, -0.0000014405226518969991, 0.825211112593861],
+]);
+// Inverse of PRO_PHOTO_TO_XYZD50_MATRIX
+const XYZD50_TO_PRO_PHOTO_MATRIX = new Matrix3x3([
+    [1.3459533710138858, -0.25561367037652133, -0.051116041522131374],
+    [-0.544600415668951, 1.5081687311475767, 0.020535163968720935],
+    [-0.0000013975622054109725, 0.000002717590904589903, 1.2118111696814942],
+]);
+const XYZD65_TO_XYZD50_MATRIX = new Matrix3x3([
+    [1.0478573189120088, 0.022907374491829943, -0.050162247377152525],
+    [0.029570500050499514, 0.9904755577034089, -0.017061518194840468],
+    [-0.00924047197558879, 0.015052921526981566, 0.7519708530777581],
+]);
+// Inverse of XYZD65_TO_XYZD50_MATRIX
+const XYZD50_TO_XYZD65_MATRIX = new Matrix3x3([
+    [0.9555366447632887, -0.02306009252137888, 0.06321844147263304],
+    [-0.028315378228764922, 1.009951351591575, 0.021026001591792402],
+    [0.012308773293784308, -0.02050053471777469, 1.3301947294775631],
+]);
+export class ColorConverter {
+    static labToXyzd50(l, a, b) {
+        let y = (l + 16.0) / 116.0;
+        let x = y + a / 500.0;
+        let z = y - b / 200.0;
+        function labInverseTransferFunction(t) {
+            const delta = (24.0 / 116.0);
+            if (t <= delta) {
+                return (108.0 / 841.0) * (t - (16.0 / 116.0));
+            }
+            return t * t * t;
+        }
+        x = labInverseTransferFunction(x) * D50_X;
+        y = labInverseTransferFunction(y) * D50_Y;
+        z = labInverseTransferFunction(z) * D50_Z;
+        return [x, y, z];
+    }
+    static xyzd50ToLab(x, y, z) {
+        function labTransferFunction(t) {
+            const deltaLimit = (24.0 / 116.0) * (24.0 / 116.0) * (24.0 / 116.0);
+            if (t <= deltaLimit) {
+                return (841.0 / 108.0) * t + (16.0 / 116.0);
+            }
+            return Math.pow(t, 1.0 / 3.0);
+        }
+        x = labTransferFunction(x / D50_X);
+        y = labTransferFunction(y / D50_Y);
+        z = labTransferFunction(z / D50_Z);
+        const l = 116.0 * y - 16.0;
+        const a = 500.0 * (x - y);
+        const b = 200.0 * (y - z);
+        return [l, a, b];
+    }
+    static oklabToXyzd65(l, a, b) {
+        const labInput = new Vector3([l, a, b]);
+        const lmsIntermediate = OKLAB_TO_LMS_MATRIX.multiply(labInput);
+        lmsIntermediate.values[0] = lmsIntermediate.values[0] * lmsIntermediate.values[0] * lmsIntermediate.values[0];
+        lmsIntermediate.values[1] = lmsIntermediate.values[1] * lmsIntermediate.values[1] * lmsIntermediate.values[1];
+        lmsIntermediate.values[2] = lmsIntermediate.values[2] * lmsIntermediate.values[2] * lmsIntermediate.values[2];
+        const xyzOutput = LMS_TO_XYZ_MATRIX.multiply(lmsIntermediate);
+        return xyzOutput.values;
+    }
+    static xyzd65ToOklab(x, y, z) {
+        const xyzInput = new Vector3([x, y, z]);
+        const lmsIntermediate = XYZ_TO_LMS_MATRIX.multiply(xyzInput);
+        lmsIntermediate.values[0] = Math.pow(lmsIntermediate.values[0], 1.0 / 3.0);
+        lmsIntermediate.values[1] = Math.pow(lmsIntermediate.values[1], 1.0 / 3.0);
+        lmsIntermediate.values[2] = Math.pow(lmsIntermediate.values[2], 1.0 / 3.0);
+        const labOutput = LMS_TO_OKLAB_MATRIX.multiply(lmsIntermediate);
+        return [labOutput.values[0], labOutput.values[1], labOutput.values[2]];
+    }
+    static lchToLab(l, c, h) {
+        if (h === undefined) {
+            return [l, 0, 0];
+        }
+        return [l, c * Math.cos(degToRad(h)), c * Math.sin(degToRad(h))];
+    }
+    static labToLch(l, a, b) {
+        return [l, Math.sqrt(a * a + b * b), radToDeg(Math.atan2(b, a))];
+    }
+    static displayP3ToXyzd50(r, g, b) {
+        const [mappedR, mappedG, mappedB] = applyTransferFns(NAMED_TRANSFER_FN.sRGB, r, g, b);
+        const rgbInput = new Vector3([mappedR, mappedG, mappedB]);
+        const xyzOutput = NAMED_GAMUTS.displayP3.multiply(rgbInput);
+        return xyzOutput.values;
+    }
+    static xyzd50ToDisplayP3(x, y, z) {
+        const xyzInput = new Vector3([x, y, z]);
+        const rgbOutput = NAMED_GAMUTS.displayP3_INVERSE.multiply(xyzInput);
+        return applyTransferFns(NAMED_TRANSFER_FN.sRGB_INVERSE, rgbOutput.values[0], rgbOutput.values[1], rgbOutput.values[2]);
+    }
+    static proPhotoToXyzd50(r, g, b) {
+        const [mappedR, mappedG, mappedB] = applyTransferFns(NAMED_TRANSFER_FN.proPhotoRGB, r, g, b);
+        const rgbInput = new Vector3([mappedR, mappedG, mappedB]);
+        const xyzOutput = PRO_PHOTO_TO_XYZD50_MATRIX.multiply(rgbInput);
+        return xyzOutput.values;
+    }
+    static xyzd50ToProPhoto(x, y, z) {
+        const xyzInput = new Vector3([x, y, z]);
+        const rgbOutput = XYZD50_TO_PRO_PHOTO_MATRIX.multiply(xyzInput);
+        return applyTransferFns(NAMED_TRANSFER_FN.proPhotoRGB_INVERSE, rgbOutput.values[0], rgbOutput.values[1], rgbOutput.values[2]);
+    }
+    static adobeRGBToXyzd50(r, g, b) {
+        const [mappedR, mappedG, mappedB] = applyTransferFns(NAMED_TRANSFER_FN.k2Dot2, r, g, b);
+        const rgbInput = new Vector3([mappedR, mappedG, mappedB]);
+        const xyzOutput = NAMED_GAMUTS.adobeRGB.multiply(rgbInput);
+        return xyzOutput.values;
+    }
+    static xyzd50ToAdobeRGB(x, y, z) {
+        const xyzInput = new Vector3([x, y, z]);
+        const rgbOutput = NAMED_GAMUTS.adobeRGB_INVERSE.multiply(xyzInput);
+        return applyTransferFns(NAMED_TRANSFER_FN.k2Dot2_INVERSE, rgbOutput.values[0], rgbOutput.values[1], rgbOutput.values[2]);
+    }
+    static rec2020ToXyzd50(r, g, b) {
+        const [mappedR, mappedG, mappedB] = applyTransferFns(NAMED_TRANSFER_FN.rec2020, r, g, b);
+        const rgbInput = new Vector3([mappedR, mappedG, mappedB]);
+        const xyzOutput = NAMED_GAMUTS.rec2020.multiply(rgbInput);
+        return xyzOutput.values;
+    }
+    static xyzd50ToRec2020(x, y, z) {
+        const xyzInput = new Vector3([x, y, z]);
+        const rgbOutput = NAMED_GAMUTS.rec2020_INVERSE.multiply(xyzInput);
+        return applyTransferFns(NAMED_TRANSFER_FN.rec2020_INVERSE, rgbOutput.values[0], rgbOutput.values[1], rgbOutput.values[2]);
+    }
+    static xyzd50ToD65(x, y, z) {
+        const xyzInput = new Vector3([x, y, z]);
+        const xyzOutput = XYZD50_TO_XYZD65_MATRIX.multiply(xyzInput);
+        return xyzOutput.values;
+    }
+    static xyzd65ToD50(x, y, z) {
+        const xyzInput = new Vector3([x, y, z]);
+        const xyzOutput = XYZD65_TO_XYZD50_MATRIX.multiply(xyzInput);
+        return xyzOutput.values;
+    }
+    static xyzd50TosRGBLinear(x, y, z) {
+        const xyzInput = new Vector3([x, y, z]);
+        const rgbResult = NAMED_GAMUTS.sRGB_INVERSE.multiply(xyzInput);
+        return rgbResult.values;
+    }
+    static srgbLinearToXyzd50(r, g, b) {
+        const rgbInput = new Vector3([r, g, b]);
+        const xyzOutput = NAMED_GAMUTS.sRGB.multiply(rgbInput);
+        return xyzOutput.values;
+    }
+    static srgbToXyzd50(r, g, b) {
+        const [mappedR, mappedG, mappedB] = applyTransferFns(NAMED_TRANSFER_FN.sRGB, r, g, b);
+        const rgbInput = new Vector3([mappedR, mappedG, mappedB]);
+        const xyzOutput = NAMED_GAMUTS.sRGB.multiply(rgbInput);
+        return xyzOutput.values;
+    }
+    static xyzd50ToSrgb(x, y, z) {
+        const xyzInput = new Vector3([x, y, z]);
+        const rgbOutput = NAMED_GAMUTS.sRGB_INVERSE.multiply(xyzInput);
+        return applyTransferFns(NAMED_TRANSFER_FN.sRGB_INVERSE, rgbOutput.values[0], rgbOutput.values[1], rgbOutput.values[2]);
+    }
+    static oklchToXyzd50(lInput, c, h) {
+        const [l, a, b] = ColorConverter.lchToLab(lInput, c, h);
+        const [x65, y65, z65] = ColorConverter.oklabToXyzd65(l, a, b);
+        return ColorConverter.xyzd65ToD50(x65, y65, z65);
+    }
+    static xyzd50ToOklch(x, y, z) {
+        const [x65, y65, z65] = ColorConverter.xyzd50ToD65(x, y, z);
+        const [l, a, b] = ColorConverter.xyzd65ToOklab(x65, y65, z65);
+        return ColorConverter.labToLch(l, a, b);
+    }
+}

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

@@ -0,0 +1,221 @@
+// Copyright 2020 The Chromium Authors
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+export function blendColors(fgRGBA, bgRGBA) {
+    const alpha = fgRGBA[3];
+    return [
+        ((1 - alpha) * bgRGBA[0]) + (alpha * fgRGBA[0]),
+        ((1 - alpha) * bgRGBA[1]) + (alpha * fgRGBA[1]),
+        ((1 - alpha) * bgRGBA[2]) + (alpha * fgRGBA[2]),
+        alpha + (bgRGBA[3] * (1 - alpha)),
+    ];
+}
+function rgbToHue([r, g, b]) {
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    const diff = max - min;
+    let h;
+    if (min === max) {
+        h = 0;
+    }
+    else if (r === max) {
+        h = ((1 / 6 * (g - b) / diff) + 1) % 1;
+    }
+    else if (g === max) {
+        h = (1 / 6 * (b - r) / diff) + 1 / 3;
+    }
+    else {
+        h = (1 / 6 * (r - g) / diff) + 2 / 3;
+    }
+    return h;
+}
+export function rgbToHsl(rgb) {
+    const [h, s, l] = rgbaToHsla([...rgb, undefined]);
+    return [h, s, l];
+}
+export function rgbaToHsla([r, g, b, a]) {
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    const diff = max - min;
+    const sum = max + min;
+    const h = rgbToHue([r, g, b]);
+    const l = 0.5 * sum;
+    let s;
+    if (l === 0) {
+        s = 0;
+    }
+    else if (l === 1) {
+        s = 0;
+    }
+    else if (l <= 0.5) {
+        s = diff / sum;
+    }
+    else {
+        s = diff / (2 - sum);
+    }
+    return [h, s, l, a];
+}
+export function rgbToHwb(rgb) {
+    const [h, w, b] = rgbaToHwba([...rgb, undefined]);
+    return [h, w, b];
+}
+export function rgbaToHwba([r, g, b, a]) {
+    const h = rgbToHue([r, g, b]);
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    return [h, min, 1 - max, a];
+}
+/**
+ * Calculate the luminance of this color using the WCAG algorithm.
+ * See https://www.w3.org/TR/WCAG21/#dfn-relative-luminance.
+ */
+export function luminance([rSRGB, gSRGB, bSRGB]) {
+    const r = rSRGB <= 0.04045 ? rSRGB / 12.92 : Math.pow(((rSRGB + 0.055) / 1.055), 2.4);
+    const g = gSRGB <= 0.04045 ? gSRGB / 12.92 : Math.pow(((gSRGB + 0.055) / 1.055), 2.4);
+    const b = bSRGB <= 0.04045 ? bSRGB / 12.92 : Math.pow(((bSRGB + 0.055) / 1.055), 2.4);
+    return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+}
+/**
+ * Calculate the contrast ratio between a foreground and a background color.
+ * Returns the ratio to 1, for example for two two colors with a contrast ratio of 21:1, this function will return 21.
+ * See http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef
+ */
+export function contrastRatio(fgRGBA, bgRGBA) {
+    const blendedFg = blendColors(fgRGBA, bgRGBA);
+    const fgLuminance = luminance(blendedFg);
+    const bgLuminance = luminance(bgRGBA);
+    const contrastRatio = (Math.max(fgLuminance, bgLuminance) + 0.05) / (Math.min(fgLuminance, bgLuminance) + 0.05);
+    return contrastRatio;
+}
+// Constants for basic APCA version.
+// See https://github.com/Myndex/SAPC-APCA
+const mainTRC = 2.4;
+const normBgExp = 0.56;
+const normFgExp = 0.57;
+const revBgExp = 0.65;
+const revFgExp = 0.62;
+const blkThrs = 0.022;
+const blkClmp = 1.414;
+const scaleBoW = 1.14;
+const scaleWoB = 1.14;
+const loConOffset = 0.027;
+const loClip = 0.1;
+const deltaLuminanceMin = 0.0005;
+/**
+ * Calculate relative luminance of a color.
+ * See https://github.com/Myndex/SAPC-APCA
+ */
+export function luminanceAPCA([rSRGB, gSRGB, bSRGB]) {
+    const r = Math.pow(rSRGB, mainTRC);
+    const g = Math.pow(gSRGB, mainTRC);
+    const b = Math.pow(bSRGB, mainTRC);
+    return 0.2126729 * r + 0.7151522 * g + 0.0721750 * b;
+}
+/**
+ * Calculate the contrast ratio between a foreground and a background color.
+ * Returns the percentage of the predicted visual contrast.
+ * See https://github.com/Myndex/SAPC-APCA
+ */
+export function contrastRatioAPCA(fgRGBA, bgRGBA) {
+    const blendedFg = blendColors(fgRGBA, bgRGBA);
+    return contrastRatioByLuminanceAPCA(luminanceAPCA(blendedFg), luminanceAPCA(bgRGBA));
+}
+function clampLuminance(value) {
+    return value > blkThrs ? value : (value + Math.pow(blkThrs - value, blkClmp));
+}
+export function contrastRatioByLuminanceAPCA(fgLuminance, bgLuminance) {
+    fgLuminance = clampLuminance(fgLuminance);
+    bgLuminance = clampLuminance(bgLuminance);
+    if (Math.abs(fgLuminance - bgLuminance) < deltaLuminanceMin) {
+        return 0;
+    }
+    let result = 0;
+    if (bgLuminance > fgLuminance) { // Black text on white.
+        result = (Math.pow(bgLuminance, normBgExp) - Math.pow(fgLuminance, normFgExp)) * scaleBoW;
+        result = result < loClip ? 0 : result - loConOffset;
+    }
+    else {
+        // White text on black.
+        result = (Math.pow(bgLuminance, revBgExp) - Math.pow(fgLuminance, revFgExp)) * scaleWoB;
+        result = result > -loClip ? 0 : result + loConOffset;
+    }
+    return result * 100;
+}
+/**
+ * Compute a desired luminance given a given luminance and a desired contrast
+ * percentage according to APCA.
+ */
+export function desiredLuminanceAPCA(luminance, contrast, lighter) {
+    luminance = clampLuminance(luminance);
+    contrast /= 100;
+    function computeLuminance() {
+        if (!lighter) { // Black text on white.
+            return Math.pow(Math.abs(Math.pow(luminance, normBgExp) - (contrast + loConOffset) / scaleBoW), 1 / normFgExp);
+        }
+        // White text on black.
+        return Math.pow(Math.abs(Math.pow(luminance, revBgExp) - (-contrast - loConOffset) / scaleWoB), 1 / revFgExp);
+    }
+    let desiredLuminance = computeLuminance();
+    if (desiredLuminance < 0 || desiredLuminance > 1) {
+        lighter = !lighter;
+        desiredLuminance = computeLuminance();
+    }
+    return desiredLuminance;
+}
+// clang-format off
+const contrastAPCALookupTable = [
+    // See https://github.com/Myndex/SAPC-APCA
+    // font size in px | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 weights
+    [12, -1, -1, -1, -1, 100, 90, 80, -1, -1],
+    [14, -1, -1, -1, 100, 90, 80, 60, 60, -1],
+    [16, -1, -1, 100, 90, 80, 60, 55, 50, 50],
+    [18, -1, -1, 90, 80, 60, 55, 50, 40, 40],
+    [24, -1, 100, 80, 60, 55, 50, 40, 38, 35],
+    [30, -1, 90, 70, 55, 50, 40, 38, 35, 40],
+    [36, -1, 80, 60, 50, 40, 38, 35, 30, 25],
+    [48, 100, 70, 55, 40, 38, 35, 30, 25, 20],
+    [60, 90, 60, 50, 38, 35, 30, 25, 20, 20],
+    [72, 80, 55, 40, 35, 30, 25, 20, 20, 20],
+    [96, 70, 50, 35, 30, 25, 20, 20, 20, 20],
+    [120, 60, 40, 30, 25, 20, 20, 20, 20, 20],
+];
+// clang-format on
+contrastAPCALookupTable.reverse();
+export function getAPCAThreshold(fontSize, fontWeight) {
+    const size = parseFloat(fontSize.replace('px', ''));
+    const weight = parseFloat(fontWeight);
+    // Go over the table backwards to find the first matching font size and then the weight.
+    // Fonts larger than 96px, use the thresholds for 96px.
+    // Fonts smaller than 12px, don't get any threshold meaning the font size needs to be increased.
+    for (const [rowSize, ...rowWeights] of contrastAPCALookupTable) {
+        if (size >= rowSize) {
+            for (const [idx, keywordWeight] of [900, 800, 700, 600, 500, 400, 300, 200, 100].entries()) {
+                if (weight >= keywordWeight) {
+                    const threshold = rowWeights[rowWeights.length - 1 - idx];
+                    return threshold === -1 ? null : threshold;
+                }
+            }
+        }
+    }
+    return null;
+}
+export function isLargeFont(fontSize, fontWeight) {
+    const boldWeights = ['bold', 'bolder'];
+    const fontSizePx = parseFloat(fontSize.replace('px', ''));
+    const isBold = isNaN(Number(fontWeight)) ? boldWeights.includes(fontWeight) : Number(fontWeight) >= 600;
+    const fontSizePt = fontSizePx * 72 / 96;
+    if (isBold) {
+        return fontSizePt >= 14;
+    }
+    return fontSizePt >= 18;
+}
+const contrastThresholds = {
+    largeFont: { aa: 3.0, aaa: 4.5 },
+    normalFont: { aa: 4.5, aaa: 7.0 },
+};
+export function getContrastThreshold(fontSize, fontWeight) {
+    if (isLargeFont(fontSize, fontWeight)) {
+        return contrastThresholds.largeFont;
+    }
+    return contrastThresholds.normalFont;
+}

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

@@ -0,0 +1,79 @@
+// Copyright 2014 The Chromium Authors
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+import { ObjectWrapper } from './Object.js';
+import { reveal } from './Revealer.js';
+let consoleInstance;
+export class Console extends ObjectWrapper {
+    #messages = [];
+    static instance(opts) {
+        if (!consoleInstance || opts?.forceNew) {
+            consoleInstance = new Console();
+        }
+        return consoleInstance;
+    }
+    static removeInstance() {
+        consoleInstance = undefined;
+    }
+    /**
+     * Add a message to the Console panel.
+     *
+     * @param text the message text.
+     * @param level the message level.
+     * @param show whether to show the Console panel (if it's not already shown).
+     * @param source the message source.
+     */
+    addMessage(text, level = "info" /* MessageLevel.INFO */, show = false, source) {
+        const message = new Message(text, level, Date.now(), show, source);
+        this.#messages.push(message);
+        this.dispatchEventToListeners("messageAdded" /* Events.MESSAGE_ADDED */, message);
+    }
+    log(text) {
+        this.addMessage(text, "info" /* MessageLevel.INFO */);
+    }
+    warn(text, source) {
+        this.addMessage(text, "warning" /* MessageLevel.WARNING */, undefined, source);
+    }
+    /**
+     * Adds an error message to the Console panel.
+     *
+     * @param text the message text.
+     * @param show whether to show the Console panel (if it's not already shown).
+     */
+    error(text, show = true) {
+        this.addMessage(text, "error" /* MessageLevel.ERROR */, show);
+    }
+    messages() {
+        return this.#messages;
+    }
+    show() {
+        void this.showPromise();
+    }
+    showPromise() {
+        return reveal(this);
+    }
+}
+export var FrontendMessageSource;
+(function (FrontendMessageSource) {
+    FrontendMessageSource["CSS"] = "css";
+    // eslint-disable-next-line @typescript-eslint/naming-convention -- Used by web_tests.
+    FrontendMessageSource["ConsoleAPI"] = "console-api";
+    FrontendMessageSource["ISSUE_PANEL"] = "issue-panel";
+    FrontendMessageSource["SELF_XSS"] = "self-xss";
+})(FrontendMessageSource || (FrontendMessageSource = {}));
+export class Message {
+    text;
+    level;
+    timestamp;
+    show;
+    source;
+    constructor(text, level, timestamp, show, source) {
+        this.text = text;
+        this.level = level;
+        this.timestamp = (typeof timestamp === 'number') ? timestamp : Date.now();
+        this.show = show;
+        if (source) {
+            this.source = source;
+        }
+    }
+}

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

@@ -0,0 +1,14 @@
+// Copyright 2020 The Chromium Authors
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+/**
+ * Debounce utility function, ensures that the function passed in is only called once the function stops being called and the delay has expired.
+ */
+export const debounce = function (func, delay) {
+    let timer;
+    const debounced = (...args) => {
+        clearTimeout(timer);
+        timer = setTimeout(() => func(...args), delay);
+    };
+    return debounced;
+};

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

@@ -0,0 +1,14 @@
+// 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.
+export function removeEventListeners(eventList) {
+    for (const eventInfo of eventList) {
+        eventInfo.eventTarget.removeEventListener(eventInfo.eventType, eventInfo.listener, eventInfo.thisObject);
+    }
+    // Do not hold references on unused event descriptors.
+    eventList.splice(0);
+}
+export function fireEvent(name, detail = {}, target = window) {
+    const evt = new CustomEvent(name, { bubbles: true, cancelable: true, detail });
+    target.dispatchEvent(evt);
+}