Wrap StyleX features behind new enableStyleXFeatures flag

Only enabled for FB builds (for now)

Author: Brian Vaughn

packages/react-devtools-shared/src/backend/renderer.js

@@ -82,7 +82,10 @@ import {
   MEMO_SYMBOL_STRING,
 } from './ReactSymbols';
 import {format} from './utils';
-import {enableProfilerChangedHookIndices} from 'react-devtools-feature-flags';
+import {
+  enableProfilerChangedHookIndices,
+  enableStyleXFeatures,
+} from 'react-devtools-feature-flags';
 import is from 'shared/objectIs';
 import isArray from 'shared/isArray';
 import hasOwnProperty from 'shared/hasOwnProperty';
@@ -3238,8 +3241,10 @@ export function attach(
     const modifiedProps = {
       ...memoizedProps,
     };
-    if (modifiedProps.hasOwnProperty('xstyle')) {
-      modifiedProps.xstyle = getStyleXValues(modifiedProps.xstyle);
+    if (enableStyleXFeatures) {
+      if (modifiedProps.hasOwnProperty('xstyle')) {
+        modifiedProps.xstyle = getStyleXValues(modifiedProps.xstyle);
+      }
     }
 
     return {

packages/react-devtools-shared/src/config/DevToolsFeatureFlags.core-fb.js

@@ -13,11 +13,12 @@
  * It should always be imported from "react-devtools-feature-flags".
  ************************************************************************/
 
+export const consoleManagedByDevToolsDuringStrictMode = false;
+export const enableLogger = true;
+export const enableNamedHooksFeature = true;
 export const enableProfilerChangedHookIndices = true;
+export const enableStyleXFeatures = true;
 export const isInternalFacebookBuild = true;
-export const enableNamedHooksFeature = true;
-export const enableLogger = true;
-export const consoleManagedByDevToolsDuringStrictMode = false;
 
 /************************************************************************
  * Do not edit the code below.

packages/react-devtools-shared/src/config/DevToolsFeatureFlags.core-oss.js

@@ -13,11 +13,12 @@
  * It should always be imported from "react-devtools-feature-flags".
  ************************************************************************/
 
+export const consoleManagedByDevToolsDuringStrictMode = false;
+export const enableLogger = false;
+export const enableNamedHooksFeature = true;
 export const enableProfilerChangedHookIndices = true;
+export const enableStyleXFeatures = false;
 export const isInternalFacebookBuild = false;
-export const enableNamedHooksFeature = true;
-export const enableLogger = false;
-export const consoleManagedByDevToolsDuringStrictMode = false;
 
 /************************************************************************
  * Do not edit the code below.

packages/react-devtools-shared/src/config/DevToolsFeatureFlags.default.js

@@ -13,8 +13,9 @@
  * It should always be imported from "react-devtools-feature-flags".
  ************************************************************************/
 
+export const consoleManagedByDevToolsDuringStrictMode = true;
+export const enableLogger = false;
+export const enableNamedHooksFeature = true;
 export const enableProfilerChangedHookIndices = true;
+export const enableStyleXFeatures = false;
 export const isInternalFacebookBuild = false;
-export const enableNamedHooksFeature = true;
-export const enableLogger = false;
-export const consoleManagedByDevToolsDuringStrictMode = true;

packages/react-devtools-shared/src/config/DevToolsFeatureFlags.extension-fb.js

@@ -13,11 +13,12 @@
  * It should always be imported from "react-devtools-feature-flags".
  ************************************************************************/
 
+export const consoleManagedByDevToolsDuringStrictMode = true;
+export const enableLogger = true;
+export const enableNamedHooksFeature = true;
 export const enableProfilerChangedHookIndices = true;
+export const enableStyleXFeatures = true;
 export const isInternalFacebookBuild = true;
-export const enableNamedHooksFeature = true;
-export const enableLogger = true;
-export const consoleManagedByDevToolsDuringStrictMode = true;
 
 /************************************************************************
  * Do not edit the code below.

packages/react-devtools-shared/src/config/DevToolsFeatureFlags.extension-oss.js

@@ -13,11 +13,12 @@
  * It should always be imported from "react-devtools-feature-flags".
  ************************************************************************/
 
+export const consoleManagedByDevToolsDuringStrictMode = true;
+export const enableLogger = false;
+export const enableNamedHooksFeature = true;
 export const enableProfilerChangedHookIndices = true;
+export const enableStyleXFeatures = false;
 export const isInternalFacebookBuild = false;
-export const enableNamedHooksFeature = true;
-export const enableLogger = false;
-export const consoleManagedByDevToolsDuringStrictMode = true;
 
 /************************************************************************
  * Do not edit the code below.