simdeck 0.1.4 → 0.1.5

package/client/dist/chrome-devtools-ui/panels/timeline/utils/utils.js

@@ -0,0 +1 @@
+import*as e from"../../../core/root/root.js";import*as t from"../../../models/trace/trace.js";import*as n from"../../../core/common/common.js";import*as r from"../../../core/i18n/i18n.js";import*as i from"../../../ui/legacy/theme_support/theme_support.js";import*as a from"../../../core/sdk/sdk.js";import*as s from"../../../models/bindings/bindings.js";import*as o from"../../../models/source_map_scopes/source_map_scopes.js";import*as l from"../../../models/workspace/workspace.js";import"../../../ui/components/markdown_view/markdown_view.js";import*as c from"../../../core/platform/platform.js";import*as d from"../../../models/crux-manager/crux-manager.js";import*as p from"../../../third_party/marked/marked.js";import*as u from"../../../ui/lit/lit.js";import*as g from"../../mobile_throttling/mobile_throttling.js";const m={loading:"Loading",experience:"Experience",scripting:"Scripting",rendering:"Rendering",painting:"Painting",gpu:"GPU",async:"Async",system:"System",idle:"Idle",task:"Task",consoleTaskRun:"Run console task",other:"Other",animation:"Animation",event:"Event",requestMainThreadFrame:"Request main thread frame",frameStart:"Frame start",onMessage:"On message",schedulePostMessage:"Schedule postMessage",messaging:"Messaging",frameStartMainThread:"Frame start (main thread)",drawFrame:"Draw frame",profilingOverhead:"Profiling overhead",hitTest:"Hit test",scheduleStyleRecalculation:"Schedule style recalculation",recalculateStyle:"Recalculate style",invalidateLayout:"Invalidate Layout",layerize:"Layerize",layout:"Layout",paintSetup:"Paint setup",paintImage:"Paint image",prePaint:"Pre-paint",updateLayer:"Update layer",updateLayerTree:"Update layer tree",paint:"Paint",rasterizePaint:"Rasterize paint",scroll:"Scroll",commit:"Commit",compositeLayers:"Composite layers",computeIntersections:"Compute intersections",parseHtml:"Parse HTML",parseStylesheet:"Parse stylesheet",installTimer:"Install timer",removeTimer:"Remove timer",timerFired:"Timer fired",xhrReadyStateChange:"`XHR` `readyState` change",xhrLoad:"`XHR` load",compileScript:"Compile script",cacheScript:"Cache script code",compileCode:"Compile code",optimizeCode:"Optimize code",evaluateScript:"Evaluate script",compileModule:"Compile module",cacheModule:"Cache module code",evaluateModule:"Evaluate module",streamingCompileTask:"Streaming compile task",waitingForNetwork:"Waiting for network",parseAndCompile:"Parse and compile",deserializeCodeCache:"Deserialize code cache",streamingWasmResponse:"Streaming Wasm response",compiledWasmModule:"Compiled Wasm module",cachedWasmModule:"Cached Wasm module",wasmModuleCacheHit:"Wasm module cache hit",wasmModuleCacheInvalid:"Wasm module cache invalid",frameStartedLoading:"Frame started loading",onloadEvent:"Onload event",domcontentloadedEvent:"DOMContentLoaded event",firstPaint:"First Paint",firstContentfulPaint:"First Contentful Paint",largestContentfulPaint:"Largest Contentful Paint",timestamp:"Timestamp",consoleTime:"Console time",userTiming:"User timing",willSendRequest:"Will send request",sendRequest:"Send request",receiveResponse:"Receive response",finishLoading:"Finish loading",receiveData:"Receive data",runMicrotasks:"Run microtasks",functionCall:"Function call",gcEvent:"GC event",majorGc:"Major GC",minorGc:"Minor GC",requestAnimationFrame:"Request animation frame",cancelAnimationFrame:"Cancel animation frame",animationFrameFired:"Animation frame fired",requestIdleCallback:"Request idle callback",cancelIdleCallback:"Cancel idle callback",fireIdleCallback:"Fire idle callback",createWebsocket:"Create WebSocket",sendWebsocketHandshake:"Send WebSocket handshake",receiveWebsocketHandshake:"Receive WebSocket handshake",wsMessageReceived:"Receive WebSocket message",wsMessageSent:"Send WebSocket message",destroyWebsocket:"Destroy WebSocket",embedderCallback:"Embedder callback",imageDecode:"Image decode",domGc:"DOM GC",cppGc:"CPP GC",encrypt:"Encrypt",encryptReply:"Encrypt reply",decrypt:"Decrypt",decryptReply:"Decrypt reply",digest:"Digest",digestReply:"Digest reply",sign:"Sign",signReply:"Sign reply",verify:"Verify",verifyReply:"Verify reply",asyncTask:"Async task",layoutShift:"Layout shift",layoutShiftCluster:"Layout shift cluster",eventTiming:"Event timing",jsFrame:"JS frame",rasterizing:"Rasterizing",drawing:"Drawing",schedulePostTaskCallback:"Schedule postTask",runPostTaskCallback:"Fire postTask",abortPostTaskCallback:"Cancel postTask"};var h;let y;!function(e){e.DRAWING="drawing",e.RASTERIZING="rasterizing",e.LAYOUT="layout",e.LOADING="loading",e.EXPERIENCE="experience",e.SCRIPTING="scripting",e.MESSAGING="messaging",e.RENDERING="rendering",e.PAINTING="painting",e.GPU="gpu",e.ASYNC="async",e.OTHER="other",e.IDLE="idle"}(h||(h={}));const f=r.i18n.registerUIStrings("panels/timeline/utils/EntryStyles.ts",m),v=r.i18n.getLocalizedString.bind(void 0,f);class w{title;category;hidden;constructor(e,t,n=!1){this.title=e,this.category=t,this.hidden=n}}class T{name;title;visible;childColor;colorInternal;#e;constructor(e,t,n,r,i){this.name=e,this.title=t,this.visible=n,this.childColor=r,this.colorInternal=i,this.hidden=!1}get hidden(){return Boolean(this.#e)}get color(){return this.getComputedColorValue()}getCSSValue(){return`var(${this.colorInternal})`}getComputedColorValue(){return i.ThemeSupport.instance().getComputedValue(this.colorInternal)}set hidden(e){this.#e=e}}let C,S;function E(e){return k()[e]}function M(){return C||(C={loading:new T(h.LOADING,v(m.loading),!0,"--app-color-loading-children","--app-color-loading"),experience:new T(h.EXPERIENCE,v(m.experience),!1,"--app-color-rendering-children","--app-color-rendering"),messaging:new T(h.MESSAGING,v(m.messaging),!0,"--app-color-messaging-children","--app-color-messaging"),scripting:new T(h.SCRIPTING,v(m.scripting),!0,"--app-color-scripting-children","--app-color-scripting"),rendering:new T(h.RENDERING,v(m.rendering),!0,"--app-color-rendering-children","--app-color-rendering"),painting:new T(h.PAINTING,v(m.painting),!0,"--app-color-painting-children","--app-color-painting"),gpu:new T(h.GPU,v(m.gpu),!1,"--app-color-painting-children","--app-color-painting"),async:new T(h.ASYNC,v(m.async),!1,"--app-color-async-children","--app-color-async"),other:new T(h.OTHER,v(m.system),!1,"--app-color-system-children","--app-color-system"),idle:new T(h.IDLE,v(m.idle),!1,"--app-color-idle-children","--app-color-idle"),layout:new T(h.LAYOUT,v(m.layout),!1,"--app-color-loading-children","--app-color-loading"),rasterizing:new T(h.RASTERIZING,v(m.rasterizing),!1,"--app-color-children","--app-color-scripting"),drawing:new T(h.DRAWING,v(m.drawing),!1,"--app-color-rendering-children","--app-color-rendering")},C)}function k(){if(S)return S;const e=M();S={RunTask:new w(v(m.task),e.other),ProfileCall:new w(v(m.jsFrame),e.scripting),JSSample:new w("JSSample",e.scripting),Program:new w(v(m.other),e.other),"CpuProfiler::StartProfiling":new w(v(m.profilingOverhead),e.other),Animation:new w(v(m.animation),e.rendering),EventDispatch:new w(v(m.event),e.scripting),RequestMainThreadFrame:new w(v(m.requestMainThreadFrame),e.rendering,!0),BeginFrame:new w(v(m.frameStart),e.rendering,!0),BeginMainThreadFrame:new w(v(m.frameStartMainThread),e.rendering,!0),DrawFrame:new w(v(m.drawFrame),e.rendering,!0),HitTest:new w(v(m.hitTest),e.rendering),ScheduleStyleRecalculation:new w(v(m.scheduleStyleRecalculation),e.rendering),UpdateLayoutTree:new w(v(m.recalculateStyle),e.rendering),InvalidateLayout:new w(v(m.invalidateLayout),e.rendering,!0),Layerize:new w(v(m.layerize),e.rendering),Layout:new w(v(m.layout),e.rendering),PaintSetup:new w(v(m.paintSetup),e.painting),PaintImage:new w(v(m.paintImage),e.painting,!0),UpdateLayer:new w(v(m.updateLayer),e.painting,!0),UpdateLayerTree:new w(v(m.updateLayerTree),e.rendering),Paint:new w(v(m.paint),e.painting),PrePaint:new w(v(m.prePaint),e.rendering),RasterTask:new w(v(m.rasterizePaint),e.painting),ScrollLayer:new w(v(m.scroll),e.rendering),Commit:new w(v(m.commit),e.painting),CompositeLayers:new w(v(m.compositeLayers),e.painting),ComputeIntersections:new w(v(m.computeIntersections),e.rendering),ParseHTML:new w(v(m.parseHtml),e.loading),ParseAuthorStyleSheet:new w(v(m.parseStylesheet),e.loading),TimerInstall:new w(v(m.installTimer),e.scripting),TimerRemove:new w(v(m.removeTimer),e.scripting),TimerFire:new w(v(m.timerFired),e.scripting),XHRReadyStateChange:new w(v(m.xhrReadyStateChange),e.scripting),XHRLoad:new w(v(m.xhrLoad),e.scripting),"v8.compile":new w(v(m.compileScript),e.scripting),"v8.produceCache":new w(v(m.cacheScript),e.scripting),"V8.CompileCode":new w(v(m.compileCode),e.scripting),"V8.OptimizeCode":new w(v(m.optimizeCode),e.scripting),EvaluateScript:new w(v(m.evaluateScript),e.scripting),"V8.CompileModule":new w(v(m.compileModule),e.scripting),"v8.produceModuleCache":new w(v(m.cacheModule),e.scripting),"v8.evaluateModule":new w(v(m.evaluateModule),e.scripting),"v8.parseOnBackground":new w(v(m.streamingCompileTask),e.other),"v8.parseOnBackgroundWaiting":new w(v(m.waitingForNetwork),e.idle),"v8.parseOnBackgroundParsing":new w(v(m.parseAndCompile),e.scripting),"v8.deserializeOnBackground":new w(v(m.deserializeCodeCache),e.scripting),"V8.FinalizeDeserialization":new w(v(m.profilingOverhead),e.other),"v8.wasm.streamFromResponseCallback":new w(v(m.streamingWasmResponse),e.scripting),"v8.wasm.compiledModule":new w(v(m.compiledWasmModule),e.scripting),"v8.wasm.cachedModule":new w(v(m.cachedWasmModule),e.scripting),"v8.wasm.moduleCacheHit":new w(v(m.wasmModuleCacheHit),e.scripting),"v8.wasm.moduleCacheInvalid":new w(v(m.wasmModuleCacheInvalid),e.scripting),FrameStartedLoading:new w(v(m.frameStartedLoading),e.loading,!0),MarkLoad:new w(v(m.onloadEvent),e.scripting,!0),MarkDOMContent:new w(v(m.domcontentloadedEvent),e.scripting,!0),firstPaint:new w(v(m.firstPaint),e.painting,!0),firstContentfulPaint:new w(v(m.firstContentfulPaint),e.rendering,!0),"largestContentfulPaint::Candidate":new w(v(m.largestContentfulPaint),e.rendering,!0),TimeStamp:new w(v(m.timestamp),e.scripting),ConsoleTime:new w(v(m.consoleTime),e.scripting),UserTiming:new w(v(m.userTiming),e.scripting),ResourceWillSendRequest:new w(v(m.willSendRequest),e.loading),ResourceSendRequest:new w(v(m.sendRequest),e.loading),ResourceReceiveResponse:new w(v(m.receiveResponse),e.loading),ResourceFinish:new w(v(m.finishLoading),e.loading),ResourceReceivedData:new w(v(m.receiveData),e.loading),RunMicrotasks:new w(v(m.runMicrotasks),e.scripting),FunctionCall:new w(v(m.functionCall),e.scripting),GCEvent:new w(v(m.gcEvent),e.scripting),MajorGC:new w(v(m.majorGc),e.scripting),MinorGC:new w(v(m.minorGc),e.scripting),"CppGC.IncrementalSweep":new w(v(m.cppGc),e.scripting),RequestAnimationFrame:new w(v(m.requestAnimationFrame),e.scripting),CancelAnimationFrame:new w(v(m.cancelAnimationFrame),e.scripting),FireAnimationFrame:new w(v(m.animationFrameFired),e.scripting),RequestIdleCallback:new w(v(m.requestIdleCallback),e.scripting),CancelIdleCallback:new w(v(m.cancelIdleCallback),e.scripting),FireIdleCallback:new w(v(m.fireIdleCallback),e.scripting),WebSocketCreate:new w(v(m.createWebsocket),e.scripting),WebSocketSendHandshakeRequest:new w(v(m.sendWebsocketHandshake),e.scripting),WebSocketReceiveHandshakeResponse:new w(v(m.receiveWebsocketHandshake),e.scripting),WebSocketDestroy:new w(v(m.destroyWebsocket),e.scripting),WebSocketSend:new w(v(m.wsMessageSent),e.scripting),WebSocketReceive:new w(v(m.wsMessageReceived),e.scripting),EmbedderCallback:new w(v(m.embedderCallback),e.scripting),"Decode Image":new w(v(m.imageDecode),e.painting),GPUTask:new w(v(m.gpu),e.gpu),"BlinkGC.AtomicPhase":new w(v(m.domGc),e.scripting),DoEncrypt:new w(v(m.encrypt),e.scripting),DoEncryptReply:new w(v(m.encryptReply),e.scripting),DoDecrypt:new w(v(m.decrypt),e.scripting),DoDecryptReply:new w(v(m.decryptReply),e.scripting),DoDigest:new w(v(m.digest),e.scripting),DoDigestReply:new w(v(m.digestReply),e.scripting),DoSign:new w(v(m.sign),e.scripting),DoSignReply:new w(v(m.signReply),e.scripting),DoVerify:new w(v(m.verify),e.scripting),DoVerifyReply:new w(v(m.verifyReply),e.scripting),AsyncTask:new w(v(m.asyncTask),e.async),LayoutShift:new w(v(m.layoutShift),e.experience,!0),SyntheticLayoutShift:new w(v(m.layoutShift),e.experience),SyntheticLayoutShiftCluster:new w(v(m.layoutShiftCluster),e.experience),EventTiming:new w(v(m.eventTiming),e.experience),HandlePostMessage:new w(v(m.onMessage),e.messaging),SchedulePostMessage:new w(v(m.schedulePostMessage),e.messaging),SchedulePostTaskCallback:new w(v(m.schedulePostTaskCallback),e.scripting),RunPostTaskCallback:new w(v(m.runPostTaskCallback),e.scripting),AbortPostTaskCallback:new w(v(m.abortPostTaskCallback),e.scripting),"V8Console::runTask":new w(v(m.consoleTaskRun),e.scripting)};const n=Object.keys(S).every((e=>t.Helpers.Trace.VISIBLE_TRACE_EVENT_TYPES.has(e))),r=Object.keys(S),i=Array.from(t.Helpers.Trace.VISIBLE_TRACE_EVENT_TYPES).every((e=>r.includes(e)));if(!n||!i)throw new Error("eventStylesMap and VISIBLE_TRACE_EVENT_TYPES are out of sync!");return S}function R(){const e=k(),t=[];for(const n in e){const r=n;e[r]?.hidden||t.push(n)}return t}var I=Object.freeze({__proto__:null,get EventCategory(){return h},TimelineCategory:T,TimelineRecordStyle:w,getCategoryStyles:M,getEventStyle:E,getTimelineMainEventCategories:function(){return y||(y=[h.IDLE,h.LOADING,h.PAINTING,h.RENDERING,h.SCRIPTING,h.OTHER],y)},markerDetailsForEvent:function(e){let n="",r="var(--color-text-primary)";return t.Types.Events.isFirstContentfulPaint(e)&&(r="var(--sys-color-green-bright)",n="FCP"),t.Types.Events.isLargestContentfulPaintCandidate(e)&&(r="var(--sys-color-green)",n="LCP"),t.Types.Events.isNavigationStart(e)&&(r="var(--color-text-primary)",n="Nav"),t.Types.Events.isMarkDOMContent(e)&&(r="var(--color-text-disabled)",n="DCL"),t.Types.Events.isMarkLoad(e)&&(r="var(--color-text-disabled)",n="L"),{color:r,title:n}},maybeInitSylesMap:k,setCategories:function(e){C=e},setEventStylesMap:function(e){S=e},setTimelineMainEventCategories:function(e){y=e},stringIsEventCategory:function(e){return Object.values(h).includes(e)},visibleTypes:R});const b={anonymous:"(anonymous)",eventDispatchS:"Event: {PH1}",frame:"Frame",wsConnectionOpened:"WebSocket opened",wsConnectionOpenedWithUrl:"WebSocket opened: {PH1}",wsConnectionClosed:"WebSocket closed",layoutShift:"Layout shift"},P=r.i18n.registerUIStrings("panels/timeline/utils/EntryName.ts",b),F=r.i18n.getLocalizedString.bind(void 0,P);function L(e,i){if(t.Types.Events.isProfileCall(e)){if(i){const n=t.Handlers.ModelHandlers.Samples.getProfileCallFunctionName(i.Samples,e);if(n)return n}return e.callFrame.functionName||F(b.anonymous)}if(t.Types.Events.isLegacyTimelineFrame(e))return r.i18n.lockedString(b.frame);if(t.Types.Events.isDispatch(e))return F(b.eventDispatchS,{PH1:e.args.data.type});if(t.Types.Events.isSyntheticNetworkRequest(e)){const t=new n.ParsedURL.ParsedURL(e.args.data.url);return t.isValid?`${t.displayName} (${t.host})`:e.args.data.url||"Network request"}if(t.Types.Events.isWebSocketCreate(e))return e.args.data.url?F(b.wsConnectionOpenedWithUrl,{PH1:e.args.data.url}):F(b.wsConnectionOpened);if(t.Types.Events.isWebSocketDestroy(e))return F(b.wsConnectionClosed);if(t.Types.Events.isSyntheticInteraction(e))return function(e){const n=t.Handlers.ModelHandlers.UserInteractions.categoryOfInteraction(e);if("OTHER"===n)return"Other";if("KEYBOARD"===n)return"Keyboard";if("POINTER"===n)return"Pointer";return e.type}(e);if(t.Types.Events.isSyntheticLayoutShift(e))return F(b.layoutShift);if(t.Types.Events.isSyntheticAnimation(e)&&e.args.data.beginEvent.args.data.displayName)return e.args.data.beginEvent.args.data.displayName;const a=E(e.name)?.title;return a||e.name}var N=Object.freeze({__proto__:null,nameForEntry:L});class D extends Event{static eventName="sourcemappingsupdated";constructor(){super(D.eventName,{composed:!0,bubbles:!0})}}const A=new Map;class O extends EventTarget{executionContextNamesByOrigin=new Map;#t;#n=null;#r=!1;#i=new Set;constructor(e,t){super(),this.#t=e,this.#n=t??null}static clearResolvedNodeNames(){A.clear()}static keyForCodeLocation(e){return`${e.url}$$$${e.scriptId}$$$${e.functionName}$$$${e.lineNumber}$$$${e.columnNumber}`}static resolvedCodeLocationForCallFrame(e){const t=this.keyForCodeLocation(e);return A.get(t)??null}static resolvedCodeLocationForEntry(e){let n=null;if(t.Types.Events.isProfileCall(e))n=e.callFrame;else{const r=t.Helpers.Trace.getZeroIndexedStackTraceForEvent(e);if(null===r||r.length<1)return null;n=r[0]}return O.resolvedCodeLocationForCallFrame(n)}static resolvedURLForEntry(e,n){const r=O.resolvedCodeLocationForEntry(n)?.devtoolsLocation?.uiSourceCode.url();if(r)return r;const i=t.Handlers.Helpers.getNonResolvedURL(n,e);return i?l.Workspace.WorkspaceImpl.instance().uiSourceCodeForURL(i)?.url()??i:null}static storeResolvedCodeDataForCallFrame(e,t){const n=this.keyForCodeLocation(e);A.set(n,t)}async install(){for(const e of this.#t.Samples.profilesInProcess.values())for(const[t,n]of e){const e=n.parsedProfile.nodes();if(!e||0===e.length)continue;const r=this.#a(t),i=r?.model(a.DebuggerModel.DebuggerModel);if(i)for(const t of e){const e=i.scriptForId(String(t.callFrame.scriptId));(!e||e.sourceMapURL)&&this.#i.add(i)}}for(const e of this.#i)e.sourceMapManager().addEventListener(a.SourceMapManager.Events.SourceMapAttached,this.#s,this);this.#o(),await this.#l()}uninstall(){for(const e of this.#i)e.sourceMapManager().removeEventListener(a.SourceMapManager.Events.SourceMapAttached,this.#s,this);this.#i.clear()}async#l(){let e=!1;for(const[,t]of this.#t.Samples.profilesInProcess)for(const[n,r]of t){const t=r.parsedProfile.nodes()??[],i=this.#a(n);if(i)for(const n of t){const t=await o.NamesResolver.resolveProfileFrameFunctionName(n.callFrame,i);e||=Boolean(t),n.setFunctionName(t);const r=i.model(a.DebuggerModel.DebuggerModel),l=r?.scriptForId(n.scriptId)||null,c=r&&new a.DebuggerModel.Location(r,n.callFrame.scriptId,n.callFrame.lineNumber,n.callFrame.columnNumber),d=c&&await s.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance().rawLocationToUILocation(c);e||=Boolean(d),d?.uiSourceCode.url()&&this.#n&&this.#n.updateSourceMapEntities(n.callFrame,d.uiSourceCode.url()),O.storeResolvedCodeDataForCallFrame(n.callFrame,{name:t,devtoolsLocation:d,script:l})}}e&&this.dispatchEvent(new D)}#s(){this.#r||(this.#r=!0,setTimeout((async()=>{this.#r=!1,await this.#l()}),500))}#a(e){const t=this.#t.Workers.workerIdByThread.get(e);return t?a.TargetManager.TargetManager.instance().targetById(t):a.TargetManager.TargetManager.instance().primaryPageTarget()}#o(){for(const e of a.TargetManager.TargetManager.instance().models(a.RuntimeModel.RuntimeModel))for(const t of e.executionContexts())this.executionContextNamesByOrigin.set(t.origin,t.name);this.#n?.updateExtensionEntitiesWithName(this.executionContextNamesByOrigin)}}var _=Object.freeze({__proto__:null,SourceMappingsUpdated:D,SourceMapsResolver:O,resolvedCodeLocationDataNames:A});function H(e,t){for(const n of e){if(t?.(n))break;H(n.children().values(),t)}}class x{selectedNode;rootNode;parsedTrace;constructor(e,t,n){this.selectedNode=e,this.rootNode=t,this.parsedTrace=n}static fromTimeOnThread({thread:e,parsedTrace:n,bounds:r}){const i=n.Renderer.processes.get(e.pid)?.threads.get(e.tid)?.entries;if(!i)return null;const a=i.filter((e=>t.Helpers.Timing.eventIsInBounds(e,r))),s=new t.Extras.TraceFilter.VisibleEventsFilter(R()),o=t.Types.Timing.Micro(.005*r.range),l=new B(o),c=new W,d=new t.Extras.TraceTree.TopDownRootNode(a,{filters:[l,c,s],startTime:t.Helpers.Timing.microToMilli(r.min),endTime:t.Helpers.Timing.microToMilli(r.max),doNotAggregate:!0,includeInstantEvents:!0});return new x(null,d,n)}static fromEvent(n,r){const i=t.Handlers.Threads.threadsInTrace(r).find((e=>e.pid===n.pid&&e.tid===n.tid));if(!i)return null;if("MAIN_THREAD"!==i.type&&"CPU_PROFILE"!==i.type)return null;if(!r.Renderer.entryToNode.has(n)&&!r.Samples.entryToNode.has(n))return null;const a=e.Runtime.experiments.isEnabled("timeline-show-all-events"),{startTime:s,endTime:o}=t.Helpers.Timing.eventTimingsMilliSeconds(n),l=t.Helpers.Timing.traceWindowFromMicroSeconds(t.Helpers.Timing.milliToMicro(s),t.Helpers.Timing.milliToMicro(o));let c=r.Renderer.processes.get(n.pid)?.threads.get(n.tid)?.entries;if(c||(c=r.Samples.profilesInProcess.get(n.pid)?.get(n.tid)?.profileCalls),!c)return console.warn(`AICallTree: could not find thread for selected entry: ${n}`),null;const d=c.filter((e=>t.Helpers.Timing.eventIsInBounds(e,l))),p=[new U(n),new W(n)];a||p.push(new t.Extras.TraceFilter.VisibleEventsFilter(R()));const u=new t.Extras.TraceTree.TopDownRootNode(d,{filters:p,startTime:s,endTime:o,includeInstantEvents:!0});let g=null;if(H([u].values(),(e=>{if(e.event===n)return g=e,!0})),null===g)return console.warn(`Selected event ${n} not found within its own tree.`),null;return new x(g,u,r)}serialize(){const e=new Map,t=[];let n="";H(this.rootNode.children().values(),(r=>{n+=x.stringifyNode(r,this.parsedTrace,this.selectedNode,e,t)}));let r="";return t.length&&(r+="\n# All URL #s:\n\n"+t.map(((e,t)=>`  * ${t}: ${e}`)).join("\n")),r+="\n\n# Call tree:"+n,r}static stringifyNode(e,t,n,r,i){const a=e.event;if(!a)throw new Error("Event required");const s=O.resolvedURLForEntry(t,a),o=s?-1===i.indexOf(s)?i.push(s)-1:i.indexOf(s):-1,l=Array.from(e.children().values()),c=e=>(r.has(e)||r.set(e,r.size+1),`${r.get(e)} – ${L(e.event,t)}`),d=e=>Math.round(10*e)/10,p=[`\n\nNode: ${c(e)}`,n===e&&"Selected: true",e.totalTime&&`dur: ${d(e.totalTime)}`,e.selfTime&&`self: ${d(e.selfTime)}`,-1!==o&&`URL #: ${o}`];return l.length&&(p.push("Children:"),p.push(...l.map((e=>`  * ${c(e)}`)))),p.filter(Boolean).join("\n")}logDebug(){const e=this.serialize();console.log("🎆",e),e.length>45e3&&console.warn("Output will likely not fit in the context window. Expect an AIDA error.")}}class W extends t.Extras.TraceFilter.TraceFilter{#c=null;constructor(e){super(),this.#c=e??null}accept(e){return!(!this.#c||e!==this.#c)||"V8.CompileCode"!==e.name}}class U extends t.Extras.TraceFilter.TraceFilter{#d;#c;constructor(e){super(),this.#d=t.Types.Timing.Micro(.005*(e.dur??1)),this.#c=e}accept(e){return e===this.#c||!!e.dur&&e.dur>=this.#d}}class B extends t.Extras.TraceFilter.TraceFilter{#d;constructor(e){super(),this.#d=e}accept(e){return!!e.dur&&e.dur>=this.#d}}var $=Object.freeze({__proto__:null,AICallTree:x,ExcludeCompileCodeFilter:W,MinDurationFilter:B,SelectedEventDurationFilter:U});var z=Object.freeze({__proto__:null,EntityMapper:class{#p;#t;#u;#g;#m=[];#h=new Set;constructor(t){this.#t=t,this.#u=this.#t.Renderer.entityMappings,this.#p=e.Runtime.experiments.isEnabled("react-native-specific-ui"),this.#g=this.#y(),this.#m=this.#f()}#y(){if(this.#p)return null;const e=Array.from(this.#t.Meta.navigationsByNavigationId.values()).sort(((e,t)=>e.ts-t.ts))[0],n=e?.args.data?.documentLoaderURL??this.#t.Meta.mainFrameURL;return n?t.Handlers.Helpers.getEntityForUrl(n,this.#u.createdEntityCache)??null:null}#f(){return Array.from(this.#u.eventsByEntity.entries()).flatMap((([e,t])=>e!==this.#g?t:[]))}entityForEvent(e){return this.#p?null:this.#u.entityByEvent.get(e)??null}eventsForEntity(e){return this.#u.eventsByEntity.get(e)??[]}firstPartyEntity(){return this.#g}thirdPartyEvents(){return this.#m}mappings(){return this.#u}updateSourceMapEntities(e,n){if(this.#h.has(e))return;const r=e.url,i=t.Handlers.Helpers.getEntityForUrl(r,this.#u.createdEntityCache),a=t.Handlers.Helpers.getEntityForUrl(n,this.#u.createdEntityCache);if(a===i||!i||!a)return;const s=(i&&this.#u.eventsByEntity.get(i))??[],o=[],l=[];s?.forEach((n=>{const r=t.Helpers.Trace.getZeroIndexedStackTraceForEvent(n),i=r?.at(0);i&&t.Helpers.Trace.isMatchingCallFrame(i,e)?o.push(n):l.push(n)})),this.#u.eventsByEntity.set(i,l),this.#u.eventsByEntity.set(a,o),o.forEach((e=>{this.#u.entityByEvent.set(e,a)})),this.#h.add(e)}updateExtensionEntitiesWithName(e){const t=Array.from(this.#u.eventsByEntity.keys());for(const[n,r]of e){const e=t.find((e=>e.domains[0]===n));e&&(e.name=e.company=r)}}}});const{html:G}=u;function j(e){let t="";for(const[n,r]of e.searchParams)t&&(t+="&"),t+=r?`${n}=${c.StringUtilities.trimEndWithMaxLength(r,8)}`:n;return t&&(t="?"+t),t}var q=Object.freeze({__proto__:null,createUrlLabels:function(e){const t=[],n=e.every((e=>"https:"===e.protocol));for(const[r,i]of e.entries()){const a=e[r-1];let s=a&&i.host===a.host&&i.protocol===a.protocol,o=n;0===r&&n&&(s=!0,o=!0);const l=j(i);o?s?t.push(`${i.pathname}${l}`):t.push(`${i.host}${i.pathname}${l}`):t.push(`${i.protocol}//${i.host}${i.pathname}${l}`)}return t.map((e=>e.length>1&&e.endsWith("/")?e.substring(0,e.length-1):e))},formatOriginWithEntity:function(e,t,n){const r=e.origin.replace("https://","");if(!t)return r;let i;return i=t.isUnrecognized?`${r}`:n?`${r} (${t.name})`:`${r} - ${t.name}`,i=c.StringUtilities.trimEndWithMaxLength(i,60),i},getThrottlingRecommendations:function(){let e=a.CPUThrottlingManager.CalibratedMidTierMobileThrottlingOption;0===e.rate()&&(e=a.CPUThrottlingManager.MidTierThrottlingOption);let t=null;const n=d.CrUXManager.instance().getSelectedFieldMetricData("round_trip_time");if(n?.percentiles){const e=Number(n.percentiles.p75);t=g.ThrottlingPresets.ThrottlingPresets.getRecommendedNetworkPreset(e)}return{cpuOption:e,networkConditions:t}},md:function(e){const t=p.Marked.lexer(e);return G`<devtools-markdown-view .data=${{tokens:t}}></devtools-markdown-view>`},shortenUrl:function(e,t=20){const n="/"===e.pathname?[e.host]:e.pathname.split("/");let r=n.at(-1)??"";if(r.length>t)return c.StringUtilities.trimMiddle(r,t);let i=n.length-1;for(;--i>=0;)r.length+n[i].length<=t&&(r=`${n[i]}/${r}`);return r}});const V={skipContentScripts:"Content script",skip3rdPartyScripts:"Marked with ignoreList in source map",skipAnonymousScripts:"Anonymous script",unknown:"Unknown"},Y=r.i18n.registerUIStrings("panels/timeline/utils/IgnoreList.ts",V),X=r.i18n.getLocalizedString.bind(void 0,Y);function K(e){const t=e.callFrame.url,n=O.resolvedCodeLocationForEntry(e),r=n?.script,i=n?.devtoolsLocation?.uiSourceCode,a=i?.url(),s=i?.isKnownThirdParty(),o=r?.isContentScript();return{url:a||t,ignoreListOptions:{isContentScript:o,isKnownThirdParty:s}}}var J=Object.freeze({__proto__:null,getIgnoredReasonString:function(e){if(!t.Types.Events.isProfileCall(e))return console.warn("Ignore list feature should only support ProfileCall."),"";const{url:n,ignoreListOptions:r}=K(e),i=s.IgnoreListManager.IgnoreListManager.instance();if(r.isContentScript&&i.skipContentScripts)return X(V.skipContentScripts);if(r.isKnownThirdParty&&i.automaticallyIgnoreListKnownThirdPartyScripts)return X(V.skip3rdPartyScripts);if(!n)return i.skipAnonymousScripts?X(V.skipAnonymousScripts):"";const a=i.getFirstMatchedRegex(n);return a?a.source:X(V.unknown)},isIgnoreListedEntry:function(e){if(!t.Types.Events.isProfileCall(e))return!1;const{url:n,ignoreListOptions:r}=K(e);return function(e,t){return s.IgnoreListManager.IgnoreListManager.instance().isUserIgnoreListedURL(e,t)}(n,r)}});const Z=new WeakMap,Q=new EventTarget;function ee(e){return new Promise((t=>{const n=new Image;n.addEventListener("load",(()=>t(n))),n.addEventListener("error",(()=>t(null))),n.src=e}))}const te=Z,ne=ee;var re=Object.freeze({__proto__:null,cacheForTesting:te,emitter:Q,getOrQueue:function(e){return Z.has(e)?Z.get(e)??null:(ee(t.Handlers.ModelHandlers.Screenshots.screenshotImageDataUri(e)).then((t=>{Z.set(e,t),Q.dispatchEvent(new CustomEvent("screenshot-loaded",{detail:{screenshot:e,image:t}}))})).catch((()=>{})),null)},loadImageForTesting:ne,preload:function(e){const n=e.map((e=>{if(Z.has(e))return;return ee(t.Handlers.ModelHandlers.Screenshots.screenshotImageDataUri(e)).then((t=>{Z.set(e,t)}))}));return Promise.all(n)}});function ie(e,n){const r=e.navigationId?n.Meta.navigationsByNavigationId.get(e.navigationId):void 0,i=r?.ts??n.Meta.traceBounds.min;let a=function(e){if(t.Insights.Models.LCPPhases.isLCPPhases(e)&&e.lcpEvent)return e.lcpEvent.ts;return null}(e);if(!a&&(a=n.Meta.traceBounds.max,r)){const e=function(e,t){for(let n=0;n<t.Meta.mainFrameNavigations.length;n++){const r=t.Meta.mainFrameNavigations[n];if(r.args.data?.navigationId===e.args.data?.navigationId)return t.Meta.mainFrameNavigations.at(n+1)??null}return null}(r,n);e&&(a=e.ts)}return t.Helpers.Timing.traceWindowFromMicroSeconds(i,a)}var ae=Object.freeze({__proto__:null,AIQueries:class{static networkRequests(e,t){const n=ie(e,t),r=[];for(const e of t.NetworkRequests.byTime){if(e.ts>n.max)break;e.args.data.url.startsWith("data:")||e.ts>=n.min&&e.ts+e.dur<=n.max&&r.push(e)}return r}static networkRequest(e,t){return e.NetworkRequests.byTime.find((e=>e.args.data.url===t))??null}static mainThreadActivity(e,n){let r=null,i=null;if(e.navigationId){const t=n.Meta.navigationsByNavigationId.get(e.navigationId);t?.args.data?.isOutermostMainFrame&&(r=t.pid,i=t.tid)}const a=t.Handlers.Threads.threadsInTrace(n).find((e=>r&&i?e.pid===r&&e.tid===i:"MAIN_THREAD"===e.type));if(!a)return null;const s=ie(e,n);return x.fromTimeOnThread({thread:{pid:a.pid,tid:a.tid},parsedTrace:n,bounds:s})}},ActiveInsight:class{#v;#t;constructor(e,t){this.#v=e,this.#t=t}get insight(){return this.#v}get parsedTrace(){return this.#t}title(){return this.#v.title}}});async function se(e,t,n){const r=new URL(t);r.hash=await async function(e){let t=(new TextEncoder).encode(e);const n=new CompressionStream("gzip"),r=n.writable.getWriter();r.write(t),r.close();const i=await new Response(n.readable).arrayBuffer();t=new Uint8Array(i);let a="";for(let e=0;e<t.length;e+=5e3)a+=String.fromCharCode(...t.subarray(e,e+5e3));return btoa(a)}(JSON.stringify(e)),r.searchParams.set("gzip","1"),window.open(r.toString(),n)}function oe(e,t,n){function r(e){return{name:e,resourceBytes:0}}const i=r(t);function a(e,n){let a=i;i.resourceBytes+=n.resourceBytes;const s=e.replace(t,"").split(/\/+/);s.forEach(((e,t)=>{if(0===e.length)return;const i=t===s.length-1;let o=a.children?.find((t=>t.name===e));o||(o=r(e),a.children=a.children||[],a.children.push(o)),a=o,a.resourceBytes+=n.resourceBytes,i&&void 0!==n.duplicatedNormalizedModuleName&&(a.duplicatedNormalizedModuleName=n.duplicatedNormalizedModuleName)}))}for(const[e,t]of Object.entries(n))a(e,t);if(function e(t){for(;t.children&&1===t.children.length;){const e=t.children[0];t.name+="/"+e.name,e.duplicatedNormalizedModuleName&&(t.duplicatedNormalizedModuleName=e.duplicatedNormalizedModuleName),t.children=e.children}if(t.children)for(const n of t.children)e(n)}(i),!i.name)return{...i,name:e,children:i.children};const s={...i};return s.name=e,s.children=[i],s}var le=Object.freeze({__proto__:null,createTreemapData:function(e,n){const r=[],i=new Map;for(const a of e.scripts){if(!a.url)continue;const e=a.url,s=t.Handlers.ModelHandlers.Scripts.getScriptGeneratedSizes(a);let o;if(a.sourceMap&&s&&!("errorMessage"in s)){const e={};for(const[r,i]of Object.entries(s.files)){const a={resourceBytes:i},s=t.Extras.ScriptDuplication.normalizeSource(r);n.has(s)&&(a.duplicatedNormalizedModuleName=s),e[r]=a}if(s.unmappedBytes){const t={resourceBytes:s.unmappedBytes};e["(unmapped)"]=t}o=oe(a.url,a.url,e)}else o={name:e,resourceBytes:a.content?.length??0};if(a.inline){let t=i.get(a.frame);t||(t={name:e,resourceBytes:0,children:[]},i.set(a.frame,t),r.push(t)),t.resourceBytes+=o.resourceBytes,o.name=a.content?"(inline) "+a.content.trimStart().substring(0,15)+"…":"(inline)",t.children?.push(o)}else r.push(o)}return r},makeScriptNode:oe,openTreemap:function(e,t,n){se({lhr:{mainDocumentUrl:t,audits:{"script-treemap-data":{details:{type:"treemap-data",nodes:e}}},configSettings:{locale:r.DevToolsLocale.DevToolsLocale.instance().locale}},initialView:"duplicate-modules"},"https://googlechrome.github.io/lighthouse/treemap/",`treemap-${n}`)}});export{$ as AICallTree,z as EntityMapper,N as EntryName,I as EntryStyles,q as Helpers,J as IgnoreList,re as ImageCache,ae as InsightAIContext,_ as SourceMapsResolver,le as Treemap};

package/client/dist/chrome-devtools-ui/panels/utils/utils.js

@@ -0,0 +1 @@
+import*as e from"../../core/common/common.js";import*as r from"../../core/i18n/i18n.js";import*as o from"../../models/formatter/formatter.js";import*as t from"../../models/persistence/persistence.js";import*as n from"../../ui/components/diff_view/diff_view.js";import*as s from"../../ui/components/icon_button/icon_button.js";import*as i from"../../ui/legacy/legacy.js";import*as c from"../snippets/snippets.js";const a={requestContentHeadersOverridden:"Both request content and headers are overridden",requestContentOverridden:"Request content is overridden",requestHeadersOverridden:"Request headers are overridden",thirdPartyPhaseout:"Cookies for this request are blocked either because of Chrome flags or browser configuration. Learn more in the Issues panel."},l=r.i18n.registerUIStrings("panels/utils/utils.ts",a),u=r.i18n.getLocalizedString.bind(void 0,l);class d{static isFailedNetworkRequest(e){if(!e)return!1;if(e.failed&&!e.statusCode)return!0;if(e.statusCode>=400)return!0;const r=e.signedExchangeInfo();return!(null===r||!Boolean(r.errors))||(!(!e.webBundleInfo()?.errorMessage&&!e.webBundleInnerRequestInfo()?.errorMessage)||!!e.corsErrorStatus())}static createIconElement(e,r){const o=document.createElement("div");o.title=r;const t=new URL(`../../Images/${e.iconName}.svg`,import.meta.url).toString();return o.style.setProperty("mask",`url('${t}')  no-repeat center /99%`),o.style.setProperty("background-color",e.color),o}static getIconForNetworkRequest(r){let o,t=r.resourceType();if(d.isFailedNetworkRequest(r)){let n;return n=r.resourceType()===e.ResourceType.resourceTypes.Prefetch?{iconName:"warning-filled",color:"var(--icon-warning)"}:{iconName:"cross-circle-filled",color:"var(--icon-error)"},o=d.createIconElement(n,t.title()),o.classList.add("icon"),o}if(r.hasThirdPartyCookiePhaseoutIssue()){const e={iconName:"warning-filled",color:"var(--icon-warning)"};return o=this.createIconElement(e,u(a.thirdPartyPhaseout)),o.classList.add("icon"),o}const n=r.hasOverriddenHeaders(),s=r.hasOverriddenContent;if(n||s){const e={iconName:"document",color:"var(--icon-default)"};let r;r=u(n&&s?a.requestContentHeadersOverridden:s?a.requestContentOverridden:a.requestHeadersOverridden);const t=this.createIconElement(e,r);return t.classList.add("icon"),o=document.createElement("div"),o.classList.add("network-override-marker"),o.appendChild(t),o}const i=e.ResourceType.ResourceType.fromMimeType(r.mimeType);if(i!==t&&i!==e.ResourceType.resourceTypes.Other&&(t===e.ResourceType.resourceTypes.Fetch||i===e.ResourceType.resourceTypes.Image||t===e.ResourceType.resourceTypes.Other&&i===e.ResourceType.resourceTypes.Script)&&(t=i),t===e.ResourceType.resourceTypes.Image){const e=document.createElement("img");return e.classList.add("image-network-icon-preview"),e.alt=r.resourceType().title(),r.populateImageSource(e),o=document.createElement("div"),o.classList.add("image","icon"),o.appendChild(e),o}if(t!==e.ResourceType.resourceTypes.Manifest&&"application/json"===e.ResourceType.ResourceType.simplifyContentType(r.mimeType)){const e={iconName:"file-json",color:"var(--icon-file-script)"};return o=this.createIconElement(e,r.resourceType().title()),o.classList.add("icon"),o}const c=d.iconDataForResourceType(t);return o=this.createIconElement(c,r.resourceType().title()),o.classList.add("icon"),o}static iconDataForResourceType(r){return r.isDocument()?{iconName:"file-document",color:"var(--icon-file-document)"}:r.isImage()?{iconName:"file-image",color:"var(--icon-file-image)"}:r.isFont()?{iconName:"file-font",color:"var(--icon-file-font)"}:r.isScript()?{iconName:"file-script",color:"var(--icon-file-script)"}:r.isStyleSheet()?{iconName:"file-stylesheet",color:"var(--icon-file-styles)"}:r.name()===e.ResourceType.resourceTypes.Manifest.name()?{iconName:"file-manifest",color:"var(--icon-default)"}:r.name()===e.ResourceType.resourceTypes.Wasm.name()?{iconName:"file-wasm",color:"var(--icon-default)"}:r.name()===e.ResourceType.resourceTypes.WebSocket.name()?{iconName:"file-websocket",color:"var(--icon-default)"}:r.name()===e.ResourceType.resourceTypes.Media.name()?{iconName:"file-media",color:"var(--icon-file-media)"}:r.isWebbundle()?{iconName:"bundle",color:"var(--icon-default)"}:r.name()===e.ResourceType.resourceTypes.Fetch.name()||r.name()===e.ResourceType.resourceTypes.XHR.name()?{iconName:"file-fetch-xhr",color:"var(--icon-default)"}:{iconName:"file-generic",color:"var(--icon-default)"}}static getIconForSourceFile(e,r={}){const o=t.Persistence.PersistenceImpl.instance().binding(e),n=t.NetworkPersistenceManager.NetworkPersistenceManager.instance();let a="document",l=!1,u=!1;o?(c.ScriptSnippetFileSystem.isSnippetsUISourceCode(o.fileSystem)&&(a="snippet"),l=!0,u=n.project()===o.fileSystem.project()):n.isActiveHeaderOverrides(e)?(l=!0,u=!0):c.ScriptSnippetFileSystem.isSnippetsUISourceCode(e)&&(a="snippet");const d=new s.FileSourceIcon.FileSourceIcon(a);return d.data={contentType:e.contentType().name(),hasDotBadge:l,isDotPurple:u,width:r.width,height:r.height},o&&i.Tooltip.Tooltip.install(d,t.PersistenceUtils.PersistenceUtils.tooltipForUISourceCode(e)),d}static async formatCSSChangesFromDiff(e){const{originalLines:r,currentLines:o,rows:t}=n.DiffView.buildDiffRows(e),s=await m(r.join("\n")),i=await m(o.join("\n"));let c,a,l="",u=!1;for(const{currentLineNumber:e,originalLineNumber:n,type:d}of t){if("deletion"!==d&&"addition"!==d)continue;const t="deletion"===d,m=t?n-1:e-1,p=(t?r:o)[m].trim(),{declarationIDToStyleRule:f,styleRuleIDToStyleRule:y}=t?s:i;let g,T="";if(f.has(m)){g=f.get(m);const e=g.selector;e!==c&&e!==a&&(T+=`${e} {\n`),T+="  ",u=!0}else u&&(T="}\n\n",u=!1),y.has(m)&&(g=y.get(m));l+=T+(t?`/* ${p} */`:p)+"\n",t?c=g?.selector:a=g?.selector}return l.length>0&&(l+="}"),l}static highlightElement(e){e.scrollIntoViewIfNeeded(),e.animate([{offset:0,backgroundColor:"rgba(255, 255, 0, 0.2)"},{offset:.1,backgroundColor:"rgba(255, 255, 0, 0.7)"},{offset:1,backgroundColor:"transparent"}],{duration:2e3,easing:"cubic-bezier(0, 0, 0.2, 1)"})}}async function m(e){const r=await new Promise((r=>{const t=[];o.FormatterWorkerPool.formatterWorkerPool().parseCSS(e,((e,o)=>{t.push(...o),e&&r(t)}))})),t=new Map,n=new Map;for(const e of r)if("styleRange"in e){const r=e.selectorText.split("\n").pop()?.trim();if(!r)continue;const o={rule:e,selector:r};n.set(e.styleRange.startLine,o);for(const r of e.properties)t.set(r.range.startLine,o)}return{declarationIDToStyleRule:t,styleRuleIDToStyleRule:n}}export{d as PanelUtils};

package/client/dist/chrome-devtools-ui/panels/web_audio/graph_visualizer/graph_visualizer.js

@@ -0,0 +1 @@
+import*as t from"../../../ui/legacy/legacy.js";import*as e from"../../../core/common/common.js";import*as o from"../../../core/platform/platform.js";const a="14px Segoe UI, Arial",d="12px Segoe UI, Arial";var r=Object.freeze({__proto__:null,ArrowHeadSize:12,AudioParamRadius:5,BottomPaddingWithParam:8,BottomPaddingWithoutParam:6,GraphMargin:20,GraphPadding:20,InputPortRadius:10,LeftMarginOfText:12,LeftSideTopPadding:5,NodeLabelFontStyle:a,ParamLabelFontStyle:d,PortPadding:4,RightMarginOfText:30,TotalInputPortHeight:24,TotalOutputPortHeight:24,TotalParamPortHeight:14});const i=t=>({x:0,y:15+24*t}),s=(t,e,o)=>{const{width:a,height:d}=e;return{x:a,y:d/2+24*(2*t-o+1)/2}},n=(t,e)=>({x:0,y:e+14*(t+1)-5});var u=Object.freeze({__proto__:null,calculateInputPortXY:i,calculateOutputPortXY:s,calculateParamPortXY:n});class h{id;type;numberOfInputs;numberOfOutputs;label;size;position;layout;ports;constructor(t,e){this.id=t.nodeId,this.type=t.nodeType,this.numberOfInputs=t.numberOfInputs,this.numberOfOutputs=t.numberOfOutputs,this.label=e,this.size={width:0,height:0},this.position=null,this.layout={inputPortSectionHeight:0,outputPortSectionHeight:0,maxTextLength:0,totalHeight:0},this.ports=new Map,this.initialize(t)}initialize(t){this.updateNodeLayoutAfterAddingNode(t),this.setupInputPorts(),this.setupOutputPorts()}addParamPort(t,e){const o=this.getPortsByType("Param").length,{x:a,y:d}=n(o,this.layout.inputPortSectionHeight);this.addPort({id:g(this.id,t),type:"Param",label:e,x:a,y:d}),this.updateNodeLayoutAfterAddingParam(o+1,e),this.setupOutputPorts()}getPortsByType(t){const e=[];return this.ports.forEach((o=>{o.type===t&&e.push(o)})),e}updateNodeLayoutAfterAddingNode(t){const e=24*Math.max(1,t.numberOfInputs)+5;this.layout.inputPortSectionHeight=e,this.layout.outputPortSectionHeight=24*t.numberOfOutputs,this.layout.totalHeight=Math.max(e+6,this.layout.outputPortSectionHeight);const o=I(this.label,a);this.layout.maxTextLength=Math.max(this.layout.maxTextLength,o),this.updateNodeSize()}updateNodeLayoutAfterAddingParam(t,e){const o=this.layout.inputPortSectionHeight+14*t+8;this.layout.totalHeight=Math.max(o,this.layout.outputPortSectionHeight);const a=I(e,d);this.layout.maxTextLength=Math.max(this.layout.maxTextLength,a),this.updateNodeSize()}updateNodeSize(){this.size={width:Math.ceil(12+this.layout.maxTextLength+30),height:this.layout.totalHeight}}setupInputPorts(){for(let t=0;t<this.numberOfInputs;t++){const{x:e,y:o}=i(t);this.addPort({id:p(this.id,t),type:"In",x:e,y:o,label:void 0})}}setupOutputPorts(){for(let t=0;t<this.numberOfOutputs;t++){const e=l(this.id,t),{x:o,y:a}=s(t,this.size,this.numberOfOutputs);if(this.ports.has(e)){const t=this.ports.get(e);if(!t)throw new Error(`Unable to find port with id ${e}`);t.x=o,t.y=a}else this.addPort({id:e,type:"Out",x:o,y:a,label:void 0})}}addPort(t){this.ports.set(t.id,t)}}const p=(t,e)=>`${t}-input-${e||0}`,l=(t,e)=>`${t}-output-${e||0}`,g=(t,e)=>`${t}-param-${e}`;class c{totalNumberOfNodes;constructor(){this.totalNumberOfNodes=0}generateLabel(t){t.endsWith("Node")&&(t=t.slice(0,t.length-4)),this.totalNumberOfNodes+=1;return`${t} ${this.totalNumberOfNodes}`}}let m;const I=(e,o)=>{if(!m){const t=document.createElement("canvas").getContext("2d");if(!t)throw new Error("Unable to create canvas context.");m=t}const a=m;a.save(),o&&(a.font=o);const d=t.UIUtils.measureTextWidth(a,e);return a.restore(),d};var y=Object.freeze({__proto__:null,NodeLabelGenerator:c,NodeView:h,generateInputPortId:p,generateOutputPortId:l,generateParamPortId:g,measureTextWidth:I});class P{id;type;sourceId;destinationId;sourcePortId;destinationPortId;constructor(t,e){const o=f(t,e);if(!o)throw new Error("Unable to generate edge port IDs");const{edgeId:a,sourcePortId:d,destinationPortId:r}=o;this.id=a,this.type=e,this.sourceId=t.sourceId,this.destinationId=t.destinationId,this.sourcePortId=d,this.destinationPortId=r}}const f=(t,e)=>{if(!t.sourceId||!t.destinationId)return console.error(`Undefined node message: ${JSON.stringify(t)}`),null;const o=l(t.sourceId,t.sourceOutputIndex),a=function(t,e){if("NodeToNode"===e){const e=t;return p(t.destinationId,e.destinationInputIndex)}if("NodeToParam"===e){const e=t;return g(t.destinationId,e.destinationParamId)}return console.error(`Unknown edge type: ${e}`),""}(t,e);return{edgeId:`${o}->${a}`,sourcePortId:o,destinationPortId:a}};var b=Object.freeze({__proto__:null,EdgeView:P,generateEdgePortIdsByData:f});class x extends e.ObjectWrapper.ObjectWrapper{contextId;nodes=new Map;edges=new Map;outboundEdgeMap=new o.MapUtilities.Multimap;inboundEdgeMap=new o.MapUtilities.Multimap;nodeLabelGenerator=new c;paramIdToNodeIdMap=new Map;constructor(t){super(),this.contextId=t}addNode(t){const e=this.nodeLabelGenerator.generateLabel(t.nodeType),o=new h(t,e);this.nodes.set(t.nodeId,o),this.notifyShouldRedraw()}removeNode(t){this.outboundEdgeMap.get(t).forEach((t=>this.removeEdge(t))),this.inboundEdgeMap.get(t).forEach((t=>this.removeEdge(t))),this.nodes.delete(t),this.notifyShouldRedraw()}addParam(t){const e=this.getNodeById(t.nodeId);e?(e.addParamPort(t.paramId,t.paramType),this.paramIdToNodeIdMap.set(t.paramId,t.nodeId),this.notifyShouldRedraw()):console.error("AudioNode should be added before AudioParam")}removeParam(t){this.paramIdToNodeIdMap.delete(t)}addNodeToNodeConnection(t){const e=new P(t,"NodeToNode");this.addEdge(e)}removeNodeToNodeConnection(t){if(t.destinationId){const e=f(t,"NodeToNode");if(!e)throw new Error("Unable to generate edge port IDs");const{edgeId:o}=e;this.removeEdge(o)}else this.outboundEdgeMap.get(t.sourceId).forEach((t=>this.removeEdge(t)))}addNodeToParamConnection(t){const e=new P(t,"NodeToParam");this.addEdge(e)}removeNodeToParamConnection(t){const e=f(t,"NodeToParam");if(!e)throw new Error("Unable to generate edge port IDs");const{edgeId:o}=e;this.removeEdge(o)}getNodeById(t){return this.nodes.get(t)||null}getNodes(){return this.nodes}getEdges(){return this.edges}getNodeIdByParamId(t){return this.paramIdToNodeIdMap.get(t)||null}addEdge(t){const e=t.sourceId;this.outboundEdgeMap.hasValue(e,t.id)||(this.edges.set(t.id,t),this.outboundEdgeMap.set(e,t.id),this.inboundEdgeMap.set(t.destinationId,t.id),this.notifyShouldRedraw())}removeEdge(t){const e=this.edges.get(t);e&&(this.outboundEdgeMap.delete(e.sourceId,t),this.inboundEdgeMap.delete(e.destinationId,t),this.edges.delete(t),this.notifyShouldRedraw())}notifyShouldRedraw(){this.dispatchEventToListeners("ShouldRedraw",this)}}var N=Object.freeze({__proto__:null,GraphView:x});var M=Object.freeze({__proto__:null,GraphManager:class{graphMapByContextId=new Map;createContext(t){const e=new x(t);this.graphMapByContextId.set(t,e)}destroyContext(t){if(!this.graphMapByContextId.has(t))return;this.graphMapByContextId.get(t)&&this.graphMapByContextId.delete(t)}hasContext(t){return this.graphMapByContextId.has(t)}clearGraphs(){this.graphMapByContextId.clear()}getGraph(t){return this.graphMapByContextId.get(t)||null}}});export{b as EdgeView,M as GraphManager,r as GraphStyle,N as GraphView,u as NodeRendererUtility,y as NodeView};

package/client/dist/chrome-devtools-ui/panels/web_audio/web_audio-meta.js

@@ -0,0 +1 @@
+import*as i from"../../core/i18n/i18n.js";import*as e from"../../ui/legacy/legacy.js";const o={webaudio:"WebAudio",audio:"audio",showWebaudio:"Show WebAudio"},a=i.i18n.registerUIStrings("panels/web_audio/web_audio-meta.ts",o),d=i.i18n.getLazilyComputedLocalizedString.bind(void 0,a);let t;e.ViewManager.registerViewExtension({location:"drawer-view",id:"web-audio",title:d(o.webaudio),commandPrompt:d(o.showWebaudio),persistence:"closeable",order:100,loadView:async()=>new((await async function(){return t||(t=await import("./web_audio.js")),t}()).WebAudioView.WebAudioView),tags:[d(o.audio)]});

package/client/dist/chrome-devtools-ui/panels/web_audio/web_audio.js

@@ -0,0 +1,19 @@
+import*as e from"../../core/i18n/i18n.js";import*as t from"../../ui/legacy/legacy.js";import*as n from"../../core/common/common.js";import*as o from"../../core/platform/platform.js";import*as a from"../../core/sdk/sdk.js";import*as i from"../../ui/visual_logging/visual_logging.js";import*as s from"./graph_visualizer/graph_visualizer.js";export{EdgeView,GraphManager,GraphStyle,GraphView,NodeRendererUtility,NodeView}from"./graph_visualizer/graph_visualizer.js";const r={state:"State",sampleRate:"Sample Rate",callbackBufferSize:"Callback Buffer Size",maxOutputChannels:"Max Output Channels",currentTime:"Current Time",callbackInterval:"Callback Interval",renderCapacity:"Render Capacity"},d=e.i18n.registerUIStrings("panels/web_audio/AudioContextContentBuilder.ts",r),c=e.i18n.getLocalizedString.bind(void 0,d);class l{fragment;container;constructor(e){this.fragment=document.createDocumentFragment(),this.container=document.createElement("div"),this.container.classList.add("context-detail-container"),this.fragment.appendChild(this.container),this.build(e)}build(t){const n="realtime"===t.contextType?e.i18n.lockedString("AudioContext"):e.i18n.lockedString("OfflineAudioContext");this.addTitle(n,t.contextId),this.addEntry(c(r.state),t.contextState),this.addEntry(c(r.sampleRate),t.sampleRate,"Hz"),"realtime"===t.contextType&&this.addEntry(c(r.callbackBufferSize),t.callbackBufferSize,"frames"),this.addEntry(c(r.maxOutputChannels),t.maxOutputChannelCount,"ch")}addTitle(e,n){this.container.appendChild(t.Fragment.html`
+  <div class="context-detail-header">
+  <div class="context-detail-title">${e}</div>
+  <div class="context-detail-subtitle">${n}</div>
+  </div>
+  `)}addEntry(e,n,o){const a=n+(o?` ${o}`:"");this.container.appendChild(t.Fragment.html`
+  <div class="context-detail-row">
+  <div class="context-detail-row-entry">${e}</div>
+  <div class="context-detail-row-value">${a}</div>
+  </div>
+  `)}getFragment(){return this.fragment}}class h{fragment;constructor(e,n){const o=n.currentTime.toFixed(3),a=(1e3*n.callbackIntervalMean).toFixed(3),i=(1e3*Math.sqrt(n.callbackIntervalVariance)).toFixed(3),s=(100*n.renderCapacity).toFixed(3);this.fragment=document.createDocumentFragment(),this.fragment.appendChild(t.Fragment.html`
+  <div class="context-summary-container">
+  <span>${c(r.currentTime)}: ${o} s</span>
+  <span>\u2758</span>
+  <span>${c(r.callbackInterval)}: μ = ${a} ms, σ = ${i} ms</span>
+  <span>\u2758</span>
+  <span>${c(r.renderCapacity)}: ${s} %</span>
+  </div>
+  `)}getFragment(){return this.fragment}}var u=Object.freeze({__proto__:null,ContextDetailBuilder:l,ContextSummaryBuilder:h}),p={cssText:`:host{padding:2px 1px 2px 2px;white-space:nowrap;display:flex;flex-direction:column;height:36px;justify-content:center}.title{overflow:hidden;text-overflow:ellipsis;flex-grow:0}\n/*# sourceURL=${import.meta.resolve("./audioContextSelector.css")} */\n`};const m={noRecordings:"(no recordings)",audioContextS:"Audio context: {PH1}"},x=e.i18n.registerUIStrings("panels/web_audio/AudioContextSelector.ts",m),g=e.i18n.getLocalizedString.bind(void 0,x);class I extends n.ObjectWrapper.ObjectWrapper{placeholderText;items;dropDown;toolbarItemInternal;selectedContextInternal;constructor(){super(),this.placeholderText=g(m.noRecordings),this.items=new t.ListModel.ListModel,this.dropDown=new t.SoftDropDown.SoftDropDown(this.items,this,"audio-context"),this.dropDown.setPlaceholderText(this.placeholderText),this.toolbarItemInternal=new t.Toolbar.ToolbarItem(this.dropDown.element),this.toolbarItemInternal.setEnabled(!1),this.toolbarItemInternal.setTitle(g(m.audioContextS,{PH1:this.placeholderText})),this.items.addEventListener("ItemsReplaced",this.onListItemReplaced,this),this.toolbarItemInternal.element.classList.add("toolbar-has-dropdown"),this.selectedContextInternal=null}onListItemReplaced(){const e=Boolean(this.items.length);this.toolbarItemInternal.setEnabled(e),e||this.toolbarItemInternal.setTitle(g(m.audioContextS,{PH1:this.placeholderText}))}contextCreated({data:e}){this.items.insert(this.items.length,e),1===this.items.length&&this.dropDown.selectItem(e)}contextDestroyed({data:e}){const t=this.items.findIndex((t=>t.contextId===e));t>-1&&this.items.remove(t)}contextChanged({data:e}){const t=this.items.findIndex((t=>t.contextId===e.contextId));t>-1&&(this.items.replace(t,e),this.selectedContextInternal&&this.selectedContextInternal.contextId===e.contextId&&this.dropDown.selectItem(e))}createElementForItem(e){const n=document.createElement("div"),a=t.UIUtils.createShadowRootWithCoreStyles(n,{cssFile:p}).createChild("div","title");return t.UIUtils.createTextChild(a,o.StringUtilities.trimEndWithMaxLength(this.titleFor(e),100)),n}selectedContext(){return this.selectedContextInternal?this.selectedContextInternal:null}highlightedItemChanged(e,t,n,o){n&&n.classList.remove("highlighted"),o&&o.classList.add("highlighted")}isItemSelectable(e){return!0}itemSelected(e){e&&(this.selectedContextInternal&&this.selectedContextInternal.contextId===e.contextId||(this.selectedContextInternal=e,this.toolbarItemInternal.setTitle(g(m.audioContextS,{PH1:this.titleFor(e)}))),this.dispatchEventToListeners("ContextSelected",e))}reset(){this.items.replaceAll([])}titleFor(e){return`${e.contextType} (${e.contextId.substr(-6)})`}toolbarItem(){return this.toolbarItemInternal}}var v=Object.freeze({__proto__:null,AudioContextSelector:I});class C extends a.SDKModel.SDKModel{enabled;agent;constructor(e){super(e),this.enabled=!1,this.agent=e.webAudioAgent(),e.registerWebAudioDispatcher(this),a.TargetManager.TargetManager.instance().addModelListener(a.ResourceTreeModel.ResourceTreeModel,a.ResourceTreeModel.Events.FrameNavigated,this.flushContexts,this)}flushContexts(){this.dispatchEventToListeners("ModelReset")}async suspendModel(){this.dispatchEventToListeners("ModelSuspend"),await this.agent.invoke_disable()}async resumeModel(){if(!this.enabled)return await Promise.resolve();await this.agent.invoke_enable()}ensureEnabled(){this.enabled||(this.agent.invoke_enable(),this.enabled=!0)}contextCreated({context:e}){this.dispatchEventToListeners("ContextCreated",e)}contextWillBeDestroyed({contextId:e}){this.dispatchEventToListeners("ContextDestroyed",e)}contextChanged({context:e}){this.dispatchEventToListeners("ContextChanged",e)}audioListenerCreated({listener:e}){this.dispatchEventToListeners("AudioListenerCreated",e)}audioListenerWillBeDestroyed({listenerId:e,contextId:t}){this.dispatchEventToListeners("AudioListenerWillBeDestroyed",{listenerId:e,contextId:t})}audioNodeCreated({node:e}){this.dispatchEventToListeners("AudioNodeCreated",e)}audioNodeWillBeDestroyed({contextId:e,nodeId:t}){this.dispatchEventToListeners("AudioNodeWillBeDestroyed",{contextId:e,nodeId:t})}audioParamCreated({param:e}){this.dispatchEventToListeners("AudioParamCreated",e)}audioParamWillBeDestroyed({contextId:e,nodeId:t,paramId:n}){this.dispatchEventToListeners("AudioParamWillBeDestroyed",{contextId:e,nodeId:t,paramId:n})}nodesConnected({contextId:e,sourceId:t,destinationId:n,sourceOutputIndex:o,destinationInputIndex:a}){this.dispatchEventToListeners("NodesConnected",{contextId:e,sourceId:t,destinationId:n,sourceOutputIndex:o,destinationInputIndex:a})}nodesDisconnected({contextId:e,sourceId:t,destinationId:n,sourceOutputIndex:o,destinationInputIndex:a}){this.dispatchEventToListeners("NodesDisconnected",{contextId:e,sourceId:t,destinationId:n,sourceOutputIndex:o,destinationInputIndex:a})}nodeParamConnected({contextId:e,sourceId:t,destinationId:n,sourceOutputIndex:o}){this.dispatchEventToListeners("NodeParamConnected",{contextId:e,sourceId:t,destinationId:n,sourceOutputIndex:o})}nodeParamDisconnected({contextId:e,sourceId:t,destinationId:n,sourceOutputIndex:o}){this.dispatchEventToListeners("NodeParamDisconnected",{contextId:e,sourceId:t,destinationId:n,sourceOutputIndex:o})}async requestRealtimeData(e){return(await this.agent.invoke_getRealtimeData({contextId:e})).realtimeData}}a.SDKModel.SDKModel.register(C,{capabilities:2,autostart:!1});var b=Object.freeze({__proto__:null,WebAudioModel:C}),y={cssText:`:host{overflow:hidden}.web-audio-toolbar-container{background-color:var(--sys-color-cdt-base-container);border-bottom:1px solid var(--sys-color-divider);min-height:fit-content}.web-audio-landing-page{position:absolute;background-color:var(--sys-color-cdt-base-container);justify-content:center;align-items:center;overflow:auto;font-size:13px;color:var(--sys-color-on-surface)}.web-audio-landing-page > div{max-width:500px;margin:10px}.web-audio-landing-page > div > p{flex:none;white-space:pre-line}.web-audio-content-container{overflow-y:auto}.web-audio-details-container{min-height:fit-content}.web-audio-summary-container{flex-shrink:0}.context-detail-container{flex:none;display:flex;background-color:var(--sys-color-cdt-base-container);flex-direction:column}.context-detail-header{border-bottom:1px solid var(--sys-color-divider);padding:var(--sys-size-7) var(--sys-size-9);margin-bottom:var(--sys-size-5)}.context-detail-title{font:var(--sys-typescale-headline4)}.context-detail-subtitle{font:var(--sys-typescale-body4-regular);user-select:text}.context-detail-row{grid-template-columns:min-content 1fr;display:grid;line-height:18px;margin:var(--sys-size-3) var(--sys-size-9) var(--sys-size-3) var(--sys-size-9);gap:var(--sys-size-6)}.context-detail-row-entry:not(:empty){color:var(--sys-color-on-surface-subtle);overflow:hidden;min-width:130px;font:var(--sys-typescale-body5-medium)}.context-detail-row-value{user-select:text;text-overflow:ellipsis;overflow:hidden;font:var(--sys-typescale-body4-regular)}.context-summary-container{flex:0 0 27px;line-height:27px;padding-left:5px;background-color:var(--sys-color-cdt-base-container);border-top:1px solid var(--sys-color-divider);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.context-summary-container span{margin-right:6px}\n/*# sourceURL=${import.meta.resolve("./webAudio.css")} */\n`};const w={noWebAudio:"No Web Audio API usage detected",openAPageThatUsesWebAudioApiTo:"Open a page that uses Web Audio API to start monitoring."},f=e.i18n.registerUIStrings("panels/web_audio/WebAudioView.ts",w),L=e.i18n.getLocalizedString.bind(void 0,f);class E extends t.ThrottledWidget.ThrottledWidget{contextSelector;contentContainer;detailViewContainer;graphManager;landingPage;summaryBarContainer;constructor(){super(!0,1e3),this.registerRequiredCSS(y),this.element.setAttribute("jslog",`${i.panel("web-audio").track({resize:!0})}`),this.element.classList.add("web-audio-drawer");const e=this.contentElement.createChild("div","web-audio-toolbar-container vbox");e.role="toolbar",this.contextSelector=new I;const n=e.createChild("devtools-toolbar","web-audio-toolbar");n.role="presentation",n.appendToolbarItem(t.Toolbar.Toolbar.createActionButton("components.collect-garbage")),n.appendSeparator(),n.appendToolbarItem(this.contextSelector.toolbarItem()),n.setAttribute("jslog",`${i.toolbar()}`),this.contentContainer=this.contentElement.createChild("div","web-audio-content-container vbox flex-auto"),this.detailViewContainer=this.contentContainer.createChild("div","web-audio-details-container vbox flex-auto"),this.graphManager=new s.GraphManager.GraphManager,this.landingPage=new t.EmptyWidget.EmptyWidget(L(w.noWebAudio),L(w.openAPageThatUsesWebAudioApiTo)),this.landingPage.appendLink("https://developer.chrome.com/docs/devtools/webaudio"),this.landingPage.show(this.detailViewContainer),this.summaryBarContainer=this.contentContainer.createChild("div","web-audio-summary-container"),this.contextSelector.addEventListener("ContextSelected",(e=>{const t=e.data;t&&this.updateDetailView(t),this.doUpdate()})),a.TargetManager.TargetManager.instance().observeModels(C,this)}wasShown(){super.wasShown();for(const e of a.TargetManager.TargetManager.instance().models(C))this.addEventListeners(e)}willHide(){for(const e of a.TargetManager.TargetManager.instance().models(C))this.removeEventListeners(e)}modelAdded(e){this.isShowing()&&this.addEventListeners(e)}modelRemoved(e){this.removeEventListeners(e)}async doUpdate(){await this.pollRealtimeData(),this.update()}addEventListeners(e){e.ensureEnabled(),e.addEventListener("ContextCreated",this.contextCreated,this),e.addEventListener("ContextDestroyed",this.contextDestroyed,this),e.addEventListener("ContextChanged",this.contextChanged,this),e.addEventListener("ModelReset",this.reset,this),e.addEventListener("ModelSuspend",this.suspendModel,this),e.addEventListener("AudioListenerCreated",this.audioListenerCreated,this),e.addEventListener("AudioListenerWillBeDestroyed",this.audioListenerWillBeDestroyed,this),e.addEventListener("AudioNodeCreated",this.audioNodeCreated,this),e.addEventListener("AudioNodeWillBeDestroyed",this.audioNodeWillBeDestroyed,this),e.addEventListener("AudioParamCreated",this.audioParamCreated,this),e.addEventListener("AudioParamWillBeDestroyed",this.audioParamWillBeDestroyed,this),e.addEventListener("NodesConnected",this.nodesConnected,this),e.addEventListener("NodesDisconnected",this.nodesDisconnected,this),e.addEventListener("NodeParamConnected",this.nodeParamConnected,this),e.addEventListener("NodeParamDisconnected",this.nodeParamDisconnected,this)}removeEventListeners(e){e.removeEventListener("ContextCreated",this.contextCreated,this),e.removeEventListener("ContextDestroyed",this.contextDestroyed,this),e.removeEventListener("ContextChanged",this.contextChanged,this),e.removeEventListener("ModelReset",this.reset,this),e.removeEventListener("ModelSuspend",this.suspendModel,this),e.removeEventListener("AudioListenerCreated",this.audioListenerCreated,this),e.removeEventListener("AudioListenerWillBeDestroyed",this.audioListenerWillBeDestroyed,this),e.removeEventListener("AudioNodeCreated",this.audioNodeCreated,this),e.removeEventListener("AudioNodeWillBeDestroyed",this.audioNodeWillBeDestroyed,this),e.removeEventListener("AudioParamCreated",this.audioParamCreated,this),e.removeEventListener("AudioParamWillBeDestroyed",this.audioParamWillBeDestroyed,this),e.removeEventListener("NodesConnected",this.nodesConnected,this),e.removeEventListener("NodesDisconnected",this.nodesDisconnected,this),e.removeEventListener("NodeParamConnected",this.nodeParamConnected,this),e.removeEventListener("NodeParamDisconnected",this.nodeParamDisconnected,this)}contextCreated(e){const t=e.data;this.graphManager.createContext(t.contextId),this.contextSelector.contextCreated(e)}contextDestroyed(e){const t=e.data;this.graphManager.destroyContext(t),this.contextSelector.contextDestroyed(e)}contextChanged(e){const t=e.data;this.graphManager.hasContext(t.contextId)&&this.contextSelector.contextChanged(e)}reset(){this.landingPage.isShowing()&&this.landingPage.detach(),this.contextSelector.reset(),this.detailViewContainer.removeChildren(),this.landingPage.show(this.detailViewContainer),this.graphManager.clearGraphs()}suspendModel(){this.graphManager.clearGraphs()}audioListenerCreated(e){const t=e.data,n=this.graphManager.getGraph(t.contextId);n&&n.addNode({nodeId:t.listenerId,nodeType:"Listener",numberOfInputs:0,numberOfOutputs:0})}audioListenerWillBeDestroyed(e){const{contextId:t,listenerId:n}=e.data,o=this.graphManager.getGraph(t);o&&o.removeNode(n)}audioNodeCreated(e){const t=e.data,n=this.graphManager.getGraph(t.contextId);n&&n.addNode({nodeId:t.nodeId,nodeType:t.nodeType,numberOfInputs:t.numberOfInputs,numberOfOutputs:t.numberOfOutputs})}audioNodeWillBeDestroyed(e){const{contextId:t,nodeId:n}=e.data,o=this.graphManager.getGraph(t);o&&o.removeNode(n)}audioParamCreated(e){const t=e.data,n=this.graphManager.getGraph(t.contextId);n&&n.addParam({paramId:t.paramId,paramType:t.paramType,nodeId:t.nodeId})}audioParamWillBeDestroyed(e){const{contextId:t,paramId:n}=e.data,o=this.graphManager.getGraph(t);o&&o.removeParam(n)}nodesConnected(e){const{contextId:t,sourceId:n,destinationId:o,sourceOutputIndex:a,destinationInputIndex:i}=e.data,s=this.graphManager.getGraph(t);s&&s.addNodeToNodeConnection({sourceId:n,destinationId:o,sourceOutputIndex:a,destinationInputIndex:i})}nodesDisconnected(e){const{contextId:t,sourceId:n,destinationId:o,sourceOutputIndex:a,destinationInputIndex:i}=e.data,s=this.graphManager.getGraph(t);s&&s.removeNodeToNodeConnection({sourceId:n,destinationId:o,sourceOutputIndex:a,destinationInputIndex:i})}nodeParamConnected(e){const{contextId:t,sourceId:n,destinationId:o,sourceOutputIndex:a}=e.data,i=this.graphManager.getGraph(t);if(!i)return;const s=i.getNodeIdByParamId(o);s&&i.addNodeToParamConnection({sourceId:n,destinationId:s,sourceOutputIndex:a,destinationParamId:o})}nodeParamDisconnected(e){const{contextId:t,sourceId:n,destinationId:o,sourceOutputIndex:a}=e.data,i=this.graphManager.getGraph(t);if(!i)return;const s=i.getNodeIdByParamId(o);s&&i.removeNodeToParamConnection({sourceId:n,destinationId:s,sourceOutputIndex:a,destinationParamId:o})}updateDetailView(e){this.landingPage.isShowing()&&this.landingPage.detach();const t=new l(e);this.detailViewContainer.removeChildren(),this.detailViewContainer.appendChild(t.getFragment())}updateSummaryBar(e,t){const n=new h(e,t);this.summaryBarContainer.removeChildren(),this.summaryBarContainer.appendChild(n.getFragment())}clearSummaryBar(){this.summaryBarContainer.removeChildren()}async pollRealtimeData(){const e=this.contextSelector.selectedContext();if(e)for(const t of a.TargetManager.TargetManager.instance().models(C))if("realtime"===e.contextType){if(!this.graphManager.hasContext(e.contextId))continue;const n=await t.requestRealtimeData(e.contextId);n&&this.updateSummaryBar(e.contextId,n)}else this.clearSummaryBar();else this.clearSummaryBar()}}var T=Object.freeze({__proto__:null,WebAudioView:E});export{u as AudioContextContentBuilder,v as AudioContextSelector,b as WebAudioModel,T as WebAudioView};

package/client/dist/chrome-devtools-ui/panels/webauthn/webauthn-meta.js

@@ -0,0 +1 @@
+import*as e from"../../core/i18n/i18n.js";import*as n from"../../ui/legacy/legacy.js";const t={webauthn:"WebAuthn",showWebauthn:"Show WebAuthn"},a=e.i18n.registerUIStrings("panels/webauthn/webauthn-meta.ts",t),i=e.i18n.getLazilyComputedLocalizedString.bind(void 0,a);let o;n.ViewManager.registerViewExtension({location:"drawer-view",id:"webauthn-pane",title:i(t.webauthn),commandPrompt:i(t.showWebauthn),order:100,persistence:"closeable",loadView:async()=>new((await async function(){return o||(o=await import("./webauthn.js")),o}()).WebauthnPane.WebauthnPaneImpl)});

package/client/dist/chrome-devtools-ui/panels/webauthn/webauthn.js

@@ -0,0 +1 @@
+import*as t from"../../ui/legacy/legacy.js";import*as e from"../../core/common/common.js";import*as i from"../../core/host/host.js";import*as a from"../../core/i18n/i18n.js";import*as o from"../../core/sdk/sdk.js";import*as n from"../../ui/legacy/components/data_grid/data_grid.js";import*as r from"../../ui/visual_logging/visual_logging.js";var s={cssText:`.webauthn-pane{overflow:auto;min-width:500px}.webauthn-toolbar-container{display:flex;background-color:var(--sys-color-cdt-base-container);border-bottom:1px solid var(--sys-color-divider);flex:0 0 auto}.webauthn-toolbar{display:inline-block}.authenticators-view{padding:0 var(--sys-size-9);min-height:auto;display:none}.webauthn-pane.enabled .authenticators-view{display:block}.new-authenticator-title{display:block;padding:var(--sys-size-7) 0 var(--sys-size-5) 0;font:var(--sys-typescale-headline5);&:has(devtools-button){padding-top:var(--sys-size-4)}}.new-authenticator-container{display:none;padding-left:var(--sys-size-9)}.authenticator-option{> select, > devtools-button{margin:0 var(--sys-size-9) var(--sys-size-3) var(--sys-size-9)}> dt-checkbox{margin:0 var(--sys-size-9) 0 var(--sys-size-8)}}.webauthn-pane.enabled .new-authenticator-container{display:block}.new-authenticator-form{border:none;flex:0 0 auto;margin:0;padding-bottom:var(--sys-size-5)}.webauthn-pane select{width:120px}.authenticator-section{display:block}.divider{border-bottom:var(--sys-size-1) solid var(--sys-color-divider);margin:10px calc(var(--sys-size-9) * -1) 0}.authenticator-fields{border:none;flex:0 0 auto;margin-bottom:10px}.authenticator-section-header{margin:var(--sys-size-4) 0 var(--sys-size-5) calc(var(--sys-size-5) * -1);display:flex;justify-content:space-between;align-items:flex-end}.authenticator-section-title{line-height:24px;display:inline-flex}.authenticator-section-title .authenticator-name-field{display:inline-block;border:none;animation:save-flash 0.2s;text-overflow:ellipsis;font:var(--sys-typescale-headline5)}.authenticator-section-title.editing-name .authenticator-name-field{border-bottom:1px solid var(--sys-color-neutral-outline);font-weight:normal;animation:none}.authenticator-field-value{font:var(--sys-typescale-monospace-regular);line-height:18px}.authenticator-option-checkbox{position:relative;top:2px}.authenticator-field{margin:var(--sys-size-3) 0}.authenticator-field,\n.authenticator-option{display:flex;align-items:center}.authenticator-option-label{color:var(--sys-color-on-surface-subtle);font:var(--sys-typescale-body5-medium);padding-right:var(--sys-size-6);text-align:left;min-width:150px;line-height:18px}td .text-button{min-width:20px;margin:auto}.active-button-container{display:inline-block;min-width:28px}.edit-name-toolbar{display:inline-block;vertical-align:middle}@keyframes save-flash{from{opacity:0%}to{opacity:100%}}.data-grid-data-grid-node.centered{text-align:center}.data-grid td{vertical-align:middle}.credentials-title{display:block;font:var(--sys-typescale-headline5);padding:var(--sys-size-7) 0 var(--sys-size-5) 0;border-top:var(--sys-size-1) solid var(--sys-color-divider);margin-right:calc(var(--sys-size-9) * -1)}.code{font-family:monospace}.learn-more{display:flex;justify-content:center;align-items:center;height:100%;text-align:center;overflow:hidden}.webauthn-pane.enabled .learn-more{display:none}\n/*# sourceURL=${import.meta.resolve("./webauthnPane.css")} */\n`};const l={export:"Export",remove:"Remove",noCredentialsTryCallingSFromYour:"No credentials. Try calling {PH1} from your website.",enableVirtualAuthenticator:"Enable virtual authenticator environment",id:"ID",isResident:"Is Resident",rpId:"RP ID",userHandle:"User Handle",signCount:"Signature Count",actions:"Actions",credentials:"Credentials",noAuthenticator:"No authenticator set up",useWebauthnForPhishingresistant:"Use WebAuthn for phishing-resistant authentication.",newAuthenticator:"New authenticator",protocol:"Protocol",transport:"Transport",supportsResidentKeys:"Supports resident keys",supportsLargeBlob:"Supports large blob",add:"Add",addAuthenticator:"Add authenticator",active:"Active",editName:"Edit name",enterNewName:"Enter new name",saveName:"Save name",authenticatorS:"Authenticator {PH1}",privateKeypem:"Private key.pem",uuid:"UUID",supportsUserVerification:"Supports user verification",yes:"Yes",no:"No",setSAsTheActiveAuthenticator:"Set {PH1} as the active authenticator"},c=a.i18n.registerUIStrings("panels/webauthn/WebauthnPane.ts",l),d=a.i18n.getLocalizedString.bind(void 0,c);class h extends n.DataGrid.DataGridNode{credential;constructor(t){super(t),this.credential=t}nodeSelfHeight(){return 24}createCell(e){const i=super.createCell(e);if(t.Tooltip.Tooltip.install(i,i.textContent||""),"actions"!==e)return i;const a=t.UIUtils.createTextButton(d(l.export),(()=>{this.dataGrid&&this.dataGrid.dispatchEventToListeners("ExportCredential",this.credential)}),{jslogContext:"webauthn.export-credential"});i.appendChild(a);const o=t.UIUtils.createTextButton(d(l.remove),(()=>{this.dataGrid&&this.dataGrid.dispatchEventToListeners("RemoveCredential",this.credential)}),{jslogContext:"webauthn.remove-credential"});return i.appendChild(o),i}}class u extends n.DataGrid.DataGridImpl{}class p extends(e.ObjectWrapper.eventMixin(u)){}class b extends n.DataGrid.DataGridNode{createCells(t){t.removeChildren();const e=this.createTDWithClass("center");this.dataGrid&&(e.colSpan=this.dataGrid.visibleColumnsArray.length);const i=document.createElement("span",{is:"source-code"});i.textContent="navigator.credentials.create()",i.classList.add("code");const o=a.i18n.getFormatLocalizedString(c,l.noCredentialsTryCallingSFromYour,{PH1:i});e.appendChild(o),t.appendChild(e)}}const v="PRIVATE",m=`-----BEGIN ${v} KEY-----\n`,C=`-----END ${v} KEY-----`,g={Ctap2:"ctap2",U2f:"u2f"};class x extends t.Widget.VBox{#t=null;#e=!1;dataGrids=new Map;#i;#a;#o;#n;#r;#s;#l;#c;#d;#h;transportSelect;#u;residentKeyCheckbox;#p;#b;#v;largeBlobCheckbox;addAuthenticatorButton;#m;constructor(){super(!0),this.registerRequiredCSS(s),this.element.setAttribute("jslog",`${r.panel("webauthn").track({resize:!0})}`),o.TargetManager.TargetManager.instance().observeModels(o.WebAuthnModel.WebAuthnModel,this,{scoped:!0}),this.contentElement.classList.add("webauthn-pane"),this.#a=e.Settings.Settings.instance().createSetting("webauthn-authenticators",[]),this.#C(),this.#n=this.contentElement.createChild("div","authenticators-view"),this.#g(),this.#x(!1)}modelAdded(t){t.target()===t.target().outermostTarget()&&(this.#o=t)}modelRemoved(t){t.target()===t.target().outermostTarget()&&(this.#o=void 0)}async#A(){let t=null;const e=this.#a.get();for(const i of e){if(!this.#o)continue;const e=await this.#o.addAuthenticator(i);this.#y(e,i),i.authenticatorId=e,i.active&&(t=e)}this.#a.set(e),t&&this.#k(t)}async ownerViewDisposed(){this.#i&&this.#i.setChecked(!1),await this.#f(!1)}#C(){this.#r=this.contentElement.createChild("div","webauthn-toolbar-container"),this.#r.setAttribute("jslog",`${r.toolbar()}`),this.#r.role="toolbar",this.#s=this.#r.createChild("devtools-toolbar","webauthn-toolbar"),this.#s.role="presentation";const e=d(l.enableVirtualAuthenticator);this.#i=new t.Toolbar.ToolbarCheckbox(e,e,this.#w.bind(this)),this.#i.inputElement.setAttribute("jslog",`${r.toggle("virtual-authenticators").track({click:!0})}`),this.#s.appendToolbarItem(this.#i)}#S(t){const e=[{id:"credentialId",title:d(l.id),longText:!0,weight:24},{id:"isResidentCredential",title:d(l.isResident),dataType:"Boolean",weight:10},{id:"rpId",title:d(l.rpId)},{id:"userHandle",title:d(l.userHandle)},{id:"signCount",title:d(l.signCount)},{id:"actions",title:d(l.actions)}],i={displayName:d(l.credentials),columns:e,editCallback:void 0,deleteCallback:void 0,refreshCallback:void 0},a=new p(i);return a.renderInline(),a.setStriped(!0),a.addEventListener("ExportCredential",this.#E,this),a.addEventListener("RemoveCredential",this.#L.bind(this,t)),a.rootNode().appendChild(new b),this.dataGrids.set(t,a),a}#E({data:t}){this.#I(t)}#L(t,{data:e}){this.#T(t,e.credentialId)}#U(t,{data:e}){const i=this.dataGrids.get(t);if(!i)return;const a=i.rootNode().children.find((t=>!Object.keys(t.data).length));a&&i.rootNode().removeChild(a);const o=new h(e.credential);i.rootNode().appendChild(o)}#V(t,{data:e}){const i=this.dataGrids.get(t);if(!i)return;const a=i.rootNode().children.find((t=>t.data?.credentialId===e.credential.credentialId));a&&(a.data=e.credential)}#B(t,{data:e}){const i=this.dataGrids.get(t);if(!i)return;const a=i.rootNode().children.find((t=>t.data?.credentialId===e.credentialId));a&&a.remove()}async#f(t){await this.#m,this.#m=new Promise((async e=>{t&&!this.#e&&(i.userMetrics.actionTaken(i.UserMetrics.Action.VirtualAuthenticatorEnvironmentEnabled),this.#e=!0),this.#o&&await this.#o.setVirtualAuthEnvEnabled(t),t?await this.#A():this.#N(),this.#x(t),this.#m=void 0,e()}))}#x(t){this.contentElement.classList.toggle("enabled",t)}#N(){this.#n.innerHTML="";for(const t of this.dataGrids.values())t.asWidget().detach();this.dataGrids.clear()}#w(t){this.#f(t.target.checked)}#K(e){if(!this.transportSelect)return;const i=this.transportSelect.value;this.transportSelect.removeChildren();for(const i of e)this.transportSelect.appendChild(t.UIUtils.createOption(i,i,i));this.transportSelect.value=i,this.transportSelect.value||(this.transportSelect.selectedIndex=0),this.#z()}#z(){if(!this.transportSelect?.options)return;const t=Boolean(this.#a.get().find((t=>"internal"===t.transport)));for(let e=0;e<this.transportSelect.options.length;++e){const i=this.transportSelect.options[e];if("internal"===i.value){i.disabled=t,e===this.transportSelect.selectedIndex&&--this.transportSelect.selectedIndex;break}}}#G(){this.#h&&this.residentKeyCheckbox&&this.#b&&this.largeBlobCheckbox&&("ctap2"===this.#h.value?(this.residentKeyCheckbox.disabled=!1,this.#b.disabled=!1,this.largeBlobCheckbox.disabled=!this.residentKeyCheckbox.checked,this.largeBlobCheckbox.disabled&&(this.largeBlobCheckbox.checked=!1),this.#K(["usb","ble","nfc","internal"])):(this.residentKeyCheckbox.checked=!1,this.residentKeyCheckbox.disabled=!0,this.#b.checked=!1,this.#b.disabled=!0,this.largeBlobCheckbox.checked=!1,this.largeBlobCheckbox.disabled=!0,this.#K(["usb","ble","nfc"])))}#g(){this.#l=new t.EmptyWidget.EmptyWidget(d(l.noAuthenticator),d(l.useWebauthnForPhishingresistant)),this.#l.element.classList.add("learn-more"),this.#l.appendLink("https://developer.chrome.com/docs/devtools/webauthn"),this.#l.show(this.contentElement),this.#c=this.contentElement.createChild("div","new-authenticator-container");const e=t.UIUtils.createLabel(d(l.newAuthenticator),"new-authenticator-title");this.#c.appendChild(e),this.#d=this.#c.createChild("div","new-authenticator-form"),this.#d.setAttribute("jslog",`${r.section("new-authenticator")}`);const i=this.#d.createChild("div","authenticator-option"),a=this.#d.createChild("div","authenticator-option"),o=this.#d.createChild("div","authenticator-option"),n=this.#d.createChild("div","authenticator-option"),s=this.#d.createChild("div","authenticator-option"),c=this.#d.createChild("div","authenticator-option"),h=t.UIUtils.createLabel(d(l.protocol),"authenticator-option-label");i.appendChild(h),this.#h=i.createChild("select"),this.#h.setAttribute("jslog",`${r.dropDown("protocol").track({change:!0})}`),t.ARIAUtils.bindLabelToControl(h,this.#h),Object.values(g).sort().forEach((e=>{this.#h&&this.#h.appendChild(t.UIUtils.createOption(e,e,e))})),this.#h&&(this.#h.value="ctap2");const u=t.UIUtils.createLabel(d(l.transport),"authenticator-option-label");a.appendChild(u),this.transportSelect=a.createChild("select"),this.transportSelect.setAttribute("jslog",`${r.dropDown("transport").track({change:!0})}`),t.ARIAUtils.bindLabelToControl(u,this.transportSelect),this.#u=t.UIUtils.CheckboxLabel.create(d(l.supportsResidentKeys),!1,void 0,"resident-key"),this.#u.textElement.classList.add("authenticator-option-label"),o.appendChild(this.#u.textElement),this.residentKeyCheckbox=this.#u.checkboxElement,this.residentKeyCheckbox.checked=!1,this.residentKeyCheckbox.classList.add("authenticator-option-checkbox"),o.appendChild(this.#u),this.#p=t.UIUtils.CheckboxLabel.create(d(l.supportsUserVerification),!1,void 0,"user-verification"),this.#p.textElement.classList.add("authenticator-option-label"),n.appendChild(this.#p.textElement),this.#b=this.#p.checkboxElement,this.#b.checked=!1,this.#b.classList.add("authenticator-option-checkbox"),n.appendChild(this.#p),this.#v=t.UIUtils.CheckboxLabel.create(d(l.supportsLargeBlob),!1,void 0,"large-blob"),this.#v.textElement.classList.add("authenticator-option-label"),s.appendChild(this.#v.textElement),this.largeBlobCheckbox=this.#v.checkboxElement,this.largeBlobCheckbox.checked=!1,this.largeBlobCheckbox.classList.add("authenticator-option-checkbox"),this.largeBlobCheckbox.name="large-blob-checkbox",s.appendChild(this.#v),this.addAuthenticatorButton=t.UIUtils.createTextButton(d(l.add),this.#j.bind(this),{jslogContext:"webauthn.add-authenticator"}),c.createChild("div","authenticator-option-label"),c.appendChild(this.addAuthenticatorButton);const p=t.UIUtils.createLabel(d(l.addAuthenticator),"");t.ARIAUtils.bindLabelToControl(p,this.addAuthenticatorButton),this.#G(),this.#h&&this.#h.addEventListener("change",this.#G.bind(this)),this.residentKeyCheckbox&&this.residentKeyCheckbox.addEventListener("change",this.#G.bind(this))}async#j(){const t=this.#R();if(this.#o){const e=await this.#o.addAuthenticator(t),i=this.#a.get();i.push({authenticatorId:e,active:!0,...t}),this.#a.set(i.map((t=>({...t,active:t.authenticatorId===e}))));const a=await this.#y(e,t),o=window.matchMedia("(prefers-reduced-motion: reduce)").matches;a.scrollIntoView({block:"start",behavior:o?"auto":"smooth"}),this.#z()}}async#y(e,i){const a=document.createElement("div");a.classList.add("authenticator-section"),a.setAttribute("data-authenticator-id",e),a.setAttribute("jslog",`${r.section("authenticator")}`),this.#n.appendChild(a);const o=a.createChild("div","authenticator-section-header"),n=o.createChild("div","authenticator-section-title");t.ARIAUtils.markAsHeading(n,2),await this.#F();const s=o.createChild("div","active-button-container"),{label:c,radio:h}=t.UIUtils.createRadioButton("active-authenticator",d(l.active),"webauthn.active-authenticator");h.addEventListener("change",this.#k.bind(this,e)),h.checked=!0,s.appendChild(c),this.#t=e;const u=o.createChild("button","text-button");u.textContent=d(l.remove),u.addEventListener("click",this.removeAuthenticator.bind(this,e)),u.setAttribute("jslog",`${r.action("webauthn.remove-authenticator").track({click:!0})}`);const p=n.createChild("devtools-toolbar","edit-name-toolbar"),b=new t.Toolbar.ToolbarButton(d(l.editName),"edit",void 0,"edit-name"),v=new t.Toolbar.ToolbarButton(d(l.saveName),"checkmark",void 0,"save-name");v.setVisible(!1);const m=n.createChild("input","authenticator-name-field");m.placeholder=d(l.enterNewName),m.disabled=!0,m.setAttribute("jslog",`${r.textField("name").track({keydown:"Enter",change:!0})}`);const C=e.slice(-5);m.value=d(l.authenticatorS,{PH1:C}),this.#P(c,m.value),b.addEventListener("Click",(()=>this.#D(n,m,b,v))),v.addEventListener("Click",(()=>this.#M(n,m,b,v,c))),m.addEventListener("focusout",(()=>this.#M(n,m,b,v,c))),m.addEventListener("keydown",(t=>{"Enter"===t.key&&this.#M(n,m,b,v,c)})),p.appendToolbarItem(b),p.appendToolbarItem(v),this.#O(a,e,i);const g=document.createElement("div");g.classList.add("credentials-title"),g.textContent=d(l.credentials),a.appendChild(g);return this.#S(e).asWidget().show(a),this.#o&&(this.#o.addEventListener("CredentialAdded",this.#U.bind(this,e)),this.#o.addEventListener("CredentialAsserted",this.#V.bind(this,e)),this.#o.addEventListener("CredentialUpdated",this.#V.bind(this,e)),this.#o.addEventListener("CredentialDeleted",this.#B.bind(this,e))),a.createChild("div","divider"),a}#I(t){let e=m;for(let i=0;i<t.privateKey.length;i+=64)e+=t.privateKey.substring(i,i+64)+"\n";e+=C;const i=document.createElement("a");i.download=d(l.privateKeypem),i.href="data:application/x-pem-file,"+encodeURIComponent(e),i.click()}async#T(t,e){const i=this.dataGrids.get(t);i&&(i.rootNode().children.find((t=>t.data.credentialId===e)).remove(),i.rootNode().children.length||i.rootNode().appendChild(new b),this.#o&&await this.#o.removeCredential(t,e))}#O(e,i,a){const o=e.createChild("div","authenticator-fields"),n=o.createChild("div","authenticator-field"),r=o.createChild("div","authenticator-field"),s=o.createChild("div","authenticator-field"),c=o.createChild("div","authenticator-field"),h=o.createChild("div","authenticator-field"),u=o.createChild("div","authenticator-field");n.appendChild(t.UIUtils.createLabel(d(l.uuid),"authenticator-option-label")),r.appendChild(t.UIUtils.createLabel(d(l.protocol),"authenticator-option-label")),s.appendChild(t.UIUtils.createLabel(d(l.transport),"authenticator-option-label")),c.appendChild(t.UIUtils.createLabel(d(l.supportsResidentKeys),"authenticator-option-label")),h.appendChild(t.UIUtils.createLabel(d(l.supportsLargeBlob),"authenticator-option-label")),u.appendChild(t.UIUtils.createLabel(d(l.supportsUserVerification),"authenticator-option-label")),n.createChild("div","authenticator-field-value").textContent=i,r.createChild("div","authenticator-field-value").textContent=a.protocol,s.createChild("div","authenticator-field-value").textContent=a.transport,c.createChild("div","authenticator-field-value").textContent=a.hasResidentKey?d(l.yes):d(l.no),h.createChild("div","authenticator-field-value").textContent=a.hasLargeBlob?d(l.yes):d(l.no),u.createChild("div","authenticator-field-value").textContent=a.hasUserVerification?d(l.yes):d(l.no)}#D(t,e,i,a){e.disabled=!1,t.classList.add("editing-name"),e.focus(),a.setVisible(!0),i.setVisible(!1)}#M(t,e,i,a,o){const n=e.value;n&&(e.disabled=!0,t.classList.remove("editing-name"),i.setVisible(!0),a.setVisible(!1),this.#P(o,n))}#P(e,i){t.Tooltip.Tooltip.install(e,d(l.setSAsTheActiveAuthenticator,{PH1:i}))}removeAuthenticator(t){if(this.#n){const e=this.#n.querySelector(`[data-authenticator-id=${CSS.escape(t)}]`);e&&e.remove()}const e=this.dataGrids.get(t);e&&(e.asWidget().detach(),this.dataGrids.delete(t)),this.#o&&this.#o.removeAuthenticator(t);const i=this.#a.get().filter((e=>e.authenticatorId!==t));if(this.#a.set(i),this.#t===t){const t=Array.from(this.dataGrids.keys());t.length?this.#k(t[0]):this.#t=null}this.#z()}#R(){if(!(this.#h&&this.transportSelect&&this.residentKeyCheckbox&&this.#b&&this.largeBlobCheckbox))throw new Error("Unable to create options from current inputs");return{protocol:this.#h.options[this.#h.selectedIndex].value,ctap2Version:"ctap2_1",transport:this.transportSelect.options[this.transportSelect.selectedIndex].value,hasResidentKey:this.residentKeyCheckbox.checked,hasUserVerification:this.#b.checked,hasLargeBlob:this.largeBlobCheckbox.checked,automaticPresenceSimulation:!0,isUserVerified:!0}}async#k(t){await this.#F(),this.#o&&await this.#o.setAutomaticPresenceSimulation(t,!0),this.#t=t;const e=this.#a.get().map((e=>({...e,active:e.authenticatorId===t})));this.#a.set(e),this.#W()}#W(){const t=this.#n.getElementsByClassName("authenticator-section");Array.from(t).forEach((t=>{const e=t.querySelector('input[type="radio"]');e&&(e.checked=t.dataset.authenticatorId===this.#t)}))}async#F(){this.#t&&this.#o&&await this.#o.setAutomaticPresenceSimulation(this.#t,!1),this.#t=null,this.#W()}}var A=Object.freeze({__proto__:null,WebauthnPaneImpl:x});export{A as WebauthnPane};

package/client/dist/chrome-devtools-ui/panels/whats_new/resources/WNDT.md

@@ -0,0 +1,6 @@
+### [New performance insights](perf-insights)
+The Performance > Insights tab gets new insights: duplicated JavaScript, modern HTTP, and use efficient cache lifetimes.
+### [Click events to keep them highlighted in Performance](click-to-highlight)
+Click items in Summary, Bottom-up, Call tree, and Event log tables to keep the corresponding events highlighted in the trace and dim the rest.
+### [Filter cookies in Privacy and security](cookies-filter)
+The cookies table in the 'Privacy and security' panel gets a filter, so you can quickly find the cookie you want to inspect.

package/client/dist/chrome-devtools-ui/panels/whats_new/whats_new-meta.js

@@ -0,0 +1 @@
+import*as e from"../../core/common/common.js";import*as t from"../../core/i18n/i18n.js";import*as a from"../../ui/legacy/legacy.js";const o={whatsNew:"What's new",showWhatsNew:"Show what's new",releaseNotes:"Release notes",reportADevtoolsIssue:"Report a DevTools issue",bug:"bug",showWhatsNewAfterEachUpdate:"Show what's new after each update",doNotShowWhatsNewAfterEachUpdate:"Don't show what's new after each update"},n=t.i18n.registerUIStrings("panels/whats_new/whats_new-meta.ts",o),i=t.i18n.getLazilyComputedLocalizedString.bind(void 0,n);let s;async function r(){return s||(s=await import("./whats_new.js")),s}a.ViewManager.maybeRemoveViewExtension("release-note"),a.ActionRegistration.maybeRemoveActionExtension("help.release-notes"),a.ActionRegistration.maybeRemoveActionExtension("help.report-issue"),e.Settings.maybeRemoveSettingExtension("help.show-release-note"),a.ContextMenu.maybeRemoveItem({location:"mainMenuHelp/default",actionId:"help.release-notes",order:void 0}),a.ContextMenu.maybeRemoveItem({location:"mainMenuHelp/default",actionId:"help.report-issue",order:void 0}),e.Runnable.maybeRemoveLateInitializationRunnable("whats-new"),a.ViewManager.registerViewExtension({location:"drawer-view",id:"release-note",title:i(o.whatsNew),commandPrompt:i(o.showWhatsNew),persistence:"closeable",order:1,loadView:async()=>new((await r()).ReleaseNoteView.ReleaseNoteView)}),a.ActionRegistration.registerActionExtension({category:"HELP",actionId:"help.release-notes",title:i(o.releaseNotes),loadActionDelegate:async()=>(await r()).WhatsNew.ReleaseNotesActionDelegate.instance()}),a.ActionRegistration.registerActionExtension({category:"HELP",actionId:"help.report-issue",title:i(o.reportADevtoolsIssue),loadActionDelegate:async()=>(await r()).WhatsNew.ReportIssueActionDelegate.instance(),tags:[i(o.bug)]}),e.Settings.registerSettingExtension({category:"APPEARANCE",title:i(o.showWhatsNewAfterEachUpdate),settingName:"help.show-release-note",settingType:"boolean",defaultValue:!0,options:[{value:!0,title:i(o.showWhatsNewAfterEachUpdate)},{value:!1,title:i(o.doNotShowWhatsNewAfterEachUpdate)}]}),a.ContextMenu.registerItem({location:"mainMenuHelp/default",actionId:"help.release-notes",order:10}),a.ContextMenu.registerItem({location:"mainMenuHelp/default",actionId:"help.report-issue",order:11}),e.Runnable.registerLateInitializationRunnable({id:"whats-new",loadRunnable:async()=>(await r()).WhatsNew.HelpLateInitialization.instance()});

package/client/dist/chrome-devtools-ui/panels/whats_new/whats_new.js

@@ -0,0 +1,32 @@
+import*as e from"../../ui/components/markdown_view/markdown_view.js";import*as t from"../../core/i18n/i18n.js";import*as s from"../../third_party/marked/marked.js";import"../../ui/components/buttons/buttons.js";import*as i from"../../ui/legacy/legacy.js";import{render as o,html as n}from"../../ui/lit/lit.js";import*as r from"../../ui/visual_logging/visual_logging.js";import*as a from"../../core/common/common.js";import*as l from"../../core/host/host.js";let c=!1;function d(){if(!c){for(const{key:t,link:s}of v.markdownLinks)e.MarkdownLinksMap.markdownLinks.set(t,s);c=!0}return v}let v={version:77,header:"What's new in DevTools 136",markdownLinks:[{key:"perf-insights",link:"https://developer.chrome.com/blog/new-in-devtools-136/#perf-insights"},{key:"click-to-highlight",link:"https://developer.chrome.com/blog/new-in-devtools-136/#click-to-highlight"},{key:"cookies-filter",link:"https://developer.chrome.com/blog/new-in-devtools-136/#cookies-filter"}],videoLinks:[{description:"See the highlights from Chrome 136",link:"https://developer.chrome.com/blog/new-in-devtools-136",type:"WhatsNew"}],link:"https://developer.chrome.com/blog/new-in-devtools-136/"};var h=Object.freeze({__proto__:null,getReleaseNote:d,setReleaseNoteForTest:function(e){v=e}}),g={cssText:`.whatsnew{background:var(--sys-color-header-container);flex-grow:1;flex-shrink:0;display:flex;justify-content:center}.whatsnew-content{max-width:var(--sys-size-35);padding:var(--sys-size-9) 0 0;display:flex;flex-direction:column;gap:var(--sys-size-9);>*{padding:0 var(--sys-size-9)}}.header{display:flex;align-items:center;font:var(--sys-typescale-headline4);&::before{content:"";width:var(--sys-size-9);height:var(--sys-size-9);transform:scale(1.6);margin:0 var(--sys-size-8) 0 var(--sys-size-4);background-image:var(--image-file-devtools);flex-shrink:0}}.feature-container{flex-grow:1;padding:0;background-color:var(--sys-color-surface);border-radius:var(--sys-shape-corner-large) var(--sys-shape-corner-large) 0 0;display:flex;flex-direction:column}.feature{background-color:var(--sys-color-surface3);padding:0 var(--sys-size-8) var(--sys-size-8);border-radius:var(--sys-shape-corner-medium);margin:0 var(--sys-size-9) var(--sys-size-9)}.video-container{margin-bottom:var(--sys-size-9);&:has(.video){--video-bottom-padding:var(--sys-size-6);overflow:auto;display:flex;flex-direction:row;gap:var(--sys-size-5);padding:var(--sys-size-9) var(--sys-size-9) var(--video-bottom-padding);margin-bottom:calc(var(--sys-size-9) - var(--video-bottom-padding));> *{min-width:auto}}}.video{align-items:center;display:flex;flex-direction:row;border-radius:var(--sys-shape-corner-medium);background-color:var(--sys-color-surface3);font:var(--sys-typescale-body5-regular);min-width:var(--sys-size-29);max-width:var(--sys-size-32);overflow:hidden;height:72px;&:hover{box-shadow:var(--sys-elevation-level3)}.thumbnail{border-radius:var(--sys-shape-corner-medium) 0 0 var(--sys-shape-corner-medium);flex-shrink:0}.thumbnail-description{--description-margin:var(--sys-size-6);margin:var(--description-margin);height:calc(100% - var(--description-margin) * 2);overflow:hidden}}@media (forced-colors: active){.feature,\n  .video{border:var(--sys-size-1) solid ButtonText}}\n/*# sourceURL=${import.meta.resolve("./releaseNoteView.css")} */\n`};const m={seeFeatures:"See all new features"},u=t.i18n.registerUIStrings("panels/whats_new/ReleaseNoteView.ts",m),p=t.i18n.getLocalizedString.bind(void 0,u),w="../../Images/whatsnew.svg",f="../../Images/devtools-tips.svg",y="../../Images/devtools-thumbnail.svg";async function k(){const e=await b.getFileContent(),t=s.Marked.lexer(e),i=[];let o=Number.MAX_SAFE_INTEGER;return t.forEach((e=>{"heading"===e.type&&o>=e.depth?(i.push([e]),o=e.depth):i.length>0?i[i.length-1].push(e):i.push([e])})),i}class b extends i.Widget.VBox{#e;constructor(e,t=(e,t,s)=>{this.registerRequiredCSS(g);const i=e.getReleaseNote(),a=e.markdownContent;o(n`
+      <div class="whatsnew" jslog=${r.section().context("release-notes")}>
+        <div class="whatsnew-content">
+          <div class="header">
+            ${i.header}
+          </div>
+          <div>
+            <devtools-button
+                  .variant=${"primary"}
+                  .jslogContext=${"learn-more"}
+                  @click=${()=>e.openNewTab(i.link)}
+              >${p(m.seeFeatures)}</devtools-button>
+          </div>
+
+          <div class="feature-container">
+            <div class="video-container">
+              ${i.videoLinks.map((t=>n`
+                  <x-link
+                  href=${t.link}
+                  jslog=${r.link().track({click:!0}).context("learn-more")}>
+                    <div class="video">
+                      <img class="thumbnail" src=${e.getThumbnailPath(t.type??"WhatsNew")}>
+                      <div class="thumbnail-description"><span>${t.description}</span></div>
+                    </div>
+                </x-link>
+                `))}
+            </div>
+            ${a.map((e=>n`<div class="feature"><devtools-markdown-view slot="content" .data=${{tokens:e}}></devtools-markdown-view></div>`))}
+          </div>
+        </div>
+      </div>
+    `,s,{host:this})}){super(!0,void 0,e),this.element.setAttribute("jslog",`${r.panel().context("whats-new")}`),this.#e=t,this.requestUpdate()}static async getFileContent(){const e=new URL("./resources/WNDT.md",import.meta.url);try{const t=await fetch(e.toString());return await t.text()}catch{throw new Error(`Markdown file ${e.toString()} not found. Make sure it is correctly listed in the relevant BUILD.gn files.`)}}async performUpdate(){const e=await k();this.#e({getReleaseNote:d,openNewTab:i.UIUtils.openInNewTab,markdownContent:e,getThumbnailPath:this.#t},this,this.contentElement)}#t(e){let t;switch(e){case"WhatsNew":t=w;break;case"DevtoolsTips":t=f;break;case"Other":t=y}return new URL(t,import.meta.url).toString()}}var N=Object.freeze({__proto__:null,DEVTOOLS_TIPS_THUMBNAIL:f,GENERAL_THUMBNAIL:y,ReleaseNoteView:b,WHATS_NEW_THUMBNAIL:w,getMarkdownContent:k});const x="releaseNoteVersionSeen",S="release-note";let z,_,T,I;function j(){return function(e,t,s){const o=a.Settings.Settings.instance().createSetting(x,0);if(!e)return o.set(t),!1;if(!s)return!1;if(e>=t)return!1;return o.set(t),i.ViewManager.ViewManager.instance().showView(S,!0),!0}(a.Settings.Settings.instance().createSetting(x,0).get(),d().version,a.Settings.Settings.instance().moduleSetting("help.show-release-note").get())}class L{static instance(e={forceNew:null}){const{forceNew:t}=e;return _&&!t||(_=new L),_}async run(){l.InspectorFrontendHost.isUnderTest()||j()}}class R{handleAction(e,t){const s=d();return i.UIUtils.openInNewTab(s.link),!0}static instance(e={forceNew:null}){const{forceNew:t}=e;return T&&!t||(T=new R),T}}class U{handleAction(e,t){return i.UIUtils.openInNewTab("https://goo.gle/devtools-bug"),!0}static instance(e={forceNew:null}){const{forceNew:t}=e;return I&&!t||(I=new U),I}}var $=Object.freeze({__proto__:null,HelpLateInitialization:L,ReleaseNotesActionDelegate:R,ReportIssueActionDelegate:U,getReleaseNoteVersionSetting:function(){return z||(z=a.Settings.Settings.instance().createSetting(x,0)),z},releaseNoteViewId:S,releaseVersionSeen:x,showReleaseNoteIfNeeded:j});export{h as ReleaseNoteText,N as ReleaseNoteView,$ as WhatsNew};

package/client/dist/chrome-devtools-ui/rehydrated_devtools_app.html

@@ -0,0 +1,24 @@
+<!--
+ * Copyright 2018 The Chromium Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file.
+-->
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>DevTools</title>
+<style>
+  @media (prefers-color-scheme: dark) {
+    body {
+      background-color: rgb(41 42 45);
+    }
+  }
+</style>
+<meta http-equiv="Content-Security-Policy" content="object-src 'none'; script-src 'self' 'unsafe-eval' https://chrome-devtools-frontend.appspot.com">
+<meta name="referrer" content="no-referrer">
+<link rel="icon" href="./Images/favicon.ico">
+<script defer src="./embedder-static/embedderScript.js"></script>
+<script type="module" src="./entrypoints/rehydrated_devtools_app/rehydrated_devtools_app.js"></script>
+<link href="./application_tokens.css" rel="stylesheet">
+<link href="./design_system_tokens.css" rel="stylesheet">
+<body class="undocked" id="-blink-dev-tools">

package/client/dist/chrome-devtools-ui/rn_fusebox.html

@@ -0,0 +1,24 @@
+<!--
+ * Copyright 2018 The Chromium Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file.
+-->
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>React Native DevTools</title>
+<style>
+  @media (prefers-color-scheme: dark) {
+    body {
+      background-color: rgb(41 42 45);
+    }
+  }
+</style>
+<meta http-equiv="Content-Security-Policy" content="object-src 'none'; script-src 'self' 'unsafe-eval' https://chrome-devtools-frontend.appspot.com; worker-src 'self' blob:">
+<meta name="referrer" content="no-referrer">
+<link rel="icon" href="./Images/favicon.ico">
+<script defer src="./embedder-static/embedderScript.js"></script>
+<script type="module" src="./entrypoints/rn_fusebox/rn_fusebox.js"></script>
+<link href="./application_tokens.css" rel="stylesheet">
+<link href="./design_system_tokens.css" rel="stylesheet">
+<body class="undocked" id="-blink-dev-tools">

package/client/dist/chrome-devtools-ui/services/puppeteer/puppeteer.js

@@ -0,0 +1 @@
+import*as e from"../../third_party/puppeteer/puppeteer.js";class n{#e;constructor(e){this.#e=e}send(e){this.#e.sendRawMessage(e)}close(){this.#e.disconnect()}set onmessage(e){this.#e.setOnMessage((n=>{const s=n;if(s.sessionId)return e(JSON.stringify({...s,sessionId:s.sessionId===this.#e.getSessionId()?void 0:s.sessionId}))}))}set onclose(e){const n=this.#e.getOnDisconnect();this.#e.setOnDisconnect((s=>{n&&n(s),e&&e()}))}}class s extends e.Connection{async onMessage(e){const n=JSON.parse(e);n.sessionId&&!this._sessions.has(n.sessionId)||super.onMessage(e)}}var o=Object.freeze({__proto__:null,PuppeteerConnectionHelper:class{static async connectPuppeteerToConnectionViaTab(o){const{connection:t,rootTargetId:i,isPageTargetCallback:c}=o,a=new n(t),r=new s("",a),p=e.Browser._create(r,[],!1,void 0,void 0,void 0,void 0,void 0,(e=>c(e._getTargetInfo())),!1),[,d]=await Promise.all([r._createSession({targetId:i},!0),p]);await d.waitForTarget((e=>"page"===e.type()));return{page:(await d.pages())[0],browser:d,puppeteerConnection:r}}}});export{o as PuppeteerConnection};

package/client/dist/chrome-devtools-ui/services/trace_bounds/trace_bounds.js

@@ -0,0 +1 @@
+import*as e from"../../models/trace/trace.js";let t=null;class n extends Event{state;updateType;options;static eventName="traceboundsstatechanged";constructor(e,t,i={shouldAnimate:!1}){super(n.eventName,{composed:!0,bubbles:!0}),this.state=e,this.updateType=t,this.options=i}}class i extends EventTarget{static instance(e={forceNew:null}){const n=Boolean(e.forceNew);return t&&!n||(t=new i),t}static removeInstance(){t=null}#e=null;constructor(){super()}resetWithNewBounds(e){return this.#e={entireTraceBounds:e,minimapTraceBounds:e,timelineTraceWindow:e},this.dispatchEvent(new n(this.state(),"RESET")),this}state(){if(null===this.#e)return null;const t=e.Helpers.Timing.traceWindowMilliSeconds(this.#e.entireTraceBounds),n=e.Helpers.Timing.traceWindowMilliSeconds(this.#e.minimapTraceBounds),i=e.Helpers.Timing.traceWindowMilliSeconds(this.#e.timelineTraceWindow);return{micro:this.#e,milli:{entireTraceBounds:t,minimapTraceBounds:n,timelineTraceWindow:i}}}setMiniMapBounds(e){if(!this.#e)return void console.error("TraceBounds.setMiniMapBounds could not set bounds because there is no existing trace window set.");const t=this.#e.minimapTraceBounds;e.min===t.min&&e.max===t.max||e.range<1e3||(this.#e.minimapTraceBounds=e,this.dispatchEvent(new n(this.state(),"MINIMAP_BOUNDS")))}setTimelineVisibleWindow(t,i={shouldAnimate:!1,ignoreMiniMapBounds:!1}){if(!this.#e)return void console.error("TraceBounds.setTimelineVisibleWindow could not set bounds because there is no existing trace window set.");const s=this.#e.timelineTraceWindow;t.range<1e3||t.min===s.min&&t.max===s.max||(i.ignoreMiniMapBounds||(t.min=e.Types.Timing.Micro(Math.max(this.#e.minimapTraceBounds.min,t.min)),t.max=e.Types.Timing.Micro(Math.min(this.#e.minimapTraceBounds.max,t.max))),t.min===s.min&&t.max===s.max||(this.#e.timelineTraceWindow=t,this.dispatchEvent(new n(this.state(),"VISIBLE_WINDOW",{shouldAnimate:i.shouldAnimate}))))}}var s=Object.freeze({__proto__:null,BoundsManager:i,StateChangedEvent:n,onChange:function(e){i.instance().addEventListener(n.eventName,e)},removeListener:function(e){i.instance().removeEventListener(n.eventName,e)}});export{s as TraceBounds};

package/client/dist/chrome-devtools-ui/services/tracing/tracing.js

@@ -0,0 +1 @@
+import*as e from"../../models/trace/trace.js";var t=Object.freeze({__proto__:null,PerformanceTracing:class{#e=[];#t=null;#a;constructor(t,a){this.#t=t.model(e.TracingManager.TracingManager),this.#a=a}async start(){if(this.#e.length=0,!this.#t)throw new Error("No tracing manager");const e=["-*","blink.console","blink.user_timing","devtools.timeline","disabled-by-default-devtools.screenshot","disabled-by-default-devtools.timeline","disabled-by-default-devtools.timeline.invalidationTracking","disabled-by-default-devtools.timeline.frame","disabled-by-default-devtools.timeline.stack","disabled-by-default-v8.cpu_profiler","disabled-by-default-v8.cpu_profiler.hires","latencyInfo","loading","disabled-by-default-lighthouse","v8.execute","v8"].join(",");if(!await this.#t.start(this,e,""))throw new Error("Unable to start tracing.")}async stop(){return this.#t?.stop()}traceEventsCollected(e){this.#e.push(...e)}tracingBufferUsage(e){this.#a.tracingBufferUsage(e)}eventsRetrievalProgress(e){this.#a.eventsRetrievalProgress(e)}tracingComplete(){this.#a.tracingComplete(this.#e)}},RawTraceEvents:class{events;constructor(e){this.events=e}getEvents(){return this.events}}});export{t as PerformanceTracing};

package/client/dist/chrome-devtools-ui/services/window_bounds/window_bounds.js

@@ -0,0 +1 @@
+import*as e from"../../ui/legacy/legacy.js";let n;class t{static instance(e={forceNew:null}){const{forceNew:o}=e;return n&&!o||(n=new t),n}getDevToolsBoundingElement(){return e.InspectorView.InspectorView.maybeGetInspectorViewInstance()?.element||document.body}}var o=Object.freeze({__proto__:null,WindowBoundsServiceImpl:t});export{o as WindowBoundsService};