dillon1000/react
Commit
Browse files StyleX plug-in for resolving atomic styles to values for props.xstyle (#22808)
Adds the concept of "plugins" to the inspected element payload. Also adds the first plugin, one that resolves StyleX atomic style names to their values and displays them as a unified style object (rather than a nested array of objects and booleans). Source file names are displayed first, in dim color, followed by an ordered set of resolved style values. For builds with the new feature flag disabled, there is no observable change. A next step to build on top of this could be to make the style values editable, but change the logic such that editing one directly added an inline style to the item (rather than modifying the stylex class– which may be shared between multiple other components).
Changed paths16 files
First-parent comparisonpackages/react-devtools-shared/src/backend/StyleX/__tests__/utils-test.js AddedA packages/react-devtools-shared/src/backend/StyleX/utils.js AddedM packages/react-devtools-shared/src/backend/legacy/renderer.js ModifiedM packages/react-devtools-shared/src/backend/renderer.js ModifiedM packages/react-devtools-shared/src/backend/types.js ModifiedM packages/react-devtools-shared/src/backendAPI.js ModifiedM packages/react-devtools-shared/src/config/DevToolsFeatureFlags.core-fb.js ModifiedM packages/react-devtools-shared/src/config/DevToolsFeatureFlags.core-oss.js ModifiedM packages/react-devtools-shared/src/config/DevToolsFeatureFlags.default.js ModifiedM packages/react-devtools-shared/src/config/DevToolsFeatureFlags.extension-fb.js ModifiedM packages/react-devtools-shared/src/config/DevToolsFeatureFlags.extension-oss.js ModifiedA packages/react-devtools-shared/src/devtools/views/Components/InspectedElementStyleXPlugin.css AddedA packages/react-devtools-shared/src/devtools/views/Components/InspectedElementStyleXPlugin.js AddedM packages/react-devtools-shared/src/devtools/views/Components/InspectedElementView.js ModifiedM packages/react-devtools-shared/src/devtools/views/Components/types.js ModifiedM packages/react-devtools-shared/src/types.js ModifiedPatch
Files changed
Rendering syntax-highlighted changes…