@react-native/debugger-frontend 0.75.0-nightly-20240416-8c53ac607 → 0.75.0-nightly-20240418-4fbc1f2ef
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/BUILD_INFO
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
@generated SignedSource<<
|
|
2
|
-
Git revision:
|
|
1
|
+
@generated SignedSource<<e6e7eb6c3f3fa15eb6ccc02fda3aaeaf>>
|
|
2
|
+
Git revision: 1467870f834c61c6f00ce2577c41bb159d2d1ef8
|
|
3
3
|
Built with --nohooks: false
|
|
4
4
|
Is local checkout: false
|
|
5
5
|
Remote URL: https://github.com/facebookexperimental/rn-chrome-devtools-frontend
|
|
@@ -1 +1 @@
|
|
|
1
|
-
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 s from"../../third_party/react-devtools/react-devtools.js";import*as i from"../../models/react_native/react_native.js";import*as
|
|
1
|
+
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 s from"../../third_party/react-devtools/react-devtools.js";import*as i from"../../models/react_native/react_native.js";import*as a from"../../ui/lit-html/lit-html.js";class r extends o.SDKModel.SDKModel{static FUSEBOX_BINDING_NAMESPACE="react-devtools";rdtModel;constructor(e){super(e);const t=e.model(i.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(r.FUSEBOX_BINDING_NAMESPACE,(e=>this.onMessage(e))),e.initializeDomain(r.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(r.FUSEBOX_BINDING_NAMESPACE,e)}onMessage(e){this.dispatchEventToListeners("MessageReceived",e)}}o.SDKModel.SDKModel.register(r,{capabilities:o.Target.Capability.JS,autostart:!1});var l=Object.freeze({__proto__:null,ReactDevToolsModel:r});const n={title:"React DevTools"},d=e.i18n.registerUIStrings("panels/react_devtools/ReactDevToolsView.ts",n),c=e.i18n.getLocalizedString.bind(void 0,d);class h extends t.View.SimpleView{wall;bridge;store;listeners=new Set;messageQueueSize=0;pageWillBeReloaded=!1;resourceTreeModel=null;constructor(){super(c(n.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())),o.TargetManager.TargetManager.instance().addModelListener(r,"MessageReceived",this.onMessage,this),o.TargetManager.TargetManager.instance().addModelListener(r,"Initialized",this.initialize,this),o.TargetManager.TargetManager.instance().addModelListener(o.RuntimeModel.RuntimeModel,o.RuntimeModel.Events.ExecutionContextCreated,this.onExecutionContextCreated,this),o.TargetManager.TargetManager.instance().addModelListener(o.ResourceTreeModel.ResourceTreeModel,o.ResourceTreeModel.Events.PageReloadRequested,this.onPageReloadRequested,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"})}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 o.TargetManager.TargetManager.instance().models(r,{scoped:!0}))++this.messageQueueSize,s.sendMessage({event:e,payload:t}).finally((()=>{--this.messageQueueSize,this.checkIfReloadShouldBeResumed()}))}checkIfReloadShouldBeResumed(){if(0===this.messageQueueSize&&this.pageWillBeReloaded){this.pageWillBeReloaded=!1;const e=this.resourceTreeModel;if(null===e)throw new Error("Page.reload event should have been resumed, but ResourceTreeModel is null");e.resumeReload(),this.resourceTreeModel=null}}onPageReloadRequested(e){this.contentElement.removeChildren();const t=e.data;this.resourceTreeModel=t,this.pageWillBeReloaded=!0,t.suspendReload(),this.bridge.shutdown(),this.listeners.clear(),this.renderLoader()}onExecutionContextCreated(){this.bridge=s.createBridge(this.wall),this.store=s.createStore(this.bridge),this.initialize()}}var g=Object.freeze({__proto__:null,ReactDevToolsViewImpl:h});const p=new CSSStyleSheet;p.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 u={placeholderMessage:"[FB-only] React DevTools is coming soon! ⚡"},{render:v,html:m}=a,M=e.i18n.registerUIStrings("panels/react_devtools/ReactDevToolsPlaceholder.ts",u),w=e.i18n.getLocalizedString.bind(void 0,M);let R;class S extends t.Widget.VBox{static instance(e={forceNew:null}){const{forceNew:t}=e;return R&&!t||(R=new S),R}constructor(){super(!0,!0)}wasShown(){super.wasShown(),this.registerCSSFiles([p]),this.render(),t.InspectorView.InspectorView.instance().setDrawerMinimized(!0)}willHide(){t.InspectorView.InspectorView.instance().setDrawerMinimized(!1)}render(){v(m` <div class="rn-devtools-placeholder-panel"> <div class="rn-devtoools-placeholder-main"> <div class="rn-devtoools-placeholder-title"> ${w(u.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 T=Object.freeze({__proto__:null,ReactDevToolsPlaceholderImpl:S});export{l as ReactDevToolsModel,T as ReactDevToolsPlaceholder,g as ReactDevToolsView};
|