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

Author: retyui

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 =