feat[devtools]: display native tag for host components for Native (#32762)

Native only. Displays the native tag for Native Host components inside a
badge, when user inspects the component.

Only displaying will be supported for now, because in order to get
native tags indexable, they should be part of the bridge operations,
which is technically a breaking change that requires significantly more
time investment.

The text will only be shown when user hovers over the badge.
![Screenshot 2025-03-26 at 19 46
40](https://github.com/user-attachments/assets/787530cf-c5e5-4b85-8e2a-15b006a3d783)
This commit is contained in:
Ruslan Lesiutin
2025-04-02 22:44:38 +01:00
committed by GitHub
parent b2f6365745
commit f0c767e2a2
9 changed files with 97 additions and 3 deletions

View File

@@ -239,6 +239,7 @@ export function convertInspectedElementBackendToFrontend(
key,
errors,
warnings,
nativeTag,
} = inspectedElementBackend;
const inspectedElement: InspectedElementFrontend = {
@@ -273,6 +274,7 @@ export function convertInspectedElementBackendToFrontend(
state: hydrateHelper(state),
errors,
warnings,
nativeTag,
};
return inspectedElement;