From 3945f10561622a3e361190919d0a6d397f67ef8b Mon Sep 17 00:00:00 2001 From: AndreiCalazans Date: Tue, 28 May 2019 08:34:59 -0700 Subject: [PATCH] - Update folder structure of RNTester's JS directory. (#25013) Summary: Changes RNTester, first attempt in the direction of improving the RNTester overall. Related ticket: #24647 Changed the `js` directory of the RNTester to have the following structure: ``` - js - assets - components - examples - types - utils ``` * **assets** _Any images, gifs, and media content_ * **components** _All shared components_ * **examples** _Example View/Components to be rendered by the App_ * **types** _Shared flow types_ * **utils** _Shared utilities_ ## Changelog [General] [Changed] - Update folder structure of RNTester's JS directory. Pull Request resolved: https://github.com/facebook/react-native/pull/25013 Differential Revision: D15515773 Pulled By: cpojer fbshipit-source-id: 0e4b6386127f338dca0ffe8c237073be53a9e221 --- .gitignore | 1 + RNTester/js/AssetScaledImageExample.js | 113 ---------------- RNTester/js/RNTesterApp.android.js | 14 +- RNTester/js/RNTesterApp.ios.js | 24 ++-- .../js/{Thumbnails => assets}/bandaged.png | Bin RNTester/js/{ => assets}/bunny.png | Bin RNTester/js/{Thumbnails => assets}/call.png | Bin .../js/{Thumbnails => assets}/dislike.png | Bin RNTester/js/{Thumbnails => assets}/fist.png | Bin .../js/{Thumbnails => assets}/flowers.png | Bin RNTester/js/{ => assets}/flux@3x.png | Bin RNTester/js/{ => assets}/hawk.png | Bin RNTester/js/{Thumbnails => assets}/heart.png | Bin RNTester/js/{ => assets}/helloworld.html | 0 RNTester/js/{ => assets}/imageMask.png | Bin RNTester/js/{Thumbnails => assets}/like.png | Bin RNTester/js/{Thumbnails => assets}/liking.png | Bin RNTester/js/{ => assets}/messagingtest.html | 0 RNTester/js/{Thumbnails => assets}/party.png | Bin RNTester/js/{Thumbnails => assets}/poke.png | Bin RNTester/js/{ => assets}/relay@3x.png | Bin RNTester/js/{ => assets}/slider-left.png | Bin RNTester/js/{ => assets}/slider-left@2x.png | Bin RNTester/js/{ => assets}/slider-right.png | Bin RNTester/js/{ => assets}/slider-right@2x.png | Bin RNTester/js/{ => assets}/slider.png | Bin RNTester/js/{ => assets}/slider@2x.png | Bin .../js/{Thumbnails => assets}/superlike.png | Bin .../trees.jpg | Bin .../tumblr_mfqekpMktw1rn90umo1_500.gif | Bin .../uie_comment_highlighted@2x.png | Bin .../js/{ => assets}/uie_comment_normal@2x.png | Bin RNTester/js/{ => assets}/uie_thumb_big.png | Bin .../js/{ => assets}/uie_thumb_normal@2x.png | Bin .../js/{ => assets}/uie_thumb_selected@2x.png | Bin .../js/{Thumbnails => assets}/victory.png | Bin .../js/{ => components}/ListExampleShared.js | 24 ++-- RNTester/js/{ => components}/RNTesterBlock.js | 0 .../js/{ => components}/RNTesterButton.js | 2 +- .../RNTesterExampleContainer.js | 0 .../{ => components}/RNTesterExampleFilter.js | 0 .../{ => components}/RNTesterExampleList.js | 6 +- RNTester/js/{ => components}/RNTesterPage.js | 0 .../RNTesterSettingSwitchRow.js | 2 +- RNTester/js/{ => components}/RNTesterTitle.js | 0 .../{Shared => components}/TextInlineView.js | 3 +- .../js/{Shared => components}/TextLegend.js | 0 .../js/{ => components}/createExamplePage.js | 2 +- RNTester/js/{ => examples/ART}/ARTExample.js | 0 .../AccessibilityAndroidExample.android.js | 4 +- .../Accessibility}/AccessibilityExample.js | 2 +- .../Accessibility}/AccessibilityIOSExample.js | 2 +- .../ActionSheetIOS}/ActionSheetIOSExample.js | 0 .../ActivityIndicatorExample.js | 0 .../js/{ => examples/Alert}/AlertExample.js | 2 +- .../{ => examples/Alert}/AlertIOSExample.js | 0 .../Animated}/AnimatedExample.js | 4 +- .../AnimatedGratuitousApp/AnExApp.js | 0 .../AnimatedGratuitousApp/AnExBobble.js | 0 .../AnimatedGratuitousApp/AnExChained.js | 10 +- .../AnimatedGratuitousApp/AnExScroll.js | 0 .../AnimatedGratuitousApp/AnExSet.js | 0 .../AnimatedGratuitousApp/AnExSlides.md | 0 .../AnimatedGratuitousApp/AnExTilt.js | 2 +- .../AppState}/AppStateExample.js | 0 .../AsyncStorage}/AsyncStorageExample.js | 0 .../js/{ => examples/Border}/BorderExample.js | 0 .../BoxShadow}/BoxShadowExample.js | 2 +- .../js/{ => examples/Button}/ButtonExample.js | 0 .../CheckBox}/CheckBoxExample.js | 0 .../Clipboard}/ClipboardExample.js | 0 .../js/{ => examples/Crash}/CrashExample.js | 0 .../DatePicker}/DatePickerAndroidExample.js | 4 +- .../DatePicker}/DatePickerIOSExample.js | 0 .../Dimensions}/DimensionsExample.js | 0 .../FlatList}/FlatListExample.js | 8 +- .../Image}/ImageCapInsetsExample.js | 2 +- .../js/{ => examples/Image}/ImageExample.js | 24 ++-- .../InputAccessoryViewExample.js | 0 .../KeyboardAvoidingViewExample.js | 4 +- .../Layout}/LayoutAnimationExample.js | 0 .../Layout}/LayoutEventsExample.js | 2 +- .../js/{ => examples/Layout}/LayoutExample.js | 4 +- .../{ => examples/Linking}/LinkingExample.js | 2 +- .../MaskedView}/MaskedViewExample.js | 2 +- .../js/{ => examples/Modal}/ModalExample.js | 0 .../MultiColumn}/MultiColumnExample.js | 6 +- .../NativeAnimationsExample.js | 12 +- .../NewAppScreen}/NewAppScreenExample.js | 2 +- .../OrientationChangeExample.js | 2 +- .../PanResponder}/PanResponderExample.js | 4 +- .../PermissionsAndroid/PermissionsExample.js} | 0 .../js/{ => examples/Picker}/PickerExample.js | 0 .../{ => examples/Picker}/PickerIOSExample.js | 0 .../PointerEvents}/PointerEventsExample.js | 0 .../ProgressBarAndroidExample.android.js | 6 +- .../ProgressViewIOSExample.js | 0 .../PushNotificationIOSExample.js | 0 .../RCTRootView}/RCTRootViewIOSExample.js | 0 RNTester/js/{ => examples/RTL}/RTLExample.js | 10 +- .../RefreshControl}/RefreshControlExample.js | 0 .../RootViewSizeFlexibilityExampleApp.js | 0 .../SafeAreaView}/SafeAreaViewExample.js | 0 .../ScrollView}/ScrollViewExample.js | 2 +- .../ScrollView}/ScrollViewSimpleExample.js | 0 .../SectionList}/SectionListExample.js | 6 +- .../SegmentedControlIOSExample.js | 0 .../SetPropertiesExampleApp.js | 0 .../js/{ => examples/Share}/ShareExample.js | 0 .../js/{ => examples/Slider}/SliderExample.js | 10 +- .../Snapshot}/SnapshotExample.js | 0 .../Snapshot}/SnapshotViewIOS.android.js | 2 +- .../Snapshot}/SnapshotViewIOS.ios.js | 6 +- .../StatusBar}/StatusBarExample.js | 0 .../js/{ => examples/Switch}/SwitchExample.js | 0 .../TVEventHandler}/TVEventHandlerExample.js | 0 .../Text}/TextExample.android.js | 8 +- .../js/{ => examples/Text}/TextExample.ios.js | 6 +- .../TextInput}/TextInputExample.android.js | 0 .../TextInput}/TextInputExample.ios.js | 0 .../TimePicker}/TimePickerAndroidExample.js | 4 +- .../js/{ => examples/Timer}/TimerExample.js | 2 +- .../ToastAndroidExample.android.js | 4 +- .../Touchable}/TouchableExample.js | 0 .../Transform}/TransformExample.js | 0 .../TransparentHitTestExample.js | 0 .../TurboModule}/SampleTurboModuleExample.js | 2 +- .../TurboModule}/TurboModuleExample.js | 0 .../Vibration}/VibrationExample.js | 0 .../js/{ => examples/View}/ViewExample.js | 0 .../ViewPagerAndroidExample.android.js | 2 +- .../WebSocket}/WebSocketExample.js | 4 +- .../WebSocket}/http_test_server.js | 0 .../WebSocket}/websocket_test_server.js | 0 RNTester/js/{ => examples/XHR}/XHRExample.js | 0 .../XHR}/XHRExampleAbortController.js | 0 .../XHR}/XHRExampleBinaryUpload.js | 0 .../{ => examples/XHR}/XHRExampleDownload.js | 0 .../js/{ => examples/XHR}/XHRExampleFetch.js | 0 .../{ => examples/XHR}/XHRExampleHeaders.js | 0 .../{ => examples/XHR}/XHRExampleOnTimeOut.js | 0 .../js/{Shared => types}/RNTesterTypes.js | 0 RNTester/js/{ => utils}/RNTesterActions.js | 0 .../js/{ => utils}/RNTesterList.android.js | 102 +++++++------- RNTester/js/{ => utils}/RNTesterList.ios.js | 126 +++++++++--------- .../{ => utils}/RNTesterNavigationReducer.js | 0 .../js/{ => utils}/RNTesterStatePersister.js | 0 RNTester/js/{ => utils}/URIActionMap.js | 0 148 files changed, 246 insertions(+), 353 deletions(-) delete mode 100644 RNTester/js/AssetScaledImageExample.js rename RNTester/js/{Thumbnails => assets}/bandaged.png (100%) rename RNTester/js/{ => assets}/bunny.png (100%) rename RNTester/js/{Thumbnails => assets}/call.png (100%) rename RNTester/js/{Thumbnails => assets}/dislike.png (100%) rename RNTester/js/{Thumbnails => assets}/fist.png (100%) rename RNTester/js/{Thumbnails => assets}/flowers.png (100%) rename RNTester/js/{ => assets}/flux@3x.png (100%) rename RNTester/js/{ => assets}/hawk.png (100%) rename RNTester/js/{Thumbnails => assets}/heart.png (100%) rename RNTester/js/{ => assets}/helloworld.html (100%) rename RNTester/js/{ => assets}/imageMask.png (100%) rename RNTester/js/{Thumbnails => assets}/like.png (100%) rename RNTester/js/{Thumbnails => assets}/liking.png (100%) rename RNTester/js/{ => assets}/messagingtest.html (100%) rename RNTester/js/{Thumbnails => assets}/party.png (100%) rename RNTester/js/{Thumbnails => assets}/poke.png (100%) rename RNTester/js/{ => assets}/relay@3x.png (100%) rename RNTester/js/{ => assets}/slider-left.png (100%) rename RNTester/js/{ => assets}/slider-left@2x.png (100%) rename RNTester/js/{ => assets}/slider-right.png (100%) rename RNTester/js/{ => assets}/slider-right@2x.png (100%) rename RNTester/js/{ => assets}/slider.png (100%) rename RNTester/js/{ => assets}/slider@2x.png (100%) rename RNTester/js/{Thumbnails => assets}/superlike.png (100%) rename RNTester/js/{AnimatedGratuitousApp => assets}/trees.jpg (100%) rename RNTester/js/{ => assets}/tumblr_mfqekpMktw1rn90umo1_500.gif (100%) rename RNTester/js/{ => assets}/uie_comment_highlighted@2x.png (100%) rename RNTester/js/{ => assets}/uie_comment_normal@2x.png (100%) rename RNTester/js/{ => assets}/uie_thumb_big.png (100%) rename RNTester/js/{ => assets}/uie_thumb_normal@2x.png (100%) rename RNTester/js/{ => assets}/uie_thumb_selected@2x.png (100%) rename RNTester/js/{Thumbnails => assets}/victory.png (100%) rename RNTester/js/{ => components}/ListExampleShared.js (94%) rename RNTester/js/{ => components}/RNTesterBlock.js (100%) rename RNTester/js/{ => components}/RNTesterButton.js (93%) rename RNTester/js/{ => components}/RNTesterExampleContainer.js (100%) rename RNTester/js/{ => components}/RNTesterExampleFilter.js (100%) rename RNTester/js/{ => components}/RNTesterExampleList.js (96%) rename RNTester/js/{ => components}/RNTesterPage.js (100%) rename RNTester/js/{ => components}/RNTesterSettingSwitchRow.js (95%) rename RNTester/js/{ => components}/RNTesterTitle.js (100%) rename RNTester/js/{Shared => components}/TextInlineView.js (98%) rename RNTester/js/{Shared => components}/TextLegend.js (100%) rename RNTester/js/{ => components}/createExamplePage.js (91%) rename RNTester/js/{ => examples/ART}/ARTExample.js (100%) rename RNTester/js/{ => examples/Accessibility}/AccessibilityAndroidExample.android.js (97%) rename RNTester/js/{ => examples/Accessibility}/AccessibilityExample.js (99%) rename RNTester/js/{ => examples/Accessibility}/AccessibilityIOSExample.js (96%) rename RNTester/js/{ => examples/ActionSheetIOS}/ActionSheetIOSExample.js (100%) rename RNTester/js/{ => examples/ActivityIndicator}/ActivityIndicatorExample.js (100%) rename RNTester/js/{ => examples/Alert}/AlertExample.js (98%) rename RNTester/js/{ => examples/Alert}/AlertIOSExample.js (100%) rename RNTester/js/{ => examples/Animated}/AnimatedExample.js (98%) rename RNTester/js/{ => examples/Animated}/AnimatedGratuitousApp/AnExApp.js (100%) rename RNTester/js/{ => examples/Animated}/AnimatedGratuitousApp/AnExBobble.js (100%) rename RNTester/js/{ => examples/Animated}/AnimatedGratuitousApp/AnExChained.js (93%) rename RNTester/js/{ => examples/Animated}/AnimatedGratuitousApp/AnExScroll.js (100%) rename RNTester/js/{ => examples/Animated}/AnimatedGratuitousApp/AnExSet.js (100%) rename RNTester/js/{ => examples/Animated}/AnimatedGratuitousApp/AnExSlides.md (100%) rename RNTester/js/{ => examples/Animated}/AnimatedGratuitousApp/AnExTilt.js (98%) rename RNTester/js/{ => examples/AppState}/AppStateExample.js (100%) rename RNTester/js/{ => examples/AsyncStorage}/AsyncStorageExample.js (100%) rename RNTester/js/{ => examples/Border}/BorderExample.js (100%) rename RNTester/js/{ => examples/BoxShadow}/BoxShadowExample.js (97%) rename RNTester/js/{ => examples/Button}/ButtonExample.js (100%) rename RNTester/js/{ => examples/CheckBox}/CheckBoxExample.js (100%) rename RNTester/js/{ => examples/Clipboard}/ClipboardExample.js (100%) rename RNTester/js/{ => examples/Crash}/CrashExample.js (100%) rename RNTester/js/{ => examples/DatePicker}/DatePickerAndroidExample.js (97%) rename RNTester/js/{ => examples/DatePicker}/DatePickerIOSExample.js (100%) rename RNTester/js/{ => examples/Dimensions}/DimensionsExample.js (100%) rename RNTester/js/{ => examples/FlatList}/FlatListExample.js (96%) rename RNTester/js/{ => examples/Image}/ImageCapInsetsExample.js (95%) rename RNTester/js/{ => examples/Image}/ImageExample.js (96%) rename RNTester/js/{ => examples/InputAccessoryView}/InputAccessoryViewExample.js (100%) rename RNTester/js/{ => examples/KeyboardAvoidingView}/KeyboardAvoidingViewExample.js (95%) rename RNTester/js/{ => examples/Layout}/LayoutAnimationExample.js (100%) rename RNTester/js/{ => examples/Layout}/LayoutEventsExample.js (98%) rename RNTester/js/{ => examples/Layout}/LayoutExample.js (97%) rename RNTester/js/{ => examples/Linking}/LinkingExample.js (97%) rename RNTester/js/{ => examples/MaskedView}/MaskedViewExample.js (98%) rename RNTester/js/{ => examples/Modal}/ModalExample.js (100%) rename RNTester/js/{ => examples/MultiColumn}/MultiColumnExample.js (96%) rename RNTester/js/{ => examples/NativeAnimation}/NativeAnimationsExample.js (98%) rename RNTester/js/{ => examples/NewAppScreen}/NewAppScreenExample.js (97%) rename RNTester/js/{ => examples/OrientationChange}/OrientationChangeExample.js (93%) rename RNTester/js/{ => examples/PanResponder}/PanResponderExample.js (96%) rename RNTester/js/{PermissionsExampleAndroid.android.js => examples/PermissionsAndroid/PermissionsExample.js} (100%) rename RNTester/js/{ => examples/Picker}/PickerExample.js (100%) rename RNTester/js/{ => examples/Picker}/PickerIOSExample.js (100%) rename RNTester/js/{ => examples/PointerEvents}/PointerEventsExample.js (100%) rename RNTester/js/{ => examples/ProgressBarAndroid}/ProgressBarAndroidExample.android.js (91%) rename RNTester/js/{ => examples/ProgressViewIOS}/ProgressViewIOSExample.js (100%) rename RNTester/js/{ => examples/PushNotificationIOS}/PushNotificationIOSExample.js (100%) rename RNTester/js/{ => examples/RCTRootView}/RCTRootViewIOSExample.js (100%) rename RNTester/js/{ => examples/RTL}/RTLExample.js (98%) rename RNTester/js/{ => examples/RefreshControl}/RefreshControlExample.js (100%) rename RNTester/js/{ => examples/RootViewSizeFlexibilityExample}/RootViewSizeFlexibilityExampleApp.js (100%) rename RNTester/js/{ => examples/SafeAreaView}/SafeAreaViewExample.js (100%) rename RNTester/js/{ => examples/ScrollView}/ScrollViewExample.js (99%) rename RNTester/js/{ => examples/ScrollView}/ScrollViewSimpleExample.js (100%) rename RNTester/js/{ => examples/SectionList}/SectionListExample.js (97%) rename RNTester/js/{ => examples/SegmentedControlIOS}/SegmentedControlIOSExample.js (100%) rename RNTester/js/{ => examples/SetPropertiesExample}/SetPropertiesExampleApp.js (100%) rename RNTester/js/{ => examples/Share}/ShareExample.js (100%) rename RNTester/js/{ => examples/Slider}/SliderExample.js (90%) rename RNTester/js/{ => examples/Snapshot}/SnapshotExample.js (100%) rename RNTester/js/{ => examples/Snapshot}/SnapshotViewIOS.android.js (68%) rename RNTester/js/{ => examples/Snapshot}/SnapshotViewIOS.ios.js (87%) rename RNTester/js/{ => examples/StatusBar}/StatusBarExample.js (100%) rename RNTester/js/{ => examples/Switch}/SwitchExample.js (100%) rename RNTester/js/{ => examples/TVEventHandler}/TVEventHandlerExample.js (100%) rename RNTester/js/{ => examples/Text}/TextExample.android.js (98%) rename RNTester/js/{ => examples/Text}/TextExample.ios.js (99%) rename RNTester/js/{ => examples/TextInput}/TextInputExample.android.js (100%) rename RNTester/js/{ => examples/TextInput}/TextInputExample.ios.js (100%) rename RNTester/js/{ => examples/TimePicker}/TimePickerAndroidExample.js (96%) rename RNTester/js/{ => examples/Timer}/TimerExample.js (99%) rename RNTester/js/{ => examples/ToastAndroid}/ToastAndroidExample.android.js (96%) rename RNTester/js/{ => examples/Touchable}/TouchableExample.js (100%) rename RNTester/js/{ => examples/Transform}/TransformExample.js (100%) rename RNTester/js/{ => examples/TransparentHitTest}/TransparentHitTestExample.js (100%) rename RNTester/js/{ => examples/TurboModule}/SampleTurboModuleExample.js (97%) rename RNTester/js/{ => examples/TurboModule}/TurboModuleExample.js (100%) rename RNTester/js/{ => examples/Vibration}/VibrationExample.js (100%) rename RNTester/js/{ => examples/View}/ViewExample.js (100%) rename RNTester/js/{ => examples/ViewPagerAndroid}/ViewPagerAndroidExample.android.js (98%) rename RNTester/js/{ => examples/WebSocket}/WebSocketExample.js (98%) rename RNTester/js/{ => examples/WebSocket}/http_test_server.js (100%) rename RNTester/js/{ => examples/WebSocket}/websocket_test_server.js (100%) rename RNTester/js/{ => examples/XHR}/XHRExample.js (100%) rename RNTester/js/{ => examples/XHR}/XHRExampleAbortController.js (100%) rename RNTester/js/{ => examples/XHR}/XHRExampleBinaryUpload.js (100%) rename RNTester/js/{ => examples/XHR}/XHRExampleDownload.js (100%) rename RNTester/js/{ => examples/XHR}/XHRExampleFetch.js (100%) rename RNTester/js/{ => examples/XHR}/XHRExampleHeaders.js (100%) rename RNTester/js/{ => examples/XHR}/XHRExampleOnTimeOut.js (100%) rename RNTester/js/{Shared => types}/RNTesterTypes.js (100%) rename RNTester/js/{ => utils}/RNTesterActions.js (100%) rename RNTester/js/{ => utils}/RNTesterList.android.js (51%) rename RNTester/js/{ => utils}/RNTesterList.ios.js (52%) rename RNTester/js/{ => utils}/RNTesterNavigationReducer.js (100%) rename RNTester/js/{ => utils}/RNTesterStatePersister.js (100%) rename RNTester/js/{ => utils}/URIActionMap.js (100%) diff --git a/.gitignore b/.gitignore index a70af1fa1ef..361ac1a7a01 100644 --- a/.gitignore +++ b/.gitignore @@ -73,3 +73,4 @@ RNTester/build # CocoaPods /template/ios/Pods/ /template/ios/Podfile.lock +RNTester/RNTesterPods.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist diff --git a/RNTester/js/AssetScaledImageExample.js b/RNTester/js/AssetScaledImageExample.js deleted file mode 100644 index c066badad97..00000000000 --- a/RNTester/js/AssetScaledImageExample.js +++ /dev/null @@ -1,113 +0,0 @@ -/** - * Copyright (c) Facebook, Inc. and its affiliates. - * - * This source code is licensed under the MIT license found in the - * LICENSE file in the root directory of this source tree. - * - * @format - * @flow strict-local - */ - -'use strict'; - -const React = require('react'); -const {Image, StyleSheet, View, ScrollView} = require('react-native'); - -type PhotoIdentifier = { - node: { - type: string, - group_name: string, - image: { - filename: string, - uri: string, - height: number, - width: number, - isStored?: boolean, - playableDuration: number, - }, - timestamp: number, - location?: { - latitude?: number, - longitude?: number, - altitude?: number, - heading?: number, - speed?: number, - }, - }, -}; - -type Props = $ReadOnly<{| - asset: PhotoIdentifier, -|}>; - -type State = {| - asset: PhotoIdentifier, -|}; - -class AssetScaledImageExample extends React.Component { - state = { - asset: this.props.asset, - }; - - render() { - const image = this.state.asset.node.image; - return ( - - - - - - - - - - - - - - - ); - } -} - -const styles = StyleSheet.create({ - row: { - padding: 5, - flex: 1, - flexDirection: 'row', - alignSelf: 'center', - }, - imageWide: { - borderWidth: 1, - borderColor: 'black', - width: 320, - height: 240, - margin: 5, - }, - imageThumb: { - borderWidth: 1, - borderColor: 'black', - width: 100, - height: 100, - margin: 5, - }, - imageT1: { - borderWidth: 1, - borderColor: 'black', - width: 212, - height: 320, - margin: 5, - }, - imageT2: { - borderWidth: 1, - borderColor: 'black', - width: 100, - height: 320, - margin: 5, - }, -}); - -exports.title = ''; -exports.description = - 'Example component that displays the automatic scaling capabilities of the tag'; -module.exports = AssetScaledImageExample; diff --git a/RNTester/js/RNTesterApp.android.js b/RNTester/js/RNTesterApp.android.js index e8085c2922d..b87a9198b27 100644 --- a/RNTester/js/RNTesterApp.android.js +++ b/RNTester/js/RNTesterApp.android.js @@ -26,18 +26,18 @@ const { UIManager, View, } = require('react-native'); -const RNTesterActions = require('./RNTesterActions'); -const RNTesterExampleContainer = require('./RNTesterExampleContainer'); -const RNTesterExampleList = require('./RNTesterExampleList'); +const RNTesterActions = require('./utils/RNTesterActions'); +const RNTesterExampleContainer = require('./components/RNTesterExampleContainer'); +const RNTesterExampleList = require('./components/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 URIActionMap = require('./URIActionMap'); +const RNTesterList = require('./utils/RNTesterList'); +const RNTesterNavigationReducer = require('./utils/RNTesterNavigationReducer'); +const URIActionMap = require('./utils/URIActionMap'); const nativeImageSource = require('../../Libraries/Image/nativeImageSource'); -import type {RNTesterNavigationState} from './RNTesterNavigationReducer'; +import type {RNTesterNavigationState} from './utils/RNTesterNavigationReducer'; UIManager.setLayoutAnimationEnabledExperimental(true); diff --git a/RNTester/js/RNTesterApp.ios.js b/RNTester/js/RNTesterApp.ios.js index 411e352bd23..9645166d7b1 100644 --- a/RNTester/js/RNTesterApp.ios.js +++ b/RNTester/js/RNTesterApp.ios.js @@ -23,17 +23,17 @@ const { View, YellowBox, } = require('react-native'); -const RNTesterActions = require('./RNTesterActions'); -const RNTesterExampleContainer = require('./RNTesterExampleContainer'); -const RNTesterExampleList = require('./RNTesterExampleList'); -const RNTesterList = require('./RNTesterList.ios'); -const RNTesterNavigationReducer = require('./RNTesterNavigationReducer'); -const SnapshotViewIOS = require('./SnapshotViewIOS.ios'); -const URIActionMap = require('./URIActionMap'); +const RNTesterActions = require('./utils/RNTesterActions'); +const RNTesterExampleContainer = require('./components/RNTesterExampleContainer'); +const RNTesterExampleList = require('./components/RNTesterExampleList'); +const RNTesterList = require('./utils/RNTesterList.ios'); +const RNTesterNavigationReducer = require('./utils/RNTesterNavigationReducer'); +const SnapshotViewIOS = require('./examples/Snapshot/SnapshotViewIOS.ios'); +const URIActionMap = require('./utils/URIActionMap'); -import type {RNTesterExample} from './Shared/RNTesterTypes'; -import type {RNTesterAction} from './RNTesterActions'; -import type {RNTesterNavigationState} from './RNTesterNavigationReducer'; +import type {RNTesterExample} from './types/RNTesterTypes'; +import type {RNTesterAction} from './utils/RNTesterActions'; +import type {RNTesterNavigationState} from './utils/RNTesterNavigationReducer'; type Props = { exampleFromAppetizeParams: string, @@ -168,10 +168,10 @@ const styles = StyleSheet.create({ }); AppRegistry.registerComponent('SetPropertiesExampleApp', () => - require('./SetPropertiesExampleApp'), + require('./examples/SetPropertiesExample/SetPropertiesExampleApp'), ); AppRegistry.registerComponent('RootViewSizeFlexibilityExampleApp', () => - require('./RootViewSizeFlexibilityExampleApp'), + require('./examples/RootViewSizeFlexibilityExample/RootViewSizeFlexibilityExampleApp'), ); AppRegistry.registerComponent('RNTesterApp', () => RNTesterApp); diff --git a/RNTester/js/Thumbnails/bandaged.png b/RNTester/js/assets/bandaged.png similarity index 100% rename from RNTester/js/Thumbnails/bandaged.png rename to RNTester/js/assets/bandaged.png diff --git a/RNTester/js/bunny.png b/RNTester/js/assets/bunny.png similarity index 100% rename from RNTester/js/bunny.png rename to RNTester/js/assets/bunny.png diff --git a/RNTester/js/Thumbnails/call.png b/RNTester/js/assets/call.png similarity index 100% rename from RNTester/js/Thumbnails/call.png rename to RNTester/js/assets/call.png diff --git a/RNTester/js/Thumbnails/dislike.png b/RNTester/js/assets/dislike.png similarity index 100% rename from RNTester/js/Thumbnails/dislike.png rename to RNTester/js/assets/dislike.png diff --git a/RNTester/js/Thumbnails/fist.png b/RNTester/js/assets/fist.png similarity index 100% rename from RNTester/js/Thumbnails/fist.png rename to RNTester/js/assets/fist.png diff --git a/RNTester/js/Thumbnails/flowers.png b/RNTester/js/assets/flowers.png similarity index 100% rename from RNTester/js/Thumbnails/flowers.png rename to RNTester/js/assets/flowers.png diff --git a/RNTester/js/flux@3x.png b/RNTester/js/assets/flux@3x.png similarity index 100% rename from RNTester/js/flux@3x.png rename to RNTester/js/assets/flux@3x.png diff --git a/RNTester/js/hawk.png b/RNTester/js/assets/hawk.png similarity index 100% rename from RNTester/js/hawk.png rename to RNTester/js/assets/hawk.png diff --git a/RNTester/js/Thumbnails/heart.png b/RNTester/js/assets/heart.png similarity index 100% rename from RNTester/js/Thumbnails/heart.png rename to RNTester/js/assets/heart.png diff --git a/RNTester/js/helloworld.html b/RNTester/js/assets/helloworld.html similarity index 100% rename from RNTester/js/helloworld.html rename to RNTester/js/assets/helloworld.html diff --git a/RNTester/js/imageMask.png b/RNTester/js/assets/imageMask.png similarity index 100% rename from RNTester/js/imageMask.png rename to RNTester/js/assets/imageMask.png diff --git a/RNTester/js/Thumbnails/like.png b/RNTester/js/assets/like.png similarity index 100% rename from RNTester/js/Thumbnails/like.png rename to RNTester/js/assets/like.png diff --git a/RNTester/js/Thumbnails/liking.png b/RNTester/js/assets/liking.png similarity index 100% rename from RNTester/js/Thumbnails/liking.png rename to RNTester/js/assets/liking.png diff --git a/RNTester/js/messagingtest.html b/RNTester/js/assets/messagingtest.html similarity index 100% rename from RNTester/js/messagingtest.html rename to RNTester/js/assets/messagingtest.html diff --git a/RNTester/js/Thumbnails/party.png b/RNTester/js/assets/party.png similarity index 100% rename from RNTester/js/Thumbnails/party.png rename to RNTester/js/assets/party.png diff --git a/RNTester/js/Thumbnails/poke.png b/RNTester/js/assets/poke.png similarity index 100% rename from RNTester/js/Thumbnails/poke.png rename to RNTester/js/assets/poke.png diff --git a/RNTester/js/relay@3x.png b/RNTester/js/assets/relay@3x.png similarity index 100% rename from RNTester/js/relay@3x.png rename to RNTester/js/assets/relay@3x.png diff --git a/RNTester/js/slider-left.png b/RNTester/js/assets/slider-left.png similarity index 100% rename from RNTester/js/slider-left.png rename to RNTester/js/assets/slider-left.png diff --git a/RNTester/js/slider-left@2x.png b/RNTester/js/assets/slider-left@2x.png similarity index 100% rename from RNTester/js/slider-left@2x.png rename to RNTester/js/assets/slider-left@2x.png diff --git a/RNTester/js/slider-right.png b/RNTester/js/assets/slider-right.png similarity index 100% rename from RNTester/js/slider-right.png rename to RNTester/js/assets/slider-right.png diff --git a/RNTester/js/slider-right@2x.png b/RNTester/js/assets/slider-right@2x.png similarity index 100% rename from RNTester/js/slider-right@2x.png rename to RNTester/js/assets/slider-right@2x.png diff --git a/RNTester/js/slider.png b/RNTester/js/assets/slider.png similarity index 100% rename from RNTester/js/slider.png rename to RNTester/js/assets/slider.png diff --git a/RNTester/js/slider@2x.png b/RNTester/js/assets/slider@2x.png similarity index 100% rename from RNTester/js/slider@2x.png rename to RNTester/js/assets/slider@2x.png diff --git a/RNTester/js/Thumbnails/superlike.png b/RNTester/js/assets/superlike.png similarity index 100% rename from RNTester/js/Thumbnails/superlike.png rename to RNTester/js/assets/superlike.png diff --git a/RNTester/js/AnimatedGratuitousApp/trees.jpg b/RNTester/js/assets/trees.jpg similarity index 100% rename from RNTester/js/AnimatedGratuitousApp/trees.jpg rename to RNTester/js/assets/trees.jpg diff --git a/RNTester/js/tumblr_mfqekpMktw1rn90umo1_500.gif b/RNTester/js/assets/tumblr_mfqekpMktw1rn90umo1_500.gif similarity index 100% rename from RNTester/js/tumblr_mfqekpMktw1rn90umo1_500.gif rename to RNTester/js/assets/tumblr_mfqekpMktw1rn90umo1_500.gif diff --git a/RNTester/js/uie_comment_highlighted@2x.png b/RNTester/js/assets/uie_comment_highlighted@2x.png similarity index 100% rename from RNTester/js/uie_comment_highlighted@2x.png rename to RNTester/js/assets/uie_comment_highlighted@2x.png diff --git a/RNTester/js/uie_comment_normal@2x.png b/RNTester/js/assets/uie_comment_normal@2x.png similarity index 100% rename from RNTester/js/uie_comment_normal@2x.png rename to RNTester/js/assets/uie_comment_normal@2x.png diff --git a/RNTester/js/uie_thumb_big.png b/RNTester/js/assets/uie_thumb_big.png similarity index 100% rename from RNTester/js/uie_thumb_big.png rename to RNTester/js/assets/uie_thumb_big.png diff --git a/RNTester/js/uie_thumb_normal@2x.png b/RNTester/js/assets/uie_thumb_normal@2x.png similarity index 100% rename from RNTester/js/uie_thumb_normal@2x.png rename to RNTester/js/assets/uie_thumb_normal@2x.png diff --git a/RNTester/js/uie_thumb_selected@2x.png b/RNTester/js/assets/uie_thumb_selected@2x.png similarity index 100% rename from RNTester/js/uie_thumb_selected@2x.png rename to RNTester/js/assets/uie_thumb_selected@2x.png diff --git a/RNTester/js/Thumbnails/victory.png b/RNTester/js/assets/victory.png similarity index 100% rename from RNTester/js/Thumbnails/victory.png rename to RNTester/js/assets/victory.png diff --git a/RNTester/js/ListExampleShared.js b/RNTester/js/components/ListExampleShared.js similarity index 94% rename from RNTester/js/ListExampleShared.js rename to RNTester/js/components/ListExampleShared.js index 03d2f822276..43e4f9424d9 100644 --- a/RNTester/js/ListExampleShared.js +++ b/RNTester/js/components/ListExampleShared.js @@ -181,18 +181,18 @@ class Spindicator extends React.PureComponent<$FlowFixMeProps> { } const THUMB_URLS = [ - require('./Thumbnails/like.png'), - require('./Thumbnails/dislike.png'), - require('./Thumbnails/call.png'), - require('./Thumbnails/fist.png'), - require('./Thumbnails/bandaged.png'), - require('./Thumbnails/flowers.png'), - require('./Thumbnails/heart.png'), - require('./Thumbnails/liking.png'), - require('./Thumbnails/party.png'), - require('./Thumbnails/poke.png'), - require('./Thumbnails/superlike.png'), - require('./Thumbnails/victory.png'), + require('../assets/like.png'), + require('../assets/dislike.png'), + require('../assets/call.png'), + require('../assets/fist.png'), + require('../assets/bandaged.png'), + require('../assets/flowers.png'), + require('../assets/heart.png'), + require('../assets/liking.png'), + require('../assets/party.png'), + require('../assets/poke.png'), + require('../assets/superlike.png'), + require('../assets/victory.png'), ]; const LOREM_IPSUM = diff --git a/RNTester/js/RNTesterBlock.js b/RNTester/js/components/RNTesterBlock.js similarity index 100% rename from RNTester/js/RNTesterBlock.js rename to RNTester/js/components/RNTesterBlock.js diff --git a/RNTester/js/RNTesterButton.js b/RNTester/js/components/RNTesterButton.js similarity index 93% rename from RNTester/js/RNTesterButton.js rename to RNTester/js/components/RNTesterButton.js index 398861a0be0..543d52c6e0a 100644 --- a/RNTester/js/RNTesterButton.js +++ b/RNTester/js/components/RNTesterButton.js @@ -13,7 +13,7 @@ const React = require('react'); const {StyleSheet, Text, TouchableHighlight} = require('react-native'); -import type {PressEvent} from '../../Libraries/Types/CoreEventTypes'; +import type {PressEvent} from '../../../Libraries/Types/CoreEventTypes'; type Props = $ReadOnly<{| children?: React.Node, diff --git a/RNTester/js/RNTesterExampleContainer.js b/RNTester/js/components/RNTesterExampleContainer.js similarity index 100% rename from RNTester/js/RNTesterExampleContainer.js rename to RNTester/js/components/RNTesterExampleContainer.js diff --git a/RNTester/js/RNTesterExampleFilter.js b/RNTester/js/components/RNTesterExampleFilter.js similarity index 100% rename from RNTester/js/RNTesterExampleFilter.js rename to RNTester/js/components/RNTesterExampleFilter.js diff --git a/RNTester/js/RNTesterExampleList.js b/RNTester/js/components/RNTesterExampleList.js similarity index 96% rename from RNTester/js/RNTesterExampleList.js rename to RNTester/js/components/RNTesterExampleList.js index 9082b7a05c6..c3fe40a7086 100644 --- a/RNTester/js/RNTesterExampleList.js +++ b/RNTester/js/components/RNTesterExampleList.js @@ -19,11 +19,11 @@ const { TouchableHighlight, View, } = require('react-native'); -const RNTesterActions = require('./RNTesterActions'); +const RNTesterActions = require('../utils/RNTesterActions'); const RNTesterExampleFilter = require('./RNTesterExampleFilter'); -import type {RNTesterExample} from './Shared/RNTesterTypes'; -import type {ViewStyleProp} from '../../Libraries/StyleSheet/StyleSheet'; +import type {RNTesterExample} from '../types/RNTesterTypes'; +import type {ViewStyleProp} from '../../../Libraries/StyleSheet/StyleSheet'; type Props = { onNavigate: Function, diff --git a/RNTester/js/RNTesterPage.js b/RNTester/js/components/RNTesterPage.js similarity index 100% rename from RNTester/js/RNTesterPage.js rename to RNTester/js/components/RNTesterPage.js diff --git a/RNTester/js/RNTesterSettingSwitchRow.js b/RNTester/js/components/RNTesterSettingSwitchRow.js similarity index 95% rename from RNTester/js/RNTesterSettingSwitchRow.js rename to RNTester/js/components/RNTesterSettingSwitchRow.js index 4667ed18081..983ff5f4fe0 100644 --- a/RNTester/js/RNTesterSettingSwitchRow.js +++ b/RNTester/js/components/RNTesterSettingSwitchRow.js @@ -12,7 +12,7 @@ const React = require('react'); const {StyleSheet, Switch, Text, View} = require('react-native'); -const RNTesterStatePersister = require('./RNTesterStatePersister'); +const RNTesterStatePersister = require('../utils/RNTesterStatePersister'); class RNTesterSettingSwitchRow extends React.Component< $FlowFixMeProps, diff --git a/RNTester/js/RNTesterTitle.js b/RNTester/js/components/RNTesterTitle.js similarity index 100% rename from RNTester/js/RNTesterTitle.js rename to RNTester/js/components/RNTesterTitle.js diff --git a/RNTester/js/Shared/TextInlineView.js b/RNTester/js/components/TextInlineView.js similarity index 98% rename from RNTester/js/Shared/TextInlineView.js rename to RNTester/js/components/TextInlineView.js index 9cb8e13aded..d69f5b10507 100644 --- a/RNTester/js/Shared/TextInlineView.js +++ b/RNTester/js/components/TextInlineView.js @@ -18,7 +18,8 @@ function Basic() { This text contains an inline blue view{' '} and - an inline image . Neat, huh? + an inline image . Neat, + huh? ); } diff --git a/RNTester/js/Shared/TextLegend.js b/RNTester/js/components/TextLegend.js similarity index 100% rename from RNTester/js/Shared/TextLegend.js rename to RNTester/js/components/TextLegend.js diff --git a/RNTester/js/createExamplePage.js b/RNTester/js/components/createExamplePage.js similarity index 91% rename from RNTester/js/createExamplePage.js rename to RNTester/js/components/createExamplePage.js index 1b70fe5a91e..05db48f0ad9 100644 --- a/RNTester/js/createExamplePage.js +++ b/RNTester/js/components/createExamplePage.js @@ -13,7 +13,7 @@ const React = require('react'); const RNTesterExampleContainer = require('./RNTesterExampleContainer'); -import type {RNTesterExample} from './Shared/RNTesterTypes'; +import type {RNTesterExample} from '../types/RNTesterTypes'; const createExamplePage = function( title: ?string, diff --git a/RNTester/js/ARTExample.js b/RNTester/js/examples/ART/ARTExample.js similarity index 100% rename from RNTester/js/ARTExample.js rename to RNTester/js/examples/ART/ARTExample.js diff --git a/RNTester/js/AccessibilityAndroidExample.android.js b/RNTester/js/examples/Accessibility/AccessibilityAndroidExample.android.js similarity index 97% rename from RNTester/js/AccessibilityAndroidExample.android.js rename to RNTester/js/examples/Accessibility/AccessibilityAndroidExample.android.js index a2a0a6cd6a1..d09389478b9 100644 --- a/RNTester/js/AccessibilityAndroidExample.android.js +++ b/RNTester/js/examples/Accessibility/AccessibilityAndroidExample.android.js @@ -17,8 +17,8 @@ const { TouchableWithoutFeedback, } = require('react-native'); -const RNTesterBlock = require('./RNTesterBlock'); -const RNTesterPage = require('./RNTesterPage'); +const RNTesterBlock = require('../../components/RNTesterBlock'); +const RNTesterPage = require('../../components/RNTesterPage'); const importantForAccessibilityValues = [ 'auto', diff --git a/RNTester/js/AccessibilityExample.js b/RNTester/js/examples/Accessibility/AccessibilityExample.js similarity index 99% rename from RNTester/js/AccessibilityExample.js rename to RNTester/js/examples/Accessibility/AccessibilityExample.js index a12602c5291..649279f0be9 100644 --- a/RNTester/js/AccessibilityExample.js +++ b/RNTester/js/examples/Accessibility/AccessibilityExample.js @@ -22,7 +22,7 @@ const { Platform, } = require('react-native'); -const RNTesterBlock = require('./RNTesterBlock'); +const RNTesterBlock = require('../../components/RNTesterBlock'); class AccessibilityExample extends React.Component { render() { diff --git a/RNTester/js/AccessibilityIOSExample.js b/RNTester/js/examples/Accessibility/AccessibilityIOSExample.js similarity index 96% rename from RNTester/js/AccessibilityIOSExample.js rename to RNTester/js/examples/Accessibility/AccessibilityIOSExample.js index 0bcabc91c1c..1ca8e44f54f 100644 --- a/RNTester/js/AccessibilityIOSExample.js +++ b/RNTester/js/examples/Accessibility/AccessibilityIOSExample.js @@ -13,7 +13,7 @@ const React = require('react'); const {Text, View, Alert} = require('react-native'); -const RNTesterBlock = require('./RNTesterBlock'); +const RNTesterBlock = require('../../components/RNTesterBlock'); type Props = $ReadOnly<{||}>; class AccessibilityIOSExample extends React.Component { diff --git a/RNTester/js/ActionSheetIOSExample.js b/RNTester/js/examples/ActionSheetIOS/ActionSheetIOSExample.js similarity index 100% rename from RNTester/js/ActionSheetIOSExample.js rename to RNTester/js/examples/ActionSheetIOS/ActionSheetIOSExample.js diff --git a/RNTester/js/ActivityIndicatorExample.js b/RNTester/js/examples/ActivityIndicator/ActivityIndicatorExample.js similarity index 100% rename from RNTester/js/ActivityIndicatorExample.js rename to RNTester/js/examples/ActivityIndicator/ActivityIndicatorExample.js diff --git a/RNTester/js/AlertExample.js b/RNTester/js/examples/Alert/AlertExample.js similarity index 98% rename from RNTester/js/AlertExample.js rename to RNTester/js/examples/Alert/AlertExample.js index 123dac52ed1..4e362a525f9 100644 --- a/RNTester/js/AlertExample.js +++ b/RNTester/js/examples/Alert/AlertExample.js @@ -18,7 +18,7 @@ const { View, } = require('react-native'); -const RNTesterBlock = require('./RNTesterBlock'); +const RNTesterBlock = require('../../components/RNTesterBlock'); // corporate ipsum > lorem ipsum const alertMessage = diff --git a/RNTester/js/AlertIOSExample.js b/RNTester/js/examples/Alert/AlertIOSExample.js similarity index 100% rename from RNTester/js/AlertIOSExample.js rename to RNTester/js/examples/Alert/AlertIOSExample.js diff --git a/RNTester/js/AnimatedExample.js b/RNTester/js/examples/Animated/AnimatedExample.js similarity index 98% rename from RNTester/js/AnimatedExample.js rename to RNTester/js/examples/Animated/AnimatedExample.js index 6513a346e53..409c4f00b08 100644 --- a/RNTester/js/AnimatedExample.js +++ b/RNTester/js/examples/Animated/AnimatedExample.js @@ -12,7 +12,7 @@ const React = require('react'); const {Animated, Easing, StyleSheet, Text, View} = require('react-native'); -const RNTesterButton = require('./RNTesterButton'); +const RNTesterButton = require('../../components/RNTesterButton'); const styles = StyleSheet.create({ content: { @@ -259,7 +259,7 @@ exports.examples = [ Press to Spin it! { }, ], }} - source={require('./trees.jpg')} + source={require('../../../assets/trees.jpg')} /> ); diff --git a/RNTester/js/AppStateExample.js b/RNTester/js/examples/AppState/AppStateExample.js similarity index 100% rename from RNTester/js/AppStateExample.js rename to RNTester/js/examples/AppState/AppStateExample.js diff --git a/RNTester/js/AsyncStorageExample.js b/RNTester/js/examples/AsyncStorage/AsyncStorageExample.js similarity index 100% rename from RNTester/js/AsyncStorageExample.js rename to RNTester/js/examples/AsyncStorage/AsyncStorageExample.js diff --git a/RNTester/js/BorderExample.js b/RNTester/js/examples/Border/BorderExample.js similarity index 100% rename from RNTester/js/BorderExample.js rename to RNTester/js/examples/Border/BorderExample.js diff --git a/RNTester/js/BoxShadowExample.js b/RNTester/js/examples/BoxShadow/BoxShadowExample.js similarity index 97% rename from RNTester/js/BoxShadowExample.js rename to RNTester/js/examples/BoxShadow/BoxShadowExample.js index b383da6a976..5801cf3f5ad 100644 --- a/RNTester/js/BoxShadowExample.js +++ b/RNTester/js/examples/BoxShadow/BoxShadowExample.js @@ -79,7 +79,7 @@ exports.examples = [ render() { return ( ); diff --git a/RNTester/js/ButtonExample.js b/RNTester/js/examples/Button/ButtonExample.js similarity index 100% rename from RNTester/js/ButtonExample.js rename to RNTester/js/examples/Button/ButtonExample.js diff --git a/RNTester/js/CheckBoxExample.js b/RNTester/js/examples/CheckBox/CheckBoxExample.js similarity index 100% rename from RNTester/js/CheckBoxExample.js rename to RNTester/js/examples/CheckBox/CheckBoxExample.js diff --git a/RNTester/js/ClipboardExample.js b/RNTester/js/examples/Clipboard/ClipboardExample.js similarity index 100% rename from RNTester/js/ClipboardExample.js rename to RNTester/js/examples/Clipboard/ClipboardExample.js diff --git a/RNTester/js/CrashExample.js b/RNTester/js/examples/Crash/CrashExample.js similarity index 100% rename from RNTester/js/CrashExample.js rename to RNTester/js/examples/Crash/CrashExample.js diff --git a/RNTester/js/DatePickerAndroidExample.js b/RNTester/js/examples/DatePicker/DatePickerAndroidExample.js similarity index 97% rename from RNTester/js/DatePickerAndroidExample.js rename to RNTester/js/examples/DatePicker/DatePickerAndroidExample.js index 23f16cb91be..e52037f5aeb 100644 --- a/RNTester/js/DatePickerAndroidExample.js +++ b/RNTester/js/examples/DatePicker/DatePickerAndroidExample.js @@ -17,8 +17,8 @@ const { TouchableWithoutFeedback, } = require('react-native'); -const RNTesterBlock = require('./RNTesterBlock'); -const RNTesterPage = require('./RNTesterPage'); +const RNTesterBlock = require('../../components/RNTesterBlock'); +const RNTesterPage = require('../../components/RNTesterPage'); type Props = $ReadOnly<{||}>; type State = {| diff --git a/RNTester/js/DatePickerIOSExample.js b/RNTester/js/examples/DatePicker/DatePickerIOSExample.js similarity index 100% rename from RNTester/js/DatePickerIOSExample.js rename to RNTester/js/examples/DatePicker/DatePickerIOSExample.js diff --git a/RNTester/js/DimensionsExample.js b/RNTester/js/examples/Dimensions/DimensionsExample.js similarity index 100% rename from RNTester/js/DimensionsExample.js rename to RNTester/js/examples/Dimensions/DimensionsExample.js diff --git a/RNTester/js/FlatListExample.js b/RNTester/js/examples/FlatList/FlatListExample.js similarity index 96% rename from RNTester/js/FlatListExample.js rename to RNTester/js/examples/FlatList/FlatListExample.js index 733f0737f0f..e62bce5c6e4 100644 --- a/RNTester/js/FlatListExample.js +++ b/RNTester/js/examples/FlatList/FlatListExample.js @@ -10,14 +10,14 @@ 'use strict'; -import type {Item} from './ListExampleShared'; +import type {Item} from '../../components/ListExampleShared'; const React = require('react'); const {Alert, Animated, StyleSheet, View} = require('react-native'); -const RNTesterPage = require('./RNTesterPage'); +const RNTesterPage = require('../../components/RNTesterPage'); -const infoLog = require('../../Libraries/Utilities/infoLog'); +const infoLog = require('../../../../Libraries/Utilities/infoLog'); const { FooterComponent, @@ -32,7 +32,7 @@ const { getItemLayout, pressItem, renderSmallSwitchOption, -} = require('./ListExampleShared'); +} = require('../../components/ListExampleShared'); const VIEWABILITY_CONFIG = { minimumViewTime: 3000, diff --git a/RNTester/js/ImageCapInsetsExample.js b/RNTester/js/examples/Image/ImageCapInsetsExample.js similarity index 95% rename from RNTester/js/ImageCapInsetsExample.js rename to RNTester/js/examples/Image/ImageCapInsetsExample.js index ca95d454e0e..4524e99c5e8 100644 --- a/RNTester/js/ImageCapInsetsExample.js +++ b/RNTester/js/examples/Image/ImageCapInsetsExample.js @@ -13,7 +13,7 @@ const React = require('react'); const ReactNative = require('react-native'); -const nativeImageSource = require('../../Libraries/Image/nativeImageSource'); +const nativeImageSource = require('../../../../Libraries/Image/nativeImageSource'); const {Image, StyleSheet, Text, View} = ReactNative; type Props = $ReadOnly<{||}>; diff --git a/RNTester/js/ImageExample.js b/RNTester/js/examples/Image/ImageExample.js similarity index 96% rename from RNTester/js/ImageExample.js rename to RNTester/js/examples/Image/ImageExample.js index 82cfc8b5c21..c3aaa8418ff 100644 --- a/RNTester/js/ImageExample.js +++ b/RNTester/js/examples/Image/ImageExample.js @@ -424,19 +424,19 @@ exports.examples = [ return ( @@ -490,7 +490,7 @@ exports.examples = [ render: function() { return ( ); }, diff --git a/RNTester/js/InputAccessoryViewExample.js b/RNTester/js/examples/InputAccessoryView/InputAccessoryViewExample.js similarity index 100% rename from RNTester/js/InputAccessoryViewExample.js rename to RNTester/js/examples/InputAccessoryView/InputAccessoryViewExample.js diff --git a/RNTester/js/KeyboardAvoidingViewExample.js b/RNTester/js/examples/KeyboardAvoidingView/KeyboardAvoidingViewExample.js similarity index 95% rename from RNTester/js/KeyboardAvoidingViewExample.js rename to RNTester/js/examples/KeyboardAvoidingView/KeyboardAvoidingViewExample.js index caa5401dc3e..0e07f955b14 100644 --- a/RNTester/js/KeyboardAvoidingViewExample.js +++ b/RNTester/js/examples/KeyboardAvoidingView/KeyboardAvoidingViewExample.js @@ -21,8 +21,8 @@ const { View, } = require('react-native'); -const RNTesterBlock = require('./RNTesterBlock'); -const RNTesterPage = require('./RNTesterPage'); +const RNTesterBlock = require('../../components/RNTesterBlock'); +const RNTesterPage = require('../../components/RNTesterPage'); type Props = $ReadOnly<{||}>; type State = {| diff --git a/RNTester/js/LayoutAnimationExample.js b/RNTester/js/examples/Layout/LayoutAnimationExample.js similarity index 100% rename from RNTester/js/LayoutAnimationExample.js rename to RNTester/js/examples/Layout/LayoutAnimationExample.js diff --git a/RNTester/js/LayoutEventsExample.js b/RNTester/js/examples/Layout/LayoutEventsExample.js similarity index 98% rename from RNTester/js/LayoutEventsExample.js rename to RNTester/js/examples/Layout/LayoutEventsExample.js index 74a285e25d9..b556c272d17 100644 --- a/RNTester/js/LayoutEventsExample.js +++ b/RNTester/js/examples/Layout/LayoutEventsExample.js @@ -22,7 +22,7 @@ const { import type { ViewLayout, ViewLayoutEvent, -} from '../../Libraries/Components/View/ViewPropTypes'; +} from '../../../../Libraries/Components/View/ViewPropTypes'; type Props = $ReadOnly<{||}>; type State = { diff --git a/RNTester/js/LayoutExample.js b/RNTester/js/examples/Layout/LayoutExample.js similarity index 97% rename from RNTester/js/LayoutExample.js rename to RNTester/js/examples/Layout/LayoutExample.js index 4d5f085207b..1d2050effcb 100644 --- a/RNTester/js/LayoutExample.js +++ b/RNTester/js/examples/Layout/LayoutExample.js @@ -13,8 +13,8 @@ const React = require('react'); const {StyleSheet, Text, View} = require('react-native'); -const RNTesterBlock = require('./RNTesterBlock'); -const RNTesterPage = require('./RNTesterPage'); +const RNTesterBlock = require('../../components/RNTesterBlock'); +const RNTesterPage = require('../../components/RNTesterPage'); class Circle extends React.Component<$FlowFixMeProps> { render() { diff --git a/RNTester/js/LinkingExample.js b/RNTester/js/examples/Linking/LinkingExample.js similarity index 97% rename from RNTester/js/LinkingExample.js rename to RNTester/js/examples/Linking/LinkingExample.js index 32ae2bc990e..df63aadce14 100644 --- a/RNTester/js/LinkingExample.js +++ b/RNTester/js/examples/Linking/LinkingExample.js @@ -20,7 +20,7 @@ const { View, } = require('react-native'); -const RNTesterBlock = require('./RNTesterBlock'); +const RNTesterBlock = require('../../components/RNTesterBlock'); type Props = $ReadOnly<{| url?: ?string, diff --git a/RNTester/js/MaskedViewExample.js b/RNTester/js/examples/MaskedView/MaskedViewExample.js similarity index 98% rename from RNTester/js/MaskedViewExample.js rename to RNTester/js/examples/MaskedView/MaskedViewExample.js index 238a22c7d9a..22dd6e1aaa5 100644 --- a/RNTester/js/MaskedViewExample.js +++ b/RNTester/js/examples/MaskedView/MaskedViewExample.js @@ -198,7 +198,7 @@ exports.examples = [ }> diff --git a/RNTester/js/ModalExample.js b/RNTester/js/examples/Modal/ModalExample.js similarity index 100% rename from RNTester/js/ModalExample.js rename to RNTester/js/examples/Modal/ModalExample.js diff --git a/RNTester/js/MultiColumnExample.js b/RNTester/js/examples/MultiColumn/MultiColumnExample.js similarity index 96% rename from RNTester/js/MultiColumnExample.js rename to RNTester/js/examples/MultiColumn/MultiColumnExample.js index 435e2d465a9..f79ea22a069 100644 --- a/RNTester/js/MultiColumnExample.js +++ b/RNTester/js/examples/MultiColumn/MultiColumnExample.js @@ -13,9 +13,9 @@ const React = require('react'); const {FlatList, StyleSheet, Text, View, Alert} = require('react-native'); -const RNTesterPage = require('./RNTesterPage'); +const RNTesterPage = require('../../components/RNTesterPage'); -const infoLog = require('../../Libraries/Utilities/infoLog'); +const infoLog = require('../../../../Libraries/Utilities/infoLog'); const { FooterComponent, @@ -27,7 +27,7 @@ const { getItemLayout, pressItem, renderSmallSwitchOption, -} = require('./ListExampleShared'); +} = require('../../components/ListExampleShared'); class MultiColumnExample extends React.PureComponent< $FlowFixMeProps, diff --git a/RNTester/js/NativeAnimationsExample.js b/RNTester/js/examples/NativeAnimation/NativeAnimationsExample.js similarity index 98% rename from RNTester/js/NativeAnimationsExample.js rename to RNTester/js/examples/NativeAnimation/NativeAnimationsExample.js index 41c229c15e0..2e1fcd22b78 100644 --- a/RNTester/js/NativeAnimationsExample.js +++ b/RNTester/js/examples/NativeAnimation/NativeAnimationsExample.js @@ -154,7 +154,7 @@ class LoopExample extends React.Component<{}, $FlowFixMeState> { } } -const RNTesterSettingSwitchRow = require('./RNTesterSettingSwitchRow'); +const RNTesterSettingSwitchRow = require('../../components/RNTesterSettingSwitchRow'); class InternalSettings extends React.Component< {}, {busyTime: number | string, filteredStall: number}, @@ -187,11 +187,13 @@ class InternalSettings extends React.Component< initialValue={false} label="Track JS Stalls" onEnable={() => { - require('../../Libraries/Interaction/JSEventLoopWatchdog').install({ - thresholdMS: 25, - }); + require('../../../../Libraries/Interaction/JSEventLoopWatchdog').install( + { + thresholdMS: 25, + }, + ); this.setState({busyTime: ''}); - require('../../Libraries/Interaction/JSEventLoopWatchdog').addHandler( + require('../../../../Libraries/Interaction/JSEventLoopWatchdog').addHandler( { onStall: ({busyTime}) => this.setState(state => ({ diff --git a/RNTester/js/NewAppScreenExample.js b/RNTester/js/examples/NewAppScreen/NewAppScreenExample.js similarity index 97% rename from RNTester/js/NewAppScreenExample.js rename to RNTester/js/examples/NewAppScreen/NewAppScreenExample.js index 0b75f826f43..8136f601f4a 100644 --- a/RNTester/js/NewAppScreenExample.js +++ b/RNTester/js/examples/NewAppScreen/NewAppScreenExample.js @@ -18,7 +18,7 @@ const { Colors, DebugInstructions, ReloadInstructions, -} = require('../../Libraries/NewAppScreen'); +} = require('../../../../Libraries/NewAppScreen'); exports.title = 'New App Screen'; exports.description = 'Displays the content of the new app screen'; diff --git a/RNTester/js/OrientationChangeExample.js b/RNTester/js/examples/OrientationChange/OrientationChangeExample.js similarity index 93% rename from RNTester/js/OrientationChangeExample.js rename to RNTester/js/examples/OrientationChange/OrientationChangeExample.js index ceb4fdc436a..509ab84b0dc 100644 --- a/RNTester/js/OrientationChangeExample.js +++ b/RNTester/js/examples/OrientationChange/OrientationChangeExample.js @@ -13,7 +13,7 @@ const React = require('react'); const {DeviceEventEmitter, Text, View} = require('react-native'); -import type EmitterSubscription from '../../Libraries/vendor/emitter/EmitterSubscription'; +import type EmitterSubscription from '../../../../Libraries/vendor/emitter/EmitterSubscription'; class OrientationChangeExample extends React.Component<{}, $FlowFixMeState> { _orientationSubscription: EmitterSubscription; diff --git a/RNTester/js/PanResponderExample.js b/RNTester/js/examples/PanResponder/PanResponderExample.js similarity index 96% rename from RNTester/js/PanResponderExample.js rename to RNTester/js/examples/PanResponder/PanResponderExample.js index fddb5631e9e..3526dbb8cf6 100644 --- a/RNTester/js/PanResponderExample.js +++ b/RNTester/js/examples/PanResponder/PanResponderExample.js @@ -16,8 +16,8 @@ const {PanResponder, StyleSheet, View} = require('react-native'); import type { PanResponderInstance, GestureState, -} from '../../Libraries/Interaction/PanResponder'; -import type {PressEvent} from '../../Libraries/Types/CoreEventTypes'; +} from '../../../../Libraries/Interaction/PanResponder'; +import type {PressEvent} from '../../../../Libraries/Types/CoreEventTypes'; type CircleStyles = { backgroundColor?: string, diff --git a/RNTester/js/PermissionsExampleAndroid.android.js b/RNTester/js/examples/PermissionsAndroid/PermissionsExample.js similarity index 100% rename from RNTester/js/PermissionsExampleAndroid.android.js rename to RNTester/js/examples/PermissionsAndroid/PermissionsExample.js diff --git a/RNTester/js/PickerExample.js b/RNTester/js/examples/Picker/PickerExample.js similarity index 100% rename from RNTester/js/PickerExample.js rename to RNTester/js/examples/Picker/PickerExample.js diff --git a/RNTester/js/PickerIOSExample.js b/RNTester/js/examples/Picker/PickerIOSExample.js similarity index 100% rename from RNTester/js/PickerIOSExample.js rename to RNTester/js/examples/Picker/PickerIOSExample.js diff --git a/RNTester/js/PointerEventsExample.js b/RNTester/js/examples/PointerEvents/PointerEventsExample.js similarity index 100% rename from RNTester/js/PointerEventsExample.js rename to RNTester/js/examples/PointerEvents/PointerEventsExample.js diff --git a/RNTester/js/ProgressBarAndroidExample.android.js b/RNTester/js/examples/ProgressBarAndroid/ProgressBarAndroidExample.android.js similarity index 91% rename from RNTester/js/ProgressBarAndroidExample.android.js rename to RNTester/js/examples/ProgressBarAndroid/ProgressBarAndroidExample.android.js index 29050e9f010..86a6bd662c5 100644 --- a/RNTester/js/ProgressBarAndroidExample.android.js +++ b/RNTester/js/examples/ProgressBarAndroid/ProgressBarAndroidExample.android.js @@ -12,10 +12,10 @@ const React = require('react'); const {ProgressBarAndroid: ProgressBar} = require('react-native'); -const RNTesterBlock = require('./RNTesterBlock'); -const RNTesterPage = require('./RNTesterPage'); +const RNTesterBlock = require('../../components/RNTesterBlock'); +const RNTesterPage = require('../../components/RNTesterPage'); -import type {ProgressBarAndroidProps} from '../../Libraries/Components/ProgressBarAndroid/ProgressBarAndroid'; +import type {ProgressBarAndroidProps} from '../../../../Libraries/Components/ProgressBarAndroid/ProgressBarAndroid'; type MovingBarProps = $ReadOnly<{| ...$Diff< diff --git a/RNTester/js/ProgressViewIOSExample.js b/RNTester/js/examples/ProgressViewIOS/ProgressViewIOSExample.js similarity index 100% rename from RNTester/js/ProgressViewIOSExample.js rename to RNTester/js/examples/ProgressViewIOS/ProgressViewIOSExample.js diff --git a/RNTester/js/PushNotificationIOSExample.js b/RNTester/js/examples/PushNotificationIOS/PushNotificationIOSExample.js similarity index 100% rename from RNTester/js/PushNotificationIOSExample.js rename to RNTester/js/examples/PushNotificationIOS/PushNotificationIOSExample.js diff --git a/RNTester/js/RCTRootViewIOSExample.js b/RNTester/js/examples/RCTRootView/RCTRootViewIOSExample.js similarity index 100% rename from RNTester/js/RCTRootViewIOSExample.js rename to RNTester/js/examples/RCTRootView/RCTRootViewIOSExample.js diff --git a/RNTester/js/RTLExample.js b/RNTester/js/examples/RTL/RTLExample.js similarity index 98% rename from RNTester/js/RTLExample.js rename to RNTester/js/examples/RTL/RTLExample.js index 38462ee5bfa..fe26776e526 100644 --- a/RNTester/js/RTLExample.js +++ b/RNTester/js/examples/RTL/RTLExample.js @@ -99,7 +99,7 @@ const IconsExample = withRTLState(({isRTL, setRTL}) => { @@ -108,7 +108,7 @@ const IconsExample = withRTLState(({isRTL, setRTL}) => { @@ -126,7 +126,7 @@ function AnimationBlock(props) { @@ -219,8 +219,8 @@ const SimpleListItemExample = withRTLState(({isRTL, setRTL}) => { - - + + ); diff --git a/RNTester/js/RefreshControlExample.js b/RNTester/js/examples/RefreshControl/RefreshControlExample.js similarity index 100% rename from RNTester/js/RefreshControlExample.js rename to RNTester/js/examples/RefreshControl/RefreshControlExample.js diff --git a/RNTester/js/RootViewSizeFlexibilityExampleApp.js b/RNTester/js/examples/RootViewSizeFlexibilityExample/RootViewSizeFlexibilityExampleApp.js similarity index 100% rename from RNTester/js/RootViewSizeFlexibilityExampleApp.js rename to RNTester/js/examples/RootViewSizeFlexibilityExample/RootViewSizeFlexibilityExampleApp.js diff --git a/RNTester/js/SafeAreaViewExample.js b/RNTester/js/examples/SafeAreaView/SafeAreaViewExample.js similarity index 100% rename from RNTester/js/SafeAreaViewExample.js rename to RNTester/js/examples/SafeAreaView/SafeAreaViewExample.js diff --git a/RNTester/js/ScrollViewExample.js b/RNTester/js/examples/ScrollView/ScrollViewExample.js similarity index 99% rename from RNTester/js/ScrollViewExample.js rename to RNTester/js/examples/ScrollView/ScrollViewExample.js index c6c28afb1e2..8b975df5172 100644 --- a/RNTester/js/ScrollViewExample.js +++ b/RNTester/js/examples/ScrollView/ScrollViewExample.js @@ -19,7 +19,7 @@ const { View, } = require('react-native'); -import type {ViewStyleProp} from '../../Libraries/StyleSheet/StyleSheet'; +import type {ViewStyleProp} from '../../../../Libraries/StyleSheet/StyleSheet'; exports.displayName = 'ScrollViewExample'; exports.title = ''; diff --git a/RNTester/js/ScrollViewSimpleExample.js b/RNTester/js/examples/ScrollView/ScrollViewSimpleExample.js similarity index 100% rename from RNTester/js/ScrollViewSimpleExample.js rename to RNTester/js/examples/ScrollView/ScrollViewSimpleExample.js diff --git a/RNTester/js/SectionListExample.js b/RNTester/js/examples/SectionList/SectionListExample.js similarity index 97% rename from RNTester/js/SectionListExample.js rename to RNTester/js/examples/SectionList/SectionListExample.js index 11c49aa8e4f..76e131f5c97 100644 --- a/RNTester/js/SectionListExample.js +++ b/RNTester/js/examples/SectionList/SectionListExample.js @@ -20,9 +20,9 @@ const { View, } = require('react-native'); -const RNTesterPage = require('./RNTesterPage'); +const RNTesterPage = require('../../components/RNTesterPage'); -const infoLog = require('../../Libraries/Utilities/infoLog'); +const infoLog = require('../../../../Libraries/Utilities/infoLog'); const { HeaderComponent, @@ -35,7 +35,7 @@ const { pressItem, renderSmallSwitchOption, renderStackedItem, -} = require('./ListExampleShared'); +} = require('../../components/ListExampleShared'); const VIEWABILITY_CONFIG = { minimumViewTime: 3000, diff --git a/RNTester/js/SegmentedControlIOSExample.js b/RNTester/js/examples/SegmentedControlIOS/SegmentedControlIOSExample.js similarity index 100% rename from RNTester/js/SegmentedControlIOSExample.js rename to RNTester/js/examples/SegmentedControlIOS/SegmentedControlIOSExample.js diff --git a/RNTester/js/SetPropertiesExampleApp.js b/RNTester/js/examples/SetPropertiesExample/SetPropertiesExampleApp.js similarity index 100% rename from RNTester/js/SetPropertiesExampleApp.js rename to RNTester/js/examples/SetPropertiesExample/SetPropertiesExampleApp.js diff --git a/RNTester/js/ShareExample.js b/RNTester/js/examples/Share/ShareExample.js similarity index 100% rename from RNTester/js/ShareExample.js rename to RNTester/js/examples/Share/ShareExample.js diff --git a/RNTester/js/SliderExample.js b/RNTester/js/examples/Slider/SliderExample.js similarity index 90% rename from RNTester/js/SliderExample.js rename to RNTester/js/examples/Slider/SliderExample.js index 5ca17c2baff..95613c58083 100644 --- a/RNTester/js/SliderExample.js +++ b/RNTester/js/examples/Slider/SliderExample.js @@ -132,14 +132,16 @@ exports.examples = [ title: 'Custom thumb image', platform: 'ios', render(): React.Element { - return ; + return ( + + ); }, }, { title: 'Custom track image', platform: 'ios', render(): React.Element { - return ; + return ; }, }, { @@ -148,8 +150,8 @@ exports.examples = [ render(): React.Element { return ( ); }, diff --git a/RNTester/js/SnapshotExample.js b/RNTester/js/examples/Snapshot/SnapshotExample.js similarity index 100% rename from RNTester/js/SnapshotExample.js rename to RNTester/js/examples/Snapshot/SnapshotExample.js diff --git a/RNTester/js/SnapshotViewIOS.android.js b/RNTester/js/examples/Snapshot/SnapshotViewIOS.android.js similarity index 68% rename from RNTester/js/SnapshotViewIOS.android.js rename to RNTester/js/examples/Snapshot/SnapshotViewIOS.android.js index bbcaacae4db..b2af871929a 100644 --- a/RNTester/js/SnapshotViewIOS.android.js +++ b/RNTester/js/examples/Snapshot/SnapshotViewIOS.android.js @@ -9,4 +9,4 @@ 'use strict'; -module.exports = require('../../Libraries/Components/UnimplementedViews/UnimplementedView'); +module.exports = require('../../../../Libraries/Components/UnimplementedViews/UnimplementedView'); diff --git a/RNTester/js/SnapshotViewIOS.ios.js b/RNTester/js/examples/Snapshot/SnapshotViewIOS.ios.js similarity index 87% rename from RNTester/js/SnapshotViewIOS.ios.js rename to RNTester/js/examples/Snapshot/SnapshotViewIOS.ios.js index 330cb4bb755..0f8334b7759 100644 --- a/RNTester/js/SnapshotViewIOS.ios.js +++ b/RNTester/js/examples/Snapshot/SnapshotViewIOS.ios.js @@ -15,14 +15,14 @@ const {NativeModules, StyleSheet, UIManager, View} = require('react-native'); const {TestModule} = NativeModules; -import type {SyntheticEvent} from '../../Libraries/Types/CoreEventTypes'; -import type {ViewProps} from '../../Libraries/Components/View/ViewPropTypes'; +import type {SyntheticEvent} from '../../../../Libraries/Types/CoreEventTypes'; +import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes'; // Verify that RCTSnapshot is part of the UIManager since it is only loaded // if you have linked against RCTTest like in tests, otherwise we will have // a warning printed out const RCTSnapshot = UIManager.getViewManagerConfig('RCTSnapshot') - ? require('../RCTTest/RCTSnapshotNativeComponent') + ? require('../../../RCTTest/RCTSnapshotNativeComponent') : View; type SnapshotReadyEvent = SyntheticEvent< diff --git a/RNTester/js/StatusBarExample.js b/RNTester/js/examples/StatusBar/StatusBarExample.js similarity index 100% rename from RNTester/js/StatusBarExample.js rename to RNTester/js/examples/StatusBar/StatusBarExample.js diff --git a/RNTester/js/SwitchExample.js b/RNTester/js/examples/Switch/SwitchExample.js similarity index 100% rename from RNTester/js/SwitchExample.js rename to RNTester/js/examples/Switch/SwitchExample.js diff --git a/RNTester/js/TVEventHandlerExample.js b/RNTester/js/examples/TVEventHandler/TVEventHandlerExample.js similarity index 100% rename from RNTester/js/TVEventHandlerExample.js rename to RNTester/js/examples/TVEventHandler/TVEventHandlerExample.js diff --git a/RNTester/js/TextExample.android.js b/RNTester/js/examples/Text/TextExample.android.js similarity index 98% rename from RNTester/js/TextExample.android.js rename to RNTester/js/examples/Text/TextExample.android.js index ae21774375d..85fb52c96e9 100644 --- a/RNTester/js/TextExample.android.js +++ b/RNTester/js/examples/Text/TextExample.android.js @@ -12,10 +12,10 @@ const React = require('react'); const {StyleSheet, Text, View} = require('react-native'); -const RNTesterBlock = require('./RNTesterBlock'); -const RNTesterPage = require('./RNTesterPage'); -const TextInlineView = require('./Shared/TextInlineView'); -const TextLegend = require('./Shared/TextLegend'); +const RNTesterBlock = require('../../components/RNTesterBlock'); +const RNTesterPage = require('../../components/RNTesterPage'); +const TextInlineView = require('../../components/TextInlineView'); +const TextLegend = require('../../components/TextLegend'); class Entity extends React.Component<{|children: React.Node|}> { render() { diff --git a/RNTester/js/TextExample.ios.js b/RNTester/js/examples/Text/TextExample.ios.js similarity index 99% rename from RNTester/js/TextExample.ios.js rename to RNTester/js/examples/Text/TextExample.ios.js index 281403e2a49..5835161d1fa 100644 --- a/RNTester/js/TextExample.ios.js +++ b/RNTester/js/examples/Text/TextExample.ios.js @@ -19,9 +19,9 @@ const { TextInput, View, } = require('react-native'); -const TextAncestor = require('../../Libraries/Text/TextAncestor'); -const TextInlineView = require('./Shared/TextInlineView'); -const TextLegend = require('./Shared/TextLegend'); +const TextAncestor = require('../../../../Libraries/Text/TextAncestor'); +const TextInlineView = require('../../components/TextInlineView'); +const TextLegend = require('../../components/TextLegend'); // TODO: Is there a cleaner way to flip the TextAncestor value to false? I // suspect apps won't even be able to leverage this workaround because diff --git a/RNTester/js/TextInputExample.android.js b/RNTester/js/examples/TextInput/TextInputExample.android.js similarity index 100% rename from RNTester/js/TextInputExample.android.js rename to RNTester/js/examples/TextInput/TextInputExample.android.js diff --git a/RNTester/js/TextInputExample.ios.js b/RNTester/js/examples/TextInput/TextInputExample.ios.js similarity index 100% rename from RNTester/js/TextInputExample.ios.js rename to RNTester/js/examples/TextInput/TextInputExample.ios.js diff --git a/RNTester/js/TimePickerAndroidExample.js b/RNTester/js/examples/TimePicker/TimePickerAndroidExample.js similarity index 96% rename from RNTester/js/TimePickerAndroidExample.js rename to RNTester/js/examples/TimePicker/TimePickerAndroidExample.js index 28c25582b04..ced8a74ff73 100644 --- a/RNTester/js/TimePickerAndroidExample.js +++ b/RNTester/js/examples/TimePicker/TimePickerAndroidExample.js @@ -17,8 +17,8 @@ const { TouchableWithoutFeedback, } = require('react-native'); -const RNTesterBlock = require('./RNTesterBlock'); -const RNTesterPage = require('./RNTesterPage'); +const RNTesterBlock = require('../../components/RNTesterBlock'); +const RNTesterPage = require('../../components/RNTesterPage'); class TimePickerAndroidExample extends React.Component { state = { diff --git a/RNTester/js/TimerExample.js b/RNTester/js/examples/Timer/TimerExample.js similarity index 99% rename from RNTester/js/TimerExample.js rename to RNTester/js/examples/Timer/TimerExample.js index a67397771a0..59a792b6b46 100644 --- a/RNTester/js/TimerExample.js +++ b/RNTester/js/examples/Timer/TimerExample.js @@ -12,7 +12,7 @@ const React = require('react'); const {Alert, Platform, ToastAndroid, Text, View} = require('react-native'); -const RNTesterButton = require('./RNTesterButton'); +const RNTesterButton = require('../../components/RNTesterButton'); const performanceNow = require('fbjs/lib/performanceNow'); function burnCPU(milliseconds) { diff --git a/RNTester/js/ToastAndroidExample.android.js b/RNTester/js/examples/ToastAndroid/ToastAndroidExample.android.js similarity index 96% rename from RNTester/js/ToastAndroidExample.android.js rename to RNTester/js/examples/ToastAndroid/ToastAndroidExample.android.js index e2e2208da20..2b2ad5fa129 100644 --- a/RNTester/js/ToastAndroidExample.android.js +++ b/RNTester/js/examples/ToastAndroid/ToastAndroidExample.android.js @@ -18,8 +18,8 @@ const { TouchableWithoutFeedback, } = require('react-native'); -const RNTesterBlock = require('./RNTesterBlock'); -const RNTesterPage = require('./RNTesterPage'); +const RNTesterBlock = require('../../components/RNTesterBlock'); +const RNTesterPage = require('../../components/RNTesterPage'); type Props = $ReadOnly<{||}>; class ToastExample extends React.Component { diff --git a/RNTester/js/TouchableExample.js b/RNTester/js/examples/Touchable/TouchableExample.js similarity index 100% rename from RNTester/js/TouchableExample.js rename to RNTester/js/examples/Touchable/TouchableExample.js diff --git a/RNTester/js/TransformExample.js b/RNTester/js/examples/Transform/TransformExample.js similarity index 100% rename from RNTester/js/TransformExample.js rename to RNTester/js/examples/Transform/TransformExample.js diff --git a/RNTester/js/TransparentHitTestExample.js b/RNTester/js/examples/TransparentHitTest/TransparentHitTestExample.js similarity index 100% rename from RNTester/js/TransparentHitTestExample.js rename to RNTester/js/examples/TransparentHitTest/TransparentHitTestExample.js diff --git a/RNTester/js/SampleTurboModuleExample.js b/RNTester/js/examples/TurboModule/SampleTurboModuleExample.js similarity index 97% rename from RNTester/js/SampleTurboModuleExample.js rename to RNTester/js/examples/TurboModule/SampleTurboModuleExample.js index a3c89c5e826..a3417f3a255 100644 --- a/RNTester/js/SampleTurboModuleExample.js +++ b/RNTester/js/examples/TurboModule/SampleTurboModuleExample.js @@ -10,7 +10,7 @@ 'use strict'; -import NativeSampleTurboModule from 'react-native/Libraries/TurboModule/samples/NativeSampleTurboModule'; +import NativeSampleTurboModule from '../../../../Libraries/TurboModule/samples/NativeSampleTurboModule'; import { StyleSheet, Text, diff --git a/RNTester/js/TurboModuleExample.js b/RNTester/js/examples/TurboModule/TurboModuleExample.js similarity index 100% rename from RNTester/js/TurboModuleExample.js rename to RNTester/js/examples/TurboModule/TurboModuleExample.js diff --git a/RNTester/js/VibrationExample.js b/RNTester/js/examples/Vibration/VibrationExample.js similarity index 100% rename from RNTester/js/VibrationExample.js rename to RNTester/js/examples/Vibration/VibrationExample.js diff --git a/RNTester/js/ViewExample.js b/RNTester/js/examples/View/ViewExample.js similarity index 100% rename from RNTester/js/ViewExample.js rename to RNTester/js/examples/View/ViewExample.js diff --git a/RNTester/js/ViewPagerAndroidExample.android.js b/RNTester/js/examples/ViewPagerAndroid/ViewPagerAndroidExample.android.js similarity index 98% rename from RNTester/js/ViewPagerAndroidExample.android.js rename to RNTester/js/examples/ViewPagerAndroid/ViewPagerAndroidExample.android.js index 0be94e6a671..579d6f76495 100644 --- a/RNTester/js/ViewPagerAndroidExample.android.js +++ b/RNTester/js/examples/ViewPagerAndroid/ViewPagerAndroidExample.android.js @@ -20,7 +20,7 @@ const { ViewPagerAndroid, } = require('react-native'); -import type {ViewPagerScrollState} from '../../Libraries/Components/ViewPager/ViewPagerAndroid'; +import type {ViewPagerScrollState} from '../../../../Libraries/Components/ViewPager/ViewPagerAndroid'; const PAGES = 5; const BGCOLOR = ['#fdc08e', '#fff6b9', '#99d1b7', '#dde5fe', '#f79273']; diff --git a/RNTester/js/WebSocketExample.js b/RNTester/js/examples/WebSocket/WebSocketExample.js similarity index 98% rename from RNTester/js/WebSocketExample.js rename to RNTester/js/examples/WebSocket/WebSocketExample.js index bd42e595e35..755669a5e4d 100644 --- a/RNTester/js/WebSocketExample.js +++ b/RNTester/js/examples/WebSocket/WebSocketExample.js @@ -210,7 +210,7 @@ class WebSocketExample extends React.Component { To start the WS test server: - ./RNTester/js/websocket_test_server.js + ./RNTester/js/examples/WebSocket/websocket_test_server.js @@ -266,7 +266,7 @@ class WebSocketExample extends React.Component { To start the HTTP test server: - ./RNTester/js/http_test_server.js + ./RNTester/js/examples/WebSocket/http_test_server.js = [ { key: 'ActivityIndicatorExample', - module: require('./ActivityIndicatorExample'), + module: require('../examples/ActivityIndicator/ActivityIndicatorExample'), }, { key: 'ButtonExample', - module: require('./ButtonExample'), + module: require('../examples/Button/ButtonExample'), }, { key: 'CheckBoxExample', - module: require('./CheckBoxExample'), + module: require('../examples/CheckBox/CheckBoxExample'), }, { key: 'FlatListExample', - module: require('./FlatListExample'), + module: require('../examples/FlatList/FlatListExample'), }, { key: 'ImageExample', - module: require('./ImageExample'), + module: require('../examples/Image/ImageExample'), }, { key: 'KeyboardAvoidingViewExample', - module: require('./KeyboardAvoidingViewExample'), + module: require('../examples/KeyboardAvoidingView/KeyboardAvoidingViewExample'), }, { key: 'ModalExample', - module: require('./ModalExample'), + module: require('../examples/Modal/ModalExample'), }, { key: 'MultiColumnExample', - module: require('./MultiColumnExample'), + module: require('../examples/MultiColumn/MultiColumnExample'), }, { key: 'NewAppScreenExample', - module: require('./NewAppScreenExample'), + module: require('../examples/NewAppScreen/NewAppScreenExample'), }, { key: 'PickerExample', - module: require('./PickerExample'), + module: require('../examples/Picker/PickerExample'), }, { key: 'ProgressBarAndroidExample', /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found * when making Flow check .android.js files. */ - module: require('./ProgressBarAndroidExample'), + module: require('../examples/ProgressBarAndroid/ProgressBarAndroidExample'), }, { key: 'RefreshControlExample', - module: require('./RefreshControlExample'), + module: require('../examples/RefreshControl/RefreshControlExample'), }, { key: 'ScrollViewSimpleExample', - module: require('./ScrollViewSimpleExample'), + module: require('../examples/ScrollView/ScrollViewSimpleExample'), }, { key: 'SectionListExample', - module: require('./SectionListExample'), + module: require('../examples/SectionList/SectionListExample'), }, { key: 'SliderExample', - module: require('./SliderExample'), + module: require('../examples/Slider/SliderExample'), }, { key: 'StatusBarExample', - module: require('./StatusBarExample'), + module: require('../examples/StatusBar/StatusBarExample'), }, { key: 'SwitchExample', - module: require('./SwitchExample'), + module: require('../examples/Switch/SwitchExample'), }, { key: 'TextExample', /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found * when making Flow check .android.js files. */ - module: require('./TextExample'), + module: require('../examples/Text/TextExample'), }, { key: 'TextInputExample', /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found * when making Flow check .android.js files. */ - module: require('./TextInputExample'), + module: require('../examples/TextInput/TextInputExample'), }, { key: 'TouchableExample', - module: require('./TouchableExample'), + module: require('../examples/Touchable/TouchableExample'), }, { key: 'ViewExample', - module: require('./ViewExample'), + module: require('../examples/View/ViewExample'), }, { key: 'ViewPagerAndroidExample', /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found * when making Flow check .android.js files. */ - module: require('./ViewPagerAndroidExample'), + module: require('../examples/ViewPagerAndroid/ViewPagerAndroidExample'), }, ]; const APIExamples: Array = [ { key: 'AccessibilityExample', - module: require('./AccessibilityExample'), + module: require('../examples/Accessibility/AccessibilityExample'), }, { key: 'AccessibilityAndroidExample', /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found * when making Flow check .android.js files. */ - module: require('./AccessibilityAndroidExample'), + module: require('../examples/Accessibility/AccessibilityAndroidExample'), }, { key: 'AlertExample', - module: require('./AlertExample').AlertExample, + module: require('../examples/Alert/AlertExample').AlertExample, }, { key: 'AnimatedExample', - module: require('./AnimatedExample'), + module: require('../examples/Animated/AnimatedExample'), }, { key: 'AppStateExample', - module: require('./AppStateExample'), + module: require('../examples/AppState/AppStateExample'), }, { key: 'BorderExample', - module: require('./BorderExample'), + module: require('../examples/Border/BorderExample'), }, { key: 'ClipboardExample', - module: require('./ClipboardExample'), + module: require('../examples/Clipboard/ClipboardExample'), }, { key: 'CrashExample', - module: require('./CrashExample'), + module: require('../examples/Crash/CrashExample'), }, { key: 'DatePickerAndroidExample', - module: require('./DatePickerAndroidExample'), + module: require('../examples/DatePicker/DatePickerAndroidExample'), }, { key: 'Dimensions', - module: require('./DimensionsExample'), + module: require('../examples/Dimensions/DimensionsExample'), }, { key: 'LayoutEventsExample', - module: require('./LayoutEventsExample'), + module: require('../examples/Layout/LayoutEventsExample'), }, { key: 'LinkingExample', - module: require('./LinkingExample'), + module: require('../examples/Linking/LinkingExample'), }, { key: 'LayoutAnimationExample', - module: require('./LayoutAnimationExample'), + module: require('../examples/Layout/LayoutAnimationExample'), }, { key: 'LayoutExample', - module: require('./LayoutExample'), + module: require('../examples/Layout/LayoutExample'), }, { key: 'NativeAnimationsExample', - module: require('./NativeAnimationsExample'), + module: require('../examples/NativeAnimation/NativeAnimationsExample'), }, { key: 'OrientationChangeExample', - module: require('./OrientationChangeExample'), + module: require('../examples/OrientationChange/OrientationChangeExample'), }, { key: 'PanResponderExample', - module: require('./PanResponderExample'), + module: require('../examples/PanResponder/PanResponderExample'), }, { key: 'PermissionsExampleAndroid', /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found * when making Flow check .android.js files. */ - module: require('./PermissionsExampleAndroid'), + module: require('../examples/PermissionsAndroid/PermissionsExample'), }, { key: 'PointerEventsExample', - module: require('./PointerEventsExample'), + module: require('../examples/PointerEvents/PointerEventsExample'), }, { key: 'RTLExample', - module: require('./RTLExample'), + module: require('../examples/RTL/RTLExample'), }, { key: 'ShareExample', - module: require('./ShareExample'), + module: require('../examples/Share/ShareExample'), }, { key: 'TimePickerAndroidExample', - module: require('./TimePickerAndroidExample'), + module: require('../examples/TimePicker/TimePickerAndroidExample'), }, { key: 'TimerExample', - module: require('./TimerExample'), + module: require('../examples/Timer/TimerExample'), }, { key: 'ToastAndroidExample', /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found * when making Flow check .android.js files. */ - module: require('./ToastAndroidExample'), + module: require('../examples/ToastAndroid/ToastAndroidExample'), }, { key: 'TransformExample', - module: require('./TransformExample'), + module: require('../examples/Transform/TransformExample'), }, { key: 'VibrationExample', - module: require('./VibrationExample'), + module: require('../examples/Vibration/VibrationExample'), }, { key: 'WebSocketExample', - module: require('./WebSocketExample'), + module: require('../examples/WebSocket/WebSocketExample'), }, { key: 'XHRExample', - module: require('./XHRExample'), + module: require('../examples/XHR/XHRExample'), }, ]; diff --git a/RNTester/js/RNTesterList.ios.js b/RNTester/js/utils/RNTesterList.ios.js similarity index 52% rename from RNTester/js/RNTesterList.ios.js rename to RNTester/js/utils/RNTesterList.ios.js index f8531648274..e5e4de716b5 100644 --- a/RNTester/js/RNTesterList.ios.js +++ b/RNTester/js/utils/RNTesterList.ios.js @@ -10,157 +10,157 @@ 'use strict'; -import type {RNTesterExample} from './Shared/RNTesterTypes'; +import type {RNTesterExample} from '../types/RNTesterTypes'; const ComponentExamples: Array = [ { key: 'ActivityIndicatorExample', - module: require('./ActivityIndicatorExample'), + module: require('../examples/ActivityIndicator/ActivityIndicatorExample'), supportsTVOS: true, }, { key: 'ARTExample', - module: require('./ARTExample'), + module: require('../examples/ART/ARTExample'), supportsTVOS: true, }, { key: 'ButtonExample', - module: require('./ButtonExample'), + module: require('../examples/Button/ButtonExample'), supportsTVOS: true, }, { key: 'DatePickerIOSExample', - module: require('./DatePickerIOSExample'), + module: require('../examples/DatePicker/DatePickerIOSExample'), supportsTVOS: false, }, { key: 'FlatListExample', - module: require('./FlatListExample'), + module: require('../examples/FlatList/FlatListExample'), supportsTVOS: true, }, { key: 'ImageExample', - module: require('./ImageExample'), + module: require('../examples/Image/ImageExample'), supportsTVOS: true, }, { key: 'InputAccessoryViewExample', - module: require('./InputAccessoryViewExample'), + module: require('../examples/InputAccessoryView/InputAccessoryViewExample'), supportsTVOS: true, }, { key: 'KeyboardAvoidingViewExample', - module: require('./KeyboardAvoidingViewExample'), + module: require('../examples/KeyboardAvoidingView/KeyboardAvoidingViewExample'), supportsTVOS: false, }, { key: 'LayoutEventsExample', - module: require('./LayoutEventsExample'), + module: require('../examples/Layout/LayoutEventsExample'), supportsTVOS: true, }, { key: 'MaskedViewExample', - module: require('./MaskedViewExample'), + module: require('../examples/MaskedView/MaskedViewExample'), supportsTVOS: true, }, { key: 'ModalExample', - module: require('./ModalExample'), + module: require('../examples/Modal/ModalExample'), supportsTVOS: true, }, { key: 'MultiColumnExample', - module: require('./MultiColumnExample'), + module: require('../examples/MultiColumn/MultiColumnExample'), supportsTVOS: true, }, { key: 'NewAppScreenExample', - module: require('./NewAppScreenExample'), + module: require('../examples/NewAppScreen/NewAppScreenExample'), supportsTVOS: false, }, { key: 'PickerExample', - module: require('./PickerExample'), + module: require('../examples/Picker/PickerExample'), supportsTVOS: false, }, { key: 'PickerIOSExample', - module: require('./PickerIOSExample'), + module: require('../examples/Picker/PickerIOSExample'), supportsTVOS: false, }, { key: 'ProgressViewIOSExample', - module: require('./ProgressViewIOSExample'), + module: require('../examples/ProgressViewIOS/ProgressViewIOSExample'), supportsTVOS: true, }, { key: 'RefreshControlExample', - module: require('./RefreshControlExample'), + module: require('../examples/RefreshControl/RefreshControlExample'), supportsTVOS: false, }, { key: 'ScrollViewSimpleExample', - module: require('./ScrollViewSimpleExample'), + module: require('../examples/ScrollView/ScrollViewSimpleExample'), supportsTVOS: true, }, { key: 'SafeAreaViewExample', - module: require('./SafeAreaViewExample'), + module: require('../examples/SafeAreaView/SafeAreaViewExample'), supportsTVOS: true, }, { key: 'ScrollViewExample', - module: require('./ScrollViewExample'), + module: require('../examples/ScrollView/ScrollViewExample'), supportsTVOS: true, }, { key: 'SectionListExample', - module: require('./SectionListExample'), + module: require('../examples/SectionList/SectionListExample'), supportsTVOS: true, }, { key: 'SegmentedControlIOSExample', - module: require('./SegmentedControlIOSExample'), + module: require('../examples/SegmentedControlIOS/SegmentedControlIOSExample'), supportsTVOS: false, }, { key: 'SliderExample', - module: require('./SliderExample'), + module: require('../examples/Slider/SliderExample'), supportsTVOS: false, }, { key: 'StatusBarExample', - module: require('./StatusBarExample'), + module: require('../examples/StatusBar/StatusBarExample'), supportsTVOS: false, }, { key: 'SwitchExample', - module: require('./SwitchExample'), + module: require('../examples/Switch/SwitchExample'), supportsTVOS: false, }, { key: 'TextExample', - module: require('./TextExample.ios'), + module: require('../examples/Text/TextExample.ios'), supportsTVOS: true, }, { key: 'TextInputExample', - module: require('./TextInputExample.ios'), + module: require('../examples/TextInput/TextInputExample.ios'), supportsTVOS: true, }, { key: 'TouchableExample', - module: require('./TouchableExample'), + module: require('../examples/Touchable/TouchableExample'), supportsTVOS: true, }, { key: 'TransparentHitTestExample', - module: require('./TransparentHitTestExample'), + module: require('../examples/TransparentHitTest/TransparentHitTestExample'), supportsTVOS: false, }, { key: 'ViewExample', - module: require('./ViewExample'), + module: require('../examples/View/ViewExample'), supportsTVOS: true, }, ]; @@ -168,162 +168,162 @@ const ComponentExamples: Array = [ const APIExamples: Array = [ { key: 'AccessibilityExample', - module: require('./AccessibilityExample'), + module: require('../examples/Accessibility/AccessibilityExample'), supportsTVOS: false, }, { key: 'AccessibilityIOSExample', - module: require('./AccessibilityIOSExample'), + module: require('../examples/Accessibility/AccessibilityIOSExample'), supportsTVOS: false, }, { key: 'ActionSheetIOSExample', - module: require('./ActionSheetIOSExample'), + module: require('../examples/ActionSheetIOS/ActionSheetIOSExample'), supportsTVOS: true, }, { key: 'AlertIOSExample', - module: require('./AlertIOSExample'), + module: require('../examples/Alert/AlertIOSExample'), supportsTVOS: true, }, { key: 'AnimatedExample', - module: require('./AnimatedExample'), + module: require('../examples/Animated/AnimatedExample'), supportsTVOS: true, }, { key: 'AnExApp', - module: require('./AnimatedGratuitousApp/AnExApp'), + module: require('../examples/Animated/AnimatedGratuitousApp/AnExApp'), supportsTVOS: true, }, { key: 'AppStateExample', - module: require('./AppStateExample'), + module: require('../examples/AppState/AppStateExample'), supportsTVOS: true, }, { key: 'AsyncStorageExample', - module: require('./AsyncStorageExample'), + module: require('../examples/AsyncStorage/AsyncStorageExample'), supportsTVOS: true, }, { key: 'BorderExample', - module: require('./BorderExample'), + module: require('../examples/Border/BorderExample'), supportsTVOS: true, }, { key: 'BoxShadowExample', - module: require('./BoxShadowExample'), + module: require('../examples/BoxShadow/BoxShadowExample'), supportsTVOS: true, }, { key: 'ClipboardExample', - module: require('./ClipboardExample'), + module: require('../examples/Clipboard/ClipboardExample'), supportsTVOS: false, }, { key: 'CrashExample', - module: require('./CrashExample'), + module: require('../examples/Crash/CrashExample'), supportsTVOS: false, }, { key: 'Dimensions', - module: require('./DimensionsExample'), + module: require('../examples/Dimensions/DimensionsExample'), supportsTVOS: true, }, { key: 'LayoutAnimationExample', - module: require('./LayoutAnimationExample'), + module: require('../examples/Layout/LayoutAnimationExample'), supportsTVOS: true, }, { key: 'LayoutExample', - module: require('./LayoutExample'), + module: require('../examples/Layout/LayoutExample'), supportsTVOS: true, }, { key: 'LinkingExample', - module: require('./LinkingExample'), + module: require('../examples/Linking/LinkingExample'), supportsTVOS: true, }, { key: 'NativeAnimationsExample', - module: require('./NativeAnimationsExample'), + module: require('../examples/NativeAnimation/NativeAnimationsExample'), supportsTVOS: true, }, { key: 'OrientationChangeExample', - module: require('./OrientationChangeExample'), + module: require('../examples/OrientationChange/OrientationChangeExample'), supportsTVOS: false, }, { key: 'PanResponderExample', - module: require('./PanResponderExample'), + module: require('../examples/PanResponder/PanResponderExample'), supportsTVOS: false, }, { key: 'PointerEventsExample', - module: require('./PointerEventsExample'), + module: require('../examples/PointerEvents/PointerEventsExample'), supportsTVOS: false, }, { key: 'PushNotificationIOSExample', - module: require('./PushNotificationIOSExample'), + module: require('../examples/PushNotificationIOS/PushNotificationIOSExample'), supportsTVOS: false, }, { key: 'RCTRootViewIOSExample', - module: require('./RCTRootViewIOSExample'), + module: require('../examples/RCTRootView/RCTRootViewIOSExample'), supportsTVOS: true, }, { key: 'RTLExample', - module: require('./RTLExample'), + module: require('../examples/RTL/RTLExample'), supportsTVOS: true, }, { key: 'ShareExample', - module: require('./ShareExample'), + module: require('../examples/Share/ShareExample'), supportsTVOS: true, }, { key: 'SnapshotExample', - module: require('./SnapshotExample'), + module: require('../examples/Snapshot/SnapshotExample'), supportsTVOS: true, }, { key: 'TimerExample', - module: require('./TimerExample'), + module: require('../examples/Timer/TimerExample'), supportsTVOS: true, }, { key: 'TransformExample', - module: require('./TransformExample'), + module: require('../examples/Transform/TransformExample'), supportsTVOS: true, }, { key: 'TurboModuleExample', - module: require('./TurboModuleExample'), + module: require('../examples/TurboModule/TurboModuleExample'), supportsTVOS: false, }, { key: 'TVEventHandlerExample', - module: require('./TVEventHandlerExample'), + module: require('../examples/TVEventHandler/TVEventHandlerExample'), supportsTVOS: true, }, { key: 'VibrationExample', - module: require('./VibrationExample'), + module: require('../examples/Vibration/VibrationExample'), supportsTVOS: false, }, { key: 'WebSocketExample', - module: require('./WebSocketExample'), + module: require('../examples/WebSocket/WebSocketExample'), supportsTVOS: true, }, { key: 'XHRExample', - module: require('./XHRExample'), + module: require('../examples/XHR/XHRExample'), supportsTVOS: true, }, ]; diff --git a/RNTester/js/RNTesterNavigationReducer.js b/RNTester/js/utils/RNTesterNavigationReducer.js similarity index 100% rename from RNTester/js/RNTesterNavigationReducer.js rename to RNTester/js/utils/RNTesterNavigationReducer.js diff --git a/RNTester/js/RNTesterStatePersister.js b/RNTester/js/utils/RNTesterStatePersister.js similarity index 100% rename from RNTester/js/RNTesterStatePersister.js rename to RNTester/js/utils/RNTesterStatePersister.js diff --git a/RNTester/js/URIActionMap.js b/RNTester/js/utils/URIActionMap.js similarity index 100% rename from RNTester/js/URIActionMap.js rename to RNTester/js/utils/URIActionMap.js