[standards] Rewrite imports in RNTester to use standard paths

See #24316 for the motivation. This commit rewrites the imports in the RNTester project.

Test Plan: Run RNTester and verify that it loads without any issues. Tap through each screen to ensure the JS modules load (that is, were bundled) correctly.

.flowconfig

@@ -63,6 +63,10 @@ module.system.haste.paths.whitelist=<PROJECT_ROOT>/IntegrationTests/.*
 module.system.haste.paths.blacklist=<PROJECT_ROOT>/Libraries/react-native/react-native-implementation.js
 module.system.haste.paths.blacklist=<PROJECT_ROOT>/Libraries/Animated/src/polyfills/.*
 
+module.file_ext=.js
+module.file_ext=.json
+module.file_ext=.ios.js
+
 munge_underscores=true
 
 module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'

.flowconfig.android

@@ -44,6 +44,10 @@ emoji=true
 esproposal.optional_chaining=enable
 esproposal.nullish_coalescing=enable
 
+module.file_ext=.js
+module.file_ext=.json
+module.file_ext=.android.js
+
 module.system=haste
 module.system.haste.use_name_reducers=true
 # keep the following in sync with server/haste/hasteImpl.js

RNTester/NativeModuleExample/NativeScreenshotManager.js

@@ -10,8 +10,8 @@
 
 'use strict';
 
-import type {TurboModule} from 'RCTExport';
-import * as TurboModuleRegistry from 'TurboModuleRegistry';
+import type {TurboModule} from '../../Libraries/TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../../Libraries/TurboModule/TurboModuleRegistry';
 
 export interface Spec extends TurboModule {
   +getConstants: () => {||};

RNTester/RCTTest/RCTSnapshotNativeComponent.js

@@ -10,9 +10,9 @@
 
 'use strict';
 
-import type {SyntheticEvent} from 'CoreEventTypes';
-import type {ViewProps} from 'ViewPropTypes';
-import type {NativeComponent} from 'ReactNative';
+import type {SyntheticEvent} from '../../Libraries/Types/CoreEventTypes';
+import type {ViewProps} from '../../Libraries/Components/View/ViewPropTypes';
+import type {NativeComponent} from '../../Libraries/Renderer/shims/ReactNative';
 
 type SnapshotReadyEvent = SyntheticEvent<
   $ReadOnly<{
@@ -28,7 +28,7 @@ type NativeProps = $ReadOnly<{|
 
 type SnapshotViewNativeType = Class<NativeComponent<NativeProps>>;
 
-const requireNativeComponent = require('requireNativeComponent');
+const requireNativeComponent = require('../../Libraries/ReactNative/requireNativeComponent');
 
 module.exports = ((requireNativeComponent(
   'RCTSnapshot',

RNTester/js/AnimatedGratuitousApp/AnExApp.js

@@ -14,7 +14,7 @@ const React = require('react');
 const ReactNative = require('react-native');
 const {Animated, LayoutAnimation, PanResponder, StyleSheet, View} = ReactNative;
 
-const AnExSet = require('AnExSet');
+const AnExSet = require('./AnExSet');
 
 const CIRCLE_SIZE = 80;
 const CIRCLE_MARGIN = 18;

RNTester/js/AssetScaledImageExample.js

@@ -14,7 +14,7 @@ const React = require('react');
 const ReactNative = require('react-native');
 const {Image, StyleSheet, View, ScrollView} = ReactNative;
 
-import type {PhotoIdentifier} from 'CameraRoll';
+import type {PhotoIdentifier} from '../../Libraries/CameraRoll/CameraRoll';
 
 type Props = $ReadOnly<{|
   asset: PhotoIdentifier,

RNTester/js/CameraRollExample.js

@@ -28,7 +28,10 @@ const CameraRollView = require('./CameraRollView');
 
 const AssetScaledImageExampleView = require('./AssetScaledImageExample');
 
-import type {PhotoIdentifier, GroupTypes} from 'CameraRoll';
+import type {
+  PhotoIdentifier,
+  GroupTypes,
+} from '../../Libraries/CameraRoll/CameraRoll';
 
 type Props = $ReadOnly<{|
   navigator?: ?Array<

RNTester/js/CameraRollView.js

@@ -24,14 +24,14 @@ const {
   View,
 } = ReactNative;
 
-const groupByEveryN = require('groupByEveryN');
-const logError = require('logError');
+const groupByEveryN = require('../../Libraries/Utilities/groupByEveryN');
+const logError = require('../../Libraries/Utilities/logError');
 
 import type {
   PhotoIdentifier,
   PhotoIdentifiersPage,
   GetPhotosParams,
-} from 'CameraRoll';
+} from '../../Libraries/CameraRoll/CameraRoll';
 
 type Props = $ReadOnly<{|
   /**

RNTester/js/FlatListExample.js

@@ -12,14 +12,14 @@
 
 import type {Item} from './ListExampleShared';
 
-const Alert = require('Alert');
+const Alert = require('../../Libraries/Alert/Alert');
 const React = require('react');
 const ReactNative = require('react-native');
 const {Animated, StyleSheet, View} = ReactNative;
 
 const RNTesterPage = require('./RNTesterPage');
 
-const infoLog = require('infoLog');
+const infoLog = require('../../Libraries/Utilities/infoLog');
 
 const {
   FooterComponent,

RNTester/js/ImageCapInsetsExample.js

@@ -13,7 +13,7 @@
 const React = require('react');
 const ReactNative = require('react-native');
 
-const nativeImageSource = require('nativeImageSource');
+const nativeImageSource = require('../../Libraries/Image/nativeImageSource');
 const {Image, StyleSheet, Text, View} = ReactNative;
 
 type Props = $ReadOnly<{||}>;

RNTester/js/InputAccessoryViewExample.js

@@ -10,7 +10,7 @@
 
 'use strict';
 
-const React = require('React');
+const React = require('react');
 const ReactNative = require('react-native');
 const {
   Alert,

RNTester/js/KeyboardAvoidingViewExample.js

@@ -9,7 +9,7 @@
 
 'use strict';
 
-const React = require('React');
+const React = require('react');
 const ReactNative = require('react-native');
 const {
   KeyboardAvoidingView,

RNTester/js/LayoutEventsExample.js

@@ -14,7 +14,10 @@ const React = require('react');
 const ReactNative = require('react-native');
 const {Image, LayoutAnimation, StyleSheet, Text, View} = ReactNative;
 
-import type {ViewLayout, ViewLayoutEvent} from 'ViewPropTypes';
+import type {
+  ViewLayout,
+  ViewLayoutEvent,
+} from '../../Libraries/Components/View/ViewPropTypes';
 
 type Props = $ReadOnly<{||}>;
 type State = {

RNTester/js/MultiColumnExample.js

@@ -16,7 +16,7 @@ const {FlatList, StyleSheet, Text, View, Alert} = ReactNative;
 
 const RNTesterPage = require('./RNTesterPage');
 
-const infoLog = require('infoLog');
+const infoLog = require('../../Libraries/Utilities/infoLog');
 
 const {
   FooterComponent,

RNTester/js/NativeAnimationsExample.js

@@ -155,7 +155,7 @@ class LoopExample extends React.Component<{}, $FlowFixMeState> {
   }
 }
 
-const RNTesterSettingSwitchRow = require('RNTesterSettingSwitchRow');
+const RNTesterSettingSwitchRow = require('./RNTesterSettingSwitchRow');
 class InternalSettings extends React.Component<
   {},
   {busyTime: number | string, filteredStall: number},
@@ -188,16 +188,20 @@ class InternalSettings extends React.Component<
           initialValue={false}
           label="Track JS Stalls"
           onEnable={() => {
-            require('JSEventLoopWatchdog').install({thresholdMS: 25});
-            this.setState({busyTime: '<none>'});
-            require('JSEventLoopWatchdog').addHandler({
-              onStall: ({busyTime}) =>
-                this.setState(state => ({
-                  busyTime,
-                  filteredStall:
-                    (state.filteredStall || 0) * 0.97 + busyTime * 0.03,
-                })),
+            require('../../Libraries/Interaction/JSEventLoopWatchdog').install({
+              thresholdMS: 25,
             });
+            this.setState({busyTime: '<none>'});
+            require('../../Libraries/Interaction/JSEventLoopWatchdog').addHandler(
+              {
+                onStall: ({busyTime}) =>
+                  this.setState(state => ({
+                    busyTime,
+                    filteredStall:
+                      (state.filteredStall || 0) * 0.97 + busyTime * 0.03,
+                  })),
+              },
+            );
           }}
           onDisable={() => {
             console.warn('Cannot disable yet....');

RNTester/js/OrientationChangeExample.js

@@ -14,7 +14,7 @@ const React = require('react');
 const ReactNative = require('react-native');
 const {DeviceEventEmitter, Text, View} = ReactNative;
 
-import type EmitterSubscription from 'EmitterSubscription';
+import type EmitterSubscription from '../../Libraries/vendor/emitter/EmitterSubscription';
 
 class OrientationChangeExample extends React.Component<{}, $FlowFixMeState> {
   _orientationSubscription: EmitterSubscription;

RNTester/js/PanResponderExample.js

@@ -14,8 +14,11 @@ const React = require('react');
 const ReactNative = require('react-native');
 const {PanResponder, StyleSheet, View} = ReactNative;
 
-import type {PanResponderInstance, GestureState} from 'PanResponder';
-import type {PressEvent} from 'CoreEventTypes';
+import type {
+  PanResponderInstance,
+  GestureState,
+} from '../../Libraries/Interaction/PanResponder';
+import type {PressEvent} from '../../Libraries/Types/CoreEventTypes';
 
 type CircleStyles = {
   backgroundColor?: string,

RNTester/js/PickerExample.js

@@ -12,7 +12,7 @@
 
 const React = require('react');
 const ReactNative = require('react-native');
-const StyleSheet = require('StyleSheet');
+const StyleSheet = require('../../Libraries/StyleSheet/StyleSheet');
 
 const {Picker, Text} = ReactNative;
 

RNTester/js/ProgressBarAndroidExample.android.js

@@ -10,12 +10,12 @@
 
 'use strict';
 
-const ProgressBar = require('ProgressBarAndroid');
-const React = require('React');
-const RNTesterBlock = require('RNTesterBlock');
-const RNTesterPage = require('RNTesterPage');
+const ProgressBar = require('../../Libraries/Components/ProgressBarAndroid/ProgressBarAndroid');
+const React = require('react');
+const RNTesterBlock = require('./RNTesterBlock');
+const RNTesterPage = require('./RNTesterPage');
 
-import type {ProgressBarAndroidProps} from 'ProgressBarAndroid';
+import type {ProgressBarAndroidProps} from '../../Libraries/Components/ProgressBarAndroid/ProgressBarAndroid';
 
 type MovingBarProps = $ReadOnly<{|
   ...$Diff<

RNTester/js/PushNotificationIOSExample.js

@@ -86,27 +86,33 @@ class NotificationExample extends React.Component<{}> {
   }
 
   _sendNotification() {
-    require('RCTDeviceEventEmitter').emit('remoteNotificationReceived', {
-      remote: true,
-      aps: {
-        alert: 'Sample notification',
-        badge: '+1',
-        sound: 'default',
-        category: 'REACT_NATIVE',
-        'content-available': 1,
+    require('../../Libraries/EventEmitter/RCTDeviceEventEmitter').emit(
+      'remoteNotificationReceived',
+      {
+        remote: true,
+        aps: {
+          alert: 'Sample notification',
+          badge: '+1',
+          sound: 'default',
+          category: 'REACT_NATIVE',
+          'content-available': 1,
+        },
       },
-    });
+    );
   }
 
   _sendLocalNotification() {
-    require('RCTDeviceEventEmitter').emit('localNotificationReceived', {
-      aps: {
-        alert: 'Sample local notification',
-        badge: '+1',
-        sound: 'default',
-        category: 'REACT_NATIVE',
+    require('../../Libraries/EventEmitter/RCTDeviceEventEmitter').emit(
+      'localNotificationReceived',
+      {
+        aps: {
+          alert: 'Sample local notification',
+          badge: '+1',
+          sound: 'default',
+          category: 'REACT_NATIVE',
+        },
       },
-    });
+    );
   }
 
   _onRegistered(deviceToken) {

RNTester/js/RCTRootViewIOSExample.js

@@ -14,7 +14,7 @@ const React = require('react');
 const ReactNative = require('react-native');
 const {StyleSheet, Text, View} = ReactNative;
 
-const requireNativeComponent = require('requireNativeComponent');
+const requireNativeComponent = require('../../Libraries/ReactNative/requireNativeComponent');
 
 class AppPropertiesUpdateExample extends React.Component<{}> {
   render() {

RNTester/js/RNTesterApp.android.js

@@ -10,28 +10,28 @@
 
 'use strict';
 
-const AppRegistry = require('AppRegistry');
-const AsyncStorage = require('AsyncStorage');
-const BackHandler = require('BackHandler');
-const Dimensions = require('Dimensions');
-const DrawerLayoutAndroid = require('DrawerLayoutAndroid');
-const Linking = require('Linking');
+const AppRegistry = require('../../Libraries/ReactNative/AppRegistry');
+const AsyncStorage = require('../../Libraries/Storage/AsyncStorage');
+const BackHandler = require('../../Libraries/Utilities/BackHandler');
+const Dimensions = require('../../Libraries/Utilities/Dimensions');
+const DrawerLayoutAndroid = require('../../Libraries/Components/DrawerAndroid/DrawerLayoutAndroid');
+const Linking = require('../../Libraries/Linking/Linking');
 const React = require('react');
-const StatusBar = require('StatusBar');
-const StyleSheet = require('StyleSheet');
-const ToolbarAndroid = require('ToolbarAndroid');
+const StatusBar = require('../../Libraries/Components/StatusBar/StatusBar');
+const StyleSheet = require('../../Libraries/StyleSheet/StyleSheet');
+const ToolbarAndroid = require('../../Libraries/Components/ToolbarAndroid/ToolbarAndroid');
 const RNTesterActions = require('./RNTesterActions');
 const RNTesterExampleContainer = require('./RNTesterExampleContainer');
 const RNTesterExampleList = require('./RNTesterExampleList');
 /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found when
  * making Flow check .android.js files. */
 const RNTesterList = require('./RNTesterList');
 const RNTesterNavigationReducer = require('./RNTesterNavigationReducer');
-const UIManager = require('UIManager');
+const UIManager = require('../../Libraries/ReactNative/UIManager');
 const URIActionMap = require('./URIActionMap');
-const View = require('View');
+const View = require('../../Libraries/Components/View/View');
 
-const nativeImageSource = require('nativeImageSource');
+const nativeImageSource = require('../../Libraries/Image/nativeImageSource');
 
 import type {RNTesterNavigationState} from './RNTesterNavigationReducer';
 

RNTester/js/RNTesterApp.ios.js

@@ -10,10 +10,10 @@
 
 'use strict';
 
-require('InitializeCore');
-const AsyncStorage = require('AsyncStorage');
-const BackHandler = require('BackHandler');
-const Linking = require('Linking');
+require('../../Libraries/Core/InitializeCore');
+const AsyncStorage = require('../../Libraries/Storage/AsyncStorage');
+const BackHandler = require('../../Libraries/Utilities/BackHandler');
+const Linking = require('../../Libraries/Linking/Linking');
 const React = require('react');
 const ReactNative = require('react-native');
 const RNTesterActions = require('./RNTesterActions');
@@ -34,7 +34,7 @@ const {
   YellowBox,
 } = ReactNative;
 
-import type {RNTesterExample} from 'RNTesterTypes';
+import type {RNTesterExample} from './Shared/RNTesterTypes';
 import type {RNTesterAction} from './RNTesterActions';
 import type {RNTesterNavigationState} from './RNTesterNavigationReducer';
 

RNTester/js/RNTesterButton.js

@@ -13,7 +13,7 @@
 const React = require('react');
 const {StyleSheet, Text, TouchableHighlight} = require('react-native');
 
-import type {PressEvent} from 'CoreEventTypes';
+import type {PressEvent} from '../../Libraries/Types/CoreEventTypes';
 
 type Props = $ReadOnly<{|
   children?: React.Node,