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

package/static/devtools/linear_memory_inspector/linear_memory_inspector.js

@@ -0,0 +1,399 @@
+import*as e from"../common/common.js";import{ls as t,SimpleHistoryManager as s}from"../common/common.js";import*as r from"../third_party/lit-html/lit-html.js";import{Directives as n}from"../third_party/lit-html/lit-html.js";import{assertNever as o}from"../platform/platform.js";import{GetStylesheet as i,SetCSSProperty as a}from"../component_helpers/component_helpers.js";import{RemoteObject as d,SDKModel as l,RuntimeModel as c,DebuggerModel as h}from"../sdk/sdk.js";import{Widget as u,TabbedPane as p,ViewManager as m,Context as g}from"../ui/ui.js";import{Workspace as y}from"../workspace/workspace.js";const{render:v,html:f}=r,b=t,w=b`Enter address`;class x extends Event{constructor(e,t){super("address-input-changed"),this.data={address:e,mode:t}}}class E extends Event{constructor(e){super("page-navigation",{}),this.data=e}}class _ extends Event{constructor(e){super("history-navigation",{}),this.data=e}}class I extends Event{constructor(){super("refresh-requested",{})}}class T extends HTMLElement{constructor(){super(...arguments),this.shadow=this.attachShadow({mode:"open"}),this.address="0",this.error=void 0,this.valid=!0}set data(e){this.address=e.address,this.error=e.error,this.valid=e.valid,this.render();const t=this.shadow.querySelector(".address-input");t&&("Submitted"===e.mode?t.blur():"InvalidSubmit"===e.mode&&t.select())}render(){const e=f`
+      <style>
+        .navigator {
+          min-height: 24px;
+          display: flex;
+          flex-wrap: nowrap;
+          justify-content: space-between;
+          overflow: hidden;
+          align-items: center;
+          background-color: var(--color-background);
+          color: var(--color-text-primary);
+        }
+
+        .navigator-item {
+          display: flex;
+          white-space: nowrap;
+          overflow: hidden;
+        }
+
+        .address-input {
+          text-align: center;
+          outline: none;
+          color: var(--color-text-primary);
+          border: 1px solid var(--color-background-elevation-2);
+          background: transparent;
+        }
+
+        .address-input.invalid {
+          color: var(--color-accent-red);
+        }
+
+        .navigator-button {
+          display: flex;
+          width: 20px;
+          height: 20px;
+          background: transparent;
+          overflow: hidden;
+          border: none;
+          padding: 0;
+          outline: none;
+          justify-content: center;
+          align-items: center;
+          cursor: pointer;
+        }
+
+        .navigator-button devtools-icon {
+          height: 14px;
+          width: 14px;
+          min-height: 14px;
+          min-width: 14px;
+        }
+
+        .navigator-button:hover devtools-icon {
+          --icon-color: var(--color-text-primary);
+        }
+
+        .navigator-button:focus devtools-icon {
+          --icon-color: var(--color-text-secondary);
+        }
+        </style>
+      <div class="navigator">
+        <div class="navigator-item">
+          ${this.createButton("ic_undo_16x16_icon",b`Go back in address history`,new _("Backward"))}
+          ${this.createButton("ic_redo_16x16_icon",b`Go forward in address history`,new _("Forward"))}
+        </div>
+        <div class="navigator-item">
+          ${this.createButton("ic_page_prev_16x16_icon",b`Previous page`,new E("Backward"))}
+          ${this.createAddressInput()}
+          ${this.createButton("ic_page_next_16x16_icon",b`Next page`,new E("Forward"))}
+        </div>
+        ${this.createButton("refresh_12x12_icon",b`Refresh`,new I)}
+      </div>
+      `;v(e,this.shadow,{eventContext:this})}createAddressInput(){const e={"address-input":!0,invalid:!this.valid};return f`
+      <input class=${n.classMap(e)} data-input="true" .value=${this.address}
+        title=${this.valid?w:this.error} @change=${this.onAddressChange.bind(this,"Submitted")} @input=${this.onAddressChange.bind(this,"Edit")}/>`}onAddressChange(e,t){const s=t.target;this.dispatchEvent(new x(s.value,e))}createButton(e,t,s){return f`
+      <button class="navigator-button"
+        data-button=${s.type} title=${t}
+        @click=${this.dispatchEvent.bind(this,s)}>
+        <devtools-icon .data=${{iconName:e,color:"var(--color-text-secondary)",width:"14px"}}>
+        </devtools-icon>
+      </button>`}}customElements.define("devtools-linear-memory-inspector-navigator",T);var M=Object.freeze({__proto__:null,AddressInputChangedEvent:x,PageNavigationEvent:E,HistoryNavigationEvent:_,RefreshRequestedEvent:I,LinearMemoryNavigator:T});const R=t;function $(e){switch(e){case"dec":return R`dec`;case"hex":return R`hex`;case"oct":return R`oct`;case"sci":return R`sci`;case"none":return R`none`;default:return o(e,"Unknown mode: "+e)}}function S(e){switch(e){case"Little Endian":return R`Little Endian`;case"Big Endian":return R`Big Endian`;default:return o(e,"Unknown endianness: "+e)}}function O(e){switch(e){case"Integer 8-bit":return R`Integer 8-bit`;case"Integer 16-bit":return R`Integer 16-bit`;case"Integer 32-bit":return R`Integer 32-bit`;case"Integer 64-bit":return R`Integer 64-bit`;case"Float 32-bit":return R`Float 32-bit`;case"Float 64-bit":return R`Float 64-bit`;case"String":return R`String`;default:return o(e,"Unknown value type: "+e)}}function B(e,t){switch(e){case"Integer 8-bit":case"Integer 16-bit":case"Integer 32-bit":case"Integer 64-bit":return"dec"===t||"hex"===t||"oct"===t;case"Float 32-bit":case"Float 64-bit":return"sci"===t||"dec"===t;case"String":return"none"===t;default:return o(e,"Unknown value type: "+e)}}function A(e){switch(e){case"Integer 8-bit":case"Integer 16-bit":case"Integer 32-bit":case"Integer 64-bit":case"Float 32-bit":case"Float 64-bit":return!0;default:return!1}}function C(e){const t=new DataView(e.buffer),s="Little Endian"===e.endianness;let r;try{switch(e.type){case"Integer 8-bit":return r=e.signed?t.getInt8(0):t.getUint8(0),L(r,e.mode);case"Integer 16-bit":return r=e.signed?t.getInt16(0,s):t.getUint16(0,s),L(r,e.mode);case"Integer 32-bit":return r=e.signed?t.getInt32(0,s):t.getUint32(0,s),L(r,e.mode);case"Integer 64-bit":return r=e.signed?t.getBigInt64(0,s):t.getBigUint64(0,s),L(r,e.mode);case"Float 32-bit":return r=t.getFloat32(0,s),P(r,e.mode);case"Float 64-bit":return r=t.getFloat64(0,s),P(r,e.mode);case"String":throw new Error(`Type ${e.type} is not yet implemented`);default:return o(e.type,"Unknown value type: "+e.type)}}catch(e){return"N/A"}}function P(e,t){switch(t){case"dec":return e.toFixed(2).toString();case"sci":return e.toExponential(2).toString();default:throw new Error(`Unknown mode for floats: ${t}.`)}}function L(e,t){switch(t){case"dec":return e.toString();case"hex":return e.toString(16);case"oct":return e.toString(8);default:throw new Error(`Unknown mode for integers: ${t}.`)}}var k=Object.freeze({__proto__:null,VALUE_INTEPRETER_MAX_NUM_BYTES:8,valueTypeModeToLocalizedString:$,endiannessToLocalizedString:S,valueTypeToLocalizedString:O,isValidMode:B,isNumber:A,format:C,formatFloat:P,formatInteger:L}),j=t;const{render:V,html:U}=r,z=new Map([["Integer 8-bit","dec"],["Integer 16-bit","dec"],["Integer 32-bit","dec"],["Integer 64-bit","dec"],["Float 32-bit","dec"],["Float 64-bit","dec"],["String","none"]]),F=Array.from(z.keys());class N extends HTMLElement{constructor(){super(...arguments),this.shadow=this.attachShadow({mode:"open"}),this.endianness="Little Endian",this.buffer=new ArrayBuffer(0),this.valueTypes=new Set,this.valueTypeModeConfig=z}set data(e){this.buffer=e.buffer,this.endianness=e.endianness,this.valueTypes=e.valueTypes,this.valueTypeModeConfig=z,e.valueTypeModes&&e.valueTypeModes.forEach(((e,t)=>{B(t,e)&&this.valueTypeModeConfig.set(t,e)})),this.render()}render(){V(U`
+      <style>
+        :host {
+          flex: auto;
+          display: flex;
+        }
+
+        .mode-type {
+          color: var(--text-highlight-color);
+        }
+
+        .value-types {
+          width: 100%;
+          display: grid;
+          grid-template-columns: auto auto 1fr;
+          grid-column-gap: 24px;
+          grid-row-gap: 4px;
+          overflow: hidden;
+          padding-left: 12px;
+          padding-right: 12px;
+        }
+
+        .value-type-cell-multiple-values {
+          gap: 5px;
+        }
+
+        .value-type-cell {
+          height: 21px;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          overflow: hidden;
+          display: flex;
+        }
+
+        .value-type-cell-no-mode {
+          grid-column: 1 / 3;
+        }
+
+      </style>
+      <div class="value-types">
+        ${F.map((e=>this.valueTypes.has(e)?this.showValue(e):""))}
+      </div>
+    `,this.shadow,{eventContext:this})}showValue(e){const t=this.valueTypeModeConfig.get(e);if(!t)throw new Error("No mode found for type "+e);const s=O(e),r=$(t),n=this.parse({type:e,signed:!1}),o=this.parse({type:e,signed:!0}),i=o!==n;return U`
+      ${A(e)?U`
+          <span class="value-type-cell">${s}</span>
+          <span class="mode-type value-type-cell">${r}</span>`:U`
+          <span class="value-type-cell-no-mode value-type-cell">${s}</span>`}
+
+        ${i?U`
+          <div class="value-type-cell-multiple-values value-type-cell">
+            <span data-value="true" title=${j`Unsigned value`}>${n}</span>
+            <span>/<span>
+            <span data-value="true" title=${j`Signed value`}>${o}</span>
+          </div>`:U`
+          <span class="value-type-cell" data-value="true">${n}</span>`}
+    `}parse(e){const t=this.valueTypeModeConfig.get(e.type);return t?C({buffer:this.buffer,type:e.type,endianness:this.endianness,signed:e.signed||!1,mode:t}):(console.error("No known way of showing value for "+e.type),"N/A")}}customElements.define("devtools-linear-memory-inspector-interpreter-display",N);var D=Object.freeze({__proto__:null,ValueInterpreterDisplay:N});const{render:q,html:G}=r,H=new Map([["Integer",["Integer 8-bit","Integer 16-bit","Integer 32-bit","Integer 64-bit"]],["Floating point",["Float 32-bit","Float 64-bit"]]]);class Y extends Event{constructor(e,t){super("type-toggle"),this.data={type:e,checked:t}}}class W extends HTMLElement{constructor(){super(...arguments),this.shadow=this.attachShadow({mode:"open"}),this.valueTypes=new Set}set data(e){this.valueTypes=e.valueTypes,this.render()}render(){q(G`
+      <style>
+        :host {
+          flex: auto;
+          display: flex;
+          min-height: 20px;
+        }
+
+        .settings {
+          display: flex;
+          flex-wrap: wrap;
+          margin: 0 12px 12px 12px;
+          column-gap: 45px;
+          row-gap: 15px;
+        }
+
+        .value-types-selection {
+          display: flex;
+          flex-direction: column;
+        }
+
+        .value-types-selection + .value-types-selection {
+          margin-left: 45px;
+        }
+
+        .group {
+          font-weight: bold;
+          margin-bottom: 11px;
+        }
+
+        .type-label {
+          white-space: nowrap;
+        }
+
+        .group + .type-label {
+          margin-top: 5px;
+        }
+
+        .type-label input {
+          margin: 0 6px 0 0;
+          padding: 0;
+        }
+
+        .type-label + .type-label {
+          margin-top: 6px;
+        }
+      </style>
+      <div class="settings">
+       ${[...H.keys()].map((e=>G`
+          <div class="value-types-selection">
+            <span class="group">${e}</span>
+            ${this.plotTypeSelections(e)}
+          </div>
+        `))}
+      </div>
+      `,this.shadow,{eventContext:this})}plotTypeSelections(e){const t=H.get(e);if(!t)throw new Error("Unknown group "+e);return G`
+      ${t.map((e=>G`
+          <label class="type-label" title=${O(e)}>
+            <input data-input="true" type="checkbox" .checked=${this.valueTypes.has(e)} @change=${t=>this.onTypeToggle(e,t)}>
+            <span data-title="true">${O(e)}</span>
+          </label>
+     `))}`}onTypeToggle(e,t){const s=t.target;this.dispatchEvent(new Y(e,s.checked))}}customElements.define("devtools-linear-memory-inspector-interpreter-settings",W);var Z=Object.freeze({__proto__:null,TypeToggleEvent:Y,ValueInterpreterSettings:W});const K=t,{render:X,html:J}=r,Q=i.getStyleSheets;class ee extends Event{constructor(e){super("endianness-changed"),this.data=e}}class te extends Event{constructor(e,t){super("value-type-toggled"),this.data={type:e,checked:t}}}class se extends HTMLElement{constructor(){super(),this.shadow=this.attachShadow({mode:"open"}),this.endianness="Little Endian",this.buffer=new ArrayBuffer(0),this.valueTypes=new Set,this.valueTypeModeConfig=new Map,this.showSettings=!1,this.shadow.adoptedStyleSheets=[...Q("ui/inspectorCommon.css",{enableLegacyPatching:!0})]}set data(e){this.endianness=e.endianness,this.buffer=e.value,this.valueTypes=e.valueTypes,this.valueTypeModeConfig=e.valueTypeModes||new Map,this.render()}render(){X(J`
+      <style>
+        :host {
+          flex: auto;
+          display: flex;
+        }
+
+        .value-interpreter {
+          --text-highlight-color: #80868b;
+
+          border: var(--divider-border, 1px solid #d0d0d0);
+          background-color: var(--toolbar-bg-color, #f3f3f3);
+          overflow: hidden;
+          width: 400px;
+        }
+
+        .settings-toolbar {
+          min-height: 26px;
+          display: flex;
+          flex-wrap: nowrap;
+          justify-content: space-between;
+          padding-left: 12px;
+          padding-right: 12px;
+          align-items: center;
+        }
+
+        .settings-toolbar-button {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          width: 20px;
+          height: 20px;
+          border: none;
+          background-color: transparent;
+          cursor: pointer;
+        }
+
+        .settings-toolbar-button devtools-icon {
+          height: 14px;
+          width: 14px;
+          min-height: 14px;
+          min-width: 14px;
+        }
+
+        .settings-toolbar-button.active devtools-icon {
+          --icon-color: var(--color-primary);
+        }
+
+        .divider {
+          display: block;
+          height: 1px;
+          margin-bottom: 12px;
+          background-color: var(--divider-color, #d0d0d0);
+        }
+      </style>
+      <div class="value-interpreter">
+        <div class="settings-toolbar">
+          ${this.renderSetting()}
+          <button data-settings="true" class="settings-toolbar-button ${this.showSettings?"active":""}" title=${K`Toggle value type settings`} @click=${this.onSettingsToggle}>
+            <devtools-icon
+              .data=${{iconName:"settings_14x14_icon",color:"var(--color-text-secondary)",width:"14px"}}>
+            </devtools-icon>
+          </button>
+        </div>
+        <span class="divider"></span>
+        <div>
+          ${this.showSettings?J`
+              <devtools-linear-memory-inspector-interpreter-settings
+                .data=${{valueTypes:this.valueTypes}}
+                @type-toggle=${this.onTypeToggle}>
+              </devtools-linear-memory-inspector-interpreter-settings>`:J`
+              <devtools-linear-memory-inspector-interpreter-display
+                .data=${{buffer:this.buffer,valueTypes:this.valueTypes,endianness:this.endianness,valueTypeModes:this.valueTypeModeConfig}}>
+              </devtools-linear-memory-inspector-interpreter-display>`}
+        </div>
+      </div>
+    `,this.shadow,{eventContext:this})}onEndiannessChange(e){e.preventDefault();const t=e.target.value;this.dispatchEvent(new ee(t))}renderSetting(){const e=this.onEndiannessChange.bind(this);return J`
+    <label data-endianness-setting="true" title=${K`Change Endianness`}>
+      <select class="chrome-select" data-endianness="true" @change=${e}>
+        ${["Little Endian","Big Endian"].map((e=>J`<option value=${e} .selected=${this.endianness===e}>${S(e)}</option>`))}
+      </select>
+    </label>
+    `}onSettingsToggle(){this.showSettings=!this.showSettings,this.render()}onTypeToggle(e){this.dispatchEvent(new te(e.data.type,e.data.checked))}}customElements.define("devtools-linear-memory-inspector-interpreter",se);var re=Object.freeze({__proto__:null,EndiannessChangedEvent:ee,ValueTypeToggledEvent:te,LinearMemoryValueInterpreter:se});const ne=/^0x[a-fA-F0-9]+$/,oe=/^0$|[1-9]\d*$/;function ie(e){const t=e.number.toString(16).padStart(e.pad,"0").toUpperCase();return e.prefix?"0x"+t:t}function ae(e){return ie({number:e,pad:8,prefix:!0})}function de(e){const t=e.match(ne),s=e.match(oe);let r=void 0;return t&&t[0].length===e.length?r=parseInt(e,16):s&&s[0].length===e.length&&(r=parseInt(e,10)),r}var le=Object.freeze({__proto__:null,HEXADECIMAL_REGEXP:ne,DECIMAL_REGEXP:oe,toHexString:ie,formatAddress:ae,parseAddress:de});const{render:ce,html:he}=r;class ue extends Event{constructor(e){super("byte-selected"),this.data=e}}class pe extends Event{constructor(e){super("resize"),this.data=e}}class me extends HTMLElement{constructor(){super(...arguments),this.shadow=this.attachShadow({mode:"open"}),this.resizeObserver=new ResizeObserver((()=>this.resize())),this.isObservingResize=!1,this.memory=new Uint8Array,this.address=0,this.memoryOffset=0,this.numRows=1,this.numBytesInRow=me.BYTE_GROUP_SIZE,this.focusOnByte=!0,this.lastKeyUpdateSent=void 0}set data(e){if(e.address<e.memoryOffset||e.address>e.memoryOffset+e.memory.length||e.address<0)throw new Error("Address is out of bounds.");if(e.memoryOffset<0)throw new Error("Memory offset has to be greater or equal to zero.");this.memory=e.memory,this.address=e.address,this.memoryOffset=e.memoryOffset,this.focusOnByte=e.focus,this.update()}connectedCallback(){a.set(this,"--byte-group-margin",me.BYTE_GROUP_MARGIN+"px")}disconnectedCallback(){this.isObservingResize=!1,this.resizeObserver.disconnect()}update(){this.updateDimensions(),this.render(),this.focusOnView(),this.engageResizeObserver()}focusOnView(){if(this.focusOnByte){const e=this.shadow.querySelector(".view");e&&e.focus()}}resize(){this.update(),this.dispatchEvent(new pe(this.numBytesInRow*this.numRows))}updateDimensions(){if(0===this.clientWidth||0===this.clientHeight||!this.shadowRoot)return this.numBytesInRow=me.BYTE_GROUP_SIZE,void(this.numRows=1);const e=this.shadowRoot.querySelector(".byte-cell"),t=this.shadowRoot.querySelector(".text-cell"),s=this.shadowRoot.querySelector(".divider"),r=this.shadowRoot.querySelector(".row");if(!(e&&t&&s&&r))return this.numBytesInRow=me.BYTE_GROUP_SIZE,void(this.numRows=1);const n=e.getBoundingClientRect().width,o=t.getBoundingClientRect().width,i=me.BYTE_GROUP_SIZE*(n+o)+me.BYTE_GROUP_MARGIN,a=s.getBoundingClientRect().width,d=this.clientWidth-(e.getBoundingClientRect().left-this.getBoundingClientRect().left)-a;if(d<i)return this.numBytesInRow=me.BYTE_GROUP_SIZE,void(this.numRows=1);this.numBytesInRow=Math.floor(d/i)*me.BYTE_GROUP_SIZE,this.numRows=Math.floor(this.clientHeight/r.clientHeight)}engageResizeObserver(){this.resizeObserver&&!this.isObservingResize&&(this.resizeObserver.observe(this),this.isObservingResize=!0)}render(){ce(he`
+      <style>
+        :host {
+          flex: auto;
+          display: flex;
+          min-height: 20px;
+        }
+
+        .view {
+          overflow: hidden;
+          text-overflow: ellipsis;
+          box-sizing: border-box;
+          background: var(--color-background);
+          outline: none;
+        }
+
+        .row {
+          display: flex;
+          height: 20px;
+          align-items: center;
+        }
+
+        .cell {
+          text-align: center;
+          border: 1px solid transparent;
+          border-radius: 2px;
+        }
+
+        .cell.selected {
+          border-color: var(--color-syntax-3);
+          color: var(--color-syntax-3);
+          background-color: var(--item-selection-bg-color);
+        }
+
+        .byte-cell {
+          min-width: 21px;
+          color: var(--color-text-primary);
+        }
+
+        .byte-group-margin {
+          margin-left: var(--byte-group-margin);
+        }
+
+        .text-cell {
+          min-width: 14px;
+          color: var(--color-syntax-3);
+        }
+
+        .address {
+          color: var(--color-text-disabled);
+        }
+
+        .address.selected {
+          font-weight: bold;
+          color: var(--color-text-primary);
+        }
+
+        .divider {
+          width: 1px;
+          height: inherit;
+          background-color: var(--divider-color);
+          margin: 0 4px 0 4px;
+        }
+      </style>
+      <div class="view" tabindex="0" @keydown=${this.onKeyDown}>
+          ${this.renderView()}
+      </div>
+      `,this.shadow,{eventContext:this})}onKeyDown(e){const t=e;let s=void 0;"ArrowUp"===t.code?s=this.address-this.numBytesInRow:"ArrowDown"===t.code?s=this.address+this.numBytesInRow:"ArrowLeft"===t.code?s=this.address-1:"ArrowRight"===t.code?s=this.address+1:"PageUp"===t.code?s=this.address-this.numBytesInRow*this.numRows:"PageDown"===t.code&&(s=this.address+this.numBytesInRow*this.numRows),void 0!==s&&s!==this.lastKeyUpdateSent&&(this.lastKeyUpdateSent=s,this.dispatchEvent(new ue(s)))}renderView(){const e=[];for(let t=0;t<this.numRows;++t)e.push(this.renderRow(t));return he`${e}`}renderRow(e){const{startIndex:t,endIndex:s}={startIndex:e*this.numBytesInRow,endIndex:(e+1)*this.numBytesInRow},r={address:!0,selected:Math.floor((this.address-this.memoryOffset)/this.numBytesInRow)===e};return he`
+    <div class="row">
+      <span class="${n.classMap(r)}">${ie({number:t+this.memoryOffset,pad:8,prefix:!1})}</span>
+      <span class="divider"></span>
+      ${this.renderByteValues(t,s)}
+      <span class="divider"></span>
+      ${this.renderCharacterValues(t,s)}
+    </div>
+    `}renderByteValues(e,t){const s=[];for(let r=e;r<t;++r){const t={cell:!0,"byte-cell":!0,"byte-group-margin":r!==e&&(r-e)%me.BYTE_GROUP_SIZE==0,selected:r===this.address-this.memoryOffset},o=r<this.memory.length,i=o?he`${ie({number:this.memory[r],pad:2,prefix:!1})}`:"",a=r+this.memoryOffset,d=o?this.onSelectedByte.bind(this,a):"";s.push(he`<span class="${n.classMap(t)}" @click=${d}>${i}</span>`)}return he`${s}`}renderCharacterValues(e,t){const s=[];for(let r=e;r<t;++r){const e={cell:!0,"text-cell":!0,selected:this.address-this.memoryOffset===r},t=r<this.memory.length,o=t?he`${this.toAscii(this.memory[r])}`:"",i=t?this.onSelectedByte.bind(this,r+this.memoryOffset):"";s.push(he`<span class="${n.classMap(e)}" @click=${i}>${o}</span>`)}return he`${s}`}toAscii(e){return e>=20&&e<=127?String.fromCharCode(e):"."}onSelectedByte(e){this.dispatchEvent(new ue(e))}}me.BYTE_GROUP_MARGIN=8,me.BYTE_GROUP_SIZE=4,customElements.define("devtools-linear-memory-inspector-viewer",me);var ge=Object.freeze({__proto__:null,ByteSelectedEvent:ue,ResizeEvent:pe,LinearMemoryViewer:me});const ye=t,{render:ve,html:fe}=r;class be{constructor(e,t){if(this.address=0,e<0)throw new Error("Address should be a greater or equal to zero");this.address=e,this.callback=t}valid(){return!0}reveal(){this.callback(this.address)}}class we extends Event{constructor(e,t,s){super("memory-request"),this.data={start:e,end:t,address:s}}}class xe extends Event{constructor(e){super("address-changed"),this.data=e}}class Ee extends HTMLElement{constructor(){super(...arguments),this.shadow=this.attachShadow({mode:"open"}),this.history=new s.SimpleHistoryManager(10),this.memory=new Uint8Array,this.memoryOffset=0,this.outerMemoryLength=0,this.address=0,this.currentNavigatorMode="Submitted",this.currentNavigatorAddressLine=""+this.address,this.numBytesPerPage=4,this.valueTypes=new Set(["Integer 8-bit","Float 32-bit"]),this.endianness="Little Endian"}set data(e){if(e.address<e.memoryOffset||e.address>e.memoryOffset+e.memory.length||e.address<0)throw new Error("Address is out of bounds.");if(e.memoryOffset<0)throw new Error("Memory offset has to be greater or equal to zero.");this.memory=e.memory,this.memoryOffset=e.memoryOffset,this.outerMemoryLength=e.outerMemoryLength,this.setAddress(e.address),this.render()}render(){const{start:e,end:t}=this.getPageRangeForAddress(this.address,this.numBytesPerPage),s="Submitted"===this.currentNavigatorMode?ae(this.address):this.currentNavigatorAddressLine,r=this.isValidAddress(s),n=ye`Address has to be a number between ${ae(0)} and ${ae(this.outerMemoryLength)}`,o=r?void 0:n;ve(fe`
+      <style>
+        :host {
+          flex: auto;
+          display: flex;
+        }
+
+        .view {
+          width: 100%;
+          display: flex;
+          flex: 1;
+          flex-direction: column;
+          font-family: var(--monospace-font-family);
+          font-size: var(--monospace-font-size);
+          padding: 9px 12px 9px 7px;
+        }
+
+        devtools-linear-memory-inspector-navigator + devtools-linear-memory-inspector-viewer {
+          margin-top: 12px;
+        }
+
+        .value-interpreter {
+          display: flex;
+        }
+      </style>
+      <div class="view">
+        <devtools-linear-memory-inspector-navigator
+          .data=${{address:s,valid:r,mode:this.currentNavigatorMode,error:o}}
+          @refresh-requested=${this.onRefreshRequest}
+          @address-input-changed=${this.onAddressChange}
+          @page-navigation=${this.navigatePage}
+          @history-navigation=${this.navigateHistory}></devtools-linear-memory-inspector-navigator>
+        <devtools-linear-memory-inspector-viewer
+          .data=${{memory:this.memory.slice(e-this.memoryOffset,t-this.memoryOffset),address:this.address,memoryOffset:e,focus:"Submitted"===this.currentNavigatorMode}}
+          @byte-selected=${this.onByteSelected}
+          @resize=${this.resize}>
+        </devtools-linear-memory-inspector-viewer>
+      </div>
+      <div class="value-interpreter">
+        <devtools-linear-memory-inspector-interpreter
+          .data=${{value:this.memory.slice(this.address-this.memoryOffset,this.address+8).buffer,valueTypes:this.valueTypes,endianness:this.endianness}}
+          @value-type-toggled=${this.onValueTypeToggled}
+          @endianness-changed=${this.onEndiannessChanged}>
+        </devtools-linear-memory-inspector-interpreter/>
+      </div>
+      `,this.shadow,{eventContext:this})}onRefreshRequest(){const{start:e,end:t}=this.getPageRangeForAddress(this.address,this.numBytesPerPage);this.dispatchEvent(new we(e,t,this.address))}onByteSelected(e){this.currentNavigatorMode="Submitted";const t=Math.max(0,Math.min(e.data,this.outerMemoryLength-1));this.jumpToAddress(t)}onEndiannessChanged(e){this.endianness=e.data,this.render()}isValidAddress(e){const t=de(e);return void 0!==t&&t>=0&&t<this.outerMemoryLength}onAddressChange(e){const{address:t,mode:s}=e.data,r=this.isValidAddress(t),n=de(t);if(this.currentNavigatorAddressLine=t,void 0!==n&&r)return this.currentNavigatorMode=s,void this.jumpToAddress(n);this.currentNavigatorMode="Submitted"!==s||r?"Edit":"InvalidSubmit",this.render()}onValueTypeToggled(e){const{type:t,checked:s}=e.data;s?this.valueTypes.add(t):this.valueTypes.delete(t),this.render()}navigateHistory(e){return"Forward"===e.data?this.history.rollover():this.history.rollback()}navigatePage(e){const t="Forward"===e.data?this.address+this.numBytesPerPage:this.address-this.numBytesPerPage,s=Math.max(0,Math.min(t,this.outerMemoryLength-1));this.jumpToAddress(s)}jumpToAddress(e){e<0||e>=this.outerMemoryLength?console.warn("Specified address is out of bounds: "+e):(this.setAddress(e),this.update())}getPageRangeForAddress(e,t){const s=Math.floor(e/t)*t;return{start:s,end:Math.min(s+t,this.outerMemoryLength)}}resize(e){this.numBytesPerPage=e.data,this.update()}update(){const{start:e,end:t}=this.getPageRangeForAddress(this.address,this.numBytesPerPage);e<this.memoryOffset||t>this.memoryOffset+this.memory.length?this.dispatchEvent(new we(e,t,this.address)):this.render()}setAddress(e){const t=new be(e,(()=>this.jumpToAddress(e)));this.history.push(t),this.address=e,this.dispatchEvent(new xe(this.address))}}customElements.define("devtools-linear-memory-inspector-inspector",Ee);var _e=Object.freeze({__proto__:null,MemoryRequestEvent:we,AddressChangedEvent:xe,LinearMemoryInspector:Ee});const{ls:Ie}=e;let Te,Me;class Re extends u.VBox{constructor(){super(),this.view=$e.instance()}static instance(e={forceNew:null}){const{forceNew:t}=e;return Me&&!t||(Me=new Re),Me}wasShown(){this.view.show(this.contentElement)}}class $e extends u.VBox{constructor(){super(!1);const e=document.createElement("div");e.textContent=Ie`No open inspections`,e.style.display="flex",this._tabbedPane=new p.TabbedPane,this._tabbedPane.setPlaceholderElement(e),this._tabbedPane.setCloseableTabs(!0),this._tabbedPane.setAllowTabReorder(!0,!0),this._tabbedPane.addEventListener(p.Events.TabClosed,this._tabClosed,this),this._tabbedPane.show(this.contentElement),this._tabIdToInspectorView=new Map}static instance(){return Te||(Te=new $e),Te}create(e,t,s,r){const n=new Se(s,r);this._tabIdToInspectorView.set(e,n),this._tabbedPane.appendTab(e,t,n,void 0,!1,!0),this._tabbedPane.selectTab(e)}close(e){this._tabbedPane.closeTab(e,!1)}reveal(e){this.refreshView(e),this._tabbedPane.selectTab(e)}refreshView(e){const t=this._tabIdToInspectorView.get(e);if(!t)throw new Error("View for specified tab id does not exist: "+e);t.refreshData()}_tabClosed(e){const t=e.data.tabId;this._tabIdToInspectorView.delete(t),this.dispatchEventToListeners("view-closed",t)}}class Se extends u.VBox{constructor(e,t){if(super(!1),t<0||t>e.length())throw new Error("Invalid address to show");this._memoryWrapper=e,this._address=t,this._inspector=new Ee,this._inspector.addEventListener("memory-request",(e=>{this._memoryRequested(e)})),this._inspector.addEventListener("address-changed",(e=>{this._address=e.data})),this.contentElement.appendChild(this._inspector)}wasShown(){this.refreshData()}refreshData(){Pe.getMemoryForAddress(this._memoryWrapper,this._address).then((({memory:e,offset:t})=>{this._inspector.data={memory:e,address:this._address,memoryOffset:t,outerMemoryLength:this._memoryWrapper.length()}}))}_memoryRequested(e){const{start:t,end:s,address:r}=e.data;if(r<t||r>=s)throw new Error("Requested address is out of bounds.");Pe.getMemoryRange(this._memoryWrapper,t,s).then((e=>{this._inspector.data={memory:e,address:r,memoryOffset:t,outerMemoryLength:this._memoryWrapper.length()}}))}}var Oe=Object.freeze({__proto__:null,Wrapper:Re,LinearMemoryInspectorPaneImpl:$e});const Be=["webassemblymemory","typedarray","dataview","arraybuffer"];let Ae;class Ce{constructor(e){this.remoteArrayBuffer=e}length(){return this.remoteArrayBuffer.byteLength()}async getRange(e,t){const s=Math.min(t,this.length());if(e<0||e>s)return console.error(`Requesting invalid range of memory: (${e}, ${t})`),new Uint8Array(0);const r=await this.remoteArrayBuffer.bytes(e,s);return new Uint8Array(r)}}class Pe extends l.SDKModelObserver{constructor(){super(),this.paneInstance=$e.instance(),this.bufferIdToRemoteObject=new Map,l.TargetManager.instance().observeModels(c.RuntimeModel,this),l.TargetManager.instance().addModelListener(h.DebuggerModel,h.Events.GlobalObjectCleared,this.onGlobalObjectClear,this),this.paneInstance.addEventListener("view-closed",this.viewClosed.bind(this)),l.TargetManager.instance().addModelListener(h.DebuggerModel,h.Events.DebuggerPaused,this.onDebuggerPause,this)}static instance(){return Ae||(Ae=new Pe,Ae)}static async getMemoryForAddress(e,t){const s=Math.max(0,t-500),r=s+1e3;return{memory:await e.getRange(s,r),offset:s}}static async getMemoryRange(e,t,s){if(t<0||t>s||t>=e.length())throw new Error("Requested range is out of bounds.");const r=Math.max(s,t+1e3);return await e.getRange(t,r)}async openInspectorView(e,t){const s=await async function(e){console.assert("object"===e.type),console.assert(void 0!==e.subtype&&Be.includes(e.subtype));const t=await e.runtimeModel()._agent.invoke_callFunctionOn({objectId:e.objectId,functionDeclaration:"function() { return this instanceof ArrayBuffer || this instanceof SharedArrayBuffer ? this : this.buffer; }",silent:!0,objectGroup:"linear-memory-inspector"}),s=t.getError();if(s)throw new Error("Remote object representing ArrayBuffer could not be retrieved: "+s);return e=e.runtimeModel().createRemoteObject(t.result),new d.RemoteArrayBuffer(e)}(e),r=await async function(e){const t=(await e.object().getOwnProperties(!1)).internalProperties?.find((e=>"[[ArrayBufferData]]"===e.name))?.value?.value;if(!t)throw new Error("Unable to find backing store id for array buffer");return t}(s);if(this.bufferIdToRemoteObject.has(r))return this.paneInstance.reveal(r),void m.ViewManager.instance().showView("linear-memory-inspector");const n=g.Context.instance().flavor(h.CallFrame);if(!n)throw new Error(`Cannot find call frame for ${e.description}.`);const o=y.WorkspaceImpl.instance().uiSourceCodeForURL(n.script.sourceURL);if(!o)throw new Error("Cannot find source code object for source url: "+n.script.sourceURL);const i=o.displayName();this.bufferIdToRemoteObject.set(r,s.object());const a=new Ce(s);this.paneInstance.create(r,i,a,t),m.ViewManager.instance().showView("linear-memory-inspector")}modelRemoved(e){for(const[t,s]of this.bufferIdToRemoteObject)e===s.runtimeModel()&&(this.bufferIdToRemoteObject.delete(t),this.paneInstance.close(t))}onDebuggerPause(e){const t=e.data;for(const[e,s]of this.bufferIdToRemoteObject)t.runtimeModel()===s.runtimeModel()&&this.paneInstance.refreshView(e)}onGlobalObjectClear(e){const t=e.data;this.modelRemoved(t.runtimeModel())}viewClosed(e){const t=e.data,s=this.bufferIdToRemoteObject.get(t);s&&s.release(),this.bufferIdToRemoteObject.delete(e.data)}}var Le=Object.freeze({__proto__:null,ACCEPTED_MEMORY_TYPES:Be,RemoteArrayBufferWrapper:Ce,LinearMemoryInspectorController:Pe});export{_e as LinearMemoryInspector,Le as LinearMemoryInspectorController,Oe as LinearMemoryInspectorPane,le as LinearMemoryInspectorUtils,M as LinearMemoryNavigator,re as LinearMemoryValueInterpreter,ge as LinearMemoryViewer,D as ValueInterpreterDisplay,k as ValueInterpreterDisplayUtils,Z as ValueInterpreterSettings};

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

@@ -0,0 +1 @@
+import{ExecutionContextSelector as e,MainImpl as i,SimpleApp as n}from"./main.js";self.Main=self.Main||{},Main=Main||{},Main.ExecutionContextSelector=e.ExecutionContextSelector,Main.Main=i.MainImpl,Main.Main.ZoomActionDelegate=i.ZoomActionDelegate,Main.Main.SearchActionDelegate=i.SearchActionDelegate,Main.Main.MainMenuItem=i.MainMenuItem,Main.Main.SettingsButtonProvider=i.SettingsButtonProvider,Main.ReloadActionDelegate=i.ReloadActionDelegate,Main.SimpleApp=n.SimpleApp,Main.SimpleAppProvider=n.SimpleAppProvider;

package/static/devtools/main/main.js

@@ -0,0 +1 @@
+import{RuntimeModel as e,SDKModel as t,ResourceTreeModel as n,FrameManager as o,NetworkLog as i,ConsoleModel as s,NetworkManager as r,DOMDebuggerModel as a,DebuggerModel as c}from"../sdk/sdk.js";import{NetworkProject as l,ResourceMapping as d,PresentationConsoleMessageHelper as g,CSSWorkspaceBinding as p,DebuggerWorkspaceBinding as m,BreakpointManager as u,IgnoreListManager as h}from"../bindings/bindings.js";import{Settings as f,AppProvider as x,QueryParamHandler as S,Console as v,Revealer as w,UIString as b}from"../common/common.js";import{Reload as _}from"../components/components.js";import{ExtensionServer as C}from"../extensions/extensions.js";import{InspectorFrontendHost as I,Platform as E,userMetrics as k,InspectorFrontendHostAPI as M,UserMetrics as T}from"../host/host.js";import{i18n as D}from"../i18n/i18n.js";import{IsolatedFileSystemManager as y,FileSystemWorkspaceBinding as P,Persistence as L,NetworkPersistenceManager as F}from"../persistence/persistence.js";import{runOnWindowLoad as A,ls as R,NumberUtilities as U}from"../platform/platform.js";import{InspectorBackend as B}from"../protocol_client/protocol_client.js";import{RecordingFileSystem as N}from"../recorder/recorder.js";import{Runtime as W}from"../root/root.js";import{ScriptSnippetFileSystem as H}from"../snippets/snippets.js";import{ThemeSupport as V}from"../theme_support/theme_support.js";import{ViewManager as z,UIUtils as j,InspectorView as O,ZoomManager as q,ContextMenu as J,Tooltip as G,DockController as K,Context as Z,ActionRegistry as Q,ShortcutRegistry as $,SearchableView as X,Toolbar as Y,RootView as ee}from"../ui/ui.js";import{FileManager as te,Workspace as ne}from"../workspace/workspace.js";class oe{constructor(n,o){o.addFlavorChangeListener(e.ExecutionContext,this._executionContextChanged,this),o.addFlavorChangeListener(t.Target,this._targetChanged,this),n.addModelListener(e.RuntimeModel,e.Events.ExecutionContextCreated,this._onExecutionContextCreated,this),n.addModelListener(e.RuntimeModel,e.Events.ExecutionContextDestroyed,this._onExecutionContextDestroyed,this),n.addModelListener(e.RuntimeModel,e.Events.ExecutionContextOrderChanged,this._onExecutionContextOrderChanged,this),this._targetManager=n,this._context=o,n.observeModels(e.RuntimeModel,this)}modelAdded(e){queueMicrotask(function(){this._context.flavor(t.Target)||this._context.setFlavor(t.Target,e.target())}.bind(this))}modelRemoved(n){const o=this._context.flavor(e.ExecutionContext);o&&o.runtimeModel===n&&this._currentExecutionContextGone();const i=this._targetManager.models(e.RuntimeModel);this._context.flavor(t.Target)===n.target()&&i.length&&this._context.setFlavor(t.Target,i[0].target())}_executionContextChanged(e){const n=e.data;n&&(this._context.setFlavor(t.Target,n.target()),this._ignoreContextChanged||(this._lastSelectedContextId=this._contextPersistentId(n)))}_contextPersistentId(e){return e.isDefault?e.target().name()+":"+e.frameId:""}_targetChanged(t){const n=t.data,o=this._context.flavor(e.ExecutionContext);if(!n||o&&o.target()===n)return;const i=n.model(e.RuntimeModel),s=i?i.executionContexts():[];if(!s.length)return;let r=null;for(let e=0;e<s.length&&!r;++e)this._shouldSwitchToContext(s[e])&&(r=s[e]);for(let e=0;e<s.length&&!r;++e)this._isDefaultContext(s[e])&&(r=s[e]);this._ignoreContextChanged=!0,this._context.setFlavor(e.ExecutionContext,r||s[0]),this._ignoreContextChanged=!1}_shouldSwitchToContext(e){return!(!this._lastSelectedContextId||this._lastSelectedContextId!==this._contextPersistentId(e))||!(this._lastSelectedContextId||!this._isDefaultContext(e))}_isDefaultContext(e){if(!e.isDefault||!e.frameId)return!1;if(e.target().parentTarget())return!1;const t=e.target().model(n.ResourceTreeModel),o=t&&t.frameForId(e.frameId);return!(!o||!o.isTopFrame())}_onExecutionContextCreated(e){this._switchContextIfNecessary(e.data)}_onExecutionContextDestroyed(t){const n=t.data;this._context.flavor(e.ExecutionContext)===n&&this._currentExecutionContextGone()}_onExecutionContextOrderChanged(e){const t=e.data.executionContexts();for(let e=0;e<t.length&&!this._switchContextIfNecessary(t[e]);e++);}_switchContextIfNecessary(t){return!(this._context.flavor(e.ExecutionContext)&&!this._shouldSwitchToContext(t))&&(this._ignoreContextChanged=!0,this._context.setFlavor(e.ExecutionContext,t),this._ignoreContextChanged=!1,!0)}_currentExecutionContextGone(){const t=this._targetManager.models(e.RuntimeModel);let n=null;for(let e=0;e<t.length&&!n;++e){const o=t[e].executionContexts();for(const e of o)if(this._isDefaultContext(e)){n=e;break}}if(!n)for(let e=0;e<t.length&&!n;++e){const o=t[e].executionContexts();if(o.length){n=o[0];break}}this._ignoreContextChanged=!0,this._context.setFlavor(e.ExecutionContext,n),this._ignoreContextChanged=!1}}var ie=Object.freeze({__proto__:null,ExecutionContextSelector:oe});class se{constructor(){se._instanceForTest=this,A((()=>{this._loaded()})),this._lateInitDonePromise}static time(e){I.isUnderTest()||console.time(e)}static timeEnd(e){I.isUnderTest()||console.timeEnd(e)}async _loaded(){console.timeStamp("Main._loaded"),await W.appStarted,W.Runtime.setPlatform(E.platform()),W.Runtime.setL10nCallback(R);const e=await new Promise((e=>{I.InspectorFrontendHostInstance.getPreferences(e)}));console.timeStamp("Main._gotPreferences"),this._createSettings(e),await this.requestAndRegisterLocaleData(),this._createAppUI()}async requestAndRegisterLocaleData(){const e=navigator.language||"en-US";D.registerLocale(e);const t=D.registeredLocale;if(t){const e=await W.loadResourcePromise(`i18n/locales/${t}.json`);if(e){const n=JSON.parse(e);D.registerLocaleData(t,n)}}}_createSettings(e){this._initializeExperiments();let t,n="";E.isCustomDevtoolsFrontend()?n="__custom__":W.Runtime.queryParam("can_dock")||!Boolean(W.Runtime.queryParam("debugFrontend"))||I.isUnderTest()||(n="__bundled__"),t=!I.isUnderTest()&&window.localStorage?new f.SettingsStorage(window.localStorage,void 0,void 0,(()=>window.localStorage.clear()),n):new f.SettingsStorage({},void 0,void 0,void 0,n);const o=new f.SettingsStorage(e,I.InspectorFrontendHostInstance.setPreference,I.InspectorFrontendHostInstance.removePreference,I.InspectorFrontendHostInstance.clearPreferences,n);f.Settings.instance({forceNew:!0,globalStorage:o,localStorage:t}),self.Common.settings=f.Settings.instance(),I.isUnderTest()||(new f.VersionController).updateVersion()}_initializeExperiments(){W.experiments.register("applyCustomStylesheet","Allow custom UI themes"),W.experiments.register("captureNodeCreationStacks","Capture node creation stacks"),W.experiments.register("sourcesPrettyPrint","Automatically pretty print in the Sources Panel"),W.experiments.register("backgroundServices","Background web platform feature events",!0),W.experiments.register("backgroundServicesNotifications","Background services section for Notifications"),W.experiments.register("backgroundServicesPaymentHandler","Background services section for Payment Handler"),W.experiments.register("backgroundServicesPushMessaging","Background services section for Push Messaging"),W.experiments.register("blackboxJSFramesOnTimeline","Ignore List for JavaScript frames on Timeline",!0),W.experiments.register("ignoreListJSFramesOnTimeline","Ignore List for JavaScript frames on Timeline",!0),W.experiments.register("cssOverview","CSS Overview"),W.experiments.register("emptySourceMapAutoStepping","Empty sourcemap auto-stepping"),W.experiments.register("inputEventsOnTimelineOverview","Input events on Timeline overview",!0),W.experiments.register("liveHeapProfile","Live heap profile",!0),W.experiments.register("protocolMonitor","Protocol Monitor"),W.experiments.register("developerResourcesView","Show developer resources view"),W.experiments.register("cspViolationsView","Show CSP Violations view"),W.experiments.register("recordCoverageWithPerformanceTracing","Record coverage while performance tracing"),W.experiments.register("samplingHeapProfilerTimeline","Sampling heap profiler timeline",!0),W.experiments.register("showOptionToNotTreatGlobalObjectsAsRoots","Show option to take heap snapshot where globals are not treated as root"),W.experiments.register("sourceDiff","Source diff"),W.experiments.register("sourceOrderViewer","Source order viewer"),W.experiments.register("spotlight","Spotlight",!0),W.experiments.register("webauthnPane","WebAuthn Pane"),W.experiments.register("keyboardShortcutEditor","Enable keyboard shortcut editor",!0),W.experiments.register("recorder","Recorder"),W.experiments.register("timelineEventInitiators","Timeline: event initiators"),W.experiments.register("timelineInvalidationTracking","Timeline: invalidation tracking",!0),W.experiments.register("timelineShowAllEvents","Timeline: show all events",!0),W.experiments.register("timelineV8RuntimeCallStats","Timeline: V8 Runtime Call Stats on Timeline",!0),W.experiments.register("timelineWebGL","Timeline: WebGL-based flamechart"),W.experiments.register("timelineReplayEvent","Timeline: Replay input events",!0),W.experiments.register("wasmDWARFDebugging","WebAssembly Debugging: Enable DWARF support"),W.experiments.register("dualScreenSupport","Emulation: Support dual screen mode"),W.experiments.setEnabled("dualScreenSupport",!0),W.experiments.register("cssFlexboxFeatures","Enable new CSS Flexbox debugging features"),W.experiments.register("APCA","Enable new Advanced Perceptual Contrast Algorithm (APCA) replacing previous contrast ratio and AA/AAA guidelines"),W.experiments.register("fullAccessibilityTree","Enable full accessibility tree view in Elements pane"),W.experiments.register("fontEditor","Enable new Font Editor tool within the Styles Pane."),W.experiments.enableExperimentsByDefault(["cssFlexboxFeatures"]),W.experiments.cleanUpStaleExperiments();const e=W.Runtime.queryParam("enabledExperiments");if(e&&W.experiments.setServerEnabledExperiments(e.split(";")),W.experiments.enableExperimentsTransiently(["backgroundServices","backgroundServicesNotifications","backgroundServicesPushMessaging","backgroundServicesPaymentHandler","webauthnPane","developerResourcesView"]),I.isUnderTest()){const e=W.Runtime.queryParam("test");e&&e.includes("live-line-level-heap-profile.js")&&W.experiments.enableForTest("liveHeapProfile")}const t=W.experiments.isEnabled("blackboxJSFramesOnTimeline");W.experiments.setEnabled("ignoreListJSFramesOnTimeline",t);for(const e of W.experiments.enabledExperiments())k.experimentEnabledAtLaunch(e.name)}async _createAppUI(){se.time("Main._createAppUI"),self.UI.viewManager=z.ViewManager.instance(),self.Persistence.isolatedFileSystemManager=y.IsolatedFileSystemManager.instance();const e="systemPreferred",n=f.Settings.instance().createSetting("uiTheme",e);if(j.initializeUIUtils(document,n),n.get()===e){window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{O.InspectorView.instance().displayReloadRequiredWarning(R`The system-preferred color scheme has changed. To apply this change to DevTools, reload.`)}))}j.installComponentRootStyles(document.body),this._addMainEventListeners(document);const c=Boolean(W.Runtime.queryParam("can_dock"));self.UI.zoomManager=q.ZoomManager.instance({forceNew:!0,win:window,frontendHost:I.InspectorFrontendHostInstance}),self.UI.inspectorView=O.InspectorView.instance(),J.ContextMenu.initialize(),J.ContextMenu.installHandler(document),G.Tooltip.installHandler(document),o.FrameManager.instance(),i.NetworkLog.instance(),self.SDK.consoleModel=s.ConsoleModel.instance(),self.UI.dockController=K.DockController.instance({forceNew:!0,canDock:c}),self.SDK.multitargetNetworkManager=r.MultitargetNetworkManager.instance({forceNew:!0}),self.SDK.domDebuggerManager=a.DOMDebuggerManager.instance({forceNew:!0}),t.TargetManager.instance().addEventListener(t.Events.SuspendStateChanged,this._onSuspendStateChanged.bind(this)),self.Workspace.fileManager=te.FileManager.instance({forceNew:!0}),self.Workspace.workspace=ne.WorkspaceImpl.instance(),self.Bindings.networkProjectManager=l.NetworkProjectManager.instance(),self.Bindings.resourceMapping=d.ResourceMapping.instance({forceNew:!0,targetManager:t.TargetManager.instance(),workspace:ne.WorkspaceImpl.instance()}),new g.PresentationConsoleMessageManager,self.Bindings.cssWorkspaceBinding=p.CSSWorkspaceBinding.instance({forceNew:!0,targetManager:t.TargetManager.instance(),workspace:ne.WorkspaceImpl.instance()}),self.Bindings.debuggerWorkspaceBinding=m.DebuggerWorkspaceBinding.instance({forceNew:!0,targetManager:t.TargetManager.instance(),workspace:ne.WorkspaceImpl.instance()}),self.Bindings.breakpointManager=u.BreakpointManager.instance({forceNew:!0,workspace:ne.WorkspaceImpl.instance(),targetManager:t.TargetManager.instance(),debuggerWorkspaceBinding:m.DebuggerWorkspaceBinding.instance()}),self.Extensions.extensionServer=C.ExtensionServer.instance({forceNew:!0}),new P.FileSystemWorkspaceBinding(y.IsolatedFileSystemManager.instance(),ne.WorkspaceImpl.instance()),y.IsolatedFileSystemManager.instance().addPlatformFileSystem("snippet://",new H.SnippetFileSystem),W.experiments.isEnabled("recorder")&&y.IsolatedFileSystemManager.instance().addPlatformFileSystem("recording://",new N.RecordingFileSystem),self.Persistence.persistence=L.PersistenceImpl.instance({forceNew:!0,workspace:ne.WorkspaceImpl.instance(),breakpointManager:u.BreakpointManager.instance()}),self.Persistence.networkPersistenceManager=F.NetworkPersistenceManager.instance({forceNew:!0,workspace:ne.WorkspaceImpl.instance()}),new oe(t.TargetManager.instance(),Z.Context.instance()),self.Bindings.ignoreListManager=h.IgnoreListManager.instance({forceNew:!0,debuggerWorkspaceBinding:m.DebuggerWorkspaceBinding.instance()}),new re;const S=Q.ActionRegistry.instance({forceNew:!0});self.UI.actionRegistry=S,self.UI.shortcutRegistry=$.ShortcutRegistry.instance({forceNew:!0,actionRegistry:S}),this._registerMessageSinkListener(),se.timeEnd("Main._createAppUI");const v=W.Runtime.instance().extension(x.AppProvider);if(!v)throw new Error("Unable to boot DevTools, as the appprovider is missing");this._showAppUI(await v.instance())}_showAppUI(e){se.time("Main._showAppUI");const t=e.createApp();K.DockController.instance().initialize(),t.presentUI(document);const n=Q.ActionRegistry.instance().action("elements.toggle-element-search");n&&I.InspectorFrontendHostInstance.events.addEventListener(M.Events.EnterInspectElementMode,(()=>{n.execute()}),this),I.InspectorFrontendHostInstance.events.addEventListener(M.Events.RevealSourceLine,this._revealSourceLine,this),O.InspectorView.instance().createToolbars(),I.InspectorFrontendHostInstance.loadCompleted();const o=W.Runtime.instance().extensions(S.QueryParamHandler);for(const e of o){const t=W.Runtime.queryParam(e.descriptor().name);null!==t&&e.instance().then((e=>{e.handleQueryParam(t)}))}setTimeout(this._initializeTarget.bind(this),0),se.timeEnd("Main._showAppUI")}async _initializeTarget(){se.time("Main._initializeTarget");const e=await Promise.all(W.Runtime.instance().extensions("early-initialization").map((e=>e.instance())));for(const t of e)await t.run();I.InspectorFrontendHostInstance.readyForTest(),setTimeout(this._lateInitialization.bind(this),100),se.timeEnd("Main._initializeTarget")}_lateInitialization(){se.time("Main._lateInitialization"),C.ExtensionServer.instance().initializeExtensions();const e=W.Runtime.instance().extensions("late-initialization"),t=[];for(const n of e){const e=n.descriptor().setting;if(!e||f.Settings.instance().moduleSetting(e).get()){t.push(n.instance().then((e=>e.run())));continue}const o=async t=>{t.data&&(f.Settings.instance().moduleSetting(e).removeChangeListener(o),(await n.instance()).run())};f.Settings.instance().moduleSetting(e).addChangeListener(o)}this._lateInitDonePromise=Promise.all(t).then((()=>{})),se.timeEnd("Main._lateInitialization")}lateInitDonePromiseForTest(){return this._lateInitDonePromise}_registerMessageSinkListener(){v.Console.instance().addEventListener(v.Events.MessageAdded,(function(e){e.data.show&&v.Console.instance().show()}))}_revealSourceLine(e){const t=e.data.url,n=e.data.lineNumber,o=e.data.columnNumber,i=ne.WorkspaceImpl.instance().uiSourceCodeForURL(t);i?w.reveal(i.uiLocation(n,o)):ne.WorkspaceImpl.instance().addEventListener(ne.Events.UISourceCodeAdded,(function e(i){const s=i.data;s.url()===t&&(w.reveal(s.uiLocation(n,o)),ne.WorkspaceImpl.instance().removeEventListener(ne.Events.UISourceCodeAdded,e))}))}_postDocumentKeyDown(e){e.handled||$.ShortcutRegistry.instance().handleShortcut(e)}_redispatchClipboardEvent(e){const t=new CustomEvent("clipboard-"+e.type,{bubbles:!0});t.original=e;const n=e.target&&e.target.ownerDocument,o=n?n.deepActiveElement():null;o&&o.dispatchEvent(t),t.handled&&e.preventDefault()}_contextMenuEventFired(e){(e.handled||e.target.classList.contains("popup-glasspane"))&&e.preventDefault()}_addMainEventListeners(e){e.addEventListener("keydown",this._postDocumentKeyDown.bind(this),!1),e.addEventListener("beforecopy",this._redispatchClipboardEvent.bind(this),!0),e.addEventListener("copy",this._redispatchClipboardEvent.bind(this),!1),e.addEventListener("cut",this._redispatchClipboardEvent.bind(this),!1),e.addEventListener("paste",this._redispatchClipboardEvent.bind(this),!1),e.addEventListener("contextmenu",this._contextMenuEventFired.bind(this),!0)}_onSuspendStateChanged(){const e=t.TargetManager.instance().allTargetsSuspended();O.InspectorView.instance().onSuspendStateChanged(e)}}se._instanceForTest=null;class re{constructor(){t.TargetManager.instance().addModelListener(c.DebuggerModel,c.Events.DebuggerPaused,this._debuggerPaused,this)}_debuggerPaused(e){t.TargetManager.instance().removeModelListener(c.DebuggerModel,c.Events.DebuggerPaused,this._debuggerPaused,this);const n=e.data,o=n.debuggerPausedDetails();Z.Context.instance().setFlavor(t.Target,n.target()),w.reveal(o)}}new se;var ae=Object.freeze({__proto__:null,MainImpl:se,ZoomActionDelegate:class{handleAction(e,t){if(I.InspectorFrontendHostInstance.isHostedMode())return!1;switch(t){case"main.zoom-in":return I.InspectorFrontendHostInstance.zoomIn(),!0;case"main.zoom-out":return I.InspectorFrontendHostInstance.zoomOut(),!0;case"main.zoom-reset":return I.InspectorFrontendHostInstance.resetZoom(),!0}return!1}},SearchActionDelegate:class{handleAction(e,t){let n=X.SearchableView.fromElement(document.deepActiveElement());if(!n){const e=O.InspectorView.instance().currentPanelDeprecated();if(e&&(n=e.searchableView()),!n)return!1}switch(t){case"main.search-in-panel.find":return n.handleFindShortcut();case"main.search-in-panel.cancel":return n.handleCancelSearchShortcut();case"main.search-in-panel.find-next":return n.handleFindNextShortcut();case"main.search-in-panel.find-previous":return n.handleFindPreviousShortcut()}return!1}},MainMenuItem:class{constructor(){this._item=new Y.ToolbarMenuButton(this._handleContextMenu.bind(this),!0),this._item.setTitle(b.UIString("Customize and control DevTools"))}item(){return this._item}_handleContextMenu(e){if(K.DockController.instance().canDock()){const t=document.createElement("div");t.classList.add("flex-centered"),t.classList.add("flex-auto"),t.tabIndex=-1;const n=t.createChild("span","flex-auto");n.textContent=b.UIString("Dock side");const i=$.ShortcutRegistry.instance().shortcutsForAction("main.toggle-dock");G.Tooltip.install(n,b.UIString("Placement of DevTools relative to the page. (%s to restore last position)",i[0].title())),t.appendChild(n);const s=new Y.Toolbar("",t);E.isMac()&&!V.instance().hasTheme()&&s.makeBlueOnHover();const r=new Y.ToolbarToggle(b.UIString("Undock into separate window"),"largeicon-undock"),a=new Y.ToolbarToggle(b.UIString("Dock to bottom"),"largeicon-dock-to-bottom"),c=new Y.ToolbarToggle(b.UIString("Dock to right"),"largeicon-dock-to-right"),l=new Y.ToolbarToggle(b.UIString("Dock to left"),"largeicon-dock-to-left");r.addEventListener(Y.ToolbarButton.Events.MouseDown,(e=>e.data.consume())),a.addEventListener(Y.ToolbarButton.Events.MouseDown,(e=>e.data.consume())),c.addEventListener(Y.ToolbarButton.Events.MouseDown,(e=>e.data.consume())),l.addEventListener(Y.ToolbarButton.Events.MouseDown,(e=>e.data.consume())),r.addEventListener(Y.ToolbarButton.Events.Click,o.bind(null,K.State.Undocked)),a.addEventListener(Y.ToolbarButton.Events.Click,o.bind(null,K.State.DockedToBottom)),c.addEventListener(Y.ToolbarButton.Events.Click,o.bind(null,K.State.DockedToRight)),l.addEventListener(Y.ToolbarButton.Events.Click,o.bind(null,K.State.DockedToLeft)),r.setToggled(K.DockController.instance().dockSide()===K.State.Undocked),a.setToggled(K.DockController.instance().dockSide()===K.State.DockedToBottom),c.setToggled(K.DockController.instance().dockSide()===K.State.DockedToRight),l.setToggled(K.DockController.instance().dockSide()===K.State.DockedToLeft),s.appendToolbarItem(r),s.appendToolbarItem(l),s.appendToolbarItem(a),s.appendToolbarItem(c),t.addEventListener("keydown",(e=>{let t=0;if("ArrowLeft"===e.key)t=-1;else{if("ArrowRight"!==e.key)return;t=1}const n=[r,l,a,c];let o=n.findIndex((e=>e.element.hasFocus()));o=U.clamp(o+t,0,n.length-1),n[o].element.focus(),e.consume(!0)})),e.headerSection().appendCustomItem(t)}const n=this._item.element;function o(t){K.DockController.instance().once(K.Events.AfterDockSideChanged).then((()=>{n.focus()})),K.DockController.instance().setDockSide(t),e.discard()}if(K.DockController.instance().dockSide()===K.State.Undocked){const n=t.TargetManager.instance().mainTarget();n&&n.type()===t.Type.Frame&&e.defaultSection().appendAction("inspector_main.focus-debuggee",b.UIString("Focus debuggee"))}e.defaultSection().appendAction("main.toggle-drawer",O.InspectorView.instance().drawerVisible()?b.UIString("Hide console drawer"):b.UIString("Show console drawer")),e.appendItemsAtLocation("mainMenu");const i=e.defaultSection().appendSubMenuItem(b.UIString("More tools")),s=z.getRegisteredViewExtensions();s.sort(((e,t)=>{const n=e.title(),o=t.title();return n.localeCompare(o)}));for(const e of s){const t=e.location(),n=e.persistence(),o=e.title(),s=e.viewId();"issues-pane"!==s?"closeable"===n&&("drawer-view"!==t&&"panel"!==t||i.defaultSection().appendItem(o,(()=>{z.ViewManager.instance().showView(s,!0,!1)}))):i.defaultSection().appendItem(o,(()=>{k.issuesPanelOpenedFrom(T.IssueOpener.HamburgerMenu),z.ViewManager.instance().showView("issues-pane",!0)}))}e.footerSection().appendSubMenuItem(b.UIString("Help")).appendItemsAtLocation("mainMenuHelp")}},SettingsButtonProvider:class{constructor(){this._settingsButton=Y.Toolbar.createActionButtonForId("settings.show",{showLabel:!1,userActionCode:void 0})}item(){return this._settingsButton}},PauseListener:re,sendOverProtocol:function(e,t){return new Promise(((n,o)=>{const i=B.test.sendRawMessage;if(!i)return o("Unable to send message to test client");i(e,t,((e,...t)=>e?o(e):n(t)))}))},ReloadActionDelegate:class{handleAction(e,t){switch(t){case"main.debug-reload":return _.reload(),!0}return!1}}});class ce{presentUI(e){const t=new ee.RootView;O.InspectorView.instance().show(t.element),t.attachToDocument(e),t.focus()}}var le=Object.freeze({__proto__:null,SimpleApp:ce,SimpleAppProvider:class{createApp(){return new ce}}});export{ie as ExecutionContextSelector,ae as MainImpl,le as SimpleApp};

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

@@ -0,0 +1 @@
+import{MainView as e,MediaModel as i}from"./media.js";self.Media=self.Media||{},Media=Media||{},Media.MainView=e.MainView,Media.MediaModel=i.MediaModel;

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

@@ -0,0 +1 @@
+import{i18n as i}from"../i18n/i18n.js";import{Runtime as e}from"../root/root.js";import{ViewManager as a}from"../ui/ui.js";const o={media:"Media",video:"video",showMedia:"Show Media"},t=i.registerUIStrings("media/media-meta.ts",o),d=i.getLazilyComputedLocalizedString.bind(void 0,t);let n;a.registerViewExtension({location:"panel",id:"medias",title:d(o.media),commandPrompt:d(o.showMedia),persistence:"closeable",order:100,loadView:async()=>(await async function(){return n||(await e.Runtime.instance().loadModulePromise("media"),n=await import("./media.js")),n}()).MainView.MainView.instance(),tags:[d(o.media),d(o.video)]});export{o as UIStrings};

package/static/devtools/media/media.js

@@ -0,0 +1 @@
+import{DataGrid as e}from"../data_grid/data_grid.js";import{i18n as t}from"../i18n/i18n.js";import{JSONView as s}from"../source_frame/source_frame.js";import{UIUtils as i,Widget as a,Utils as r,Toolbar as n,ListModel as o,SoftDropDown as l,TabbedPane as d,TreeOutline as h,Icon as c,ContextMenu as _,Panel as m}from"../ui/ui.js";import{SDKModel as u}from"../sdk/sdk.js";import{Color as p,Settings as g,ObjectWrapper as v}from"../common/common.js";import{Platform as y}from"../host/host.js";import{FlameChart as b}from"../perf_ui/perf_ui.js";import{ThemeSupport as w}from"../theme_support/theme_support.js";const E={timestamp:"Timestamp",eventName:"Event name",value:"Value",eventDisplay:"Event display"},f=t.registerUIStrings("media/EventDisplayTable.ts",E),T=t.getLocalizedString.bind(void 0,f);class P extends e.DataGridNode{constructor(e){super(e,!1),this._expandableElement=null}createCell(e){const t=this.createTD(e),a=this.data[e];if("value"===e){const e=t.createChild("div","event-display-table-contents-json-wrapper");this._expandableElement=new s.JSONView(new s.ParsedJSON(a,"",""),!0),this._expandableElement.markAsRoot(),this._expandableElement.show(e)}else t.classList.add("event-display-table-basic-text-table-entry"),i.createTextChild(t,a);return t}}class k extends a.VBox{constructor(){super(),this.registerRequiredCSS("media/eventDisplayTable.css",{enableLegacyPatching:!1}),this.contentElement.classList.add("event-display-table-contents-table-container"),this._dataGrid=this._createDataGrid([{id:"displayTimestamp",title:T(E.timestamp),weight:1,sortable:!1},{id:"event",title:T(E.eventName),weight:2,sortable:!1},{id:"value",title:T(E.value),weight:7,sortable:!1}]),this._firstEventTime=0,this._dataGrid.setStriped(!0),this._dataGrid.asWidget().show(this.contentElement)}_createDataGrid(t){const s=[];for(const e of t)s.push(k._convertToGridDescriptor(e));const i=new e.DataGridImpl({displayName:T(E.eventDisplay),columns:s,deleteCallback:void 0,editCallback:void 0,refreshCallback:void 0});return i.asWidget().contentElement.classList.add("no-border-top-datagrid"),i}onEvent(e){0===this._firstEventTime&&"number"==typeof e.timestamp&&(this._firstEventTime=e.timestamp);const t=(e=this._subtractFirstEventTime(e)).value;try{const s=JSON.parse(t);e.event=s.event,delete s.event,e.value=s;const i=new P(e),a=this._dataGrid.scrollContainer,r=a.scrollTop===a.scrollHeight-a.offsetHeight;this._dataGrid.rootNode().appendChild(i),r&&(a.scrollTop=a.scrollHeight)}catch(e){}}_subtractFirstEventTime(e){return"number"==typeof e.timestamp&&(e.displayTimestamp=(e.timestamp-this._firstEventTime).toFixed(3)),e}static _convertToGridDescriptor(t){return{id:t.id,title:t.title,sortable:t.sortable,weight:t.weight||0,sort:e.Order.Ascending}}}var S=Object.freeze({__proto__:null,UIStrings:E,EventNode:P,PlayerEventsView:k});class M extends u.SDKModel{constructor(e){super(e),this._enabled=!1,this._agent=e.mediaAgent(),e.registerMediaDispatcher(this)}async resumeModel(){if(!this._enabled)return Promise.resolve();await this._agent.invoke_enable()}ensureEnabled(){this._agent.invoke_enable(),this._enabled=!0}playerPropertiesChanged(e){this.dispatchEventToListeners("PlayerPropertiesChanged",e)}playerEventsAdded(e){this.dispatchEventToListeners("PlayerEventsAdded",e)}playerMessagesLogged(e){this.dispatchEventToListeners("PlayerMessagesLogged",e)}playerErrorsRaised(e){this.dispatchEventToListeners("PlayerErrorsRaised",e)}playersCreated({players:e}){this.dispatchEventToListeners("PlayersCreated",e)}}u.SDKModel.register(M,u.Capability.DOM,!1);var x=Object.freeze({__proto__:null,MediaModel:M});function D(e,t){const s=Math.pow(10,3-t),i=Math.pow(10,Math.max(0,t));return Math.round(e/s)/i+" s"}class C{constructor(e,t,s,i){this._min=e,this._max=t,this._low=this._min,this._high=this._max,this._maxRange=s,this._minRange=i}get low(){return this._low}get high(){return this._high}get min(){return this._min}get max(){return this._max}get range(){return this._high-this._low}_reassertBounds(){let e=!0;for(;e;){if(e=!1,this.range<this._minRange){e=!0;const t=(this._minRange-this.range)/2;this._high+=t,this._low-=t}this._low<this._min&&(e=!0,this._low=this._min),this._high>this._max&&(e=!0,this._high=this._max)}}zoomOut(e,t){const s=this._high-this._low,i=s*Math.pow(1.1,e)-s,a=i*t,r=i-a;this._low-=a,this._high+=r,this._reassertBounds()}zoomIn(e,t){const s=this._high-this._low;if(this.range<=this._minRange)return;const i=s-s/Math.pow(1.1,e),a=i*t,r=i-a;this._low+=a,this._high-=r,this._reassertBounds()}addMax(e){const t=this._high-this._low,s=this._high===this._max,i=this._low===this._min||t>=this._maxRange;this._max+=e,s&&i&&(this._high=this._max),this._reassertBounds()}pushMaxAtLeastTo(e){return this._max<e&&(this.addMax(e-this._max),!0)}}var L=Object.freeze({__proto__:null,FormatMillisecondsToSeconds:D,Bounds:C});const I="11px "+y.fontFamily(),V=w.instance().patchColorText("#444",w.ColorUsage.Foreground),F={height:20,padding:2,collapsible:!1,font:I,color:V,backgroundColor:"rgba(100 0 0 / 10%)",nestingLevel:0,itemsHeight:20,shareHeaderLine:!1,useFirstLineForOverview:!1,useDecoratorsForOverview:!1},N=["#ffba08","#faa307","#f48c06","#e85d04","#dc2f02","#d00000","#9d0208"],B=["#7400b8","#6930c3","#5e60ce","#5390d9","#4ea8de","#48bfe3","#56cfe1","#64dfdf"];function R(e){const t=p.Color.parse(e);return t&&t.hsla()[2]<.5?"#eee":"#444"}class A{constructor(e,t,s={color:void 0,duration:void 0,hoverData:{},level:0,name:"",startTime:0}){this._timelineData=e,this._setLive=t.setLive,this._setComplete=t.setComplete,this._updateMaxTime=t.updateMaxTime,this._selfIndex=this._timelineData.entryLevels.length,this._live=!1;const i=void 0===s.duration?0:s.duration;this._timelineData.entryLevels.push(s.level||0),this._timelineData.entryStartTimes.push(s.startTime||0),this._timelineData.entryTotalTimes.push(i),-1===i&&(this.endTime=-1),this._title=s.name||"",this._color=s.color||N[0],this._fontColor=R(this._color),this._hoverData=s.hoverData||{}}decorate(e){e.createChild("span").textContent="Name: "+this._title,e.createChild("br");const t=D(this.startTime,2);if(this._live)e.createChild("span").textContent=`Duration: ${t} - LIVE!`;else if(isNaN(this.duration))e.createChild("span").textContent="Time: "+t;else{const s=D(this.duration+this.startTime,2);e.createChild("span").textContent=`Duration: ${t} - ${s}`}}set endTime(e){if(-1===e)this._timelineData.entryTotalTimes[this._selfIndex]=this._setLive(this._selfIndex),this._live=!0;else{this._live=!1;const t=e-this._timelineData.entryStartTimes[this._selfIndex];this._timelineData.entryTotalTimes[this._selfIndex]=t,this._setComplete(this._selfIndex),this._updateMaxTime(e)}}get id(){return this._selfIndex}set level(e){this._timelineData.entryLevels[this._selfIndex]=e}set title(e){this._title=e}get title(){return this._title}set color(e){this._color=e,this._fontColor=R(this._color)}get color(){return this._color}get fontColor(){return this._fontColor}get startTime(){return this._timelineData.entryStartTimes[this._selfIndex]}get duration(){return this._timelineData.entryTotalTimes[this._selfIndex]}get live(){return this._live}}class O extends a.VBox{constructor(){super(),this._intervalTimer=0,this._lastTimestamp=0,this._canTick=!0,this._ticking=!1,this._isShown=!1,this._bounds=new C(0,1e3,3e4,1e3),this._dataProvider=new U(this._bounds,this._updateMaxTime.bind(this)),this._delegate=new z,this._chartGroupExpansionSetting=g.Settings.instance().createSetting("mediaFlameChartGroupExpansion",{}),this._chart=new b.FlameChart(this._dataProvider,this._delegate,this._chartGroupExpansionSetting),this._chart.disableRangeSelection(),this._chart.bindCanvasEvent("wheel",(e=>{this._onScroll(e)})),this._chart.show(this.contentElement)}addMarker(e){e.duration=NaN,this.startEvent(e)}startEvent(e){void 0===e.duration&&(e.duration=-1);const t=e.startTime||0,s=this._dataProvider.startEvent(e);return this._updateMaxTime(t),s}addGroup(e,t){this._dataProvider.addGroup(e,t)}_updateMaxTime(e){this._bounds.pushMaxAtLeastTo(e)&&this._updateRender()}_onScroll(e){const t=Math.round(e.deltaY/50),s=e.offsetX/e.srcElement.clientWidth;t>0?this._bounds.zoomOut(t,s):this._bounds.zoomIn(-t,s),this._updateRender()}willHide(){this._isShown=!1,this._ticking&&this._stop()}wasShown(){this._isShown=!0,this._canTick&&!this._ticking&&this._start()}set canTick(e){this._canTick=e,this._ticking&&!e&&this._stop(),!this._ticking&&this._isShown&&e&&this._start()}_start(){0===this._lastTimestamp&&(this._lastTimestamp=Date.now()),0!==this._intervalTimer||this._stoppedPermanently||(this._intervalTimer=window.setInterval(this._updateRender.bind(this),16),this._ticking=!0)}_stop(e=!1){window.clearInterval(this._intervalTimer),this._intervalTimer=0,e&&(this._stoppedPermanently=!0),this._ticking=!1}_updateRender(){if(this._ticking){const e=Date.now(),t=e-this._lastTimestamp;this._lastTimestamp=e,this._bounds.addMax(t)}this._dataProvider.updateMaxTime(this._bounds),this._chart.setWindowTimes(this._bounds.low,this._bounds.high,!0),this._chart.scheduleUpdate()}}class z{constructor(){}windowChanged(e,t,s){}updateRangeSelection(e,t){}updateSelectedGroup(e,t){}}class U{constructor(e,t){this._updateMaxTimeHandle=t,this._bounds=e,this._liveEvents=new Set,this._eventMap=new Map,this._timelineData=new b.TimelineData([],[],[],[]),this._maxLevel=0}addGroup(e,t){this._timelineData.groups&&this._timelineData.groups.push({name:e,startLevel:this._maxLevel,expanded:!0,selectable:!1,style:F,track:null}),this._maxLevel+=t}startEvent(e){if(e.level=e.level||0,e.level>this._maxLevel)throw`level ${e.level} is above the maximum allowed of ${this._maxLevel}`;const t=new A(this._timelineData,{setLive:this._setLive.bind(this),setComplete:this._setComplete.bind(this),updateMaxTime:this._updateMaxTimeHandle},e);return this._eventMap.set(t.id,t),t}_setLive(e){return this._liveEvents.add(e),this._bounds.max}_setComplete(e){this._liveEvents.delete(e)}updateMaxTime(e){this._bounds=e;for(const e of this._liveEvents.entries())this._eventMap.get(e[0]).endTime=-1}maxStackDepth(){return this._maxLevel+1}timelineData(){return this._timelineData}minimumBoundary(){return this._bounds.low}totalTime(){return this._bounds.high}entryColor(e){return this._eventMap.get(e).color}textColor(e){return this._eventMap.get(e).fontColor}entryTitle(e){return this._eventMap.get(e).title}entryFont(e){return I}decorateEntry(e,t,s,i,a,r,n,o,l){return!1}forceDecoration(e){return!1}prepareHighlightedEntryInfo(e){const t=document.createElement("div");return this._eventMap.get(e).decorate(t),t}formatValue(e,t){return e+=Math.round(this._bounds.low),this._bounds.range<2800?D(e,2):this._bounds.range<3e4?D(e,1):D(e,0)}canJumpToEntry(e){return!1}navStartTimes(){return new Map}}var G=Object.freeze({__proto__:null,HotColorScheme:N,ColdColorScheme:B,Event:A,TickingFlameChart:O});const H={playbackStatus:"Playback Status",bufferingStatus:"Buffering Status"},j=t.registerUIStrings("media/EventTimelineView.ts",H),$=t.getLocalizedString.bind(void 0,j);class W extends O{constructor(){super(),this._normalizedTimestamp=-1.5,this.addGroup($(H.playbackStatus),2),this.addGroup($(H.bufferingStatus),2),this._playbackStatusLastEvent=null,this._audioBufferingStateEvent=null,this._videoBufferingStateEvent=null}_ensureNoPreviousPlaybackEvent(e){null!==this._playbackStatusLastEvent&&(this._playbackStatusLastEvent.endTime=e,this._playbackStatusLastEvent=null)}_onPlaybackEvent(e,t){switch(e.event){case"kPlay":this.canTick=!0,this._ensureNoPreviousPlaybackEvent(t),this._playbackStatusLastEvent=this.startEvent({level:0,startTime:t,name:"Play"});break;case"kPause":this._ensureNoPreviousPlaybackEvent(t),this._playbackStatusLastEvent=this.startEvent({level:0,startTime:t,name:"Pause",color:N[1]});break;case"kWebMediaPlayerDestroyed":this.canTick=!1,this._ensureNoPreviousPlaybackEvent(t),this.addMarker({level:1,startTime:t,name:"Destroyed",color:N[4]});break;case"kSuspended":this.canTick=!1,this._ensureNoPreviousPlaybackEvent(t),this._playbackStatusLastEvent=this.startEvent({level:1,startTime:t,name:"Suspended",color:N[3]});break;case"kEnded":this._ensureNoPreviousPlaybackEvent(t),this._playbackStatusLastEvent=this.startEvent({level:1,startTime:t,name:"Ended",color:N[2]});break;default:throw"_onPlaybackEvent cant handle "+e.event}}_bufferedEnough(e){return"BUFFERING_HAVE_ENOUGH"===e.state}_onBufferingStatus(e,t){let s=null,i=null;switch(e.event){case"kBufferingStateChanged":s=e.value.audio_buffering_state,i=e.value.video_buffering_state,s&&(null!==this._audioBufferingStateEvent&&(this._audioBufferingStateEvent.endTime=t,this._audioBufferingStateEvent=null),this._bufferedEnough(s)||(this._audioBufferingStateEvent=this.startEvent({level:3,startTime:t,name:"Audio Buffering",color:B[1]}))),i&&(null!==this._videoBufferingStateEvent&&(this._videoBufferingStateEvent.endTime=t,this._videoBufferingStateEvent=null),this._bufferedEnough(i)||(this._videoBufferingStateEvent=this.startEvent({level:2,startTime:t,name:"Video Buffering",color:B[0]})));break;default:throw"_onPlaybackEvent cant handle "+e.event}}onEvent(e){-1.5===this._normalizedTimestamp&&(this._normalizedTimestamp=Number(e.timestamp));const t=1e3*(Number(e.timestamp)-this._normalizedTimestamp);switch(e.event){case"kPlay":case"kPause":case"kWebMediaPlayerDestroyed":case"kSuspended":case"kEnded":return this._onPlaybackEvent(e,t);case"kBufferingStateChanged":return this._onBufferingStatus(e,t)}}}const J={default:"Default",custom:"Custom",all:"All",error:"Error",warning:"Warning",info:"Info",debug:"Debug",logLevel:"Log level:",filterLogMessages:"Filter log messages"},q=t.registerUIStrings("media/PlayerMessagesView.ts",J),K=t.getLocalizedString.bind(void 0,q);class Y extends v.ObjectWrapper{constructor(e,t){super(),this._items=e,this._view=t,this._itemMap=new Map,this._hiddenLevels=[],this._bitFieldValue=7,this._savedBitFieldValue=7,this._defaultTitle=K(J.default),this._customTitle=K(J.custom),this._allTitle=K(J.all),this.elementsForItems=new WeakMap}defaultTitle(){return this._defaultTitle}setDefault(e){e.selectItem(this._items.at(0))}populate(){this._items.insert(this._items.length,{title:this._defaultTitle,overwrite:!0,stringValue:"",value:7,selectable:void 0}),this._items.insert(this._items.length,{title:this._allTitle,overwrite:!0,stringValue:"",value:15,selectable:void 0}),this._items.insert(this._items.length,{title:K(J.error),overwrite:!1,stringValue:"error",value:1,selectable:void 0}),this._items.insert(this._items.length,{title:K(J.warning),overwrite:!1,stringValue:"warning",value:2,selectable:void 0}),this._items.insert(this._items.length,{title:K(J.info),overwrite:!1,stringValue:"info",value:4,selectable:void 0}),this._items.insert(this._items.length,{title:K(J.debug),overwrite:!1,stringValue:"debug",value:8,selectable:void 0})}_updateCheckMarks(){this._hiddenLevels=[];for(const[e,t]of this._itemMap)if(!t.overwrite){const s=this.elementsForItems.get(t);s&&s.firstChild&&s.firstChild.remove(),s&&e&this._bitFieldValue?i.createTextChild(s.createChild("div"),"✓"):this._hiddenLevels.push(t.stringValue)}}titleFor(e){if(e.overwrite?this._bitFieldValue=e.value:this._bitFieldValue^=e.value,7===this._bitFieldValue)return this._defaultTitle;if(15===this._bitFieldValue)return this._allTitle;const t=this._itemMap.get(this._bitFieldValue);return t?t.title:this._customTitle}createElementForItem(e){const t=document.createElement("div"),s=r.createShadowRootWithCoreStyles(t,{cssFile:"media/playerMessagesView.css",enableLegacyPatching:!0,delegatesFocus:void 0}).createChild("div","media-messages-level-dropdown-element"),a=s.createChild("div","media-messages-level-dropdown-checkbox"),n=s.createChild("span","media-messages-level-dropdown-text");return i.createTextChild(n,e.title),this.elementsForItems.set(e,a),this._itemMap.set(e.value,e),this._updateCheckMarks(),this._view.regenerateMessageDisplayCss(this._hiddenLevels),t}isItemSelectable(e){return!0}itemSelected(e){this._updateCheckMarks(),this._view.regenerateMessageDisplayCss(this._hiddenLevels)}highlightedItemChanged(e,t,s,i){}}class X extends a.VBox{constructor(){super(),this.registerRequiredCSS("media/playerMessagesView.css",{enableLegacyPatching:!0}),this._headerPanel=this.contentElement.createChild("div","media-messages-header"),this._bodyPanel=this.contentElement.createChild("div","media-messages-body"),this._buildToolbar()}_buildToolbar(){const e=new n.Toolbar("media-messages-toolbar",this._headerPanel);e.appendText(K(J.logLevel)),e.appendToolbarItem(this._createDropdown()),e.appendSeparator(),e.appendToolbarItem(this._createFilterInput())}_createDropdown(){const e=new o.ListModel;this._messageLevelSelector=new Y(e,this);const t=new l.SoftDropDown(e,this._messageLevelSelector);t.setRowHeight(18),this._messageLevelSelector.populate(),this._messageLevelSelector.setDefault(t);const s=new n.ToolbarItem(t.element);return s.element.classList.add("toolbar-has-dropdown"),s.setEnabled(!0),s.setTitle(this._messageLevelSelector.defaultTitle()),s}_createFilterInput(){const e=new n.ToolbarInput(K(J.filterLogMessages));return e.addEventListener(n.ToolbarInput.Event.TextChanged,(e=>{this._filterByString(e)}),this),e}regenerateMessageDisplayCss(e){const t=this._bodyPanel.getElementsByClassName("media-messages-message-container");for(const s of t)this._matchesHiddenLevels(s,e)?s.classList.add("media-messages-message-unselected"):s.classList.remove("media-messages-message-unselected")}_matchesHiddenLevels(e,t){for(const s of t)if(e.classList.contains("media-message-"+s))return!0;return!1}_filterByString(e){const t=e.data,s=this._bodyPanel.getElementsByClassName("media-messages-message-container");for(const e of s)""===t||e.textContent&&e.textContent.includes(t)?e.classList.remove("media-messages-message-filtered"):e.classList.add("media-messages-message-filtered")}addMessage(e){const t=this._bodyPanel.createChild("div","media-messages-message-container media-message-"+e.level);i.createTextChild(t,e.message)}}const Q={video:"Video",audio:"Audio",track:"Track",decoder:"Decoder",properties:"Properties",textTrack:"Text track",noTextTracks:"No text tracks",resolution:"Resolution",fileSize:"File size",bitrate:"Bitrate",duration:"Duration",startTime:"Start time",streaming:"Streaming",playbackFrameUrl:"Playback frame URL",playbackFrameTitle:"Playback frame title",singleoriginPlayback:"Single-origin playback",rangeHeaderSupport:"Range header support",frameRate:"Frame rate",videoPlaybackRoughness:"Video playback roughness",videoFreezingScore:"Video freezing score",decoderName:"Decoder name",noDecoder:"No decoder",hardwareDecoder:"Hardware decoder",decryptingDemuxer:"Decrypting demuxer",encoderName:"Encoder name",noEncoder:"No encoder",hardwareEncoder:"Hardware encoder"},Z=t.registerUIStrings("media/PlayerPropertiesView.ts",Q),ee=t.getLocalizedString.bind(void 0,Z);class te extends a.VBox{constructor(e){super(),this.contentElement.classList.add("media-property-renderer");const t=this.contentElement.createChild("span","media-property-renderer-title");this._contents=this.contentElement.createChild("span","media-property-renderer-contents"),i.createTextChild(t,e),this._title=e,this._value=null,this._pseudo_color_protection_element=null,this.contentElement.classList.add("media-property-renderer-hidden")}updateData(e,t){if(""===t||null===t)return this._updateData(e,null);try{t=JSON.parse(t)}catch(e){}return this._updateData(e,t)}_updateData(e,t){if(null===t)this.changeContents(null);else{if(this._value===t)return;this._value=t,this.changeContents(t)}}changeContents(e){if(null===e)this.contentElement.classList.add("media-property-renderer-hidden"),null===this._pseudo_color_protection_element&&(this._pseudo_color_protection_element=document.createElement("div"),this._pseudo_color_protection_element.classList.add("media-property-renderer"),this._pseudo_color_protection_element.classList.add("media-property-renderer-hidden"),this.contentElement.parentNode.insertBefore(this._pseudo_color_protection_element,this.contentElement));else{null!==this._pseudo_color_protection_element&&(this._pseudo_color_protection_element.remove(),this._pseudo_color_protection_element=null),this.contentElement.classList.remove("media-property-renderer-hidden"),this._contents.removeChildren();const t=document.createElement("span");t.textContent=e,this._contents.appendChild(t)}}}class se extends te{constructor(e,t){super(ee(e)),this._formatfunction=t}_updateData(e,t){null===t?this.changeContents(null):this.changeContents(this._formatfunction(t))}}class ie extends te{constructor(e,t){super(ee(e)),this.changeContents(t)}}class ae extends a.VBox{constructor(e){super(),this.contentElement.classList.add("media-attributes-view");for(const t of e)t.show(this.contentElement)}}class re{constructor(e,t){this._type=t,this._view=e}updateData(e,t){const s=this._view.GetTabs(this._type),i=JSON.parse(t);let a=1;for(const e of i)this.addNewTab(s,e,a),a++}addNewTab(e,t,s){const i=[];for(const[e,s]of Object.entries(t))i.push(new ie(e,s));const a=new ae(i);e.addNewTab(s,a)}}class ne extends re{constructor(e){super(e,"video")}}class oe extends re{constructor(e){super(e,"text")}}class le extends re{constructor(e){super(e,"audio")}}const de={Video:ee(Q.video),Audio:ee(Q.audio)};class he extends d.TabbedPane{constructor(e,t=ee(Q.track)){super(),this._decoderName=e,this._trackName=t}addNewTab(e,t){const s=ee(Q.track);this.appendTab("Track"+e,`${this._trackName} #${e}`,t,`${this._decoderName} ${s} #${e}`)}}class ce extends he{constructor(e,t){super(e);const s=`${e} ${ee(Q.decoder)}`,i=`${s} ${ee(Q.properties)}`;this.appendTab("DecoderProperties",s,t,i)}}class _e extends a.VBox{constructor(e,t){super(),this._isPlaceholder=!0,this._wrapping=e,this._wrapping.appendTab("_placeholder",t,new a.VBox,t),this._wrapping.show(this.contentElement)}addNewTab(e,t){this._isPlaceholder&&(this._wrapping.closeTab("_placeholder"),this._isPlaceholder=!1),this._wrapping.addNewTab(e,t)}}class me extends a.VBox{constructor(){super(),this.contentElement.classList.add("media-properties-frame"),this.registerRequiredCSS("media/playerPropertiesView.css",{enableLegacyPatching:!0}),this._mediaElements=[],this._videoDecoderElements=[],this._audioDecoderElements=[],this._textTrackElements=[],this._attributeMap=new Map,this.populateAttributesAndElements(),this._videoProperties=new ae(this._mediaElements),this._videoDecoderProperties=new ae(this._videoDecoderElements),this._audioDecoderProperties=new ae(this._audioDecoderElements),this._videoProperties.show(this.contentElement),this._videoDecoderTabs=new ce(de.Video,this._videoDecoderProperties),this._videoDecoderTabs.show(this.contentElement),this._audioDecoderTabs=new ce(de.Audio,this._audioDecoderProperties),this._audioDecoderTabs.show(this.contentElement),this._textTrackTabs=null}_lazyCreateTrackTabs(){let e=this._textTrackTabs;if(null===e){const t=new he(ee(Q.textTrack));e=new _e(t,ee(Q.noTextTracks)),e.show(this.contentElement),this._textTracksTabs=e}return e}GetTabs(e){if("audio"===e)return this._audioDecoderTabs;if("video"===e)return this._videoDecoderTabs;if("text"===e)return this._lazyCreateTrackTabs();throw new Error("Unreachable")}onProperty(e){const t=this._attributeMap.get(e.name);if(!t)throw new Error(`Player property "${e.name}" not supported.`);t.updateData(e.name,e.value)}formatKbps(e){if(""===e)return"0 kbps";return Math.floor(Number(e)/1e3)+" kbps"}formatTime(e){if(""===e)return"0:00";const t=new Date;return t.setSeconds(Number(e)),t.toISOString().substr(11,8)}formatFileSize(e){if(""===e)return"0 bytes";const t=Number(e);if(t<1e3)return e+" bytes";const s=Math.floor(Math.log10(t)/3),i=["bytes","kB","MB","GB","TB"][s];return`${(t/Math.pow(1e3,s)).toFixed(2)} ${i}`}populateAttributesAndElements(){const e=new te(ee(Q.resolution));this._mediaElements.push(e),this._attributeMap.set("kResolution",e);const t=new se(ee(Q.fileSize),this.formatFileSize);this._mediaElements.push(t),this._attributeMap.set("kTotalBytes",t);const s=new se(ee(Q.bitrate),this.formatKbps);this._mediaElements.push(s),this._attributeMap.set("kBitrate",s);const i=new se(ee(Q.duration),this.formatTime);this._mediaElements.push(i),this._attributeMap.set("kMaxDuration",i);const a=new te(ee(Q.startTime));this._mediaElements.push(a),this._attributeMap.set("kStartTime",a);const r=new te(ee(Q.streaming));this._mediaElements.push(r),this._attributeMap.set("kIsStreaming",r);const n=new te(ee(Q.playbackFrameUrl));this._mediaElements.push(n),this._attributeMap.set("kFrameUrl",n);const o=new te(ee(Q.playbackFrameTitle));this._mediaElements.push(o),this._attributeMap.set("kFrameTitle",o);const l=new te(ee(Q.singleoriginPlayback));this._mediaElements.push(l),this._attributeMap.set("kIsSingleOrigin",l);const d=new te(ee(Q.rangeHeaderSupport));this._mediaElements.push(d),this._attributeMap.set("kIsRangeHeaderSupported",d);const h=new te(ee(Q.frameRate));this._mediaElements.push(h),this._attributeMap.set("kFramerate",h);const c=new te(ee(Q.videoPlaybackRoughness));this._mediaElements.push(c),this._attributeMap.set("kVideoPlaybackRoughness",c);const _=new te(ee(Q.videoFreezingScore));this._mediaElements.push(_),this._attributeMap.set("kVideoPlaybackFreezing",_);const m=new ie(ee(Q.decoderName),ee(Q.noDecoder));this._videoDecoderElements.push(m),this._attributeMap.set("kVideoDecoderName",m);const u=new te(ee(Q.hardwareDecoder));this._videoDecoderElements.push(u),this._attributeMap.set("kIsPlatformVideoDecoder",u);const p=new ie(ee(Q.encoderName),ee(Q.noEncoder));this._videoDecoderElements.push(p),this._attributeMap.set("kVideoEncoderName",p);const g=new te(ee(Q.hardwareEncoder));this._videoDecoderElements.push(g),this._attributeMap.set("kIsPlatformVideoEncoder",g);const v=new te(ee(Q.decryptingDemuxer));this._videoDecoderElements.push(v),this._attributeMap.set("kIsVideoDecryptingDemuxerStream",v);const y=new ne(this);this._attributeMap.set("kVideoTracks",y);const b=new ie(ee(Q.decoderName),ee(Q.noDecoder));this._audioDecoderElements.push(b),this._attributeMap.set("kAudioDecoderName",b);const w=new te(ee(Q.hardwareDecoder));this._audioDecoderElements.push(w),this._attributeMap.set("kIsPlatformAudioDecoder",w);const E=new te(ee(Q.decryptingDemuxer));this._audioDecoderElements.push(E),this._attributeMap.set("kIsAudioDecryptingDemuxerStream",E);const f=new le(this);this._attributeMap.set("kAudioTracks",f);const T=new oe(this);this._attributeMap.set("kTextTracks",T)}}var ue=Object.freeze({__proto__:null,UIStrings:Q,PropertyRenderer:te,FormattedPropertyRenderer:se,DefaultPropertyRenderer:ie,DimensionPropertyRenderer:class extends te{constructor(e){super(ee(e)),this._width=0,this._height=0}_updateData(e,t){let s=!1;"width"===e&&Number(t)!==this._width&&(this._width=Number(t),s=!0),"height"===e&&Number(t)!==this._height&&(this._height=Number(t),s=!0),0===this._width||0===this._height?this.changeContents(null):s&&this.changeContents(`${this._width}×${this._height}`)}},AttributesView:ae,TrackManager:re,VideoTrackManager:ne,TextTrackManager:oe,AudioTrackManager:le,PlayerPropertiesView:me});const pe={properties:"Properties",playerProperties:"Player properties",events:"Events",playerEvents:"Player events",messages:"Messages",playerMessages:"Player messages",timeline:"Timeline",playerTimeline:"Player timeline"},ge=t.registerUIStrings("media/PlayerDetailView.ts",pe),ve=t.getLocalizedString.bind(void 0,ge);class ye extends d.TabbedPane{constructor(){super(),this._eventView=new k,this._propertyView=new me,this._messageView=new X,this._timelineView=new W,this.appendTab("properties",ve(pe.properties),this._propertyView,ve(pe.playerProperties)),this.appendTab("events",ve(pe.events),this._eventView,ve(pe.playerEvents)),this.appendTab("messages",ve(pe.messages),this._messageView,ve(pe.playerMessages)),this.appendTab("timeline",ve(pe.timeline),this._timelineView,ve(pe.playerTimeline))}onProperty(e){this._propertyView.onProperty(e)}onError(e){}onMessage(e){this._messageView.addMessage(e)}onEvent(e){this._eventView.onEvent(e),this._timelineView.onEvent(e)}}var be=Object.freeze({__proto__:null,UIStrings:pe,PlayerDetailView:ye});const we={hidePlayer:"Hide player",hideAllOthers:"Hide all others",savePlayerInfo:"Save player info",players:"Players"},Ee=t.registerUIStrings("media/PlayerListView.ts",we),fe=t.getLocalizedString.bind(void 0,Ee);class Te extends h.TreeElement{constructor(e,t,s){super(e.playerTitle,!1),this.titleFromUrl=!0,this._playerStatus=e,this._displayContainer=t,this.setLeadingIcons([c.Icon.create("smallicon-videoplayer-playing","media-player")]),this.listItemElement.classList.add("player-entry-tree-element"),this.listItemElement.addEventListener("contextmenu",this._rightClickContextMenu.bind(this,s),!1)}onselect(e){return this._displayContainer.renderMainPanel(this._playerStatus.playerID),!0}_rightClickContextMenu(e,t){const s=new _.ContextMenu(t);return s.headerSection().appendItem(fe(we.hidePlayer),this._hidePlayer.bind(this,e)),s.headerSection().appendItem(fe(we.hideAllOthers),this._hideOthers.bind(this,e)),s.headerSection().appendItem(fe(we.savePlayerInfo),this._savePlayer.bind(this,e)),s.show(),!0}_hidePlayer(e){this._displayContainer.markPlayerForDeletion(e)}_savePlayer(e){this._displayContainer.exportPlayerData(e)}_hideOthers(e){this._displayContainer.markOtherPlayersForDeletion(e)}}class Pe extends a.VBox{constructor(e){super(!0),this._playerStatuses=new Map,this._mainContainer=e,this._sidebarTree=new h.TreeOutlineInShadow,this.contentElement.appendChild(this._sidebarTree.element),this._sidebarTree.registerRequiredCSS("media/playerListView.css",{enableLegacyPatching:!0}),this._playerList=this._addListSection(fe(we.players)),this._playerList.listItemElement.classList.add("player-entry-header")}deletePlayer(e){this._playerList.removeChild(this._playerStatuses.get(e)),this._playerStatuses.delete(e)}_addListSection(e){const t=new h.TreeElement(e,!0);return t.listItemElement.classList.add("storage-group-list-item"),t.setCollapsible(!1),t.selectable=!1,this._sidebarTree.appendChild(t),t}addMediaElementItem(e){const t=new Te({playerTitle:e,playerID:e,exists:!0,playing:!1,titleEdited:!1},this._mainContainer,e);this._playerStatuses.set(e,t),this._playerList.appendChild(t)}setMediaElementPlayerTitle(e,t,s){if(this._playerStatuses.has(e)){const i=this._playerStatuses.get(e);!i||s&&!i.titleFromUrl||(i.title=t,i.titleFromUrl=s)}}setMediaElementPlayerIcon(e,t){if(this._playerStatuses.has(e)){const s=this._playerStatuses.get(e);if(!s)throw new Error("sidebarEntry is expected to not be null");s.setLeadingIcons([c.Icon.create("smallicon-videoplayer-"+t,"media-player")])}}onProperty(e,t){if("kFrameTitle"===t.name&&t.value&&this.setMediaElementPlayerTitle(e,t.value,!1),"kFrameUrl"===t.name){const s=t.value.substring(t.value.lastIndexOf("/")+1);this.setMediaElementPlayerTitle(e,s,!0)}}onError(e,t){}onMessage(e,t){}onEvent(e,t){"PLAY"===t.value?this.setMediaElementPlayerIcon(e,"playing"):"PAUSE"===t.value?this.setMediaElementPlayerIcon(e,"paused"):"WEBMEDIAPLAYER_DESTROYED"===t.value&&this.setMediaElementPlayerIcon(e,"destroyed")}}var ke=Object.freeze({__proto__:null,UIStrings:we,PlayerEntryTreeElement:Te,PlayerListView:Pe});class Se{constructor(){this._properties=new Map,this._messages=[],this._events=[],this._errors=[]}onProperty(e){this._properties.set(e.name,e.value)}onError(e){this._errors.push(e)}onMessage(e){this._messages.push(e)}onEvent(e){this._events.push(e)}export(){return{properties:this._properties,messages:this._messages,events:this._events,errors:this._errors}}}class Me{constructor(){this._playerDataCollection=new Map}addPlayer(e){this._playerDataCollection.set(e,new Se)}onProperty(e,t){const s=this._playerDataCollection.get(e);s&&s.onProperty(t)}onError(e,t){const s=this._playerDataCollection.get(e);s&&s.onError(t)}onMessage(e,t){const s=this._playerDataCollection.get(e);s&&s.onMessage(t)}onEvent(e,t){const s=this._playerDataCollection.get(e);s&&s.onEvent(t)}exportPlayerData(e){const t=this._playerDataCollection.get(e);if(!t)throw new Error("Unable to find player");return t.export()}deletePlayer(e){this._playerDataCollection.delete(e)}}let xe;class De extends m.PanelWithSidebar{constructor(){super("Media"),this.registerRequiredCSS("media/mediaView.css",{enableLegacyPatching:!0}),this._detailPanels=new Map,this._deletedPlayers=new Set,this._downloadStore=new Me,this._sidebar=new Pe(this),this._sidebar.show(this.panelSidebarElement()),u.TargetManager.instance().observeModels(M,this)}static instance(e={forceNew:null}){const{forceNew:t}=e;return xe&&!t||(xe=new De),xe}renderMainPanel(e){if(!this._detailPanels.has(e))return;const t=this.splitWidget().mainWidget();t&&t.detachChildWidgets(),this._detailPanels.get(e)?.show(this.mainElement())}wasShown(){super.wasShown();for(const e of u.TargetManager.instance().models(M))this._addEventListeners(e)}willHide(){for(const e of u.TargetManager.instance().models(M))this._removeEventListeners(e)}modelAdded(e){this.isShowing()&&this._addEventListeners(e)}modelRemoved(e){this._removeEventListeners(e)}_addEventListeners(e){e.ensureEnabled(),e.addEventListener("PlayerPropertiesChanged",this._propertiesChanged,this),e.addEventListener("PlayerEventsAdded",this._eventsAdded,this),e.addEventListener("PlayerMessagesLogged",this._messagesLogged,this),e.addEventListener("PlayerErrorsRaised",this._errorsRaised,this),e.addEventListener("PlayersCreated",this._playersCreated,this)}_removeEventListeners(e){e.removeEventListener("PlayerPropertiesChanged",this._propertiesChanged,this),e.removeEventListener("PlayerEventsAdded",this._eventsAdded,this),e.removeEventListener("PlayerMessagesLogged",this._messagesLogged,this),e.removeEventListener("PlayerErrorsRaised",this._errorsRaised,this),e.removeEventListener("PlayersCreated",this._playersCreated,this)}_onPlayerCreated(e){this._sidebar.addMediaElementItem(e),this._detailPanels.set(e,new ye),this._downloadStore.addPlayer(e)}_propertiesChanged(e){for(const t of e.data.properties)this.onProperty(e.data.playerId,t)}_eventsAdded(e){for(const t of e.data.events)this.onEvent(e.data.playerId,t)}_messagesLogged(e){for(const t of e.data.messages)this.onMessage(e.data.playerId,t)}_errorsRaised(e){for(const t of e.data.errors)this.onError(e.data.playerId,t)}_shouldPropagate(e){return!this._deletedPlayers.has(e)&&this._detailPanels.has(e)}onProperty(e,t){this._shouldPropagate(e)&&(this._sidebar.onProperty(e,t),this._downloadStore.onProperty(e,t),this._detailPanels.get(e)?.onProperty(t))}onError(e,t){this._shouldPropagate(e)&&(this._sidebar.onError(e,t),this._downloadStore.onError(e,t),this._detailPanels.get(e)?.onError(t))}onMessage(e,t){this._shouldPropagate(e)&&(this._sidebar.onMessage(e,t),this._downloadStore.onMessage(e,t),this._detailPanels.get(e)?.onMessage(t))}onEvent(e,t){this._shouldPropagate(e)&&(this._sidebar.onEvent(e,t),this._downloadStore.onEvent(e,t),this._detailPanels.get(e)?.onEvent(t))}_playersCreated(e){const t=e.data;for(const e of t)this._onPlayerCreated(e)}markPlayerForDeletion(e){this._deletedPlayers.add(e),this._detailPanels.delete(e),this._sidebar.deletePlayer(e),this._downloadStore.deletePlayer(e)}markOtherPlayersForDeletion(e){for(const t of this._detailPanels.keys())t!==e&&this.markPlayerForDeletion(t)}exportPlayerData(e){const t=this._downloadStore.exportPlayerData(e),s="data:application/octet-stream,"+encodeURIComponent(JSON.stringify(t,null,2)),i=document.createElement("a");i.href=s,i.download=e+".json",i.click()}}var Ce=Object.freeze({__proto__:null,MainView:De});export{Ce as MainView,x as MediaModel,be as PlayerDetailView,S as PlayerEventsView,ke as PlayerListView,ue as PlayerPropertiesView,G as TickingFlameChart,L as TickingFlameChartHelpers};

package/static/devtools/media/media_module.js

@@ -0,0 +1 @@
+import*as RootModule from'../root/root.js';RootModule.Runtime.cachedResources.set("media/eventDisplayTable.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.no-border-top-datagrid > .data-grid {\n  /* make sure there is no top border, it ruins the menu view */\n  border-top: 0;\n}\n\n.event-display-table-contents-table-container > .widget > .data-grid {\n  height: 100%;\n}\n\n.data-grid .event-display-table-basic-text-table-entry {\n  line-height: 26px;\n}\n\n/*# sourceURL=media/eventDisplayTable.css */");RootModule.Runtime.cachedResources.set("media/mediaView.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.playerlist-sidebar {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n\n.playerlist-sidebar-header {\n  font-size: 22px;\n  padding: 8px 20px;\n  border-bottom: 1px solid var(--divider-color);\n}\n\n.playerlist-entry-title > pre {\n  margin: 0;\n}\n\n.playerlist-entry-title {\n  float: left;\n}\n\n/*# sourceURL=media/mediaView.css */");RootModule.Runtime.cachedResources.set("media/playerListView.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.tree-outline {\n  padding-left: 0;\n  color: rgb(90 90 90);\n}\n\nli.storage-group-list-item {\n  padding: 10px 8px 6px 8px;\n}\n\nli.storage-group-list-item:not(:first-child) {\n  border-top: 1px solid rgb(230 230 230);\n}\n\nli.storage-group-list-item::before {\n  display: none;\n}\n\n/*# sourceURL=media/playerListView.css */");RootModule.Runtime.cachedResources.set("media/playerPropertiesView.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.media-attributes-view {\n  border-bottom: 1px solid var(--divider-color);\n}\n\n.media-property-renderer {\n  line-height: 20px;\n  height: 28px;\n  padding: 4px 10px;\n}\n\n.media-property-renderer-hidden {\n  display: none;\n}\n\n.media-property-renderer-title {\n  font-size: 14px;\n}\n\n.media-property-renderer-contents {\n  position: absolute;\n  left: 200px;\n  overflow: hidden;\n  height: 20px;\n}\n\n.media-property-renderer:nth-child(even) {\n  background: hsl(214deg 0% 97%);\n}\n\n.media-property-renderer:hover {\n  background: hsl(214deg 70% 97%);\n}\n\n.-theme-with-dark-background .media-property-renderer:nth-child(even) {\n  background: rgb(41 41 41);\n}\n\n.media-properties-frame {\n  display: block;\n  overflow: hidden;\n}\n\n/*# sourceURL=media/playerPropertiesView.css */");RootModule.Runtime.cachedResources.set("media/playerMessagesView.css","/*\n * Copyright 2020 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.media-messages-header {\n  background-color: var(--toolbar-bg-color);\n  border-bottom: 1px solid var(--divider-color);\n  min-height: 26px;\n}\n\n.media-messages-body {\n  overflow-y: scroll;\n}\n\n.media-messages-level-dropdown-element {\n  background-color: var(--toolbar-bg-color);\n  color: black;\n  height: 18px;\n  line-height: 18px;\n}\n\n.media-messages-level-dropdown-element:hover {\n  background-color: var(--accent-color-hover);\n  color: white;\n}\n\n.media-messages-level-dropdown-text {\n  float: left;\n}\n\n.media-messages-level-dropdown-checkbox {\n  float: left;\n  width: 18px;\n  height: 100%;\n  padding-left: 2px;\n}\n\n.media-messages-message-container {\n  font-size: 14px;\n  line-height: 18px;\n  padding: 4px;\n  user-select: text;\n  border-bottom: 1px solid var(--divider-color);\n}\n\n.media-message-warning {\n  background-color: hsl(45deg 100% 97%);\n}\n\n.media-message-error {\n  background-color: hsl(0deg 100% 97%);\n}\n\n.media-messages-message-filtered {\n  display: none;\n}\n\n.media-messages-message-unselected {\n  display: none;\n}\n\n/*# sourceURL=media/playerMessagesView.css */");

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

@@ -0,0 +1 @@
+import{MobileThrottlingSelector as t,NetworkPanelIndicator as o,NetworkThrottlingSelector as e,ThrottlingManager as i,ThrottlingPresets as l,ThrottlingSettingsTab as n}from"./mobile_throttling.js";self.MobileThrottling=self.MobileThrottling||{},MobileThrottling=MobileThrottling||{},MobileThrottling.MobileThrottlingSelector=t.MobileThrottlingSelector,MobileThrottling.NetworkPanelIndicator=o.NetworkPanelIndicator,MobileThrottling.NetworkThrottlingSelector=e.NetworkThrottlingSelector,MobileThrottling.ThrottlingManager=i.ThrottlingManager,MobileThrottling.ThrottlingManager.Events=i.Events,MobileThrottling.ThrottlingManager.ActionDelegate=i.ActionDelegate,MobileThrottling.throttlingManager=i.throttlingManager,MobileThrottling.CPUThrottlingRates=l.CPUThrottlingRates,MobileThrottling.NoThrottlingConditions=l.ThrottlingPresets.getNoThrottlingConditions,MobileThrottling.OfflineConditions=l.ThrottlingPresets.getOfflineConditions,MobileThrottling.LowEndMobileConditions=l.ThrottlingPresets.getLowEndMobileConditions,MobileThrottling.MidTierMobileConditions=l.ThrottlingPresets.getMidTierMobileConditions,MobileThrottling.CustomConditions=l.ThrottlingPresets.getCustomConditions,MobileThrottling.mobilePresets=l.ThrottlingPresets.getMobilePresets,MobileThrottling.advancedMobilePresets=l.ThrottlingPresets.getAdvancedMobilePresets,MobileThrottling.networkPresets=l.ThrottlingPresets.networkPresets,MobileThrottling.cpuThrottlingPresets=l.ThrottlingPresets.cpuThrottlingPresets,MobileThrottling.ThrottlingSettingsTab=n.ThrottlingSettingsTab,MobileThrottling.throughputText=n.throughputText;

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

@@ -0,0 +1 @@
+import{i18n as t}from"../i18n/i18n.js";import{Runtime as i}from"../root/root.js";import{ViewManager as o}from"../ui/ui.js";const n={throttling:"Throttling",showThrottling:"Show Throttling"},r=t.registerUIStrings("mobile_throttling/mobile_throttling-meta.ts",n),e=t.getLazilyComputedLocalizedString.bind(void 0,r);let s;o.registerViewExtension({location:"settings-view",id:"throttling-conditions",title:e(n.throttling),commandPrompt:e(n.showThrottling),order:35,loadView:async()=>(await async function(){return s||(await i.Runtime.instance().loadModulePromise("mobile_throttling"),s=await import("./mobile_throttling.js")),s}()).ThrottlingSettingsTab.ThrottlingSettingsTab.instance(),settings:["customNetworkConditions"]});export{n as UIStrings};