forked from ChromeDevTools/devtools-frontend
-
Notifications
You must be signed in to change notification settings - Fork 8
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add initial feature/UI customisations for profiling builds (#138)
- Loading branch information
Showing
8 changed files
with
133 additions
and
6 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
89 changes: 89 additions & 0 deletions
89
front_end/entrypoints/rn_fusebox/FuseboxProfilingBuildObserver.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,89 @@ | ||
| // Copyright (c) Meta Platforms, Inc. and affiliates. | ||
| // Copyright 2024 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. | ||
|
|
||
| import * as Common from '../../core/common/common.js'; | ||
| import * as Protocol from '../../generated/protocol.js'; | ||
| import * as Root from '../../core/root/root.js'; | ||
| import * as SDK from '../../core/sdk/sdk.js'; | ||
| import * as UI from '../../ui/legacy/legacy.js'; | ||
| import * as i18n from '../../core/i18n/i18n.js'; | ||
|
|
||
| const UIStrings = { | ||
| /** | ||
| * @description Message for the "settings changed" banner shown when a reload is required. | ||
| */ | ||
| reloadRequiredMessage: '[Profiling build first run] One or more settings have changed. Please reload to access the Performance panel.', | ||
| }; | ||
|
|
||
| const str_ = i18n.i18n.registerUIStrings('entrypoints/rn_fusebox/FuseboxProfilingBuildModeObserver.ts', UIStrings); | ||
| const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_); | ||
|
|
||
| /** | ||
| * [Experimental] Model observer which configures available DevTools features | ||
| * when a profiling build is identified. | ||
| */ | ||
| export default class FuseboxProfilingBuildObserver implements | ||
| SDK.TargetManager.SDKModelObserver<SDK.ReactNativeApplicationModel.ReactNativeApplicationModel> { | ||
| constructor(targetManager: SDK.TargetManager.TargetManager) { | ||
| targetManager.observeModels(SDK.ReactNativeApplicationModel.ReactNativeApplicationModel, this); | ||
| } | ||
|
|
||
| modelAdded(model: SDK.ReactNativeApplicationModel.ReactNativeApplicationModel): void { | ||
| model.ensureEnabled(); | ||
| model.addEventListener(SDK.ReactNativeApplicationModel.Events.MetadataUpdated, this.#handleMetadataUpdated, this); | ||
| } | ||
|
|
||
| modelRemoved(model: SDK.ReactNativeApplicationModel.ReactNativeApplicationModel): void { | ||
| model.removeEventListener( | ||
| SDK.ReactNativeApplicationModel.Events.MetadataUpdated, this.#handleMetadataUpdated, this); | ||
| } | ||
|
|
||
| #handleMetadataUpdated( | ||
| event: Common.EventTarget.EventTargetEvent<Protocol.ReactNativeApplication.MetadataUpdatedEvent>): void { | ||
| const {unstable_isProfilingBuild} = event.data; | ||
|
|
||
| if (unstable_isProfilingBuild) { | ||
| this.#hideUnsupportedFeatures(); | ||
| this.#ensurePerformancePanelEnabled(); | ||
| } | ||
| } | ||
|
|
||
| #hideUnsupportedFeatures(): void { | ||
| UI.ViewManager.ViewManager.instance() | ||
| .resolveLocation(UI.ViewManager.ViewLocationValues.PANEL) | ||
| .then(location => { | ||
| UI.ViewManager.getRegisteredViewExtensions().forEach(view => { | ||
| switch (view.viewId()) { | ||
| case 'sources': | ||
| case 'network': | ||
| case 'react-devtools-components': | ||
| case 'react-devtools-profiler': | ||
| location?.removeView(view); | ||
| break; | ||
| } | ||
| }); | ||
| }); | ||
| } | ||
|
|
||
| #ensurePerformancePanelEnabled(): void { | ||
| if ( | ||
| !Root.Runtime.experiments.isEnabled( | ||
| Root.Runtime.ExperimentName.ENABLE_PERFORMANCE_PANEL, | ||
| ) | ||
| ) { | ||
| Root.Runtime.experiments.setEnabled( | ||
| Root.Runtime.ExperimentName.ENABLE_PERFORMANCE_PANEL, | ||
| true, | ||
| ); | ||
|
|
||
| const inspectorView = UI.InspectorView?.InspectorView?.instance(); | ||
| if (inspectorView) { | ||
| inspectorView.displayReloadRequiredWarning( | ||
| i18nString(UIStrings.reloadRequiredMessage), | ||
| ); | ||
| } | ||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters