@react-native/debugger-frontend 0.73.0

package/dist/third-party/front_end/panels/utils/utils.js

@@ -0,0 +1 @@
+import*as e from"../../models/formatter/formatter.js";import*as o from"../../ui/components/diff_view/diff_view.js";function t(e){return e.isDocument()?{iconName:"file-document",color:"var(--icon-file-document)"}:e.isImage()?{iconName:"file-image",color:"var(--icon-file-image)"}:e.isFont()?{iconName:"file-font",color:"var(--icon-file-font)"}:e.isScript()?{iconName:"file-script",color:"var(--icon-file-script)"}:e.isStyleSheet()?{iconName:"file-stylesheet",color:"var(--icon-file-styles)"}:e.isWebbundle()?{iconName:"bundle",color:"var(--icon-default)"}:{iconName:"file-generic",color:"var(--icon-default)"}}async function n(e){const{originalLines:t,currentLines:n,rows:r}=o.DiffView.buildDiffRows(e),l=await i(t.join("\n")),c=await i(n.join("\n"));let a,s,f="",u=!1;for(const{currentLineNumber:e,originalLineNumber:o,type:i}of r){if("deletion"!==i&&"addition"!==i)continue;const r="deletion"===i,m=r?o-1:e-1,d=(r?t:n)[m].trim(),{declarationIDToStyleRule:g,styleRuleIDToStyleRule:p}=r?l:c;let y,b="";if(g.has(m)){y=g.get(m);const e=y.selector;e!==a&&e!==s&&(b+=`${e} {\n`),b+="  ",u=!0}else u&&(b="}\n\n",u=!1),p.has(m)&&(y=p.get(m));f+=b+(r?`/* ${d} */`:d)+"\n",r?a=y?.selector:s=y?.selector}return f.length>0&&(f+="}"),f}async function i(o){const t=await new Promise((t=>{const n=[];e.FormatterWorkerPool.formatterWorkerPool().parseCSS(o,((e,o)=>{n.push(...o),e&&t(n)}))})),n=new Map,i=new Map;for(const e of t)if("styleRange"in e){const o=e.selectorText.split("\n").pop()?.trim();if(!o)continue;const t={rule:e,selector:o};i.set(e.styleRange.startLine,t);for(const o of e.properties)n.set(o.range.startLine,t)}return{declarationIDToStyleRule:n,styleRuleIDToStyleRule:i}}function r(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)"})}export{n as formatCSSChangesFromDiff,r as highlightElement,t as iconDataForResourceType};

package/dist/third-party/front_end/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";var a=Object.freeze({__proto__:null,PortPadding:4,InputPortRadius:10,AudioParamRadius:5,LeftMarginOfText:12,RightMarginOfText:30,LeftSideTopPadding:5,BottomPaddingWithoutParam:6,BottomPaddingWithParam:8,ArrowHeadSize:12,GraphPadding:20,GraphMargin:20,TotalInputPortHeight:24,TotalOutputPortHeight:24,TotalParamPortHeight:14,NodeLabelFontStyle:"14px Segoe UI, Arial",ParamLabelFontStyle:"12px Segoe UI, Arial"});const d=t=>({x:0,y:15+24*t}),r=(t,e,o)=>{const{width:a,height:d}=e;return{x:a,y:d/2+24*(2*t-o+1)/2}},i=(t,e)=>({x:0,y:e+14*(t+1)-5});var s=Object.freeze({__proto__:null,calculateInputPortXY:d,calculateOutputPortXY:r,calculateParamPortXY:i});class n{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}=i(o,this.layout.inputPortSectionHeight);this.addPort({id:p(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=c(this.label,"14px Segoe UI, Arial");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=c(e,"12px Segoe UI, Arial");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}=d(t);this.addPort({id:u(this.id,t),type:"In",x:e,y:o,label:void 0})}}setupOutputPorts(){for(let t=0;t<this.numberOfOutputs;t++){const e=h(this.id,t),{x:o,y:a}=r(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 u=(t,e)=>`${t}-input-${e||0}`,h=(t,e)=>`${t}-output-${e||0}`,p=(t,e)=>`${t}-param-${e}`;class l{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 g;const c=(e,o)=>{if(!g){const t=document.createElement("canvas").getContext("2d");if(!t)throw new Error("Unable to create canvas context.");g=t}const a=g;a.save(),o&&(a.font=o);const d=t.UIUtils.measureTextWidth(a,e);return a.restore(),d};var m=Object.freeze({__proto__:null,NodeView:n,generateInputPortId:u,generateOutputPortId:h,generateParamPortId:p,NodeLabelGenerator:l,measureTextWidth:c});class I{id;type;sourceId;destinationId;sourcePortId;destinationPortId;constructor(t,e){const o=y(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 y=(t,e)=>{if(!t.sourceId||!t.destinationId)return console.error(`Undefined node message: ${JSON.stringify(t)}`),null;const o=h(t.sourceId,t.sourceOutputIndex),a=function(t,e){if(e===P.NodeToNode){const e=t;return u(t.destinationId,e.destinationInputIndex)}if(e===P.NodeToParam){const e=t;return p(t.destinationId,e.destinationParamId)}return console.error(`Unknown edge type: ${e}`),""}(t,e);return{edgeId:`${o}->${a}`,sourcePortId:o,destinationPortId:a}};var P;!function(t){t.NodeToNode="NodeToNode",t.NodeToParam="NodeToParam"}(P||(P={}));var f=Object.freeze({__proto__:null,EdgeView:I,generateEdgePortIdsByData:y,get EdgeTypes(){return P}});class b extends e.ObjectWrapper.ObjectWrapper{contextId;nodes;edges;outboundEdgeMap;inboundEdgeMap;nodeLabelGenerator;paramIdToNodeIdMap;constructor(t){super(),this.contextId=t,this.nodes=new Map,this.edges=new Map,this.outboundEdgeMap=new o.MapUtilities.Multimap,this.inboundEdgeMap=new o.MapUtilities.Multimap,this.nodeLabelGenerator=new l,this.paramIdToNodeIdMap=new Map}addNode(t){const e=this.nodeLabelGenerator.generateLabel(t.nodeType),o=new n(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 I(t,P.NodeToNode);this.addEdge(e)}removeNodeToNodeConnection(t){if(t.destinationId){const e=y(t,P.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 I(t,P.NodeToParam);this.addEdge(e)}removeNodeToParamConnection(t){const e=y(t,P.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:b});var x=Object.freeze({__proto__:null,GraphManager:class{graphMapByContextId=new Map;createContext(t){const e=new b(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{f as EdgeView,x as GraphManager,a as GraphStyle,N as GraphView,s as NodeRendererUtility,m as NodeView};

package/dist/third-party/front_end/panels/web_audio/web_audio-legacy.js

@@ -0,0 +1 @@
+import*as e from"./web_audio.js";self.WebAudio=self.WebAudio||{},WebAudio=WebAudio||{},WebAudio.GraphVisualizer=WebAudio.GraphVisualizer||{},WebAudio.GraphVisualizer.GraphStyle=WebAudio.GraphVisualizer.Style||{},WebAudio.GraphVisualizer.NodeRendererUtility=WebAudio.GraphVisualizer.NodeRendererUtility||{},WebAudio.ContextDetailBuilder=e.AudioContextContentBuilder.ContextDetailBuilder,WebAudio.AudioContextSummaryBuilder=e.AudioContextContentBuilder.AudioContextSummaryBuilder,WebAudio.AudioContextSelector=e.AudioContextSelector.AudioContextSelector,WebAudio.AudioContextSelector.Events=e.AudioContextSelector.Events,WebAudio.WebAudioModel=e.WebAudioModel.WebAudioModel,WebAudio.WebAudioModel.Events=e.WebAudioModel.Events,WebAudio.WebAudioView=e.WebAudioView.WebAudioView,WebAudio.GraphVisualizer.EdgeView=e.EdgeView.EdgeView,WebAudio.GraphVisualizer.generateEdgePortIdsByData=e.EdgeView.generateEdgePortIdsByData,WebAudio.GraphVisualizer.EdgeTypes=e.EdgeView.EdgeTypes,WebAudio.GraphVisualizer.GraphManager=e.GraphManager.GraphManager,WebAudio.GraphVisualizer.GraphStyle.PortPadding=e.GraphStyle.PortPadding,WebAudio.GraphVisualizer.GraphStyle.InputPortRadius=e.GraphStyle.InputPortRadius,WebAudio.GraphVisualizer.GraphStyle.AudioParamRadius=e.GraphStyle.AudioParamRadius,WebAudio.GraphVisualizer.GraphStyle.LeftMarginOfText=e.GraphStyle.LeftMarginOfText,WebAudio.GraphVisualizer.GraphStyle.RightMarginOfText=e.GraphStyle.RightMarginOfText,WebAudio.GraphVisualizer.GraphStyle.LeftSideTopPadding=e.GraphStyle.LeftSideTopPadding,WebAudio.GraphVisualizer.GraphStyle.BottomPaddingWithoutParam=e.GraphStyle.BottomPaddingWithoutParam,WebAudio.GraphVisualizer.GraphStyle.BottomPaddingWithParam=e.GraphStyle.BottomPaddingWithParam,WebAudio.GraphVisualizer.GraphStyle.ArrowHeadSize=e.GraphStyle.ArrowHeadSize,WebAudio.GraphVisualizer.GraphStyle.GraphPadding=e.GraphStyle.GraphPadding,WebAudio.GraphVisualizer.GraphStyle.GraphMargin=e.GraphStyle.GraphMargin,WebAudio.GraphVisualizer.GraphStyle.TotalInputPortHeight=e.GraphStyle.TotalInputPortHeight,WebAudio.GraphVisualizer.GraphStyle.TotalOutputPortHeight=e.GraphStyle.TotalOutputPortHeight,WebAudio.GraphVisualizer.GraphStyle.TotalParamPortHeight=e.GraphStyle.TotalParamPortHeight,WebAudio.GraphVisualizer.GraphStyle.NodeLabelFontStyle=e.GraphStyle.NodeLabelFontStyle,WebAudio.GraphVisualizer.GraphStyle.ParamLabelFontStyle=e.GraphStyle.ParamLabelFontStyle,WebAudio.GraphVisualizer.GraphStyle.GraphStyles=e.GraphStyle.GraphStyles,WebAudio.GraphVisualizer.GraphView=e.GraphView.GraphView,WebAudio.GraphVisualizer.GraphView.Events=e.GraphView.Events,WebAudio.GraphVisualizer.NodeRendererUtility.calculateInputPortXY=e.NodeRendererUtility.calculateInputPortXY,WebAudio.GraphVisualizer.NodeRendererUtility.calculateOutputPortXY=e.NodeRendererUtility.calculateOutputPortXY,WebAudio.GraphVisualizer.NodeRendererUtility.calculateParamPortXY=e.NodeRendererUtility.calculateParamPortXY,WebAudio.GraphVisualizer.NodeView=e.NodeView.NodeView,WebAudio.GraphVisualizer.PortTypes=e.GraphStyle.PortTypes,WebAudio.GraphVisualizer.NodeLabelGenerator=e.NodeView.NodeLabelGenerator,WebAudio.GraphVisualizer.generateInputPortId=e.NodeView.generateInputPortId,WebAudio.GraphVisualizer.generateOutputPortId=e.NodeView.generateOutputPortId,WebAudio.GraphVisualizer.generateParamPortId=e.NodeView.generateParamPortId,WebAudio.GraphVisualizer.measureTextWidth=e.NodeView.measureTextWidth;

package/dist/third-party/front_end/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),t=i.i18n.getLazilyComputedLocalizedString.bind(void 0,a);let d;e.ViewManager.registerViewExtension({location:"drawer-view",id:"web-audio",title:t(o.webaudio),commandPrompt:t(o.showWebaudio),persistence:"closeable",order:100,loadView:async()=>(await async function(){return d||(d=await import("./web_audio.js")),d}()).WebAudioView.WebAudioView.instance(),tags:[t(o.audio)]});

package/dist/third-party/front_end/panels/web_audio/web_audio.js

@@ -0,0 +1 @@
+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"./graph_visualizer/graph_visualizer.js";export{EdgeView,GraphManager,GraphStyle,GraphView,NodeRendererUtility,NodeView}from"./graph_visualizer/graph_visualizer.js";const d={state:"State",sampleRate:"Sample Rate",callbackBufferSize:"Callback Buffer Size",maxOutputChannels:"Max Output Channels",currentTime:"Current Time",callbackInterval:"Callback Interval",renderCapacity:"Render Capacity"},s=e.i18n.registerUIStrings("panels/web_audio/AudioContextContentBuilder.ts",d),r=e.i18n.getLocalizedString.bind(void 0,s);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(r(d.state),t.contextState),this.addEntry(r(d.sampleRate),t.sampleRate,"Hz"),"realtime"===t.contextType&&this.addEntry(r(d.callbackBufferSize),t.callbackBufferSize,"frames"),this.addEntry(r(d.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 c{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>${r(d.currentTime)}: ${o} s</span> <span>\u2758</span> <span>${r(d.callbackInterval)}: μ = ${a} ms, σ = ${i} ms</span> <span>\u2758</span> <span>${r(d.renderCapacity)}: ${s} %</span> </div> `)}getFragment(){return this.fragment}}var h=Object.freeze({__proto__:null,ContextDetailBuilder:l,ContextSummaryBuilder:c});const u=new CSSStyleSheet;u.replaceSync(":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=audioContextSelector.css */\n");const p={noRecordings:"(no recordings)",audioContextS:"Audio context: {PH1}"},m=e.i18n.registerUIStrings("panels/web_audio/AudioContextSelector.ts",p),x=e.i18n.getLocalizedString.bind(void 0,m);class g extends n.ObjectWrapper.ObjectWrapper{placeholderText;items;dropDown;toolbarItemInternal;selectedContextInternal;constructor(){super(),this.placeholderText=x(p.noRecordings),this.items=new t.ListModel.ListModel,this.dropDown=new t.SoftDropDown.SoftDropDown(this.items,this),this.dropDown.setPlaceholderText(this.placeholderText),this.toolbarItemInternal=new t.Toolbar.ToolbarItem(this.dropDown.element),this.toolbarItemInternal.setEnabled(!1),this.toolbarItemInternal.setTitle(x(p.audioContextS,{PH1:this.placeholderText})),this.items.addEventListener(t.ListModel.Events.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(x(p.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.Utils.createShadowRootWithCoreStyles(n,{cssFile:[u],delegatesFocus:void 0}).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(x(p.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 I=Object.freeze({__proto__:null,AudioContextSelector:g});class v 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 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(v,{capabilities:a.Target.Capability.DOM,autostart:!1});var C=Object.freeze({__proto__:null,WebAudioModel:v});const b=new CSSStyleSheet;b.replaceSync(":host{overflow:hidden}.web-audio-toolbar-container{background-color:var(--color-background-elevation-1);border-bottom:var(--color-details-hairline);min-height:fit-content}.web-audio-toolbar{display:inline-block}.web-audio-landing-page{position:absolute;background-color:var(--color-background);justify-content:center;align-items:center;overflow:auto;font-size:13px;color:var(--color-text-primary)}.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(--color-background);flex-direction:column}.context-detail-header{border-bottom:1px solid rgb(230 230 230);padding:12px 24px;margin-bottom:10px}.context-detail-title{font-size:15px;font-weight:400}.context-detail-subtitle{font-size:12px;margin-top:10px;user-select:text}.context-detail-row{flex-direction:row;display:flex;line-height:18px;padding-left:24px}.context-detail-row-entry:not(:empty){color:var(--color-text-secondary);overflow:hidden;width:130px}.context-detail-row-value{user-select:text;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.context-summary-container{flex:0 0 27px;line-height:27px;padding-left:5px;background-color:var(--color-background-elevation-2);border-top:1px solid var(--color-details-hairline);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.context-summary-container span{margin-right:6px}\n/*# sourceURL=webAudio.css */\n");const w={openAPageThatUsesWebAudioApiTo:"Open a page that uses Web Audio API to start monitoring."},y=e.i18n.registerUIStrings("panels/web_audio/WebAudioView.ts",w),f=e.i18n.getLocalizedString.bind(void 0,y);let L;class E extends t.ThrottledWidget.ThrottledWidget{contextSelector;contentContainer;detailViewContainer;graphManager;landingPage;summaryBarContainer;constructor(){super(!0,1e3),this.element.classList.add("web-audio-drawer");const e=this.contentElement.createChild("div","web-audio-toolbar-container vbox");this.contextSelector=new g;const n=new t.Toolbar.Toolbar("web-audio-toolbar",e);n.appendToolbarItem(t.Toolbar.Toolbar.createActionButtonForId("components.collect-garbage")),n.appendSeparator(),n.appendToolbarItem(this.contextSelector.toolbarItem()),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 i.GraphManager.GraphManager,this.landingPage=new t.Widget.VBox,this.landingPage.contentElement.classList.add("web-audio-landing-page","fill"),this.landingPage.contentElement.appendChild(t.Fragment.html` <div> <p>${f(w.openAPageThatUsesWebAudioApiTo)}</p> </div> `),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(v,this)}static instance(e={forceNew:null}){const{forceNew:t}=e;return L&&!t||(L=new E),L}wasShown(){super.wasShown(),this.registerCSSFiles([b]);for(const e of a.TargetManager.TargetManager.instance().models(v))this.addEventListeners(e)}willHide(){for(const e of a.TargetManager.TargetManager.instance().models(v))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,d=this.graphManager.getGraph(t);d&&d.addNodeToNodeConnection({sourceId:n,destinationId:o,sourceOutputIndex:a,destinationInputIndex:i})}nodesDisconnected(e){const{contextId:t,sourceId:n,destinationId:o,sourceOutputIndex:a,destinationInputIndex:i}=e.data,d=this.graphManager.getGraph(t);d&&d.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 d=i.getNodeIdByParamId(o);d&&i.addNodeToParamConnection({sourceId:n,destinationId:d,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 d=i.getNodeIdByParamId(o);d&&i.removeNodeToParamConnection({sourceId:n,destinationId:d,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 c(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(v))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 S=Object.freeze({__proto__:null,WebAudioView:E});export{h as AudioContextContentBuilder,I as AudioContextSelector,C as WebAudioModel,S as WebAudioView};

package/dist/third-party/front_end/panels/webauthn/webauthn-meta.js

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

package/dist/third-party/front_end/panels/webauthn/webauthn.js

@@ -0,0 +1 @@
+import*as t from"../../core/common/common.js";import*as e from"../../core/host/host.js";import*as i from"../../core/i18n/i18n.js";import*as a from"../../core/sdk/sdk.js";import*as o from"../../ui/legacy/components/data_grid/data_grid.js";import*as n from"../../ui/legacy/legacy.js";const r=new CSSStyleSheet;r.replaceSync(".webauthn-pane{overflow:auto;min-width:500px}.webauthn-toolbar-container{display:flex;background-color:var(--color-background-elevation-1);border-bottom:var(--legacy-divider-border);flex:0 0 auto}.webauthn-toolbar{border-bottom:var(--legacy-divider-border);display:inline-block}.authenticators-view{margin:0 10px;min-height:auto;display:none}.webauthn-pane.enabled .authenticators-view{display:block}.new-authenticator-title{line-height:24px;font-weight:bold;display:block}.new-authenticator-container{display:none;margin:10px}.webauthn-pane.enabled .new-authenticator-container{display:block}.new-authenticator-form{border:none;padding:10px 0;flex:0 0 auto;margin:0}.webauthn-pane .chrome-select{width:120px}.authenticator-section{display:block;padding:16px 0;border-bottom:1px solid var(--color-details-hairline)}.authenticator-fields{border:none;padding:10px 0;flex:0 0 auto;margin:0}.authenticator-field{display:flex;margin:auto}.authenticator-section-header{display:flex;justify-content:space-between;align-items:flex-end}.authenticator-section-title{line-height:24px;display:inline-block}.authenticator-section-title .authenticator-name-field{display:inline-block;font-weight:bold;border:none;animation:save-flash 0.2s;text-overflow:ellipsis}.authenticator-section-title.editing-name .authenticator-name-field{border-bottom:1px solid var(--input-outline);font-weight:normal;animation:none}.authenticator-field-value{padding:5px 0;display:inline-block;font-family:monospace}.authenticator-option-checkbox{position:relative;top:2px}.authenticator-option{display:flex;padding-bottom:10px;margin:auto}.authenticator-option-label{text-align:right;width:200px;display:inline-block;padding:5px 10px 0 0}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-weight:bold;margin:8px 0}.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=webauthnPane.css */\n");const s={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",useWebauthnForPhishingresistant:"Use WebAuthn for phishing-resistant authentication",learnMore:"Learn more",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",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"},l=i.i18n.registerUIStrings("panels/webauthn/WebauthnPane.ts",s),c=i.i18n.getLocalizedString.bind(void 0,l);class d extends o.DataGrid.DataGridNode{credential;constructor(t){super(t),this.credential=t}nodeSelfHeight(){return 24}createCell(t){const e=super.createCell(t);if(n.Tooltip.Tooltip.install(e,e.textContent||""),"actions"!==t)return e;const i=n.UIUtils.createTextButton(c(s.export),(()=>{this.dataGrid&&this.dataGrid.dispatchEventToListeners("ExportCredential",this.credential)}));e.appendChild(i);const a=n.UIUtils.createTextButton(c(s.remove),(()=>{this.dataGrid&&this.dataGrid.dispatchEventToListeners("RemoveCredential",this.credential)}));return e.appendChild(a),e}}class h extends o.DataGrid.DataGridImpl{}class u extends(t.ObjectWrapper.eventMixin(h)){}class b extends o.DataGrid.DataGridNode{createCells(t){t.removeChildren();const e=this.createTDWithClass(o.DataGrid.Align.Center);this.dataGrid&&(e.colSpan=this.dataGrid.visibleColumnsArray.length);const a=document.createElement("span",{is:"source-code"});a.textContent="navigator.credentials.create()",a.classList.add("code");const n=i.i18n.getFormatLocalizedString(l,s.noCredentialsTryCallingSFromYour,{PH1:a});e.appendChild(n),t.appendChild(e)}}let p;const m={Ctap2:"ctap2",U2f:"u2f"};class C extends n.Widget.VBox{#t=null;#e=!1;dataGrids=new Map;#i;#a;#o;#n;#r;#s;#l;#c;#d;#h;#u;#b;residentKeyCheckbox;#p;#m;#C;largeBlobCheckbox;addAuthenticatorButton;#v;constructor(){super(!0),a.TargetManager.TargetManager.instance().observeModels(a.WebAuthnModel.WebAuthnModel,this,{scoped:!0}),this.contentElement.classList.add("webauthn-pane"),this.#a=t.Settings.Settings.instance().createSetting("webauthnAuthenticators",[]),this.#g(),this.#n=this.contentElement.createChild("div","authenticators-view"),this.#x(),this.#A(!1)}static instance(t){return p&&!t?.forceNew||(p=new C),p}modelAdded(t){t.target()===t.target().outermostTarget()&&(this.#o=t)}modelRemoved(t){t.target()===t.target().outermostTarget()&&(this.#o=void 0)}async#k(){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.#f(e,i),i.authenticatorId=e,i.active&&(t=e)}this.#a.set(e),t&&this.#w(t)}async ownerViewDisposed(){this.#i&&this.#i.setChecked(!1),await this.#y(!1)}#g(){this.#r=this.contentElement.createChild("div","webauthn-toolbar-container"),this.#s=new n.Toolbar.Toolbar("webauthn-toolbar",this.#r);const t=c(s.enableVirtualAuthenticator);this.#i=new n.Toolbar.ToolbarCheckbox(t,t,this.#S.bind(this)),this.#s.appendToolbarItem(this.#i)}#E(t){const e=[{id:"credentialId",title:c(s.id),longText:!0,weight:24},{id:"isResidentCredential",title:c(s.isResident),dataType:o.DataGrid.DataType.Boolean,weight:10},{id:"rpId",title:c(s.rpId)},{id:"userHandle",title:c(s.userHandle)},{id:"signCount",title:c(s.signCount)},{id:"actions",title:c(s.actions)}],i={displayName:c(s.credentials),columns:e,editCallback:void 0,deleteCallback:void 0,refreshCallback:void 0},a=new u(i);return a.renderInline(),a.setStriped(!0),a.addEventListener("ExportCredential",this.#L,this),a.addEventListener("RemoveCredential",this.#I.bind(this,t)),a.rootNode().appendChild(new b),this.dataGrids.set(t,a),a}#L({data:t}){this.#T(t)}#I(t,{data:e}){this.#U(t,e.credentialId)}#B(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 d(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)}async#y(t){await this.#v,this.#v=new Promise((async i=>{t&&!this.#e&&(e.userMetrics.actionTaken(e.UserMetrics.Action.VirtualAuthenticatorEnvironmentEnabled),this.#e=!0),this.#o&&await this.#o.setVirtualAuthEnvEnabled(t),t?await this.#k():this.#N(),this.#A(t),this.#v=void 0,i()}))}#A(t){this.contentElement.classList.toggle("enabled",t)}#N(){this.#n.innerHTML="";for(const t of this.dataGrids.values())t.asWidget().detach();this.dataGrids.clear()}#S(t){this.#y(t.target.checked)}#K(t){if(!this.#u)return;const e=this.#u.value;this.#u.removeChildren();for(const e of t)this.#u.appendChild(new Option(e,e));this.#u.value=e,this.#u.value||(this.#u.selectedIndex=0)}#G(){this.#h&&this.residentKeyCheckbox&&this.#m&&this.largeBlobCheckbox&&("ctap2"===this.#h.value?(this.residentKeyCheckbox.disabled=!1,this.#m.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.#m.checked=!1,this.#m.disabled=!0,this.largeBlobCheckbox.checked=!1,this.largeBlobCheckbox.disabled=!0,this.#K(["usb","ble","nfc"])))}#x(){this.#l=this.contentElement.createChild("div","learn-more"),this.#l.appendChild(n.Fragment.html` <div> ${c(s.useWebauthnForPhishingresistant)}<br><br> ${n.XLink.XLink.create("https://developers.google.com/web/updates/2018/05/webauthn",c(s.learnMore))} </div> `),this.#c=this.contentElement.createChild("div","new-authenticator-container");const t=n.UIUtils.createLabel(c(s.newAuthenticator),"new-authenticator-title");this.#c.appendChild(t),this.#d=this.#c.createChild("div","new-authenticator-form");const e=this.#d.createChild("div","authenticator-option"),i=this.#d.createChild("div","authenticator-option"),a=this.#d.createChild("div","authenticator-option"),o=this.#d.createChild("div","authenticator-option"),r=this.#d.createChild("div","authenticator-option"),l=this.#d.createChild("div","authenticator-option"),d=n.UIUtils.createLabel(c(s.protocol),"authenticator-option-label");e.appendChild(d),this.#h=e.createChild("select","chrome-select"),n.ARIAUtils.bindLabelToControl(d,this.#h),Object.values(m).sort().forEach((t=>{this.#h&&this.#h.appendChild(new Option(t,t))})),this.#h&&(this.#h.value="ctap2");const h=n.UIUtils.createLabel(c(s.transport),"authenticator-option-label");i.appendChild(h),this.#u=i.createChild("select","chrome-select"),n.ARIAUtils.bindLabelToControl(h,this.#u),this.#b=n.UIUtils.CheckboxLabel.create(c(s.supportsResidentKeys),!1),this.#b.textElement.classList.add("authenticator-option-label"),a.appendChild(this.#b.textElement),this.residentKeyCheckbox=this.#b.checkboxElement,this.residentKeyCheckbox.checked=!1,this.residentKeyCheckbox.classList.add("authenticator-option-checkbox"),a.appendChild(this.#b),this.#p=n.UIUtils.CheckboxLabel.create(c(s.supportsUserVerification),!1),this.#p.textElement.classList.add("authenticator-option-label"),o.appendChild(this.#p.textElement),this.#m=this.#p.checkboxElement,this.#m.checked=!1,this.#m.classList.add("authenticator-option-checkbox"),o.appendChild(this.#p),this.#C=n.UIUtils.CheckboxLabel.create(c(s.supportsLargeBlob),!1),this.#C.textElement.classList.add("authenticator-option-label"),r.appendChild(this.#C.textElement),this.largeBlobCheckbox=this.#C.checkboxElement,this.largeBlobCheckbox.checked=!1,this.largeBlobCheckbox.classList.add("authenticator-option-checkbox"),this.largeBlobCheckbox.name="large-blob-checkbox",r.appendChild(this.#C),this.addAuthenticatorButton=n.UIUtils.createTextButton(c(s.add),this.#R.bind(this),""),l.createChild("div","authenticator-option-label"),l.appendChild(this.addAuthenticatorButton);const u=n.UIUtils.createLabel(c(s.addAuthenticator),"");n.ARIAUtils.bindLabelToControl(u,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#R(){const t=this.#P();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.#f(e,t),o=window.matchMedia("(prefers-reduced-motion: reduce)").matches;a.scrollIntoView({block:"start",behavior:o?"auto":"smooth"})}}async#f(t,e){const i=document.createElement("div");i.classList.add("authenticator-section"),i.setAttribute("data-authenticator-id",t),this.#n.appendChild(i);const a=i.createChild("div","authenticator-section-header"),o=a.createChild("div","authenticator-section-title");n.ARIAUtils.markAsHeading(o,2),await this.#F();const r=a.createChild("div","active-button-container"),l=n.UIUtils.createRadioLabel(`active-authenticator-${t}`,c(s.active));l.radioElement.addEventListener("click",this.#w.bind(this,t)),r.appendChild(l),l.radioElement.checked=!0,this.#t=t;const d=a.createChild("button","text-button");d.textContent=c(s.remove),d.addEventListener("click",this.#D.bind(this,t));const h=new n.Toolbar.Toolbar("edit-name-toolbar",o),u=new n.Toolbar.ToolbarButton(c(s.editName),"edit"),b=new n.Toolbar.ToolbarButton(c(s.saveName),"checkmark");b.setVisible(!1);const p=o.createChild("input","authenticator-name-field");p.disabled=!0;const m=t.slice(-5);p.value=c(s.authenticatorS,{PH1:m}),this.#M(l,p.value),u.addEventListener(n.Toolbar.ToolbarButton.Events.Click,(()=>this.#O(o,p,u,b))),b.addEventListener(n.Toolbar.ToolbarButton.Events.Click,(()=>this.#H(o,p,u,b,l))),p.addEventListener("focusout",(()=>this.#H(o,p,u,b,l))),p.addEventListener("keydown",(t=>{"Enter"===t.key&&this.#H(o,p,u,b,l)})),h.appendToolbarItem(u),h.appendToolbarItem(b),this.#W(i,t,e);const C=document.createElement("div");C.classList.add("credentials-title"),C.textContent=c(s.credentials),i.appendChild(C);return this.#E(t).asWidget().show(i),this.#o&&(this.#o.addEventListener("CredentialAdded",this.#B.bind(this,t)),this.#o.addEventListener("CredentialAsserted",this.#V.bind(this,t))),i}#T(t){let e="-----BEGIN PRIVATE KEY-----\n";for(let i=0;i<t.privateKey.length;i+=64)e+=t.privateKey.substring(i,i+64)+"\n";e+="-----END PRIVATE KEY-----";const i=document.createElement("a");i.download=c(s.privateKeypem),i.href="data:application/x-pem-file,"+encodeURIComponent(e),i.click()}async#U(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))}#W(t,e,i){const a=t.createChild("div","authenticator-fields"),o=a.createChild("div","authenticator-field"),r=a.createChild("div","authenticator-field"),l=a.createChild("div","authenticator-field"),d=a.createChild("div","authenticator-field"),h=a.createChild("div","authenticator-field"),u=a.createChild("div","authenticator-field");o.appendChild(n.UIUtils.createLabel(c(s.uuid),"authenticator-option-label")),r.appendChild(n.UIUtils.createLabel(c(s.protocol),"authenticator-option-label")),l.appendChild(n.UIUtils.createLabel(c(s.transport),"authenticator-option-label")),d.appendChild(n.UIUtils.createLabel(c(s.supportsResidentKeys),"authenticator-option-label")),h.appendChild(n.UIUtils.createLabel(c(s.supportsLargeBlob),"authenticator-option-label")),u.appendChild(n.UIUtils.createLabel(c(s.supportsUserVerification),"authenticator-option-label")),o.createChild("div","authenticator-field-value").textContent=e,r.createChild("div","authenticator-field-value").textContent=i.protocol,l.createChild("div","authenticator-field-value").textContent=i.transport,d.createChild("div","authenticator-field-value").textContent=i.hasResidentKey?c(s.yes):c(s.no),h.createChild("div","authenticator-field-value").textContent=i.hasLargeBlob?c(s.yes):c(s.no),u.createChild("div","authenticator-field-value").textContent=i.hasUserVerification?c(s.yes):c(s.no)}#O(t,e,i,a){e.disabled=!1,t.classList.add("editing-name"),e.focus(),a.setVisible(!0),i.setVisible(!1)}#H(t,e,i,a,o){e.disabled=!0,t.classList.remove("editing-name"),i.setVisible(!0),a.setVisible(!1),this.#M(o,e.value)}#M(t,e){n.Tooltip.Tooltip.install(t.radioElement,c(s.setSAsTheActiveAuthenticator,{PH1:e}))}#D(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.#w(t[0]):this.#t=null}}#P(){if(!(this.#h&&this.#u&&this.residentKeyCheckbox&&this.#m&&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.#u.options[this.#u.selectedIndex].value,hasResidentKey:this.residentKeyCheckbox.checked,hasUserVerification:this.#m.checked,hasLargeBlob:this.largeBlobCheckbox.checked,automaticPresenceSimulation:!0,isUserVerified:!0}}async#w(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.#j()}#j(){const t=this.#n.getElementsByClassName("authenticator-section");Array.from(t).forEach((t=>{const e=t.querySelector("input.dt-radio-button");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.#j()}wasShown(){super.wasShown(),this.registerCSSFiles([r])}}var v=Object.freeze({__proto__:null,WebauthnPaneImpl:C});export{v as WebauthnPane};

package/dist/third-party/front_end/rn_inspector.html

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