@browserless.io/browserless 2.2.0-beta-6 → 2.2.0

package/static/devtools/network/network_module.js

@@ -0,0 +1 @@
+import*as RootModule from'../root/root.js';RootModule.Runtime.cachedResources.set("network/binaryResourceView.css","/*\n * Copyright 2019 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.panel.network .toolbar.binary-view-toolbar {\n  border-top: 1px solid var(--color-details-hairline);\n  border-bottom: 0;\n  padding-left: 5px;\n}\n\n.binary-view-copied-text {\n  opacity: 100%;\n}\n\n.binary-view-copied-text.fadeout {\n  opacity: 0%;\n  transition: opacity 1s;\n}\n\n/*# sourceURL=network/binaryResourceView.css */");RootModule.Runtime.cachedResources.set("network/blockedURLsPane.css","/*\n * Copyright (c) 2015 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.list {\n  border: none !important;\n  border-top: 1px solid var(--color-details-hairline) !important;\n}\n\n.blocking-disabled {\n  pointer-events: none;\n  opacity: 80%;\n}\n\n.editor-container {\n  padding: 0 4px;\n}\n\n.no-blocked-urls,\n.blocked-urls {\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n\n.no-blocked-urls {\n  display: flex;\n  justify-content: center;\n  padding: 10px;\n}\n\n.no-blocked-urls > span {\n  white-space: pre;\n}\n\n.blocked-url {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  flex: auto;\n}\n\n.blocked-url-count {\n  flex: none;\n  padding-right: 9px;\n}\n\n.blocked-url-checkbox {\n  margin-left: 8px;\n  flex: none;\n}\n\n.blocked-url-checkbox:focus {\n  outline: auto 5px -webkit-focus-ring-color;\n}\n\n.blocked-url-label {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  flex: auto;\n  padding: 0 3px;\n}\n\n.blocked-url-edit-row {\n  flex: none;\n  display: flex;\n  flex-direction: row;\n  margin: 7px 5px 0 5px;\n  align-items: center;\n}\n\n.blocked-url-edit-value {\n  user-select: none;\n  flex: 1 1 0;\n}\n\n.blocked-url-edit-row input {\n  width: 100%;\n  text-align: inherit;\n  height: 22px;\n}\n\n/*# sourceURL=network/blockedURLsPane.css */");RootModule.Runtime.cachedResources.set("network/eventSourceMessagesView.css","/*\n * Copyright (c) 2014 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.event-source-messages-view .data-grid {\n  flex: auto;\n  border: none;\n}\n\n/*# sourceURL=network/eventSourceMessagesView.css */");RootModule.Runtime.cachedResources.set("network/networkConfigView.css","/*\n * Copyright (c) 2015 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.network-config {\n  padding: 12px;\n  display: block;\n}\n\n.network-config-group {\n  display: flex;\n  margin-bottom: 10px;\n  flex-wrap: wrap;\n  flex: 0 0 auto;\n  min-height: 30px;\n}\n\n.network-config-title {\n  margin-right: 16px;\n  width: 130px;\n}\n\n.network-config-fields {\n  flex: 2 0 200px;\n}\n\n.panel-section-separator {\n  height: 1px;\n  margin-bottom: 10px;\n  background: #f0f0f0;\n}\n\n/* Disable cache */\n\n.network-config-disable-cache {\n  line-height: 28px;\n  border-top: none;\n  padding-top: 0;\n}\n\n.network-config-input-validation-error {\n  color: var(--input-validation-error);\n  margin: 5px 0;\n}\n\n.network-config-input-validation-error:empty {\n  display: none;\n}\n\n/* Network throttling */\n\n.network-config-throttling .chrome-select {\n  width: 100%;\n  max-width: 250px;\n}\n\n.network-config-throttling > .network-config-title {\n  line-height: 24px;\n}\n\n/* User agent */\n\n.network-config-ua > .network-config-title {\n  line-height: 20px;\n}\n\n.network-config-ua span[is=\"dt-radio\"].checked > * {\n  display: none;\n}\n\n.network-config-ua input {\n  display: block;\n  width: calc(100% - 20px);\n}\n\n.network-config-ua input[readonly] {\n  background-color: rgb(235 235 228);\n}\n\n.network-config-ua input[type=text],\n.network-config-ua .chrome-select {\n  margin-top: 8px;\n}\n\n.network-config-ua .chrome-select {\n  width: calc(100% - 20px);\n  max-width: 250px;\n}\n\n.network-config-ua span[is=\"dt-radio\"] {\n  display: block;\n}\n\n.network-config-ua-custom {\n  opacity: 50%;\n  padding-bottom: 8px;\n}\n\n.network-config-ua-custom.checked {\n  opacity: 100%;\n}\n\n/*# sourceURL=network/networkConfigView.css */");RootModule.Runtime.cachedResources.set("network/networkLogView.css","/*\n * Copyright (C) 2013 Google Inc. All rights reserved.\n *\n * Redistribution and use in source and binary forms, with or without\n * modification, are permitted provided that the following conditions are\n * met:\n *\n *     * Redistributions of source code must retain the above copyright\n * notice, this list of conditions and the following disclaimer.\n *     * Redistributions in binary form must reproduce the above\n * copyright notice, this list of conditions and the following disclaimer\n * in the documentation and/or other materials provided with the\n * distribution.\n *     * Neither the name of Google Inc. nor the names of its\n * contributors may be used to endorse or promote products derived from\n * this software without specific prior written permission.\n *\n * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n * \"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\n * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR\n * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT\n * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,\n * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT\n * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\n * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\n * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\n * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n */\n\n.network-log-grid.data-grid {\n  border: none !important;\n  flex: auto;\n}\n\n.network-log-grid.data-grid.no-selection:focus-visible {\n  border: none !important;\n}\n\n#network-container {\n  border: 1px solid rgb(204 204 204);\n  overflow: hidden;\n}\n\n#network-container.grid-focused.no-node-selected:focus-within {\n  border: 1px solid var(--accent-color);\n}\n\n.network-summary-bar {\n  flex: 0 0 27px;\n  line-height: 27px;\n  padding-left: 5px;\n  background-color: #eee;\n  border-top: 1px solid #ccc;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  user-select: text;\n}\n\n.panel.network .toolbar.network-summary-bar {\n  border-bottom: 0;\n}\n\n.network-summary-bar span[is=dt-icon-label] {\n  margin-right: 6px;\n}\n\n.network-summary-bar > * {\n  flex: none;\n}\n\n.network-log-grid.data-grid table.data {\n  background: transparent;\n}\n\n.network-log-grid.data-grid td {\n  height: 41px;\n  border-left: 1px solid #e1e1e1;\n  vertical-align: middle;\n}\n\n.network-log-grid.data-grid .corner {\n  display: none;\n}\n\n.network-log-grid.data-grid.small td {\n  height: 21px;\n}\n\n.network-waterfall-header,\n.network-log-grid.data-grid th {\n  border-bottom: 1px solid rgb(205 205 205);\n  border-left: 1px solid rgb(205 205 205);\n}\n\n.network-log-grid.data-grid table.data th {\n  border-bottom: none;\n}\n\n.network-waterfall-header,\n.network-log-grid.data-grid .header-container {\n  height: 31px;\n  background-color: var(--toolbar-bg-color);\n}\n\n.network-log-grid.data-grid .data-container {\n  top: 31px;\n}\n\n.network-waterfall-header.small,\n.network-log-grid.data-grid.small .header-container {\n  height: 27px;\n}\n\n.network-log-grid.data-grid.small .data-container {\n  top: 27px;\n}\n\n.network-log-grid.data-grid select {\n  appearance: none;\n  border: none;\n  width: 100%;\n  color: inherit;\n}\n\n.network-log-grid.data-grid .name-column {\n  cursor: pointer;\n}\n\n.network-log-grid.data-grid .waterfall-column {\n  padding: 1px 0;\n}\n\n.network-log-grid.data-grid .waterfall-column .sort-order-icon-container {\n  right: 15px;\n  pointer-events: none;\n}\n\n.network-log-grid.data-grid th.sortable:active {\n  background-image: none !important;\n}\n\n.network-cell-subtitle {\n  font-weight: normal;\n  color: gray;\n}\n\n.network-badge {\n  margin-right: 4px;\n}\n\n/* We are using a multitude of different selector specificity rules here, which\n   is incompatible with what stylelint requires as ordering of the rules. */\n/* stylelint-disable no-descending-specificity */\n.network-error-row,\n.network-error-row .network-cell-subtitle,\n.network-log-grid.data-grid tr.selected.network-error-row,\n.network-log-grid.data-grid tr.selected.network-error-row .network-cell-subtitle,\n.network-log-grid.data-grid tr.selected.network-error-row .network-dim-cell,\n.network-log-grid.data-grid:focus tr.selected.network-error-row .devtools-link,\n.network-log-grid.data-grid:focus tr.selected.network-error-row,\n.network-log-grid.data-grid:focus tr.selected.network-error-row .network-cell-subtitle,\n.network-log-grid.data-grid:focus tr.selected.network-error-row .network-dim-cell {\n  color: rgb(230 0 0) !important;\n}\n\n.initiator-column .devtools-link {\n  color: inherit;\n}\n\n.network-log-grid.data-grid tr.selected,\n.network-log-grid.data-grid tr.selected .network-cell-subtitle,\n.network-log-grid.data-grid tr.selected .network-dim-cell {\n  color: inherit;\n}\n\n.network-log-grid.data-grid:focus tr.selected,\n.network-log-grid.data-grid:focus tr.selected .network-cell-subtitle,\n.network-log-grid.data-grid:focus tr.selected .network-dim-cell {\n  color: var(--selection-fg-color);\n}\n\n.network-header-subtitle {\n  color: gray;\n}\n\n.network-log-grid.data-grid.small .network-cell-subtitle,\n.network-log-grid.data-grid.small .network-header-subtitle {\n  display: none;\n}\n\n.network-log-grid.data-grid.small tr.selected .network-cell-subtitle-show-inline-when-selected {\n  display: inline;\n  margin-left: 4px;\n}\n\n.network-log-grid tr.highlighted-row {\n  animation: network-row-highlight-fadeout 2s 0s;\n}\n\n/* See comment above why the rules were disabled */\n/* stylelint-enable no-descending-specificity */\n\n@keyframes network-row-highlight-fadeout {\n  from { background-color: rgb(255 255 120 / 100%); }\n  to { background-color: rgb(255 255 120 / 0%); }\n}\n\n/* Resource preview icons */\n\n/* These rules are grouped by type and therefore do not adhere to the ordering of stylelint */\n/* stylelint-disable no-descending-specificity, no-duplicate-selectors */\n\n.network-log-grid.data-grid .icon {\n  content: url(Images/resourcePlainIcon.png);\n}\n\n.network-log-grid.data-grid.small .icon {\n  content: url(Images/resourcePlainIconSmall.png);\n}\n\n.network-log-grid.data-grid .icon.script {\n  content: url(Images/resourceJSIcon.png);\n}\n\n.network-log-grid.data-grid.small .icon.script {\n  content: url(Images/resourceDocumentIconSmall.png);\n}\n\n.network-log-grid.data-grid .icon.document {\n  content: url(Images/resourceDocumentIcon.png);\n}\n\n.network-log-grid.data-grid.small .icon.document {\n  content: url(Images/resourceDocumentIconSmall.png);\n}\n\n.network-log-grid.data-grid .icon.stylesheet {\n  content: url(Images/resourceCSSIcon.png);\n}\n\n.network-log-grid.data-grid.small .icon.stylesheet {\n  content: url(Images/resourceDocumentIconSmall.png);\n}\n\n.network-log-grid.data-grid .icon.media {\n  content: url(Images/resourcePlainIcon.png); /* FIXME: media icon */\n}\n\n.network-log-grid.data-grid.small .icon.media {\n  content: url(Images/resourcePlainIconSmall.png); /* FIXME: media icon */\n}\n\n.network-log-grid.data-grid .icon.texttrack {\n  content: url(Images/resourcePlainIcon.png); /* FIXME: vtt icon */\n}\n\n.network-log-grid.data-grid.small .icon.texttrack {\n  content: url(Images/resourcePlainIconSmall.png); /* FIXME: vtt icon */\n}\n\n.network-log-grid.data-grid .icon.image {\n  position: relative;\n  background-image: url(Images/resourcePlainIcon.png);\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\n.network-log-grid.data-grid.small .icon.image {\n  background-image: url(Images/resourcePlainIconSmall.png);\n  content: \"\";\n}\n\n.network-log-grid.data-grid .icon {\n  float: left;\n  width: 32px;\n  height: 32px;\n  margin-top: 1px;\n  margin-right: 3px;\n}\n\n.network-log-grid.data-grid.small .icon {\n  width: 16px;\n  height: 16px;\n}\n\n.network-log-grid.data-grid .image-network-icon-preview {\n  position: absolute;\n  margin: auto;\n  top: 3px;\n  bottom: 4px;\n  left: 5px;\n  right: 5px;\n  max-width: 18px;\n  max-height: 21px;\n  min-width: 1px;\n  min-height: 1px;\n}\n\n.network-log-grid.data-grid.small .image-network-icon-preview {\n  top: 2px;\n  bottom: 1px;\n  left: 3px;\n  right: 3px;\n  max-width: 8px;\n  max-height: 11px;\n}\n\n.network-log-grid.data-grid .trailing-link-icon {\n  padding-left: 0.5ex;\n}\n\n/* stylelint-enable no-descending-specificity, no-duplicate-selectors */\n\n/* This is part of the large color block declared above, but should not be\n   extracted out. */\n/* stylelint-disable-next-line no-descending-specificity */\n.network-dim-cell {\n  color: grey;\n}\n\n.network-frame-divider {\n  width: 2px;\n  background-color: #fccc49;\n  z-index: 10;\n  visibility: hidden;\n}\n\n#network-container:not(.brief-mode) .data-container {\n  overflow: hidden;\n}\n\n.network-log-grid.data-grid .resources-dividers {\n  z-index: 0;\n}\n\n.network-log-grid.data-grid .resources-dividers-label-bar {\n  background-color: transparent;\n  border: none;\n  height: 30px;\n  pointer-events: none;\n}\n\n.network-log-grid.data-grid span.separator-in-cell {\n  user-select: none;\n  min-width: 1ex;\n  display: inline-block;\n}\n\n.network-status-pane {\n  color: #777;\n  background-color: var(--color-background);\n  z-index: 500;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  padding: 0 20px;\n  overflow: auto;\n}\n\n.network-status-pane > .recording-hint {\n  font-size: 14px;\n  text-align: center;\n  line-height: 28px;\n}\n\n.network-waterfall-header {\n  position: absolute;\n  border-left: 0;\n  width: 100%;\n  display: table;\n  z-index: 200;\n}\n\n.network-waterfall-header:hover {\n  background-color: hsl(0deg 0% 10% / 10%);\n}\n\n.network-waterfall-header div {\n  display: table-cell;\n  line-height: 14px;\n  margin: auto 0;\n  vertical-align: middle;\n  text-align: left;\n  font-weight: normal;\n  padding: 0 4px;\n}\n\n/* All network-waterfall-header rules are defined here instead of above */\n/* stylelint-disable-next-line no-descending-specificity */\n.network-waterfall-header .sort-order-icon-container {\n  position: absolute;\n  top: 1px;\n  right: 0;\n  bottom: 1px;\n  display: flex;\n  align-items: center;\n}\n\n.network-waterfall-header .sort-order-icon {\n  align-items: center;\n  margin-right: 4px;\n  margin-bottom: -2px;\n}\n\n.network-frame-group-icon {\n  display: inline-block;\n  margin: -8px -2px;\n}\n\n.network-frame-group-badge {\n  margin-right: 4px;\n}\n\n@media (forced-colors: active) {\n  .network-status-pane > .recording-hint {\n    color: canvastext;\n  }\n\n  /* This is part of the large color block declared above, but should not be\n   extracted out. */\n  /* stylelint-disable no-descending-specificity */\n  .network-log-grid.data-grid table.data tr.revealed.selected,\n  .network-log-grid.data-grid:focus table.data tr.revealed.selected,\n  .network-log-grid.data-grid:focus tr.selected .network-dim-cell,\n  .network-log-grid.data-grid tr.selected .network-dim-cell,\n  .network-log-grid.data-grid:focus tr.selected .initiator-column .devtools-link,\n  .network-log-grid.data-grid tr.selected .initiator-column .devtools-link,\n  .network-waterfall-header:hover * {\n    color: HighlightText;\n  }\n  /* stylelint-enable no-descending-specificity */\n\n  .network-log-grid {\n    --network-grid-default-color: canvas;\n    --network-grid-stripe-color: canvas;\n    --network-grid-hovered-color: Highlight;\n    --network-grid-selected-color: ButtonText;\n    --network-grid-focus-selected-color: Highlight;\n  }\n\n  #network-container.no-node-selected:focus-within,\n  .network-status-pane {\n    forced-color-adjust: none;\n    border-color: Highlight;\n    background-color: canvas !important;\n  }\n\n  .network-waterfall-header:hover {\n    forced-color-adjust: none;\n    background-color: Highlight;\n  }\n\n  .network-waterfall-header.small,\n  .network-log-grid.data-grid.small .header-container .network-waterfall-header,\n  .network-log-grid.data-grid .header-container {\n    background-color: canvas;\n  }\n\n  .network-waterfall-header:hover .sort-order-icon-container [is=ui-icon].icon-mask {\n    background-color: HighlightText;\n  }\n}\n\n/*# sourceURL=network/networkLogView.css */");RootModule.Runtime.cachedResources.set("network/networkManageCustomHeadersView.css","/*\n * Copyright 2016 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.custom-headers-list {\n  height: 272px;\n  width: 250px;\n}\n\n.custom-headers-wrapper {\n  margin: 10px;\n}\n\n.header {\n  padding: 0 0 6px;\n  font-size: 18px;\n  font-weight: normal;\n  flex: none;\n}\n\n.custom-headers-header {\n  padding: 2px;\n}\n\n.custom-headers-list-item {\n  padding-left: 5px;\n}\n\n.editor-container {\n  padding: 5px 0 0 5px;\n}\n\n.add-button {\n  width: 150px;\n  margin: auto;\n  margin-top: 5px;\n}\n\n/*# sourceURL=network/networkManageCustomHeadersView.css */");RootModule.Runtime.cachedResources.set("network/networkPanel.css","/*\n * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.\n * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>\n *\n * Redistribution and use in source and binary forms, with or without\n * modification, are permitted provided that the following conditions\n * are met:\n *\n * 1.  Redistributions of source code must retain the above copyright\n *     notice, this list of conditions and the following disclaimer.\n * 2.  Redistributions in binary form must reproduce the above copyright\n *     notice, this list of conditions and the following disclaimer in the\n *     documentation and/or other materials provided with the distribution.\n * 3.  Neither the name of Apple Computer, Inc. (\"Apple\") nor the names of\n *     its contributors may be used to endorse or promote products derived\n *     from this software without specific prior written permission.\n *\n * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS \"AS IS\" AND ANY\n * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED\n * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE\n * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY\n * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES\n * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;\n * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND\n * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF\n * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n */\n\n.network-details-view {\n  background: rgb(203 203 203);\n}\n\n.network-details-view-tall-header {\n  border-top: 4px solid var(--toolbar-bg-color);\n}\n\n.network-item-view {\n  display: flex;\n  background: var(--color-background);\n}\n\n.network-item-preview-toolbar {\n  border-top: 1px solid #ccc;\n  background-color: #eee;\n}\n\n.resource-timing-view {\n  display: block;\n  margin: 6px;\n  color: rgb(30% 30% 30%);\n  overflow: auto;\n}\n\n.resource-timing-table {\n  width: 100% !important;\n}\n\n#network-overview-panel {\n  flex: none;\n  position: relative;\n}\n\n#network-overview-container {\n  overflow: hidden;\n  flex: auto;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  border-bottom: 1px solid #cdcdcd;\n}\n\n#network-overview-container canvas {\n  width: 100%;\n  height: 100%;\n}\n\n.network-overview .resources-dividers-label-bar {\n  background-color: rgb(255 255 255 / 95%);\n}\n\n#network-overview-grid .resources-dividers-label-bar {\n  pointer-events: auto;\n}\n\n.network .network-overview {\n  flex: 0 0 60px;\n}\n\n.network-overview .resources-dividers-label-bar .resources-divider {\n  background-color: transparent;\n}\n\n.network-overview .resources-dividers {\n  z-index: 250;\n}\n\n.request-view.html iframe {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.network-film-strip {\n  border-bottom: solid 1px #cdcdcd;\n  flex: none !important;\n}\n\n.network-film-strip-placeholder {\n  flex-shrink: 0;\n}\n\n.network-tabbed-pane {\n  background-color: var(--toolbar-bg-color);\n}\n\n.network-settings-pane {\n  flex: none;\n  background-color: var(--toolbar-bg-color);\n}\n\n.network-settings-pane .toolbar {\n  flex: 1 1;\n}\n\n.network-toolbar-container {\n  display: flex;\n  flex: none;\n}\n\n.network-toolbar-container > :first-child {\n  flex: 1 1 auto;\n}\n\n.panel.network .toolbar {\n  background-color: var(--toolbar-bg-color);\n  border-bottom: var(--divider-border);\n}\n\n@media (forced-colors: active) {\n  .panel.network .toolbar {\n    background-color: canvas;\n  }\n}\n\n/*# sourceURL=network/networkPanel.css */");RootModule.Runtime.cachedResources.set("network/networkTimingTable.css","/*\n * Copyright 2017 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.network-timing-table {\n  width: 380px;\n  border-spacing: 0;\n  padding-left: 10px;\n  padding-right: 10px;\n  line-height: initial;\n  table-layout: fixed;\n}\n\n.network-timing-start {\n  border-top: 5px solid transparent;\n}\n\n.network-timing-start th span.network-timing-hidden-header {\n  height: 1px;\n  width: 1px;\n  position: absolute;\n  overflow: hidden;\n}\n\n.network-timing-table-header td,\n.network-timing-footer td {\n  border-top: 10px solid transparent;\n}\n\n.network-timing-table-header td {\n  color: #737373;\n}\n\n.network-timing-table td {\n  padding: 4px 0;\n}\n\n.network-timing-table-header td:last-child {\n  text-align: right;\n}\n\n.network-timing-footer td:last-child {\n  font-weight: bold;\n  text-align: right;\n}\n\ntable.network-timing-table > tr:not(.network-timing-table-header):not(.network-timing-footer) > td:first-child {\n  padding-left: 12px;\n}\n\n.network-timing-table col.labels {\n  width: 156px;\n}\n\n.network-timing-table col.duration {\n  width: 80px;\n}\n\n.network-timing-table td.caution {\n  font-weight: bold;\n  color: rgb(255 128 0);\n  padding: 2px 0;\n}\n\n.network-timing-table hr.break {\n  border: 0;\n  height: 1px;\n  background-image: linear-gradient(to right, #eee, #bbb, #eee);\n}\n\n.network-timing-row {\n  position: relative;\n  height: 15px;\n}\n\n.network-timing-bar {\n  position: absolute;\n  min-width: 1px;\n  top: 0;\n  bottom: 0;\n}\n\n.network-timing-bar-title {\n  color: #222;\n  white-space: nowrap;\n  text-align: right;\n}\n\n.network-timing-bar.queueing,\n.network-timing-bar.total {\n  border: 1px solid rgb(0 0 0 / 10%);\n}\n\n.network-timing-bar.blocking,\n.-theme-preserve {\n  background-color: #aaa;\n}\n\n.network-timing-bar.proxy,\n.-theme-preserve {\n  background-color: #a1887f;\n}\n\n.network-timing-bar.dns,\n.-theme-preserve {\n  background-color: #009688;\n}\n\n.network-timing-bar.connecting,\n.network-timing-bar.serviceworker,\n.network-timing-bar.serviceworker-preparation,\n.-theme-preserve {\n  background-color: #ff9800;\n}\n\n.network-timing-bar.ssl,\n.-theme-preserve {\n  background-color: #9c27b0;\n}\n\n.network-timing-bar.serviceworker-respondwith,\n.-theme-preserve {\n  background-color: #a8a3ff;\n}\n\n.network-fetch-timing-bar-clickable::before {\n  user-select: none;\n  -webkit-mask-image: url(Images/treeoutlineTriangles.svg);\n  -webkit-mask-position: 0 0;\n  -webkit-mask-size: 32px 24px;\n  float: left;\n  width: 8px;\n  height: 12px;\n  margin-right: 2px;\n  content: \"\";\n  position: relative;\n  top: 3px;\n  background-color: rgb(110 110 110);\n}\n\n.network-fetch-timing-bar-clickable {\n  position: relative;\n  left: -12px;\n}\n\n.network-fetch-timing-bar-clickable:focus-visible {\n  background-color: var(--toolbar-bg-color);\n}\n\n.network-fetch-timing-bar-clickable[aria-checked=\"true\"]::before {\n  -webkit-mask-position: -16px 0;\n}\n\n.network-fetch-timing-bar-details-collapsed {\n  display: none;\n}\n\n.network-fetch-timing-bar-details-expanded {\n  display: block;\n}\n\n.network-fetch-timing-bar-details {\n  padding-left: 11px;\n  width: fit-content;\n}\n\n.network-fetch-details-treeitem {\n  width: max-content;\n}\n\n.network-timing-bar.sending,\n.-theme-preserve {\n  background-color: #b0bec5;\n}\n\n.network-timing-bar.waiting,\n.-theme-preserve {\n  background-color: #00c853;\n}\n\n.network-timing-bar.receiving,\n.network-timing-bar.receiving-push,\n.-theme-preserve {\n  background-color: #03a9f4;\n}\n\n.network-timing-bar.push,\n.-theme-preserve {\n  background-color: #8cdbff;\n}\n\n.network-timing-bar.server-timing,\n.-theme-preserve {\n  background-color: #ddd;\n}\n\n.network-timing-table td.network-timing-metric {\n  white-space: nowrap;\n  max-width: 150px;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n}\n\n.network-timing-bar.proxy,\n.network-timing-bar.dns,\n.network-timing-bar.ssl,\n.network-timing-bar.connecting,\n.network-timing-bar.blocking {\n  height: 10px;\n  margin: auto;\n}\n\n@media (forced-colors: active) {\n  .network-timing-bar.blocking,\n  .network-timing-bar.proxy,\n  .network-timing-bar.dns,\n  .network-timing-bar.connecting,\n  .network-timing-bar.serviceworker,\n  .network-timing-bar.serviceworker-preparation,\n  .network-timing-bar.ssl,\n  .network-timing-bar.sending,\n  .network-timing-bar.waiting,\n  .network-timing-bar.receiving,\n  .network-timing-bar.receiving-push,\n  .network-timing-bar.push,\n  .network-timing-bar.server-timing,\n  .-theme-preserve {\n    forced-color-adjust: none;\n  }\n\n  .network-timing-table-header td,\n  .network-timing-footer td {\n    forced-color-adjust: none;\n    color: ButtonText;\n  }\n}\n\n/*# sourceURL=network/networkTimingTable.css */");RootModule.Runtime.cachedResources.set("network/networkWaterfallColumn.css","/* Copyright 2016 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.network-waterfall-v-scroll {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  overflow-x: hidden;\n  margin-top: 31px;\n  z-index: 200;\n}\n\n.network-waterfall-v-scroll.small {\n  margin-top: 27px;\n}\n\n.network-waterfall-v-scroll-content {\n  width: 15px;\n  pointer-events: none;\n}\n\n/*# sourceURL=network/networkWaterfallColumn.css */");RootModule.Runtime.cachedResources.set("network/requestCookiesView.css","/*\n * Copyright (c) 2014 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.request-cookies-view {\n  overflow: auto;\n  padding: 12px;\n  height: 100%;\n}\n\n.request-cookies-view .request-cookies-title {\n  font-size: 12px;\n  font-weight: bold;\n  margin-right: 30px;\n  color: rgb(97 97 97);\n}\n\n.request-cookies-view .cookie-line {\n  margin-top: 6px;\n  display: inline-block;\n}\n\n.request-cookies-view .cookies-panel-item {\n  margin-top: 6px;\n  margin-bottom: 16px;\n  flex: none;\n}\n\n@media (forced-colors: active) {\n  td.flagged-cookie-attribute-cell .cookie-warning-icon {\n    forced-color-adjust: none;\n    filter: grayscale();\n  }\n}\n\n/*# sourceURL=network/requestCookiesView.css */");RootModule.Runtime.cachedResources.set("network/requestHeadersTree.css","/*\n * Copyright 2016 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.tree-outline {\n  padding-left: 0;\n\n  --error-background-color: #d93025;\n}\n\n.tree-outline > ol {\n  padding-bottom: 5px;\n  border-bottom: solid 1px #e0e0e0;\n}\n\n.tree-outline > .parent {\n  user-select: none;\n  font-weight: bold;\n  color: #616161;\n  margin-top: -1px;\n  display: flex;\n  align-items: center;\n  height: 26px;\n}\n\n.tree-outline li {\n  display: block;\n  padding-left: 5px;\n  line-height: 20px;\n}\n\n.tree-outline li:not(.parent) {\n  margin-left: 10px;\n}\n\n.tree-outline li:not(.parent)::before {\n  display: none;\n}\n\n.tree-outline .caution {\n  margin-left: 4px;\n  display: inline-block;\n  font-weight: bold;\n}\n\n.tree-outline li.expanded .header-count {\n  display: none;\n}\n\n.tree-outline li .header-toggle {\n  display: none;\n}\n\n.tree-outline li .status-from-cache {\n  color: gray;\n}\n\n.tree-outline li.expanded .header-toggle {\n  display: inline;\n  margin-left: 30px;\n  font-weight: normal;\n  color: rgb(45% 45% 45%);\n}\n\n.tree-outline li .header-toggle:hover {\n  color: rgb(20% 20% 45%);\n  cursor: pointer;\n}\n\n.tree-outline .header-name {\n  color: rgb(33% 33% 33%);\n  display: inline-block;\n  margin-right: 0.25em;\n  font-weight: bold;\n  vertical-align: top;\n  white-space: pre-wrap;\n}\n\n.tree-outline .header-separator {\n  user-select: none;\n}\n\n.tree-outline .header-badge-text {\n  font-variant: small-caps;\n  font-weight: 500;\n  white-space: pre-wrap;\n  word-break: break-all;\n}\n\n.tree-outline .header-warning {\n  color: var(--error-background-color);\n}\n\n.tree-outline .header-badge {\n  display: inline;\n  margin-right: 0.75em;\n  background-color: var(--error-background-color);\n  color: white;\n  border-radius: 100vh;\n  padding-left: 6px;\n  padding-right: 6px;\n}\n\n.tree-outline .header-value {\n  display: inline;\n  margin-right: 1em;\n  white-space: pre-wrap;\n  word-break: break-all;\n  margin-top: 1px;\n}\n\n.tree-outline .call-to-action {\n  background-color: #f8f9fa;\n  padding: 8px;\n  border-radius: 2px;\n}\n\n.tree-outline .selected .call-to-action {\n  background-color: transparent;\n  padding: 8px;\n  border-radius: 2px;\n}\n\n.tree-outline .call-to-action-body {\n  padding: 6px 0;\n  margin-left: 9.5px;\n  border-left: 2px solid #f29900;\n  padding-left: 18px;\n}\n\n.tree-outline .call-to-action .explanation {\n  font-weight: bold;\n}\n\n.tree-outline .call-to-action code {\n  font-size: 90%;\n}\n\n.tree-outline .call-to-action .example .comment::before {\n  content: \" — \";\n}\n\n.tree-outline .empty-request-header {\n  color: rgb(33% 33% 33% / 50%);\n}\n\n.request-headers-show-more-button {\n  border: none;\n  border-radius: 3px;\n  display: inline-block;\n  font-size: 12px;\n  font-family: sans-serif;\n  cursor: pointer;\n  margin: 0 4px;\n  padding: 2px 4px;\n}\n\n.header-highlight {\n  background-color: #ffff78;\n}\n\n.x-client-data-details {\n  padding-left: 10px;\n}\n\n@media (forced-colors: active) {\n  :host-context(.request-headers-tree) ol.tree-outline:not(.hide-selection-when-blurred) li.selected:focus {\n    background: Highlight;\n  }\n\n  :host-context(.request-headers-tree) ol.tree-outline:not(.hide-selection-when-blurred) li::before {\n    background-color: ButtonText;\n  }\n\n  :host-context(.request-headers-tree) ol.tree-outline:not(.hide-selection-when-blurred) li.selected.parent::before {\n    background-color: HighlightText;\n  }\n\n  :host-context(.request-headers-tree) ol.tree-outline:not(.hide-selection-when-blurred) li.selected *,\n  :host-context(.request-headers-tree) ol.tree-outline:not(.hide-selection-when-blurred) li.selected.parent,\n  :host-context(.request-headers-tree) ol.tree-outline:not(.hide-selection-when-blurred) li.selected.parent span,\n  :host-context(.request-headers-tree) ol.tree-outline:not(.hide-selection-when-blurred) li.selected:focus .status-from-cache {\n    color: HighlightText;\n  }\n}\n\n/*# sourceURL=network/requestHeadersTree.css */");RootModule.Runtime.cachedResources.set("network/requestHeadersView.css","/*\n * Copyright (c) 2014 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.request-headers-view {\n  user-select: text;\n  overflow: auto;\n}\n\n.resource-status-image {\n  margin-top: -2px;\n  margin-right: 3px;\n}\n\n.request-headers-tree {\n  flex-grow: 1;\n  overflow-y: auto;\n  margin: 0;\n}\n\n.header-decode-error {\n  color: red;\n}\n\n.-theme-with-dark-background .header-decode-error {\n  color: hsl(0deg 100% 65%);\n}\n\n/*# sourceURL=network/requestHeadersView.css */");RootModule.Runtime.cachedResources.set("network/requestHTMLView.css","/*\n * Copyright (c) 2018 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.html-preview-frame {\n  box-shadow: var(--drop-shadow);\n\n  /* We always want a white background, even in dark mode, hence why we don't\n  use our theme variables for this one */\n  background: var(--color-background);\n  flex-grow: 1;\n  margin: 20px;\n}\n\n/*# sourceURL=network/requestHTMLView.css */");RootModule.Runtime.cachedResources.set("network/requestInitiatorView.css","/*\n * Copyright (c) 2019 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.request-initiator-view {\n  display: block;\n  margin: 6px;\n}\n\n.request-initiator-view-section-title {\n  font-weight: bold;\n  padding: 4px;\n}\n\n.request-initiator-view-section-title:focus-visible {\n  background-color: var(--color-background-elevation-2);\n}\n\n.request-initiator-view-section-content {\n  margin-left: 6px;\n}\n\n@media (forced-colors: active) {\n  .request-initiator-view-section-title:focus-visible [is=ui-icon].icon-mask {\n    background-color: HighlightText;\n  }\n\n  .request-initiator-view-section-title:focus-visible {\n    forced-color-adjust: none;\n    background-color: Highlight;\n    color: HighlightText;\n  }\n}\n\n/*# sourceURL=network/requestInitiatorView.css */");RootModule.Runtime.cachedResources.set("network/signedExchangeInfoTree.css","/*\n * Copyright 2018 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.tree-outline {\n  padding-left: 0;\n}\n\n.tree-outline > ol {\n  padding-bottom: 5px;\n  border-bottom: solid 1px #e0e0e0;\n}\n\n.tree-outline > .parent {\n  user-select: none;\n  font-weight: bold;\n  color: #616161;\n  margin-top: -1px;\n  display: flex;\n  align-items: center;\n  height: 26px;\n}\n\n.tree-outline li {\n  padding-left: 5px;\n  line-height: 20px;\n}\n\n.tree-outline li:not(.parent) {\n  display: block;\n  margin-left: 10px;\n}\n\n.tree-outline li:not(.parent)::before {\n  display: none;\n}\n\n.tree-outline .header-name {\n  color: rgb(33% 33% 33%);\n  display: inline-block;\n  margin-right: 0.25em;\n  font-weight: bold;\n  vertical-align: top;\n  white-space: pre-wrap;\n}\n\n.tree-outline .header-separator {\n  user-select: none;\n}\n\n.tree-outline .header-value {\n  display: inline;\n  margin-right: 1em;\n  white-space: pre-wrap;\n  word-break: break-all;\n  margin-top: 1px;\n}\n\n.tree-outline .header-toggle {\n  display: inline;\n  margin-left: 30px;\n  font-weight: normal;\n  color: rgb(45% 45% 45%);\n}\n\n.tree-outline .header-toggle:hover {\n  color: rgb(20% 20% 45%);\n  cursor: pointer;\n}\n\n.tree-outline .error-log {\n  color: red;\n  display: inline-block;\n  margin-right: 0.25em;\n  margin-left: 0.25em;\n  font-weight: bold;\n  vertical-align: top;\n  white-space: pre-wrap;\n}\n\n.tree-outline .hex-data {\n  display: block;\n  word-break: break-word;\n  margin-left: 20px;\n}\n\n.tree-outline .error-field {\n  color: red;\n}\n\n/*# sourceURL=network/signedExchangeInfoTree.css */");RootModule.Runtime.cachedResources.set("network/signedExchangeInfoView.css","/*\n * Copyright (c) 2018 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.signed-exchange-info-view {\n  user-select: text;\n  overflow: auto;\n}\n\n.signed-exchange-info-tree {\n  flex-grow: 1;\n  overflow-y: auto;\n  margin: 0;\n}\n\n/*# sourceURL=network/signedExchangeInfoView.css */");RootModule.Runtime.cachedResources.set("network/webSocketFrameView.css","/*\n * Copyright (c) 2014 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.websocket-frame-view {\n  user-select: text;\n}\n\n.websocket-frame-view .data-grid {\n  flex: auto;\n  border: none;\n}\n\n.websocket-frame-view .data-grid .data {\n  background-image: none;\n}\n\n.websocket-frame-view-td {\n  border-bottom: 1px solid #ccc;\n}\n\n.websocket-frame-view .data-grid tr.selected {\n  background-color: #def;\n}\n\n.websocket-frame-view .data-grid td,\n.websocket-frame-view .data-grid th {\n  border-left-color: #ccc;\n}\n\n.websocket-frame-view-row-send td:first-child::before {\n  content: \"\\2B06\";\n  color: #080;\n  padding-right: 4px;\n}\n\n.websocket-frame-view-row-receive td:first-child::before {\n  content: \"\\2B07\";\n  color: #e65100;\n  padding-right: 4px;\n}\n\n.data-grid:focus .websocket-frame-view-row-send.selected td:first-child::before,\n.data-grid:focus .websocket-frame-view-row-receive.selected td:first-child::before {\n  color: white;\n}\n\n.websocket-frame-view-row-send {\n  background-color: rgb(226 247 218);\n}\n\n.websocket-frame-view-row-error {\n  background-color: rgb(255 237 237);\n  color: rgb(182 0 0);\n}\n\n.websocket-frame-view .toolbar {\n  border-bottom: var(--divider-border);\n}\n\n/*# sourceURL=network/webSocketFrameView.css */");

package/static/devtools/network_test_runner/network_test_runner.js

@@ -0,0 +1,280 @@
+// Copyright 2017 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.
+
+/**
+ * @fileoverview using private properties isn't a Closure violation in tests.
+ */
+self.NetworkTestRunner = self.NetworkTestRunner || {};
+
+NetworkTestRunner.waitForRequestResponse = function(request) {
+  if (request.responseReceivedTime !== -1) {
+    return Promise.resolve(request);
+  }
+
+  return TestRunner.waitForEvent(
+      SDK.NetworkManager.Events.RequestUpdated, TestRunner.networkManager,
+      updateRequest => updateRequest === request && request.responseReceivedTime !== -1);
+};
+
+NetworkTestRunner.waitForNetworkLogViewNodeForRequest = function(request) {
+  const networkLogView = UI.panels.network._networkLogView;
+  const node = networkLogView.nodeForRequest(request);
+
+  if (node) {
+    return Promise.resolve(node);
+  }
+
+  console.assert(networkLogView._staleRequests.has(request));
+
+  return TestRunner.addSnifferPromise(networkLogView, '_didRefreshForTest').then(() => {
+    const node = networkLogView.nodeForRequest(request);
+    console.assert(node);
+    return node;
+  });
+};
+
+NetworkTestRunner.waitForWebsocketFrameReceived = function(wsRequest, message) {
+  for (const frame of wsRequest.frames()) {
+    if (checkFrame(frame)) {
+      return Promise.resolve(frame);
+    }
+  }
+
+  return TestRunner.waitForEvent(SDK.NetworkRequest.Events.WebsocketFrameAdded, wsRequest, checkFrame);
+
+  function checkFrame(frame) {
+    return frame.type === SDK.NetworkRequest.WebSocketFrameType.Receive && frame.text === message;
+  }
+};
+
+NetworkTestRunner.recordNetwork = function() {
+  UI.panels.network._networkLogView.setRecording(true);
+};
+
+NetworkTestRunner.networkWaterfallColumn = function() {
+  return UI.panels.network._networkLogView._columns._waterfallColumn;
+};
+
+NetworkTestRunner.networkRequests = function() {
+  return Array.from(SDK.NetworkLog.instance().requests());
+};
+
+NetworkTestRunner.dumpNetworkRequests = function() {
+  const requests = NetworkTestRunner.networkRequests();
+
+  requests.sort(function(a, b) {
+    return a.url().localeCompare(b.url());
+  });
+
+  TestRunner.addResult('resources count = ' + requests.length);
+
+  for (i = 0; i < requests.length; i++) {
+    TestRunner.addResult(requests[i].url());
+  }
+};
+
+NetworkTestRunner.dumpNetworkRequestsWithSignedExchangeInfo = function() {
+  for (const request of SDK.NetworkLog.instance().requests()) {
+    TestRunner.addResult(`* ${request.url()}`);
+    TestRunner.addResult(`  failed: ${Boolean(request.failed)}`);
+    TestRunner.addResult(`  statusCode: ${request.statusCode}`);
+    TestRunner.addResult(`  resourceType: ${request.resourceType().name()}`);
+    if (request.signedExchangeInfo()) {
+      TestRunner.addResult('  SignedExchangeInfo');
+      if (request.signedExchangeInfo().header) {
+        const header = request.signedExchangeInfo().header;
+        TestRunner.addResult(`    Request URL: ${header.requestUrl}`);
+        for (const signature of header.signatures) {
+          TestRunner.addResult(`    Certificate URL: ${signature.certUrl}`);
+        }
+      }
+      if (request.signedExchangeInfo().securityDetails) {
+        const securityDetails = request.signedExchangeInfo().securityDetails;
+        TestRunner.addResult(`    Certificate Subject: ${securityDetails.subjectName}`);
+        TestRunner.addResult(`    Certificate Issuer: ${securityDetails.issuer}`);
+      }
+      if (request.signedExchangeInfo().errors) {
+        for (const errorMessage of request.signedExchangeInfo().errors) {
+          TestRunner.addResult(`    Error: ${JSON.stringify(errorMessage)}`);
+        }
+      }
+    }
+  }
+};
+
+NetworkTestRunner.findRequestsByURLPattern = function(urlPattern) {
+  return NetworkTestRunner.networkRequests().filter(function(value) {
+    return urlPattern.test(value.url());
+  });
+};
+
+NetworkTestRunner.makeSimpleXHR = function(method, url, async, callback) {
+  NetworkTestRunner.makeXHR(method, url, async, undefined, undefined, [], false, undefined, undefined, callback);
+};
+
+NetworkTestRunner.makeSimpleXHRWithPayload = function(method, url, async, payload, callback) {
+  NetworkTestRunner.makeXHR(method, url, async, undefined, undefined, [], false, payload, undefined, callback);
+};
+
+NetworkTestRunner.makeXHRWithTypedArrayPayload = function(method, url, async, payload, callback) {
+  const args = {};
+  args.typedArrayPayload = new TextDecoder('utf-8').decode(payload);
+  NetworkTestRunner.makeXHRImpl(method, url, async, args, callback);
+};
+
+NetworkTestRunner.makeXHR = function(
+    method, url, async, user, password, headers, withCredentials, payload, type, callback) {
+  const args = {};
+  args.user = user;
+  args.password = password;
+  args.headers = headers;
+  args.withCredentials = withCredentials;
+  args.payload = payload;
+  args.type = type;
+  NetworkTestRunner.makeXHRImpl(method, url, async, args, callback);
+};
+
+NetworkTestRunner.makeXHRImpl = function(method, url, async, args, callback) {
+  args.method = method;
+  args.url = TestRunner.url(url);
+  args.async = async;
+
+  const jsonArgs = JSON.stringify(args).replace(/\"/g, '\\"');
+
+  function innerCallback(msg) {
+    if (msg.messageText.indexOf('XHR loaded') !== -1) {
+      if (callback) {
+        callback();
+      }
+    } else {
+      ConsoleTestRunner.addConsoleSniffer(innerCallback);
+    }
+  }
+
+  ConsoleTestRunner.addConsoleSniffer(innerCallback);
+  TestRunner.evaluateInPageAnonymously('makeXHRForJSONArguments("' + jsonArgs + '")');
+};
+
+NetworkTestRunner.makeFetch = function(url, requestInitializer, callback) {
+  TestRunner.callFunctionInPageAsync('makeFetch', [url, requestInitializer]).then(callback);
+};
+
+NetworkTestRunner.makeFetchInWorker = function(url, requestInitializer, callback) {
+  TestRunner.callFunctionInPageAsync('makeFetchInWorker', [url, requestInitializer]).then(callback);
+};
+
+NetworkTestRunner.clearNetworkCache = function() {
+  // This turns cache off and then on, effectively clearning the memory cache.
+  return Promise.all([
+    TestRunner.NetworkAgent.clearBrowserCache(),
+    TestRunner.NetworkAgent.setCacheDisabled(true).then(() => TestRunner.NetworkAgent.setCacheDisabled(false))
+  ]);
+};
+
+NetworkTestRunner.HARPropertyFormatters = {
+  bodySize: 'formatAsTypeName',
+  compression: 'formatAsTypeName',
+  connection: 'formatAsTypeName',
+  headers: 'formatAsTypeName',
+  headersSize: 'formatAsTypeName',
+  id: 'formatAsTypeName',
+  onContentLoad: 'formatAsTypeName',
+  onLoad: 'formatAsTypeName',
+  receive: 'formatAsTypeName',
+  startedDateTime: 'formatAsRecentTime',
+  time: 'formatAsTypeName',
+  timings: 'formatAsTypeName',
+  version: 'formatAsTypeName',
+  wait: 'formatAsTypeName',
+  _transferSize: 'formatAsTypeName',
+  _error: 'skip',
+  _initiator: 'formatAsTypeName',
+  _priority: 'formatAsTypeName'
+};
+
+NetworkTestRunner.HARPropertyFormattersWithSize = JSON.parse(JSON.stringify(NetworkTestRunner.HARPropertyFormatters));
+NetworkTestRunner.HARPropertyFormattersWithSize.size = 'formatAsTypeName';
+
+TestRunner.deprecatedInitAsync(`
+  let lastXHRIndex = 0;
+
+  function xhrLoadedCallback() {
+    console.log('XHR loaded: ' + ++lastXHRIndex);
+  }
+
+  function makeSimpleXHR(method, url, async, callback) {
+    makeSimpleXHRWithPayload(method, url, async, null, callback);
+  }
+
+  function makeSimpleXHRWithPayload(method, url, async, payload, callback) {
+    makeXHR(method, url, async, undefined, undefined, [], false, payload, undefined, callback);
+  }
+
+  function makeXHR(method, url, async, user, password, headers, withCredentials, payload, type, callback) {
+    let xhr = new XMLHttpRequest();
+
+    if (type == undefined)
+      xhr.responseType = '';
+    else
+      xhr.responseType = type;
+
+    xhr.onreadystatechange = function() {
+      if (xhr.readyState === XMLHttpRequest.DONE) {
+        if (typeof callback === 'function')
+          callback();
+      }
+    };
+
+    xhr.open(method, url, async, user, password);
+    xhr.withCredentials = withCredentials;
+
+    for (let i = 0; i < headers.length; ++i)
+      xhr.setRequestHeader(headers[i][0], headers[i][1]);
+
+    try { xhr.send(payload); } catch (e) {}
+  }
+
+  function makeXHRForJSONArguments(jsonArgs) {
+    let args = JSON.parse(jsonArgs);
+    let payload = args.payload;
+
+    if (args.typedArrayPayload)
+      payload = new TextEncoder('utf-8').encode(args.typedArrayPayload);
+
+    makeXHR(
+      args.method,
+      args.url,
+      args.async,
+      args.user,
+      args.password,
+      args.headers || [],
+      args.withCredentials,
+      payload,
+      args.type,
+      xhrLoadedCallback
+    );
+  }
+
+  function makeFetch(url, requestInitializer) {
+    return fetch(url, requestInitializer).then(res => {
+      res.text();
+      return res;
+    }).catch(e => e);
+  }
+
+  function makeFetchInWorker(url, requestInitializer) {
+    return new Promise(resolve => {
+      let worker = new Worker('/devtools/network/resources/fetch-worker.js');
+
+      worker.onmessage = event => {
+        resolve(event.data);
+      };
+
+      worker.postMessage({
+        url: url,
+        init: requestInitializer
+      });
+    });
+  }
+`);

package/static/devtools/node_app.html

@@ -0,0 +1,20 @@
+<!--
+ * Copyright 2018 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.
+-->
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>DevTools</title>
+<style>
+  @media (prefers-color-scheme: dark) {
+    body {
+      background-color: rgb(41 42 45);
+    }
+  }
+</style>
+<meta http-equiv="Content-Security-Policy" content="object-src 'none'; script-src 'self' 'unsafe-eval' 'unsafe-inline' https://chrome-devtools-frontend.appspot.com">
+<meta name="referrer" content="no-referrer">
+<script type="module" src="node_app.js"></script>
+<body class="undocked" id="-blink-dev-tools">

package/static/devtools/node_app.js

@@ -0,0 +1 @@
+Root.allDescriptors.push(...[{"dependencies":["i18n","sources"],"modules":[],"name":"node_debugger"},{"dependencies":["i18n","profiler"],"modules":[],"name":"js_profiler"},{"extensions":[{"className":"NodeMain.NodeMain","type":"early-initialization"}],"dependencies":["i18n","platform","ui","host","components"],"modules":["node_main-legacy.js"],"name":"node_main"}]);Root.applicationDescriptor.modules.push(...[{"name":"node_debugger"},{"name":"js_profiler"},{"type":"autostart","name":"node_main"}]);import*as RootModule from'./root/root.js';RootModule.Runtime.cachedResources.set("node_main/nodeConnectionsPanel.css","/*\n * Copyright (c) 2015 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.add-network-target-button {\n  margin: 10px 25px;\n  align-self: center;\n}\n\n.network-discovery-list {\n  flex: none;\n  max-width: 600px;\n  max-height: 202px;\n  margin: 20px 0 5px 0;\n}\n\n.network-discovery-list-empty {\n  flex: auto;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.network-discovery-list-item {\n  padding: 3px 5px 3px 5px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  position: relative;\n  flex: auto 1 1;\n}\n\n.network-discovery-value {\n  flex: 3 1 0;\n}\n\n.list-item .network-discovery-value {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  user-select: none;\n  color: var(--color-text-primary);\n  overflow: hidden;\n}\n\n.network-discovery-edit-row {\n  flex: none;\n  display: flex;\n  flex-direction: row;\n  margin: 6px 5px;\n  align-items: center;\n}\n\n.network-discovery-edit-row input {\n  width: 100%;\n  text-align: inherit;\n}\n\n.network-discovery-footer {\n  margin: 0;\n  overflow: hidden;\n  max-width: 500px;\n}\n\n.network-discovery-footer > * {\n  white-space: pre-wrap;\n}\n\n.node-panel {\n  align-items: center;\n  justify-content: flex-start;\n  overflow-y: auto;\n}\n\n.network-discovery-view {\n  min-width: 400px;\n  text-align: left;\n}\n\n:host-context(.node-frontend) .network-discovery-list-empty {\n  height: 40px;\n}\n\n:host-context(.node-frontend) .network-discovery-list-item {\n  padding: 3px 15px;\n  height: 40px;\n}\n\n.node-panel-center {\n  max-width: 600px;\n  padding-top: 50px;\n  text-align: center;\n}\n\n.node-panel-logo {\n  width: 400px;\n  margin-bottom: 50px;\n}\n\n:host-context(.node-frontend) .network-discovery-edit-row input {\n  height: 30px;\n  padding-left: 5px;\n}\n\n:host-context(.node-frontend) .network-discovery-edit-row {\n  margin: 6px 9px;\n}\n\n/*# sourceURL=node_main/nodeConnectionsPanel.css */");import'./shell.js';import'./js_profiler/js_profiler-meta.js';import'./node_main/node_main-meta.js';import'./node_debugger/node_debugger-meta.js';import*as Startup from'./startup/startup.js';Startup.RuntimeInstantiator.startApplication('node_app');

package/static/devtools/node_debugger/node_debugger-meta.js

@@ -0,0 +1 @@
+import{i18n as o}from"../i18n/i18n.js";import{Runtime as e}from"../root/root.js";import{ViewManager as t}from"../ui/ui.js";const i={node:"Node",showNode:"Node"},r=o.registerUIStrings("node_debugger/node_debugger-meta.ts",i),n=o.getLazilyComputedLocalizedString.bind(void 0,r);let a;t.registerViewExtension({location:"navigator-view",id:"navigator-network",title:n(i.node),commandPrompt:n(i.showNode),order:2,persistence:"permanent",loadView:async()=>(await async function(){return a||(await e.Runtime.instance().loadModulePromise("sources"),a=await import("../sources/sources.js")),a}()).SourcesNavigator.NetworkNavigatorView.instance()});export{i as UIStrings};

package/static/devtools/node_debugger/node_debugger.js

@@ -0,0 +1 @@
+

package/static/devtools/node_main/node_main-legacy.js

@@ -0,0 +1 @@
+import{NodeConnectionsPanel as e,NodeMain as n}from"./node_main.js";self.NodeMain=self.NodeMain||{},NodeMain=NodeMain||{},NodeMain.NodeConnectionsPanel=e.NodeConnectionsPanel,NodeMain.NodeMain=n.NodeMainImpl,NodeMain.NodeChildTargetManager=n.NodeChildTargetManager,NodeMain.NodeConnection=n.NodeConnection;

package/static/devtools/node_main/node_main-meta.js

@@ -0,0 +1 @@
+import{i18n as n}from"../i18n/i18n.js";import{Runtime as o}from"../root/root.js";import{ViewManager as e}from"../ui/ui.js";const i={connection:"Connection",node:"node",showConnection:"Show Connection"},t=n.registerUIStrings("node_main/node_main-meta.ts",i),a=n.getLazilyComputedLocalizedString.bind(void 0,t);let r;e.registerViewExtension({location:"panel",id:"node-connection",title:a(i.connection),commandPrompt:a(i.showConnection),order:0,loadView:async()=>(await async function(){return r||(await o.Runtime.instance().loadModulePromise("node_main"),r=await import("./node_main.js")),r}()).NodeConnectionsPanel.NodeConnectionsPanel.instance(),tags:[a(i.node)]});export{i as UIStrings};

package/static/devtools/node_main/node_main.js

@@ -0,0 +1 @@
+import{InspectorFrontendHost as e,InspectorFrontendHostAPI as t,userMetrics as n,UserMetrics as s}from"../host/host.js";import{i18n as o}from"../i18n/i18n.js";import{Panel as i,Widget as r,XLink as d,ListWidget as a,UIUtils as c}from"../ui/ui.js";import{ObjectWrapper as g}from"../common/common.js";import{TargetDetachedDialog as l}from"../components/components.js";import{Connections as h,SDKModel as _}from"../sdk/sdk.js";const v={nodejsDebuggingGuide:"Node.js debugging guide",specifyNetworkEndpointAnd:"Specify network endpoint and DevTools will connect to it automatically. Read {PH1} to learn more.",noConnectionsSpecified:"No connections specified",addConnection:"Add connection",networkAddressEgLocalhost:"Network address (e.g. localhost:9229)"},p=o.registerUIStrings("node_main/NodeConnectionsPanel.js",v),m=o.getLocalizedString.bind(void 0,p);let C;class u extends i.Panel{constructor(){super("node-connection"),this.registerRequiredCSS("node_main/nodeConnectionsPanel.css",{enableLegacyPatching:!1}),this.contentElement.classList.add("node-panel");const n=this.contentElement.createChild("div","node-panel-center");n.createChild("img","node-panel-logo").src="https://nodejs.org/static/images/logos/nodejs-new-pantone-black.svg",e.InspectorFrontendHostInstance.events.addEventListener(t.Events.DevicesDiscoveryConfigChanged,this._devicesDiscoveryConfigChanged,this),this._config,this.contentElement.tabIndex=0,this.setDefaultFocusedElement(this.contentElement),e.InspectorFrontendHostInstance.setDevicesUpdatesEnabled(!1),e.InspectorFrontendHostInstance.setDevicesUpdatesEnabled(!0),this._networkDiscoveryView=new f((t=>{this._config.networkDiscoveryConfig=t,e.InspectorFrontendHostInstance.setDevicesDiscoveryConfig(this._config)})),this._networkDiscoveryView.show(n)}static instance(e={forceNew:null}){const{forceNew:t}=e;return C&&!t||(C=new u),C}_devicesDiscoveryConfigChanged(e){this._config=e.data,this._networkDiscoveryView.discoveryConfigChanged(this._config.networkDiscoveryConfig)}}class f extends r.VBox{constructor(e){super(),this._callback=e,this.element.classList.add("network-discovery-view");const t=this.element.createChild("div","network-discovery-footer"),n=d.XLink.create("https://nodejs.org/en/docs/inspector/",m(v.nodejsDebuggingGuide));t.appendChild(o.getFormatLocalizedString(p,v.specifyNetworkEndpointAnd,{PH1:n})),this._list=new a.ListWidget(this),this._list.registerRequiredCSS("node_main/nodeConnectionsPanel.css",{enableLegacyPatching:!1}),this._list.element.classList.add("network-discovery-list");const s=document.createElement("div");s.classList.add("network-discovery-list-empty"),s.textContent=m(v.noConnectionsSpecified),this._list.setEmptyPlaceholder(s),this._list.show(this.element),this._editor=null;const i=c.createTextButton(m(v.addConnection),this._addNetworkTargetButtonClicked.bind(this),"add-network-target-button",!0);this.element.appendChild(i),this._networkDiscoveryConfig=[],this.element.classList.add("node-frontend")}_update(){const e=this._networkDiscoveryConfig.map((e=>e.address));this._callback.call(null,e)}_addNetworkTargetButtonClicked(){this._list.addNewItem(this._networkDiscoveryConfig.length,{address:"",port:""})}discoveryConfigChanged(e){this._networkDiscoveryConfig=[],this._list.clear();for(const t of e){const e={address:t,port:""};this._networkDiscoveryConfig.push(e),this._list.appendItem(e,!0)}}renderItem(e,t){const n=document.createElement("div");return n.classList.add("network-discovery-list-item"),n.createChild("div","network-discovery-value network-discovery-address").textContent=e.address,n}removeItemRequested(e,t){this._networkDiscoveryConfig.splice(t,1),this._list.removeItem(t),this._update()}commitEdit(e,t,n){e.address=t.control("address").value.trim(),n&&this._networkDiscoveryConfig.push(e),this._update()}beginEdit(e){const t=this._createEditor();return t.control("address").value=e.address,t}_createEditor(){if(this._editor)return this._editor;const e=new a.Editor;this._editor=e;const t=e.contentElement().createChild("div","network-discovery-edit-row"),n=e.createInput("address","text",m(v.networkAddressEgLocalhost),(function(e,t,n){const s=n.value.trim().match(/^([a-zA-Z0-9\.\-_]+):(\d+)$/);if(!s)return{valid:!1,errorMessage:void 0};return{valid:parseInt(s[2],10)<=65535,errorMessage:void 0}}));return t.createChild("div","network-discovery-value network-discovery-address").appendChild(n),e}}var w=Object.freeze({__proto__:null,UIStrings:v,NodeConnectionsPanel:u,NodeConnectionsView:f});const y={main:"Main",nodejsS:"Node.js: {PH1}"},k=o.registerUIStrings("node_main/NodeMain.js",y),D=o.getLocalizedString.bind(void 0,k);class I extends g.ObjectWrapper{async run(){n.actionTaken(s.Action.ConnectToNodeJSFromFrontend),h.initMainConnection((async()=>{_.TargetManager.instance().createTarget("main",D(y.main),_.Type.Browser,null).setInspectedURL("Node.js")}),l.TargetDetachedDialog.webSocketConnectionLost)}}class T extends _.SDKModel{constructor(n){super(n),this._targetManager=n.targetManager(),this._parentTarget=n,this._targetAgent=n.targetAgent(),this._childTargets=new Map,this._childConnections=new Map,n.registerTargetDispatcher(this),this._targetAgent.invoke_setDiscoverTargets({discover:!0}),e.InspectorFrontendHostInstance.events.addEventListener(t.Events.DevicesDiscoveryConfigChanged,this._devicesDiscoveryConfigChanged,this),e.InspectorFrontendHostInstance.setDevicesUpdatesEnabled(!1),e.InspectorFrontendHostInstance.setDevicesUpdatesEnabled(!0)}_devicesDiscoveryConfigChanged(e){const t=e.data,n=[];for(const e of t.networkDiscoveryConfig){const t=e.split(":"),s=parseInt(t[1],10);t[0]&&s&&n.push({host:t[0],port:s})}this._targetAgent.invoke_setRemoteLocations({locations:n})}dispose(){e.InspectorFrontendHostInstance.events.removeEventListener(t.Events.DevicesDiscoveryConfigChanged,this._devicesDiscoveryConfigChanged,this);for(const e of this._childTargets.keys())this.detachedFromTarget({sessionId:e})}targetCreated({targetInfo:e}){"node"!==e.type||e.attached||this._targetAgent.invoke_attachToTarget({targetId:e.targetId,flatten:!1})}targetInfoChanged(e){}targetDestroyed(e){}attachedToTarget({sessionId:e,targetInfo:t}){const n=D(y.nodejsS,{PH1:t.url}),s=new E(this._targetAgent,e);this._childConnections.set(e,s);const o=this._targetManager.createTarget(t.targetId,n,_.Type.Node,this._parentTarget,void 0,void 0,s);this._childTargets.set(e,o),o.runtimeAgent().invoke_runIfWaitingForDebugger()}detachedFromTarget({sessionId:e}){const t=this._childTargets.get(e);t&&t.dispose("target terminated"),this._childTargets.delete(e),this._childConnections.delete(e)}receivedMessageFromTarget({sessionId:e,message:t}){const n=this._childConnections.get(e),s=n?n._onMessage:null;s&&s.call(null,t)}targetCrashed(e){}}class E{constructor(e,t){this._targetAgent=e,this._sessionId=t,this._onMessage=null,this._onDisconnect=null}setOnMessage(e){this._onMessage=e}setOnDisconnect(e){this._onDisconnect=e}sendRawMessage(e){this._targetAgent.invoke_sendMessageToTarget({message:e,sessionId:this._sessionId})}async disconnect(){this._onDisconnect&&this._onDisconnect.call(null,"force disconnect"),this._onDisconnect=null,this._onMessage=null,await this._targetAgent.invoke_detachFromTarget({sessionId:this._sessionId})}}_.SDKModel.register(T,_.Capability.Target,!0);var b=Object.freeze({__proto__:null,UIStrings:y,NodeMainImpl:I,NodeChildTargetManager:T,NodeConnection:E});export{w as NodeConnectionsPanel,b as NodeMain};

package/static/devtools/object_ui/object_ui-legacy.js

@@ -0,0 +1 @@
+import{CustomPreviewComponent as e,JavaScriptAutocomplete as t,javaScriptAutocomplete as r,JavaScriptREPL as o,ObjectPopoverHelper as c,ObjectPropertiesSection as b,RemoteObjectPreviewFormatter as i}from"./object_ui.js";self.ObjectUI=self.ObjectUI||{},ObjectUI=ObjectUI||{},ObjectUI.CustomPreviewComponent=e.CustomPreviewComponent,ObjectUI.JavaScriptAutocomplete=t.JavaScriptAutocomplete,ObjectUI.JavaScriptAutocompleteConfig=t.JavaScriptAutocompleteConfig,ObjectUI.javaScriptAutocomplete=r,ObjectUI.JavaScriptREPL=o.JavaScriptREPL,ObjectUI.JavaScriptREPL._MaxLengthForEvaluation=o.MaxLengthForEvaluation,ObjectUI.ObjectPopoverHelper=c.ObjectPopoverHelper,ObjectUI.ArrayGroupingTreeElement=b.ArrayGroupingTreeElement,ObjectUI.ExpandableTextPropertyValue=b.ExpandableTextPropertyValue,ObjectUI.ObjectPropertiesSection=b.ObjectPropertiesSection,ObjectUI.ObjectPropertiesSection._maxRenderableStringLength=b.maxRenderableStringLength,ObjectUI.ObjectPropertiesSection.getObjectPropertiesSectionFrom=b.getObjectPropertiesSectionFrom,ObjectUI.ObjectPropertiesSectionsTreeOutline=b.ObjectPropertiesSectionsTreeOutline,ObjectUI.ObjectPropertiesSection.RootElement=b.RootElement,ObjectUI.ObjectPropertiesSection.Renderer=b.Renderer,ObjectUI.ObjectPropertyTreeElement=b.ObjectPropertyTreeElement,ObjectUI.ObjectPropertyPrompt=b.ObjectPropertyPrompt,ObjectUI.ObjectPropertiesSectionsTreeExpandController=b.ObjectPropertiesSectionsTreeExpandController,ObjectUI.RemoteObjectPreviewFormatter=i.RemoteObjectPreviewFormatter;

package/static/devtools/object_ui/object_ui.js

@@ -0,0 +1,3 @@
+import{JavaScriptMetaData as e,Revealer as t,Console as n}from"../common/common.js";import{i18n as i}from"../i18n/i18n.js";import{Context as s,Fragment as r,UIUtils as o,Tooltip as a,TreeOutline as l,Utils as c,ContextMenu as p,TextPrompt as d,ARIAUtils as h,Icon as u,Geometry as m,GlassPane as b}from"../ui/ui.js";import{userMetrics as y,UserMetrics as _,InspectorFrontendHost as g}from"../host/host.js";import{StringUtilities as f,NumberUtilities as v}from"../platform/platform.js";import{ConsoleModel as x,RuntimeModel as C,SDKModel as w,DebuggerModel as E,RemoteObject as P,OverlayModel as j}from"../sdk/sdk.js";import{TextRange as O}from"../text_utils/text_utils.js";import{FormatterWorkerPool as S}from"../formatter/formatter.js";import{Runtime as T}from"../root/root.js";import{Linkifier as L}from"../components/components.js";const I={keys:"Keys",lexicalScopeVariables:"Lexical scope variables",keywords:"keywords"},k=i.registerUIStrings("object_ui/JavaScriptAutocomplete.js",I),N=i.getLocalizedString.bind(void 0,k);let A;class F{constructor(){this._expressionCache=new Map,x.ConsoleModel.instance().addEventListener(x.Events.CommandEvaluated,this._clearCache,this),s.Context.instance().addFlavorChangeListener(C.ExecutionContext,this._clearCache,this),w.TargetManager.instance().addModelListener(E.DebuggerModel,E.Events.DebuggerResumed,this._clearCache,this),w.TargetManager.instance().addModelListener(E.DebuggerModel,E.Events.DebuggerPaused,this._clearCache,this)}static instance(){return A||(A=new F),A}_clearCache(){this._expressionCache.clear()}async completionsForTextInCurrentContext(e,t,n){const i=e.trim(),[s,r]=await Promise.all([this._mapCompletions(i,t),this._completionsForExpression(i,t,n)]);return s.concat(r)}async argumentsHint(e){const t=await S.formatterWorkerPool().findLastFunctionCall(e);if(!t)return null;const n=s.Context.instance().flavor(C.ExecutionContext);if(!n)return null;const i=await n.evaluate({expression:t.baseExpression,objectGroup:"argumentsHint",includeCommandLineAPI:!0,silent:!0,returnByValue:!1,generatePreview:!1,throwOnSideEffect:!0,timeout:500,allowUnsafeEvalBlockedByCSP:void 0,disableBreaks:void 0,replMode:void 0},!1,!1);if(!i||"error"in i||i.exceptionDetails||"object"in i&&(!i.object||"function"!==i.object.type))return n.runtimeModel.releaseObjectGroup("argumentsHint"),null;const r=await this._argumentsForFunction(i.object,(async()=>{const e=await n.evaluate({expression:t.receiver,objectGroup:"argumentsHint",includeCommandLineAPI:!0,silent:!0,returnByValue:!1,generatePreview:!1,throwOnSideEffect:!0,timeout:500,allowUnsafeEvalBlockedByCSP:void 0,disableBreaks:void 0,replMode:void 0},!1,!1);return e&&!("error"in e)&&!e.exceptionDetails&&e.object?e.object:null}),t.functionName);return n.runtimeModel.releaseObjectGroup("argumentsHint"),r.length&&(1!==r.length||r[0]&&r[0].length)?{args:r,argumentIndex:t.argumentIndex}:null}async _argumentsForFunction(t,n,i){const s=t.description;if(!s)return[];if(!s.endsWith("{ [native code] }"))return[await S.formatterWorkerPool().argumentsList(s)];if("function () { [native code] }"===s){const e=(await t.getOwnProperties(!1)).internalProperties||[],n=e.find((e=>"[[TargetFunction]]"===e.name)),i=e.find((e=>"[[BoundArgs]]"===e.name)),s=e.find((e=>"[[BoundThis]]"===e.name));if(s&&n&&i&&n.value&&s.value&&i.value){const e=s.value,t=await this._argumentsForFunction(n.value,(()=>Promise.resolve(e))),r=P.RemoteObject.arrayLength(i.value),o=[];for(const e of t){const t=e.slice(0,r).findIndex((e=>e.startsWith("...")));-1!==t?o.push(e.slice(t)):o.push(e.slice(r))}return o}}const r=await T.Runtime.instance().extension(e.JavaScriptMetaData).instance(),o=/^function ([^(]*)\(/.exec(s),a=o&&o[1]||i;if(!a)return[];const l=r.signaturesForNativeFunction(a);if(l)return l;const c=await n();if(!c)return[];const p=c.className;if(p){const e=r.signaturesForInstanceMethod(a,p);if(e)return e}if(c.description&&"function"===c.type&&c.description.endsWith("{ [native code] }")){const e=/^function ([^(]*)\(/.exec(c.description);if(e){const t=e[1],n=r.signaturesForStaticMethod(a,t);if(n)return n}}let d;if(d="number"===c.type?["Number","Object"]:"string"===c.type?["String","Object"]:"symbol"===c.type?["Symbol","Object"]:"bigint"===c.type?["BigInt","Object"]:"boolean"===c.type?["Boolean","Object"]:"undefined"===c.type||"null"===c.subtype?[]:await c.callFunctionJSON((function(){const e=[];for(let t=this;t;t=Object.getPrototypeOf(t))"object"==typeof t&&t.constructor&&t.constructor.name&&(e[e.length]=t.constructor.name);return e}),[]),!d)return[];for(const e of d){const t=r.signaturesForInstanceMethod(a,e);if(t)return t}return[]}async _mapCompletions(e,t){const n=e.match(/\.\s*(get|set|delete)\s*\(\s*$/),i=s.Context.instance().flavor(C.ExecutionContext);if(!i||!n)return[];const r=await S.formatterWorkerPool().findLastExpression(e.substring(0,n.index));if(!r)return[];const o=await i.evaluate({expression:r,objectGroup:"mapCompletion",includeCommandLineAPI:!0,silent:!0,returnByValue:!1,generatePreview:!1,throwOnSideEffect:!0,timeout:500,allowUnsafeEvalBlockedByCSP:void 0,disableBreaks:void 0,replMode:void 0},!1,!1);if("error"in o||Boolean(o.exceptionDetails)||"map"!==o.object.subtype)return[];const a=((await o.object.getOwnProperties(!1)).internalProperties||[]).find((e=>"[[Entries]]"===e.name));if(!a||!a.value)return[];const l=await a.value.callFunctionJSON((function(){const e=this,t={__proto__:null};for(let n=0;n<e.length;n++)"string"==typeof e[n].key&&(t[e[n].key]=!0);return t}),[]);i.runtimeModel.releaseObjectGroup("mapCompletion");const c=Object.keys(l),p=[],d=[],h=[],u=[];let m='"';t.startsWith("'")&&(m="'");let b=")";-1!==n[0].indexOf("set")&&(b=", ");const y=c.length<1e3?f.naturalOrderComparator:void 0,_=c.sort(y).map((e=>m+e+m));for(const e of _){if(e.length<t.length)continue;if(t.length&&-1===e.toLowerCase().indexOf(t.toLowerCase()))continue;const n=e.split("\n").join("\\n"),i=n+b;e.startsWith(t)?p.push({text:i,title:n,priority:4}):e.toLowerCase().startsWith(t.toLowerCase())?d.push({text:i,title:n,priority:3}):-1!==e.indexOf(t)?h.push({text:i,title:n,priority:2}):u.push({text:i,title:n,priority:1})}const g=p.concat(d,h,u);return g.length&&(g[0].subtitle=N(I.keys)),g}async _completionsForExpression(e,t,n){const i=s.Context.instance().flavor(C.ExecutionContext);if(!i)return[];let r;if(e.endsWith("?.")?r=await S.formatterWorkerPool().findLastExpression(e.substring(0,e.length-2)):(e.endsWith(".")||e.endsWith("["))&&(r=await S.formatterWorkerPool().findLastExpression(e.substring(0,e.length-1))),!r){if(e.endsWith("."))return[];r=""}const o=r,a=e.endsWith("."),l=Boolean(o)&&e.endsWith("[");if(o&&!isNaN(Number(o))||!o&&t&&!isNaN(Number(t)))return[];if(!t&&!o&&!n)return[];const c=i.debuggerModel.selectedCallFrame();let p;let d=this._expressionCache.get(o);if(d&&d.date+1e4>Date.now())p=await d.value;else if(!o&&c){const e=[{items:["this"],title:void 0}],t=c.scopeChain(),n=[];for(const e of t)n.push(e.object().getAllProperties(!1,!1).then((t=>({properties:t.properties,name:e.name()}))));const s=await Promise.all(n);i.runtimeModel.releaseObjectGroup("completion");for(const t of s)t.properties&&e.push({title:t.name,items:t.properties.map((e=>e.name)).sort()});d={date:Date.now(),value:Promise.resolve(e)},this._expressionCache.set(o,d),p=await d.value}else{const e=i.evaluate({expression:o,objectGroup:"completion",includeCommandLineAPI:!0,silent:!0,returnByValue:!1,generatePreview:!1,throwOnSideEffect:!0,timeout:500,allowUnsafeEvalBlockedByCSP:void 0,disableBreaks:void 0,replMode:void 0},!1,!1);d={date:Date.now(),value:e.then((e=>h.call(this,e)))},this._expressionCache.set(o,d),p=await d.value}return this._receivedPropertyNames(p.slice(0),a,l,o,t);async function h(e){if("error"in e||Boolean(e.exceptionDetails)||!e.object)return[];if(!i)return[];let t=e.object;for(;t&&"object"===t.type&&"proxy"===t.subtype;){const e=((await t.getOwnProperties(!1)).internalProperties||[]).find((e=>"[[Target]]"===e.name));if(!e||!e.value)break;t=e.value}if(!t)return[];let n=[];if("object"===t.type||"function"===t.type)n=await t.callFunctionJSON(s,[P.RemoteObject.toCallArgument(t.subtype)])||[];else if("string"===t.type||"number"===t.type||"boolean"===t.type||"bigint"===t.type){const e=await i.evaluate({expression:"("+s+')("'+t.type+'")',objectGroup:"completion",includeCommandLineAPI:!1,silent:!0,returnByValue:!0,generatePreview:!1,allowUnsafeEvalBlockedByCSP:void 0,disableBreaks:void 0,replMode:void 0,throwOnSideEffect:void 0,timeout:void 0},!1,!1);"error"in e||!e.object||e.exceptionDetails||(n=e.object.value||[])}if(i.runtimeModel.releaseObjectGroup("completion"),!o){const e=await i.globalLexicalScopeNames();e&&(n.length?n[0].items=n[0].items.concat(e):n.push({items:e.sort(),title:N(I.lexicalScopeVariables)}))}for(const e of n){for(let t=0;t<e.items.length;t++)e.items[t]=e.items[t].replace(/\n/g,"\\n");e.items.sort(e.items.length<1e3?this._itemComparator:void 0)}return n;function s(e){let t;t="string"===e?new String(""):"number"===e?new Number(0):"bigint"===e?Object(BigInt(0)):"boolean"===e?new Boolean(!1):this;const n=[];try{for(let i=t;i;i=Object.getPrototypeOf(i)){if(("array"===e||"typedarray"===e)&&i===t&&i.length>9999)continue;const s={items:[],title:void 0,__proto__:null};try{"object"==typeof i&&Object.prototype.hasOwnProperty.call(i,"constructor")&&i.constructor&&i.constructor.name&&(s.title=i.constructor.name)}catch(e){}n[n.length]=s;const r=Object.getOwnPropertyNames(i),o=Array.isArray(i);for(let e=0;e<r.length&&s.items.length<1e4;++e)o&&/^[0-9]/.test(r[e])||(s.items[s.items.length]=r[e])}}catch(e){}return n}}}_receivedPropertyNames(e,t,n,i,s){if(!e)return[];if(!t&&!n){const t=["dir","dirxml","keys","values","profile","profileEnd","monitorEvents","unmonitorEvents","inspect","copy","clear","getEventListeners","debug","undebug","monitor","unmonitor","table","queryObjects","$","$$","$x","$0","$_"];e.push({items:t,title:void 0})}return this._completionsForQuery(t,n,i,s,e)}_completionsForQuery(e,t,n,i,s){const r=t&&i.startsWith("'")?"'":'"';if(!n){const e=["await","break","case","catch","class","const","continue","debugger","default","delete","do","else","exports","extends","finally","for","function","if","import","in","instanceof","new","return","super","switch","this","throw","try","typeof","var","void","while","with","yield","let","static","async","of"];s.push({title:N(I.keywords),items:e.sort()})}const o=new Set;let a,l=[];const c=/^[a-zA-Z_$\u008F-\uFFFF][a-zA-Z0-9_$\u008F-\uFFFF]*$/,p=i.toLowerCase();for(const e of s){const n=[],s=[],d=[],h=[];for(let a=0;a<e.items.length;a++){let l=e.items[a];if(!t&&!c.test(l))continue;if(t&&(/^[0-9]+$/.test(l)||(l=r+f.escapeCharacters(l,r+"\\")+r),l+="]"),o.has(l))continue;if(l.length<i.length)continue;const u=l.toLowerCase();i.length&&-1===u.indexOf(p)||(o.add(l),l.startsWith(i)?n.push({text:l,priority:l===i?5:4}):u.startsWith(p)?s.push({text:l,priority:3}):-1!==l.indexOf(i)?d.push({text:l,priority:2}):h.push({text:l,priority:1}))}const u=n.concat(s,d,h);u.length&&e.title!==a&&(u[0].subtitle=e.title,a=e.title),l=l.concat(u),l.forEach((e=>{e.text.endsWith("]")&&(e.title=e.text.substring(0,e.text.length-1))}))}return l}_itemComparator(e,t){const n=e.startsWith("_"),i=t.startsWith("_");return n&&!i?1:i&&!n?-1:f.naturalOrderComparator(e,t)}static async isExpressionComplete(e){const t=s.Context.instance().flavor(C.ExecutionContext);if(!t)return!0;const n=await t.runtimeModel.compileScript(e,"",!1,t.id);if(!n||!n.exceptionDetails||!n.exceptionDetails.exception)return!0;const i=n.exceptionDetails.exception.description;return!!i&&(!i.startsWith("SyntaxError: Unexpected end of input")&&!i.startsWith("SyntaxError: Unterminated template literal"))}}class M{constructor(e){this._editor=e}static createConfigForEditor(e){const t=new M(e);return{substituteRangeCallback:t._substituteRange.bind(t),suggestionsCallback:t._suggestionsCallback.bind(t),tooltipCallback:t._tooltipCallback.bind(t),anchorBehavior:void 0,isWordChar:void 0}}_substituteRange(e,t){const n=this._editor.tokenAtTextPosition(e,t);if(n&&"js-string"===n.type)return new O.TextRange(e,n.startColumn,e,t);const i=this._editor.line(e);let s;for(s=t-1;s>=0&&-1===" =:[({;,!+-*/&|^<>.\t\r\n".indexOf(i.charAt(s));s--);return new O.TextRange(e,s+1,e,t)}async _suggestionsCallback(e,t,n){const i=this._editor.text(e),s=this._editor.text(new O.TextRange(0,0,e.startLine,e.startColumn)),r=this._editor.tokenAtTextPosition(t.startLine,t.startColumn);if(r){const e=new Set(["js-comment","js-string-2","js-def"]),t=s.trim();if(t.endsWith("[")||t.match(/\.\s*(get|set|delete)\s*\(\s*$/)||e.add("js-string"),t.endsWith(".")||e.add("js-property"),e.has(r.type))return[]}const o=this._editor.line(e.startLine).substring(e.startColumn),a=await F.instance().completionsForTextInCurrentContext(s,i,n);return!n&&o&&o!==i&&a.some((e=>o.startsWith(e.text)&&i.length!==e.text.length))?[]:a}async _tooltipCallback(e,t){const n=this._editor.text(new O.TextRange(0,0,e,t)),i=await F.instance().argumentsHint(n);if(!i)return null;const s=i.argumentIndex,a=document.createElement("div");for(const e of i.args){const t=document.createElement("span");for(let n=0;n<e.length;n++)n===s||n<s&&e[n].startsWith("...")?t.appendChild(r.html`<b>${e[n]}</b>`):o.createTextChild(t,e[n]),n<e.length-1&&o.createTextChild(t,", ");a.appendChild(r.html`<div class='source-code'>\u0192(${t})</div>`)}return a}}var D=Object.freeze({__proto__:null,UIStrings:I,JavaScriptAutocomplete:F,JavaScriptAutocompleteConfig:M,CompletionGroup:undefined});const R={emptyD:"empty × {PH1}",empty:"empty",thePropertyIsComputedWithAGetter:"The property is computed with a getter"},W=i.registerUIStrings("object_ui/RemoteObjectPreviewFormatter.js",R),B=i.getLocalizedString.bind(void 0,W);class V{static _objectPropertyComparator(e,t){return n(e)-n(t);function n(e){const t=$;return e.name===t.PromiseState?1:e.name===t.PromiseResult?2:e.name===t.GeneratorState||e.name===t.PrimitiveValue?3:e.type===Protocol.Runtime.PropertyPreviewType.Function||e.name.startsWith("#")?5:4}}appendObjectPreview(e,t,n){const i=t.description,s=new Set(["null","regexp","error","internal#entry","trustedtype"]);if(t.type!==Protocol.Runtime.ObjectPreviewType.Object||t.subtype&&s.has(t.subtype)||n)return void e.appendChild(this.renderPropertyPreview(t.type,t.subtype,t.className,i));const r=t.subtype===Protocol.Runtime.ObjectPreviewSubtype.Array||"typedarray"===t.subtype;if(i){let n;if(r){const e=P.RemoteObject.arrayLength(t),s=e>1?"("+e+")":"",r=P.RemoteObject.arrayNameFromDescription(i);n="Array"===r?s:r+s}else{n="Object"===i?"":i}n.length>0&&(e.createChild("span","object-description").textContent=n+" ")}const a=e.createChild("span","object-properties-preview");if(o.createTextChild(a,r?"[":"{"),t.entries?this._appendEntriesPreview(a,t):r?this._appendArrayPropertiesPreview(a,t):this._appendObjectPropertiesPreview(a,t),t.overflow){const e=a.textContent&&a.textContent.length>1?", …":"…";a.createChild("span").textContent=e}o.createTextChild(a,r?"]":"}")}_abbreviateFullQualifiedClassName(e){const t=e.split(".");for(let e=0;e<t.length-1;++e)t[e]=f.trimMiddle(t[e],3);return t.join(".")}_appendObjectPropertiesPreview(e,t){const n=$,i=t.properties.filter((e=>"accessor"!==e.type)).sort(V._objectPropertyComparator);for(let s=0;s<i.length;++s){s>0&&o.createTextChild(e,", ");const r=i[s],a=r.name;if("promise"===t.subtype&&a===n.PromiseState){e.appendChild(this._renderDisplayName("<"+r.value+">"));const t=s+1<i.length?i[s+1]:null;t&&t.name===n.PromiseResult&&("pending"!==r.value&&(o.createTextChild(e,": "),e.appendChild(this._renderPropertyPreviewOrAccessor([t]))),s++)}else"generator"===t.subtype&&a===n.GeneratorState?e.appendChild(this._renderDisplayName("<"+r.value+">")):(a===n.PrimitiveValue||(e.appendChild(this._renderDisplayName(a)),o.createTextChild(e,": ")),e.appendChild(this._renderPropertyPreviewOrAccessor([r])))}}_appendArrayPropertiesPreview(e,t){const n=P.RemoteObject.arrayLength(t),i=t.properties.filter((e=>-1!==r(e.name))).sort((function(e,t){return r(e.name)-r(t.name)})),s=t.properties.filter((e=>-1===r(e.name))).sort(V._objectPropertyComparator);function r(e){const t=Number(e)>>>0;return String(t)===e&&t<n?t:-1}const a=!t.overflow;let l=-1,c=!1;for(let t=0;t<i.length;++t){c&&o.createTextChild(e,", ");const n=i[t],s=r(n.name);a&&s-l>1&&(p(s),o.createTextChild(e,", ")),a||t===s||(e.appendChild(this._renderDisplayName(n.name)),o.createTextChild(e,": ")),e.appendChild(this._renderPropertyPreviewOrAccessor([n])),l=s,c=!0}a&&n-l>1&&(c&&o.createTextChild(e,", "),p(n));for(let t=0;t<s.length;++t){c&&o.createTextChild(e,", ");const n=s[t];e.appendChild(this._renderDisplayName(n.name)),o.createTextChild(e,": "),e.appendChild(this._renderPropertyPreviewOrAccessor([n])),c=!0}function p(t){const n=e.createChild("span","object-value-undefined"),i=t-l-1;n.textContent=1!==i?B(R.emptyD,{PH1:i}):B(R.empty),c=!0}}_appendEntriesPreview(e,t){if(t.entries)for(let n=0;n<t.entries.length;++n){n>0&&o.createTextChild(e,", ");const i=t.entries[n];i.key&&(this.appendObjectPreview(e,i.key,!0),o.createTextChild(e," => ")),this.appendObjectPreview(e,i.value,!0)}}_renderDisplayName(e){const t=document.createElement("span");t.classList.add("name");const n=/^\s|\s$|^$|\n/.test(e);return t.textContent=n?'"'+e.replace(/\n/g,"↵")+'"':e,t}_renderPropertyPreviewOrAccessor(e){const t=e[e.length-1];if(!t)throw new Error("Could not find property");return this.renderPropertyPreview(t.type,t.subtype,t.name,t.value)}renderPropertyPreview(e,t,n,i){const s=document.createElement("span");if(s.classList.add("object-value-"+(t||e)),i=i||"","accessor"===e)return s.textContent="(...)",a.Tooltip.install(s,B(R.thePropertyIsComputedWithAGetter)),s;if("function"===e)return s.textContent="ƒ",s;if("object"===e&&"trustedtype"===t&&n)return H(s,i,n),s;if("object"===e&&"node"===t&&i)return G(s,i),s;if("string"===e)return o.createTextChildren(s,'"',i.replace(/\n/g,"↵"),'"'),s;if("object"===e&&!t){let e=this._abbreviateFullQualifiedClassName(i);return"Object"===e&&(e="{…}"),s.textContent=e,a.Tooltip.install(s,i),s}return s.textContent=i,s}}const $={GeneratorState:"[[GeneratorState]]",PrimitiveValue:"[[PrimitiveValue]]",PromiseState:"[[PromiseState]]",PromiseResult:"[[PromiseResult]]"},G=function(e,t){const n=t.match(/([^#.]+)(#[^.]+)?(\..*)?/);n&&(e.createChild("span","webkit-html-tag-name").textContent=n[1],n[2]&&(e.createChild("span","webkit-html-attribute-value").textContent=n[2]),n[3]&&(e.createChild("span","webkit-html-attribute-name").textContent=n[3]))},H=function(e,t,n){o.createTextChildren(e,n+" ");const i=document.createElement("span");i.classList.add("object-value-string"),o.createTextChildren(i,'"',t.replace(/\n/g,"↵"),'"'),e.appendChild(i)};var J=Object.freeze({__proto__:null,UIStrings:R,RemoteObjectPreviewFormatter:V,createSpansForNodeTitle:G,createSpanForTrustedType:H});class U{static wrapObjectLiteral(e){if(!/^\s*\{/.test(e)||!/\}\s*$/.test(e))return e;const t=(async()=>0).constructor;try{t("return "+e+";");const n="("+e+")";return t(n),n}catch(t){return e}}static preprocessExpression(e){return U.wrapObjectLiteral(e)}static async evaluateAndBuildPreview(e,t,n,i,r){const o=window.ObjectUI.JavaScriptREPL,a=s.Context.instance().flavor(C.ExecutionContext),l=void 0!==o._MaxLengthForEvaluation?o._MaxLengthForEvaluation:z,c=e.length>l;if(!e||!a||t&&c)return{preview:document.createDocumentFragment(),result:null};const p={expression:U.preprocessExpression(e),generatePreview:!0,includeCommandLineAPI:!0,throwOnSideEffect:t,timeout:n,objectGroup:r,disableBreaks:!0,replMode:!0,silent:void 0,returnByValue:void 0,allowUnsafeEvalBlockedByCSP:void 0},d=await a.evaluate(p,!1,!1);return{preview:U._buildEvaluationPreview(d,i),result:d}}static _buildEvaluationPreview(e,t){const n=document.createDocumentFragment();if("error"in e)return n;if(e.exceptionDetails&&e.exceptionDetails.exception&&e.exceptionDetails.exception.description){const i=e.exceptionDetails.exception.description;return(i.startsWith("TypeError: ")||t)&&(n.createChild("span").textContent=e.exceptionDetails.text+" "+i),n}const i=new V,{preview:s,type:r,subtype:o,className:a,description:l}=e.object;if(s&&"object"===r&&"node"!==o&&"trustedtype"!==o)i.appendObjectPreview(n,s,!1);else{const e=i.renderPropertyPreview(r,o,a,f.trimEndWithMaxLength(l||"",400));n.appendChild(e)}return n}}const z=2e3;var q=Object.freeze({__proto__:null,JavaScriptREPL:U,MaxLengthForEvaluation:z});const K={exceptionS:"[Exception: {PH1}]",unknown:"unknown",expandRecursively:"Expand recursively",collapseChildren:"Collapse children",noProperties:"No properties",dots:"(...)",invokePropertyGetter:"Invoke property getter",showAllD:"Show all {PH1}",unreadable:"<unreadable>",noPropertyGetter:"No property getter",copyValue:"Copy value",copyPropertyPath:"Copy property path",stringIsTooLargeToEdit:"<string is too large to edit>",showMoreS:"Show more ({PH1})",longTextWasTruncatedS:"long text was truncated ({PH1})",copy:"Copy"},Q=i.registerUIStrings("object_ui/ObjectPropertiesSection.js",K),X=i.getLocalizedString.bind(void 0,Q),Z=new WeakMap,Y=new WeakMap;class ee extends l.TreeOutlineInShadow{constructor(e,t,n,i,s,r,o){super(),this._object=e,this._editable=!0,o||this.hideOverflow(),this.setFocusable(!0),this.setShowSelectionOnKeyboardFocus(!0),this._objectTreeElement=new ie(e,n,i,s,r),this.appendChild(this._objectTreeElement),"string"!=typeof t&&t?(this.titleElement=t,this.element.appendChild(t)):(this.titleElement=this.element.createChild("span"),this.titleElement.textContent=t||""),this.titleElement instanceof HTMLElement&&!this.titleElement.hasAttribute("tabIndex")&&(this.titleElement.tabIndex=-1),Y.set(this.element,this),this.registerRequiredCSS("object_ui/objectValue.css",{enableLegacyPatching:!0}),this.registerRequiredCSS("object_ui/objectPropertiesSection.css",{enableLegacyPatching:!0}),this.rootElement().childrenListElement.classList.add("source-code","object-properties-section")}static defaultObjectPresentation(e,t,n,i){const s=ee.defaultObjectPropertiesSection(e,t,n,i);return e.hasChildren?s.element:s.titleElement}static defaultObjectPropertiesSection(e,t,n,i){const s=document.createElement("span");s.classList.add("source-code");const r=c.createShadowRootWithCoreStyles(s,{cssFile:"object_ui/objectValue.css",enableLegacyPatching:!0,delegatesFocus:void 0}),o=ee.createPropertyValue(e,!1,!0);r.appendChild(o.element);const a=new ee(e,s,t);return a._editable=!1,n&&a.skipProto(),i&&a.setEditable(!1),a}static CompareProperties(e,t){const n=e.name,i=t.name;return"__proto__"===n?1:"__proto__"===i?-1:!e.enumerable&&t.enumerable?1:!t.enumerable&&e.enumerable?-1:n.startsWith("_")&&!i.startsWith("_")?1:i.startsWith("_")&&!n.startsWith("_")?-1:e.symbol&&!t.symbol?1:t.symbol&&!e.symbol?-1:e.private&&!t.private?1:t.private&&!e.private?-1:f.naturalOrderComparator(n,i)}static createNameElement(e,t){return null===e?r.html`<span class="name"></span>`:/^\s|\s$|^$|\n/.test(e)?r.html`<span class="name">"${e.replace(/\n/g,"↵")}"</span>`:t?r.html`<span class="name">
+        <span class="private-property-hash">${e[0]}</span>${e.substring(1)}
+      </span>`:r.html`<span class="name">${e}</span>`}static valueElementForFunctionDescription(e,t,n){const i=document.createElement("span");i.classList.add("object-value-function");const s=(e=e||"").replace(/^function [gs]et /,"function ").replace(/^function [gs]et\(/,"function(").replace(/^[gs]et /,"");n=n||"";const r=s.match(/^(async\s+function)/),l=s.startsWith("function*"),c=s.startsWith("*"),p=!l&&s.startsWith("function"),d=s.startsWith("class ")||s.startsWith("class{"),h=s.indexOf("=>"),u=!r&&!l&&!p&&!d&&h>0;let m;if(d){m=s.substring("class".length);const e=/^[^{\s]+/.exec(m.trim());let t=n;e&&(t=e[0].trim()||n),y("class",m,t)}else if(r)m=s.substring(r[1].length),y("async ƒ",m,b(m));else if(l)m=s.substring("function*".length),y("ƒ*",m,b(m));else if(c)m=s.substring("*".length),y("ƒ*",m,b(m));else if(p)m=s.substring("function".length),y("ƒ",m,b(m));else if(u){const e=60;let t=s;n?t=n+"()":s.length>e&&(t=s.substring(0,h+2)+" {…}"),y("",s,t)}else y("ƒ",s,b(s));return a.Tooltip.install(i,f.trimEndWithMaxLength(e,500)),i;function b(e){const t=e.indexOf("("),i=e.match(/\)\s*{/);if(-1!==t&&i&&void 0!==i.index&&i.index>t){return(e.substring(0,t).trim()||n)+e.substring(t,i.index+1)}return n+"()"}function y(e,n,s){e.length&&(i.createChild("span","object-value-function-prefix").textContent=e+" "),t?o.createTextChild(i,f.trimEndWithMaxLength(n.trim(),200)):o.createTextChild(i,s.replace(/\n/g," "))}}static createPropertyValueWithCustomSupport(e,t,n,i,s){if(e.customPreview()){const t=new ye(e).element;return t.classList.add("object-properties-section-custom-section"),new ce(t)}return ee.createPropertyValue(e,t,n,i,s)}static createPropertyValue(e,n,s,r,l){let c;const p=e.type,d=e.subtype,h=e.description||"",u=e.className;if("object"===p&&"internal#location"===d){const t=e.debuggerModel().createRawLocationByScriptId(e.value.scriptId,e.value.lineNumber,e.value.columnNumber);if(t&&l)return new ce(l.linkifyRawLocation(t,""));c=new ce(function(){const e=document.createElement("span");return e.textContent="<"+X(K.unknown)+">",a.Tooltip.install(e,h||""),e}())}else if("string"===p&&"string"==typeof h)c=m();else if("object"===p&&"trustedtype"===d)c=function(){const e=document.createElement("span");e.classList.add("object-value-trustedtype");const t=`${u} "${h}"`;let n;if(t.length>(self.ObjectUI.ObjectPropertiesSection._maxRenderableStringLength||te))n=new pe(e,t,50);else{const i=m();o.createTextChild(e,u+" "),e.appendChild(i.element),n=new ce(e),a.Tooltip.install(e,t)}return n}();else if("function"===p)c=new ce(ee.valueElementForFunctionDescription(h));else if("object"===p&&"node"===d&&h)c=new ce(function(){const n=document.createElement("span");return n.classList.add("object-value-node"),G(n,h),n.addEventListener("click",(n=>{t.reveal(e),n.consume(!0)}),!1),n.addEventListener("mousemove",(()=>j.OverlayModel.highlightObjectAsDOMNode(e)),!1),n.addEventListener("mouseleave",(()=>j.OverlayModel.hideDOMNodeHighlight()),!1),n}());else{const t=document.createElement("span");if(t.classList.add("object-value-"+(d||p)),e.preview&&s){(new V).appendObjectPreview(t,e.preview,!1),c=new ce(t),a.Tooltip.install(c.element,h||"")}else h.length>(self.ObjectUI.ObjectPropertiesSection._maxRenderableStringLength||te)?c=new pe(t,h,50):(c=new ce(t),c.element.textContent=h,a.Tooltip.install(c.element,h))}if(n){const e=document.createElement("span");e.classList.add("error"),e.classList.add("value"),e.appendChild(i.getFormatLocalizedString(Q,K.exceptionS,{PH1:c.element})),c.element=e}return c.element.classList.add("value"),c;function m(){const e=document.createElement("span");e.classList.add("object-value-string");const t=h.replace(/\n/g,"↵");let n;return e.createChild("span","object-value-string-quote").textContent='"',h.length>(self.ObjectUI.ObjectPropertiesSection._maxRenderableStringLength||te)?n=new pe(e,t,50):(o.createTextChild(e,t),n=new ce(e),a.Tooltip.install(e,h||"")),e.createChild("span","object-value-string-quote").textContent='"',n}}static formatObjectAsFunction(e,n,i,s){return e.debuggerModel().functionDetailsPromise(e).then((function(r){i&&r&&r.location&&(n.classList.add("linkified"),n.addEventListener("click",(()=>t.reveal(r.location)&&!1)));let o=s?"":"anonymous";r&&r.functionName&&(o=r.functionName);const a=ee.valueElementForFunctionDescription(e.description,s,o);n.appendChild(a)}))}static _isDisplayableProperty(e,t){if(!t||!t.synthetic)return!0;const n=e.name;return!("[[Entries]]"===t.name&&("length"===n||"__proto__"===n))}skipProto(){this._skipProto=!0}expand(){this._objectTreeElement.expand()}setEditable(e){this._editable=e}objectTreeElement(){return this._objectTreeElement}enableContextMenu(){this.element.addEventListener("contextmenu",this._contextMenuEventFired.bind(this),!1)}_contextMenuEventFired(e){const t=new p.ContextMenu(e);t.appendApplicableItems(this._object),this._object instanceof P.LocalJSONObject&&(t.viewSection().appendItem(X(K.expandRecursively),this._objectTreeElement.expandRecursively.bind(this._objectTreeElement,Number.MAX_VALUE)),t.viewSection().appendItem(X(K.collapseChildren),this._objectTreeElement.collapseChildren.bind(this._objectTreeElement))),t.show()}titleLessMode(){this._objectTreeElement.listItemElement.classList.add("hidden"),this._objectTreeElement.childrenListElement.classList.add("title-less-mode"),this._objectTreeElement.expand()}}const te=1e4;class ne extends l.TreeOutlineInShadow{constructor(e){super(),this.registerRequiredCSS("object_ui/objectValue.css",{enableLegacyPatching:!0}),this.registerRequiredCSS("object_ui/objectPropertiesSection.css",{enableLegacyPatching:!0}),this._editable=!(e&&e.readOnly),this.contentElement.classList.add("source-code"),this.contentElement.classList.add("object-properties-section"),this.hideOverflow()}}class ie extends l.TreeElement{constructor(e,t,n,i,s){super(document.createElement("slot")),this._object=e,this._extraProperties=s||[],this._ignoreHasOwnProperty=Boolean(i),this._emptyPlaceholder=n,this.setExpandable(!0),this.selectable=!0,this.toggleOnClick=!0,this.listItemElement.classList.add("object-properties-section-root-element"),this._linkifier=t}onexpand(){this.treeOutline&&this.treeOutline.element.classList.add("expanded")}oncollapse(){this.treeOutline&&this.treeOutline.element.classList.remove("expanded")}ondblclick(e){return!0}async onpopulate(){const e=this.treeOutline,t=!!e&&Boolean(e._skipProto);return se._populate(this,this._object,t,this._linkifier,this._emptyPlaceholder,this._ignoreHasOwnProperty,this._extraProperties)}}class se extends l.TreeElement{constructor(e,t){super(),this.property=e,this.toggleOnClick=!0,this._highlightChanges=[],this._linkifier=t,this._maxNumPropertiesToShow=200,this.listItemElement.addEventListener("contextmenu",this._contextMenuFired.bind(this),!1),this.listItemElement.dataset.objectPropertyNameForTest=e.name,this.nameElement,this.valueElement,this._rowContainer,this._readOnly,this._prompt,this._editableDiv}static async _populate(e,t,n,i,s,r,o,a){if(t.arrayLength()>100)return e.removeChildren(),void re._populateArray(e,t,0,t.arrayLength()-1,i);let l;l=r?await t.getAllProperties(!1,!0):await P.RemoteObject.loadFromObjectPerProto(t,!0);const c=l.properties,p=l.internalProperties;if(e.removeChildren(),c){o=o||[];for(let e=0;e<o.length;++e)c.push(o[e]);se.populateWithProperties(e,c,p,n,a||t,i,s)}}static populateWithProperties(e,t,n,i,s,r,o){t.sort(ee.CompareProperties);const a=(n=n||[]).find((e=>"[[Entries]]"===e.name));if(a){Z.set(a,s);const t=new se(a,r);t.setExpandable(!0),t.expand(),e.appendChild(t)}const l=[];let c=null;for(let n=0;n<t.length;++n){const i=t[n];if(Z.set(i,s),!ee._isDisplayableProperty(i,e.property))continue;if("__proto__"===i.name&&!i.isAccessorProperty()){c=i;continue}if(i.isOwn&&i.getter){const e=new P.RemoteObjectProperty("get "+i.name,i.getter,!1);Z.set(e,s),l.push(e)}if(i.isOwn&&i.setter){const e=new P.RemoteObjectProperty("set "+i.name,i.setter,!1);Z.set(e,s),l.push(e)}(i.getter||!i.isAccessorProperty())&&"__proto__"!==i.name&&e.appendChild(new se(i,r))}for(let t=0;t<l.length;++t)e.appendChild(new se(l[t],r));!i&&c&&e.appendChild(new se(c,r));for(const t of n){Z.set(t,s);const n=new se(t,r);"[[Entries]]"!==t.name&&e.appendChild(n)}se._appendEmptyPlaceholderIfNeeded(e,o)}static _appendEmptyPlaceholderIfNeeded(e,t){if(e.childCount())return;const n=document.createElement("div");n.classList.add("gray-info-message"),n.textContent=t||X(K.noProperties);const i=new l.TreeElement(n);e.appendChild(i)}static createRemoteObjectAccessorPropertySpan(e,t,n){const i=document.createElement("span"),s=i.createChild("span");if(s.textContent=X(K.dots),!e)return i;function r(e){let t=this;const n=JSON.parse(e);for(let e=0,i=n.length;e<i;++e)t=t[n[e]];return t}return s.classList.add("object-value-calculate-value-button"),a.Tooltip.install(s,X(K.invokePropertyGetter)),s.addEventListener("click",(function(i){i.consume(),e&&e.callFunction(r,[{value:JSON.stringify(t)}]).then(n)}),!1),i}setSearchRegex(e,t){let n=o.highlightedSearchResultClassName;if(t&&(n+=" "+t),this.revertHighlightChanges(),this._applySearch(e,this.nameElement,n),this.property.value){"object"!==this.property.value.type&&this._applySearch(e,this.valueElement,n)}return Boolean(this._highlightChanges.length)}_applySearch(e,t,n){const i=[],s=t.textContent||"";e.lastIndex=0;let r=e.exec(s);for(;r;)i.push(new O.SourceRange(r.index,r[0].length)),r=e.exec(s);i.length&&o.highlightRangesWithStyleClass(t,i,n,this._highlightChanges)}_showAllPropertiesElementSelected(e){return this.removeChild(e),this.children().forEach((e=>{e.hidden=!1})),!1}_createShowAllPropertiesButton(){const e=document.createElement("div");e.classList.add("object-value-calculate-value-button"),e.textContent=X(K.dots),a.Tooltip.install(e,X(K.showAllD,{PH1:this.childCount()}));const t=this.children();for(let e=this._maxNumPropertiesToShow;e<this.childCount();++e)t[e].hidden=!0;const n=new l.TreeElement(e);n.onselect=this._showAllPropertiesElementSelected.bind(this,n),this.appendChild(n)}revertHighlightChanges(){o.revertDomChanges(this._highlightChanges),this._highlightChanges=[]}async onpopulate(){const e=this.property.value;console.assert(void 0!==e);const t=this.treeOutline,n=!!t&&Boolean(t._skipProto),i="__proto__"!==this.property.name?e:Z.get(this.property);i&&(await se._populate(this,e,n,this._linkifier,void 0,void 0,void 0,i),this.childCount()>this._maxNumPropertiesToShow&&this._createShowAllPropertiesButton())}ondblclick(e){const t=e.target,n=t.isSelfOrDescendant(this.valueElement)||this.expandedValueElement&&t.isSelfOrDescendant(this.expandedValueElement);return this.property.value&&!this.property.value.customPreview()&&n&&(this.property.writable||this.property.setter)&&this._startEditing(),!1}onenter(){return!(!this.property.value||this.property.value.customPreview()||!this.property.writable&&!this.property.setter)&&(this._startEditing(),!0)}onattach(){this.update(),this._updateExpandable()}onexpand(){this._showExpandedValueElement(!0)}oncollapse(){this._showExpandedValueElement(!1)}_showExpandedValueElement(e){this.expandedValueElement&&(e?this._rowContainer.replaceChild(this.expandedValueElement,this.valueElement):this._rowContainer.replaceChild(this.valueElement,this.expandedValueElement))}_createExpandedValueElement(e){if(!(e.hasChildren&&!e.customPreview()&&"node"!==e.subtype&&"function"!==e.type&&("object"!==e.type||e.preview)))return null;const t=document.createElement("span");return t.classList.add("value"),"Object"===e.description?t.textContent="":t.setTextContentTruncatedIfNeeded(e.description||""),t.classList.add("object-value-"+(e.subtype||e.type)),a.Tooltip.install(t,e.description||""),t}update(){this.nameElement=ee.createNameElement(this.property.name,this.property.private),this.property.enumerable||this.nameElement.classList.add("object-properties-section-dimmed"),this.property.synthetic&&this.nameElement.classList.add("synthetic-property"),this._updatePropertyPath();const e=this.property.synthetic&&"[[Entries]]"===this.property.name;if(e)this.valueElement=document.createElement("span"),this.valueElement.classList.add("value");else if(this.property.value){const e="__proto__"!==this.property.name;this.propertyValue=ee.createPropertyValueWithCustomSupport(this.property.value,this.property.wasThrown,e,this.listItemElement,this._linkifier),this.valueElement=this.propertyValue.element}else this.property.getter?this.valueElement=se.createRemoteObjectAccessorPropertySpan(Z.get(this.property),[this.property.name],this._onInvokeGetterClick.bind(this)):(this.valueElement=document.createElement("span"),this.valueElement.classList.add("object-value-undefined"),this.valueElement.textContent=X(K.unreadable),a.Tooltip.install(this.valueElement,X(K.noPropertyGetter)));const t=this.valueElement.textContent;let n;this.property.value&&t&&!this.property.wasThrown&&(this.expandedValueElement=this._createExpandedValueElement(this.property.value)),this.listItemElement.removeChildren(),n=e?r.html`<span class='name-and-value'>${this.nameElement}</span>`:r.html`<span class='name-and-value'>${this.nameElement}: ${this.valueElement}</span>`,this._rowContainer=n,this.listItemElement.appendChild(this._rowContainer)}_updatePropertyPath(){if(a.Tooltip.getContent(this.nameElement))return;const e=this.property.name;if(this.property.synthetic)return void a.Tooltip.install(this.nameElement,e);const t=this.parent instanceof se&&this.parent.nameElement&&!this.parent.property.synthetic?a.Tooltip.getContent(this.parent.nameElement):"";this.property.private||/^(?:[$_\p{ID_Start}])(?:[$_\u200C\u200D\p{ID_Continue}])*$/u.test(e)?a.Tooltip.install(this.nameElement,t?`${t}.${e}`:e):/^(?:0|[1-9]\d*)$/.test(e)?a.Tooltip.install(this.nameElement,`${t}[${e}]`):a.Tooltip.install(this.nameElement,`${t}[${JSON.stringify(e)}]`)}_contextMenuFired(e){const t=new p.ContextMenu(e);if(t.appendApplicableItems(this),this.property.symbol&&t.appendApplicableItems(this.property.symbol),this.property.value&&(t.appendApplicableItems(this.property.value),Z.get(this.property)instanceof P.LocalJSONObject)){const{value:{value:e}}=this.property,n="object"==typeof e?JSON.stringify(e,null,2):e,i=()=>{y.actionTaken(_.Action.NetworkPanelCopyValue),g.InspectorFrontendHostInstance.copyText(n)};t.clipboardSection().appendItem(X(K.copyValue),i)}if(!this.property.synthetic&&this.nameElement&&a.Tooltip.getContent(this.nameElement)){const e=g.InspectorFrontendHostInstance.copyText.bind(g.InspectorFrontendHostInstance,a.Tooltip.getContent(this.nameElement));t.clipboardSection().appendItem(X(K.copyPropertyPath),e)}Z.get(this.property)instanceof P.LocalJSONObject&&(t.viewSection().appendItem(X(K.expandRecursively),this.expandRecursively.bind(this,Number.MAX_VALUE)),t.viewSection().appendItem(X(K.collapseChildren),this.collapseChildren.bind(this))),this.propertyValue&&this.propertyValue.appendApplicableItems(e,t,{}),t.show()}_startEditing(){const e=this.treeOutline;if(this._prompt||!e||!e._editable||this._readOnly)return;if(this._editableDiv=this._rowContainer.createChild("span","editable-div"),this.property.value){let e=this.property.value.description;"string"===this.property.value.type&&"string"==typeof e&&(e=`"${e}"`),this._editableDiv.setTextContentTruncatedIfNeeded(e,X(K.stringIsTooLargeToEdit))}const t=this._editableDiv.textContent||"";this.setExpandable(!1),this.listItemElement.classList.add("editing-sub-part"),this.valueElement.classList.add("hidden"),this._prompt=new oe;const n=this._prompt.attachAndStartEditing(this._editableDiv,this._editingCommitted.bind(this,t));n.classList.add("property-prompt");const i=this.listItemElement.getComponentSelection();i&&i.selectAllChildren(this._editableDiv),n.addEventListener("keydown",this._promptKeyDown.bind(this,t),!1)}_editingEnded(){this._prompt&&(this._prompt.detach(),delete this._prompt),this._editableDiv.remove(),this._updateExpandable(),this.listItemElement.scrollLeft=0,this.listItemElement.classList.remove("editing-sub-part"),this.select()}_editingCancelled(){this.valueElement.classList.remove("hidden"),this._editingEnded()}async _editingCommitted(e){const t=this._prompt?this._prompt.text():"";t!==e?(this._editingEnded(),await this._applyExpression(t)):this._editingCancelled()}_promptKeyDown(e,t){const n=t;return"Enter"===n.key?(n.consume(),void this._editingCommitted(e)):"Escape"===n.key?(n.consume(),void this._editingCancelled()):void 0}async _applyExpression(e){const t=P.RemoteObject.toCallArgument(this.property.symbol||this.property.name);if(e=U.wrapObjectLiteral(e.trim()),this.property.synthetic){let t=!1;if(e&&(t=await this.property.setSyntheticValue(e)),t){const e=this.parent;e&&(e.invalidateChildren(),e.onpopulate())}else this.update();return}const n=Z.get(this.property),i=e?n.setPropertyValue(t,e):n.deleteProperty(t);if(await i)this.update();else if(e){const e=this.parent;e&&(e.invalidateChildren(),e.onpopulate())}else this.parent&&this.parent.removeChild(this)}_onInvokeGetterClick(e){e.object&&(this.property.value=e.object,this.property.wasThrown=e.wasThrown||!1,this.update(),this.invalidateChildren(),this._updateExpandable())}_updateExpandable(){this.property.value?this.setExpandable(!this.property.value.customPreview()&&this.property.value.hasChildren&&!this.property.wasThrown):this.setExpandable(!1)}path(){return a.Tooltip.getContent(this.nameElement)}}class re extends l.TreeElement{constructor(e,t,n,i,s){super(f.sprintf("[%d … %d]",t,n),!0),this.toggleOnClick=!0,this._fromIndex=t,this._toIndex=n,this._object=e,this._readOnly=!0,this._propertyCount=i,this._linkifier=s}static async _populateArray(e,t,n,i,s){await re._populateRanges(e,t,n,i,!0,s)}static async _populateRanges(e,t,n,i,s,r){const o=await t.callFunctionJSON((function(e,t,n,i,s){if(void 0===e||void 0===t||void 0===i||void 0===s||void 0===n)return;let r=null;const o=t-e>=i&&ArrayBuffer.isView(this),a=o&&t-e>=s;function*l(n){if(void 0!==e&&void 0!==t&&void 0!==i&&void 0!==s)if(t-e<i)for(let i=e;i<=t;++i)i in n&&(yield i);else{r=r||Object.getOwnPropertyNames(n);for(let n=0;n<r.length;++n){const i=r[n],s=Number(i)>>>0;String(s)===i&&e<=s&&s<=t&&(yield s)}}}let c=0;if(o)c=t-e+1;else for(const e of l(this))++c;let p=c;p=c<=n?c:Math.pow(n,Math.ceil(Math.log(c)/Math.log(n))-1);const d=[];if(o)for(let n=e;n<=t;n+=p){const e=n;let i=e+p-1;i>t&&(i=t),d.push([e,i,i-e+1])}else{c=0;let e=-1,t=0;for(const n of l(this))-1===e&&(e=n),t=n,++c===p&&(d.push([e,t,c]),c=0,e=-1);c>0&&d.push([e,t,c])}return{ranges:d,skipGetOwnPropertyNames:a}}),[{value:n},{value:i},{value:re._bucketThreshold},{value:re._sparseIterationThreshold},{value:re._getOwnPropertyNamesThreshold}]);await async function(n){if(!n)return;const i=n.ranges;if(1===i.length)await re._populateAsFragment(e,t,i[0][0],i[0][1],r);else for(let n=0;n<i.length;++n){const s=i[n][0],o=i[n][1],a=i[n][2];s===o?await re._populateAsFragment(e,t,s,o,r):e.appendChild(new re(t,s,o,a,r))}s&&await re._populateNonIndexProperties(e,t,n.skipGetOwnPropertyNames,r)}(o)}static async _populateAsFragment(e,t,n,i,s){const r=await t.callFunction((function(e,t,n){const i=Object.create(null);if(void 0===e||void 0===t||void 0===n)return;if(t-e<n)for(let n=e;n<=t;++n)n in this&&(i[n]=this[n]);else{const n=Object.getOwnPropertyNames(this);for(let s=0;s<n.length;++s){const r=n[s],o=Number(r)>>>0;String(o)===r&&e<=o&&o<=t&&(i[o]=this[o])}}return i}),[{value:n},{value:i},{value:re._sparseIterationThreshold}]);if(!r.object||r.wasThrown)return;const o=r.object,a=await o.getAllProperties(!1,!0);o.release();const l=a.properties;if(l){l.sort(ee.CompareProperties);for(let t=0;t<l.length;++t){Z.set(l[t],this._object);const n=new se(l[t],s);n._readOnly=!0,e.appendChild(n)}}}static async _populateNonIndexProperties(e,t,n,i){const s=await t.callFunction((function(e){const t={__proto__:this.__proto__};if(e)return t;const n=Object.getOwnPropertyNames(this);for(let e=0;e<n.length;++e){const i=n[e];if(String(Number(i)>>>0)===i&&Number(i)>>>0!=4294967295)continue;const s=Object.getOwnPropertyDescriptor(this,i);s&&Object.defineProperty(t,i,s)}return t}),[{value:n}]);if(!s.object||s.wasThrown)return;const r=await s.object.getOwnProperties(!0);if(s.object.release(),!r.properties)return;const o=r.properties;o.sort(ee.CompareProperties);for(const t of o){if(Z.set(t,this._object),!ee._isDisplayableProperty(t,e.property))continue;const n=new se(t,i);n._readOnly=!0,e.appendChild(n)}}async onpopulate(){this._propertyCount>=re._bucketThreshold?await re._populateRanges(this,this._object,this._fromIndex,this._toIndex,!1,this._linkifier):await re._populateAsFragment(this,this._object,this._fromIndex,this._toIndex,this._linkifier)}onattach(){this.listItemElement.classList.add("object-properties-section-name")}}re._bucketThreshold=100,re._sparseIterationThreshold=25e4,re._getOwnPropertyNamesThreshold=5e5;class oe extends d.TextPrompt{constructor(){super();const e=F.instance();this.initialize(e.completionsForTextInCurrentContext.bind(e))}}const ae=new Map,le=new Map;class ce{constructor(e){this.element=e}appendApplicableItems(e,t,n){}}class pe extends ce{constructor(e,t,n){super(e);const i=e.createChild("span");this._text=t,this._maxLength=n,i.textContent=t.slice(0,n),a.Tooltip.install(i,t.slice(0,n)+"…"),this._expandElement=i.createChild("span"),this._maxDisplayableTextLength=1e7;const s=f.countWtf8Bytes(t),r=v.bytesToString(s);this._text.length<this._maxDisplayableTextLength?(this._expandElementText=X(K.showMoreS,{PH1:r}),this._expandElement.setAttribute("data-text",this._expandElementText),this._expandElement.classList.add("expandable-inline-button"),this._expandElement.addEventListener("click",this._expandText.bind(this)),this._expandElement.addEventListener("keydown",(e=>{const t=e;"Enter"!==t.key&&" "!==t.key||this._expandText()})),h.markAsButton(this._expandElement)):(this._expandElement.setAttribute("data-text",X(K.longTextWasTruncatedS,{PH1:r})),this._expandElement.classList.add("undisplayable-text")),this._copyButtonText=X(K.copy);const o=i.createChild("span","expandable-inline-button");o.setAttribute("data-text",this._copyButtonText),o.addEventListener("click",this._copyText.bind(this)),o.addEventListener("keydown",(e=>{const t=e;"Enter"!==t.key&&" "!==t.key||this._copyText()})),h.markAsButton(o)}appendApplicableItems(e,t,n){this._text.length<this._maxDisplayableTextLength&&this._expandElement&&t.clipboardSection().appendItem(this._expandElementText||"",this._expandText.bind(this)),t.clipboardSection().appendItem(this._copyButtonText,this._copyText.bind(this))}_expandText(){this._expandElement&&(this._expandElement.parentElement&&this._expandElement.parentElement.insertBefore(document.createTextNode(this._text.slice(this._maxLength)),this._expandElement),this._expandElement.remove(),this._expandElement=null)}_copyText(){g.InspectorFrontendHostInstance.copyText(this._text)}}var de=Object.freeze({__proto__:null,UIStrings:K,getObjectPropertiesSectionFrom:e=>Y.get(e),ObjectPropertiesSection:ee,maxRenderableStringLength:te,ObjectPropertiesSectionsTreeOutline:ne,RootElement:ie,InitialVisibleChildrenLimit:200,ObjectPropertyTreeElement:se,ArrayGroupingTreeElement:re,ObjectPropertyPrompt:oe,ObjectPropertiesSectionsTreeExpandController:class{constructor(e){this._expandedProperties=new Set,e.addEventListener(l.Events.ElementAttached,this._elementAttached,this),e.addEventListener(l.Events.ElementExpanded,this._elementExpanded,this),e.addEventListener(l.Events.ElementCollapsed,this._elementCollapsed,this)}watchSection(e,t){ae.set(t,e),this._expandedProperties.has(e)&&t.expand()}stopWatchSectionsWithId(e){for(const t of this._expandedProperties)t.startsWith(e+":")&&this._expandedProperties.delete(t)}_elementAttached(e){const t=e.data;t.isExpandable()&&this._expandedProperties.has(this._propertyPath(t))&&t.expand()}_elementExpanded(e){const t=e.data;this._expandedProperties.add(this._propertyPath(t))}_elementCollapsed(e){const t=e.data;this._expandedProperties.delete(this._propertyPath(t))}_propertyPath(e){const t=le.get(e);if(t)return t;let n=e,i=n;if(!e.treeOutline)throw new Error("No tree outline available");const s=e.treeOutline.rootElement();let r;for(;n!==s;){let e="";e=n.property?n.property.name:"string"==typeof n.title?n.title:n.title.textContent||"",r=e+(r?"."+r:""),i=n,n.parent&&(n=n.parent)}return r=ae.get(i)+(r?":"+r:""),le.set(e,r),r}},Renderer:class{render(e,t){if(!(e instanceof P.RemoteObject))return Promise.reject(new Error("Can't render "+e));const n=(t=t||{title:void 0,editable:void 0}).title,i=new ee(e,n);return n||i.titleLessMode(),i._editable=Boolean(t.editable),Promise.resolve({node:i.element,tree:i})}},ObjectPropertyValue:ce,ExpandableTextPropertyValue:pe,TreeOutlineOptions:undefined});const he={showAsJavascriptObject:"Show as JavaScript object"},ue=i.registerUIStrings("object_ui/CustomPreviewComponent.js",he),me=i.getLocalizedString.bind(void 0,ue);class be{constructor(e){this._sectionElement=document.createElement("span"),this._sectionElement.classList.add("custom-expandable-section"),this._object=e,this._expanded=!1,this._cachedContent=null;const t=e.customPreview();if(!t)return;let i;try{i=JSON.parse(t.header)}catch(e){return void n.Console.instance().error("Broken formatter: header is invalid json "+e)}this._header=this._renderJSONMLTag(i),this._header.nodeType!==Node.TEXT_NODE?(t.bodyGetterId&&(this._header instanceof Element&&this._header.classList.add("custom-expandable-section-header"),this._header.addEventListener("click",this._onClick.bind(this),!1),this._expandIcon=u.Icon.create("smallicon-triangle-right","custom-expand-icon"),this._header.insertBefore(this._expandIcon,this._header.firstChild)),this._sectionElement.appendChild(this._header)):n.Console.instance().error("Broken formatter: header should be an element node.")}element(){return this._sectionElement}_renderJSONMLTag(e){if(!Array.isArray(e))return document.createTextNode(String(e));const t=e;return"object"===t[0]?this._layoutObjectTag(t):this._renderElement(t)}_renderElement(e){const t=e.shift();if(!be._allowedTags.has(t))return n.Console.instance().error("Broken formatter: element "+t+" is not allowed!"),document.createElement("span");const i=document.createElement(t);if("object"==typeof e[0]&&!Array.isArray(e[0])){const t=e.shift();for(const e in t){const n=t[e];"style"===e&&"string"==typeof n&&i.setAttribute(e,n)}}return this._appendJsonMLTags(i,e),i}_layoutObjectTag(e){e.shift();const t=e.shift(),n=this._object.runtimeModel().createRemoteObject(t);if(n.customPreview())return new be(n).element();const i=ee.defaultObjectPresentation(n);return i.classList.toggle("custom-expandable-section-standard-section",n.hasChildren),i}_appendJsonMLTags(e,t){for(let n=0;n<t.length;++n)e.appendChild(this._renderJSONMLTag(t[n]))}_onClick(e){e.consume(!0),this._cachedContent?this._toggleExpand():this._loadBody()}_toggleExpand(){this._expanded=!this._expanded,this._header instanceof Element&&this._header.classList.toggle("expanded",this._expanded),this._cachedContent instanceof Element&&this._cachedContent.classList.toggle("hidden",!this._expanded),this._expandIcon&&(this._expanded?this._expandIcon.setIconType("smallicon-triangle-down"):this._expandIcon.setIconType("smallicon-triangle-right"))}async _loadBody(){const e=this._object.customPreview();if(e&&e.bodyGetterId){const t=await this._object.callFunctionJSON((e=>e()),[{objectId:e.bodyGetterId}]);if(!t)return;this._cachedContent=this._renderJSONMLTag(t),this._sectionElement.appendChild(this._cachedContent),this._toggleExpand()}}}class ye{constructor(e){this._object=e,this._customPreviewSection=new be(e),this.element=document.createElement("span"),this.element.classList.add("source-code");const t=c.createShadowRootWithCoreStyles(this.element,{cssFile:"object_ui/customPreviewComponent.css",enableLegacyPatching:!1,delegatesFocus:void 0});this.element.addEventListener("contextmenu",this._contextMenuEventFired.bind(this),!1),t.appendChild(this._customPreviewSection.element())}expandIfPossible(){const e=this._object.customPreview();e&&e.bodyGetterId&&this._customPreviewSection&&this._customPreviewSection._loadBody()}_contextMenuEventFired(e){const t=new p.ContextMenu(e);this._customPreviewSection&&t.revealSection().appendItem(me(he.showAsJavascriptObject),this._disassemble.bind(this)),t.appendApplicableItems(this._object),t.show()}_disassemble(){this.element.shadowRoot&&(this.element.shadowRoot.textContent="",this._customPreviewSection=null,this.element.shadowRoot.appendChild(ee.defaultObjectPresentation(this._object)))}}be._allowedTags=new Set(["span","div","ol","li","table","tr","td"]);var _e=Object.freeze({__proto__:null,UIStrings:he,CustomPreviewSection:be,CustomPreviewComponent:ye});class ge{constructor(e,t){this._linkifier=e,this._resultHighlightedAsDOM=t}dispose(){this._resultHighlightedAsDOM&&j.OverlayModel.hideDOMNodeHighlight(),this._linkifier&&this._linkifier.dispose()}static async buildObjectPopover(e,t){const n=f.trimEndWithMaxLength(e.description||"",fe);let i=null;if("object"===e.type){let s=null,r=!1;if("node"===e.subtype&&(j.OverlayModel.highlightObjectAsDOMNode(e),r=!0),e.customPreview()){const t=new ye(e);t.expandIfPossible(),i=t.element}else{i=document.createElement("div"),i.classList.add("object-popover-content"),c.appendStyle(i,"object_ui/objectPopover.css",{enableLegacyPatching:!0});i.createChild("div","monospace object-popover-title").createChild("span").textContent=n,s=new L.Linkifier;const t=new ee(e,"",s,void 0,void 0,void 0,!0);t.element.classList.add("object-popover-tree"),t.titleLessMode(),i.appendChild(t.element)}return i.dataset.stableNameForTest="object-popover-content",t.setMaxContentSize(new m.Size(300,250)),t.setSizeBehavior(b.SizeBehavior.SetExactSize),t.contentElement.appendChild(i),new ge(s,r)}i=document.createElement("span"),i.dataset.stableNameForTest="object-popover-content",c.appendStyle(i,"object_ui/objectValue.css",{enableLegacyPatching:!0}),c.appendStyle(i,"object_ui/objectPopover.css",{enableLegacyPatching:!0});const s=i.createChild("span","monospace object-value-"+e.type);if(s.style.whiteSpace="pre","string"===e.type?o.createTextChildren(s,`"${n}"`):"function"!==e.type&&(s.textContent=n),"function"!==e.type)return t.contentElement.appendChild(i),new ge(null,!1);ee.formatObjectAsFunction(e,s,!0);const r=await e.debuggerModel().functionDetailsPromise(e);if(!r)return null;const a=document.createElement("div");a.classList.add("object-popover-container");const l=a.createChild("div","function-popover-title source-code");l.createChild("span","function-name").textContent=o.beautifyFunctionName(r.functionName);const p=r.location,d=l.createChild("div","function-title-link-container"),h=p&&p.script(),u=h&&h.sourceURL;let y=null;return u&&(y=new L.Linkifier(void 0,void 0,t.positionContent.bind(t)),d.appendChild(y.linkifyRawLocation(p,u))),a.appendChild(i),t.contentElement.appendChild(a),new ge(y,!1)}}const fe=1e4;var ve=Object.freeze({__proto__:null,ObjectPopoverHelper:ge});const xe=F.instance();export{_e as CustomPreviewComponent,D as JavaScriptAutocomplete,q as JavaScriptREPL,ve as ObjectPopoverHelper,de as ObjectPropertiesSection,J as RemoteObjectPreviewFormatter,xe as javaScriptAutocomplete};

package/static/devtools/object_ui/object_ui_module.js

@@ -0,0 +1 @@
+import*as RootModule from'../root/root.js';RootModule.Runtime.cachedResources.set("object_ui/customPreviewComponent.css","/*\n * Copyright (c) 2015 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.custom-expandable-section {\n  display: inline-flex;\n  flex-direction: column;\n}\n\n.custom-expand-icon {\n  user-select: none;\n  opacity: 50%;\n  margin-right: 4px;\n  margin-bottom: -2px;\n  background: var(--color-primary);\n}\n\n.custom-expandable-section-standard-section {\n  display: inline-flex;\n}\n\n/*# sourceURL=object_ui/customPreviewComponent.css */");RootModule.Runtime.cachedResources.set("object_ui/objectPopover.css","/*\n * Copyright 2017 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.object-popover-content {\n  display: block;\n  position: relative;\n  overflow: hidden;\n  flex: 1 1 auto;\n}\n\n.object-popover-title {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  font-weight: bold;\n  padding-left: 18px;\n  padding-bottom: 2px;\n}\n\n.object-popover-tree {\n  border-top: 1px solid rgb(184 184 184);\n  overflow: auto;\n  width: 100%;\n  height: calc(100% - 13px);\n}\n\n.object-popover-container {\n  display: inline-block;\n}\n\n.function-popover-title {\n  border-bottom: 1px solid #aaa;\n  margin-bottom: 3px;\n  padding-bottom: 2px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.function-popover-title .function-name {\n  font-weight: bold;\n}\n\n.function-title-link-container {\n  display: flex;\n  align-items: center;\n  position: relative;\n  margin-left: 10px;\n}\n\n.function-title-link-container .devtools-link {\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n/*# sourceURL=object_ui/objectPopover.css */");RootModule.Runtime.cachedResources.set("object_ui/objectPropertiesSection.css","/*\n * Copyright 2015 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.object-properties-section-dimmed {\n  opacity: 60%;\n}\n\n.object-properties-section {\n  padding: 0 0 0 0;\n  color: rgb(33 33 33) !important;\n  display: flex;\n  flex-direction: column;\n}\n\n.object-properties-section li {\n  user-select: text;\n}\n\n.object-properties-section li::before {\n  top: -1px;\n}\n\n.object-properties-section li.editing-sub-part {\n  padding: 3px 12px 8px 6px;\n  margin: -1px -6px -8px -6px;\n  text-overflow: clip;\n}\n\n.object-properties-section li.editing {\n  margin-left: 10px;\n  text-overflow: clip;\n}\n\n.tree-outline ol.title-less-mode {\n  padding-left: 0;\n}\n\n.object-properties-section .synthetic-property {\n  font-style: italic;\n}\n\n.object-properties-section .private-property-hash {\n  color: #222;\n}\n\n.object-properties-section-root-element {\n  display: flex;\n  flex-direction: row;\n}\n\n.object-properties-section .editable-div {\n  overflow: hidden;\n}\n\n.name-and-value {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  line-height: 16px;\n}\n\n.editing-sub-part .name-and-value {\n  overflow: visible;\n  display: inline-flex;\n}\n\n.property-prompt {\n  margin-left: 4px;\n}\n\n.tree-outline.hide-selection-when-blurred .selected:focus-visible {\n  background: none;\n}\n\n.tree-outline.hide-selection-when-blurred .selected:focus-visible ::slotted(*),\n.tree-outline.hide-selection-when-blurred .selected:focus-visible .tree-element-title,\n.tree-outline.hide-selection-when-blurred .selected:focus-visible .name-and-value {\n  background: var(--focus-bg-color);\n  border-radius: 2px;\n  box-shadow: 0 0 0 2px var(--focus-bg-color);\n}\n\n@media (forced-colors: active) {\n  .object-properties-section-dimmed {\n    opacity: 100%;\n  }\n\n  .tree-outline.hide-selection-when-blurred .selected:focus-visible {\n    background: Highlight;\n  }\n\n  .tree-outline li:hover .tree-element-title,\n  .tree-outline li.selected .tree-element-title {\n    color: ButtonText;\n  }\n\n  .tree-outline.hide-selection-when-blurred .selected:focus-visible .tree-element-title,\n  .tree-outline.hide-selection-when-blurred .selected:focus-visible .name-and-value {\n    background: transparent;\n    box-shadow: none;\n  }\n\n  .tree-outline.hide-selection-when-blurred .selected:focus-visible span,\n  .tree-outline.hide-selection-when-blurred .selected:focus-visible .gray-info-message {\n    color: HighlightText;\n  }\n\n  .tree-outline-disclosure:hover li.parent::before {\n    background-color: ButtonText;\n  }\n}\n\n/*# sourceURL=object_ui/objectPropertiesSection.css */");RootModule.Runtime.cachedResources.set("object_ui/objectValue.css","/*\n * Copyright 2015 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.value.object-value-node:hover {\n  background-color: var(--item-hover-color);\n}\n\n.object-value-function-prefix,\n.object-value-boolean {\n  color: rgb(13 34 170);\n}\n\n.object-value-function {\n  font-style: italic;\n}\n\n.object-value-function.linkified:hover {\n  background-color: rgb(0 0 0 / 10%);\n  cursor: pointer;\n}\n\n.object-value-number {\n  color: rgb(28 0 207);\n}\n\n.object-value-bigint {\n  color: rgb(0 93 0);\n}\n\n.object-value-string,\n.object-value-regexp,\n.object-value-symbol {\n  white-space: pre;\n  unicode-bidi: -webkit-isolate;\n  color: rgb(196 26 22);\n}\n\n.-theme-with-dark-background .object-value-string,\n:host-context(.-theme-with-dark-background) .object-value-string,\n.-theme-with-dark-background .object-value-regexp,\n:host-context(.-theme-with-dark-background) .object-value-regexp,\n.-theme-with-dark-background .object-value-symbol,\n:host-context(.-theme-with-dark-background) .object-value-symbol {\n  color: rgb(242 139 84);\n}\n\n.object-value-string-quote {\n  color: #222;\n}\n\n.object-value-node {\n  position: relative;\n  vertical-align: baseline;\n  color: rgb(48 57 66);\n  display: inline-block;\n}\n\n.object-value-null,\n.object-value-undefined {\n  color: rgb(94 94 94);\n}\n\n.-theme-with-dark-background .object-value-null,\n:host-context(.-theme-with-dark-background) .object-value-null,\n.-theme-with-dark-background .object-value-undefined,\n:host-context(.-theme-with-dark-background) .object-value-undefined {\n  color: rgb(161 161 161);\n}\n\n.object-value-calculate-value-button:hover {\n  text-decoration: underline;\n}\n\n.object-properties-section-custom-section {\n  display: inline-flex;\n  flex-direction: column;\n}\n\n.-theme-with-dark-background .object-value-number,\n:host-context(.-theme-with-dark-background) .object-value-number,\n.-theme-with-dark-background .object-value-boolean,\n:host-context(.-theme-with-dark-background) .object-value-boolean {\n  color: hsl(252deg 100% 75%);\n}\n\n.object-properties-section .object-description {\n  color: gray;\n}\n\n.value .object-properties-preview {\n  white-space: nowrap;\n}\n\n.name {\n  color: rgb(136 19 145);\n  flex-shrink: 0;\n}\n\n.object-properties-preview .name {\n  color: #565656;\n}\n\n@media (forced-colors: active) {\n  .object-value-calculate-value-button:hover {\n    forced-color-adjust: none;\n    color: Highlight;\n  }\n}\n\n/*# sourceURL=object_ui/objectValue.css */");

package/static/devtools/perf_ui/perf_ui-legacy.js

@@ -0,0 +1 @@
+import{ChartViewport as e,FilmStripView as r,FlameChart as i,GCActionDelegate as a,LineLevelProfile as t,LiveHeapProfile as l,NetworkPriorities as P,OverviewGrid as f,TimelineGrid as o,TimelineOverviewPane as v}from"./perf_ui.js";self.PerfUI=self.PerfUI||{},PerfUI=PerfUI||{},PerfUI.ChartViewport=e.ChartViewport,PerfUI.FilmStripView=r.FilmStripView,PerfUI.FilmStripView.Events=r.Events,PerfUI.FilmStripView.Modes=r.Modes,PerfUI.FilmStripView.Dialog=r.Dialog,PerfUI.FlameChart=i.FlameChart,PerfUI.FlameChart.HeaderHeight=i.HeaderHeight,PerfUI.FlameChart.TimelineData=i.TimelineData,PerfUI.FlameChart.Events=i.Events,PerfUI.FlameChartDelegate=i.FlameChartDelegate,PerfUI.FlameChartDataProvider=i.FlameChartDataProvider,PerfUI.FlameChartMarker=i.FlameChartMarker,PerfUI.GCActionDelegate=a.GCActionDelegate,PerfUI.LineLevelProfile={},PerfUI.LineLevelProfile.Performance=t.Performance,PerfUI.LineLevelProfile.LineDecorator=t.LineDecorator,PerfUI.LiveHeapProfile=l.LiveHeapProfile,PerfUI.uiLabelForNetworkPriority=P.uiLabelForNetworkPriority,PerfUI.uiLabelToNetworkPriority=P.uiLabelToNetworkPriority,PerfUI.networkPriorityWeight=P.networkPriorityWeight,PerfUI.OverviewGrid=f.OverviewGrid,PerfUI.OverviewGrid.Window=f.Window,PerfUI.OverviewGrid.Events=f.Events,PerfUI.TimelineGrid=o.TimelineGrid,PerfUI.TimelineGrid.Calculator=o.Calculator,PerfUI.TimelineOverviewPane=v.TimelineOverviewPane,PerfUI.TimelineOverviewPane.Events=v.Events,PerfUI.TimelineOverviewBase=v.TimelineOverviewBase,PerfUI.TimelineOverview=v.TimelineOverview;