chrome-devtools-frontend 1.0.1386602 → 1.0.1402249

package/front_end/ui/visual_logging/visual_logging.ts

@@ -9,7 +9,7 @@ import * as LoggingEvents from './LoggingEvents.js';
 import * as NonDomState from './NonDomState.js';
 
 export type Loggable = LoggableModule.Loggable;
-export {setVeDebugLoggingEnabled, DebugLoggingFormat} from './Debugging.js';
+export {setVeDebugLoggingEnabled, DebugLoggingFormat, setVeDebuggingEnabled} from './Debugging.js';
 export {startLogging, stopLogging, addDocument} from './LoggingDriver.js';
 export {logImpressions} from './LoggingEvents.js';
 export const logClick = (loggable: Loggable, event: Event, options: {doubleClick?: boolean} = {}): void =>
@@ -28,6 +28,17 @@ export function registerLoggable(loggable: Loggable, config: string, parent: Log
   void LoggingDriver.scheduleProcessing();
 }
 
+export async function isUnderInspection(origin?: string): Promise<boolean> {
+  if (!origin) {
+    return false;
+  }
+  const context = await LoggingEvents.contextAsNumber(origin);
+  if (!context) {
+    return false;
+  }
+  return [431010711, -1313957874, -1093325535].includes(context);
+}
+
 /**
  * Action visual elements are either buttons or menu items that trigger a given action. Use the
  * context to differentiate between different actions, and make sure that buttons and menu items

package/inspector_overlay/common.css

@@ -26,10 +26,7 @@ body.platform-windows {
 
 .fill {
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
 }
 
 #canvas {

package/inspector_overlay/css_grid_label_helpers.test.ts

@@ -537,7 +537,7 @@ describe('normalizePositionData', () => {
       allPoints: [{x: 0, y: 0}, {x: 100, y: 0}, {x: 100, y: 100}, {x: 0, y: 100}],
     });
 
-    assert.deepStrictEqual(data, {
+    assert.deepEqual(data, {
       bounds: {
         minX: 0,
         maxX: 100,
@@ -590,10 +590,10 @@ describe('normalizePositionData', () => {
           allPoints: [{x: 0, y: 0}, {x: 100, y: 0}, {x: 100, y: 100}, {x: 0, y: 100}],
         });
 
-    assert.deepStrictEqual(data.rows.positive.positions.map(p => p.y), [2, 6, 10, 124]);
-    assert.deepStrictEqual(data.rows.negative.positions.map(p => p.y), [3, 6, 28, 50]);
-    assert.deepStrictEqual(data.columns.positive.positions.map(p => p.x), [1, 1, 2]);
-    assert.deepStrictEqual(data.columns.negative.positions.map(p => p.x), [2, 6, 11]);
+    assert.deepEqual(data.rows.positive.positions.map(p => p.y), [2, 6, 10, 124]);
+    assert.deepEqual(data.rows.negative.positions.map(p => p.y), [3, 6, 28, 50]);
+    assert.deepEqual(data.columns.positive.positions.map(p => p.x), [1, 1, 2]);
+    assert.deepEqual(data.columns.negative.positions.map(p => p.x), [2, 6, 11]);
   });
 
   it('detects first and last positions', () => {
@@ -639,12 +639,11 @@ describe('normalizePositionData', () => {
           allPoints: [{x: 0, y: 0}, {x: 30, y: 0}, {x: 30, y: 30}, {x: 0, y: 30}],
         });
 
-    assert.strictEqual(data.rows.negative.positions.length, 0);
-    assert.strictEqual(data.columns.negative.positions.length, 0);
-    assert.strictEqual(
-        data.rows.positive.positions.length, 1, 'There should be only one row offset since there is only one name');
-    assert.strictEqual(
-        data.columns.positive.positions.length, 2, 'There should be 2 column offsets since there are 2 names');
+    assert.lengthOf(data.rows.negative.positions, 0);
+    assert.lengthOf(data.columns.negative.positions, 0);
+    assert.lengthOf(
+        data.rows.positive.positions, 1, 'There should be only one row offset since there is only one name');
+    assert.lengthOf(data.columns.positive.positions, 2, 'There should be 2 column offsets since there are 2 names');
   });
 
   it('returns the correct line name structure', () => {
@@ -670,10 +669,10 @@ describe('normalizePositionData', () => {
           allPoints: [{x: 0, y: 0}, {x: 30, y: 0}, {x: 30, y: 30}, {x: 0, y: 30}],
         });
 
-    assert.deepStrictEqual(data.rows.positive.positions, [{x: 0, y: 5}, {x: 0, y: 20}]);
-    assert.deepStrictEqual(data.rows.positive.names, [['foo', 'bar', 'baz'], ['test']]);
-    assert.deepStrictEqual(data.columns.positive.positions, [{x: 15, y: 0}, {x: 17, y: 0}]);
-    assert.deepStrictEqual(data.columns.positive.names, [['edge-start'], ['edge-end']]);
+    assert.deepEqual(data.rows.positive.positions, [{x: 0, y: 5}, {x: 0, y: 20}]);
+    assert.deepEqual(data.rows.positive.names, [['foo', 'bar', 'baz'], ['test']]);
+    assert.deepEqual(data.columns.positive.positions, [{x: 15, y: 0}, {x: 17, y: 0}]);
+    assert.deepEqual(data.columns.positive.names, [['edge-start'], ['edge-end']]);
   });
 });
 

package/inspector_overlay/css_grid_label_helpers.ts

@@ -2,9 +2,9 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import {luminance} from '../front_end/core/common/ColorUtils.js';  // eslint-disable-line rulesdir/es_modules_import
+import {luminance} from '../front_end/core/common/ColorUtils.js';  // eslint-disable-line rulesdir/es-modules-import
 
-import {createChild, type AreaBounds, type Bounds, type Position} from './common.js';
+import {type AreaBounds, type Bounds, createChild, type Position} from './common.js';
 import {applyMatrixToPoint, parseHexa} from './highlight_common.js';
 
 /**

package/inspector_overlay/highlight_common.test.ts

@@ -14,17 +14,17 @@ describe('highlight common helper', () => {
     assert.strictEqual(bounds.minY, 60);
     assert.strictEqual(bounds.maxX, 420);
     assert.strictEqual(bounds.maxY, 204);
-    assert.deepStrictEqual(bounds.leftmostXForY, {[60]: 100, [204]: 100});
-    assert.deepStrictEqual(bounds.bottommostYForX, {[100]: 204, [420]: 204});
-    assert.deepStrictEqual(bounds.rightmostXForY, {[60]: 420, [204]: 420});
-    assert.deepStrictEqual(bounds.topmostYForX, {[100]: 60, [420]: 60});
+    assert.deepEqual(bounds.leftmostXForY, {[60]: 100, [204]: 100});
+    assert.deepEqual(bounds.bottommostYForX, {[100]: 204, [420]: 204});
+    assert.deepEqual(bounds.rightmostXForY, {[60]: 420, [204]: 420});
+    assert.deepEqual(bounds.topmostYForX, {[100]: 60, [420]: 60});
   });
 
   it('can map points using writing-mode matrices', () => {
     const point = {x: 0, y: 0};
     const matrix = new DOMMatrix();
 
-    assert.deepStrictEqual(
+    assert.deepEqual(
         applyMatrixToPoint(point, matrix),
         {x: 0, y: 0},
         'The identity matrix does not move the point',
@@ -33,7 +33,7 @@ describe('highlight common helper', () => {
     point.x = 10;
     point.y = 10;
     matrix.translateSelf(10, 10, 0);
-    assert.deepStrictEqual(
+    assert.deepEqual(
         applyMatrixToPoint(point, matrix),
         {x: 20, y: 20},
         'A simple translation matrix does transform a point',

package/inspector_overlay/highlight_common.ts

@@ -28,7 +28,7 @@
 //  (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
 //  THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 
-// eslint-disable-next-line rulesdir/es_modules_import
+// eslint-disable-next-line rulesdir/es-modules-import
 import {
   type Color4D,
   rgbaToHsla,

package/inspector_overlay/highlight_flex_common.test.ts

@@ -72,20 +72,20 @@ describe('getLinesAndItemsQuads', () => {
         ],
         true, false);
 
-    assert.strictEqual(lineQuads.length, 3, '3 line quads got created');
-    assert.strictEqual(lineQuads[0].items.length, 3, '3 flex items on the first line got created');
-    assert.strictEqual(lineQuads[1].items.length, 2, '2 flex items on the second line got created');
-    assert.strictEqual(lineQuads[2].items.length, 2, '2 flex items on the third line got created');
+    assert.lengthOf(lineQuads, 3, '3 line quads got created');
+    assert.lengthOf(lineQuads[0].items, 3, '3 flex items on the first line got created');
+    assert.lengthOf(lineQuads[1].items, 2, '2 flex items on the second line got created');
+    assert.lengthOf(lineQuads[2].items, 2, '2 flex items on the third line got created');
   });
 
   it('creates a line quad as big as the container when there is only one line', () => {
     const lineQuads = getLinesAndItemsQuads(
         createPathCommands(0, 0, 10, 0, 10, 10, 0, 10), [[createItem(2, 2, 8, 2, 8, 8, 2, 8)]], true, false);
 
-    assert.deepStrictEqual(lineQuads[0].quad.p1, {x: 0, y: 0});
-    assert.deepStrictEqual(lineQuads[0].quad.p2, {x: 10, y: 0});
-    assert.deepStrictEqual(lineQuads[0].quad.p3, {x: 10, y: 10});
-    assert.deepStrictEqual(lineQuads[0].quad.p4, {x: 0, y: 10});
+    assert.deepEqual(lineQuads[0].quad.p1, {x: 0, y: 0});
+    assert.deepEqual(lineQuads[0].quad.p2, {x: 10, y: 0});
+    assert.deepEqual(lineQuads[0].quad.p3, {x: 10, y: 10});
+    assert.deepEqual(lineQuads[0].quad.p4, {x: 0, y: 10});
   });
 
   it('creates quads for flex lines that extend to the edges of the container in the main direction', () => {
@@ -104,9 +104,9 @@ describe('getLinesAndItemsQuads', () => {
         ],
         true, false);
 
-    assert.deepStrictEqual(lineQuadsRowDirection[0].quad, createQuad(0, 10, 100, 10, 100, 30, 0, 30));
+    assert.deepEqual(lineQuadsRowDirection[0].quad, createQuad(0, 10, 100, 10, 100, 30, 0, 30));
 
-    assert.deepStrictEqual(lineQuadsRowDirection[1].quad, createQuad(0, 40, 100, 40, 100, 70, 0, 70));
+    assert.deepEqual(lineQuadsRowDirection[1].quad, createQuad(0, 40, 100, 40, 100, 70, 0, 70));
 
     const lineQuadsColumnDirection = getLinesAndItemsQuads(
         createPathCommands(0, 0, 50, 0, 50, 70, 0, 70),
@@ -122,9 +122,9 @@ describe('getLinesAndItemsQuads', () => {
         ],
         false, false);
 
-    assert.deepStrictEqual(lineQuadsColumnDirection[0].quad, createQuad(10, 0, 20, 0, 20, 70, 10, 70));
+    assert.deepEqual(lineQuadsColumnDirection[0].quad, createQuad(10, 0, 20, 0, 20, 70, 10, 70));
 
-    assert.deepStrictEqual(lineQuadsColumnDirection[1].quad, createQuad(30, 0, 40, 0, 40, 70, 30, 70));
+    assert.deepEqual(lineQuadsColumnDirection[1].quad, createQuad(30, 0, 40, 0, 40, 70, 30, 70));
   });
 
   it('creates normal and extended quads for items', () => {
@@ -138,18 +138,18 @@ describe('getLinesAndItemsQuads', () => {
         ],
         true, false);
 
-    assert.deepStrictEqual(
+    assert.deepEqual(
         lineQuads[0].items[0], createQuad(10, 10, 30, 10, 30, 30, 10, 30), 'The first flex item quad matches the item');
 
-    assert.deepStrictEqual(
+    assert.deepEqual(
         lineQuads[0].items[1], createQuad(40, 10, 60, 10, 60, 30, 40, 30),
         'The second flex item quad matches the item');
 
-    assert.deepStrictEqual(
+    assert.deepEqual(
         lineQuads[0].extendedItems[0], createQuad(10, 0, 30, 0, 30, 40, 10, 40),
         'The first flex item extended quad extends to the cross edge of the flex line');
 
-    assert.deepStrictEqual(
+    assert.deepEqual(
         lineQuads[0].extendedItems[1], createQuad(40, 0, 60, 0, 60, 40, 40, 40),
         'The second flex item extended quad extends to the cross edge of the flex line');
   });
@@ -169,13 +169,13 @@ describe('getLinesAndItemsQuads', () => {
         ],
         true, false);
 
-    assert.deepStrictEqual(lineQuads[0].quad, createQuad(20, 80, 80, 20, 90, 30, 30, 90));
-    assert.deepStrictEqual(lineQuads[0].extendedItems[0], createQuad(30, 70, 50, 50, 60, 60, 40, 80));
-    assert.deepStrictEqual(lineQuads[0].extendedItems[1], createQuad(60, 40, 70, 30, 80, 40, 70, 50));
+    assert.deepEqual(lineQuads[0].quad, createQuad(20, 80, 80, 20, 90, 30, 30, 90));
+    assert.deepEqual(lineQuads[0].extendedItems[0], createQuad(30, 70, 50, 50, 60, 60, 40, 80));
+    assert.deepEqual(lineQuads[0].extendedItems[1], createQuad(60, 40, 70, 30, 80, 40, 70, 50));
 
-    assert.deepStrictEqual(lineQuads[1].quad, createQuad(30, 90, 90, 30, 100, 40, 40, 100));
-    assert.deepStrictEqual(lineQuads[1].extendedItems[0], createQuad(40, 80, 50, 70, 60, 80, 50, 90));
-    assert.deepStrictEqual(lineQuads[1].extendedItems[1], createQuad(50, 70, 80, 40, 90, 50, 60, 80));
+    assert.deepEqual(lineQuads[1].quad, createQuad(30, 90, 90, 30, 100, 40, 40, 100));
+    assert.deepEqual(lineQuads[1].extendedItems[0], createQuad(40, 80, 50, 70, 60, 80, 50, 90));
+    assert.deepEqual(lineQuads[1].extendedItems[1], createQuad(50, 70, 80, 40, 90, 50, 60, 80));
   });
 });
 
@@ -194,7 +194,7 @@ describe('getGapQuads', () => {
           extendedItems: [],
         }]);
 
-    assert.strictEqual(crossGaps.length, 0, 'There cannot be cross gap if there is only one line');
+    assert.lengthOf(crossGaps, 0, 'There cannot be cross gap if there is only one line');
   });
 
   it('does not return any main or cross gap if there actually isn\'t any gaps', () => {
@@ -232,9 +232,9 @@ describe('getGapQuads', () => {
           },
         ]);
 
-    assert.strictEqual(crossGaps.length, 0, 'No cross gap quads created when there is no cross gap');
-    assert.strictEqual(mainGaps[0].length, 0, 'No main gap quads created when there is no main gap on the first line');
-    assert.strictEqual(mainGaps[1].length, 0, 'No main gap quads created when there is no main gap on the second line');
+    assert.lengthOf(crossGaps, 0, 'No cross gap quads created when there is no cross gap');
+    assert.lengthOf(mainGaps[0], 0, 'No main gap quads created when there is no main gap on the first line');
+    assert.lengthOf(mainGaps[1], 0, 'No main gap quads created when there is no main gap on the second line');
   });
 
   it('returns 1 less gap than the number of lines and the number of items', () => {
@@ -283,10 +283,10 @@ describe('getGapQuads', () => {
           },
         ]);
 
-    assert.strictEqual(crossGaps.length, 2, 'There are 2 cross gaps for 3 lines');
-    assert.strictEqual(mainGaps[0].length, 2, 'There are 2 main gaps on the first line, which has 3 items');
-    assert.strictEqual(mainGaps[1].length, 1, 'There is 1 main gap on the second line, which has 2 items');
-    assert.strictEqual(mainGaps[2].length, 1, 'There is 1 main gap on the third line, which has 2 items');
+    assert.lengthOf(crossGaps, 2, 'There are 2 cross gaps for 3 lines');
+    assert.lengthOf(mainGaps[0], 2, 'There are 2 main gaps on the first line, which has 3 items');
+    assert.lengthOf(mainGaps[1], 1, 'There is 1 main gap on the second line, which has 2 items');
+    assert.lengthOf(mainGaps[2], 1, 'There is 1 main gap on the third line, which has 2 items');
   });
 });
 
@@ -299,7 +299,7 @@ describe('getGapQuadBetweenQuads', () => {
         true,
         false,
     );
-    assert.deepStrictEqual(quadV, createQuad(0, 10, 60, 10, 60, 20, 0, 20));
+    assert.deepEqual(quadV, createQuad(0, 10, 60, 10, 60, 20, 0, 20));
 
     const quadVReversed = getGapQuadBetweenQuads(
         createQuad(0, 20, 60, 20, 60, 30, 0, 30),
@@ -308,7 +308,7 @@ describe('getGapQuadBetweenQuads', () => {
         true,
         true,
     );
-    assert.deepStrictEqual(quadVReversed, quadV);
+    assert.deepEqual(quadVReversed, quadV);
 
     const quadH = getGapQuadBetweenQuads(
         createQuad(0, 0, 10, 0, 10, 50, 50, 0),
@@ -317,7 +317,7 @@ describe('getGapQuadBetweenQuads', () => {
         false,
         false,
     );
-    assert.deepStrictEqual(quadH, createQuad(10, 0, 20, 0, 20, 50, 10, 50));
+    assert.deepEqual(quadH, createQuad(10, 0, 20, 0, 20, 50, 10, 50));
 
     const quadHReversed = getGapQuadBetweenQuads(
         createQuad(20, 0, 30, 0, 30, 50, 50, 20),
@@ -326,7 +326,7 @@ describe('getGapQuadBetweenQuads', () => {
         false,
         true,
     );
-    assert.deepStrictEqual(quadHReversed, quadH);
+    assert.deepEqual(quadHReversed, quadH);
   });
 
   it('works when the gap is smaller than the distance between the quads', () => {
@@ -337,7 +337,7 @@ describe('getGapQuadBetweenQuads', () => {
         true,
         false,
     );
-    assert.deepStrictEqual(quad, createQuad(0, 30, 30, 30, 30, 40, 0, 40));
+    assert.deepEqual(quad, createQuad(0, 30, 30, 30, 30, 40, 0, 40));
   });
 
   it('works when the quads are transformed', () => {
@@ -350,7 +350,7 @@ describe('getGapQuadBetweenQuads', () => {
     );
     // The rounding of coordinates ends up 1px off, but this won't really matter visually, so the test just accounts for
     // it here.
-    assert.deepStrictEqual(quad, createQuad(31, 51, 51, 31, 59, 39, 39, 59));
+    assert.deepEqual(quad, createQuad(31, 51, 51, 31, 59, 39, 39, 59));
   });
 });
 
@@ -362,7 +362,7 @@ describe('uniteQuads', () => {
         true,
         false,
     );
-    assert.deepStrictEqual(quad, createQuad(0, 10, 40, 10, 40, 40, 0, 40));
+    assert.deepEqual(quad, createQuad(0, 10, 40, 10, 40, 40, 0, 40));
   });
 
   it('can be called multiple times with the previously united quad to construct a flex line out of flex items', () => {
@@ -384,7 +384,7 @@ describe('uniteQuads', () => {
         true,
         false,
     );
-    assert.deepStrictEqual(quad, createQuad(0, 0, 180, 0, 180, 50, 0, 50));
+    assert.deepEqual(quad, createQuad(0, 0, 180, 0, 180, 50, 0, 50));
   });
 
   it('also works when the quads are transformed', () => {
@@ -394,7 +394,7 @@ describe('uniteQuads', () => {
         false,
         false,
     );
-    assert.deepStrictEqual(quad, createQuad(0, 20, 20, 0, 80, 60, 60, 80));
+    assert.deepEqual(quad, createQuad(0, 20, 20, 0, 80, 60, 60, 80));
   });
 });
 
@@ -405,7 +405,7 @@ describe('growQuadToEdgesOf', () => {
         createQuad(0, 0, 60, 0, 60, 30, 0, 30),
         true,
     );
-    assert.deepStrictEqual(quad, createQuad(0, 10, 60, 10, 60, 20, 0, 20));
+    assert.deepEqual(quad, createQuad(0, 10, 60, 10, 60, 20, 0, 20));
   });
 
   it('works vertically', () => {
@@ -414,7 +414,7 @@ describe('growQuadToEdgesOf', () => {
         createQuad(0, 0, 60, 0, 60, 30, 0, 30),
         false,
     );
-    assert.deepStrictEqual(quad, createQuad(10, 0, 20, 0, 20, 30, 10, 30));
+    assert.deepEqual(quad, createQuad(10, 0, 20, 0, 20, 30, 10, 30));
   });
 
   it('works with transformed quads', () => {
@@ -423,14 +423,14 @@ describe('growQuadToEdgesOf', () => {
         createQuad(10, 60, 60, 10, 100, 50, 50, 100),
         true,
     );
-    assert.deepStrictEqual(quad, createQuad(20, 70, 70, 20, 90, 40, 40, 90));
+    assert.deepEqual(quad, createQuad(20, 70, 70, 20, 90, 40, 40, 90));
   });
 });
 
 describe('getColinearPointAtDistance', () => {
   function assertPoint(p1: Position, p2: Position, distance: number, expected: Position): void {
     const point = getColinearPointAtDistance(p1, p2, distance);
-    assert.deepStrictEqual({x: Math.round(point.x), y: Math.round(point.y)}, expected);
+    assert.deepEqual({x: Math.round(point.x), y: Math.round(point.y)}, expected);
   }
 
   it('returns the right coordinates when the line is horizontal', () => {
@@ -453,7 +453,7 @@ describe('getColinearPointAtDistance', () => {
 describe('distance', () => {
   function assertDistance(p1: Position, p2: Position, expected: number): void {
     const d = distance(p1, p2);
-    assert.deepStrictEqual(Math.round(d), expected);
+    assert.deepEqual(Math.round(d), expected);
   }
 
   it('works', () => {
@@ -491,7 +491,7 @@ describe('segmentContains', () => {
 describe('intersectSegments', () => {
   function assertIntersection(s1: Position[], s2: Position[], expected: Position): void {
     const point = intersectSegments(s1, s2);
-    assert.deepStrictEqual({x: Math.round(point.x), y: Math.round(point.y)}, expected);
+    assert.deepEqual({x: Math.round(point.x), y: Math.round(point.y)}, expected);
   }
 
   it('works when x or y is 0', () => {

package/inspector_overlay/main.ts

@@ -3,28 +3,28 @@
 // found in the LICENSE file.
 
 // @ts-ignore Importing CSS is handled in Rollup.
-import commonStyle from './common.css'; // eslint-disable-line rulesdir/es_modules_import
+import commonStyle from './common.css'; // eslint-disable-line rulesdir/es-modules-import
 import {adoptStyleSheet} from './common.js';
 import {gridStyle} from './highlight_grid_common.js';
 import {DistancesOverlay} from './tool_distances.js';
 // @ts-ignore Importing CSS is handled in Rollup.
-import highlightGridStyle from './tool_grid.css'; // eslint-disable-line rulesdir/es_modules_import
+import highlightGridStyle from './tool_grid.css'; // eslint-disable-line rulesdir/es-modules-import
 // @ts-ignore Importing CSS is handled in Rollup.
-import highlightStyle from './tool_highlight.css'; // eslint-disable-line rulesdir/es_modules_import
+import highlightStyle from './tool_highlight.css'; // eslint-disable-line rulesdir/es-modules-import
 import {HighlightOverlay} from './tool_highlight.js';
 // @ts-ignore Importing CSS is handled in Rollup.
-import pausedStyle from './tool_paused.css'; // eslint-disable-line rulesdir/es_modules_import
+import pausedStyle from './tool_paused.css'; // eslint-disable-line rulesdir/es-modules-import
 import {PausedOverlay, type PausedToolMessage} from './tool_paused.js';
 import {PersistentOverlay, type PersistentToolMessage} from './tool_persistent.js';
 // @ts-ignore Importing CSS is handled in Rollup.
-import screenshotStyle from './tool_screenshot.css'; // eslint-disable-line rulesdir/es_modules_import
+import screenshotStyle from './tool_screenshot.css'; // eslint-disable-line rulesdir/es-modules-import
 import {ScreenshotOverlay, type ScreenshotToolMessage} from './tool_screenshot.js';
 // @ts-ignore Importing CSS is handled in Rollup.
-import sourceOrderStyle from './tool_source_order.css'; // eslint-disable-line rulesdir/es_modules_import
+import sourceOrderStyle from './tool_source_order.css'; // eslint-disable-line rulesdir/es-modules-import
 import {SourceOrderOverlay} from './tool_source_order.js';
 import {ViewportSizeOverlay} from './tool_viewport_size.js';
 // @ts-ignore Importing CSS is handled in Rollup.
-import wcoStyle from './tool_window_controls.css'; // eslint-disable-line rulesdir/es_modules_import
+import wcoStyle from './tool_window_controls.css'; // eslint-disable-line rulesdir/es-modules-import
 import {WindowControlsOverlay} from './tool_window_controls.js';
 
 // @ts-ignore Importing CSS is handled in Rollup.

package/inspector_overlay/tool_highlight.css

@@ -37,7 +37,7 @@ body {
   z-index: 2;
   background-clip: padding-box;
   will-change: transform;
-  text-rendering: optimizeLegibility;
+  text-rendering: optimizelegibility;
   pointer-events: none;
   filter: drop-shadow(0 2px 4px rgb(0 0 0 / 35%));
 }

package/inspector_overlay/tool_highlight.test.ts

@@ -34,7 +34,7 @@ describe('tool_highlight', () => {
       // matter.
       const element = createElementDescription(elementInfo, colorFormat);
       const colorRows = element.getElementsByClassName('element-info-value-color');
-      assert.deepEqual(colorRows.length, 2);
+      assert.lengthOf(colorRows, 2);
       assert.deepEqual(colorRows.item(0)?.textContent, 'lab(100 0 0)');
       assert.deepEqual(colorRows.item(1)?.textContent, 'lab(10 0 0)');
     }
@@ -80,7 +80,7 @@ describe('tool_highlight', () => {
       // matter.
       const element = createElementDescription(elementInfo, colorFormat);
       const colorRows = element.getElementsByClassName('element-info-value-color');
-      assert.deepEqual(colorRows.length, 1);
+      assert.lengthOf(colorRows, 1);
       assert.deepEqual(colorRows.item(0)?.textContent, 'lab(10 0 0)');
     }
   });
@@ -98,7 +98,7 @@ describe('tool_highlight', () => {
       // matter.
       const element = createElementDescription(elementInfo, colorFormat);
       const colorRows = element.getElementsByClassName('element-info-value-color');
-      assert.deepEqual(colorRows.length, 1);
+      assert.lengthOf(colorRows, 1);
       assert.deepEqual(colorRows.item(0)?.textContent, 'lab(100 0 0)');
     }
   });

package/inspector_overlay/tool_highlight.ts

@@ -28,7 +28,7 @@
 //  (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
 //  THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 
-// eslint-disable-next-line rulesdir/es_modules_import
+// eslint-disable-next-line rulesdir/es-modules-import
 import {
   contrastRatio,
   contrastRatioAPCA,

package/inspector_overlay/tool_window_controls.test.ts

@@ -13,7 +13,7 @@ describe('WindowControlsOverlay', () => {
   it('creates initially hidden toolbars', () => {
     const verifyOverlayToolBar = (osType: string, location: string) => {
       const elementCollection = document.getElementsByClassName(`${osType}-${location}-image-group`);
-      assert.strictEqual(elementCollection.length, 1, `Expect ${osType} ${location} toolbar to be present`);
+      assert.lengthOf(elementCollection, 1, `Expect ${osType} ${location} toolbar to be present`);
 
       const element = elementCollection[0];
       assert.isTrue(element.classList.contains('hidden'), 'Expect the element to be hidden');
@@ -65,7 +65,7 @@ describe('WindowControlsOverlay', () => {
   it('clears overlay', () => {
     const elementCollection = document.getElementsByClassName('image-group');
 
-    assert.strictEqual(elementCollection.length, 4, 'Expect there to be 4 toolbars');
+    assert.lengthOf(elementCollection, 4, 'Expect there to be 4 toolbars');
 
     windowControlsOverlay.clearOverlays();
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "author": "The Chromium Authors",
-  "bugs": "https://issues.chromium.org/issues?q=status:open componentid:1457055+",
+  "bugs": "http://goo.gle/devtools-bugs",
   "description": "Chrome DevTools UI",
   "homepage": "https://devtools.chrome.com",
   "keywords": [
@@ -24,12 +24,12 @@
     "collect-strings": "vpython3 third_party/node/node.py --output third_party/i18n/collect-strings.js front_end",
     "components-server": "vpython3 third_party/node/node.py --output scripts/component_server/server.js",
     "debug-webtest": "vpython3 third_party/node/node.py --output scripts/npm_test.js --debug-devtools",
-    "eslint-test": "vpython3 third_party/node/node.py --output node_modules/mocha/bin/mocha \"./scripts/eslint_rules/tests/*_test.js\"",
+    "eslint-test": "vpython3 third_party/node/node.py --output node_modules/mocha/bin/mocha \"./scripts/eslint_rules/tests/*.test.js\"",
     "build-test": "vpython3 third_party/node/node.py --output node_modules/mocha/bin/mocha \"./scripts/build/tests/*_test.js\"",
     "generate-dark-mode-styles": "vpython3 third_party/node/node.py --output scripts/dark_mode/generate_dark_theme_sheet.js",
     "generate-protocol-resources": "scripts/deps/generate_protocol_resources.py && git cl format --js",
     "install-deps": "scripts/deps/manage_node_deps.py",
-    "lint": "vpython3 third_party/node/node.py --output scripts/test/run_lint_check.js",
+    "lint": "vpython3 third_party/node/node.py --output scripts/test/run_lint_check.mjs",
     "prebuild": "gn gen out/Default",
     "rdb": "rdb stream -new -realm chrome:public --",
     "start": "node -e 'console.log(`This script has been removed in favor of --custom-devtools-frontend. For more information, see https://docs.google.com/document/d/1COgCBWWuTh2o-Zbp6h_z0h0LtlJaimaEDsION4RZPxc/edit?usp=sharing`);'",
@@ -41,6 +41,7 @@
     "test": "vpython3 third_party/node/node.py --output scripts/run_on_target.mjs gen/test/run.js"
   },
   "devDependencies": {
+    "globals": "15.12.0",
     "@rollup/plugin-node-resolve": "15.3.0",
     "@rollup/plugin-terser": "0.4.4",
     "@rollup/wasm-node": "4.24.3",
@@ -52,12 +53,13 @@
     "@types/karma-chai-sinon": "0.1.20",
     "@types/marked": "4.0.1",
     "@types/mocha": "9.0.0",
-    "@types/node": "20.11.0",
+    "@types/node": "22.9.3",
     "@types/rimraf": "3.0.2",
     "@types/sinon": "17.0.3",
     "@types/webidl2": "23.13.6",
-    "@typescript-eslint/eslint-plugin": "5.59.8",
-    "@typescript-eslint/parser": "5.59.8",
+    "@types/wicg-task-scheduling": "2024.1.0",
+    "@typescript-eslint/eslint-plugin": "7.18.0",
+    "@typescript-eslint/parser": "7.18.0",
     "@web/rollup-plugin-import-meta-assets": "2.2.1",
     "chai": "4.3.4",
     "chokidar": "3.5.2",
@@ -65,12 +67,12 @@
     "cssnano-preset-lite": "2.1.3",
     "esbuild": "0.24.0",
     "escodegen": "2.0.0",
-    "eslint": "8.19.0",
-    "eslint-plugin-import": "2.25.4",
+    "eslint": "8.57.1",
+    "eslint-plugin-import": "2.31.0",
     "eslint-plugin-jsdoc": "46.10.1",
     "eslint-plugin-lit-a11y": "2.1.0",
-    "eslint-plugin-mocha": "10.0.3",
-    "eslint-plugin-rulesdir": "0.2.1",
+    "eslint-plugin-mocha": "10.5.0",
+    "eslint-plugin-rulesdir": "0.2.2",
     "glob": "7.1.7",
     "karma": "6.4.0",
     "karma-chai": "0.1.0",
@@ -91,8 +93,8 @@
     "rollup-plugin-sourcemaps2": "0.4.2",
     "sinon": "18.0.0",
     "source-map-support": "0.5.21",
-    "stylelint": "14.2.0",
-    "stylelint-config-standard": "24.0.0",
+    "stylelint": "16.12.0",
+    "stylelint-config-standard": "36.0.1",
     "svgo": "2.8.0",
     "terser": "5.19.1",
     "ts-lit-plugin": "2.0.2",
@@ -102,8 +104,7 @@
     "yargs": "17.3.1"
   },
   "overrides": {
-    "tslib": "2.8.0",
     "ws": "$ws"
   },
-  "version": "1.0.1386602"
+  "version": "1.0.1402249"
 }