[Cherry pick 0.81] : Improve the inspector page name for modern debugger #15397
+46
−6
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
1>when we open devtools the current page target name which shows is React Native Windows (Experimental) this PR enhances it to more informative format that includes: App Name + Device Name
For example: text (CPC-abhij-UF5EG)
2> lint:fix removes deep imports from vnext/src-win/src/private/specs_DEPRECATED/components/Xaml/XamlHostNativeComponent.js.
Type of Change
Why
1>improves page name
2> removes deep imports from vnext/src-win/src/private/specs_DEPRECATED/components/Xaml/XamlHostNativeComponent.js
Resolves [Add Relevant Issue Here]
#15342
sub issue in : #15392
What
App Name is extracted from options.Identity ( didnt use ReactInstanceSettings::DebuggerRuntimeName() is rarely set by apps - it's an optional property that developers must explicitly configure.)
Device Name is the Windows computer name obtained via GetComputerNameW()
Screenshots
Testing
tested in playground.
Changelog
Should this change be included in the release notes: no_
Microsoft Reviewers: Open in CodeFlow