fix: Metro inline-plugin doesn't support relative ES imports of Platform and it cause dead-code in production

packages/react-native/Libraries/Alert/Alert.js

@@ -10,9 +10,10 @@
 
 import type {DialogOptions} from '../NativeModules/specs/NativeDialogManagerAndroid';
 
-import Platform from '../Utilities/Platform';
 import {alertWithArgs} from './RCTAlertManager';
 
+const Platform = require('../Utilities/Platform').default;
+
 /**
  * @platform ios
  */

packages/react-native/Libraries/Animated/AnimatedExports.js

@@ -15,10 +15,11 @@ import typeof AnimatedSectionList from './components/AnimatedSectionList';
 import typeof AnimatedText from './components/AnimatedText';
 import typeof AnimatedView from './components/AnimatedView';
 
-import Platform from '../Utilities/Platform';
 import AnimatedImplementation from './AnimatedImplementation';
 import AnimatedMock from './AnimatedMock';
 
+const Platform = require('../Utilities/Platform').default;
+
 const Animated: typeof AnimatedImplementation = Platform.isDisableAnimations
   ? AnimatedMock
   : AnimatedImplementation;

packages/react-native/Libraries/Animated/components/AnimatedScrollView.js

@@ -21,13 +21,14 @@ import ScrollView, {
 import flattenStyle from '../../StyleSheet/flattenStyle';
 import splitLayoutProps from '../../StyleSheet/splitLayoutProps';
 import StyleSheet from '../../StyleSheet/StyleSheet';
-import Platform from '../../Utilities/Platform';
 import useMergeRefs from '../../Utilities/useMergeRefs';
 import createAnimatedComponent from '../createAnimatedComponent';
 import useAnimatedProps from '../useAnimatedProps';
 import * as React from 'react';
 import {cloneElement, useMemo} from 'react';
 
+const Platform = require('../../Utilities/Platform').default;
+
 type AnimatedScrollViewInstance = React.ElementRef<typeof ScrollView>;
 
 /**

packages/react-native/Libraries/Animated/nodes/AnimatedStyle.js

@@ -13,12 +13,13 @@ import type {AnimatedNodeConfig} from './AnimatedNode';
 
 import {validateStyles} from '../../../src/private/animated/NativeAnimatedValidation';
 import * as ReactNativeFeatureFlags from '../../../src/private/featureflags/ReactNativeFeatureFlags';
-import Platform from '../../Utilities/Platform';
 import AnimatedNode from './AnimatedNode';
 import AnimatedObject from './AnimatedObject';
 import AnimatedTransform from './AnimatedTransform';
 import AnimatedWithChildren from './AnimatedWithChildren';
 
+const Platform = require('../../Utilities/Platform').default;
+
 export type AnimatedStyleAllowlist = Readonly<{[string]: true}>;
 
 type FlatStyle = {[string]: unknown};

packages/react-native/Libraries/Animated/shouldUseTurboAnimatedModule.js

@@ -9,7 +9,8 @@
  */
 
 import * as ReactNativeFeatureFlags from '../../src/private/featureflags/ReactNativeFeatureFlags';
-import Platform from '../Utilities/Platform';
+
+const Platform = require('../Utilities/Platform').default;
 
 function shouldUseTurboAnimatedModule(): boolean {
   if (ReactNativeFeatureFlags.cxxNativeAnimatedEnabled()) {

packages/react-native/Libraries/AppState/AppState.js

@@ -10,10 +10,11 @@
 
 import NativeEventEmitter from '../EventEmitter/NativeEventEmitter';
 import logError from '../Utilities/logError';
-import Platform from '../Utilities/Platform';
 import {type EventSubscription} from '../vendor/emitter/EventEmitter';
 import NativeAppState from './NativeAppState';
 
+const Platform = require('../Utilities/Platform').default;
+
 /**
  * active - The app is running in the foreground
  * background - The app is running in the background. The user is either:

packages/react-native/Libraries/Components/AccessibilityInfo/AccessibilityInfo.js

@@ -13,11 +13,12 @@ import type {EventSubscription} from '../../vendor/emitter/EventEmitter';
 
 import RCTDeviceEventEmitter from '../../EventEmitter/RCTDeviceEventEmitter';
 import {sendAccessibilityEvent} from '../../ReactNative/RendererProxy';
-import Platform from '../../Utilities/Platform';
 import legacySendAccessibilityEvent from './legacySendAccessibilityEvent';
 import NativeAccessibilityInfoAndroid from './NativeAccessibilityInfo';
 import NativeAccessibilityManagerIOS from './NativeAccessibilityManager';
 
+const Platform = require('../../Utilities/Platform').default;
+
 // Events that are only supported on Android.
 type AccessibilityEventDefinitionsAndroid = {
   accessibilityServiceChanged: [boolean],

packages/react-native/Libraries/Components/ActivityIndicator/ActivityIndicator.js

@@ -13,10 +13,11 @@ import type {HostInstance} from '../../../src/private/types/HostInstance';
 import type {ViewProps} from '../View/ViewPropTypes';
 
 import StyleSheet, {type ColorValue} from '../../StyleSheet/StyleSheet';
-import Platform from '../../Utilities/Platform';
 import View from '../View/View';
 import * as React from 'react';
 
+const Platform = require('../../Utilities/Platform').default;
+
 export type ActivityIndicatorInstance = HostInstance;
 
 const PlatformActivityIndicator =

packages/react-native/Libraries/Components/Button.js

@@ -20,13 +20,14 @@ import type {
 
 import StyleSheet, {type ColorValue} from '../StyleSheet/StyleSheet';
 import Text from '../Text/Text';
-import Platform from '../Utilities/Platform';
 import TouchableNativeFeedback from './Touchable/TouchableNativeFeedback';
 import TouchableOpacity from './Touchable/TouchableOpacity';
 import View from './View/View';
 import invariant from 'invariant';
 import * as React from 'react';
 
+const Platform = require('../Utilities/Platform').default;
+
 /** @build-types emit-as-interface Uniwind compatibility */
 export type ButtonProps = Readonly<{
   /**

packages/react-native/Libraries/Components/Keyboard/Keyboard.js

@@ -13,9 +13,10 @@ import type {EventSubscription} from '../../vendor/emitter/EventEmitter';
 import NativeEventEmitter from '../../EventEmitter/NativeEventEmitter';
 import LayoutAnimation from '../../LayoutAnimation/LayoutAnimation';
 import dismissKeyboard from '../../Utilities/dismissKeyboard';
-import Platform from '../../Utilities/Platform';
 import NativeKeyboardObserver from './NativeKeyboardObserver';
 
+const Platform = require('../../Utilities/Platform').default;
+
 export type KeyboardEventName = keyof KeyboardEventDefinitions;
 
 export type KeyboardEventEasing =

packages/react-native/Libraries/Components/Keyboard/KeyboardAvoidingView.js

@@ -18,14 +18,15 @@ import type {KeyboardEvent, KeyboardMetrics} from './Keyboard';
 
 import LayoutAnimation from '../../LayoutAnimation/LayoutAnimation';
 import StyleSheet from '../../StyleSheet/StyleSheet';
-import Platform from '../../Utilities/Platform';
 import {type EventSubscription} from '../../vendor/emitter/EventEmitter';
 import AccessibilityInfo from '../AccessibilityInfo/AccessibilityInfo';
 import View from '../View/View';
 import Keyboard from './Keyboard';
 import * as React from 'react';
 import {createRef} from 'react';
 
+const Platform = require('../../Utilities/Platform').default;
+
 /** @build-types emit-as-interface Uniwind compatibility */
 export type KeyboardAvoidingViewProps = Readonly<{
   ...ViewProps,

packages/react-native/Libraries/Components/Pressable/__tests__/Pressable-test.js

@@ -9,12 +9,13 @@
  */
 
 import {PlatformColor} from '../../../StyleSheet/PlatformColorValueTypes';
-import Platform from '../../../Utilities/Platform';
 import {expectRendersMatchingSnapshot} from '../../../Utilities/ReactNativeTestTools';
 import View from '../../View/View';
 import Pressable from '../Pressable';
 import * as React from 'react';
 
+const Platform = require('../../../Utilities/Platform').default;
+
 describe('<Pressable />', () => {
   it('should render as expected', async () => {
     await expectRendersMatchingSnapshot(

packages/react-native/Libraries/Components/Pressable/useAndroidRippleForView.js

@@ -13,12 +13,13 @@ import type {ColorValue} from '../../StyleSheet/StyleSheet';
 import type {GestureResponderEvent} from '../../Types/CoreEventTypes';
 
 import processColor from '../../StyleSheet/processColor';
-import Platform from '../../Utilities/Platform';
 import View from '../View/View';
 import {Commands} from '../View/ViewNativeComponent';
 import * as React from 'react';
 import {useMemo} from 'react';
 
+const Platform = require('../../Utilities/Platform').default;
+
 type NativeBackgroundProp = Readonly<{
   type: 'RippleAndroid',
   color: ?ProcessedColorValue,

packages/react-native/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.js

@@ -13,7 +13,7 @@
 import type {HostInstance} from '../../../src/private/types/HostInstance';
 import type {ProgressBarAndroidProps} from './ProgressBarAndroidTypes';
 
-import Platform from '../../Utilities/Platform';
+const Platform = require('../../Utilities/Platform').default;
 
 export type ProgressBarAndroidInstance = HostInstance;
 

packages/react-native/Libraries/Components/SafeAreaView/SafeAreaView.js

@@ -11,10 +11,11 @@
 import type {HostInstance} from '../../../src/private/types/HostInstance';
 import type {ViewProps} from '../View/ViewPropTypes';
 
-import Platform from '../../Utilities/Platform';
 import View from '../View/View';
 import * as React from 'react';
 
+const Platform = require('../../Utilities/Platform').default;
+
 export type SafeAreaViewInstance = HostInstance;
 
 /**

packages/react-native/Libraries/Components/ScrollView/ScrollView.js

@@ -40,7 +40,6 @@ import splitLayoutProps from '../../StyleSheet/splitLayoutProps';
 import StyleSheet from '../../StyleSheet/StyleSheet';
 import Dimensions from '../../Utilities/Dimensions';
 import dismissKeyboard from '../../Utilities/dismissKeyboard';
-import Platform from '../../Utilities/Platform';
 import Keyboard from '../Keyboard/Keyboard';
 import TextInputState from '../TextInput/TextInputState';
 import View from '../View/View';
@@ -54,6 +53,8 @@ import nullthrows from 'nullthrows';
 import * as React from 'react';
 import {cloneElement} from 'react';
 
+const Platform = require('../../Utilities/Platform').default;
+
 /*
  * iOS scroll event timing nuances:
  * ===============================

packages/react-native/Libraries/Components/ScrollView/ScrollViewNativeComponent.js

@@ -14,9 +14,10 @@ import type {ScrollViewNativeProps as Props} from './ScrollViewNativeComponentTy
 
 import * as NativeComponentRegistry from '../../NativeComponent/NativeComponentRegistry';
 import {ConditionallyIgnoredEventHandlers} from '../../NativeComponent/ViewConfigIgnore';
-import Platform from '../../Utilities/Platform';
 import {colorAttribute} from '../View/ReactNativeStyleAttributes';
 
+const Platform = require('../../Utilities/Platform').default;
+
 export const __INTERNAL_VIEW_CONFIG: PartialViewConfig =
   Platform.OS === 'android'
     ? {

packages/react-native/Libraries/Components/ScrollView/ScrollViewStickyHeader.js

@@ -13,7 +13,6 @@ import type {LayoutChangeEvent} from '../../Types/CoreEventTypes';
 import Animated from '../../Animated/Animated';
 import {isPublicInstance as isFabricPublicInstance} from '../../ReactNative/ReactFabricPublicInstance/ReactFabricPublicInstanceUtils';
 import StyleSheet from '../../StyleSheet/StyleSheet';
-import Platform from '../../Utilities/Platform';
 import useMergeRefs from '../../Utilities/useMergeRefs';
 import * as React from 'react';
 import {
@@ -25,6 +24,8 @@ import {
   useState,
 } from 'react';
 
+const Platform = require('../../Utilities/Platform').default;
+
 export type ScrollViewStickyHeaderProps = Readonly<{
   children?: React.Node,
   nextHeaderLayoutY: ?number,

packages/react-native/Libraries/Components/ScrollView/processDecelerationRate.js

@@ -8,7 +8,7 @@
  * @format
  */
 
-import Platform from '../../Utilities/Platform';
+const Platform = require('../../Utilities/Platform').default;
 
 function processDecelerationRate(
   decelerationRate: number | 'normal' | 'fast',

packages/react-native/Libraries/Components/StatusBar/StatusBar.js

@@ -13,12 +13,13 @@ import type {EventSubscription} from '../../vendor/emitter/EventEmitter';
 
 import processColor from '../../StyleSheet/processColor';
 import * as Appearance from '../../Utilities/Appearance';
-import Platform from '../../Utilities/Platform';
 import NativeStatusBarManagerAndroid from './NativeStatusBarManagerAndroid';
 import NativeStatusBarManagerIOS from './NativeStatusBarManagerIOS';
 import invariant from 'invariant';
 import * as React from 'react';
 
+const Platform = require('../../Utilities/Platform').default;
+
 /**
  * Status bar style
  */

packages/react-native/Libraries/Components/Switch/Switch.js

@@ -15,7 +15,6 @@ import type {AccessibilityState} from '../View/ViewAccessibility';
 import type {ViewProps} from '../View/ViewPropTypes';
 
 import StyleSheet from '../../StyleSheet/StyleSheet';
-import Platform from '../../Utilities/Platform';
 import useMergeRefs from '../../Utilities/useMergeRefs';
 import AndroidSwitchNativeComponent, {
   Commands as AndroidSwitchCommands,
@@ -26,6 +25,8 @@ import SwitchNativeComponent, {
 import * as React from 'react';
 import {useLayoutEffect, useRef, useState} from 'react';
 
+const Platform = require('../../Utilities/Platform').default;
+
 export type SwitchInstance = HostInstance;
 
 export type SwitchPropsIOS = {

packages/react-native/Libraries/Components/TextInput/InputAccessoryView.js

@@ -13,11 +13,12 @@ import StyleSheet, {
   type ColorValue,
   type ViewStyleProp,
 } from '../../StyleSheet/StyleSheet';
-import Platform from '../../Utilities/Platform';
 import useWindowDimensions from '../../Utilities/useWindowDimensions';
 import RCTInputAccessoryViewNativeComponent from './RCTInputAccessoryViewNativeComponent';
 import * as React from 'react';
 
+const Platform = require('../../Utilities/Platform').default;
+
 /**
  * Note: iOS only
  *

packages/react-native/Libraries/Components/TextInput/TextInput.js

@@ -56,14 +56,15 @@ import flattenStyle from '../../StyleSheet/flattenStyle';
 import StyleSheet, {type TextStyleProp} from '../../StyleSheet/StyleSheet';
 import Text from '../../Text/Text';
 import TextAncestorContext from '../../Text/TextAncestorContext';
-import Platform from '../../Utilities/Platform';
 import useMergeRefs from '../../Utilities/useMergeRefs';
 import TextInputState from './TextInputState';
 import invariant from 'invariant';
 import nullthrows from 'nullthrows';
 import * as React from 'react';
 import {useCallback, useLayoutEffect, useMemo, useRef, useState} from 'react';
 
+const Platform = require('../../Utilities/Platform').default;
+
 let AndroidTextInput;
 let AndroidTextInputCommands;
 let RCTSinglelineTextInputView;

packages/react-native/Libraries/Components/Touchable/Touchable.js

@@ -18,12 +18,13 @@ import type {
 
 import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
 import UIManager from '../../ReactNative/UIManager';
-import Platform from '../../Utilities/Platform';
 import SoundManager from '../Sound/SoundManager';
 import BoundingDimensions from './BoundingDimensions';
 import Position from './Position';
 import * as React from 'react';
 
+const Platform = require('../../Utilities/Platform').default;
+
 const extractSingleTouch = (nativeEvent: {
   readonly changedTouches: ReadonlyArray<GestureResponderEvent['nativeEvent']>,
   readonly force?: number,

packages/react-native/Libraries/Components/Touchable/TouchableBounce.js

@@ -16,9 +16,10 @@ import Pressability, {
   type PressabilityConfig,
 } from '../../Pressability/Pressability';
 import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
-import Platform from '../../Utilities/Platform';
 import * as React from 'react';
 
+const Platform = require('../../Utilities/Platform').default;
+
 type TouchableBounceProps = Readonly<{
   ...React.ElementConfig<TouchableWithoutFeedback>,
 

packages/react-native/Libraries/Components/Touchable/TouchableHighlight.js

@@ -19,11 +19,12 @@ import Pressability, {
 } from '../../Pressability/Pressability';
 import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
 import StyleSheet, {type ViewStyleProp} from '../../StyleSheet/StyleSheet';
-import Platform from '../../Utilities/Platform';
 import warnOnce from '../../Utilities/warnOnce';
 import * as React from 'react';
 import {cloneElement} from 'react';
 
+const Platform = require('../../Utilities/Platform').default;
+
 export type TouchableHighlightInstance = HostInstance;
 
 type AndroidProps = Readonly<{

packages/react-native/Libraries/Components/Touchable/TouchableNativeFeedback.js

@@ -20,11 +20,12 @@ import Pressability, {
 import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
 import {findHostInstance_DEPRECATED} from '../../ReactNative/RendererProxy';
 import processColor from '../../StyleSheet/processColor';
-import Platform from '../../Utilities/Platform';
 import {Commands} from '../View/ViewNativeComponent';
 import * as React from 'react';
 import {cloneElement} from 'react';
 
+const Platform = require('../../Utilities/Platform').default;
+
 type TouchableNativeFeedbackTVProps = {
   /**
    * *(Apple TV only)* TV preferred focus (see documentation for the View component).

packages/react-native/Libraries/Components/Touchable/TouchableOpacity.js

@@ -19,9 +19,10 @@ import Pressability, {
 } from '../../Pressability/Pressability';
 import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
 import flattenStyle from '../../StyleSheet/flattenStyle';
-import Platform from '../../Utilities/Platform';
 import * as React from 'react';
 
+const Platform = require('../../Utilities/Platform').default;
+
 export type TouchableOpacityInstance = HostInstance;
 
 export type TouchableOpacityTVProps = Readonly<{

packages/react-native/Libraries/Core/ReactNativeVersionCheck.js

@@ -8,8 +8,7 @@
  * @format
  */
 
-import Platform from '../Utilities/Platform';
-
+const Platform = require('../Utilities/Platform').default;
 const ReactNativeVersion = require('./ReactNativeVersion');
 
 /**