Update debugger-frontend from b0a76fa...864bc72 (#44013)

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

Changelog: [Internal] - Update `react-native/debugger-frontend` from b0a76fa...864bc72

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

Reviewed By: hoxyq

Differential Revision: D55957651

fbshipit-source-id: a3a18bd18b729cef6f645eeeb0ab77771d6f1202

packages/debugger-frontend/BUILD_INFO

@@ -1,5 +1,5 @@
-@generated SignedSource<<1d4e152683b0410d31d1ef82cb28128e>>
-Git revision: b0a76fa92f6c34b524bc8aff5b611456f1537ca3
+@generated SignedSource<<4c1e02721d6ead8429cffa8e1cd4a7e2>>
+Git revision: 864bc721a3f0f26b94f5730e59739a25e3182ce5
 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/panels/react_devtools/react_devtools-meta.js

@@ -0,0 +1 @@
+import*as e from"../../core/i18n/i18n.js";import*as t from"../../core/root/root.js";import*as o from"../../ui/legacy/legacy.js";const i={title:"⚛️ React DevTools",command:"Show React DevTools panel"},a=e.i18n.registerUIStrings("panels/react_devtools/react_devtools-meta.ts",i),n=e.i18n.getLazilyComputedLocalizedString.bind(void 0,a);let r;o.ViewManager.registerViewExtension({location:"panel",id:"react-devtools",title:n(i.title),commandPrompt:n(i.command),persistence:"permanent",async loadView(){const e=await async function(){return r||(r=await import("./react_devtools.js")),r}();return t.Runtime.Runtime.isDescriptorEnabled({experiment:t.Runtime.ExperimentName.ENABLE_REACT_DEVTOOLS_PANEL,condition:null})?e.ReactDevToolsView.ReactDevToolsViewImpl.instance():e.ReactDevToolsPlaceholder.ReactDevToolsPlaceholderImpl.instance()}});

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

@@ -0,0 +1 @@
+import*as e from"../../ui/legacy/legacy.js";import*as o from"../../core/i18n/i18n.js";import*as l from"../../ui/lit-html/lit-html.js";let t;class r extends e.Widget.VBox{static instance(){return t||(t=new r),t}constructor(){super(!0,!0)}wasShown(){super.wasShown(),this.render()}render(){}}var n=Object.freeze({__proto__:null,ReactDevToolsViewImpl:r});const s=new CSSStyleSheet;s.replaceSync(".rn-devtools-placeholder-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:16px;text-align:center;background-color:var(--color-background)}.rn-devtoools-placeholder-main{display:flex;flex-direction:column;align-items:center;margin-bottom:16px;padding:24px;max-width:560px;border-radius:4px;background-color:var(--color-background-elevation-1)}.rn-devtoools-placeholder-title{font-size:1rem;color:var(--color-text-primary)}.rn-devtools-placeholder-detail{margin-top:16px;font-size:14px;line-height:1.5;color:var(--color-text-secondary)}.rn-devtools-placeholder-code{padding:2px 8px;border-radius:4px;background-color:var(--color-background);pointer-events:all;cursor:auto;user-select:all}\n/*# sourceURL=reactDevToolsPlaceholder.css */\n");const a={placeholderMessage:"[FB-only] React DevTools is coming soon! ⚡"},{render:c,html:i}=l,d=o.i18n.registerUIStrings("panels/react_devtools/ReactDevToolsPlaceholder.ts",a),p=o.i18n.getLocalizedString.bind(void 0,d);let v;class h extends e.Widget.VBox{static instance(e={forceNew:null}){const{forceNew:o}=e;return v&&!o||(v=new h),v}constructor(){super(!0,!0)}wasShown(){super.wasShown(),this.registerCSSFiles([s]),this.render(),e.InspectorView.InspectorView.instance().setDrawerMinimized(!0)}willHide(){e.InspectorView.InspectorView.instance().setDrawerMinimized(!1)}render(){c(i` <div class="rn-devtools-placeholder-panel"> <div class="rn-devtoools-placeholder-main"> <div class="rn-devtoools-placeholder-title"> ${p(a.placeholderMessage)} </div> <div class="rn-devtools-placeholder-detail"> Soon, you will be able to use React DevTools within this panel and inspect multiple apps at once. In the meantime, you can connect to your app using the standalone React DevTools. </div> <div class="rn-devtools-placeholder-detail"> <code class="rn-devtools-placeholder-code">js1 devtools</code> or <code class="rn-devtools-placeholder-code">npx react-devtools</code> </div> </div> </div> `,this.contentElement,{host:this})}}var u=Object.freeze({__proto__:null,ReactDevToolsPlaceholderImpl:h});export{u as ReactDevToolsPlaceholder,n as ReactDevToolsView};

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

@@ -1 +0,0 @@
-import*as e from"../../core/i18n/i18n.js";import*as o from"../../ui/legacy/legacy.js";const a={reactDevToolsWelcome:"⚛️ React DevTools",showReactDevTools:"Show React DevTools panel"},t=e.i18n.registerUIStrings("panels/react_devtools_placeholder/react_devtools_placeholder-meta.ts",a),l=e.i18n.getLazilyComputedLocalizedString.bind(void 0,t);let c;o.ViewManager.registerViewExtension({location:"panel",id:"react-devtools-placeholder",title:l(a.reactDevToolsWelcome),commandPrompt:l(a.showReactDevTools),order:110,persistence:"permanent",loadView:async()=>(await async function(){return c||(c=await import("./react_devtools_placeholder.js")),c}()).ReactDevToolsPlaceholder.ReactDevToolsPlaceholderImpl.instance()});

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

@@ -1 +0,0 @@
-import*as e from"../../core/i18n/i18n.js";import*as o from"../../ui/legacy/legacy.js";import*as l from"../../ui/lit-html/lit-html.js";const r=new CSSStyleSheet;r.replaceSync(".rn-devtools-placeholder-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:16px;text-align:center;background-color:var(--color-background)}.rn-devtoools-placeholder-main{display:flex;flex-direction:column;align-items:center;margin-bottom:16px;padding:24px;max-width:560px;border-radius:4px;background-color:var(--color-background-elevation-1)}.rn-devtoools-placeholder-title{font-size:1rem;color:var(--color-text-primary)}.rn-devtools-placeholder-detail{margin-top:16px;font-size:14px;line-height:1.5;color:var(--color-text-secondary)}.rn-devtools-placeholder-code{padding:2px 8px;border-radius:4px;background-color:var(--color-background);pointer-events:all;cursor:auto;user-select:all}\n/*# sourceURL=reactDevToolsPlaceholder.css */\n");const t={placeholderMessage:"[FB-only] React DevTools is coming soon! ⚡"},{render:n,html:s}=l,a=e.i18n.registerUIStrings("panels/react_devtools_placeholder/ReactDevToolsPlaceholder.ts",t),c=e.i18n.getLocalizedString.bind(void 0,a);let i;class d extends o.Widget.VBox{static instance(e={forceNew:null}){const{forceNew:o}=e;return i&&!o||(i=new d),i}constructor(){super(!0,!0)}wasShown(){super.wasShown(),this.registerCSSFiles([r]),this.render(),o.InspectorView.InspectorView.instance().setDrawerMinimized(!0)}willHide(){o.InspectorView.InspectorView.instance().setDrawerMinimized(!1)}render(){n(s` <div class="rn-devtools-placeholder-panel"> <div class="rn-devtoools-placeholder-main"> <div class="rn-devtoools-placeholder-title"> ${c(t.placeholderMessage)} </div> <div class="rn-devtools-placeholder-detail"> Soon, you will be able to use React DevTools within this panel and inspect multiple apps at once. In the meantime, you can connect to your app using the standalone React DevTools. </div> <div class="rn-devtools-placeholder-detail"> <code class="rn-devtools-placeholder-code">js1 devtools</code> or <code class="rn-devtools-placeholder-code">npx react-devtools</code> </div> </div> </div> `,this.contentElement,{host:this})}}var p=Object.freeze({__proto__:null,ReactDevToolsPlaceholderImpl:d});export{p as ReactDevToolsPlaceholder};