Update debugger-frontend from 601b272...a4fff8a (#45292)

Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/45292

Changelog: [Internal] - Update `react-native/debugger-frontend` from 601b272...a4fff8a

Resyncs `react-native/debugger-frontend` from GitHub - see `rn-chrome-devtools-frontend` [changelog](https://github.com/facebookexperimental/rn-chrome-devtools-frontend/compare/601b2724b9f765e413b4ccc15d972f5a28fd4f4d...a4fff8a0b4d44cb1dea89ffeac1b7cb4da8b151b).

Reviewed By: hoxyq

Differential Revision: D59376660

fbshipit-source-id: b5c9782493875ede573a61211886f0f32e9f7360

packages/debugger-frontend/BUILD_INFO

@@ -1,5 +1,5 @@
-@generated SignedSource<<10d091511a2e58cd188e5d3e7939afd8>>
-Git revision: 601b2724b9f765e413b4ccc15d972f5a28fd4f4d
+@generated SignedSource<<5e934414bfd4fcd0aeff6ccbb35fca59>>
+Git revision: a4fff8a0b4d44cb1dea89ffeac1b7cb4da8b151b
 Built with --nohooks: false
 Is local checkout: false
 Remote URL: https://github.com/facebookexperimental/rn-chrome-devtools-frontend

packages/debugger-frontend/dist/third-party/front_end/models/react_native/react_native.js

@@ -1 +1 @@
-import*as e from"../../core/sdk/sdk.js";const i="__FUSEBOX_REACT_DEVTOOLS_DISPATCHER__";class n extends e.SDKModel.SDKModel{domainToListeners=new Map;constructor(e){super(e),this.initialize(e)}initialize(i){const n=i.model(e.RuntimeModel.RuntimeModel);n&&(n.addEventListener(e.RuntimeModel.Events.BindingCalled,this.bindingCalled,this),this.enable(i).then((()=>this.onInitialization())))}onInitialization(){this.dispatchEventToListeners("Initialized")}bindingCalled(e){const i=e.data.payload;try{const{domain:e,message:n}=JSON.parse(i);this.dispatchMessageToDomainEventListeners(e,n)}catch(e){throw new Error("Failed to parse bindingCalled event payload:",e)}}subscribeToDomainMessages(e,i){let n=this.domainToListeners.get(e);n||(n=new Set,this.domainToListeners.set(e,n)),n.add(i)}unsubscribeFromDomainMessages(e,i){const n=this.domainToListeners.get(e);n&&n.delete(i)}dispatchMessageToDomainEventListeners(e,i){const n=this.domainToListeners.get(e);if(!n)return;const t=[];for(const e of n)try{e(i)}catch(e){t.push(e)}if(t.length>0)throw new AggregateError(t,`[ReactDevToolsBindingsModel] Error occurred when calling event listeners for domain: ${e}`)}async initializeDomain(n){const t=this.target().model(e.RuntimeModel.RuntimeModel);if(!t)throw new Error(`[ReactDevToolsBindingsModel] Failed to initialize domain ${n}: runtime model is not available`);await t.agent.invoke_evaluate({expression:`void ${i}.initializeDomain('${n}')`})}async sendMessage(n,t){const o=this.target().model(e.RuntimeModel.RuntimeModel);if(!o)throw new Error(`[ReactDevToolsBindingsModel] Failed to send message for domain ${n}: runtime model is not available`);const s=JSON.stringify(t);await o.agent.invoke_evaluate({expression:`${i}.sendMessage('${n}', '${s}')`})}async enable(n){const t=n.model(e.RuntimeModel.RuntimeModel);if(!t)throw new Error("[ReactDevToolsBindingsModel] Failed to enable model: runtime model is not available");await t.agent.invoke_evaluate({expression:`${i}.BINDING_NAME`}).then((e=>e.result.value)).then((e=>t.agent.invoke_addBinding({name:e})))}}e.SDKModel.SDKModel.register(n,{capabilities:4,autostart:!1});var t=Object.freeze({__proto__:null,ReactDevToolsBindingsModel:n});export{t as ReactDevToolsBindingsModel};
+import*as e from"../../core/sdk/sdk.js";const i="__FUSEBOX_REACT_DEVTOOLS_DISPATCHER__";class n extends e.SDKModel.SDKModel{domainToListeners=new Map;constructor(e){super(e),this.initialize(e)}initialize(i){const n=i.model(e.RuntimeModel.RuntimeModel);n&&(n.addEventListener(e.RuntimeModel.Events.BindingCalled,this.bindingCalled,this),this.enable(i).then((()=>this.onInitialization())))}onInitialization(){this.dispatchEventToListeners("Initialized")}bindingCalled(e){const i=e.data.payload;let n=null;try{n=JSON.parse(i)}catch(e){throw new Error("Failed to parse bindingCalled event payload",{cause:e})}n&&this.dispatchMessageToDomainEventListeners(n.domain,n.message)}subscribeToDomainMessages(e,i){let n=this.domainToListeners.get(e);n||(n=new Set,this.domainToListeners.set(e,n)),n.add(i)}unsubscribeFromDomainMessages(e,i){const n=this.domainToListeners.get(e);n&&n.delete(i)}dispatchMessageToDomainEventListeners(e,i){const n=this.domainToListeners.get(e);if(!n)return;const t=[];for(const e of n)try{e(i)}catch(e){t.push(e)}if(t.length>0)throw new AggregateError(t,`[ReactDevToolsBindingsModel] Error occurred when calling event listeners for domain: ${e}`)}async initializeDomain(n){const t=this.target().model(e.RuntimeModel.RuntimeModel);if(!t)throw new Error(`[ReactDevToolsBindingsModel] Failed to initialize domain ${n}: runtime model is not available`);await t.agent.invoke_evaluate({expression:`void ${i}.initializeDomain('${n}')`})}async sendMessage(n,t){const o=this.target().model(e.RuntimeModel.RuntimeModel);if(!o)throw new Error(`[ReactDevToolsBindingsModel] Failed to send message for domain ${n}: runtime model is not available`);const s=JSON.stringify(t);await o.agent.invoke_evaluate({expression:`${i}.sendMessage('${n}', '${s}')`})}async enable(n){const t=n.model(e.RuntimeModel.RuntimeModel);if(!t)throw new Error("[ReactDevToolsBindingsModel] Failed to enable model: runtime model is not available");await t.agent.invoke_evaluate({expression:`${i}.BINDING_NAME`}).then((e=>e.result.value)).then((e=>t.agent.invoke_addBinding({name:e})))}}e.SDKModel.SDKModel.register(n,{capabilities:4,autostart:!1});var t=Object.freeze({__proto__:null,ReactDevToolsBindingsModel:n});export{t as ReactDevToolsBindingsModel};

packages/debugger-frontend/dist/third-party/front_end/panels/react_devtools/react_devtools.js

@@ -1 +1 @@
-import*as e from"../../core/i18n/i18n.js";import*as t from"../../ui/legacy/legacy.js";import*as i from"../../core/sdk/sdk.js";import*as s from"../../third_party/react-devtools/react-devtools.js";import*as o from"../../core/common/common.js";import*as n from"../../models/workspace/workspace.js";import*as r from"../../models/react_native/react_native.js";import*as a from"../../models/bindings/bindings.js";import*as d from"../../models/logs/logs.js";class l extends i.SDKModel.SDKModel{static FUSEBOX_BINDING_NAMESPACE="react-devtools";rdtModel;constructor(e){super(e);const t=e.model(r.ReactDevToolsBindingsModel.ReactDevToolsBindingsModel);if(!t)throw new Error("Failed to construct ReactDevToolsModel: ReactDevToolsBindingsModel was null");this.rdtModel=t,t.addEventListener("Initialized",this.initialize,this)}initialize(){const e=this.rdtModel;if(!e)throw new Error("Failed to initialize ReactDevToolsModel: ReactDevToolsBindingsModel was null");e.subscribeToDomainMessages(l.FUSEBOX_BINDING_NAMESPACE,(e=>this.onMessage(e))),e.initializeDomain(l.FUSEBOX_BINDING_NAMESPACE).then((()=>this.onInitialization()))}onInitialization(){this.dispatchEventToListeners("Initialized")}async sendMessage(e){const t=this.rdtModel;if(!t)throw new Error("Failed to send message from ReactDevToolsModel: ReactDevToolsBindingsModel was null");await t.sendMessage(l.FUSEBOX_BINDING_NAMESPACE,e)}onMessage(e){this.dispatchEventToListeners("MessageReceived",e)}}i.SDKModel.SDKModel.register(l,{capabilities:4,autostart:!1});var c=Object.freeze({__proto__:null,ReactDevToolsModel:l});const g={title:"React DevTools"},h=e.i18n.registerUIStrings("panels/react_devtools/ReactDevToolsView.ts",g),m=e.i18n.getLocalizedString.bind(void 0,h),M="main";function u(e,t){const{sourceURL:i,line:s,column:r}=t||e;!async function(e,t,i){const s=n.Workspace.WorkspaceImpl.instance().uiSourceCodeForURL(e);if(s){const e=await a.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance().normalizeUILocation(s.uiLocation(t,i));return void o.Revealer.reveal(e)}const r=a.ResourceUtils.resourceForURL(e);if(r)return void o.Revealer.reveal(r);const l=d.NetworkLog.NetworkLog.instance().requestForURL(e);if(!l)throw new Error("Could not find resource for "+e);o.Revealer.reveal(l)}(i,s-1,r-1)}class v extends t.View.SimpleView{wall;bridge;store;listeners=new Set;constructor(){super(m(g.title)),this.wall={listen:e=>(this.listeners.add(e),()=>{this.listeners.delete(e)}),send:(e,t)=>this.sendMessage(e,t)},this.bridge=s.createBridge(this.wall),this.store=s.createStore(this.bridge),window.addEventListener("beforeunload",(()=>this.bridge.shutdown())),i.TargetManager.TargetManager.instance().addModelListener(l,"MessageReceived",this.onMessage,this),i.TargetManager.TargetManager.instance().addModelListener(l,"Initialized",this.initialize,this),i.TargetManager.TargetManager.instance().addModelListener(i.RuntimeModel.RuntimeModel,i.RuntimeModel.Events.ExecutionContextDestroyed,this.onExecutionContextDestroyed,this),i.TargetManager.TargetManager.instance().addModelListener(i.RuntimeModel.RuntimeModel,i.RuntimeModel.Events.ExecutionContextCreated,this.onExecutionContextCreated,this),this.renderLoader()}renderLoader(){const e=document.createElement("div");e.setAttribute("style","display: flex; flex: 1; justify-content: center; align-items: center");const t=document.createElement("span");t.classList.add("spinner"),e.appendChild(t),this.contentElement.appendChild(e)}clearLoader(){this.contentElement.removeChildren()}initialize(){this.clearLoader();const e=window.matchMedia("(prefers-color-scheme: dark)").matches;s.initialize(this.contentElement,{bridge:this.bridge,store:this.store,theme:e?"dark":"light",canViewElementSourceFunction:()=>!0,viewElementSourceFunction:u})}wasShown(){super.wasShown(),this.registerCSSFiles([s.CSS])}onMessage(e){if(e.data)for(const t of this.listeners)t(e.data)}sendMessage(e,t){for(const s of i.TargetManager.TargetManager.instance().models(l,{scoped:!0}))s.sendMessage({event:e,payload:t})}onExecutionContextDestroyed(e){e.data.name===M&&(this.contentElement.removeChildren(),this.bridge.shutdown(),this.listeners.clear(),this.renderLoader())}onExecutionContextCreated(e){e.data.name===M&&(this.bridge=s.createBridge(this.wall),this.store=s.createStore(this.bridge),this.initialize())}}var p=Object.freeze({__proto__:null,ReactDevToolsViewImpl:v});export{c as ReactDevToolsModel,p as ReactDevToolsView};
+import*as e from"../../core/i18n/i18n.js";import*as t from"../../ui/legacy/legacy.js";import*as o from"../../core/sdk/sdk.js";import*as n from"../../third_party/react-devtools/react-devtools.js";import*as s from"../../core/common/common.js";import*as i from"../../models/workspace/workspace.js";import*as r from"../../models/react_native/react_native.js";import*as a from"../../models/bindings/bindings.js";import*as d from"../../models/logs/logs.js";const l="main";class c extends o.SDKModel.SDKModel{static FUSEBOX_BINDING_NAMESPACE="react-devtools";rdtModel;constructor(e){super(e);const t=e.model(r.ReactDevToolsBindingsModel.ReactDevToolsBindingsModel);if(!t)throw new Error("Failed to construct ReactDevToolsModel: ReactDevToolsBindingsModel was null");this.rdtModel=t,t.addEventListener("Initialized",this.initialize,this)}initialize(){const e=this.rdtModel;if(!e)throw new Error("Failed to initialize ReactDevToolsModel: ReactDevToolsBindingsModel was null");e.subscribeToDomainMessages(c.FUSEBOX_BINDING_NAMESPACE,(e=>this.onMessage(e))),e.initializeDomain(c.FUSEBOX_BINDING_NAMESPACE).then((()=>this.onInitialization()))}onInitialization(){const e=function(){const e=t.Context.Context.instance().flavor(o.RuntimeModel.ExecutionContext);return e?.name!==l?null:e}();e&&this.dispatchEventToListeners("Initialized",e),o.TargetManager.TargetManager.instance().addModelListener(o.RuntimeModel.RuntimeModel,o.RuntimeModel.Events.ExecutionContextCreated,this.onExecutionContextCreated,this),o.TargetManager.TargetManager.instance().addModelListener(o.RuntimeModel.RuntimeModel,o.RuntimeModel.Events.ExecutionContextDestroyed,this.onExecutionContextDestroyed,this)}onExecutionContextCreated({data:e}){e.name===l&&this.dispatchEventToListeners("Initialized",e)}onExecutionContextDestroyed({data:e}){e.name===l&&this.dispatchEventToListeners("Destroyed")}onMessage(e){this.dispatchEventToListeners("MessageReceived",e)}async sendMessage(e){const t=this.rdtModel;if(!t)throw new Error("Failed to send message from ReactDevToolsModel: ReactDevToolsBindingsModel was null");return t.sendMessage(c.FUSEBOX_BINDING_NAMESPACE,e)}}o.SDKModel.SDKModel.register(c,{capabilities:4,autostart:!1});var g=Object.freeze({__proto__:null,ReactDevToolsModel:c});const h={title:"React DevTools"},u=e.i18n.registerUIStrings("panels/react_devtools/ReactDevToolsView.ts",h),m=e.i18n.getLocalizedString.bind(void 0,u);function M(e,t){const{sourceURL:o,line:n,column:r}=t||e;!async function(e,t,o){const n=i.Workspace.WorkspaceImpl.instance().uiSourceCodeForURL(e);if(n){const e=await a.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance().normalizeUILocation(n.uiLocation(t,o));return void s.Revealer.reveal(e)}const r=a.ResourceUtils.resourceForURL(e);if(r)return void s.Revealer.reveal(r);const l=d.NetworkLog.NetworkLog.instance().requestForURL(e);if(!l)throw new Error("Could not find resource for "+e);s.Revealer.reveal(l)}(o,n-1,r-1)}class v extends t.View.SimpleView{wall;bridge=null;store=null;executionContext=null;listeners=new Set;constructor(){super(m(h.title)),this.wall={listen:e=>(this.listeners.add(e),()=>{this.listeners.delete(e)}),send:(e,t)=>this.sendMessage(e,t)},window.addEventListener("beforeunload",(()=>this.bridge?.shutdown())),o.TargetManager.TargetManager.instance().addModelListener(c,"Initialized",this.onInitialized,this),o.TargetManager.TargetManager.instance().addModelListener(c,"Destroyed",this.onDestroyed,this),o.TargetManager.TargetManager.instance().addModelListener(c,"MessageReceived",this.onMessage,this),this.renderLoader()}onInitialized({data:e}){this.clearLoader(),this.executionContext=e,this.bridge=n.createBridge(this.wall),this.store=n.createStore(this.bridge);const t=window.matchMedia("(prefers-color-scheme: dark)").matches;n.initialize(this.contentElement,{bridge:this.bridge,store:this.store,theme:t?"dark":"light",canViewElementSourceFunction:()=>!0,viewElementSourceFunction:M})}onDestroyed(){this.contentElement.removeChildren(),this.executionContext=null,this.bridge?.shutdown(),this.bridge=null,this.store=null,this.listeners.clear(),this.renderLoader()}renderLoader(){const e=document.createElement("div");e.setAttribute("style","display: flex; flex: 1; justify-content: center; align-items: center");const t=document.createElement("span");t.classList.add("spinner"),e.appendChild(t),this.contentElement.appendChild(e)}clearLoader(){this.contentElement.removeChildren()}wasShown(){super.wasShown(),this.registerCSSFiles([n.CSS])}onMessage({data:e}){if(e)for(const t of this.listeners)t(e)}sendMessage(e,t){for(const n of o.TargetManager.TargetManager.instance().models(c,{scoped:!0}))n.sendMessage({event:e,payload:t})}}var p=Object.freeze({__proto__:null,ReactDevToolsViewImpl:v});export{g as ReactDevToolsModel,p as ReactDevToolsView};