chrome-devtools-frontend 1.0.1386602 → 1.0.1402249

package/extensions/cxx_debugging/src/CreditsItem.ts

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-/* eslint-disable rulesdir/check_component_naming, rulesdir/no_underscored_properties, rulesdir/ban_style_tags_in_lit_html, rulesdir/ban_a_tags_in_lit_html, rulesdir/lit_html_host_this */
+/* eslint-disable rulesdir/check-component-naming, rulesdir/no-underscored-properties, rulesdir/no-style-tags-in-lit-html, rulesdir/no-a-tags-in-lit-html, rulesdir/lit-html-host-this */
 import {html, render} from 'lit-html';
 
 export type CreditsItemData = {

package/extensions/cxx_debugging/src/ExtensionOptions.ts

@@ -2,15 +2,15 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-/* eslint-disable rulesdir/check_component_naming */
-/* eslint-disable rulesdir/inject_checkbox_styles */
-/* eslint-disable rulesdir/lit_html_host_this */
+/* eslint-disable rulesdir/check-component-naming */
+/* eslint-disable rulesdir/inject-checkbox-styles */
+/* eslint-disable rulesdir/lit-html-host-this */
 
 import './CreditsItem.js';
 import './ModuleConfigurationList.js';
 
 import {html, render} from 'lit-html';
-import {until} from 'lit-html/directives/until.js';  // eslint-disable-line rulesdir/es_modules_import
+import {until} from 'lit-html/directives/until.js';  // eslint-disable-line rulesdir/es-modules-import
 
 import {type CreditsItemData} from './CreditsItem.js';
 import {type Storage} from './DevToolsPluginHost.js';

package/extensions/cxx_debugging/src/ModuleConfigurationList.ts

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-/* eslint-disable rulesdir/check_component_naming, rulesdir/no_underscored_properties, rulesdir/ban_style_tags_in_lit_html, rulesdir/ban_a_tags_in_lit_html, rulesdir/lit_html_host_this,  @typescript-eslint/naming-convention,  @typescript-eslint/explicit-function-return-type,  @typescript-eslint/no-unused-vars */
+/* eslint-disable rulesdir/check-component-naming, rulesdir/no-underscored-properties, rulesdir/no-style-tags-in-lit-html, rulesdir/no-a-tags-in-lit-html, rulesdir/lit-html-host-this,  @typescript-eslint/naming-convention,  @typescript-eslint/explicit-function-return-type,  @typescript-eslint/no-unused-vars */
 
 import {html, nothing, render} from 'lit-html';
 

package/extensions/cxx_debugging/src/rollup.config.in.js

@@ -12,9 +12,7 @@ const files = ['$<JOIN:@EXTENSION_BUNDLE_ENTRYPOINTS@,', '>'];
 const sourcemap = '$<$<BOOL:@EXTENSION_BUNDLE_SOURCEMAP@>:inline>';
 
 const resolveOptions = {
-  customResolveOptions: {
-    moduleDirectory: '@PROJECT_SOURCE_DIR@/third_party',
-  },
+  modulePaths: ['@PROJECT_SOURCE_DIR@/third_party'],
   rootDir: '@PROJECT_SOURCE_DIR@',
   jail: '@PROJECT_SOURCE_DIR@',
   resolveOnly: ['lit-html'],

package/extensions/cxx_debugging/tests/Formatters_test.ts

@@ -3,7 +3,8 @@
 // found in the LICENSE file.
 
 import {CustomFormatters, type TypeInfo} from '../src/CustomFormatters.js';
-import * as Formatters from '../src/Formatters.js';  // eslint-disable-line rulesdir/es_modules_import
+import * as Formatters from '../src/Formatters.js';  // eslint-disable-line rulesdir/es-modules-import
+
 import {TestValue, TestWasmInterface} from './TestUtils.js';
 
 describe('Formatters', () => {

package/front_end/Images/rollup.config.mjs

@@ -1,7 +1,7 @@
 // Copyright 2021 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-// eslint-disable-next-line rulesdir/es_modules_import
+// eslint-disable-next-line rulesdir/es-modules-import
 import {importMetaAssets} from '@web/rollup-plugin-import-meta-assets';
 import {optimize} from 'svgo';
 

package/front_end/Images/src/compress.svg

@@ -0,0 +1,8 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_6915_7172" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
+<rect width="20" height="20" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_6915_7172)">
+<path d="M3.33337 11.6666V9.99998H16.6667V11.6666H3.33337ZM3.33337 9.16665V7.49998H16.6667V9.16665H3.33337ZM9.16671 18.3333V15.6666L7.83337 17L6.66671 15.8333L10 12.5L13.3334 15.8333L12.1667 17L10.8334 15.7083V18.3333H9.16671ZM10 6.66665L6.66671 3.33331L7.83337 2.16665L9.16671 3.49998V0.833313H10.8334V3.49998L12.1667 2.16665L13.3334 3.33331L10 6.66665Z" fill="#1F1F1F"/>
+</g>
+</svg>

package/front_end/Images/src/devtools-thumbnail.svg

@@ -0,0 +1,57 @@
+<svg width="117" height="72" viewBox="0 0 117 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4199_2136)">
+<rect width="117" height="72" fill="white"/>
+<g clip-path="url(#clip1_4199_2136)">
+<path d="M714.5 -129H-130V434.556H714.5V-129Z" fill="#1A73E8"/>
+<path d="M-130 -129L187.039 188.352" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M187.039 -129.352L-130 188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M49.4563 -129V188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M7.2312 -129V188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M433 50.6333H-130" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M433 8.36667H-130" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M28.3437 59.3626C44.8201 59.3626 58.1768 45.9926 58.1768 29.5C58.1768 13.0074 44.8201 -0.362549 28.3437 -0.362549C11.8674 -0.362549 -1.48938 13.0074 -1.48938 29.5C-1.48938 45.9926 11.8674 59.3626 28.3437 59.3626Z" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M-130 29.5H433" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M28.3438 -129V188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.9919 71.0622C51.1178 71.0622 69.865 52.2965 69.865 29.1478C69.865 5.99907 51.1178 -12.7667 27.9919 -12.7667C4.86601 -12.7667 -13.8812 5.99907 -13.8812 29.1478C-13.8812 52.2965 4.86601 71.0622 27.9919 71.0622Z" stroke="white"/>
+<path d="M27.9918 50.4312C39.7348 50.4312 49.2543 40.9023 49.2543 29.1478C49.2543 17.3932 39.7348 7.86432 27.9918 7.86432C16.2489 7.86432 6.72937 17.3932 6.72937 29.1478C6.72937 40.9023 16.2489 50.4312 27.9918 50.4312Z" stroke="white"/>
+<path d="M27.9917 44.9896C36.7322 44.9896 43.8179 37.897 43.8179 29.1478C43.8179 20.3986 36.7322 13.306 27.9917 13.306C19.2511 13.306 12.1655 20.3986 12.1655 29.1478C12.1655 37.897 19.2511 44.9896 27.9917 44.9896Z" stroke="white"/>
+<path d="M46.4138 39.8083L28.3993 71.0412" stroke="white"/>
+<path d="M9.54724 39.8063L-8.46729 8.57346" stroke="white"/>
+<path d="M27.9923 7.86432L64.0214 7.86432" stroke="white"/>
+</g>
+<g filter="url(#filter0_dd_4199_2136)">
+<path d="M73.0588 30.8039C77.0588 33.1133 77.0588 38.8868 73.0588 41.1962L56.4706 50.7734C52.4706 53.0828 47.4706 50.196 47.4706 45.5772L47.4706 26.4228C47.4706 21.804 52.4706 18.9172 56.4706 21.2266L73.0588 30.8039Z" fill="#ECF3FE"/>
+</g>
+<g filter="url(#filter1_f_4199_2136)">
+<path d="M78 30.8038C82 33.1132 82 38.8868 78 41.1962L54 55.0526C50 57.362 45 54.4752 45 49.8564L45 22.1436C45 17.5248 50 14.638 54 16.9474L78 30.8038Z" fill="white" fill-opacity="0.3"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_dd_4199_2136" x="39.4706" y="14.4138" width="44.5883" height="47.1723" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_4199_2136"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="3"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4199_2136"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_4199_2136" result="effect2_dropShadow_4199_2136"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_4199_2136" result="shape"/>
+</filter>
+<filter id="filter1_f_4199_2136" x="37" y="8.13464" width="52" height="55.7307" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="4" result="effect1_foregroundBlur_4199_2136"/>
+</filter>
+<clipPath id="clip0_4199_2136">
+<rect width="117" height="72" fill="white"/>
+</clipPath>
+<clipPath id="clip1_4199_2136">
+<rect width="563" height="317" fill="white" transform="translate(-130 -129)"/>
+</clipPath>
+</defs>
+</svg>

package/front_end/Images/src/devtools-tips.svg

@@ -0,0 +1,61 @@
+<svg width="117" height="72" viewBox="0 0 117 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4170_128)">
+<rect width="117" height="72" fill="white"/>
+<g clip-path="url(#clip1_4170_128)">
+<path d="M714.5 -129H-130V434.556H714.5V-129Z" fill="#1A73E8"/>
+<path d="M-130 -129L187.039 188.352" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M187.039 -129.352L-130 188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M49.4563 -129V188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M7.2312 -129V188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M433 50.6334H-130" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M433 8.36676H-130" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M28.3437 59.3626C44.8201 59.3626 58.1768 45.9927 58.1768 29.5001C58.1768 13.0075 44.8201 -0.362457 28.3437 -0.362457C11.8674 -0.362457 -1.48938 13.0075 -1.48938 29.5001C-1.48938 45.9927 11.8674 59.3626 28.3437 59.3626Z" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M-130 29.5001H433" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M28.3438 -129V188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.9919 71.0623C51.1178 71.0623 69.865 52.2966 69.865 29.1479C69.865 5.99916 51.1178 -12.7666 27.9919 -12.7666C4.86601 -12.7666 -13.8812 5.99916 -13.8812 29.1479C-13.8812 52.2966 4.86601 71.0623 27.9919 71.0623Z" stroke="white"/>
+<path d="M27.9918 50.4313C39.7348 50.4313 49.2543 40.9024 49.2543 29.1479C49.2543 17.3933 39.7348 7.86441 27.9918 7.86441C16.2489 7.86441 6.72937 17.3933 6.72937 29.1479C6.72937 40.9024 16.2489 50.4313 27.9918 50.4313Z" stroke="white"/>
+<path d="M27.9917 44.9897C36.7322 44.9897 43.8179 37.8971 43.8179 29.1479C43.8179 20.3987 36.7322 13.3061 27.9917 13.3061C19.2511 13.3061 12.1655 20.3987 12.1655 29.1479C12.1655 37.8971 19.2511 44.9897 27.9917 44.9897Z" stroke="white"/>
+<path d="M46.4138 39.8084L28.3993 71.0413" stroke="white"/>
+<path d="M9.54724 39.8064L-8.46729 8.57355" stroke="white"/>
+<path d="M27.9923 7.86441L64.0214 7.86441" stroke="white"/>
+</g>
+<g filter="url(#filter0_dd_4170_128)">
+<path d="M73.0588 30.804C77.0588 33.1134 77.0588 38.8869 73.0588 41.1963L56.4706 50.7735C52.4706 53.0829 47.4706 50.1961 47.4706 45.5773L47.4706 26.4229C47.4706 21.8041 52.4706 18.9173 56.4706 21.2267L73.0588 30.804Z" fill="#ECF3FE"/>
+</g>
+<g filter="url(#filter1_f_4170_128)">
+<path d="M78 30.8039C82 33.1133 82 38.8868 78 41.1962L54 55.0527C50 57.3621 45 54.4753 45 49.8565L45 22.1437C45 17.5249 50 14.6381 54 16.9475L78 30.8039Z" fill="white" fill-opacity="0.3"/>
+</g>
+<g opacity="0.9">
+<rect x="80" y="12.0001" width="29" height="16" rx="4" fill="white"/>
+<path d="M84.352 18.2141H85.309V16.6301H86.75V18.2141H88.07V19.4461H86.75V21.9871C86.75 22.2364 86.805 22.4234 86.915 22.5481C87.025 22.6728 87.1937 22.7351 87.421 22.7351C87.5603 22.7351 87.6777 22.7168 87.773 22.6801C87.8757 22.6434 87.9857 22.5921 88.103 22.5261V23.9011C87.9563 23.9598 87.8023 24.0038 87.641 24.0331C87.487 24.0698 87.3147 24.0881 87.124 24.0881C86.5593 24.0881 86.1157 23.9231 85.793 23.5931C85.4703 23.2558 85.309 22.7938 85.309 22.2071V19.4461H84.352V18.2141ZM89.4331 24.0001V18.2141H90.8741V24.0001H89.4331ZM90.1591 17.2241C89.9025 17.2241 89.6825 17.1324 89.4991 16.9491C89.3158 16.7658 89.2241 16.5458 89.2241 16.2891C89.2241 16.0324 89.3158 15.8124 89.4991 15.6291C89.6825 15.4458 89.9025 15.3541 90.1591 15.3541C90.4158 15.3541 90.6358 15.4458 90.8191 15.6291C91.0025 15.8124 91.0941 16.0324 91.0941 16.2891C91.0941 16.5458 91.0025 16.7658 90.8191 16.9491C90.6358 17.1324 90.4158 17.2241 90.1591 17.2241ZM92.4837 26.3761V18.2141H93.8367V18.8851H93.9247C94.0273 18.7311 94.1593 18.5918 94.3207 18.4671C94.482 18.3351 94.6727 18.2324 94.8927 18.1591C95.12 18.0784 95.373 18.0381 95.6517 18.0381C96.143 18.0381 96.5793 18.1554 96.9607 18.3901C97.3493 18.6248 97.6573 18.9694 97.8847 19.4241C98.112 19.8788 98.2257 20.4398 98.2257 21.1071C98.2257 21.7671 98.112 22.3281 97.8847 22.7901C97.6573 23.2448 97.3493 23.5894 96.9607 23.8241C96.5793 24.0588 96.143 24.1761 95.6517 24.1761C95.2117 24.1761 94.845 24.0918 94.5517 23.9231C94.2657 23.7471 94.0567 23.5454 93.9247 23.3181H93.8367L93.9247 24.1761V26.3761H92.4837ZM95.3107 22.8341C95.5893 22.8341 95.8387 22.7718 96.0587 22.6471C96.286 22.5224 96.462 22.3318 96.5867 22.0751C96.7187 21.8184 96.7847 21.4958 96.7847 21.1071C96.7847 20.7184 96.7187 20.3958 96.5867 20.1391C96.462 19.8824 96.286 19.6918 96.0587 19.5671C95.8387 19.4424 95.5893 19.3801 95.3107 19.3801C95.032 19.3801 94.779 19.4424 94.5517 19.5671C94.3317 19.6918 94.1557 19.8824 94.0237 20.1391C93.899 20.3958 93.8367 20.7184 93.8367 21.1071C93.8367 21.4958 93.899 21.8184 94.0237 22.0751C94.1557 22.3318 94.3317 22.5224 94.5517 22.6471C94.779 22.7718 95.032 22.8341 95.3107 22.8341ZM101.579 24.1761C101.08 24.1761 100.651 24.0991 100.292 23.9451C99.9328 23.7838 99.6468 23.5638 99.4341 23.2851C99.2288 22.9991 99.0931 22.6764 99.0271 22.3171L100.402 22.0861C100.461 22.3501 100.593 22.5554 100.798 22.7021C101.003 22.8414 101.264 22.9111 101.579 22.9111C101.85 22.9111 102.085 22.8634 102.283 22.7681C102.488 22.6654 102.591 22.5078 102.591 22.2951C102.591 22.1631 102.547 22.0531 102.459 21.9651C102.371 21.8698 102.246 21.7891 102.085 21.7231C101.931 21.6571 101.74 21.6058 101.513 21.5691L100.853 21.4481C100.538 21.3894 100.255 21.2904 100.006 21.1511C99.7641 21.0044 99.5735 20.8174 99.4341 20.5901C99.2948 20.3628 99.2251 20.0951 99.2251 19.7871C99.2251 19.4424 99.3241 19.1381 99.5221 18.8741C99.7275 18.6101 99.9988 18.4048 100.336 18.2581C100.681 18.1114 101.066 18.0381 101.491 18.0381C101.946 18.0381 102.334 18.1004 102.657 18.2251C102.987 18.3424 103.251 18.5184 103.449 18.7531C103.647 18.9878 103.779 19.2774 103.845 19.6221L102.58 19.8201C102.499 19.5928 102.367 19.4314 102.184 19.3361C102.001 19.2408 101.781 19.1931 101.524 19.1931C101.253 19.1931 101.033 19.2481 100.864 19.3581C100.703 19.4681 100.622 19.5964 100.622 19.7431C100.622 19.8971 100.688 20.0254 100.82 20.1281C100.952 20.2308 101.165 20.3114 101.458 20.3701L102.261 20.5351C102.826 20.6524 103.262 20.8468 103.57 21.1181C103.878 21.3821 104.032 21.7671 104.032 22.2731C104.032 22.6544 103.922 22.9881 103.702 23.2741C103.482 23.5601 103.185 23.7838 102.811 23.9451C102.444 24.0991 102.034 24.1761 101.579 24.1761Z" fill="#1A73E8"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_dd_4170_128" x="39.4706" y="14.4139" width="44.5883" height="47.1723" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_4170_128"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="3"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4170_128"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_4170_128" result="effect2_dropShadow_4170_128"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_4170_128" result="shape"/>
+</filter>
+<filter id="filter1_f_4170_128" x="37" y="8.13474" width="52" height="55.7307" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="4" result="effect1_foregroundBlur_4170_128"/>
+</filter>
+<clipPath id="clip0_4170_128">
+<rect width="117" height="72" fill="white"/>
+</clipPath>
+<clipPath id="clip1_4170_128">
+<rect width="563" height="317" fill="white" transform="translate(-130 -129)"/>
+</clipPath>
+</defs>
+</svg>

package/front_end/Images/src/whatsnew.svg

@@ -0,0 +1,61 @@
+<svg width="117" height="72" viewBox="0 0 117 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3425_862)">
+<rect width="117" height="72" fill="white"/>
+<g clip-path="url(#clip1_3425_862)">
+<path d="M714.5 -129H-130V434.556H714.5V-129Z" fill="#1A73E8"/>
+<path d="M-130 -129L187.039 188.352" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M187.039 -129.352L-130 188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M49.4563 -129V188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M7.2312 -129V188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M433 50.6333H-130" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M433 8.3667H-130" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M28.3437 59.3626C44.8201 59.3626 58.1768 45.9926 58.1768 29.5C58.1768 13.0074 44.8201 -0.362549 28.3437 -0.362549C11.8674 -0.362549 -1.48938 13.0074 -1.48938 29.5C-1.48938 45.9926 11.8674 59.3626 28.3437 59.3626Z" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M-130 29.5H433" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M28.3438 -129V188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.9919 71.0622C51.1178 71.0622 69.865 52.2965 69.865 29.1478C69.865 5.99907 51.1178 -12.7667 27.9919 -12.7667C4.86601 -12.7667 -13.8812 5.99907 -13.8812 29.1478C-13.8812 52.2965 4.86601 71.0622 27.9919 71.0622Z" stroke="white"/>
+<path d="M27.9918 50.4312C39.7348 50.4312 49.2543 40.9023 49.2543 29.1478C49.2543 17.3932 39.7348 7.86432 27.9918 7.86432C16.2489 7.86432 6.72937 17.3932 6.72937 29.1478C6.72937 40.9023 16.2489 50.4312 27.9918 50.4312Z" stroke="white"/>
+<path d="M27.9917 44.9895C36.7322 44.9895 43.8179 37.8969 43.8179 29.1478C43.8179 20.3986 36.7322 13.306 27.9917 13.306C19.2511 13.306 12.1655 20.3986 12.1655 29.1478C12.1655 37.8969 19.2511 44.9895 27.9917 44.9895Z" stroke="white"/>
+<path d="M46.4138 39.8083L28.3993 71.0412" stroke="white"/>
+<path d="M9.54724 39.8063L-8.46729 8.57346" stroke="white"/>
+<path d="M27.9923 7.86432L64.0214 7.86432" stroke="white"/>
+</g>
+<g filter="url(#filter0_dd_3425_862)">
+<path d="M73.0588 30.8038C77.0588 33.1132 77.0588 38.8867 73.0588 41.1961L56.4706 50.7734C52.4706 53.0828 47.4706 50.196 47.4706 45.5772L47.4706 26.4228C47.4706 21.804 52.4706 18.9172 56.4706 21.2266L73.0588 30.8038Z" fill="#ECF3FE"/>
+</g>
+<g filter="url(#filter1_f_3425_862)">
+<path d="M78 30.8038C82 33.1132 82 38.8868 78 41.1962L54 55.0526C50 57.362 45 54.4752 45 49.8564L45 22.1436C45 17.5248 50 14.638 54 16.9474L78 30.8038Z" fill="white" fill-opacity="0.3"/>
+</g>
+<g opacity="0.9">
+<rect x="79" y="12" width="30" height="16" rx="4" fill="white"/>
+<path d="M83.803 24V18.214H85.156V18.918H85.244C85.4127 18.6467 85.6473 18.434 85.948 18.28C86.2487 18.1187 86.586 18.038 86.96 18.038C87.6273 18.038 88.1333 18.2397 88.478 18.643C88.8227 19.039 88.995 19.5963 88.995 20.315V24H87.554V20.513C87.554 20.1463 87.4623 19.8677 87.279 19.677C87.103 19.479 86.8537 19.38 86.531 19.38C86.267 19.38 86.036 19.4497 85.838 19.589C85.6473 19.721 85.5007 19.9007 85.398 20.128C85.2953 20.3553 85.244 20.6157 85.244 20.909V24H83.803ZM93.0571 24.176C92.4778 24.176 91.9754 24.0513 91.5501 23.802C91.1248 23.5527 90.7948 23.197 90.5601 22.735C90.3254 22.273 90.2081 21.7303 90.2081 21.107C90.2081 20.4763 90.3291 19.9337 90.5711 19.479C90.8204 19.017 91.1614 18.6613 91.5941 18.412C92.0268 18.1627 92.5181 18.038 93.0681 18.038C93.6768 18.038 94.1791 18.1517 94.5751 18.379C94.9784 18.599 95.2791 18.918 95.4771 19.336C95.6751 19.7467 95.7741 20.238 95.7741 20.81C95.7741 20.92 95.7704 21.03 95.7631 21.14C95.7631 21.25 95.7558 21.349 95.7411 21.437H91.5941C91.6234 21.6937 91.6858 21.9173 91.7811 22.108C91.9131 22.372 92.0928 22.57 92.3201 22.702C92.5548 22.834 92.8188 22.9 93.1121 22.9C93.4494 22.9 93.7208 22.8193 93.9261 22.658C94.1388 22.4893 94.2928 22.2877 94.3881 22.053L95.6421 22.394C95.4661 22.922 95.1654 23.351 94.7401 23.681C94.3221 24.011 93.7611 24.176 93.0571 24.176ZM91.6601 20.414H94.3991C94.3844 20.2307 94.3441 20.0657 94.2781 19.919C94.2194 19.765 94.1314 19.6367 94.0141 19.534C93.9041 19.424 93.7684 19.3433 93.6071 19.292C93.4531 19.2333 93.2771 19.204 93.0791 19.204C92.7931 19.204 92.5364 19.2773 92.3091 19.424C92.0818 19.5707 91.9058 19.787 91.7811 20.073C91.7298 20.1757 91.6894 20.2893 91.6601 20.414ZM97.953 24L96.281 18.214H97.887L98.756 21.899H98.833L99.845 18.214H101.297L102.32 21.899H102.397L103.266 18.214H104.85L103.167 24H101.616L100.582 20.26H100.505L99.493 24H97.953Z" fill="#1A73E8"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_dd_3425_862" x="39.4706" y="14.4138" width="44.5883" height="47.1724" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_3425_862"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="3"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3425_862"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_3425_862" result="effect2_dropShadow_3425_862"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_3425_862" result="shape"/>
+</filter>
+<filter id="filter1_f_3425_862" x="37" y="8.13464" width="52" height="55.7307" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="4" result="effect1_foregroundBlur_3425_862"/>
+</filter>
+<clipPath id="clip0_3425_862">
+<rect width="117" height="72" fill="white"/>
+</clipPath>
+<clipPath id="clip1_3425_862">
+<rect width="563" height="317" fill="white" transform="translate(-130 -129)"/>
+</clipPath>
+</defs>
+</svg>

package/front_end/Tests.js

@@ -158,39 +158,33 @@
   };
 
   TestSuite.prototype.setupLegacyFilesForTest = async function() {
-    try {
-      // 'Tests.js' is executed on 'about:blank' so we can't use `import` directly without
-      // specifying the full devtools://devtools/bundled URL.
-      ([
-        Common,
-        HostModule,
-        Root,
-        SDK,
-        Sources,
-        Timeline,
-        UI,
-        Workspace,
-      ] =
-           await Promise.all([
-             self.runtime.loadLegacyModule('core/common/common.js'),
-             self.runtime.loadLegacyModule('core/host/host.js'),
-             self.runtime.loadLegacyModule('core/root/root.js'),
-             self.runtime.loadLegacyModule('core/sdk/sdk.js'),
-             self.runtime.loadLegacyModule('panels/sources/sources.js'),
-             self.runtime.loadLegacyModule('panels/timeline/timeline.js'),
-             self.runtime.loadLegacyModule('ui/legacy/legacy.js'),
-             self.runtime.loadLegacyModule('models/workspace/workspace.js'),
-           ]));
-
-      // We have to map 'Host.InspectorFrontendHost' as the C++ uses it directly.
-      self.Host = {};
-      self.Host.InspectorFrontendHost = HostModule.InspectorFrontendHost.InspectorFrontendHostInstance;
-      self.Host.InspectorFrontendHostAPI = HostModule.InspectorFrontendHostAPI;
-
-      this.reportOk_();
-    } catch (e) {
-      this.reportFailure_(e);
-    }
+    // 'Tests.js' is executed on 'about:blank' so we can't use `import` directly without
+    // specifying the full devtools://devtools/bundled URL.
+    ([
+      Common,
+      HostModule,
+      Root,
+      SDK,
+      Sources,
+      Timeline,
+      UI,
+      Workspace,
+    ] =
+         await Promise.all([
+           self.runtime.loadLegacyModule('core/common/common.js'),
+           self.runtime.loadLegacyModule('core/host/host.js'),
+           self.runtime.loadLegacyModule('core/root/root.js'),
+           self.runtime.loadLegacyModule('core/sdk/sdk.js'),
+           self.runtime.loadLegacyModule('panels/sources/sources.js'),
+           self.runtime.loadLegacyModule('panels/timeline/timeline.js'),
+           self.runtime.loadLegacyModule('ui/legacy/legacy.js'),
+           self.runtime.loadLegacyModule('models/workspace/workspace.js'),
+         ]));
+
+    // We have to map 'Host.InspectorFrontendHost' as the C++ uses it directly.
+    self.Host = {};
+    self.Host.InspectorFrontendHost = HostModule.InspectorFrontendHost.InspectorFrontendHostInstance;
+    self.Host.InspectorFrontendHostAPI = HostModule.InspectorFrontendHostAPI;
   };
 
   /**

package/front_end/core/common/CharacterIdMap.test.ts

@@ -41,6 +41,6 @@ describe('CharacterIdMap class', () => {
 
   it('returns null when trying to convert  a character that does not exist in the Map', () => {
     const characterIdMap = new CharacterIdMap();
-    assert.strictEqual(characterIdMap.fromChar('!'), null, 'character was not converted correctly');
+    assert.isNull(characterIdMap.fromChar('!'), 'character was not converted correctly');
   });
 });

package/front_end/core/common/ColorUtils.test.ts

@@ -95,9 +95,9 @@ describe('ColorUtils', () => {
   });
 
   it('is able to find APCA threshold by font size and weight', () => {
-    assert.deepEqual(Common.ColorUtils.getAPCAThreshold('11px', '100'), null);
+    assert.isNull(Common.ColorUtils.getAPCAThreshold('11px', '100'));
     assert.deepEqual(Common.ColorUtils.getAPCAThreshold('121px', '100'), 60);
-    assert.deepEqual(Common.ColorUtils.getAPCAThreshold('16px', '100'), null);
+    assert.isNull(Common.ColorUtils.getAPCAThreshold('16px', '100'));
     assert.deepEqual(Common.ColorUtils.getAPCAThreshold('16px', '400'), 90);
     assert.deepEqual(Common.ColorUtils.getAPCAThreshold('16px', '900'), 50);
   });

package/front_end/core/common/Console.test.ts

@@ -15,7 +15,7 @@ describe('Console', () => {
       assert.lengthOf(messages, 1);
       assert.strictEqual(messages[0].text, 'Foo');
       assert.strictEqual(messages[0].level, Common.Console.MessageLevel.INFO);
-      assert.strictEqual(messages[0].show, true);
+      assert.isTrue(messages[0].show);
     });
 
     it('stores messages', () => {
@@ -25,7 +25,7 @@ describe('Console', () => {
       console.addMessage('Bar', Common.Console.MessageLevel.ERROR, true);
       console.addMessage('Donkey', Common.Console.MessageLevel.INFO, true);
       const messages = console.messages();
-      assert.strictEqual(messages.length, 4);
+      assert.lengthOf(messages, 4);
     });
 
     it('dispatches events to listeners', done => {
@@ -47,7 +47,7 @@ describe('Console', () => {
       console.log('Lorem Ipsum');
       const messages = console.messages();
       assert.lengthOf(messages, 1);
-      assert.strictEqual(messages[0].show, false);  // Infos don't popup the Console panel by default
+      assert.isFalse(messages[0].show);  // Infos don't popup the Console panel by default
       assert.strictEqual(messages[0].level, Common.Console.MessageLevel.INFO);
     });
   });
@@ -58,7 +58,7 @@ describe('Console', () => {
       console.warn('Lorem Ipsum');
       const messages = console.messages();
       assert.lengthOf(messages, 1);
-      assert.strictEqual(messages[0].show, false);  // Warnings don't popup the Console panel by default
+      assert.isFalse(messages[0].show);  // Warnings don't popup the Console panel by default
       assert.strictEqual(messages[0].level, Common.Console.MessageLevel.WARNING);
     });
   });
@@ -69,7 +69,7 @@ describe('Console', () => {
       console.error('Lorem Ipsum');
       const messages = console.messages();
       assert.lengthOf(messages, 1);
-      assert.strictEqual(messages[0].show, true);  // Errors popup the Console panel by default
+      assert.isTrue(messages[0].show);  // Errors popup the Console panel by default
       assert.strictEqual(messages[0].level, Common.Console.MessageLevel.ERROR);
     });
 
@@ -79,8 +79,8 @@ describe('Console', () => {
       console.error('Baz', true);
       const messages = console.messages();
       assert.lengthOf(messages, 2);
-      assert.strictEqual(messages[0].show, false);
-      assert.strictEqual(messages[1].show, true);
+      assert.isFalse(messages[0].show);
+      assert.isTrue(messages[1].show);
     });
   });
 });

package/front_end/core/common/Lazy.test.ts

@@ -4,27 +4,25 @@
 
 import * as Common from './common.js';
 
-const lazy = Common.Lazy.lazy;
-
 describe('lazy', () => {
+  const {lazy} = Common.Lazy;
+
   it('evaluates callback once', () => {
-    const initializeArrayOnce = lazy(() => []);
-    const arrayOne = initializeArrayOnce();
-    const arrayTwo = initializeArrayOnce();
+    const once = lazy(() => []);
+    const arrayOne = once();
+    const arrayTwo = once();
 
     assert.strictEqual(arrayOne, arrayTwo);
-    assert.notStrictEqual([], arrayOne);
   });
+
   it('handles callback exceptions', () => {
-    let callCount = 0;
-    const exceptionCallback = lazy(() => {
-      callCount++;
-      throw Error();
-    });
-    assert.throws(exceptionCallback, Error);
+    const fake = sinon.fake.throws('foo');
+    const once = lazy(fake);
+
+    assert.throws(once, Error);
     // Subsequent calls of the function should throw an exception without
     // re-evaluation
-    assert.throws(exceptionCallback, Error);
-    assert.strictEqual(callCount, 1);
+    assert.throws(once, Error);
+    assert.strictEqual(fake.callCount, 1);
   });
 });

package/front_end/core/common/MapWithDefault.test.ts

@@ -0,0 +1,61 @@
+// Copyright 2024 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import * as Common from './common.js';
+
+const MapWithDefault = Common.MapWithDefault.MapWithDefault;
+
+function convertToObject(map: Common.MapWithDefault.MapWithDefault<string, Map<string, string>>): Object {
+  const ret: {[key: string]: {[key: string]: string}} = {};
+  for (const [key1, map1] of map.entries()) {
+    const ret1: {[key: string]: string} = {};
+    for (const [key2, value] of map1.entries()) {
+      ret1[key2] = value;
+    }
+    ret[key1] = ret1;
+  }
+  return ret;
+}
+
+describe('MapWithDefault', () => {
+  it('sets a default entry for `getOrInsert()`', () => {
+    const map = new MapWithDefault<string, Map<string, string>>();
+
+    assert.deepEqual(convertToObject(map), {});
+
+    map.getOrInsert('0', new Map());
+
+    assert.deepEqual(convertToObject(map), {
+      0: {},
+    });
+
+    map.getOrInsert('1', new Map()).set('fr', 'uno');
+    map.getOrInsert('1', new Map()).set('de', 'eins');
+
+    assert.deepEqual(convertToObject(map), {
+      0: {},
+      1: {fr: 'uno', de: 'eins'},
+    });
+  });
+
+  it('creates a default entry for `getOrInsertComputed()`', () => {
+    const map = new MapWithDefault<string, Map<string, string>>();
+
+    assert.deepEqual(convertToObject(map), {});
+
+    map.getOrInsertComputed('0', () => new Map());
+
+    assert.deepEqual(convertToObject(map), {
+      0: {},
+    });
+
+    map.getOrInsertComputed('1', () => new Map()).set('fr', 'uno');
+    map.getOrInsertComputed('1', () => new Map()).set('de', 'eins');
+
+    assert.deepEqual(convertToObject(map), {
+      0: {},
+      1: {fr: 'uno', de: 'eins'},
+    });
+  });
+});

package/front_end/core/common/MapWithDefault.ts

@@ -0,0 +1,24 @@
+// Copyright 2024 The Chromium Authors. All rights reserved.
+// 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.
+export class MapWithDefault<K, V> extends Map<K, V> {
+  getOrInsert(key: K, defaultValue: V): V {
+    if (!this.has(key)) {
+      this.set(key, defaultValue);
+    }
+
+    return this.get(key) as V;
+  }
+
+  getOrInsertComputed(key: K, callbackFunction: (key: K) => V): V {
+    if (!this.has(key)) {
+      this.set(key, callbackFunction(key));
+    }
+
+    return this.get(key) as V;
+  }
+}

package/front_end/core/common/ParsedURL.test.ts

@@ -159,17 +159,17 @@ describe('Parsed URL', () => {
 
   it('checks that URL is valid', () => {
     const urlTest = 'http://www.example.com#?test';
-    assert.strictEqual(ParsedURL.isValidUrlString(urlTest), true, 'URL validation was incorrect');
+    assert.isTrue(ParsedURL.isValidUrlString(urlTest), 'URL validation was incorrect');
   });
 
   it('checks that file:// URL is valid', () => {
     const urlTest = 'file:///usr/lib';
-    assert.strictEqual(ParsedURL.isValidUrlString(urlTest), true, 'URL validation was incorrect');
+    assert.isTrue(ParsedURL.isValidUrlString(urlTest), 'URL validation was incorrect');
   });
 
   it('checks that "://" is not a valid URL', () => {
     const urlTest = '://';
-    assert.strictEqual(ParsedURL.isValidUrlString(urlTest), false, 'URL validation was incorrect');
+    assert.isFalse(ParsedURL.isValidUrlString(urlTest), 'URL validation was incorrect');
   });
 
   it('converts URL with a hash to a URL without a hash', () => {
@@ -358,7 +358,7 @@ describe('Parsed URL', () => {
     const hrefTest = 'www.example.com';
     const baseUrlTest = 'www.example.com' as Platform.DevToolsPath.UrlString;
     const completeUrl = ParsedURL.completeURL(baseUrlTest, hrefTest);
-    assert.strictEqual(completeUrl, null, 'complete URL is not returned correctly');
+    assert.isNull(completeUrl, 'complete URL is not returned correctly');
   });
 
   it('uses the completeURL function to return the href if the base URL is a data URL', () => {
@@ -421,7 +421,7 @@ describe('Parsed URL', () => {
     const splitResult = ParsedURL.splitLineAndColumn(stringTest);
     assert.strictEqual(splitResult.url, 'http://www.example.com/foo.js', 'URL is not correct');
     assert.strictEqual(splitResult.lineNumber, 14, 'line number is incorrect');
-    assert.strictEqual(splitResult.columnNumber, undefined, 'column number is incorrect');
+    assert.isUndefined(splitResult.columnNumber, 'column number is incorrect');
   });
 
   it('uses the splitLineAndColumn function to return the line and column numbers if the URL contains them', () => {