![\"Skype](\"/reactxp/img/blog/skype-app-architecture.png\")
![\"Responsive](\"/reactxp/img/blog/responsive-navigation.png\")
{{ page.title }} on {{ page.date | date: \"%B %e, %Y\" }} by\n {{ site.data.authors[page.author].name }}\n
\n {% endfor %}\n styles above */\n display: block;\n\n /* Cancel out styles for `li code` in case we have a within an
. */\n background: none;\n padding: 0;\n}\n\n.highlight pre .lineno {\n display: inline-block;\n width: 22px;\n padding-right: 5px;\n margin-right: 10px;\n color: #bebec5;\n text-align: right;\n}\n\n/* Echo out a label for the example */\n\ndiv.highlight:after {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n padding: 3px 7px;\n font-size: 12px;\n font-weight: bold;\n color: #c2c0bc;\n background-color: #f1ede4;\n content: \"Code\";\n}\n\n.downloadCenter {\n text-align: center;\n margin-top: 20px;\n margin-bottom: 25px;\n}\n\n.downloadSection:hover {\n text-decoration: none !important;\n}\n\n@include bp-large {\n .nav-main {\n position: relative;\n }\n .container {\n padding-top: 0;\n }\n}\n\n.post {\n margin-bottom: 30px;\n}\n\n.post img {\n max-width: 100%;\n height: auto;\n}\n\n.pagination {\n margin-bottom: 30px;\n\n /* Trick to get the wrapper to expand to fit floating elements */\n width: 100%;\n overflow: hidden;\n\n .next {\n float: right;\n }\n}\n\n// Twitter embeds. Need to !important because they inline margin on the iframe.\ndiv[data-twttr-id] iframe {\n margin: 10px auto !important;\n width: 100% !important;\n}\n\n.fb_iframe_widget {\n max-width: 100%;\n\n * {\n max-width: 100%;\n }\n}\n\n#twitter-widget-0 {\n @include bp-large {\n display: none !important; // Need !important because they inline display on the iframe.\n }\n}\n\n/* Acknowledgements */\n\n.three-column {\n @include clearfix;\n}\n\n.three-column > ul {\n float: left;\n margin-left: 30px;\n width: 190px;\n}\n\n.three-column > ul:first-child {\n margin-left: 20px;\n}\n\n\n/* Algolia Doc Search */\n\ninput#algolia-doc-search {\n background: transparent url('/react/img/search.png') no-repeat 10px center;\n background-size: 16px 16px;\n\n position: relative;\n vertical-align: top;\n margin-left: 10px;\n padding: 0 10px;\n padding-left: 35px;\n height: 30px;\n margin-top: 10px;\n font-size: 16px;\n line-height: 20px;\n background-color: #333;\n border-radius: 4px;\n color: white;\n outline: none;\n width: 170px;\n\n transition: width .2s ease;\n\n &:focus {\n width: 240px;\n }\n\n @include bp-large {\n background-color: transparent;\n width: 0;\n cursor: pointer;\n\n &:focus {\n width: 200px;\n background-color: #333;\n }\n }\n}\n\n.algolia-autocomplete .aa-dropdown-menu {\n margin-left: -110px;\n margin-top: -4px;\n}\n\n.algolia-autocomplete {\n vertical-align: top;\n height: 53px;\n}\n\n.algolia-docsearch-suggestion {\n border-bottom-color: #c05b4d;\n}\n\n.algolia-docsearch-suggestion--category-header {\n background-color: #cc7a6f;\n}\n\n.algolia-docsearch-suggestion--highlight {\n color: #c05b4d;\n}\n\n.algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--highlight {\n background-color: #c05b4d;\n}\n\n.aa-cursor .algolia-docsearch-suggestion--content {\n color: #c05b4d;\n}\n\n.aa-cursor .algolia-docsearch-suggestion {\n background: #f1f3f5;\n}\n\n/**\n * Footer\n */\n\nfooter.nav-footer {\n box-sizing: border-box;\n border: none;\n font-weight: 300;\n color: #202020;\n font-size: 15px;\n line-height: 24px;\n background: #2D2D2D;\n box-shadow: inset 0 10px 10px -5px #0d1116;\n padding-top: 2em;\n padding-bottom: 2em;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\nfooter .sitemap {\n display: flex;\n display: -ms-flexbox;\n justify-content: space-between;\n max-width: 1080px;\n margin: 0 auto 3em;\n}\nfooter .sitemap div {\n flex: 1;\n -ms-flex: 1;\n}\nfooter .sitemap .nav-home {\n display: table;\n margin: -12px 20px 0 0;\n padding: 10px;\n width: 60px;\n height: 60px;\n transition: opacity 0.15s ease-in-out;\n background: url(\"../img/logo_small_gray.png\") no-repeat content-box;\n}\nfooter .sitemap .nav-home:hover,\nfooter .sitemap .nav-home:focus {\n background-image: url(\"../img/logo_small.png\");\n}\n@media screen and (max-width: 740px) {\n footer .sitemap {\n display: none;\n }\n}\n\nfooter .sitemap a {\n color: white;\n display: table;\n margin: 2px -10px;\n padding: 3px 10px;\n}\nfooter .sitemap a:hover,\nfooter .sitemap a:focus {\n color: #61dafb;\n text-decoration: none;\n}\nfooter .sitemap h6 > a:hover,\nfooter .sitemap h6 > a:focus {\n color: #61dafb;\n text-decoration: none;\n}\nfooter .sitemap h5,\nfooter .sitemap h6 {\n margin: 0 0 10px;\n}\nfooter .sitemap h5,\nfooter .sitemap h6,\nfooter .sitemap h5 > a,\nfooter .sitemap h6 > a {\n color: white;\n}\nfooter .sitemap h5 > a,\nfooter .sitemap h6 > a {\n margin: 0 -10px;\n}\nfooter .fbOpenSource {\n display: block;\n margin: 1em auto;\n opacity: 0.4;\n transition: opacity 0.15s ease-in-out;\n width: 170px;\n}\nfooter .fbOpenSource:hover {\n opacity: 1.0;\n}\nfooter .copyright {\n color: rgba(255, 255, 255, 0.4);\n text-align: center;\n}\n"
},
{
"path": "docs/css/syntax.css",
"content": ".highlight pre code {\n color: #637c84;\n}\n\n.highlight {\n color: #333333;\n background: #f8f5ec;\n}\n\n.highlight .c {\n color: #93a1a1;\n}\n\n\n.highlight .g {\n color: #637c84;\n}\n\n/* Generic */\n\n.highlight .k {\n color: #859900;\n}\n\n/* Keyword */\n\n.highlight .l {\n color: #637c84;\n}\n\n/* Literal */\n\n.highlight .n {\n color: #637c84;\n}\n\n/* Name */\n\n.highlight .o {\n color: #859900;\n}\n\n/* Operator */\n\n.highlight .x {\n color: #cc7a6f;\n}\n\n/* Other */\n\n.highlight .p {\n color: #637c84;\n}\n\n/* Punctuation */\n\n.highlight .cm {\n color: #93a1a1;\n}\n\n/* Comment.Multiline */\n\n.highlight .cp {\n color: #859900;\n}\n\n/* Comment.Preproc */\n\n.highlight .c1 {\n color: #93a1a1;\n}\n\n/* Comment.Single */\n\n.highlight .cs {\n color: #859900;\n}\n\n/* Comment.Special */\n\n.highlight .gd {\n color: #36958e;\n}\n\n/* Generic.Deleted */\n\n.highlight .ge {\n font-style: italic;\n color: #637c84;\n}\n\n/* Generic.Emph */\n\n.highlight .gr {\n color: #dc322f;\n}\n\n/* Generic.Error */\n\n.highlight .gh {\n color: #cc7a6f;\n}\n\n/* Generic.Heading */\n\n.highlight .gi {\n color: #859900;\n}\n\n/* Generic.Inserted */\n\n.highlight .go {\n color: #637c84;\n}\n\n/* Generic.Output */\n\n.highlight .gp {\n color: #637c84;\n}\n\n/* Generic.Prompt */\n\n.highlight .gs {\n font-weight: bold;\n color: #637c84;\n}\n\n/* Generic.Strong */\n\n.highlight .gu {\n color: #cc7a6f;\n}\n\n/* Generic.Subheading */\n\n.highlight .gt {\n color: #637c84;\n}\n\n/* Generic.Traceback */\n\n.highlight .kc {\n color: #cc7a6f;\n}\n\n/* Keyword.Constant */\n\n.highlight .kd {\n color: #268bd2;\n}\n\n/* Keyword.Declaration */\n\n.highlight .kn {\n color: #859900;\n}\n\n/* Keyword.Namespace */\n\n.highlight .kp {\n color: #859900;\n}\n\n/* Keyword.Pseudo */\n\n.highlight .kr {\n color: #268bd2;\n}\n\n/* Keyword.Reserved */\n\n.highlight .kt {\n color: #dc322f;\n}\n\n/* Keyword.Type */\n\n.highlight .ld {\n color: #637c84;\n}\n\n/* Literal.Date */\n\n.highlight .m {\n color: #36958e;\n}\n\n/* Literal.Number */\n\n.highlight .s {\n color: #36958e;\n}\n\n/* Literal.String */\n\n.highlight .na {\n color: #637c84;\n}\n\n/* Name.Attribute */\n\n.highlight .nb {\n color: #b58900;\n}\n\n/* Name.Builtin */\n\n.highlight .nc {\n color: #268bd2;\n}\n\n/* Name.Class */\n\n.highlight .no {\n color: #cc7a6f;\n}\n\n/* Name.Constant */\n\n.highlight .nd {\n color: #268bd2;\n}\n\n/* Name.Decorator */\n\n.highlight .ni {\n color: #cc7a6f;\n}\n\n/* Name.Entity */\n\n.highlight .ne {\n color: #cc7a6f;\n}\n\n/* Name.Exception */\n\n.highlight .nf {\n color: #268bd2;\n}\n\n/* Name.Function */\n\n.highlight .nl {\n color: #637c84;\n}\n\n/* Name.Label */\n\n.highlight .nn {\n color: #637c84;\n}\n\n/* Name.Namespace */\n\n.highlight .nx {\n color: #637c84;\n}\n\n/* Name.Other */\n\n.highlight .py {\n color: #637c84;\n}\n\n/* Name.Property */\n\n.highlight .nt {\n color: #268bd2;\n}\n\n/* Name.Tag */\n\n.highlight .nv {\n color: #268bd2;\n}\n\n/* Name.Variable */\n\n.highlight .ow {\n color: #859900;\n}\n\n/* Operator.Word */\n\n.highlight .w {\n color: #637c84;\n}\n\n/* Text.Whitespace */\n\n.highlight .mf {\n color: #36958e;\n}\n\n/* Literal.Number.Float */\n\n.highlight .mh {\n color: #36958e;\n}\n\n/* Literal.Number.Hex */\n\n.highlight .mi {\n color: #36958e;\n}\n\n/* Literal.Number.Integer */\n\n.highlight .mo {\n color: #36958e;\n}\n\n/* Literal.Number.Oct */\n\n.highlight .sb {\n color: #93a1a1;\n}\n\n/* Literal.String.Backtick */\n\n.highlight .sc {\n color: #36958e;\n}\n\n/* Literal.String.Char */\n\n.highlight .sd {\n color: #637c84;\n}\n\n/* Literal.String.Doc */\n\n.highlight .s2 {\n color: #36958e;\n}\n\n/* Literal.String.Double */\n\n.highlight .se {\n color: #cc7a6f;\n}\n\n/* Literal.String.Escape */\n\n.highlight .sh {\n color: #637c84;\n}\n\n/* Literal.String.Heredoc */\n\n.highlight .si {\n color: #36958e;\n}\n\n/* Literal.String.Interpol */\n\n.highlight .sx {\n color: #36958e;\n}\n\n/* Literal.String.Other */\n\n.highlight .sr {\n color: #dc322f;\n}\n\n/* Literal.String.Regex */\n\n.highlight .s1 {\n color: #36958e;\n}\n\n/* Literal.String.Single */\n\n.highlight .ss {\n color: #36958e;\n}\n\n/* Literal.String.Symbol */\n\n.highlight .bp {\n color: #268bd2;\n}\n\n/* Name.Builtin.Pseudo */\n\n.highlight .vc {\n color: #268bd2;\n}\n\n/* Name.Variable.Class */\n\n.highlight .vg {\n color: #268bd2;\n}\n\n/* Name.Variable.Global */\n\n.highlight .vi {\n color: #268bd2;\n}\n\n/* Name.Variable.Instance */\n\n.highlight .il {\n color: #36958e;\n}\n\n"
},
{
"path": "docs/docs/accessibility.md",
"content": "---\nid: accessibility\ntitle: Accessibility\nlayout: docs\ncategory: Overview\npermalink: docs/accessibility.html\nnext: extensions\n---\n\nReactXP exposes a common way to implement accessibility features across platforms.\n\nA screen reader is an assistive technology available for visually-impaired users. It allows users to navigate through an application by focusing actionable components and announcing the purpose of those components.\n\nReactXP components [View](components/view), [Button](components/button), [GestureView](components/gestureview) and [TextInput](components/textinput) implement a common set of accessibility-related props described below.\n\nAdditional [Accessibility APIs](apis/accessibility) are provided for programmatically invoking the screen reader to announce events.\n\nAccessibility traits override the default screen reader behaviors where appropriate. For example, the default behavior for [Button](components/button) is to append the text \"Button\" at the end of the label. In most cases, the default traits provide the desired behavior, but it is sometimes useful to provide additional information to the screen reader.\n\n## Types\n``` javascript\nexport enum ImportantForAccessibility {\n // Platform decides which views are important for accessibility and brings\n // the screen reader focus on those views\n Auto,\n\n // Groups all subviews under the view, allowing the screen reader to focus\n // just this view; if the accessibilityLabel is specified, it is announced;\n // otherwise, the labels of its children are used\n Yes,\n\n // Tells the screen reader that it can focus the subviews of this view\n No,\n\n // Hides the view and its subviews from the screen reader\n NoHideDescendants\n}\n```\n\n## Props\n``` javascript\n// Array of strings that will be added as custom actions on iOS\naccessibilityActions?: string[] = undefined;\n\n// Label that is read by the screen reader\naccessibilityLabel?: string = undefined;\n\n// Overrides or augments default screen reader behavior\naccessibilityTraits?: AccessibilityTrait | AccessibilityTrait[] = undefined;\n\n// Screen reader focus behavior\nimportantForAccessibility?: ImportantForAccessibility = Auto;\n\n// Callback function invoked for accessibility action events\nonAccessibilityAction?: (e: SyntheticEvent) => void;\n\n// Keyboard tab order\ntabIndex?: number = undefined; // web only\n\n// Used to define the current value for a range widget such as a slider, spinbutton or progressbar\nariaValueNow?: number = undefined; // web only\n```\n\n\n\n"
},
{
"path": "docs/docs/animations.md",
"content": "---\nid: animations\ntitle: Animations\nlayout: docs\ncategory: Overview\npermalink: docs/animations.html\nnext: accessibility\n---\n\nReactXP supports a powerful animation abstraction. Individual style elements (e.g. transforms, opacity, or backgroundColor) can be animated.\n\n## Animatable Components\n\nFour base RX classes can have animatable styles:\n\n* Animated.View\n\n* Animated.Image\n\n* Animated.Text\n\n* Animated.TextInput\n\nThese component types should be used in place of the normal [View](components/view), [Image](components/image), [Text](components/text) or [TextInput](components/textinput) in the render method. In general, style properties expressed as numeric values or colors can be animated. Properties with text values (e.g. flexDirection or fontWeight) cannot be animated.\n\n## Animated Values\nThe following example shows how to create animated values with an initial value. Animated values are typically stored as instance variables within a component class. They can also be stored in the state structure.\n\n``` javascript\nlet animatedOpacityValue = RX.Animated.createValue(1.0);\nlet animatedScaleValue = RX.Animated.createValue(1.0);\n```\n\nFor animated color values, it is possible to create interpolated values that map from a numeric range to a color range. In this example, the value smoothly transitions from white to red to black as the value increases from 0 to 1.\n\n``` javascript\nlet animatedColorValue = RX.Animated.createValue(0.0);\nlet interpolatedValue = RX.Animated.interpolate(animatedColorValue,\n [0.0, 0.5, 1.0], ['white', 'red', 'black']);\n```\n\n## Animated Styles\nOnce an animated value is created, it can be associated with an animated style.\n\nSome animated style values are more expensive than others. Some affect the layout of elements (e.g. width, height, top, left), so the layout engine needs to be invoked during each stage of the animations. It's faster to avoid these and stick to styles that don't affect the layout (e.g. opacity and transforms).\n\nThis example demonstrates how a style sheet can contain multiple animated values.\n``` javascript\nlet animatedStyle = RX.Styles.createAnimatedViewStyle({\n opacity: animatedOpacityValue,\n transform: [{\n scale: animatedScaleValue\n }]\n});\n```\n\nAnimated style sheets can be combined with other static styles.\n``` javascript\nrender() {\n ;\n\n // Style for title text\n titleTextStyle?: StyleRuleSet;\n\n // Style for message text\n messageTextStyle?: StyleRuleSet;\n\n // Style for button control\n buttonStyle?: StyleRuleSet;\n\n // Style applied when hovering over button\n buttonHoverStyle?: StyleRuleSet;\n\n // Style for button text\n buttonTextStyle?: StyleRuleSet;\n\n // Override style for cancel button\n cancelButtonStyle?: StyleRuleSet;\n\n // Override style for cancel button hover state\n cancelButtonHoverStyle?: StyleRuleSet;\n\n // Override style for cancel button\n cancelButtonTextStyle?: StyleRuleSet;;\n}\n\ninterface AlertOptions {\n // Optional icon (web only)\n icon?: string;\n\n // Optional theme (web only)\n theme?: AlertModalTheme;\n\n // (Android, iOS, and Windows only)\n // Optional: the id of the root view this alert is associated with.\n // Defaults to the view set by UserInterface.setMainView().\n rootViewId?: string;\n\n // Optional: Prevent the dialog from being dismissed when pressing away from the dialog\n preventDismissOnPress?: boolean;\n}\n\n```\n\n## Methods\n``` javascript\n// Displays an alert over the top of the current screen. Theming support is\n// provided for web only and is ignored on other platforms.\nshow(title: string, message?: string, buttons? AlertButtonSpec[], options?: AlertOptions): void;\n```\n"
},
{
"path": "docs/docs/apis/app.md",
"content": "---\nid: apis/app\ntitle: App\nlayout: docs\ncategory: Interfaces\npermalink: docs/apis/app.html\nnext: apis/clipboard\n---\n\nThis interface provides core methods associated with the application. It also exposes events for low-memory conditions and activity state changes.\n\n## Types\n``` javascript\n// Indicates whether the app is active or inactive\nenum AppActivationState {\n // App is running and in foreground\n Active = 1,\n\n // App is running and in background\n Background = 2,\n\n // App is inactive\n // On RN mobile platforms, it is an intermediate state between when app transitions between foreground and background.\n // On desktop platforms, this is currently not being used.\n Inactive = 3,\n\n // iOS specific activation state for extensions implemented\n // with react-native\n Extension = 4\n}\n```\n\n## Methods\n``` javascript\n// Initializes the app. This should be one of the first calls made.\n// Specifies whether app is running in \"debug\" mode, typically with\n// asserts and unminified code. Also specifies whether in \"development\"\n// mode, which can indicate that additional logging or fewer security\n// checks are appropriate.\ninitialize(debug: boolean, development: boolean): void;\n\n// Returns the current activitation state for the app\ngetActivationState(): AppActivationState;\n```\n\n## Events\n``` javascript\n// Triggered when the activation state changes\nactivationStateChangedEvent: SubscribableEvent<\n (state: AppActivationState) => void>;\n\n// Triggered when a low-memory warning occurs\nmemoryWarningEvent: SubscribableEvent<() => void>;\n```\n"
},
{
"path": "docs/docs/apis/clipboard.md",
"content": "---\nid: apis/clipboard\ntitle: Clipboard\nlayout: docs\ncategory: Interfaces\npermalink: docs/apis/clipboard.html\nnext: apis/input\n---\n\nThis interface provides access to the system's clipboard.\n\n## Methods\n``` javascript\n// Retrieves the text from the clipboard (not supported on web)\ngetText(): SyncTasks.Promise;\n\n// Places the specified text on the clipboard\nsetText(text: string): void;\n```\n"
},
{
"path": "docs/docs/apis/input.md",
"content": "---\nid: apis/input\ntitle: Input\nlayout: docs\ncategory: Interfaces\npermalink: docs/apis/input.html\nnext: apis/international\n---\n\nThis interface provides events that are triggered when specific user input events occur.\n\n## Events\n``` javascript\n// Triggered when the hardware back button is pressed (Android only).\n// Events are triggered in the reverse order in which they were registered.\n// Pass true to stop propagation.\nbackButtonEvent: SubscribableEvent<() => boolean>();\n\n// Triggered when a hardware key up/down event occurs. Events are triggered\n// in the reverse order in which they were registered. Pass true to stop\n// propagation.\nkeyDownEvent: SubscribableEvent<(e: Types.KeyboardEvent) => boolean>();\nkeyUpEvent: SubscribableEvent<(e: Types.KeyboardEvent) => boolean>();\n```\n"
},
{
"path": "docs/docs/apis/international.md",
"content": "---\nid: apis/international\ntitle: International\nlayout: docs\ncategory: Interfaces\npermalink: docs/apis/international.html\nnext: apis/linking\n---\n\nThis interface provides interfaces related to globalization (g11n) and internationalization (i18n).\n\nSome languages read right to left. In such cases, it's preferable for the UI to be \"mirrored\". Buttons that are on the left side of the screen in left-to-right languages are flipped to the right side of the screen for right-to-left languages. This mirroring is mostly automatic, but some code changes may be required --- for example, to flip icons or images that depend on placement. For more details about React Native's support for right-to-left languages, see this helpful [blog article](https://facebook.github.io/react-native/blog/2016/08/19/right-to-left-support-for-react-native-apps.html).\n\n## Methods\n``` javascript\n// By default, right-to-left mirroring is enabled based on the\n// OS or browser settings. This method allows the app to disable\n// right-to-left mirroring.\nallowRTL(allow: boolean): void;\n\n// This method overrides the right-to-left setting of the system\n// or browser, forcing right-to-left mirroring behavior if true.\nforceRTL(force: boolean): void;\n\n// Indicates whether the app is currently running in right-to-left mode.\nisRTL(): boolean;\n```\n"
},
{
"path": "docs/docs/apis/linking.md",
"content": "---\nid: apis/linking\ntitle: Linking\nlayout: docs\ncategory: Interfaces\npermalink: docs/apis/linking.html\nnext: apis/location\n---\n\nThis interface handles deep linking in both incoming and outgoing directions. Incoming deep links instruct the app to take actions requested by other apps. Outgoing deep links instruct other apps to perform actions.\n\n## Types\n``` javascript\n// Information used to invoke the default SMS app\ninterface SmsInfo {\n phoneNumber?: string;\n body?: string;\n}\n\n// Information used to invoke the default email app\ninterface EmailInfo {\n to?: string[];\n cc?: string[];\n bcc?: string[];\n subject?: string;\n body?: string;\n}\n\n// Error returned by promise if the request fails\ninterface LinkingErrorInfo {\n code: LinkingError;\n url: string;\n error?: string;\n}\n\nenum LinkingErrorCode {\n NoAppFound = 0,\n UnexpectedFailure = 1,\n Blocked = 2,\n InitialUrlNotFound = 3\n}\n```\n\n## Methods\n``` javascript\n// Returns the URL that was used to launch the application\ngetInitialUrl(): SyncTasks.Promise;\n\n// Requests the URL to be opened by the default app for that protocol\n// (e.g. http or https would typically open the system browser)\nopenUrl(url: string): SyncTasks.Promise;\n\n// Requests the default SMS app to be invoked\nlaunchSms(smsData: SmsInfo): SyncTasks.Promise;\n\n// Requests the default mail app to be invoked\nlaunchEmail(emailData: EmailInfo): SyncTasks.Promise;\n```\n\n## Events\n``` javascript\n// Triggered when a new deep link request arrives\ndeepLinkRequestEvent: SubscribableEvent<(url: string) => void>;\n```\n"
},
{
"path": "docs/docs/apis/location.md",
"content": "---\nid: apis/location\ntitle: Location\nlayout: docs\ncategory: Interfaces\npermalink: docs/apis/location.html\nnext: apis/modal\n---\n\nThis interface provides access to geolocation data.\n\n## Types\n``` javascript\nenum LocationErrorType {\n // User has not granted the app access to location data\n PermissionDenied,\n\n // Geolocation information is not currently available\n PositionUnavailable,\n\n // Geolocation request has timed out\n Timeout\n}\n\ninterface PositionOptions {\n // Enable high-accuracy mode; consumes more battery\n enableHighAccuracy?: boolean;\n\n // Number of milliseconds before timeout\n timeout?: number;\n\n // Max age (in milliseconds) before cached location is invalidated\n maximumAge?: number;\n}\n\n// ID for a pending \"watch\" request\ntype LocationWatchId = number;\n\n// Delegates that are invoked when call succeeds or fails\ntype LocationSuccessCallback = (position: Position) => void;\ntype LocationFailureCallback = (error: LocationErrorType) => void;\n\n```\n\n## Methods\n``` javascript\n// Indicates whether geolocation services are available on this platform\nisAvailable(): boolean;\n\n// Returns the current location\ngetCurrentPosition(options?: PositionOptions): SyncTasks.Promise;\n\n// Requests a callback when the position changes; useful for geofencing\nwatchPosition(successCallback: LocationSuccessCallback,\n errorCallback?: LocationFailureCallback,\n options?: PositionOptions): SyncTasks.Promise;\n\n// Clears a location watch request\nclearWatch(watchID: LocationWatchId): void;\n```\n"
},
{
"path": "docs/docs/apis/modal.md",
"content": "---\nid: apis/modal\ntitle: Modal\nlayout: docs\ncategory: Interfaces\npermalink: docs/apis/modal.html\nnext: apis/network\n---\n\nThis interface displays a view that overlays all other views rendered by the app, preventing any direct user interaction with the overlayed views.\n\nA modal is identified by a caller-supplied \"modal ID\". These should be unique.\n\nOnly one modal can be displayed at a time. If a modal is already displayed, a newly-displayed modal is pushed onto the modal stack. When a modal is dismissed, it is popped off the stack, and the next modal becomes visible.\n\nA modal can be displayed and dismissed using methods within the ReactXP.App namespace.\n\nA modal covers the entire screen but is transparent. Its children define the visible contents and their position on the screen.\n\n## Types\n``` javascript\ninterface ModalOptions {\n // Android, iOS, and Windows only.\n // The id of the root view this modal is associated with.\n // Defaults to the view set by UserInterface.setMainView();\n rootViewId?: string;\n}\n```\n\n## Methods\n``` javascript\n// Removes the modal from the modal stack, unmounting it if it's currently\n// on the top of the stack and showing the next modal in the stack.\ndismiss(modalId: string);\n\n// Removes all modals from the modal stack.\ndismissAll();\n\n// Indicates whether the specified modal is in the modal stack. If no id provided indicates if some modal is displayed.\nisDisplayed(modalId?: string): boolean;\n\n// Pushes the modal onto the modal stack.\nshow(modal: React.ReactElement, modalId: string, options?: ModalOptions);\n```\n\n## Sample Usage\n\n``` javascript\nconst _modalId = 'ErrorDialog';\n\nshowDialog() {\n let dialog = (\n \n \n 'An error occurred'\n \n \n \n 'OK'\n \n \n \n );\n\n RX.Modal.show(dialog, _modalId);\n}\n\nprivate _onOkButtonPress = (e: RX.Types.SyntheticEvent) => {\n RX.Modal.dismiss(_modalId);\n};\n```\n\n\n"
},
{
"path": "docs/docs/apis/network.md",
"content": "---\nid: apis/network\ntitle: Network\nlayout: docs\ncategory: Interfaces\npermalink: docs/apis/network.html\nnext: apis/platform\n---\n\nThis has been deprecated from ReactXP Core and moved to an extension (reactxp-netinfo) inline with the React Native Lean Core initiative."
},
{
"path": "docs/docs/apis/platform.md",
"content": "---\nid: apis/platform\ntitle: Platform\nlayout: docs\ncategory: Interfaces\npermalink: docs/apis/platform.html\nnext: apis/popup\n---\n\nThis interface provides information about the OS or runtime platform on which the app is running.\n\n## Types\n``` javascript\ntype PlatformType = 'web' | 'ios' | 'android' | 'windows';\n```\n\n## Methods\n``` javascript\n// Returns the platform type\ngetType(): Types.PlatformType;\n\n// Returns the value in `specifics` for the current platform type.\nselect(specifics: { [ platform in Types.PlatformType | 'default' ]?: T }): T | undefined;\n```\n\n"
},
{
"path": "docs/docs/apis/popup.md",
"content": "---\nid: apis/popup\ntitle: Popup\nlayout: docs\ncategory: Interfaces\npermalink: docs/apis/popup.html\nnext: apis/statusbar\n---\n\nA popup is not technically a component. Rather, it's a collection of methods on the ReactXP.App namespace that allow the app to display a view that overlays a portion of the screen. Popups can be \"anchored\" to mounted components and follow them as they move around the screen (e.g. in reaction to scroll events).\n\nWhen a popup is displayed, the caller specifies a PopupOptions structure that includes several callbacks, including a renderPopup method.\n\nPopups by default will not act like a toggle. When Popup.show is called, it will always show the Popup. If a Popup is required to act like a toggle, PopupOptions.dismissIfShown should be set to true. In this case, if Popup.show is called once for a component, it will show the popup. A subsequent call from the same component will dismiss the popup and so on.\n\nThe overall dimensions of a popup are assumed to remain constant for the lifetime of the popup. This allows the dimensions to be measured once, and the popup can then be positioned relative to the anchor.\n\nPopups are identified by a caller-specified ID that should be unique.\n\n## Types\n``` javascript\n// 'context' mode makes it attempt to behave like a context menu -- defaulting\n// to the lower right of the anchor element and working its way around. It is not supported\n// with inner positioning and will throw an exception if used there.\ntype PopupPosition = 'top' | 'right' | 'bottom' | 'left' | 'context';\n\ninterface PopupOptions {\n // Returns a mounted component instance that serves as the\n // \"anchor\" for the popup. Often a button.\n getAnchor: () => React.Component;\n\n // Renders the contents of the popup. This is called twice. The\n // first time it is called, the parameters are all defaults\n // (default position and 0 offset and dimensions). This allows\n // the popup to be measured and positioned. It is called a second\n // time with the position, offset and dimensions specified. This\n // allows the method to modify the appearance based on these\n // parameters. The dimensions should not be modified, however.\n renderPopup: (anchorPosition: PopupPosition, anchorOffset: number,\n popupWidth: number, popupHeight: number) => ReactNode;\n\n // Returns a mounted component instance that controls the triggering\n // of the popup. In the majority of cases, \"anchor\" of popup has\n // handlers to control when the popup will be seen and this function\n // is not required. In a few cases, where anchor is not the same as\n // the whole component that triggers when the popup wil be seen,\n // this can be used. For instance, a button combined with a chevron\n // icon, which on click triggers a popup below the chevron icon. In\n // this example, getElementTriggeringPopup() can return the container\n // with button and chevron icon.\n getElementTriggeringPopup?: () => React.Component;\n\n // Called when the popup is dismissed. Popup.isDisplayed() will return\n // false for the popup being dismissed when this callback runs.\n onDismiss?: () => void;\n\n // Prioritized order of positions. Popup is positioned\n // relative to the anchor such that it remains on screen.\n // Default is ['bottom', 'right', 'top', 'left'].\n positionPriorities?: string[];\n\n // Position the popup inside its anchor.\n // In this mode only the first position priority will be used.\n useInnerPositioning?: boolean;\n\n // On pressed handler to notify whoever wanted to create the popup\n // that its anchor has been pressed.\n // IMPORTANT NOTE: This handler may be called when the component is\n // already unmounted as it uses a time delay accommodate\n // fade-out animations.\n onAnchorPressed?: (e: SyntheticEvent) => void;\n\n // Determines if the anchor invoking the popup should behave like a toggle.\n // If true, calling Popup.show will show the popup. A subsequent call\n // will hide the popup. If false or undefined (default), calling Popup.show\n // will always show the popup.\n dismissIfShown?: boolean;\n\n // By default, clicks or taps outside of a popup (unless they are on the\n // anchor) will not dismiss the active popup. If true, this overrides the\n // default behavior, in which case the popup must be dismissed explicitly.\n preventDismissOnPress?: boolean;\n\n // The popup may be left in the DOM after it's dismissed. This is a\n // performance optimization to make the popup appear faster when it's shown\n // again, intended for popups that tend to be shown repeatedly. Note that\n // this is only a hint, so callers shouldn't rely on caching behavior.\n cacheable?: boolean;\n\n // Android, iOS, and Windows only.\n // The id of the root view this popup is associated with.\n // Defaults to the view set by UserInterface.setMainView();\n rootViewId?: string;\n}\n```\n\n## Methods\n\n``` javascript\n// Dismisses an already-displayed popup after a specified number\n// of milliseconds\nautoDismiss(popupId: string, dismissDelay: number = 0): void;\n\n// Dismisses an already-displayed popup immediately\ndismiss(popupId: string): void;\n\n// Dismisses all popups immediately\ndismissAll(): void;\n\n// Displays a popup. Returns true if successful, false if the popup is\n// already displayed\nshow(options: PopupOptions, popupId: string, showDelay: number = 0): boolean;\n\n// Indicates whether the specified popup is displayed. If no id provided indicates if some popup is displayed.\nisDisplayed(popupId?: string): boolean;\n```\n\n## Sample Usage\n\n``` javascript\nconst _popupId = 'myPopup';\nlet _popupDisplayed = false;\n\nonHoverStart() {\n if (!this._popupDisplayed) {\n this.displayPopup();\n }\n};\n\nonHoverEnd() {\n RX.Popup.autoDismiss(_popupId, 2000);\n};\n\ndisplayPopup() {\n let popupOptions: RX.Types.PopupOptions = {\n getAnchor: () => {\n return this._mountedButton;\n },\n renderPopup: (anchorPosition: Types.PopupPosition, anchorOffset: number,\n popupWidth: number, popupHeight: number) => {\n return this._renderPopupView(anchorPosition,\n anchorOffset, popupWidth, popupHeight);\n },\n positionPriorities: ['right', 'left', 'bottom', 'top'],\n onDismiss: () => {\n this._popupDisplayed = false;\n }\n };\n\n RX.Popup.show(popupOptions, _popupId, 500);\n this._popupDisplayed = true;\n}\n```\n\n"
},
{
"path": "docs/docs/apis/statusbar.md",
"content": "---\nid: apis/statusbar\ntitle: StatusBar\nlayout: docs\ncategory: Interfaces\npermalink: docs/apis/statusbar.html\nnext: apis/storage\n---\n\nThis interface provides control over the system status bar at the top of the screen on mobile platforms.\n\n## Methods\n``` javascript\n// Indicates whether the status bar overlays the app's main view (e.g. on iOS)\nisOverlay(): boolean;\n\n// Hides or shows the status bar with an optional animation\nsetHidden(hidden: boolean, showHideTransition: 'fade' | 'slide'): void;\n\n// Specifies the status bar visual style\nsetBarStyle(style: 'default' | 'light-content' | 'dark-content',\n animated: boolean): void;\n\n// Specifies whether the network activity indicator is visible.\nsetNetworkActivityIndicatorVisible(value: boolean): void;\n\n// Specifies the background color of the status bar (applies on Android only)\nsetBackgroundColor(color: string, animated: boolean): void;\n\n// Specifies whether the status bar is translucent or transparent\nsetTranslucent(translucent: boolean): void;\n```\n"
},
{
"path": "docs/docs/apis/storage.md",
"content": "---\nid: apis/storage\ntitle: Storage\nlayout: docs\ncategory: Interfaces\npermalink: docs/apis/storage.html\nnext: apis/userinterface\n---\n\nThis interface provides a simple key-based local storage mechanism. If you need more powerful options to persist data and work with them, consider using ReactXP's [Database Extension](/reactxp/docs/extensions/database).\n\n## Methods\n``` javascript\n// Clears all local storage keys\nclear(): SyncTasks.Promise;\n\n// Returns an item by key\ngetItem(key: string): SyncTasks.Promise;\n\n// Deletes an item by key\nremoveItem(key: string): SyncTasks.Promise;\n\n// Sets or replaces the value of an item by key\nsetItem(key: string, value: string): SyncTasks.Promise;\n```\n\n"
},
{
"path": "docs/docs/apis/userinterface.md",
"content": "---\nid: apis/userinterface\ntitle: UserInterface\nlayout: docs\ncategory: Interfaces\npermalink: docs/apis/userinterface.html\nnext: apis/userpresence\n---\n\nThis interface provides a variety of UI-related methods.\n\n## Types\n``` javascript\ninterface LayoutInfo {\n x: number;\n y: number;\n width: number;\n height: number;\n}\n```\n\n## Methods\n``` javascript\n// Specifies the \"main view\" of the app, which is rendered on the full\n// screen beneath any open modals or popups\nsetMainView(element: React.ReactElement): void;\n\n// Android & iOS only.\n// Wrapper around RN.AppRegistry.registerComponent();\n// IMPORTANT: Some APIs, e.g. Popup & Modal, require a string\n// `reactxp_rootViewId` prop to be set on the component from the\n// native-side.\nregisterRootView(viewKey: string, getComponentFunc: Function);\n\n// Specifies whether custom scrollbars should be enabled (applies\n// to web only)\nuseCustomScrollbars(enable: boolean): void;\n\n// Indicates whether the screen is \"high density\" (e.g. retina displays)\nisHighPixelDensityScreen(): boolean;\n\n// Measure the location and dimensions of a mounted component relative\n// to the window or one of its other containing views\nmeasureLayoutRelativeToWindow(component: React.Component):\n SyncTasks.Promise;\nmeasureLayoutRelativeToAncestor(component: React.Component,\n ancestor: React.Component): SyncTasks.Promise;\n\n// Measures the dimension of window (based on specified root view id or \n// defaults to main window or screen, in the case\n// of non-windowed platforms); the dimensions can also be obtained for any\n// view (including your app's top-level view) using the onLayout\n// callback\nmeasureWindow(rootViewId?: string): Types.Dimensions;\n\n// Indicates the \"size multiplier\" for text increase or decrease, which\n// can be adjusted by users on some platforms; defaults to 1.0\ngetContentSizeMultiplier(): SyncTasks.Promise;\n\n// Dismisses the on-screen keyboard (on applicable platforms)\ndismissKeyboard(): void;\n\n// Enables native -> script touch event latency diagnostic events.\n// When latency greater than latencyThresholdMs is observed, the\n// touchLatencyEvent will fire (on applicable platforms).\nenableTouchLatencyEvents(latencyThresholdMs: number): void;\n\n// Returns true if the application is in the keyboard navigation state,\n// when the user is using Tab key to navigate through the focusable\n// elements (on applicable platforms).\nisNavigatingWithKeyboard(): boolean;\n```\n\n## Events\n``` javascript\n// Triggered when the content size multiplier changes while the\n// app is running\ncontentSizeMultiplierChangedEvent: SubscribableEvent<\n (multiplier: number) => void>();\n\n// Triggered when enableTouchLatencyEvents has been called and\n// native -> script touch latency exceeding the threshold has\n// been observed (on applicable platforms).\ntouchLatencyEvent: SubscribableEvent<\n (observedLatencyMs: number) => void>();\n\n// Triggered when the keyboard navigation state is changed\n// (on applicable platforms).\nkeyboardNavigationEvent: SubscribableEvent<\n (isNavigatingWithKeyboard: boolean) => void>();\n```\n\n"
},
{
"path": "docs/docs/apis/userpresence.md",
"content": "---\nid: apis/userpresence\ntitle: UserPresence\nlayout: docs\ncategory: Interfaces\npermalink: docs/apis/userpresence.html\nnext: extensions/database\n---\n\nThis interface provides information about whether the user is currently present. The technique for detecting presence differs by platform. On mobile platforms, the user is assumed to be present as long as the app is in the foreground. On web platforms, the user is assumed to be present if the window is in the foreground, the tab is foremost, and some mouse or keyboard activity has been seen within the window within the past minute.\n\n# Methods\n``` javascript\n// Indicates whether the user is currently present\n// On web platforms, it indicates whether the user has focused on the app and interacted with the app in the last 60 seconds\nisUserPresent(): boolean;\n```\n\n## Events\n``` javascript\n// Triggered when the user presence changes\nuserPresenceChangedEvent: SubscribableEvent<\n (isPresent: boolean) => void>();\n```\n\n"
},
{
"path": "docs/docs/components/activityindicator.md",
"content": "---\nid: components/activityindicator\ntitle: ActivityIndicator\nlayout: docs\ncategory: Components\npermalink: docs/components/activityindicator.html\nnext: components/button\n---\n\nThis component displays an animated \"spinner\" control that tells the user that an operation is pending. Animation continues as long as the component is displayed.\n\n## Props\n``` javascript\n// Color of indicator\ncolor: color;\n\n// Number of ms to wait before displaying\ndeferTime: number = 0;\n\n// Size of indicator (exact sizes are platform-specific)\nsize: 'large' | 'medium' | 'small' | 'tiny';\n\n// ID that can be used to identify the instantiated element for testing purposes.\ntestId: string = undefined;\n```\n\n## Styles\n[**Flexbox Styles**](/reactxp/docs/styles.html#flexbox-style-attributes)\n\n[**View Styles**](/reactxp/docs/styles.html#view-style-attributes)\n\n[**Transform Styles**](/reactxp/docs/styles.html#transform-style-attributes)\n\n\n## Methods\nNo methods\n\n"
},
{
"path": "docs/docs/components/button.md",
"content": "---\nid: components/button\ntitle: Button\nlayout: docs\ncategory: Components\npermalink: docs/components/button.html\nnext: components/gestureview\n---\n\nLike View, this component is a generic container for other components. However, it adds some additional capabilities -- support for presses or clicks and hovering.\n\n## Props\nIn addition to the [common accessibility props](/reactxp/docs/accessibility.html), the following props are supported.\n\n``` javascript\n// Text to be used by screen readers\naccessibilityLabel: boolean = false;\n\n// Traits used to hint screen readers, etc.\naccessibilityTraits: AccessibilityTrait | AccessibilityTrait[] = undefined;\n\n// It is hard or impossible to tell by a reference to an instance of a component\n// from where this component has been instantiated. You can assign this property\n// and check instance.props.accessibilityId. For example accessibilityId is used\n// in View's FocusArbitrator callback.\naccessibilityId: string = undefined;\n\n// Opacity value the button should animate to on button touch\nactiveOpacity: number = undefined; // iOS and Android only\n\n// Id of an expandable element revealed by the button. Describes a relation\n// between button and element to screen reader.\nariaControls: string = undefined; // Web only\n\n// Specifies a unique id for an HTML element\n// NOTE: This property may be going away in future versions.\nid: string = undefined; // Web only\n\n// Expose the element and/or its children as accessible to Screen readers\nimportantForAccessibility?: ImportantForAccessibility = ImportantForAccessibility.Yes;\n\n// Delay in ms before onLongPress is called\ndelayLongPress: number = 1000;\n\n// If disabled, touch and mouse input events are ignored\ndisabled: boolean = false;\n\n// By default, opacity of a disabled element is 0.5. This value can be\n// overriden with this property\ndisabledOpacity: number = undefined;\n\n// Disable default opacity animation on touch of buttons\ndisableTouchOpacityAnimation: boolean = false; // iOS and Android only\n\n// Should be focused when the component is mounted, see also View's arbitrateFocus\n// property.\n// WARNING: autoFocus=true means that this Button's requestFocus() method will be\n// called, however calling requestFocus() might have no effect (for example the\n// button is disabled), the application has to handle this either while setting\n// this property or in the View's FocusArbitrator callback.\nautoFocus: boolean = false;\n\n// Called when VoiceOver is on and the user double tapped to\n// activate a control\nonAccessibilityTapIOS: (e: SyntheticEvent) => void; // iOS Only\n\n// Focus Events\nonFocus: (e: FocusEvent) => void = undefined;\nonBlur: (e: FocusEvent) => void = undefined;\n\n// Called when the mouse cursor enters or leaves the view bounds\nonHoverStart: (e: SyntheticEvent) => void;\nonHoverEnd: (e: SyntheticEvent) => void;\n\n// Keyboard Events\nonKeyPress: (e: KeyboardEvent) => void = undefined;\n\n// Called when the user has pressed and held for a specified duration\nonLongPress: (e: SyntheticEvent) => void;\n\n// Called when the touch or mouse button is released within the\n// bounds of the view and the press has not been canceled\nonPress: (e: SyntheticEvent) => void;\n\n// Called when touch is initiated or mouse button is pressed\nonPressIn: (e: SyntheticEvent) => void;\n\n// Called when touch or the mouse button is released or the\n// user's finger or mouse cursor is no longer over the view\nonPressOut: (e: SyntheticEvent) => void;\n\n// Rasterize contents using offscreen bitmap (perf optimization)\nshouldRasterizeIOS: boolean = false; // iOS only\n\n// See below for supported styles\nstyle: ButtonStyleRuleSet | ButtonStyleRuleSet[] = [];\n\n// Keyboard tab order\ntabIndex: number = undefined;\n\n// ID that can be used to identify the instantiated element for testing purposes.\ntestId: string = undefined;\n\n// Text for a tooltip\ntitle: string = undefined;\n\n// Background color that will be visible on button touch\nunderlayColor: string = undefined; // iOS and Android only\n```\n\n## Styles\n\n[**Flexbox Styles**](/reactxp/docs/styles.html#flexbox-style-attributes)\n\n[**View Styles**](/reactxp/docs/styles.html#view-style-attributes)\n\n[**Transform Styles**](/reactxp/docs/styles.html#transform-style-attributes)\n\n## Methods\n``` javascript\n// Sets the accessibility focus to the component.\nfocus(): void;\n\n// The preferable way to focus the component. When requestFocus() is called,\n// the actual focus() will be deferred, and if requestFocus() has been\n// called for several components, only one of those components will actually\n// get a focus() call. By default, last component for which requestFocus() is\n// called will get a focus() call, but you can specify arbitrateFocus property\n// of a parent View and provide the callback to decide which one of that View's\n// descendants should be focused. This is useful for the accessibility: when\n// consecutive focus() calls happen one after another, the next one interrupts\n// the screen reader announcement for the previous one and the user gets\n// confused. autoFocus property of focusable components also uses requestFocus().\nrequestFocus(): void;\n\n// Blurs the component.\nblur(): void;\n```\n\n"
},
{
"path": "docs/docs/components/gestureview.md",
"content": "---\nid: components/gestureview\ntitle: GestureView\nlayout: docs\ncategory: Components\npermalink: docs/components/gestureview.html\nnext: components/image\n---\n\nThis component provides support for common touch gestures -- tapping, double-tapping, long-pressing, panning, and pinching. It also handles common mouse-based gestures including double clicking and scroll wheel input.\n\nInformation about pending gestures is returned through event handlers. A caller can specify which gestures they are interested in by specifying those event handlers. For example, if you are interested in double taps and horizontal pans, provide an onDoubleTap and onPanHorizontal handler.\n\n## Props\n``` javascript\n// Alternate text for screen readers.\naccessibilityLabel: string = undefined;\n\n// Traits used to hint screen readers, etc.\naccessibilityTraits: AccessibilityTrait | AccessibilityTrait[] = undefined;\n\n// Expose the element and/or its children as accessible to Screen readers\nimportantForAccessibility?: ImportantForAccessibility =\n ImportantForAccessibility.Yes;\n\n// Gestures and attributes that apply only to touch inputs\nonPinchZoom: (gestureState: MultiTouchGestureState) => void = undefined;\nonRotate: (gestureState: MultiTouchGestureState) => void = undefined;\n\n// Gestures and attributes that apply only to mouse inputs\nonScrollWheel: (gestureState: ScrollWheelGestureState) => void = undefined;\nmouseOverCursor: GestureMouseCursor = undefined;\n\n// Gestures and attributes that apply to either touch or mouse inputs\nonPan: (gestureState: PanGestureState) => void = undefined;\nonPanVertical: (gestureState: PanGestureState) => void = undefined;\nonPanHorizontal: (gestureState: PanGestureState) => void = undefined;\nonTap: (gestureState: TapGestureState) => void = undefined;\nonDoubleTap: (gestureState: TapGestureState) => void = undefined;\nonContextMenu: (gestureState: TapGestureState) => void = undefined;\nonLongPress: (gestureState: TapGestureState) => void = undefined;\n\n// Focus Events\nonFocus: (e: FocusEvent) => void = undefined;\nonBlur: (e: FocusEvent) => void = undefined;\n\n// Keyboard Events\nonKeyPress: (e: KeyboardEvent) => void = undefined;\n\n// We can set vertical or horizontal as preferred\npreferredPan: PreferredPanGesture = undefined; // Horizontal or vertical\n\n// How many pixels (in either horizontal or vertical direction) until\n// pan is recognized? Default is 10. Can be any value > 0.\npanPixelThreshold: number = undefined;\n\n// Something else wants to become responder. Should this view\n// release the responder? Setting true allows release.\nreleaseOnRequest: boolean = false;\n\n// ID that can be used to identify the instantiated element for testing purposes.\ntestId: string = undefined;\n```\n\n## Styles\n\n[**Flexbox Styles**](/reactxp/docs/styles.html#flexbox-style-attributes)\n\n[**View Styles**](/reactxp/docs/styles.html#view-style-attributes)\n\n[**Transform Styles**](/reactxp/docs/styles.html#transform-style-attributes)\n\n## Methods\n``` javascript\n// Sets the accessibility focus to the component.\nfocus(): void;\n```\n\n"
},
{
"path": "docs/docs/components/image.md",
"content": "---\nid: components/image\ntitle: Image\nlayout: docs\ncategory: Components\npermalink: docs/components/image.html\nnext: components/link\n---\n\nThis component displays an image, which can come from a local source or from the network. It supports JPEG, GIF and PNG formats.\n\nIf child elements are specified, the image acts as a background, and the children are rendered on top of it.\n\nIf headers contains 'Cache-Control: max-stale' with no value specified and the image fails to load, the component tries again passing cache: 'only-if-cached' to the underlying native Image (iOS only). This way the app can render otherwise inaccessible stale cached images.\n\n## Props\n``` javascript\n// Alternate text to display if the image cannot be loaded\n// or by screen readers\naccessibilityLabel: string = undefined;\n\n// HTTP headers to include when fetching the URL.\nheaders: { [headerName: string]: string } = undefined;\n\n// Called when an error occurs that prevents the image from loading\nonError: (err?: Error) => void;\n\n// Called when the image successfully loads\nonLoad: (size: Dimensions) => void;\n\n// Android-specific resize property\nresizeMethod: 'auto' | 'resize' | 'scale' = 'auto'; // Android only\n\n// Determines how to resize the image if its natural size\n// does not match the size of the container\n// Note: In Web version, 'auto' doesn't scale down image\n// if width/height smaller than the original image size\nresizeMode: 'stretch' | 'contain' | 'cover' | 'auto' | 'repeat' = 'contain';\n\n// URL to image\nsource: string = undefined;\n\n// See below for supported styles\nstyle: ImageStyleRuleSet | ImageStyleRuleSet[] = [];\n\n// ID that can be used to identify the instantiated element for testing purposes.\ntestId: string = undefined;\n\n// Tooltip for image\ntitle: string = undefined;\n```\n\n## Styles\n[**Flexbox Styles**](/reactxp/docs/styles.html#flexbox-style-attributes)\n\n[**View Styles**](/reactxp/docs/styles.html#view-style-attributes)\n\n[**Transform Styles**](/reactxp/docs/styles.html#transform-style-attributes)\n\n## Methods\n``` javascript\n// Returns the native width and height of the image. Can be called only after\n// the onLoad has been called and only while the component is mounted.\ngetNativeHeight(): number;\ngetNativeWidth(): number;\n```\n\n## Static Methods\n```javascript\n// Prefetches a remote image and stores it in a cache. This can decrease the\n// amount of time it takes when you later want to show the image because the\n// image only has to be fetched from the local cache rather than over the\n// network.\nprefetch(url: string): Promise;\n\n// Similarly to [prefetch], this method loads a remote image and stores it in\n// a cache. If prefetching was successful it will also get image dimensions. It will be\n// useful if you need [getNativeHeight] or [getNativeWidth] after image\n// was loaded because you will get this info together with prefetching and before\n// you actually need to show the image.\ngetMetadata(url: string): Promise\n```\n"
},
{
"path": "docs/docs/components/link.md",
"content": "---\nid: components/link\ntitle: Link\nlayout: docs\ncategory: Components\npermalink: docs/components/link.html\nnext: components/picker\n---\n\nThis component displays a hyperlink. On the web, it translates to an <a> tag.\n\n## Props\n``` javascript\n// It is hard or impossible to tell by a reference to an instance of a component\n// from where this component has been instantiated. You can assign this property\n// and check instance.props.accessibilityId. For example accessibilityId is used\n// in View's FocusArbitrator callback.\naccessibilityId: string = undefined;\n\n// Should fonts be scaled according to system setting?\nallowFontScaling: boolean = true; // Android and iOS only\n\n// Should be focused when the component is mounted, see also View's arbitrateFocus\n// property.\nautoFocus: boolean = false;\n\n// For non-zero values, truncates with ellipsis if necessary\nnumberOfLines: number = 0;\n\n// Called when the mouse cursor enters or leaves the view bounds\nonHoverStart: (e: SyntheticEvent) => void = undefined;\nonHoverEnd: (e: SyntheticEvent) => void = undefined;\n\n// Event called when the touch or mouse button is released\n// within the bounds of the view and the press has not been canceled\nonPress: (e: SyntheticEvent, url: string) => void = undefined;\n\n// Event called when a long touch or mouse (> 1000ms) button is released\n// within the bounds of the view and the press has not been canceled\nonLongPress: (e: SyntheticEvent, url:string) => void = undefined;\n\n// Event called when context menu is triggered, either by\n// right mouse button click or context menu key\nonContextMenu: (e: MouseEvent) => void = undefined;\n\n// Can the link be included in a text selection?\nselectable: boolean = false;\n\n// See below for supported styles\nstyle: LinkStyleRuleSet | LinkStyleRuleSet[] = [];\n\n// ID that can be used to identify the instantiated element for testing purposes.\ntestId: string = undefined;\n\n// Text for a tooltip\ntitle: string = undefined;\n\n// URL to follow for hyperlink\nurl: string;\n```\n\n## Styles\n\n[**Text Styles**](/reactxp/docs/styles.html#text-style-attributes)\n\n[**Flexbox Styles**](/reactxp/docs/styles.html#flexbox-style-attributes)\n\n[**View Styles**](/reactxp/docs/styles.html#view-style-attributes)\n\n[**Transform Styles**](/reactxp/docs/styles.html#transform-style-attributes)\n\n## Methods\n``` javascript\n// Sets the focus to the component.\nfocus(): void;\n\n// The preferable way to focus the component. When requestFocus() is called,\n// the actual focus() will be deferred, and if requestFocus() has been\n// called for several components, only one of those components will actually\n// get a focus() call. By default, last component for which requestFocus() is\n// called will get a focus() call, but you can specify arbitrateFocus property\n// of a parent View and provide the callback to decide which one of that View's\n// descendants should be focused. This is useful for the accessibility: when\n// consecutive focus() calls happen one after another, the next one interrupts\n// the screen reader announcement for the previous one and the user gets\n// confused. autoFocus property of focusable components also uses requestFocus().\nrequestFocus(): void;\n\n// Blurs the component.\nblur(): void;\n```\n"
},
{
"path": "docs/docs/components/picker.md",
"content": "---\nid: components/picker\ntitle: Picker\nlayout: docs\ncategory: Components\npermalink: docs/components/picker.html\nnext: components/scrollview\n---\n\nThis component displays a control that allows the user to pick from a list of items.\n\n## Types\n``` javascript\ninterface PickerPropsItem {\n label: string;\n value: string;\n}\n```\n\n## Props\n``` javascript\n// List of items to be displayed in the picker\nitems: PickerPropsItem[] = [];\n\n// 'dialog': Show a modal dialog\n// 'dropdown': Shows a dropdown anchored to the picker view\nmode: 'dialog' | 'dropdown' = 'dialog'; // Android only\n\n// Invoked when the selected value changes\nonValueChange: (itemValue: string, itemPosition: number) => void;\n\n// Initially-selected item\nselectedValue: string;\n\n// See below for supported styles\nstyle: PickerStyleRuleSet | PickerStyleRuleSet[] = [];\n\n// ID that can be used to identify the instantiated element for testing purposes.\ntestId: string = undefined;\n```\n\n## Styles\n\n``` javascript\n**Text Color**\ncolor: 'string';\n```\n\n[**Flexbox Styles**](/reactxp/docs/styles.html#flexbox-style-attributes)\n\n[**View Styles**](/reactxp/docs/styles.html#view-style-attributes)\n\n[**Transform Styles**](/reactxp/docs/styles.html#transform-style-attributes)\n\n## Methods\n\nNo methods\n\n\n## Sample Usage\n\n``` javascript\nconst pickerItems: RX.Types.PickerPropsItem[] = [\n {\n label: 'Cool',\n value: 'cool'\n },\n {\n label: 'Super',\n value: 'super'\n },\n {\n label: 'Great',\n value: 'great'\n }\n];\n\nclass MyComponent extends RX.Component {\n constructor() {\n super();\n\n this.state = {\n selectedValue: 'cool'\n }\n }\n\n render(): JSX.Element {\n return (\n \n \n { 'How are you feeling?' }\n \n \n );\n }\n\n private _onValueChange = (itemValue: string, itemIndex: number) => {\n this.setState({ selectedValue: itemValue });\n }\n}\n```\n"
},
{
"path": "docs/docs/components/scrollview.md",
"content": "---\nid: components/scrollview\ntitle: ScrollView\nlayout: docs\ncategory: Components\npermalink: docs/components/scrollview.html\nnext: components/text\n---\n\nLike a View, this component is a container for other components. However, it supports scrolling (panning) and zooming so it is possible to view larger contents.\n\nScrollViews must have a bounded height (or width, if it scrolls horizontally) since its children are of unbounded height (or width). To bound the dimensions of a ScrollView, either set the height/width directly or make sure that its parent's height/width is bounded.\n\n## Props\n``` javascript\n// Should scroll bar bounce when user hits the bounds?\nbounces: boolean = true; // iOS only\n\n// Controls the scroll direction. When false or undefined, only vertical scroll is enabled, when true, only horizontal scroll is enabled\nhorizontal: boolean = false;\n\n// When the user scrolls the view, how should the on-screen keyboard react?\nkeyboardDismissMode: 'none' | 'interactive' | 'on-drag'; // Native only\n\n// Should the on-screen keyboard remain visible when the user taps\n// the scroll view?\nkeyboardShouldPersistTaps: boolean | 'always' | 'never' | 'handled' = 'never'; // Native only\n\n// Invoked when the contents of the scroll view change\nonContentSizeChange: (width: number, height: number) => void = undefined;\n\n// Focus Events\nonFocus: (e: FocusEvent) => void = undefined;\nonBlur: (e: FocusEvent) => void = undefined;\n\n// Keyboard Events\nonKeyPress: (e: KeyboardEvent) => void = undefined;\n\n// Invoked when view dimensions or position changes\nonLayout: (e: ViewOnLayoutEvent) => void = undefined;\n\n// Called when the scroll position changes\nonScroll: (newScrollTop: number, newScrollLeft: number) => void = undefined;\n\n// Called when the user starts or stops scrolling (touch-based systems only)\nonScrollBeginDrag: () => void = undefined;\nonScrollEndDrag: () => void = undefined;\n\n// Animation helpers to allow usage of the RN.Animated.Event system through ReactXP.\n// AnimatedValue objects hooked up to either (or both) of these properties will be automatically\n// hooked into the onScroll handler of the scrollview and .setValue() will be called on them\n// with the updated values. On supported platforms, it will use RN.Animated.event() to do\n// a native-side/-backed coupled animation.\nscrollXAnimatedValue?: RX.Types.AnimatedValue;\nscrollYAnimatedValue?: RX.Types.AnimatedValue;\n\n// Android only property to control overScroll mode\noverScrollMode?: 'auto' | 'always' | 'never';\n\n// Snap to page boundaries?\npagingEnabled: boolean = false; // Android & iOS only\nsnapToInterval: number = undefined; // iOS only\n\n// Is scrolling enabled?\nscrollEnabled: boolean = true;\n\n// Minimum duration (in milliseconds) between scroll events\nscrollEventThrottle: number = undefined;\n\n// Inset (in pixels) of scroll indicator from top/bottom (vertical)\n// or left/right (horizontal)\nscrollIndicatorInsets: ScrollIndicatorInsets = undefined;\n\n// If true, this scroll bar scrolls to the top when the user\n// taps on the status bar.\nscrollsToTop: boolean = false; // iOS only\n\n// Should the indicator be displayed?\nshowsHorizontalScrollIndicator: boolean = [same as horizontal];\nshowsVerticalScrollIndicator: boolean = [same as horizontal];\n\n// See below for supported styles\nstyle: ViewStyleRuleSet | ViewStyleRuleSet[] = [];\n\n// Windows-only property to control tab navigation inside the view\ntabNavigation?: 'local' | 'cycle' | 'once';\n\n// ID that can be used to identify the instantiated element for testing purposes.\ntestId: string = undefined;\n```\n\n## Styles\n[**Flexbox Styles**](/reactxp/docs/styles.html#flexbox-style-attributes)\n\n[**View Styles**](/reactxp/docs/styles.html#view-style-attributes)\n\n[**Transform Styles**](/reactxp/docs/styles.html#transform-style-attributes)\n\n## Methods\n``` javascript\n// Sets the accessibility focus to the component.\nfocus(): void;\n\n// Sets the absolute top or left position (measured in pixels) of the\n// viewport within the scroll view. Optionally animates from the current\n// position.\nsetScrollLeft(scrollLeft: number, animate: boolean): void;\nsetScrollTop(scrollTop: number, animate: boolean): void;\n```\n\n\n"
},
{
"path": "docs/docs/components/text.md",
"content": "---\nid: components/text\ntitle: Text\nlayout: docs\ncategory: Components\npermalink: docs/components/text.html\nnext: components/textinput\n---\n\nThis component displays basic text. Its children must be a string literal or a series of children that are either Text components or View components with a fixed height and width.\n\nUnlike other ReactXP components, some of the style attributes for an Text cascade to its children. In the following example, the title and body both inherit the styles from their parent RX.Text component, but they can also override specific style elements.\n\nAnother difference between Text and other components is that Text children are not layed out according to flexbox layout rules. Instead, an inline text layout is used.\n\n## Props\n\n``` javascript\n// Should fonts be scaled according to system setting?\nallowFontScaling: boolean = true; // Android and iOS only\n\n// When numberOfLines is set, this prop defines how text will be truncated.\n// head: The line is displayed so that the end fits in the container and\n// the missing text at the beginning of the line is indicated by an\n// ellipsis glyph. e.g., \"...wxyz\"\n// middle: The line is displayed so that the beginning and end fit in\n// the container and the missing text in the middle is indicated by an\n// ellipsis glyph. \"ab...yz\"\n// tail: The line is displayed so that the beginning fits in the container\n// and the missing text at the end of the line is indicated by an ellipsis\n// glyph. e.g., \"abcd...\"\nellipsizeMode: 'head' | 'middle' | 'tail'; // Android & iOS only\n\n// Specifies a unique id for an HTML element.\n// NOTE: This property may be going away in future versions.\nid: string = undefined; // Web only\n\n// Expose the element and/or its children as accessible to Screen readers\nimportantForAccessibility: ImportantForAccessibility =\n ImportantForAccessibility.Yes;\n\n// It is hard or impossible to tell by a reference to an instance of a component\n// from where this component has been instantiated. You can assign this property\n// and check instance.props.accessibilityId. For example accessibilityId is used\n// in View's FocusArbitrator callback.\naccessibilityId: string = undefined;\n\n// Should be focused when the component is mounted, see also View's arbitrateFocus\n// property.\n// WARNING: autoFocus=true means that this Text's requestFocus() method will be\n// called, however calling requestFocus() for Text might make sense only on mobile\n// for the accessibility reasons, on web it has no effect, the application has to\n// handle this either while setting this property or in the View's FocusArbitrator\n// callback.\nautoFocus: boolean = false;\n\n// For non-zero values, truncates with ellipsis if necessary. Web platform\n// doesn't support values greater than 1. Web platform may also not truncate\n// properly if text contains line breaks, so it may be necessary to replace\n// line breaks before rendering.\nnumberOfLines: number = 0;\n\n// Mouse & Touch Events\nonPress?: (e: SyntheticEvent) => void = undefined;\nonContextMenu?: (e: SyntheticEvent) => void = undefined;\n\n// Is the text selectable (affects mouse pointer and copy command)\nselectable: boolean = false;\n\n// See below for supported styles\nstyle: TextStyleRuleSet | TextStyleRuleSet[] = [];\n\n// ID that can be used to identify the instantiated element for testing purposes.\ntestId: string = undefined;\n```\n\n## Styles\n\n[**Text Styles**](/reactxp/docs/styles.html#text-style-attributes)\n\n[**Flexbox Styles**](/reactxp/docs/styles.html#flexbox-style-attributes)\n\n[**View Styles**](/reactxp/docs/styles.html#view-style-attributes)\n\n[**Transform Styles**](/reactxp/docs/styles.html#transform-style-attributes)\n\n## Methods\n``` javascript\n// Sets the accessibility focus to the component.\nfocus(): void;\n\n// The preferable way to focus the component. When requestFocus() is called,\n// the actual focus() will be deferred, and if requestFocus() has been\n// called for several components, only one of those components will actually\n// get a focus() call. By default, last component for which requestFocus() is\n// called will get a focus() call, but you can specify arbitrateFocus property\n// of a parent View and provide the callback to decide which one of that View's\n// descendants should be focused. This is useful for the accessibility: when\n// consecutive focus() calls happen one after another, the next one interrupts\n// the screen reader announcement for the previous one and the user gets\n// confused. autoFocus property of focusable components also uses requestFocus().\nrequestFocus(): void;\n\n// Blurs the component.\nblur(): void;\n\n// When selection is enabled, retrieves the selected text.\ngetSelectedText(): string; // Windows only\n```\n\n## Sample Usage\n\n``` javascript\n \n \n { this.props.title }\n \n \n { this.props.body }\n \n \n```\n\n``` javascript\n static _styles = {\n redBox: RX.Styles.createViewStyle({\n width: 10,\n height: 10,\n backgroundColor: 'red'\n })\n }\n\n \n { 'Red box ' } \n { ' inlined view example' } \n \n```\n\n"
},
{
"path": "docs/docs/components/textinput.md",
"content": "---\nid: components/textinput\ntitle: TextInput\nlayout: docs\ncategory: Components\npermalink: docs/components/textinput.html\nnext: components/view\n---\n\nThis component provides basic text input capabilities.\n\nIt can be used in one of two modes. In the first mode, the contents of the text input are static and are specified by the `value` prop. Any attempt to modify the value will result in `onChangeText`, which allows the owning component to re-render with an updated `value`. In the second mode, `value` is unspecified, and the text input value is allowed to be modified as long as it remains mounted. In this mode, the caller can specify an optional `defaultValue` prop to specify the initial value.\n\n## Props\nIn addition to the [common accessibility props](/reactxp/docs/accessibility.html), the following props are supported.\n\n``` javascript\n// Text to be used by screen readers\naccessibilityLabel: boolean = false;\n\n// It is hard or impossible to tell by a reference to an instance of a component\n// from where this component has been instantiated. You can assign this property\n// and check instance.props.accessibilityId. For example accessibilityId is used\n// in View's FocusArbitrator callback.\naccessibilityId: string = undefined;\n\n// Should fonts be scaled according to system setting?\nallowFontScaling: boolean = true; // Android and iOS only\n\n// Auto-capitalization mode\nautoCapitalize: 'none' | 'sentences' | 'words' | 'characters';\n\n// Should auto-correction be applied to contents?\nautoCorrect: boolean = true;\n\n// Should be focused when the component is mounted, see also View's arbitrateFocus\n// property.\n// WARNING: autoFocus=true means that this TextInput's requestFocus() method will be\n// called, however calling requestFocus() might have no effect (for example the\n// input is disabled), the application has to handle this either while setting this\n// property or in the View's FocusArbitrator callback.\nautoFocus: boolean = false;\n\n// Should focus be lost after submitting?\nblurOnSubmit: boolean = false;\n\n// iOS and Windows only property for controlling when the clear button\n// should appear on the right side of the text view. Default behavior\n// dependends on platform: equivalent to 'never' on iOS, and 'always'\n// on Windows.\nclearButtonMode: 'never' | 'while-editing' | 'unless-editing' | 'always';\n\n// Initial value that will change when the user starts typing\ndefaultValue: string = undefined;\n\n// Disable full screen editor mode?\ndisableFullscreenUI: boolean = false; // Android-specific\n\n// Can text be edited by the user?\neditable: boolean = true;\n\n// iOS-only prop for controlling the keyboard appearance\nkeyboardAppearance: 'default' | 'light' | 'dark';\n\n// On-screen keyboard type to display\nkeyboardType: 'default' | 'numeric' | 'email-address' | 'number-pad';\n\n// Maximum character count\nmaxLength: number = undefined;\n\n// Should the control support multiple lines of text?\nmultiline: boolean = false;\n\n// Called when the control loses focus\nonBlur: () => void = undefined;\n\n// Called when the text value changes\nonChangeText: (newValue: string) => void = undefined;\n\n// Called when the control obtains focus\nonFocus: () => void = undefined;\n\n// Called on a key event\nonKeyPress: (e: KeyboardEvent) => void = undefined;\n\n// Called when text is pasted into the control (not currently\n// supported on iOS or Android)\nonPaste: (e: ClipboardEvent) => void = undefined;\n\n// Called when the selection scrolls due to overflow\nonScroll: (newScrollLeft: number, newScrollTop: number) => void = undefined;\n\n// Called when the selection range or insertion point location changes\nonSelectionChange: (start: number, end: number) => void = undefined;\n\n// Called when the text input submit button is pressed; invalid if\n// multiline is true\nonSubmitEditing: () => void = undefined;\n\n// Placeholder text to dislpay when input is empty\nplaceholder: string = undefined;\n\n// Color of placeholder text\nplaceholderTextColor: color = '#ccc';\n\n// iOS and android prop for controlling return key type\nreturnKeyType: 'done' | 'go' | 'next' | 'search' | 'send';\n\n// Obscure the text input (for passwords)?\nsecureTextEntry: boolean = false;\n\n// Should spell checking be applied to contents?\nspellCheck: boolean = [value of autoCorrect];\n\n// See below for supported styles\nstyle: TextInputStyleRuleSet | TextInputStyleRuleSet[] = [];\n\n// ID that can be used to identify the instantiated element for testing purposes.\ntestId: string = undefined;\n\n// Text for a tooltip\ntitle: string = undefined;\n\n// If defined, the control value is forced to match this value;\n// if undefined, control value can be modified by the user\nvalue: string = undefined;\n```\n\n## Styles\n[**Text Styles**](/reactxp/docs/styles.html#text-style-attributes)\n\n[**Flexbox Styles**](/reactxp/docs/styles.html#flexbox-style-attributes)\n\n[**View Styles**](/reactxp/docs/styles.html#view-style-attributes)\n\n[**Transform Styles**](/reactxp/docs/styles.html#transform-style-attributes)\n\n## Methods\n``` javascript\n// Forces the control to give up focus\nblur(): void;\n\n// Gives the control focus. For mobile, use setAccessibilityFocus()\n// for setting screen reader focus\nfocus(): void;\n\n// The preferable way to focus the component. When requestFocus() is called,\n// the actual focus() will be deferred, and if requestFocus() has been\n// called for several components, only one of those components will actually\n// get a focus() call. By default, last component for which requestFocus() is\n// called will get a focus() call, but you can specify arbitrateFocus property\n// of a parent View and provide the callback to decide which one of that View's\n// descendants should be focused. This is useful for the accessibility: when\n// consecutive focus() calls happen one after another, the next one interrupts\n// the screen reader announcement for the previous one and the user gets\n// confused. autoFocus property of focusable components also uses requestFocus().\nrequestFocus(): void;\n\n// Gives the control accessibility-only focus\n// E.g. screen reader focus is needed, but popping up of native\n// keyboard is undesirable\nsetAccessibilityFocus(): void;\n\n// Does control currently have focus?\nisFocused(): boolean;\n\n// Extends selection to include all contents\nselectAll(): void;\n\n// Selects a range of text\nselectRange(start: number, end: number): void;\n\n// Returns the current selection range\ngetSelectionRange(): { start: number, end: number };\n\n// Sets the current value\nsetValue(value: string): void;\n```\n\n\n"
},
{
"path": "docs/docs/components/view.md",
"content": "---\nid: components/view\ntitle: View\nlayout: docs\ncategory: Components\npermalink: docs/components/view.html\nnext: components/webview\n---\n\nThis component is a generic container for other components.\n\n## Props\nIn addition to the [common accessibility props](/reactxp/docs/accessibility.html), the following props are supported.\n\n``` javascript\n// Alternate text for screen readers.\n// If not defined, title prop is used.\naccessibilityLabel: string = undefined;\n\n// Traits used to hint screen readers, etc.\naccessibilityTraits: AccessibilityTrait | AccessibilityTrait[] = undefined;\n\n// Region for accessibility mechanisms\naccessibilityLiveRegion: AccessibilityLiveRegion =\n undefined; // Android and web only\n\n// It is hard or impossible to tell by a reference to an instance of a component\n// from where this component has been instantiated. You can assign this property\n// and check instance.props.accessibilityId. For example accessibilityId is used\n// in View's FocusArbitrator callback.\naccessibilityId: string = undefined;\n\n// Opacity value the button should animate to, on touch on views that\n// have onPress handlers\nactiveOpacity: number = undefined; // iOS and Android only\n\n// Animation of children\n// - Every child must have a `key`.\n// - String refs aren't supported on children. Only callback refs are.\nanimateChildEnter: boolean = false;\nanimateChildLeave: boolean = false;\nanimateChildMove: boolean = false;\n\n// Id of an element that describes the view for screenreader.\nariaLabelledBy?: string = undefined; // Web only\n\n// A custom role description to be read by the screen readers.\nariaRoleDescription?: string = undefined; // Web only\n\n// Block touches for this component and all of its children\nblockPointerEvents: boolean = false;\n\n// Disable default opacity animation on touch on views that have\n// onPress handlers\ndisableTouchOpacityAnimation: boolean = false; // iOS and Android only\n\n// Specifies a unique id for an HTML element\n// NOTE: This property may be going away in future versions.\nid: string = undefined; // Web only\n\n// Ignore clicks and other mouse events, allowing children or\n// components behind to receive them\nignorePointerEvents: boolean = false;\n\n// Expose the element and/or its children as accessible to Screen readers\nimportantForAccessibility?: ImportantForAccessibility = Auto;\n\n// When the keyboard navigation is happening, restrict the focusable\n// elements within this view. Useful for popups and modals, you\n// might want to prevent the focus from going outside of the popup or\n// modal. The views with restrictFocusWithin are stacked and the last\n// mounted view is a winner. This means if you, for example, have\n// restricted the focus within some modal, and you have a popup (which\n// also desires for a restricted focus) inside this modal, the popup\n// will get the restriction, but when dismissed, the restriction will\n// be restored for the modal. See also the companion method\n// setFocusRestricted() below.\n// WARNING: For the sake of performance, this property is readonly and\n// changing it during the View life cycle will produce an error.\nrestrictFocusWithin: boolean = false;\n\n// When the keyboard navigation is happening, do not focus on this view\n// and on all focusable elements inside this view. See also the companion\n// method setFocusLimited() below.\n// Useful for the list items, allows to skip the consecutive focusing on\n// one list item (and item's internal focusable elements) after another\n// using the Tab key and implement the switching between the items using\n// the arrow keys (or using some other behaviour).\n// When limitFocusWithin=LimitFocusType.Limited, the View and the focusable\n// components inside the View get both tabIndex=-1 and aria-hidden=true.\n// When limitFocusWithin=LimitFocusType.Accessible, the View and the focusable\n// components inside the View get only tabIndex=-1.\n// WARNING: For the sake of performance, this property is readonly and\n// changing it during the View life cycle will produce an error.\nlimitFocusWithin: LimitFocusType = LimitFocusType.Unlimited;\n\n// Should be focused when the component is mounted, see also arbitrateFocus\n// property below.\n// WARNING: autoFocus=true means that this View's requestFocus() method will be\n// called, however calling requestFocus() might have no effect (for example on web\n// View is focusable only when tabIndex is specified), the application has to handle\n// this either while setting this property or in the View's FocusArbitrator callback.\nautoFocus: boolean = false;\n\n// When multiple components with autoFocus=true inside this View are mounting at\n// the same time, and/or multiple components inside this view have received focus()\n// call during the same render cycle, this callback will be called so that it's\n// possible for the application to decide which one should actually be focused.\narbitrateFocus: FocusArbitrator = undefined;\n\n// Additional invisible DOM elements will be added inside the view\n// to track the size changes that are performed behind our back by\n// the browser's layout engine faster (ViewBase checks for the layout\n// updates once a second and sometimes it's not fast enough)\nimportantForLayout: boolean = false; // web only\n\n// Mouse-specific Events\n// For drag specific events, if onDragStart is present, the view is draggable.\n// onDragStart/onDrag/onDragEnd are source specific events\n// onDragEnter/onDragOver/onDragLeave/onDrop are destination specific events\nonDragStart: (e: DragEvent) => void = undefined;\nonDrag: (e: DragEvent) => void = undefined;\nonDragEnd: (e: DragEvent) => void = undefined;\nonDragEnter: (e: DragEvent) => void = undefined;\nonDragOver: (e: DragEvent) => void = undefined;\nonDragLeave: (e: DragEvent) => void = undefined;\nonDrop: (e: DragEvent) => void = undefined;\nonMouseEnter: (e: MouseEvent) => void = undefined;\nonMouseLeave: (e: MouseEvent) => void = undefined;\nonMouseMove: (e: MouseEvent) => void = undefined;\nonMouseOver: (e: MouseEvent) => void = undefined;\n\n// Mouse & Touch Events\nonContextMenu: (e: React.SyntheticEvent) => void;\nonPress: (e: SyntheticEvent) => void = undefined;\n\n// Focus Events\nonFocus: (e: FocusEvent) => void = undefined;\nonBlur: (e: FocusEvent) => void = undefined;\n\n// Keyboard Events\nonKeyPress: (e: KeyboardEvent) => void = undefined;\n\n// Touch-specific Events\nonTouchStartCapture: (e: React.SyntheticEvent) => void = undefined;\nonTouchMoveCapture: (e: React.SyntheticEvent) => void = undefined;\nonLongPress: (e: SyntheticEvent) => void = undefined;\nonMoveShouldSetResponder: (e: React.SyntheticEvent) => boolean =\n undefined;\nonMoveShouldSetResponderCapture: (e: React.SyntheticEvent) => boolean =\n undefined;\nonResponderGrant: (e: React.SyntheticEvent) => void = undefined;\nonResponderReject: (e: React.SyntheticEvent) => void = undefined;\nonResponderRelease: (e: React.SyntheticEvent) => void = undefined;\nonResponderStart: (e: React.TouchEvent) => void = undefined;\nonResponderMove: (e: React.TouchEvent) => void = undefined;\nonResponderEnd: (e: React.TouchEvent) => void = undefined;\nonResponderTerminate: (e: React.SyntheticEvent) => void = undefined;\nonResponderTerminationRequest: (e: React.SyntheticEvent) => boolean =\n undefined;\nonStartShouldSetResponder: (e: React.SyntheticEvent) => boolean =\n undefined;\nonStartShouldSetResponderCapture: (e: React.SyntheticEvent) => boolean =\n undefined;\n\n// Other Events\nonLayout: (e: ViewOnLayoutEvent) => void = undefined;\n\n// Rasterize contents using offscreen bitmap (perf optimization)\nshouldRasterizeIOS: boolean = false; // iOS only\n\n// Keyboard tab order\ntabIndex: number = undefined;\n\n// ID that can be used to identify the instantiated element for testing purposes.\ntestId: string = undefined;\n\n// Text for a tooltip\ntitle: string = undefined;\n\n// See below for supported styles\nstyle: ViewStyleRuleSet | ViewStyleRuleSet[] = [];\n\n// Should use hardware or software rendering?\nviewLayerTypeAndroid: 'none' | 'software' | 'hardware'; // Android only property\n\n// Background color that will be visible on touch on views that have onPress\n// handlers\nunderlayColor: string = undefined; // iOS and Android only\n\n// When true\n// - renders children within the safe area boundaries of a device, i.e. with\n// padding with ensure the children don't cover navigation bars,\n// toolbars etc.\n// - Applies a style of { flex: 1, alignSelf: 'stretch' } to this view.\n// - Some ViewProps may be ignored.\nuseSafeInsets: boolean = false; // iOS only\n```\n\n## Styles\n[**Flexbox Styles**](/reactxp/docs/styles.html#flexbox-style-attributes)\n\n[**View Styles**](/reactxp/docs/styles.html#view-style-attributes)\n\n[**Transform Styles**](/reactxp/docs/styles.html#transform-style-attributes)\n\n## Methods\n``` javascript\n// Sets the focus to the component.\nfocus(): void;\n\n// The preferable way to focus the component. When requestFocus() is called,\n// the actual focus() will be deferred, and if requestFocus() has been\n// called for several components, only one of those components will actually\n// get a focus() call. By default, last component for which requestFocus() is\n// called will get a focus() call, but you can specify arbitrateFocus property\n// of a parent View and provide the callback to decide which one of that View's\n// descendants should be focused. This is useful for the accessibility: when\n// consecutive focus() calls happen one after another, the next one interrupts\n// the screen reader announcement for the previous one and the user gets\n// confused. autoFocus property of focusable components also uses requestFocus().\nrequestFocus(): void;\n\n// Blurs the component.\nblur(): void;\n\n// The focus does not go outside the view with restrictFocusWithin by default,\n// setFocusRestricted() allows to turn this restriction off and back on.\nsetFocusRestricted(restricted: boolean): void; // web only\n\n\n// The focus does not go inside the view with limitFocusWithin by default,\n// setFocusLimited() allows to turn this limitation off and back on.\nsetFocusLimited(limited: boolean): void; // web only\n```\n"
},
{
"path": "docs/docs/components/webview.md",
"content": "---\nid: components/webview\ntitle: WebView\nlayout: docs\ncategory: Components\npermalink: docs/components/webview.html\nnext: apis/alert\n---\n\nThis has been deprecated from ReactXP Core and moved to an extension (reactxp-webview) inline with the React Native Lean Core initiative.\n"
},
{
"path": "docs/docs/extensions/database.md",
"content": "---\nid: extensions/database\ntitle: Database\nlayout: docs\ncategory: Extensions\npermalink: docs/extensions/database.html\nnext: extensions/imagesvg\n---\n\nReactXP provides a [Storage API](/reactxp/docs/apis/storage) for reading and writing simple key/value pairs. Many apps have more complex storage requirements. For this, we developed a no-SQL database wrapper that works on React Native and on browsers. The solution isn't tied to ReactXP, but they work well together.\n\nFor more details, refer to the [NoSqlProvider](https://github.com/Microsoft/NoSQLProvider) GitHub site.\n\nTo install: ```npm install nosqlprovider```\n"
},
{
"path": "docs/docs/extensions/imagesvg.md",
"content": "---\nid: extensions/imagesvg\ntitle: ImageSvg\nlayout: docs\ncategory: Extensions\npermalink: docs/extensions/imagesvg.html\nnext: extensions/navigator\n---\n\nThis component displays a vector image (SVG format). Props control the fill color, stroke color and stroke width.\n\nThe path(s) are specified using the standard SVG string format. Paths must be specified in a nested SvgPath component instance. Multiple SvgPath children can be specified, each with different stroke and fill parameters. SvgRect children\nare also supported at this time, with the limited props available in react-native-svg.\n\nTo install: ```npm install reactxp-imagesvg``` or ```yarn add reactxp-imagesvg```\n\n## ImageSvg Props\n``` javascript\n// See below for supported styles\nstyle: RX.ImageSvgStyleRuleSet | RX.ImageSvgStyleRuleSet[] = [];\n\n// Color and opacity of fill; default values are provided by SVG\nfillColor: color;\nfillOpacity: number;\n\n// Preserve aspect ratio or stretch?\npreserveAspectRatio: boolean = true;\n\n// Color, width and opacity of stroke; default values are provided by SVG\nstrokeColor: color;\nstrokeWidth: number;\nstrokeOpacity: number;\n\n// Tooltip for image\ntitle: string = undefined;\n\n// Bounding box\nviewBox: string = undefined;\n\n// Shadow\nwebShadow: boolean = false; // web-specific\n```\n\n## SvgCommon Props\nThese props apply to all of the sub-SVG-element types below:\n\n``` javascript\n// Color and opacity of fill; default values are provided by SVG\nfillColor: color;\nfillOpacity: number;\n\n// Color, width and opacity of stroke; default values are provided by SVG\nstrokeColor: color;\nstrokeWidth: number;\nstrokeOpacity: number;\n```\n\n## SvgPath Props\n``` javascript\n// Path definition string\nd: string = undefined;\n```\n\n## SvgRect Props\n``` javascript\n// Position and dimension information for the rect\nx: number;\ny: number;\nwidth: number;\nheight: number;\n```\n\n## Styles\n\n[**Flexbox Styles**](/reactxp/docs/styles.html#flexbox-style-attributes)\n\n[**View Styles**](/reactxp/docs/styles.html#view-style-attributes)\n\n[**Transform Styles**](/reactxp/docs/styles.html#transform-style-attributes)\n\n## Methods\nNo methods\n\n## Sample Usage\n``` javascript\nimport { default as RXImageSvg, SvgPath as RXSvgPath, Types as SvgTypes }\n from 'reactxp-imagesvg';\n\nreturn (\n \n \n);\n```\n\n\n"
},
{
"path": "docs/docs/extensions/navigator.md",
"content": "---\nid: extensions/navigator\ntitle: Navigator\nlayout: docs\ncategory: Extensions\npermalink: docs/extensions/navigator.html\nnext: extensions/netinfo\n---\n\nThis component provides a way for the app to present a virtual stack of \"cards\", allowing the user to push or pop those cards onto the stack in an animated manner. The caller can control the animation type and direction.\n\nWhen a new card is presented, the Navigator calls the renderScene method, allowing the caller to render the contents. Cards are identified by \"routes\", which contain a unique ID and configuration parameters that control the behavior of the transition.\n\nWhen a Navigator is first mounted, the stack is empty. The caller must wait for the mount to complete, then specify the list of routes to present.\n\nThe current implementation of Navigator on React Native makes use of the deprecated \"Navigator Experimental\". We will look at moving away from this implementation to the now-recommended \"react-navigation\" in the near future. Some of the more advanced interfaces may need to change. These are listed at the end of this article. Use these with caution.\n\nTo install: ```npm install reactxp-navigation```\n\n## Types\n``` javascript\n// Specifies the behavior when transitioning from one\n// card to another within the stack.\nenum NavigatorSceneConfigType {\n FloatFromRight,\n FloatFromLeft,\n FloatFromBottom,\n Fade,\n FadeWithSlide\n}\n\n// Provides information about a card and how it should\n// be presented when pushed onto the stack or popped\n// off the stack.\ninterface NavigatorRoute {\n // Uniquely identifies the card\n routeId: number;\n\n // Animation parameter\n sceneConfigType: NavigatorSceneConfigType;\n\n // Optional gesture response distance override;\n // 0 is equivalent to disabling gestures;\n // works only on React Native platforms\n gestureResponseDistance?: number;\n\n // Optional custom scene config;\n // works only on React Native platforms\n customSceneConfig?: CustomNavigatorSceneConfig;\n}\n```\n\n## Props\n``` javascript\n// Style to apply to the card\ncardStyle: ViewStyleRuleSet = undefined;\n\n// Called to render the specified scene\nrenderScene: (route: NavigatorRoute) => JSX.Element = undefined;\n\n// Called when a transition between cards is complete\ntransitionCompleted: () => void = undefined;\n```\n\n## Methods\n``` javascript\n// Returns the current list of routes\ngetCurrentRoutes(): Types.NavigatorRoute[];\n\n// Replaces the current list of routes with a new list\nimmediatelyResetRouteStack(\n nextRouteStack: Types.NavigatorRoute[]): void;\n\n// Pops the top route off the stack\npop(): void;\n\n// Pops zero or more routes off the top of the stack until\n// the specified route is top-most\npopToRoute(route: Types.NavigatorRoute): void;\n\n// Pops all routes off the stack except for the last\n// remaining item in the stack\npopToTop(): void;\n\n// Push a new route onto the stack\npush(route: Types.NavigatorRoute): void;\n\n// Replaces the top-most route with a new route\nreplace(route: Types.NavigatorRoute): void;\n\n// Replaces an existing route (identified by index) with\n// a new route\nreplaceAtIndex(route: Types.NavigatorRoute, index: number): void;\n\n// Replaces the next-to-top-most route with a new route\nreplacePrevious(route: Types.NavigatorRoute): void;\n```\n\n## Sample Usage\n\nThis sample demonstrates how an app can use Navigator to present a two-card stack, allowing the user to navigate between them. It omits some details for brevity. For a full working example, check out the hello-world sample app.\n\n``` javascript\nenum NavigationRouteId {\n MainPanel,\n SecondPanel\n};\n\nclass App extends RX.Component {\n private _navigator: RX.Navigator;\n\n componentDidMount() {\n // Now that the app is mounted, specify the initial\n // navigator route.\n this._navigator.immediatelyResetRouteStack([{\n routeId: NavigationRouteId.MainPanel,\n sceneConfigType: RX.Types.NavigatorSceneConfigType.Fade\n }]);\n }\n\n render() {\n return (\n ;\n\n// Returns the type of network\ngetType(): SyncTasks.Promise;\n```\n\n## Events\n``` javascript\n// Triggered when the connectivity changes\nconnectivityChangedEvent: SubscribableEvent<(isConnected: boolean) => void>;\n```\n\n## Sample Usage\n\n``` javascript\nprivate isConnected: boolean;\n\nconstructor() {\n // Query the initial connectivity state.\n this.isConnected = false;\n RXNetInfo.isConnected().then(isConnected => {\n this.isConnected = isConnected;\n });\n\n RXNetInfo.connectivityChangedEvent.subscribe(isConnected => {\n // Update the connectivity state.\n this.isConnected = isConnected;\n });\n}\n```\n\n## Other Notes\n\nOn Android, the following permission must be added to make use of the network interfaces.\n\n``` xml\n {\n return this.performApiGet('users');\n }\n\n getUserById(id: string): SyncTasks.Promise {\n return this.performApiGet('user/' + id);\n }\n\n setUser(user: User): SyncTasks.Promise {\n return this.performApiPut('user/' + user.id, user);\n }\n}\n```\n"
},
{
"path": "docs/docs/extensions/video.md",
"content": "---\nid: extensions/video\ntitle: Video\nlayout: docs\ncategory: Extensions\npermalink: docs/extensions/video.html\nnext: extensions/virtuallistview\n---\n\nThis component provides video playback capabilities, presenting optional controls for play, pause, etc.\n\nTo install: ```npm install reactxp-video```\n\n## Types\n``` javascript\n// Used to return progress information in the onProgress callback\ninterface VideoProgress {\n currentTime: number;\n playableDuration: number;\n atValue?: number;\n target?: number;\n atTimeScale?: number;\n}\n\n// Used to return information about the video once its metadata\n// has been loaded; returned by the onLoadedData callback\ninterface VideoInfo {\n duration?: number;\n naturalSize?: {\n width: number;\n height: number;\n };\n}\n```\n\n## Props\n``` javascript\n// Alternate text to display if the image cannot be loaded\n// or by screen readers\naccessibilityLabel: string = undefined;\n\n// Authentication token to include in request (not supported\n// on some React Native implementations)\nauthToken: string = undefined;\n\n// Should video playback loop to beginning after it completes?\nloop: boolean = false;\n\n// Called when the video is paused for buffering\nonBuffer: () => void = undefined;\n\n// Called when enough of the video has been loaded that playback\n// is possible\nonCanPlay: () => void = undefined;\n\n// Called when enough of the video has been loaded that playback\n// can proceed all the way to the end without buffering pauses\nonCanPlayThrough: () => void = undefined;\n\n// Called when the video playback reaches the end\nonEnded: () => void = undefined;\n\n// Called when the video cannot be loaded\nonError: () => void = undefined;\n\n// Called when the video's metadata has been loaded; returns\n// information about the video\nonLoadedData: (info: VideoInfo) => void = undefined;\n\n// Called when the video data is starting to load\nonLoadStart: () => void = undefined;\n\n// Called periodically when the video is playing; reports\n// progress information\nonProgress: (progress: VideoProgress) => void = undefined;\n\n// Indiciates which portion of the video should be pre-loaded\n// when the component is mounted\npreload: 'auto'|'metadata'|'none' = 'none';\n\n// Determines how to resize the image if its natural size\n// does not match the size of the container\nresizeMode: 'contain'|'cover'|'stretch' = 'contain';\n\n// Displays controls for play, pause, etc.\nshowControls: boolean = false;\n\n// Source of video (URL) or resource `id` as resolved by `require()` for `react-native` targets.\nsource: string | number;\n\n// See below for supported styles\nstyle: ViewStyleRuleSet | ViewStyleRuleSet[] = [];\n```\n\n## Styles\n[**Flexbox Styles**](/reactxp/docs/styles.html#flexbox-style-attributes)\n\n[**View Styles**](/reactxp/docs/styles.html#view-style-attributes)\n\n[**Transform Styles**](/reactxp/docs/styles.html#transform-style-attributes)\n\n\n## Methods\n``` javascript\n// Mutes or unmutes the sound for the video\nmute(muted: boolean): void;\n\n// Pauses the video\npause(): void;\n\n// Plays the video at its current position\nplay(): void;\n\n// Seeks to the specified position (specified in seconds)\nseek(position: number): void;\n```\n\n## Sample Usage\n``` javascript\nreturn (\n {\n constructor() {\n super();\n\n this.state = {\n items: [{\n key: 'header1',\n height: _headerItemHeight,\n text: 'Domstic Fruits',\n template: _headerItemTemplate\n }, {\n key: 'bannana',\n height: _fruitItemHeight,\n text: 'Banana',\n template: _fruitItemTemplate\n }, {\n key: 'apple',\n height: _fruitItemHeight,\n text: 'Apple',\n template: _fruitItemTemplate\n }]\n };\n }\n\n render() {\n return (\n ) {\n const viewStyle = RX.Styles.createViewStyle({\n height: details.item.height,\n backgroundColor: item.template === _headerItemTemplate ?\n '#ddd' : '#fff',\n alignItems: 'center'\n }, false);\n\n return (\n \n \n { details.item.text }\n \n \n );\n }\n}\n```\n\n\n## Interfaces\n``` javascript\ninterface VirtualListViewItemInfo {\n // A string that uniquely identifies this item.\n key: string;\n\n // Specifies the known height of the item or a best guess if the\n // height isn't known.\n height: number;\n\n // Specifies that the height is not known and needs to be measured\n // dynamically. This has a big perf overhead because it requires a\n // double layout (once offscreen to measure the item). It also\n // disables cell recycling. Wherever possible, it should be avoided,\n // especially for perf-critical views.\n measureHeight?: boolean;\n\n // Specify the same \"template\" string for items that are rendered\n // with identical or similar view hierarchies. When a template is\n // specified, the list view attempts to recycle cells whose templates\n // match. When an item scrolls off the screen and others appear on\n // screen, the contents of the cell are simply updated rather than\n // torn down and rebuilt.\n template: string;\n\n // Is the item navigable by keyboard or through accessibility\n // mechanisms?\n isNavigable?: boolean;\n}\n```\n\n## Props\n``` javascript\n// Should the list animate additions, removals and moves within the list?\nanimateChanges?: boolean;\n\ninitialSelectedKey?: string;\n\n// Ordered list of descriptors for items to display in the list.\nitemList: VirtualListViewItemInfo[];\n\n// Use this if you want to vertically offset the focused item from the \n// top of the viewport when using keyboard nav\nkeyboardFocusScrollOffset?: number;\n\n// Logging callback to debug issues related to the VirtualListView.\nlogInfo?: (textToLog: string) => void;\n\n// Callback when an item in the VLV is selected\nonItemSelected?: (item: ItemInfo) => void;\n\n// Optional padding around the scrolling content within the list.\npadding?: number;\n\n// Callback for rendering item when it becomes visible within view port.\nrenderItem: (renderDetails: VirtualListCellRenderDetails) => \n JSX.Element | JSX.Element[];\n\n// If true, allows each item to overflow its visible cell boundaries;\n// by default, item contents are clipped to cell boundaries.\nshowOverflow?: boolean;\n\n// By default, VirtualListView re-renders every item during the render.\n// Setting this flag to true allows the list view to re-render only\n// items from itemList whose descriptor has changed, thus avoiding\n// unnecessary rendering. It uses _.isEqual to perform this check. In\n// this mode, renderItem should not depend on any external state, only\n// on VirtualListViewItemInfo, to render item.\nskipRenderIfItemUnchanged?: boolean;\n\n// ID that can be used to identify the instantiated element for testing purposes.\ntestId: string = undefined;\n\n// Pass-through properties for scroll view.\nkeyboardDismissMode?: 'none' | 'interactive' | 'on-drag';\nkeyboardShouldPersistTaps?: boolean;\ndisableScrolling?: boolean;\nscrollsToTop?: boolean; // iOS only, scroll to top when user taps on status bar\ndisableBouncing?: boolean; // iOS only, bounce override\nscrollIndicatorInsets?: { top: number, left: number,\n bottom: number, right: number }; // iOS only\nonLayout?: (e: RX.Types.ViewOnLayoutEvent) => void;\nscrollEventThrottle?: number;\nonScroll?: (scrollTop: number, scrollLeft: number) => void;\nscrollXAnimatedValue?: RX.Types.AnimatedValue;\nscrollYAnimatedValue?: RX.Types.AnimatedValue;\n\n```\n\n## Methods\n``` javascript\n// Scrolls the view to the specified top value (specified in pixels).\nscrollToTop(animated = true, top = 0);\n\n// Sets selection & focus to specified key\nselectItemKey(key: string);\n```\n\n"
},
{
"path": "docs/docs/extensions/webview.md",
"content": "---\nid: extensions/webview\ntitle: WebView\nlayout: docs\ncategory: Extensions\npermalink: docs/extensions/webview.html\n---\n\nThis component displays HTML contents in an embedded browser control.\n\nTo limit the functionality of the browser control, specify one or more sandbox options. For detailed definitions of sandbox flags, refer to the [HTML documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe).\n\n\n## Types\n``` javascript\nenum WebViewSandboxMode {\n None = 0,\n AllowForms = 1 << 0,\n AllowModals = 1 << 1,\n AllowOrientationLock = 1 << 2,\n AllowPointerLock = 1 << 3,\n AllowPopups = 1 << 4,\n AllowPopupsToEscapeSandbox = 1 << 5,\n AllowPresentation = 1 << 6,\n AllowSameOrigin = 1 << 7,\n AllowScripts = 1 << 8,\n AllowTopNavigation = 1 << 9,\n\n // Control https mixed content behavior, never by default\n AllowMixedContentAlways = 1 << 10,\n AllowMixedContentCompatibilityMode = 1 << 11\n}\n\ninterface WebViewNavigationState {\n canGoBack: boolean;\n canGoForward: boolean;\n loading: boolean;\n url: string;\n title: string;\n readonly navigationType:\n | 'click'\n | 'formsubmit'\n | 'backforward'\n | 'reload'\n | 'formresubmit'\n | 'other';\n}\n\ninterface WebViewErrorState {\n description: string;\n domain: string;\n code: string;\n}\n\ninterface WebViewSource {\n html: string;\n baseUrl?: string; // Native only\n}\n```\n\n## Props\n``` javascript\n// Allow javascript code to call storage methods?\ndomStorageEnabled: boolean = true; // Native only\n\n// JavaScript code that is injected into the control and executed\ninjectedJavaScript: string = undefined; // Native only\n\n// Is JavaScript executed within the control?\njavaScriptEnabled: boolean = true;\n\n// Determines whether HTML5 audio and video requires the user to tap them before they start playing.\nmediaPlaybackRequiresUserAction: boolean = true; // Native only\n\n// Determines whether HTML5 videos play inline or use the native full-screen controller.\nallowsInlineMediaPlayback: boolean = false; // iOS only\n\n// HTTP headers to include when fetching the URL.\nheaders: { [headerName: string]: string } = undefined;\n\n// Called when an error occurs that prevents the contents from loading\nonError: (e: SyntheticEvent) => void = undefined; // Native only\n\n// Called when the contents successfully load\nonLoad: (e: SyntheticEvent) => void = undefined;\n\n// Called when the contents start to load\nonLoadStart: (e: SyntheticEvent) => void = undefined; // Native only\n\n// Called when a message is posted from within a WebView\nonMessage: (e: WebViewMessageEvent) => void = undefined;\n\n// Called when the navigation state changes\nonNavigationStateChange: (navigationState: WebViewNavigationState) => void; // Native only\n\n// Flags that restrict behaviors within the control\nsandbox: WebViewSandboxMode = None;\n\n// Zooms the page contents to fit the available space; deprecated on\n// iOS in RN 0.57\nscalesPageToFit: boolean = false; // Native only\n\n// HTML to display in webview (if url is not specified)\nsource: WebViewSource = undefined;\n\n// Start loading immediately or wait for reload?\nstartInLoadingState: boolean = true; // Native only\n\n// See below for supported styles\nstyle: WebViewStyleRuleSet | WebViewStyleRuleSet[] = [];\n\n// ID that can be used to identify the instantiated element for testing purposes.\ntestId: string = undefined;\n\n// URL to HTML content\nurl: string = undefined;\n```\n\n## Styles\nNo specialized styles\n\n## Methods\n``` javascript\n// Navigate back and forward\ngoBack();\ngoForward();\n\n// Posts a message to the web control, allowing for communication between\n// the app and the JavaScript code running within the web control. On native\n// platforms, the targetOrigin is ignored.\npostMessage(message: string, targetOrigin?: string = '*'): void;\n\n// Force the page to reload\nreload();\n```\n\n"
},
{
"path": "docs/docs/extensions.md",
"content": "---\nid: extensions\ntitle: Extensions\nlayout: docs\ncategory: Overview\npermalink: docs/extensions.html\nnext: components/activityindicator\n---\n\nThe ReactXP library is designed to be as lightweight as possible, including only those cross-platform APIs and \"primitive\" components that are required by almost every app. Functionality that is needed less commonly is provided in the form of optional extensions.\n\nThere are two distinct types of extensions.\n1. Higher-level components that contain no platform-specific code but build upon the lower-level primitives to provide new (typically more complex) functionality.\n2. Additional APIs or \"primitive\" components that have separate implementations for each of the supported platforms.\n\nExtensions are published as separate npm packages. They typically start with the prefix \"reactxp-\".\n\n\n## Higher-level ReactXP Components\n\nUsing a higher-level component is just like using any other component in React. Because these components are built on cross-platform ReactXP primitives, they also work in a cross-platform manner.\n\n\n## Primitive ReactXP Extensions\n\nTo use a primitive extension in your app, add it to your package.json like any other npm module. Then import it at the top of the code module where you want to consume it.\n\nHere is an example of how to use a hypothetical extension that provides video playback capabilities in a cross-platform manner.\n\n``` typescript\nimport RXVideoPlayer from 'reactxp-videoplayer';\n\nclass MyVideoPanel extends RX.Component {\n render() {\n return (\n . P and S refer to *props* and *state*, two concepts that we will explore below. The most important method in a React component is the *render* method. The example below shows a minimal React component that simply renders some text.\n\n class HelloWorld extends React.Component {\n render() {\n return Hello World;\n }\n }\n\nThis example uses the JSX angle bracket syntax. TypeScript 1.6 contains native support for this notation. Simply name your source file with a \"tsx\" file extension rather than \"ts\".\n\nNote that this component is emitting a \"div\" tag, which is valid only in browser environments. To make this into a ReactXP component, simply replace the \"div\" with a \"RX.Text\" tag.\n\n class HelloWorld extends RX.Component {\n render() {\n return Hello World ;\n }\n }\n\nAlso note that `RX.Component` replaces `React.Component` in the above example. [ReactXP *re-exports* `React.Component`](https://github.com/Microsoft/reactxp/blob/master/src/web/ReactXP.ts#L131) as `RX.Component` so your imports remain tidy, you don't need to import `React` specifically.\n\n## Props\nIt's convenient for parent components to customize child components by specifying parameters. React allows components to define a set of properties (or \"props\" for short). Some props are required, others are optional. Props can be simple values, objects, or even functions.\n\nWe will modify the Hello World example to introduce an optional \"userName\" prop. If specified, the component will render a hello message to the user. Methods within the component class can access the props using \"this.props\".\n\n interface HelloWorldProps {\n userName?: string; // Question mark indicates prop is optional\n }\n\n class HelloWorld extends RX.Component {\n render() {\n return (\n \n { 'Hello ' + (this.props.userName || 'World') }\n \n );\n }\n }\n\n## Styles\nThe example above renders a string using default styles (font, size, color, etc.). You can override style defaults by specifying a \"style\" prop. In this example, we render bold text on a green background. Note that styles within React (and ReactXP) borrow heavily from CSS.\n\n // By convention, styles are created statically and referenced\n // through a private (not exported) _styles object.\n const _styles = {\n container: RX.Styles.createViewStyle({\n backgroundColor: 'green'\n }),\n text: RX.Styles.createTextStyle({\n color: 'red',\n fontSize: 36, // Size in pixels\n fontWeight: 'bold'\n })\n };\n\n class HelloWorld extends RX.Component {\n render() {\n return (\n \n \n Hello World\n \n \n );\n }\n }\n\nFor more details about style attributes, refer to the [styles](/reactxp/docs/styles.html) documentation or the documentation for each component.\n\n## Layout Directives\n\nReact uses flexbox directives for component layout. These directives are specified along with styling information. A number of flexbox tutorials are available online. [Here](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) is one we especially recommend. Using flexbox directives, you can specify the primary layout direction (row or column), justification, alignment, and spacing.\n\nReact also adopts the notion of margin and padding from CSS. Margin is the amount of space around a component, and padding is the amount of space between the boundary of the component and its children.\n\nHere is an example style that incorporates margin, padding and flexbox directives.\n\n const _styles = {\n container: RX.Styles.createViewStyle({\n flexDirection: 'column',\n flexGrow: 1,\n flexShrink: 1,\n alignSelf: 'stretch',\n justifyContent: 'center',\n margin: 4,\n padding: 4,\n backgroundColor: 'green'\n })\n };\n\nFor more details about layout directives, refer to the [styles](/reactxp/docs/styles.html) documentation.\n\n## Event Handling\n\nEvents, such as user gestures, key presses or mouse actions, are reported by way of event-handler callbacks that are specified as props. In this example, the component registers an onPress callback for a button.\n\n class CancelButton extends RX.Component {\n render() {\n return (\n \n Cancel\n \n );\n }\n\n private _onPress = (e: RX.SyntheticEvent) => {\n e.stopPropagation();\n\n // Cancelation logic goes here.\n }\n }\n\nThis example makes use of a TypeScript lambda function to bind the _onPress variable to the method instance at class creation time. It also demonstrates a few conventions (use of the variable name \"e\" to represent the event object and a method name beginning with an underscore to indicate that it's private). It also demonstrates a best practice (calling the stopPropagation method to indicate that the event was handled).\n\n## State\n\nAs we saw in the examples above, a component's appearance and behavior can change based on externally-provided props. It can also change based on its own internally-managed state. As a simple example, the visual style may change when a user mouses over the component.\n\nReact components can define a *state* object. When this object is updated through the use of the *setState* method, the component's render method is automatically called. In the example below, we implement a simple stop light with two states. Depending on the current state, the light is drawn in red or green. A press or click toggles the state.\n\n interface StopLightState {\n // Fields within a state object are usually defined as optional\n // (hence the question mark below) because calls to setState\n // typically update only a subset of the fields.\n isStopped?: boolean;\n }\n\n const _styles = {\n redButton: RX.Styles.createViewStyle({\n width: 30,\n height: 30,\n borderRadius: 15,\n backgroundColor: 'red'\n }),\n greenButton: RX.Styles.createViewStyle({\n width: 30,\n height: 30,\n borderRadius: 15,\n backgroundColor: 'green'\n })\n };\n\n class StopLight extends RX.Component {\n getInitialState(): StopLightState {\n return { isStopped: true };\n }\n\n render() {\n // Choose the appropriate style for the current state.\n var buttonStyle = this.state.isStopped ?\n _styles.redButton : _styles.greenButton;\n\n return (\n \n );\n });\n\n return (\n \n { users }\n \n );\n }\n\n## Mounting & Unmounting\n\nWhen React encounters a component spec that has no corresponding node in the current virtual DOM, it inserts the spec into the virtual DOM. It also allocates a corresponding DOM element (in the case of React JS) or native control (in the case of React Native). This is referred to as *mounting* a component. Likewise, when a component instance is removed from the real DOM or native control hierarchy, it is said to be *unmounted*. Certain methods, such as *setState*, can be called only while a component is mounted.\n\nThe React.Component base class, from which all components derive, defines several methods that are called immediately before and after a component is mounted and before a component is unmounted. Component classes can override these methods if desired. For example, if you want to set the focus to a text input box, this can be done within the componentDidMount method.\n\n protected componentWillMount();\n protected componentDidMount();\n protected componentWillUnmount();\n\n## Updating\n\nA previously-mounted component can be updated in one of two ways -- through modification of its props or its state. By default, React performs a deep comparison of props and state to determine whether they have changed. Components may override this behavior to provide optimized comparison logic based on more detailed knowledge about the component.\n\n protected shouldComponentUpdate(nextProps: P, nextState: S);\n\nOnce it is determined that a component should be updated, it is informed before and after the update.\n\n protected componentWillReceiveProps(props: P);\n protected componentWillUpdate(nextProps: P, nextState: S);\n protected componentDidUpdate(prevProps: P, prevState: S);\n"
},
{
"path": "docs/docs/react_stores.md",
"content": "---\nid: react_stores\ntitle: Stores & Services\nlayout: docs\ncategory: Overview\npermalink: docs/react_stores.html\nnext: styles\n---\n\n## Stores\n\nReact is concerned only with the view layer of your app. It doesn't dictate the data model layer. However, it is common within React apps to refer to the data sources as _stores_. There are many ways that stores can be used, but most of them employ some form of subscription model whereby components register with a store, indicating that they are interested in all or part of the store's data. When the data within a store changes, it notifies all components that have expressed an interest in the change. Components can then update their internal state accordingly, triggering a re-render if appropriate.\n\n## Flux\n\nOne popular model for stores and store updates is called _Flux_. It was designed by Facebook engineers for use with React. There are several good tutorials about Flux online. [Here](https://drewdevault.com/2015/07/20/A-practical-understanding-of-Flux.html) is one that we recommend. It is worth noting that Flux is a programming pattern -- a set of principles, not a framework or collection of APIs. You may choose to adopt all or some of the Flux principles.\n\n## ReSub\n\nThe Skype team initially adopted the Flux principles, but we found it to be cumbersome. It requires the introduction of a bunch of new classes (dispatchers, action creators, and dispatch events), and program flow becomes difficult to follow and debug. Over time, we abandoned Flux and created a simpler model for stores. It leverages a new language feature in TypeScript (annotations) to automatically create subscriptions between components and stores. This eliminates most of the code involved in subscribing and unsubscribing. This pattern, which we refer to as [ReSub](https://github.com/Microsoft/ReSub), is independent of ReactXP, but they work well together.\n\n"
},
{
"path": "docs/docs/styles.md",
"content": "---\nid: styles\ntitle: Styles\nlayout: docs\ncategory: Overview\npermalink: docs/styles.html\nnext: animations\n---\n\nEach component type supports a predefined set of style attributes. ReactXP defines strongly-typed style objects for each base component. This allows for compile-time checking and IntelliSense. Styles must be allocated using the provided RX.Styles methods. These methods also perform validation of values and simple platform-specific or browser-specific transforms. Here are a few examples:\n\n``` javascript\nconst myViewStyle = RX.Styles.createViewStyle({\n backgroundColor: 'green'\n});\n\nconst myTextStyle = RX.Styles.createTextStyle({\n fontSize: 36,\n fontWeight: 'bold'\n});\n```\n\nMany base components share common subsets of style attributes. For example, almost every base component supports the flexbox attributes. See below for some of these common attribute sets.\n\n## Combining Styles\n\nAll of the base components support a *style* prop that can accept a single style or an array of styles (or a nested array). If an array of styles is provided, the styles are combined in a depth-first manner left to right. Falsy values (false, null, undefined) can also be specified in a style array. This allows for the following common pattern.\n\n``` javascript\n let buttonTextStyles = [_styles.baseText, this.state.hovering && _styles.hoverText];\n```\n\nHere is another variant that does the same thing -- a little more verbose but arguably easier to read.\n\n``` javascript\nlet buttonTextStyles = [_styles.baseText];\nif (this.state.hovering) {\n buttonTextStyles.push(_styles.hoverText);\n}\n```\n\nIf \"margin\" and \"padding\" attributes are combined with edge-specific attributes (e.g. \"marginLeft\" or \"paddingBottom\"), the specific attributes always override the general. This matches the [combining behavior of React Native](https://github.com/necolas/react-native-web/blob/0.10.0/docs/guides/style.md#how-styles-are-resolved) (but differs from CSS).\n\n``` javascript\n// this.props.style might be undefined, a single style, or a (potentially-nested)\n// array of styles.\n\n \n \n Building on React
\n ReactXP builds on the popular React JS and React Native frameworks.
\n \n \n XP means X-Platform
\n Share most of your code between the web, iOS, Android, and Windows.
\n \n \n Apps Users Will Love
\n Create great-looking, responsive web pages and mobile apps that feel native.
\n \n \n \n
\n\n \n \n \n The authors of React use the phrase “learn once, write anywhere”. With React and React \n Native, your web app can share most its logic with your iOS and Android apps, but the view \n layer needs to be implemented separately for each platform. We have taken this a step further \n and developed a thin cross-platform layer we call ReactXP. If you write your app to this \n abstraction, you can share your view definitions, styles and animations across multiple target \n platforms. Of course, you can still provide platform-specific UI variants, but this can be done\n selectively where desired.\n
\n \n ReactXP is designed with cross-platform development in mind. In general, it exposes\n APIs, components, props, styles and animation parameters that are implemented in\n a consistent way across React JS (HTML) and React Native for iOS and Android. A few\n platform-specific props and style attributes have been exposed, but we have tried to\n keep these to a minimum.\n
\n \n ReactXP is meant to be as lightweight as possible. The “core” components and APIs are\n limited to the functionality required for almost all applications. Extensions to\n ReactXP expose more specialized functionality in a similar cross-platform manner.\n
\n \n \n \n
\n"
},
{
"path": "docs/versions/version_history.md",
"content": "---\nid: version_history\ntitle: Version History\nlayout: hero\nsectionid: versions\npermalink: versions/version_history.html\nredirect_from:\n - \"versions/index.html\"\n---\n\n## ReactXP Versioning\n\n### Versioning Strategy\nA new version of ReactXP will be released periodically following the same general update timeline of React Native. Each new version will get its own branch, allowing consumers of the library to take a dependency on a stable code base.\n\nFollowing semver rules, the major version (the first number in the version string) will be incremented for breaking changes. The minor version (the second number) will be incremented for major new functionality that does not break existing contracts or behaviors.\n\n\n### Version History\n\n#### Version 2.0.0 of reactxp - _30 November 2019_\n* All releases and notes going forward will be tracked on the [Github ReactXP Releases page](https://github.com/microsoft/reactxp/releases)\n\n#### Version 2.0.0-rc.2 of reactxp-video - _9 October 2019_\n* Updated react-native-video to 4.X\n\n#### Version 2.0.0-rc.2 of reactxp-webview - _12 September 2019_\n* Upgraded react-native-webview dependency\n\n#### Version 2.0.0-rc.1 of reactxp - _27 July 2019_\n* Adopted new major version number to reflect breaking changes with netinfo and webview.\n* No other functionality since 1.7.0-rc.1 was published.\n\n#### Version 1.7.0-rc.1 of reactxp-video, reactxp-imagesvg, reactxp-navigation - _14 July 2019_\n* No new functionality, just version and dependency updates.\n\n#### Version 1.7.0-rc.1 of reactxp - _14 July 2019_\n* #1077: Added longPress support for web.\n* #1080: Addes upport for delayLongPress on web.\n* #1079: Fixed bug that caused onTouchMove not to trigger on mobile web.\n* #1082: Added support on web for onTouchStart, onTouchEnd, and onTouchCancel props for RX.View.\n* #1087: Added support on web for onHoverEnd.\n* #1059: Improved support for RN 0.59.\n* #1089: Added support on web for onTouchMoveCapture and onTouchStartCapture props of RX.View.\n* #1098: Fixed bug on web where reference to HTML element was not released properly, resulting in leak.\n* #1088: Added support on web for scrollEnabled prop in RX.ScrollView.\n* #1098: Fixed bug in handling of images on RN platforms.\n* #1118: Fixed bug on web related to pan gestures.\n* #1114: Fixed crash on Android relating to TextInput event processing.\n* #1102: Fixed bug on web where animated properties were not properly updated if they were interpolated.\n* #1117: Added support on web for blockPointerEvents prop on RX.View.\n* #1101: Extracted RX.WebView out of ReactXP core into an extension.\n* #1091: Fixed bug on web in onPressIn processing where event could get triggered twice.\n\n#### Version 2.0.0 of reactxp-virtuallistview - _6 Apr 2019_\n* #1073: Removed internal string-based refs with React.RefObject.\n\n#### Version 1.6.1 of reactxp - _23 Mar 2019_\n* #1062: Fixed TextInput defaultValue not working on native platforms\n* #1060: Fixed Ref type.\n* #1058: Fixed ref assert on Windows.\n\n#### Version 1.6.1 of reactxp-video - _23 Mar 2019_\n* #1066: Fixed video extension to support react-native local assets.\n\n#### Version 1.6.1 of reactxp-navigation - _23 Mar 2019_\n* #1063: Fixed regression in reactxp-navigation.\n\n#### Version 1.6.0 of reactxp-imagesvg, reactxp-navigation, reactxp-video - _16 Mar 2019_\n* No new features; updated dependencies.\n\n#### Version 1.6.0 of reactxp - _16 Mar 2019_\n* No new features; updated dependencies.\n\n#### Version 1.6.0-rc.4 of reactxp - _15 Mar 2019_\n* #1055: Fixed crash due to incompatibilty with newly-released RN 59.\n\n#### Version 1.6.0-rc.3 of reactxp - _10 Mar 2019_\n* #891: Fixed bad interaction between RX.Clipboard.getText() and iOS Safari.\n\n#### Version 1.6.0-rc.2 of reactxp - _9 Mar 2019_\n* #1041: Fixed textDecorationStyle and textDecorationColor on web.\n* #1042: Fixed transform rotate styles on web so they take a unit (e.g. \"deg\") for consistency with RN.\n* #1040: Fixed auto-dismissing popups on the web.\n* #1026: Changed margin and padding style combination rules on web to match RN.\n\n#### Version 1.6.0-rc.1 of reactxp - _17 Feb 2019_\n* #961: Fixed crash when calling setScrollTop/Left on native version of ScrollView.\n* #972: If blurOnSubmit is specified on a TextInput, the code now respects that value.\n* #974: Fixed bug in native Button implementation where 'false' style would be passed when disableTouchOpacityAnimation was specified.\n* #980: Fixed bug in web implementation of onLongPress.\n* #976: Made multiline TextInput growth behavior on web match native.\n* #984: Added code to catch exception in web implementation of Storage.setItem method.\n* #996: Added stronger typings for ref callbacks.\n* #993: Added support for mediaPlaybackRequiresUserAction and allowsInlinedMediaPlayer props for WebView.\n* #957: Added context mode to the popup container handling type list.\n* #994: Removed msHyphens css property in web implementation of Text.\n* #1001: Fixed units for rotateZ translation type for web animations.\n* #1004: Fixed bug that resulted in crash when ReactXP ran in node (test) environment.\n* #1006: Made selectItemKey scrollTo behaviour configurable - scrolling isn't always desired.\n* #1016: View responder events props are now triggered properly.\n* #1024: Added more mouse cursor types for web version of GestureView.\n* Added support for interpolated animation values that have angle units (e.g. \"90deg\") on web.\n\n#### Version 2.0.0-rc.3 of reactxp-virtuallistview - _30 Jan 2019_\n* #1006: Make selectItemKey scrollTo behaviour configurable - scrolling isn't always desired\n* #1007: Perf Improvements\n\n#### Version 2.0.0-rc.2 of reactxp-virtuallistview - _15 Jan 2019_\n* #989: Auto-scroll VLV on mount when initialScrollKey prop is provided\n* #989: Fix keyboard scrolling bugs when non-keyboard-navigable items are interspersed with keyboard-navigable items\n\n#### Version 2.0.0-rc.1 of reactxp-virtuallistview - _11 Jan 2019_\n* #944: Rework VirtualListView for improved accessibility/performance (this contains breaking API changes - see documentation for new API)\n\n#### Version 1.5.0 of reactxp-imagesvg, reactxp-navigation, reactxp-video, reactxp-virtuallistview - _1 Dec 2018_\n* No new features; updated dependencies.\n\n#### Version 1.5.0 of reactxp - _1 Dec 2018_\n* #935: Maded ReactXP compatible with React.Fragment.\n* #933: Reset VoiceOver queue when app goes inactive or in background (iOS and Windows).\n* #939: Added keyboard event mapping for kePress handling in View (Windows and MacOS).\n* #941: Updated RX.Animated.InterpolatedValue to allow for chaining interpolations.\n* #942: Added key mappings for MacOS and wired onKeyPress for RX.View.\n* #943: Added focus and blur calls for RX.Button, RX.Link, RX.Text and RX.View.\n* #946: Fixed crashing bug in accessibility for iOS and MacOS.\n* #949: Added onFocus, onBlur and onKeyPress support for GestureView.\n* #948: Respect negative tabIndex in Button on MacOS.\n* #953: Wired up tabIndex prop for web implementation of RX.TextInput.\n\n#### Version 1.5.0-rc.4 of reactxp - _18 Nov 2018_\n* #909: Eliminated not-prebound callbacks in view resize detector on web (perf improvement).\n* #912: Fixed VoiceOver iOS 12 issue.\n* #913 and #923: Added key codes that are specific for MacOS.\n* #916: Added basic tabindex handling on views for MacOS.\n* #920: Removed deep comparison on every button prop change (perf improvement).\n* #917: Added onKeyDown support for MacOS ScrollView.\n* #922: Removed undocumented and broken (onRN) API: addToScrolLeft and addToScrollTop on RX.ScrollView.\n* #928: Fixed bug in _buildInternalProps of View relating to tabIndex.\n* #927: Fixed drag support on MacOS.\n* Added CONTRIBUTION guide.\n\n#### Version 1.5.0-rc.1 of reactxp-virtuallistview - _11 Nov 2018_\n* #899: Fix web accessibility\n* #902: Mac accessibility improvements (keyboard focus).\n\n#### Version 1.5.0-rc.3 of reactxp - _11 Nov 2018_\n* #898: Ensure taht onKeyDown/Focus/Blur events are sent from ScrollView.\n* #895: On Windows, make FocusManager track View instances with negative tabIndex.\n* #901: Optimization on native platforms: when there are no accessibilityTraits, don't create an additional unneeded array.\n* #902: Mac accessibility improvements (keyboard focus).\n\n#### Version 1.5.0-rc.2 of reactxp - _28 Oct 2018_\n* Fixed regression introduced recently in web version of ScrollView.\n\n#### Version 1.5.0-rc.1 of reactxp - _27 Oct 2018_\nNew functionality:\n* #848: Added support for RTL (right-to-left) change event on native platforms.\n* #843: Added new AlertOption preventDismissOnPress.\n* #847: Added support for Animated.Event, which allows animations to be associated with scroll events.\n* #868: Added support for placeholder text color on web platform.\nBug fixes:\n* #833: Eliminated rerender of app when mousing over popups.\n* #846: Disabled mouse gestures in main view when a modal dialog is overlaying the main view.\n* #854: Removed draggable=\"false\" in web implementation of View, since this is the default value.\n* #853: Emulate cache-control: max stale on iOS.\n* #869: Eliminate excess focus calls.\n* #877 and #875: Fixed crashes relating to popups due to race condition in unmounting.\n* #873: Fixed scroll view focus issue on MacOS.\n* Fixed several \"hanging promises\" that didn't properly deal with error conditions.\n\n#### Version 1.4.0 of reactxp - _30 Sep 2018_\n* Added the ability to programmatically retrieve the text selection for RX.Text (if selectable attribute is true). Includes test cases in RXPTest sample.\n* Added drag and drop capabilities to RX.View (including onDragStart, onDrag, onDragEnd props). Includes test cases in RXPTest sample.\n\n#### Version 1.4.0-rc.1 of reactxp-navigation - _21 Sep 2018_\n* Changed renderScene to accept a return value of null rather than undefined, making it consistent with other render functions.\n\n#### Version 1.4.0-rc.2 of reactxp - _15 Sep 2018_\n* Fixed bug #800: If there are only cached popups and no visible one the main remains inaccessible for screen readers.\n* Fixed bug #815: Show warning in console if disallowed style combinations appear.\n\n#### Version 1.4.0-rc.1 of reactxp - _9 Sep 2018_\n* Worked around change in recent versions of RN that removed support for Images with children.\n* Changed announceForAccessibility implementation to use Assertive live region type instead of Polite.\n* In web implementation of RX.Image, always show the img tag if XHR request option is used.\n* Fixed bug #744: On web implementation, styling behavior differed between developmenta nd production.\n* Added support for the new React.RefObject variant of ref prop.\n* Added support for multi-window apps to RX.Alert.\n* Added support for onLongPress to RX.GestureView.\n* Fixed bug #793: In web implementation, cursor type was overridden in some cases.\n* Added useWebKit prop for native RN.WebView in prep for NR 0.57 on iOS.\n* Fixed bug that caused testID not to be set properly for RX.View instances.\n\n#### Version 1.3.2 of reactxp-imagesvg - _25 Aug 2018_\n* Added support for SvgRect children within SvgImage.\n\n#### Version 1.3.1 of reactxp-imagesvg - _7 Aug 2018_\n* Fixed bug in native implementation that caused runtime warning every time SvgPath was used.\n\n#### Version 1.3.2 of reactxp - _2 Aug 2018_\n* Fixed bug #745: WebView.onMessage receives additional props which are not defined in Types.WebViewMessageEvent.\n* Fixed bug #746 relating to cursor overrides for buttons on the web implementation.\n* Fixed bug #749: Set size attribute of input HTML element to 1.\n* Fixed bug #753: isRightMouseButton implementation that works also on Mac.\n* Fixed bug #752: Accessibility fix for Clipboard.\n* Fixed bug #756: Prevent a crash during onLayout handling on web.\n* Fixed bug #761: Update usages of findDOMNode to indicate that it returns null.\n* Fixed bug #767: buttonStyles may be undefined; fixed inconsistency in onAccessibilityTapIOS definition for Button and View.\n* Fixed regression in Timers.ts. Some environments don't define \"global\" and use \"window\" instead for the built-in timer functions.\n* Use semver for reactxp dependencies.\n* Feature #764: Add support for Android WebView compatibility modes.\n\n#### Version 1.3.1 of reactxp-virtuallistview - _2 Aug 2018_\n* Added support for testId prop.\n\n#### Version 1.3.2 of reactxp - _7 Jul 2018_\n* Updated custom tslint rule groupedImportRule to treat imports starting with '@' as relative rather than ambient.\n* Made 'auto' a valid resizeMode for images in web implementation.\n* Added support for 'title' prop on RX.TextInput.\n\n#### Version 1.3.0 of reactxp-imagesvg, reactxp-navigation, reactxp-video, reactxp-virtuallistview - _28 Jun 2018_\n* No new features; updated dependencies.\n\n#### Version 1.3.0 of reactxp - _28 Jun 2018_\n* Added support for function keys in native desktop implmenetations.\n* Fixed recent regression that caused a crash when using the web implementation in a non-browser environment like node.\n* Reverted change in behavior on web implementation of ActivityState.Inactive. This state is no longer used on the web, as before 1.3.0-rc.4.\n\n#### Version 1.3.0-rc.6 of reactxp - _25 Jun 2018_\n* Added support for testId prop to all reactxp components. On native, it uses testID. On web, it adds a data-test-id attribute to the node.\n* Added three new tslint custom rules that are useful for reactxp projects.\n\n#### Version 1.3.0-rc.5 of reactxp - _24 Jun 2018_\n* Added missing definition for getMetadata method in RX.Image.\n* Implemented RX.International methods for web platform.\n\n#### Version 1.3.0-rc.4 of reactxp - _19 Jun 2018_\n* Enabled context menu on keyboard input in Windows UWP implementation.\n* On web implementation, augmented AppActivityState. Inactive state now indicates that main window is not in focus.\n* On web implementation, eliminated dependency on ifvisible library, shrinking the footprint of reactxp.\n\n#### Version 1.3.0-rc.3 of reactxp - _16 Jun 2018_\n* [Breaking Change] Removed hideDeleteButton prop in RX.TextInput in favor of clearButtonMode prop, which applies to iOS and Windows UWP.\n\n#### Version 1.3.0-rc.2 of reactxp - _14 Jun 2018_\n* [Breaking Change] Renamed several methods in RX.Animated.ValueListener that were meant to be private.\n* Improved screen reader support in Windows UWP implementation.\n* On iOS implementation, automatically set decelerationRate to \"fast\" if snapToInterval is set.\n* Added hideDeleteButton prop to RX.TextInput for Windows UWP.\n\n#### Version 1.3.0-rc.1 of reactxp - _13 Jun 2018_\n* Fixed accessibility issues with screen reader in Windows UWP implementation.\n* Removed shouldRasterizeIOS prop on RX.Image. It was never supported in RN, so it was just a no-op.\n* Fixed bug in RX.Network.getType() which returned the wrong response if the device was connected to ethernet on Android.\n\n#### Version 1.3.0-rc.0 of reactxp - _10 Jun 2018_\n* Fixed a few bugs in keyboard focus handling for Windows UWP.\n* Web implementation of RX.Image now uses credentials for image fetches if origin header is specified.\n* Added support for text shadows in RX.Text (shadowColor, shadowOffset, shadowRadius style attributes).\n* Fixed keyboard navigation logic for multi-root-view case.\n* Wired up tooltips in web implementation of RX.Button, RX.Image, RX.Link, and RX.View (title prop).\n* Extended RX.UserInterface.measureWindow to support multi-root-view case. It now takes an optional rootViewId parameter.\n* Added drag and drop handler support for Mac OS.\n* Added new static API RX.Image.getMetadata that returns dimensions of an image.\n* Avoided the use of the deprecated RN.NetInfo \"change\" event in favor of \"connectionChange\" so RN doesn't emit warning.\n* Added back parameter to onBlur event handler that was incorrectly removed in version 1.2.x.\n\n#### Version 1.2.1 of reactxp - _24 May 2018_\n* Wired up onPaste handler for Windows implementation.\n* Fixed bug that resulted in cached popups to appear when they shouldn't.\n* Fixed bug in web implementation of RX.ScrollView that resulted in incorrect screen reader announcements.\n\n#### Version 1.2.0 of reactxp-imagesvg, reactxp-navigation, reactxp-video, reactxp-virtuallistview - _22 May 2018_\n* Automatically suppressed system context menu for selectable RX.Text items on Windows if containing view has onContextMenu handler.\n\n#### Version 1.2.0 of reactxp - _22 May 2018_\n* Automatically suppressed system context menu for selectable RX.Text items on Windows if containing view has onContextMenu handler.\n\n#### Version 1.1.2-rc.3 of reactxp - _21 May 2018_\n* Fixed bug in RX.Linking.getInitialUrl, which was returning null rather than undefined for the url in some cases.\n* Added support for Dilaog trait to trigger yes-dont-hide importantForAccessibility behavior in Windows implementation.\n* Fixed UWP accessibility announce to make it act the same way as Android.\n* Create correct Animated.TextInput for Windows.\n\n#### Version 1.1.2-rc.2 of reactxp - _15 May 2018_\n* Improved keyboard focus support. Added focus, blur and requestFocus methods to several existing components. Added new focusArbitrator prop to RX.View, which allows callback to arbitrate between multiple children that are requesting autofocus.\n* Fixed bug that caused group view children to be invisible to UI automation.\n* Improved keyboard support for Windows implementation.\n\n#### Version 1.1.2-rc.1 of reactxp - _9 May 2018_\n* Fixed bug in Windows implementation that prevented RX.Input.keyDownEvent from being dispatched.\n* Fixed bugs in Windows implementation that reported wrong key codes for keyboard events.\n* Fixed focus management for cacheable popups in Windows implementation.\n* Fixed type definitions of GestureView, ScrollView and WebView. They were incorrectly extending ViewBase, which pulled in a number of unsupported props.\n* Fixed bug that caused cached popups to appear on screen when not appropriate.\n* Added onContextMenu prop to GestureView.\n* Added accessibility trait for ListItem.\n* In Windows implementation, use RNW.Hyperlink for rendering RX.Link.\n* Removed \"justifyEnd\" prop from RX.ScrollView. It was never implemented as documented.\n* Added useSafeInsets prop onR X.View to support rendering within safe area on iOS.\n* Fixed bug RX.StatusBar.setBarStyle where animated parameter was not properly passed to RN.\n* Added onContextMenu to RX.Link.\n\n#### Version 1.1.1 of reactxp - _13 Apr 2018_\n* Fixed reentrancy issue in popup support. Displaying a popup from within the onDismiss callback was recently broken.\n* Added disabledOpacity prop for RX.Button component.\n* Improved handling of RX.Clipboard.setText on web. It now properly handles carriage returns.\n* Fixed TextInput focusability after focus restriction on Windows.\n* Fixed accessibility issue related to voice over on web.\n\n#### Version 1.0.18 of reactxp-navigation - _10 Apr 2018_\n* Fixed bug in web implementation that caused a problem when popping multiple items from the navigation stack.\n\n#### Version 0.2.10 of reactxp-imagesvg, 1.0.17 of reactxp-navigation, 0.2.5 of reactxp-video, 0.1.9 of reactxp-virtuallistview - _4 Apr 2018_\n* Rebuilt using reactxp 1.1.0.\n\n#### Version 1.1.0 of reactxp - _4 Apr 2018_\n* Added workaround to enable the keyboard navigation mode when the screen reader is used.\n\n#### Version 1.1.0-rc.2 of reactxp - _28 Mar 2018_\n* Fixed bug in web implementation of animation where completion callback was called multiple times in some cases.\n\n#### Version 1.1.0-rc.1 of reactxp - _26 Mar 2018_\n* Added support for \"cacheable\" popups. This is useful for popups that involve many views and are costly to recreate from scratch.\n* Fixed keyboard handler in RX.Link, it was defferring to base class only when onPress was defined, and that was wrong.\n* Fixed bug in native implementation of TextInput where selection was sometimes lost.\n* Fixed TextInput reference for focus control on windows.\n* Implemented hidden scroll indicators in web/ScrollView.\n\n#### Version 1.0.2 of reactxp - _16 Mar 2018_\n* Fixed bug in web TextInput implementation that resulted in a console warning with the latest versions of ReactJS.\n* Fixed bug in native Button implementation that resulted in corrupted styles.\n* Fixed accessibility (screen reader) bug in web implementation.\n\n#### Version 1.0.1 of reactxp - _5 Mar 2018_\n* Moved event handlers from ViewProps to ViewPropsShared so AnimatedView has them too.\n* Fixed recent regression in handling of popups in native implementation.\n* Events passed to onPress and onLongPress now include touch or mouse coordinates.\n\n#### Version 0.2.9 of reactxp-imagesvg, 1.0.16 of reactxp-navigation, 0.2.4 of reactxp-video, 0.1.8 of reactxp-virtuallistview - _2 Mar 2018_\n* Rebuilt using reactxp 1.0.0 and latest typescript compiler version.\n\n#### Version 1.0.0 of reactxp - _2 Mar 2018_\n* Filled in fields for MouseEvent on web.\n* Fixed a few style leaks in web implementation.\n\n#### Version 1.0.0-rc.1 of reactxp - _28 Feb 2018_\n* Improved accessibility handling for Button.\n* Added select() method to RX.Platform namespace to make it easier to implement platform-specific behavior.\n* Improved accessibility performance.\n* Improved performance by avoiding triggering synchronous layout on web.\n* Fixed behavior of onContextMenu.\n* Removed unused \"type\" field from RX.CommonProps interface.\n* Updated typescript compiler to 2.7.2 and enabled strictPropertyInitialization.\n* Added ability to set limitFocusWithin without automatically setting aria-hidden=true on web.\n* Implemented RX.Linking APIs for Windows UWP platform.\n* Removed \"currentTarget\" from SyntheticEvent.\n* Added coordinates/modifiers/button information to MouseEvent definition.\n\n#### Version 1.0.0-alpha.2 of reactxp - _21 Feb 2018_\n* Switched to new versioning scheme that's independent of RN.\n* Updated default RN dependency from 0.51.x to 0.53.x, although backward compatibility is maintained.\n* Added support for numeric keyboards in mobile browsers.\n* Fixed announceForAccessibility API for Mac.\n* Added MacOS implementation of Button and Animated.\n* Added valuenow attribute for slider role support.\n* Fixed bug in web implementation of Animated where it wasn't properly managing listener subscriptions when animated styles were added to (or removed from) an animated component.\n* Fix random Android crashes when Talkback is enabled.\n* Fixed bug in web animation that caused certain CSS properties not to animate correctly because transition was specifying the attribute using camel case rather than CSS (hyphenated) case. This affected attributes like \"backgroundColor\".\n* Removed parameter from onBlur event.\n* Fixed bug in RX.TextInput that affected Windows version: Pass selection in render only after explicitly set.\n* Added right-click support for Windows platform.\n* Added more accessibility support for Windows platform.\n* Use white-space:pre for the aria-live region.\n\n#### Version 0.51.1 of reactxp - _19 Jan 2018_\n* Fixed regression in native implementation of Animated.View's blur() method.\n\n#### Version 0.2.3 of reactxp-video, 1.0.15 of reactxp-navigator, 0.2.8 of reactxp-imagesvg, 0.1.7 of reactxp-virtuallistview - _18 Jan 2018_\n* Updated for RN 0.51 compatibility.\n\n#### Version 0.51.0 of reactxp - _18 Jan 2018_\n* Fixed focusable View condition for VoiceOver in web implementation.\n* Exposed web-specific ariaRoleDescription prop to work around other VoiceOver issues.\n* Updated RN for Windows UWP dependency.\n* Fixed recent regression that broke focus and blur calls in iOS and Android implementations of AnimatedTextInput.\n\n#### Version 0.51.0-alpha.9 of reactxp - _17 Jan 2018_\n* Removed console error related to animations of values not currently associated with any mounted component. It was too noisy.\n\n#### Version 0.51.0-alpha.8 of reactxp - _16 Jan 2018_\n* Fixed bug in Windows UWP implementation related to selection ranges in TextInput.\n* Fixed screen reader issue in Mac implementation.\n* Removed ```textAlign``` prop from TextInput. It was extraneous, since it's already supported as a style attribute.\n* Updated Windows UWP dependency to use the latest version of RN for UWP.\n* Worked around issue with screen readers on Chrome browsers.\n* Added currentTarget field back to SyntheticEvent.\n* Added support for \"switch\" aria type (web implementation).\n* Fixed recent regression in web animation code.\n\n#### Version 0.51.0-alpha.5 of reactxp - _11 Jan 2018_\n* Eliminated limitation within RX.Button where only one child element was allowed.\n* Fixed regression where native implementation of RX.View with onPress handler didn't provide touch feedback.\n\n#### Version 0.51.0-alpha.4 of reactxp - _10 Jan 2018_\n* Added code to native implementation of RX.Network so it works with versions of RN before and after 0.48.x.\n* Fixed regression in web implementation of RX.TextInput.\n* Fixed bug that caused incorrect behavior of RX.Modal on native platforms.\n\n#### Version 0.51.0-alpha.2 of reactxp - _9 Jan 2018_\n* Fixed bug in native implementation of RX.ActivityIndicator. It wasn't properly handling the delay prop.\n* Added support in web implementation of RX.TextInput for custom keyboard types on mobile web browsers.\n* Added focus and keyboard navigation support for native UWP platform.\n* Added support for injection of HTML content into RX.WebView.\n* Added support for postMessage and onMessage handler in RX.WebView for bidirectional communication.\n\n#### Version 0.51.0-alpha.1 of reactxp - _6 Jan 2018_\n* Fixed break in device dimension change event due to change in RN.\n* Removed use of RX.Button implementation within RX.View for native-common implementation.\n* Fixed bug in web implementation of RX.Clipboard.getText. It shouldn't throw.\n* Fixed timing bug in web implementation of GestureView.\n* Fixed popup positioning for right-to-left languages in native-common implementation.\n* Fixed bug in web implementation of TextInput that caused assertion in React.\n* Breaking change: Removed 'cursor' prop from RX.Button. It was redundant with the 'cursor' style.\n* New feature: RX.Input.key[Up|Down]Event now allow event subscribers to cancel the event.\n* New feature: Changed RX.Modal.isDisplayed to accept undefined parameter, in which case it determines whether _any_ modal is displayed.\n* New feature: Added RX.Popup.isDisplayed method.\n* Reimplemented web implementation of animation APIs. Removed many limitations of previous implementation and fixed several bugs. Documented remaining limitations.\n* Fixed bug in web implementation of RX.TextInput that resulted in assertions within React.\n* Fixed bug in web implementation of RX.Picker. It wasn't correctly combining styles.\n* Added support in web implementation of RX.TextInput for keyboard type (applicable on mobile web browsers).\n* Removed use of deprecated RX.NetInfo.fetch method.\n\n#### Version 0.46.6 of reactxp - _13 Dec 2017_\n* Fixed potential crash in web implementation of RX.ScrollView.\n* Fixed bug in UWP implementation of RX.Popup, allowing background to be clickable.\n* In web implementation of RX.ScrollView, added support for clicking on scroll bar to adjust position of thumb.\n* Added dev warning when using nested RX.Button items.\n* Fixed a potential crash in web implementation of RX.GestureView.\n* Implemented drag-and-drop support in UWP implementation of RX.View.\n\n#### Version 0.46.5 of reactxp - _31 Oct 2017_\n* Added Android \"mode\" prop to Picker.\n* Added type definitions for RX.Stateless and RX.ComponentBase.\n* Updated to React 16.0.0 and React-Dom 16.0.0.\n* Added RX.UserInterface.registerRootView API to allow registration of secondary views. Also added rootViewId option to RX.Modal and RX.Popup so they can be displayed on secondary views.\n* Fixed bug in focus restoration on web implementation.\n* Replaced use of deprecated BackAndroid with BackHandler, avoiding deprecation warnings.\n* Fixed bug in RX.Button RN implementation where opacity was not property restored after changing disabled prop.\n\n#### Version 0.46.3 of reactxp - _7 Oct 2017_\n* Added missing focus() method to RX.Animated.View interface.\n* Exported RX.AnimatedImage, RX.AnimatedText, RX.AnimatedTextInput, and RX.AnimatedView.\n* Added accessibilityLiveRegion prop to ViewProps for Android and web.\n* Exported explicit types for ShadowOffset, ScrollIndicatorInsets.\n* Fixed crash in web RootView when clicking on a popup anchor.\n* Fixed race condition in hover of Button on web.\n\n#### Version 0.2.2 of reactxp-video, 1.0.13 of reactxp-navigator, 0.2.7 of reactxp-imagesvg, 0.1.6 of reactxp-virtuallistview - _21 Sep 2017_\n* Updated for RN 0.46 compatibility.\n* Removed custom react.d.ts and react-dom.d.ts files in favor of public versions.\n\n#### Version 0.46.2 of reactxp - _21 Sep 2017_\n* Added onContextMenu support on web for Text components.\n* Exposed attributes to make menus and listboxes accessible on web.\n* Added new RX.Animated.createValue and RX.Animated.interpolate methods. The old way of instantiating a value and creating an interpolation will be deprecated going forward.\n* Made a breaking change to Alert.show interface - combined optional parameters into an AlertOptions interface. This will allow for better extensibility in the future.\n* Updated RN dependency to 0.46.\n* Removed custom react.d.ts and react-dom.d.ts files in favor of public versions.\n\n#### Version 0.46.0_rc.2 of reactxp - _19 Sep 2017_\n* Changed RX.Link props to make url mandatory.\n* Added new Alert implementation for web. It now presents a modal-based themable dialog box.\n* Fixed bug in ScrollView styles from previous release.\n* Exposed aria-checked property on button type for web.\n* Added key attribute to KeyboardEvent.\n* Fixed bug in web code where onScrollBeginDrag and onScrollEndDrag were called unconditionally even if they were undefined.\n* Enabled strict null checks in TS compiler and fixed a number of bugs that were exposed.\n\n#### Version 0.46.0_rc.1 of reactxp - _5 Sep 2017_\n* First pre-release version of 0.46.\n* Removed Navigator component and moved to an extension.\n* Fixed style definition for ScrollView so it doesn't include child-related flexbox styles, which aren't supported.\n\n#### Version 0.42.0 of reactxp - _5 Sep 2017_\n* Removed rc from version.\n\n#### Version 0.42.0_rc.25 of reactxp - _18 Aug 2017_\n* On web, if there's a queued onScroll event when the scroll position is manually set, cancel the onScroll.\n\n#### Version 0.42.0_rc.24 of reactxp - _9 Aug 2017_\n* Added accessibility support for GestureView.\n* Fixed bug in web version that prevented animated fontSize from working.\n\n#### Version 0.42.0_rc.22 of reactxp - _30 July 2017_\n* On RN platforms, initialProps is now passed to the main view.\n* Added new PopupOptions field preventDismissOnPress that prevents the popup from being dismissed implicitly when the user clicks or taps outside of the popup or the anchor.\n* Fixed bug in web implementation of TextInput where border styling was not honored.\n* Fixed bug on Android that allowed presses to background of Modal to go through.\n\n#### Version 0.42.0_rc.20 of reactxp - _15 July 2017_\n* Updated to TypeScript 2.4, which caught several bugs in the ReactXP code.\n* Made Styles.combine much more flexible - it now supports arbitrarily nested arrays of styles.\n* Changed Network API namespace for detecting network type so it's consistent with other ReactXP APIs. Added documentation.\n\n#### Version 0.1.6 of reactxp-video - _15 July 2017_\n* Updated to TypeScript 2.4 and made changes to work with latest ReactXP core.\n\n#### Version 0.2.4 of reactxp-imagesvg - _15 July 2017_\n* Updated to TypeScript 2.4 and made changes to work with latest ReactXP core.\n\n#### Version 0.42.0_rc.18 of reactxp - _13 July 2017_\n* Fixed runtime crash when running web implementation in Electron.\n* Added a way to provide screen reader focus to TextInput on web.\n\n#### Version 0.42.0_rc.17 of reactxp - _4 July 2017_\n* Added ability to set accessibility focus for text input controls.\n* Added support for iOS-specific ActivationState for RN extensions.\n\n#### Version 0.42.0_rc.16 of reactxp - _30 June 2017_\n* Fixed another bug in handling of default border width on web.\n* Added setFocusRestricted and setFocusLimited methods and support for nested keyboard focus on web.\n* Added isNavigatingWithKdyboard method and keyboardNavigationEvent.\n\n#### Version 0.42.0_rc.12 of reactxp - _16 June 2017_\n* Added support for new limitFocusWidth prop for constraining keyboard focus.\n* Fixed bug in handling of mailto URLs on web in the Link component.\n* Added support for flexGrow, flexShrink, and flexBasis props.\n\n#### Version 0.42.0_rc.11 of reactxp - _13 June 2017_\n* Fixed bugs in web implementation of focus manager.\n* Added new API (enableTouchLatencyEvents) and event (touchLatencyEvent) in UserInterface namespace for detecting delays in touch event handling.\n* Fixed crash in native implementation of Link component that resulted in uncaught exception for some types of links.\n* Fixed flexDirection style default for web implementation in Image component.\n* Fixed inconsistency in handling of borders between web and RN when borderStyle is not specified.\n\n#### Version 0.42.0_rc.10 of reactxp - _25 May 2017_\n* Added new International API namespace for controlling right-to-left mirroring behavior.\n\n#### Version 0.1.2 of reactxp-virtualistview - _23 May 2017_\n* Republished because index files were missing in previous publish.\n\n#### Version 0.42.0_rc.9 of reactxp - _17 May 2017_\n* Fixed bug in Navigator that caused crash in hello-world sample.\n\n#### Version 0.42.0_rc.8 of reactxp - _16 May 2017_\n* Removed Profiling API namespace and dependency on react-addons-perf.\n\n#### Version 0.1.1 of reactxp-virtualistview - _11 May 2017_\n* Republished because \"dist\" directory was missing in previous publish.\n\n#### Version 0.1.2 of reactxp-video - _11 May 2017_\n* Published first version of reactxp-video extension.\n\n#### Version 0.2.0 of reactxp-imagesvg - _10 May 2017_\n* Switched from old version of react-native-art-svg to latest version of react-native-svg.\n\n#### Version 0.42.0_rc.5 of reactxp - _10 May 2017_\n* Fixed incorrect import path (using wrong case).\n* Fixed bug in native View implementation - was using stale props.\n* Added importantForLayout prop on View (web specific).\n* Fixed bug in native NavigatorExperimentalDelegate - was using wrong props.\n\n#### Version 0.42.0_rc.4 of reactxp - _27 Apr 2017_\n* Changed web implementation of Text to prevent copying text to clipboard.\n* Eliminated the need to specify box-sizing CSS in external CSS file.\n* Fixed accessibility focus bugs.\n\n#### Version 0.42.0_rc.3 of reactxp - _26 Apr 2017_\n* Added onLongPress prop for Link.\n* Fixed accessibility bug relating to Modal dialogs.\n\n#### Version 0.42.0_rc.2 of reactxp - _18 Apr 2017_\n* Added missing box-sizing CSS directives for web.\n* Fixed bug in native implementation of View related to accessibility.\n\n#### Version 0.1.0 of reactxp-imagesvg - _26 Apr 2017_\n* Published first version of reactxp-imagesvg extension.\n\n#### Version 0.42.0_rc.1 of reactxp - _9 Apr 2017_\n* Updated project to use recent versions of React (15.5.3) and React Native (0.42.3).\n\n#### Version 0.34.3 of reactxp - _7 Apr 2017_\n* Added new props to ScrollView. Updated package.json to properly reflect peerDependencies on react and react-native.\n\n#### Version 0.34.1 of reactxp - _6 Apr 2017_\n* This is the initial public release of the ReactXP core library. It is built against React Native 0.34. We are working on updating it to a newer version of React Native, and this will be released shortly.\n"
},
{
"path": "extensions/README.md",
"content": "# ReactXP Extensions\nThe ReactXP library is designed to be as lightweight as possible, including only those cross-platform APIs and \"primitive\" components that are required by almost every app. Functionality that is needed less commonly is provided in the form of optional extensions.\n\nThere are two distinct types of extensions.\n1. Additional APIs or \"primitive\" components that have separate implementations for each of the supported platforms.\n2. Higher-level components that contain no platform-specific code but build upon the lower-level primitives to provide new (typically more complex) functionality.\n\n"
},
{
"path": "extensions/imagesvg/.eslintrc.json",
"content": "{\n \"parserOptions\": {\n \"project\": \"./tsconfig.json\"\n },\n \"extends\": [\"skype\", \"skype/react\"],\n \"rules\": {},\n \"overrides\": [\n {\n \"files\": [\n \"*.tsx\"\n ],\n \"rules\": {\n \"@typescript-eslint/explicit-function-return-type\": \"off\"\n }\n },\n {\n \"files\": [\n \"PluginBaseChecker.ts\"\n ],\n \"rules\": {\n \"@typescript-eslint/no-unused-vars\": \"off\"\n }\n }\n ]\n}\n"
},
{
"path": "extensions/imagesvg/.gitignore",
"content": "# Logs\nlogs\n*.log\nnpm-debug.log*\n\n# Dependency directories\nnode_modules\npackage-lock.json\n\n# Optional npm cache directory\n.npm\n\n# Build artifacts\n**/dist\n\n# Miscellaneous user files\n*.user\n.vscode\n.DS_STORE\n"
},
{
"path": "extensions/imagesvg/.npmignore",
"content": "/node_modules\n/src/.vs\n/src/bin\n/src/obj\n*.user\n"
},
{
"path": "extensions/imagesvg/README.md",
"content": "# reactxp-imagesvg\nThis module provides cross-platform support for SVG (Scalable Vector Graphics) within the [ReactXP](https://microsoft.github.io/reactxp/) library.\n\n## Documentation\nFor detailed documentation, look [here](https://microsoft.github.io/reactxp/docs/extensions/imagesvg.html).\n\n### Prerequisites\n* [ReactXP](https://github.com/microsoft/reactxp/)\n\n## Contributing\nThis project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/). For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments. \n\nYou must sign a Contribution License Agreement (CLA) before your PR will be merged. This a one-time requirement for Microsoft projects in GitHub. You can read more about [Contribution License Agreements (CLA)](https://en.wikipedia.org/wiki/Contributor_License_Agreement) on Wikipedia. You can sign the Microsoft Contribution License Agreement by visiting https://cla.microsoft.com/. Use your GitHub account to login.\n\n## License\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details\n"
},
{
"path": "extensions/imagesvg/index.android.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/android/PluginBase.js');\n"
},
{
"path": "extensions/imagesvg/index.ios.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/ios/PluginBase.js');\n"
},
{
"path": "extensions/imagesvg/index.js",
"content": "'use strict';\n\n// Export web by default. Other platforms have custom index.[platform].js files\nmodule.exports = require('./dist/web/PluginBase.js');\n"
},
{
"path": "extensions/imagesvg/index.macos.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/macos/PluginBase.js');\n"
},
{
"path": "extensions/imagesvg/index.windows.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/windows/PluginBase.js');\n"
},
{
"path": "extensions/imagesvg/package.json",
"content": "{\n \"name\": \"reactxp-imagesvg\",\n \"version\": \"2.0.0\",\n \"description\": \"Plugin for ReactXP that provides support for SVG (scalable vector graphics) for all platforms\",\n \"author\": \"ReactXP Team \",\n \"license\": \"MIT\",\n \"scripts\": {\n \"build\": \"tsc\",\n \"lint\": \"eslint --ext .ts,.tsx src\",\n \"lint:fix\": \"npm run lint -- --fix\"\n },\n \"dependencies\": {\n \"react-native-svg\": \"^9.13.3\"\n },\n \"peerDependencies\": {\n \"react\": \"^16.3\",\n \"reactxp\": \"^2.0.0\",\n \"react-dom\": \"^16.3\",\n \"react-native\": \">=0.57\",\n \"react-native-windows\": \"^0.57.1\"\n },\n \"devDependencies\": {\n \"@types/react-native\": \"^0.60.23\",\n \"@typescript-eslint/eslint-plugin\": \"2.15.0\",\n \"eslint\": \"6.8.0\",\n \"eslint-config-skype\": \"1.5.0\",\n \"eslint-plugin-import\": \"2.19.1\",\n \"eslint-plugin-react\": \"7.17.0\",\n \"reactxp\": \"^2.0.0\",\n \"typescript\": \"3.7.4\"\n },\n \"types\": \"dist/web/PluginBase.d.ts\"\n}\n"
},
{
"path": "extensions/imagesvg/src/android/PluginBase.tsx",
"content": "/*\n * PluginBase.ts\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Base export for the Android implementation of the plugin.\n */\n\nimport * as Types from '../common/Types';\nimport ImageSvg from '../native-common/ImageSvg';\nimport SvgPath from '../native-common/SvgPath';\nimport SvgRect from '../native-common/SvgRect';\n\nexport { ImageSvg as default, SvgPath, SvgRect, Types };\n"
},
{
"path": "extensions/imagesvg/src/common/Interfaces.ts",
"content": "/*\n * Interfaces.ts\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Interface exposed by ImageSvg component.\n */\n\nimport * as React from 'react';\n\nimport * as Types from './Types';\n\nexport abstract class ImageSvg extends React.Component {\n}\n\nexport abstract class SvgPath extends React.Component {\n}\n\nexport abstract class SvgRect extends React.Component {\n}\n\nexport interface PluginInterface {\n Types: typeof Types;\n\n default: typeof ImageSvg;\n SvgPath: typeof SvgPath;\n SvgRect: typeof SvgRect;\n}\n"
},
{
"path": "extensions/imagesvg/src/common/PluginBaseChecker.ts",
"content": "/*\n * PluginBaseChecker.ts\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Type check all the pluginbase exports against the desired interface.\n */\n\nimport * as AndroidPlugin from '../android/PluginBase';\nimport * as iOSPlugin from '../ios/PluginBase';\nimport * as macOSPlugin from '../macos/PluginBase';\nimport * as WebPlugin from '../web/PluginBase';\nimport * as WindowsPlugin from '../windows/PluginBase';\n\nimport * as Interfaces from './Interfaces';\n\nconst _typeCheckerAndroid: Interfaces.PluginInterface = AndroidPlugin;\nconst _typeCheckeriOS: Interfaces.PluginInterface = iOSPlugin;\nconst _typeCheckermacOS: Interfaces.PluginInterface = macOSPlugin;\nconst _typeCheckerWeb: Interfaces.PluginInterface = WebPlugin;\nconst _typeCheckerWindows: Interfaces.PluginInterface = WindowsPlugin;\n"
},
{
"path": "extensions/imagesvg/src/common/Types.ts",
"content": "/*\n * Types.ts\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Type definitions to support the plugin.\n */\n\nimport { Types as RXTypes } from 'reactxp';\nimport * as React from 'react';\n\nexport interface ImageSvgStyle extends RXTypes.ViewStyle {\n}\n\nexport declare type ImageSvgStyleRuleSet = RXTypes.StyleRuleSet;\n\nexport interface SvgCommonProps {\n key?: string | number;\n strokeColor?: string;\n strokeWidth?: number;\n strokeOpacity?: number;\n fillColor?: string;\n fillOpacity?: number;\n}\n\nexport interface ImageSvgProps extends SvgCommonProps, RXTypes.CommonStyledProps {\n children?: RXTypes.ReactNode;\n height: number;\n width: number;\n accessibilityLabel?: string;\n title?: string;\n viewBox?: string;\n preserveAspectRatio?: string;\n webShadow?: string;\n}\n\nexport interface SvgPathProps extends SvgCommonProps {\n d?: string;\n}\n\nexport interface SvgRectProps extends SvgCommonProps {\n width: number;\n height: number;\n x: number;\n y: number;\n}\n\nexport class ImageSvg extends React.Component {}\n"
},
{
"path": "extensions/imagesvg/src/common/assert.ts",
"content": "/**\n * assert\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n */\nconst assert = (cond: any, message?: string | undefined): void => {\n if (!cond) {\n throw new Error(message || 'Assertion Failed');\n }\n};\n\nexport default assert;\n"
},
{
"path": "extensions/imagesvg/src/ios/PluginBase.tsx",
"content": "/*\n * PluginBase.ts\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Base export for the iOS implementation of the plugin.\n */\n\nimport * as Types from '../common/Types';\nimport ImageSvg from '../native-common/ImageSvg';\nimport SvgPath from '../native-common/SvgPath';\nimport SvgRect from '../native-common/SvgRect';\n\nexport { ImageSvg as default, SvgPath, SvgRect, Types };\n"
},
{
"path": "extensions/imagesvg/src/macos/PluginBase.tsx",
"content": "/*\n * PluginBase.ts\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Base export for the iOS implementation of the plugin.\n */\n\nimport * as Types from '../common/Types';\nimport ImageSvg from '../native-common/ImageSvg';\nimport SvgPath from '../native-common/SvgPath';\nimport SvgRect from '../native-common/SvgRect';\n\nexport { ImageSvg as default, SvgPath, SvgRect, Types };\n"
},
{
"path": "extensions/imagesvg/src/native-common/ImageSvg.tsx",
"content": "/**\n * ImageSvg.tsx\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * RN-specific implementation of the cross-platform abstraction for\n * SVG (scalable vector graphics) images.\n */\n\nimport * as React from 'react';\nimport * as RNSvg from 'react-native-svg';\n\nimport assert from '../common/assert';\nimport { ImageSvgProps } from '../common/Types';\n\nexport class ImageSvg extends React.Component {\n render() {\n assert(this.props.width && this.props.height, 'The width and height on imagesvg are mandatory.');\n\n if (this.props.width > 0 && this.props.height > 0) {\n return (\n \n { this.props.children }\n \n );\n }\n\n return null;\n }\n}\n\nexport default ImageSvg;\n"
},
{
"path": "extensions/imagesvg/src/native-common/SvgPath.tsx",
"content": "/**\n * SvgPath.tsx\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * RN-specific implementation of the cross-platform abstraction for\n * SVG Path elements.\n */\n\nimport * as React from 'react';\nimport * as RNSvg from 'react-native-svg';\n\nimport { SvgPathProps } from '../common/Types';\n\nexport class SvgPath extends React.Component {\n render() {\n return (\n {\n render() {\n return (\n { }\n export class Path extends React.Component { }\n export class Rect extends React.Component { }\n export class Text extends React.Component { }\n}\n"
},
{
"path": "extensions/imagesvg/src/web/ImageSvg.tsx",
"content": "/*\n * ImageSvg.tsx\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Web-specific implementation of the cross-platform abstraction for\n * SVG (scalable vector graphics) images.\n */\n\nimport * as React from 'react';\nimport { Styles as RXStyles } from 'reactxp';\n\nimport assert from '../common/assert';\nimport { ImageSvgProps } from '../common/Types';\n\nexport class ImageSvg extends React.Component {\n render() {\n assert(this.props.width && this.props.height, 'The width and height on imagesvg are mandatory.');\n\n if (this.props.width > 0 && this.props.height > 0) {\n const combinedStyles = RXStyles.combine([{\n display: 'flex',\n position: 'relative',\n } as any, this.props.style]);\n\n if (this.props.fillColor !== undefined) {\n combinedStyles.fill = this.props.fillColor;\n }\n\n if (this.props.fillOpacity !== undefined) {\n combinedStyles.fillOpacity = this.props.fillOpacity.toString();\n }\n\n if (this.props.strokeColor !== undefined) {\n combinedStyles.stroke = this.props.strokeColor;\n }\n\n if (this.props.strokeOpacity !== undefined) {\n combinedStyles.strokeOpacity = this.props.strokeOpacity.toString();\n }\n\n if (this.props.strokeWidth !== undefined) {\n combinedStyles.strokeWidth = this.props.strokeWidth.toString();\n }\n\n if (combinedStyles.flex === undefined) {\n combinedStyles.flex = '0 0 auto';\n }\n\n if (combinedStyles.overflow === undefined) {\n combinedStyles.overflow = 'hidden';\n }\n\n if (this.props.webShadow) {\n const aliases = RXStyles.getCssPropertyAliasesCssStyle();\n\n if (this._isFilterDropShadowSupported()) {\n const filterAlias = aliases.filter || 'filter';\n combinedStyles[filterAlias] = 'drop-shadow(' + this.props.webShadow + ')';\n }\n }\n\n return (\n \n { this.props.children }\n \n );\n } else {\n return null;\n }\n }\n\n private _isFilterDropShadowSupported() {\n // Edge (actually, Windows 10) contains a bug where it renders this incorrectly.\n // We'll disable it specifically on Edge browsers for now.\n // Safari also has a bug where it renders this incorrectly (transparent background),\n // so we'll disable it there also.\n // For now, enable it in Chrome only.\n let isChrome = window.hasOwnProperty('chrome');\n\n // The latest versions of Edge implement the \"chrome\" global variable (presumably\n // for compatibility with Chrome browser), so we need to do one more check\n // to make sure it's really chrome.\n if (isChrome && navigator.appName === 'Netscape' && navigator.appVersion.indexOf('Edge') >= 0) {\n isChrome = false;\n }\n\n return isChrome;\n }\n}\n\nexport default ImageSvg;\n"
},
{
"path": "extensions/imagesvg/src/web/PluginBase.ts",
"content": "/*\n * PluginBase.ts\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Base export for the Web implementation of the plugin.\n */\n\nimport * as Types from '../common/Types';\n\nimport ImageSvg from './ImageSvg';\nimport SvgPath from './SvgPath';\nimport SvgRect from './SvgRect';\n\nexport { ImageSvg as default, SvgPath, SvgRect, Types };\n"
},
{
"path": "extensions/imagesvg/src/web/SvgPath.tsx",
"content": "/*\n * SvgPath.tsx\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Web-specific implementation of the cross-platform abstraction for\n * SVG Path elements.\n */\n\nimport * as React from 'react';\n\nimport { SvgPathProps } from '../common/Types';\n\nexport class SvgPath extends React.Component {\n render() {\n return (\n {\n render() {\n return (\n {\n render(): any {\n return null;\n }\n}\n\nexport default ImageSvg;\n"
},
{
"path": "extensions/imagesvg/src/windows/PluginBase.ts",
"content": "/*\n * PluginBase.ts\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Base export for the UWP implementation of the plugin.\n */\n\nimport * as Types from '../common/Types';\n\nimport ImageSvg from './ImageSvg';\nimport SvgPath from './SvgPath';\nimport SvgRect from './SvgRect';\n\nexport { ImageSvg as default, SvgPath, SvgRect, Types };\n"
},
{
"path": "extensions/imagesvg/src/windows/SvgPath.tsx",
"content": "/*\n * SvgPath.tsx\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * RN-specific implementation of the cross-platform abstraction for\n * SVG Path elements.\n */\n\nimport * as React from 'react';\n\nimport { SvgPathProps } from '../common/Types';\n\n// TODO: #694092 Not implemented\n\nexport class SvgPath extends React.Component {\n render(): any {\n return null;\n }\n}\n\nexport default SvgPath;\n"
},
{
"path": "extensions/imagesvg/src/windows/SvgRect.tsx",
"content": "/*\n * SvgRect.tsx\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * RN-specific implementation of the cross-platform abstraction for\n * SVG Rect elements.\n */\n\nimport * as React from 'react';\n\nimport { SvgRectProps } from '../common/Types';\n\n// TODO: #694092 Not implemented\n\nexport class SvgRect extends React.Component {\n render(): any {\n return null;\n }\n}\n\nexport default SvgRect;\n"
},
{
"path": "extensions/imagesvg/tsconfig.json",
"content": "{\n \"compilerOptions\": {\n \"declaration\": true,\n \"noResolve\": false,\n \"jsx\": \"react\",\n \"module\": \"commonjs\",\n \"target\": \"es5\",\n \"experimentalDecorators\": true,\n \"noImplicitAny\": true,\n \"outDir\": \"dist/\",\n \"skipLibCheck\": true\n },\n \"include\": [\n \"src/**/*\"\n ],\n \"exclude\": [\n \"dist\",\n \"node_modules\"\n ]\n}"
},
{
"path": "extensions/navigation/.eslintrc.json",
"content": "{\n \"parserOptions\": {\n \"project\": \"./tsconfig.json\"\n },\n \"extends\": [\"skype\", \"skype/react\"],\n \"rules\": {\n \"no-console\": [\n \"error\",\n {\n \"allow\": [\n \"error\"\n ]\n }\n ]\n },\n \"overrides\": [\n {\n \"files\": [\n \"*.tsx\"\n ],\n \"rules\": {\n \"@typescript-eslint/explicit-function-return-type\": \"off\"\n }\n },\n {\n \"files\": [\n \"Navigator.tsx\"\n ],\n \"rules\": {\n \"no-duplicate-imports\": \"off\"\n }\n },\n {\n \"files\": [\n \"*.d.ts\"\n ],\n \"rules\": {\n \"@typescript-eslint/no-unused-vars\": \"off\",\n \"@typescript-eslint/member-naming\": \"off\"\n }\n }\n ]\n}\n"
},
{
"path": "extensions/navigation/.gitignore",
"content": "dist\nnode_modules\n.DS_Store\npackage-lock.json"
},
{
"path": "extensions/navigation/.npmignore",
"content": "!dist\n"
},
{
"path": "extensions/navigation/README.md",
"content": "# reactxp-navigation\nThis module provides cross-platform navigation support [ReactXP](https://microsoft.github.io/reactxp/) library.\n\n## Documentation\nFor detailed documentation, look [here](https://microsoft.github.io/reactxp/docs/extensions/navigator.html).\n\n### Prerequisites\n* [ReactXP](https://github.com/microsoft/reactxp/)\n\n## Contributing\nThis project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/). For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments. \n\nYou must sign a Contribution License Agreement (CLA) before your PR will be merged. This a one-time requirement for Microsoft projects in GitHub. You can read more about [Contribution License Agreements (CLA)](https://en.wikipedia.org/wiki/Contributor_License_Agreement) on Wikipedia. You can sign the Microsoft Contribution License Agreement by visiting https://cla.microsoft.com/. Use your GitHub account to login.\n\n## License\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details\n"
},
{
"path": "extensions/navigation/index.android.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/native-common/Navigator');"
},
{
"path": "extensions/navigation/index.ios.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/native-common/Navigator');"
},
{
"path": "extensions/navigation/index.js",
"content": "'use strict';\n\n// Export web by default. Other platforms have custom index.[platform].js files\nmodule.exports = require('./dist/web/Navigator');"
},
{
"path": "extensions/navigation/index.macos.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/native-common/Navigator');\n"
},
{
"path": "extensions/navigation/index.windows.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/native-common/Navigator');"
},
{
"path": "extensions/navigation/package.json",
"content": "{\n \"name\": \"reactxp-navigation\",\n \"version\": \"2.0.0\",\n \"description\": \"Plugin for ReactXP that provides a navigation framework\",\n \"scripts\": {\n \"build\": \"tsc\",\n \"lint\": \"eslint --ext .ts,.tsx src\",\n \"lint:fix\": \"npm run lint -- --fix\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/Microsoft/reactxp/tree/master/extensions/navigation\"\n },\n \"keywords\": [\n \"react-native\",\n \"reactxp\",\n \"react\"\n ],\n \"dependencies\": {\n \"lodash\": \"^4.17.15\",\n \"rebound\": \"^0.1.0\",\n \"reactxp-experimental-navigation\": \"1.0.14\"\n },\n \"peerDependencies\": {\n \"react\": \"^16.3.0\",\n \"reactxp\": \"^2.0.0\",\n \"react-dom\": \"^16.3.0\",\n \"react-native\": \">=0.57\",\n \"react-native-windows\": \"^0.57.1\"\n },\n \"devDependencies\": {\n \"@types/lodash\": \"^4.14.149\",\n \"@types/react-dom\": \"^16.9.4\",\n \"@types/react-native\": \"^0.60.23\",\n \"@typescript-eslint/eslint-plugin\": \"2.15.0\",\n \"eslint\": \"6.8.0\",\n \"eslint-config-skype\": \"1.5.0\",\n \"eslint-plugin-import\": \"2.20.0\",\n \"eslint-plugin-react\": \"7.17.0\",\n \"react\": \"^16.3.0\",\n \"react-dom\": \"^16.3.0\",\n \"reactxp\": \"^2.0.0\",\n \"typescript\": \"3.7.4\"\n },\n \"author\": \"ReactXP Team \",\n \"license\": \"MIT\",\n \"types\": \"dist/web/Navigator.d.ts\"\n}\n"
},
{
"path": "extensions/navigation/src/common/Types.ts",
"content": "/**\n * Types.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n * Type definitions for reactxp-naviigation extension.\n */\n\n// Use only for type data\nimport * as React from 'react';\nimport * as RX from 'reactxp';\n\nexport type ReactNode = React.ReactNode;\n\n//\n// Navigator\n// ----------------------------------------------------------------------\nexport enum NavigatorSceneConfigType {\n FloatFromRight,\n FloatFromLeft,\n FloatFromBottom,\n Fade,\n FadeWithSlide\n}\n\nexport interface NavigatorRoute {\n routeId: number;\n // Route's animation configuration\n sceneConfigType: NavigatorSceneConfigType;\n\n // NOTE: The following props are for the experimental navigator.\n // They aren't considered when working with the standard navigator.\n // Optional gesture response distance override\n // 0 is equivalent to disabling gestures\n gestureResponseDistance?: number;\n // Optional custom scene config\n customSceneConfig?: CustomNavigatorSceneConfig;\n}\n\n// NOTE: Experimental navigator only\nexport interface NavigationTransitionSpec {\n duration?: number;\n\n // NOTE: Elastic and bounce easing will not work as expected due to how the navigator interpolates styles\n easing?: RX.Types.Animated.EasingFunction;\n}\n\n// NOTE: Experimental navigator only\nexport interface NavigationTransitionStyleConfig {\n // By default input range is defined as [index - 1, index, index + 1];\n // Input and output ranges must contain the same number of elements\n inputRange?: number[];\n opacityOutput: number | number[];\n scaleOutput: number | number[];\n translateXOutput: number | number[];\n translateYOutput: number | number[];\n}\n\n// NOTE: Experimental navigator only\nexport interface CustomNavigatorSceneConfig {\n // Optional transition styles\n transitionStyle: (sceneIndex: number, sceneDimensions: RX.Types.Dimensions) => NavigationTransitionStyleConfig;\n // Optional overrides for duration, easing, and timing\n transitionSpec?: NavigationTransitionSpec;\n // Optional cardStyle override\n cardStyle?: RX.Types.ViewStyleRuleSet;\n // Optionally hide drop shadow\n hideShadow?: boolean;\n // Optionally flip the visual order of the last two scenes\n presentBelowPrevious?: boolean;\n}\n\nexport interface NavigatorProps extends RX.CommonProps {\n renderScene: (route: NavigatorRoute) => JSX.Element | null;\n navigateBackCompleted?: () => void;\n // NOTE: Arguments are only passed to transitionStarted by the experimental navigator\n transitionStarted?: (progress?: RX.Types.AnimatedValue,\n toRouteId?: string,\n fromRouteId?: string,\n toIndex?: number,\n fromIndex?: number) => void;\n transitionCompleted?: () => void;\n cardStyle?: RX.Types.ViewStyleRuleSet;\n children?: ReactNode;\n // Selector of the navigator delegate. Currently make difference only in react-native.\n delegateSelector?: NavigatorDelegateSelector;\n}\n\nexport enum CommandType {\n Push,\n Pop,\n Replace\n}\n\nexport interface CommandParam {\n route?: NavigatorRoute;\n value?: number;\n}\n\nexport interface NavigationCommand {\n type: CommandType;\n param: CommandParam;\n}\n\n// Empty state\nexport interface NavigatorState {\n}\n\nexport abstract class Navigator extends React.Component {\n abstract push(route: NavigatorRoute): void;\n abstract pop(): void;\n abstract replace(route: NavigatorRoute): void;\n abstract replacePrevious(route: NavigatorRoute): void;\n abstract replaceAtIndex(route: NavigatorRoute, index: number): void;\n abstract immediatelyResetRouteStack(nextRouteStack: NavigatorRoute[]): void;\n abstract popToRoute(route: NavigatorRoute): void;\n abstract popToTop(): void;\n abstract getCurrentRoutes(): NavigatorRoute[];\n}\n\nexport interface NavigatorDelegateSelector {\n getNavigatorDelegate(navigator: Navigator): NavigatorDelegate;\n}\n\nexport abstract class NavigatorDelegate {\n protected _owner: Navigator;\n\n constructor(navigator: Navigator) {\n this._owner = navigator;\n }\n\n onBackPress = (): boolean => {\n const routes = this.getRoutes();\n if (routes.length > 1) {\n this.handleBackPress();\n\n if (this._owner.props.navigateBackCompleted) {\n this._owner.props.navigateBackCompleted();\n }\n\n // Indicate that we handled the event.\n return true;\n }\n\n return false;\n };\n\n abstract getRoutes(): NavigatorRoute[];\n abstract immediatelyResetRouteStack(nextRouteStack: NavigatorRoute[]): void;\n abstract render(): JSX.Element | null;\n abstract processCommand(commandQueue: NavigationCommand[]): void;\n abstract handleBackPress(): void;\n}\n"
},
{
"path": "extensions/navigation/src/common/assert.ts",
"content": "/**\n * assert\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n */\nconst assert = (cond: any, message?: string | undefined): void => {\n if (!cond) {\n throw new Error(message || 'Assertion Failed');\n }\n};\n\nexport default assert;\n"
},
{
"path": "extensions/navigation/src/common/lodashMini.ts",
"content": "/**\n * lodashMini.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Imports a subset of lodash library needed for ReactXP's implementation.\n */\n\nimport assign = require('lodash/assign');\nimport clone = require('lodash/clone');\nimport cloneDeep = require('lodash/cloneDeep');\nimport flatten = require('lodash/flatten');\nimport get = require('lodash/get');\nimport isEmpty = require('lodash/isEmpty');\nimport isEqual = require('lodash/isEqual');\nimport isNumber = require('lodash/isNumber');\nimport map = require('lodash/map');\nimport mapValues = require('lodash/mapValues');\n\nexport interface Dictionary {\n [index: string]: T;\n}\n\nexport {\n assign,\n clone,\n cloneDeep,\n flatten,\n get,\n isEmpty,\n isEqual,\n isNumber,\n map,\n mapValues,\n};\n"
},
{
"path": "extensions/navigation/src/native-common/Navigator.tsx",
"content": "/**\n * Navigator.tsx\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Common native implementation for Navigator on mobile.\n */\nimport * as RX from 'reactxp';\n\nimport * as Types from '../common/Types';\nimport {\n Navigator as BaseNavigator,\n NavigatorDelegate,\n NavigatorDelegateSelector as DelegateSelector,\n NavigationCommand,\n NavigatorState,\n NavigatorProps,\n NavigatorRoute,\n CommandType,\n} from '../common/Types';\n\nimport NavigatorExperimentalDelegate from './NavigatorExperimentalDelegate';\n\nexport class DefaultDelegateSelector implements DelegateSelector {\n getNavigatorDelegate(navigator: BaseNavigator) {\n return new NavigatorExperimentalDelegate(navigator);\n }\n}\n\nexport class NavigatorImpl extends BaseNavigator {\n private _delegate: NavigatorDelegate;\n private _commandQueue: NavigationCommand[] = [];\n\n constructor(initialProps: NavigatorProps) {\n super(initialProps);\n if (!initialProps.delegateSelector) {\n this._delegate = new NavigatorExperimentalDelegate(this);\n } else {\n this._delegate = initialProps.delegateSelector.getNavigatorDelegate(this);\n }\n }\n\n componentDidMount() {\n RX.Input.backButtonEvent.subscribe(this._delegate.onBackPress);\n }\n\n componentWillUnmount() {\n RX.Input.backButtonEvent.unsubscribe(this._delegate.onBackPress);\n }\n\n componentDidUpdate() {\n // Catch up with any pending commands\n this._processCommand();\n }\n\n protected getRoutes(): NavigatorRoute[] {\n return this._delegate.getRoutes();\n }\n\n // Push a new route if initial route doesn't exist\n push(route: NavigatorRoute): void {\n this._enqueueCommand({\n type: CommandType.Push,\n param: {\n route: route,\n },\n });\n }\n\n pop(): void {\n this._enqueueCommand({\n type: CommandType.Pop,\n param: {},\n });\n }\n\n replace(route: NavigatorRoute): void {\n this._enqueueCommand({\n type: CommandType.Replace,\n param: {\n route: route,\n },\n });\n }\n\n replacePrevious(route: NavigatorRoute): void {\n this._enqueueCommand({\n type: CommandType.Replace,\n param: {\n route: route,\n value: -1,\n },\n });\n }\n\n // This method replaces the route at the given index of the stack and pops to that index.\n replaceAtIndex(route: NavigatorRoute, index: number): void {\n const routes = this.getRoutes();\n\n // Pop to index route and then replace if not last one\n if (index < routes.length - 1) {\n const route = routes[index];\n this.popToRoute(route);\n }\n\n // Schedule a replace\n this.replace(route);\n }\n\n // Reset route stack with default route stack\n immediatelyResetRouteStack(nextRouteStack: NavigatorRoute[]): void {\n this._delegate.immediatelyResetRouteStack(nextRouteStack);\n }\n\n popToRoute(route: NavigatorRoute): void {\n this._enqueueCommand({\n type: CommandType.Pop,\n param: {\n route: route,\n },\n });\n }\n\n popToTop(): void {\n this._enqueueCommand({\n type: CommandType.Pop,\n param: {\n value: -1,\n },\n });\n }\n\n getCurrentRoutes(): NavigatorRoute[] {\n return this.getRoutes();\n }\n\n // Render without initial route to get a reference for Navigator object\n render(): JSX.Element {\n return this._delegate.render();\n }\n\n private _enqueueCommand(command: NavigationCommand): void {\n this._commandQueue.push(command);\n this._processCommand();\n }\n\n private _processCommand(): void {\n this._delegate.processCommand(this._commandQueue);\n }\n}\n\nexport default NavigatorImpl;\nexport const Navigator = NavigatorImpl;\nexport const NavigatorDelegateSelector = new DefaultDelegateSelector();\nexport { Types };\n"
},
{
"path": "extensions/navigation/src/native-common/NavigatorExperimentalDelegate.tsx",
"content": "/**\n * NavigatorExperimentalDelegate.tsx\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Delegate which encapsulates experimental react-native Navigator experience.\n * The main difference of Experimental Navigator is that it uses Animated for navigation animation\n * so we can enable useNativeDriver options for those animations.\n *\n * Currently, Android support on NativeAnimations is more stable and performant than iOS.\n * That's why we need to have the ability to pick different implementations for different platforms.\n */\n\nimport * as React from 'react';\nimport * as RN from 'react-native';\nimport * as RX from 'reactxp';\nimport * as Navigation from 'reactxp-experimental-navigation';\n\nimport assert from '../common/assert';\nimport * as _ from '../common/lodashMini';\nimport {\n CommandType,\n CustomNavigatorSceneConfig,\n Navigator,\n NavigatorSceneConfigType,\n NavigationCommand,\n NavigatorDelegate,\n NavigatorRoute,\n NavigatorState,\n} from '../common/Types';\n\ntype NavigationSceneRendererProps = Navigation.NavigationSceneRendererProps;\ntype NavigationState = Navigation.NavigationState;\ntype NavigationRoute = Navigation.NavigationRoute;\ntype NavigationTransitionProps = Navigation.NavigationTransitionProps;\n\nconst StateUtils = Navigation.StateUtils;\n\ninterface NavigationRouteState extends NavigationRoute {\n route: NavigatorRoute;\n}\n\ninterface TransitionSpec {\n enableGesture: boolean;\n direction: Navigation.NavigationGestureDirection;\n gestureResponseDistance: number;\n customTransitionConfig?: Navigation.NavigationCustomTransitionConfig;\n cardStyle?: RX.Types.ViewStyleRuleSet;\n hideShadow?: boolean;\n}\n\nexport class NavigatorExperimentalDelegate extends NavigatorDelegate {\n\n private _state: Navigation.NavigationState;\n private _transitionSpec: TransitionSpec;\n\n constructor(navigator: Navigator) {\n super(navigator);\n const route: NavigationRouteState = { key: '0', route: { routeId: 0, sceneConfigType: 0 } };\n this._state = { index: 0, routes: [route] };\n this._transitionSpec = this._buildTransitionSpec(this._state);\n }\n\n getRoutes(): NavigatorRoute[] {\n return _.map(this._state.routes, element => {\n const routeState = element as NavigationRouteState;\n return routeState.route;\n });\n }\n\n // Reset route stack with default route stack\n immediatelyResetRouteStack(nextRouteStack: NavigatorRoute[]): void {\n const prevState = this._state;\n this._state = this._createParentState(nextRouteStack, prevState);\n this._transitionSpec = this._buildTransitionSpec(this._state);\n this._owner.setState({ state: this._state });\n }\n\n // Render without initial route to get a reference for Navigator object\n render(): JSX.Element {\n return (\n {\n static SceneConfigs: {\n PushFromRight: any;\n FloatFromRight: any;\n FloatFromLeft: any;\n FloatFromBottom: any;\n FloatFromBottomAndroid: any;\n FadeAndroid: any;\n HorizontalSwipeJump: any;\n };\n getCurrentRoutes(): any[];\n jumpBack(): void;\n jumpForward(): void;\n jumpTo(route: any): void;\n push(route: any): void;\n pop(): void;\n replace(route: any): void;\n replaceAtIndex(route: any, index: number): void;\n replacePrevious(route: any): void;\n immediatelyResetRouteStack(routeStack: any[]): void;\n popToRoute(route: any): void;\n popToTop(): void;\n }\n}\n"
},
{
"path": "extensions/navigation/src/typings/rebound.d.ts",
"content": "declare module 'rebound' {\n class SpringSystem {\n createSpring(): any;\n }\n}\n"
},
{
"path": "extensions/navigation/src/web/Navigator.tsx",
"content": "/*\n * Navigator.tsx\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Web specific implementation of Navigator. This is inspired from React.Navigator.\n * This component is set with props, which are callback methods. It is primarily driven\n * by state updates instigated by its public helpers like immediatelyResetRouteStack, push,\n * pop, which update the state and cause transitions.\n */\n\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport * as RX from 'reactxp';\nimport * as rebound from 'rebound';\nimport { Styles, View } from 'reactxp';\n\nimport * as _ from '../common/lodashMini';\nimport * as Types from '../common/Types';\nimport {\n NavigatorDelegateSelector as DelegateSelector,\n NavigatorState as BaseNavigatorState,\n Navigator as NavigatorBase,\n NavigatorProps,\n} from '../common/Types';\n\nimport { NavigatorSceneConfigFactory, NavigatorSceneConfig } from './NavigatorSceneConfigFactory';\n\n// [Bug:506870] Move web navigator to RX animated API\nexport interface SpringSystem {\n createSpring(): any;\n}\n\nexport interface Spring {\n setRestSpeedThreshold?: (restSpeed: number) => void;\n setCurrentValue?: (val: number) => any;\n addListener?: (obj: any) => any;\n getCurrentValue? (): any;\n setOvershootClampingEnabled? (a: boolean): void;\n getSpringConfig? (): any;\n setVelocity?(velocity: any): any;\n setEndValue?(endVal: number): any;\n}\n\n// Default styles\nconst _styles = {\n container: Styles.createViewStyle({\n flex: 1,\n flexDirection: 'column',\n alignSelf: 'stretch',\n overflow: 'hidden',\n }),\n defaultSceneStyle: Styles.createViewStyle({\n position: 'absolute',\n left: 0,\n right: 0,\n bottom: 0,\n top: 0,\n }),\n baseScene: Styles.createViewStyle({\n position: 'absolute',\n overflow: 'hidden',\n left: 0,\n right: 0,\n bottom: 0,\n top: 0,\n }),\n disabledScene: Styles.createViewStyle({\n top: 0,\n bottom: 0,\n flex: 1,\n }),\n transitioner: Styles.createViewStyle( {\n flex: 1,\n flexDirection: 'column',\n backgroundColor: 'transparent',\n overflow: 'hidden',\n alignItems: 'stretch',\n }),\n sceneStyle: Styles.createViewStyle({\n flex: 1,\n shadowOffset: { height: 0, width: 0 },\n shadowRadius: 40,\n shadowColor: 'rgba(0, 0, 0, 0.2)',\n }),\n};\n\n// Transition types\nexport type TransitionToCallback = () => void;\nexport type ReplaceAtIndexCallback = () => void;\n\nexport interface TransitionToQueueItem {\n // The destination route index.\n destIndex: number;\n\n // The callback to call after this transition is finished.\n transitionFinished: TransitionToCallback;\n\n // This velocity will be passed to the spring system for transitioning. If no velocity is specified, a default value\n // will be used.\n velocity: number;\n}\n\nexport interface NavigatorState extends BaseNavigatorState {\n // Current stack of animation configurations for a scene\n sceneConfigStack?: NavigatorSceneConfig[];\n\n // The current stack of user-defined route objects.\n routeStack?: Types.NavigatorRoute[];\n\n // The currently presented route index.\n presentedIndex?: number;\n\n // During transition, the presentedIndex will be updated at the beginning and transitionFromIndex will be set to the\n // previous index.\n transitionFromIndex?: number;\n\n // If told to transition while another transition is occurring, it will be added to this queue and executed after.\n transitionQueue?: TransitionToQueueItem[];\n\n // The callback to call after the current transition is finished.\n transitionFinished?: TransitionToCallback;\n}\n\nexport class NavigatorImpl extends NavigatorBase {\n // Keep a map of all rendered scenes, keyed off their routeId\n private _renderedSceneMap: { [routeId: number]: JSX.Element } = {};\n\n // References to mounted components.\n private _containerRef: RX.View | null;\n private _sceneRefs: { [sceneIndex: string]: RX.View } = {};\n\n // Save a public reference to the parent navigator if one was given in props.\n navigatorReference: Navigator;\n\n // [Bug:506870] Move web navigator to RX animated API\n // Spring system and spring used for transitions.\n springSystem: SpringSystem;\n spring: Spring;\n\n // Cache the dimensions of the navigator so scenes can transition with that size in mind.\n private _dimensions: RX.Types.Dimensions;\n\n // Receives initial props and sets initial state for Navigator\n constructor(initialProps?: NavigatorProps) {\n super(initialProps);\n\n // Default navigator state\n this.state = {\n sceneConfigStack: [],\n routeStack: [],\n presentedIndex: 0,\n transitionFromIndex: undefined,\n transitionQueue: [],\n };\n }\n\n UNSAFE_componentWillMount() {\n this.springSystem = new rebound.SpringSystem();\n this.spring = this.springSystem.createSpring();\n this.spring.setRestSpeedThreshold(0.05);\n this.spring.setCurrentValue(0).setAtRest();\n this.spring.addListener({\n onSpringUpdate: () => {\n this._handleSpringUpdate();\n },\n onSpringAtRest: () => {\n this._completeTransition();\n },\n });\n }\n\n componentDidMount() {\n this._updateDimensionsCache();\n this._handleSpringUpdate();\n }\n\n componentDidUpdate() {\n this._updateDimensionsCache();\n }\n\n render() {\n const newRenderedSceneMap: { [routeId: number]: JSX.Element } = {};\n let scenes: JSX.Element[];\n\n if (this.state.routeStack.length > 0) {\n scenes = this.state.routeStack.map((route, index) => {\n let renderedScene: JSX.Element;\n\n if (this._renderedSceneMap[route.routeId] &&\n index !== this.state.presentedIndex) {\n renderedScene = this._renderedSceneMap[route.routeId];\n } else {\n renderedScene = this._renderNavigatorScene(route, index);\n }\n\n newRenderedSceneMap[route.routeId] = renderedScene;\n\n return renderedScene;\n });\n } else {\n scenes = [];\n }\n\n this._renderedSceneMap = _.clone(newRenderedSceneMap);\n\n return (\n \n \n { scenes }\n \n \n );\n }\n\n // Public Navigator Helper methods. These methods modify Navigator state, which kicks of\n // re-renders for the Navigator\n jumpTo(route: Types.NavigatorRoute): void {\n const destIndex = this.state.routeStack.indexOf(route);\n this._jumpN(destIndex - this.state.presentedIndex);\n }\n\n jumpForward(): void {\n this._jumpN(1);\n }\n\n jumpBack(): void {\n this._jumpN(-1);\n }\n\n push(route: Types.NavigatorRoute): void {\n this._invariant(!!route, 'Must supply route to push');\n const activeLength = this.state.presentedIndex + 1;\n const activeStack = this.state.routeStack.slice(0, activeLength);\n const activeAnimationConfigStack = this.state.sceneConfigStack.slice(0, activeLength);\n const nextStack = activeStack.concat([route]);\n const destIndex = nextStack.length - 1;\n const nextAnimationConfigStack: NavigatorSceneConfig [] = activeAnimationConfigStack.concat([\n this._getSceneConfigFromRoute(route),\n ]);\n\n this.setState({\n routeStack: nextStack,\n sceneConfigStack: nextAnimationConfigStack,\n }, () => {\n this._enableScene(destIndex);\n this._transitionTo(destIndex);\n });\n }\n\n immediatelyResetRouteStack(nextRouteStack: Types.NavigatorRoute[]): void {\n const destIndex = nextRouteStack.length - 1;\n\n this.setState({\n // Build a sceneConfigStack\n sceneConfigStack: _.map(nextRouteStack, route => this._getSceneConfigFromRoute(route)),\n routeStack: nextRouteStack,\n presentedIndex: destIndex,\n transitionFromIndex: undefined,\n transitionQueue: [],\n }, () => {\n this._handleSpringUpdate();\n if (destIndex >= 0) {\n this._enableScene(destIndex, true);\n }\n });\n }\n\n pop(): void {\n if (this.state.transitionQueue.length) {\n // This is the workaround to prevent user from firing multiple `pop()` calls that may pop the routes beyond\n // the limit. Because `this.state.presentedIndex` does not update until the transition starts, we can't\n // reliably use `this.state.presentedIndex` to know whether we can safely keep popping the routes or not at\n // this moment.\n return;\n }\n\n if (this.state.presentedIndex > 0) {\n this._popN(1);\n }\n }\n\n // This method replaces the route at the given index of the stack and pops to that index.\n replaceAtIndex(route: Types.NavigatorRoute, index: number): void {\n this._invariant(!!route, 'Must supply route to replace');\n\n if (index < 0) {\n index += this.state.routeStack.length;\n }\n\n if (this.state.routeStack.length <= index) {\n return;\n }\n\n const nextRouteStack = this.state.routeStack.slice(0, index + 1);\n const nextAnimationModeStack = this.state.sceneConfigStack.slice(0, index + 1);\n nextRouteStack[index] = route;\n nextAnimationModeStack[index] = this._getSceneConfigFromRoute(route);\n\n this.setState({\n routeStack: nextRouteStack,\n sceneConfigStack: nextAnimationModeStack,\n });\n }\n\n replace(route: Types.NavigatorRoute): void {\n this.replaceAtIndex(route, this.state.presentedIndex);\n }\n\n replacePrevious(route: Types.NavigatorRoute): void {\n this.replaceAtIndex(route, this.state.presentedIndex - 1);\n }\n\n popToTop(): void {\n this.popToRoute(this.state.routeStack[0]);\n }\n\n popToRoute(route: Types.NavigatorRoute): void {\n const indexOfRoute = this.state.routeStack.indexOf(route);\n this._invariant(indexOfRoute !== -1, 'Calling popToRoute for a route that doesn\\'t exist!');\n\n const numToPop = this.state.presentedIndex - indexOfRoute;\n this._popN(numToPop);\n }\n\n replacePreviousAndPop(route: Types.NavigatorRoute): void {\n if (this.state.routeStack.length < 2) {\n return;\n }\n\n this.replacePrevious(route);\n this.pop();\n }\n\n getCurrentRoutes(): Types.NavigatorRoute[] {\n // Clone before returning to avoid caller mutating the stack.\n return this.state.routeStack.slice();\n }\n\n private _onMountContainer = (comp: RX.View | null) => {\n this._containerRef = comp;\n };\n\n private _updateDimensionsCache() {\n if (this._containerRef) {\n const transitioner = ReactDOM.findDOMNode(this._containerRef) as HTMLElement | null;\n if (transitioner) {\n this._dimensions = {\n width: transitioner.offsetWidth,\n height: transitioner.offsetHeight,\n };\n }\n }\n }\n\n // Helper method to extract Navigator's Scene config from the route\n private _getSceneConfigFromRoute(route: Types.NavigatorRoute): NavigatorSceneConfig {\n // route exists? query the factory to generate a scene configuration\n if (route) {\n return NavigatorSceneConfigFactory.createConfig(route.sceneConfigType);\n }\n return undefined;\n }\n\n // Render a scene for the navigator\n private _renderNavigatorScene(route: Types.NavigatorRoute, index: number): JSX.Element {\n const styles: RX.Types.ViewStyleRuleSet[] = [_styles.baseScene, _styles.sceneStyle, _styles.defaultSceneStyle];\n\n if (index !== this.state.presentedIndex) {\n // update styles\n styles.push(_styles.disabledScene);\n }\n\n // Wraps the callback passed as a prop to Navigator to render the scene\n return (\n this._onMountScene(comp, index) }\n style={ styles }\n >\n { this.props.renderScene(route) }\n \n );\n }\n\n private _onMountScene(comp: RX.View | null, sceneIndex: number) {\n const sceneId = 'scene_' + sceneIndex;\n\n if (!comp) {\n delete this._sceneRefs[sceneId];\n } else {\n this._sceneRefs[sceneId] = comp;\n }\n }\n\n // Push a scene below the others so they don't block touches sent to the presented scenes.\n private _disableScene(sceneIndex: number) {\n const sceneId = 'scene_' + sceneIndex;\n\n if (this._sceneRefs[sceneId]) {\n this._setNativeStyles(this._sceneRefs[sceneId], {\n opacity: 0,\n zIndex: -10,\n });\n }\n }\n\n // Add styles on the scene - At this time, the scene should be mounted and sitting in the\n // DOM. We are just adding giving styles to this current scene.\n private _enableScene(sceneIndex: number, force = false) {\n const sceneStyle = Styles.combine([_styles.baseScene, _styles.sceneStyle, _styles.defaultSceneStyle]) as any;\n\n // Then restore the top value for this scene.\n const enabledSceneNativeProps = {\n style: {\n top: sceneStyle.top,\n bottom: sceneStyle.bottom,\n opacity: 1,\n zIndex: 0,\n transform: '',\n },\n };\n\n if (!force && sceneIndex !== this.state.transitionFromIndex &&\n sceneIndex !== this.state.presentedIndex) {\n // If we are not in a transition from this index, make sure opacity is 0 to prevent the enabled scene from\n // flashing over the presented scene.\n (enabledSceneNativeProps.style as any).opacity = 0;\n }\n\n const sceneId = 'scene_' + sceneIndex;\n if (this._sceneRefs[sceneId]) {\n this._setNativeStyles(this._sceneRefs[sceneId], enabledSceneNativeProps.style);\n }\n }\n\n private _transitionTo(destIndex: number, velocity?: number, jumpSpringTo?: number, cb?: TransitionToCallback) {\n // If we're already presenting this index, bail here.\n if (destIndex === this.state.presentedIndex) {\n return;\n }\n\n // If we're already transitioning to another index, queue this one.\n if (this.state.transitionFromIndex !== undefined) {\n const newTransitionQueue = _.cloneDeep(this.state.transitionQueue);\n newTransitionQueue.push({\n destIndex: destIndex,\n velocity: velocity,\n transitionFinished: cb,\n });\n // set new transition queue\n this.setState ({ transitionQueue: newTransitionQueue });\n return;\n }\n\n // Set new state values.\n this.setState({\n transitionFromIndex: this.state.presentedIndex,\n presentedIndex: destIndex,\n transitionFinished: cb,\n });\n\n // Grab the scene config from the route we're leaving.\n const sceneConfig = this.state.sceneConfigStack[this.state.transitionFromIndex] ||\n this.state.sceneConfigStack[this.state.presentedIndex];\n this._invariant(!!sceneConfig, 'Cannot configure scene at index ' + this.state.transitionFromIndex);\n\n // Set the spring in motion. Updates will trigger _handleSpringUpdate.\n if (jumpSpringTo !== undefined) {\n this.spring.setCurrentValue(jumpSpringTo);\n }\n this.spring.setOvershootClampingEnabled(true);\n this.spring.getSpringConfig().friction = sceneConfig.springFriction;\n this.spring.getSpringConfig().tension = sceneConfig.springTension;\n this.spring.setVelocity(velocity || sceneConfig.defaultTransitionVelocity);\n this.spring.setEndValue(1);\n\n if (this.props.transitionStarted) {\n this.props.transitionStarted();\n }\n }\n\n private _completeTransition() {\n const newState: NavigatorState = {};\n\n this.setState({\n transitionFromIndex: undefined,\n });\n this.spring.setCurrentValue(0).setAtRest();\n this._hideScenes();\n\n // Do we have pending transitions? trigger transitions then\n if (this.state.transitionQueue.length) {\n const newTransitionQueue = _.cloneDeep(this.state.transitionQueue);\n const queuedTransition = newTransitionQueue.shift();\n\n // add styles on the scene we are about to transition to\n this._enableScene(queuedTransition.destIndex);\n\n this._transitionTo(\n queuedTransition.destIndex,\n queuedTransition.velocity,\n undefined,\n queuedTransition.transitionFinished,\n );\n\n if (this.state.transitionFinished) {\n this.state.transitionFinished();\n newState.transitionFinished = undefined;\n }\n\n newState.transitionQueue = newTransitionQueue;\n\n // New setState\n this.setState(newState);\n } else {\n if (this.props.transitionCompleted) {\n this.props.transitionCompleted();\n }\n\n if (this.state.transitionFinished) {\n this.state.transitionFinished();\n }\n }\n }\n\n private _hideScenes() {\n for (let i = 0; i < this.state.routeStack.length; i++) {\n if (i === this.state.presentedIndex ||\n i === this.state.transitionFromIndex) {\n continue;\n }\n\n this._disableScene(i);\n }\n }\n\n // This happens for each frame of either a gesture or a transition. If both are happening, we only set values for\n // the transition and the gesture will catch up later.\n private _handleSpringUpdate() {\n // Prioritize handling transition in progress over a gesture:\n if (this.state.transitionFromIndex !== undefined) {\n this._transitionBetween(\n this.state.transitionFromIndex,\n this.state.presentedIndex,\n this.spring.getCurrentValue(),\n );\n }\n }\n\n private _transitionSceneStyle(fromIndex: number, toIndex: number, progress: number, index: number) {\n const sceneId = 'scene_' + index;\n const viewAtIndex = this._sceneRefs[sceneId];\n if (viewAtIndex === undefined) {\n return;\n }\n\n // Use toIndex animation when we move forwards. Use fromIndex when we move back.\n const sceneConfigIndex = fromIndex < toIndex ? toIndex : fromIndex;\n let sceneConfig = this.state.sceneConfigStack[sceneConfigIndex];\n\n // This happens for overswiping when there is no scene at toIndex.\n if (!sceneConfig) {\n sceneConfig = this.state.sceneConfigStack[sceneConfigIndex - 1];\n }\n\n const styleToUse: RX.Types.ViewStyleRuleSet = {};\n const useFn = index < fromIndex || index < toIndex ?\n sceneConfig.animationInterpolators.out :\n sceneConfig.animationInterpolators.into;\n const directionAdjustedProgress = fromIndex < toIndex ? progress : 1 - progress;\n const didChange = useFn(styleToUse, this._dimensions, directionAdjustedProgress);\n if (didChange) {\n this._setNativeStyles(viewAtIndex, styleToUse);\n }\n }\n\n private _transitionBetween(fromIndex: number, toIndex: number, progress: number) {\n this._transitionSceneStyle(fromIndex, toIndex, progress, fromIndex);\n this._transitionSceneStyle(fromIndex, toIndex, progress, toIndex);\n }\n\n private _getDestIndexWithinBounds(n: number) {\n const currentIndex = this.state.presentedIndex;\n const destIndex = currentIndex + n;\n this._invariant(destIndex >= 0, 'Cannot jump before the first route.');\n\n const maxIndex = this.state.routeStack.length - 1;\n this._invariant(maxIndex >= destIndex, 'Cannot jump past the last route.');\n\n return destIndex;\n }\n\n private _jumpN(n: number) {\n const destIndex = this._getDestIndexWithinBounds(n);\n this._invariant(destIndex !== -1, 'Cannot jump to route that is not in the route stack');\n\n this._enableScene(destIndex);\n this._transitionTo(destIndex);\n }\n\n private _popN(n: number) {\n if (n === 0) {\n return;\n }\n\n this._invariant(this.state.presentedIndex - n >= 0, 'Cannot pop below zero');\n\n const popIndex = this.state.presentedIndex - n;\n this._enableScene(popIndex);\n\n this._transitionTo(\n popIndex,\n undefined, // default velocity\n undefined, // no spring jumping\n () => this._cleanScenesPastIndex(popIndex),\n );\n }\n\n private _cleanScenesPastIndex(index: number) {\n const newStackLength = index + 1;\n\n // Remove any unneeded rendered routes.\n if (newStackLength < this.state.routeStack.length) {\n this.setState({\n sceneConfigStack: this.state.sceneConfigStack.slice(0, newStackLength),\n routeStack: this.state.routeStack.slice(0, newStackLength),\n });\n }\n }\n\n // Get routeId for the incoming route\n private _getRouteID(route: Types.NavigatorRoute): number {\n return route.routeId;\n }\n\n // Define an inconstiant method like React.Navigator\n private _invariant(test: boolean, failureMessage: string) {\n if (!test) {\n throw failureMessage;\n }\n }\n\n // Manually override the styles in the DOM for the given component. This method is a hacky equivalent of React Native's\n // setNativeProps.\n private _setNativeStyles(component: React.ReactInstance, currentStyles: any) {\n // Grab the actual element from the DOM.\n const element = ReactDOM.findDOMNode(component) as HTMLElement|null;\n if (element) {\n const flatStyles: RX.Types.ViewStyleRuleSet = Array.isArray(currentStyles) ? _.flatten(currentStyles) : currentStyles;\n\n // Modify styles\n _.assign(element.style, flatStyles);\n }\n }\n}\n\nexport default NavigatorImpl;\nexport const Navigator = NavigatorImpl;\nexport const NavigatorDelegateSelector: DelegateSelector = undefined;\nexport { Types };\n"
},
{
"path": "extensions/navigation/src/web/NavigatorSceneConfigFactory.tsx",
"content": "/**\n * NavigatorSceneConfigFactory.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * NavigatorSceneConfigFactory creates an 'object' of type NavigatorSceneConfig,\n * which is consumed by the Navigator. This object contains properties to execute\n * spring animation for transition between scenes. NavigatorSceneConfigFactory and\n * NavigatorSceneConfig are both exported.\n */\n\nimport * as RX from 'reactxp';\n\nimport * as _ from '../common/lodashMini';\nimport * as Types from '../common/Types';\n\n// Interpolator type, which accepts a combination of these types and returns a interpolated/calculated result\n// Interpolator wrapper, which is given as a callback method to Navigator to call the animation interpolator\nexport type Interpolator = (progress: number, dimension?: RX.Types.Dimensions) => number;\nexport type InterpolatorWrapper = (previousStyleSet: RX.Types.ViewStyleRuleSet,\n dimensions: RX.Types.Dimensions, progress: number) => boolean;\n\n// Interface to define the transition styles for multiple views\nexport interface TransitionStyle {\n translateX?: (progress: number, dimension: RX.Types.Dimensions) => string;\n translateY?: (progress: number, dimension: RX.Types.Dimensions) => string;\n translateZ?: (progress: number, dimension: RX.Types.Dimensions) => string;\n // Note: Weird type: Either a 'function type' or a 'number'\n opacity?: ((progress: number) => number) | number;\n rotateX?: ((progress: number) => number) | number;\n rotateY?: ((progress: number) => number) | number;\n rotateZ?: ((progress: number) => number) | number;\n scaleX?: (progress: number) => number;\n scaleY?: (progress: number) => number;\n scaleZ?: (progress: number) => number;\n}\n\n// Defined style interpolators for each transition type\nclass SceneConfigStyles {\n static fadeToTheLeft: TransitionStyle = {\n translateX: (t, dimensions) =>(t * -dimensions.width * 0.3) + 'px',\n opacity: 1,\n };\n\n static fadeToTheRight: TransitionStyle = {\n translateX: (t, dimensions) => (t * dimensions.width * 0.3) + 'px',\n opacity: 1,\n };\n\n static fadeIn: TransitionStyle = {\n opacity: t => t,\n };\n\n static fadeOut: TransitionStyle = {\n opacity: t => 1 - t,\n };\n\n static fadeOutToTop: TransitionStyle = {\n opacity: t => 1 - t,\n translateY: (t, dimensions) => (t * -0.1 * dimensions.height) + 'px',\n };\n\n static toTheLeft: TransitionStyle = {\n translateX: (t, dimensions) => (t * -dimensions.width) + 'px',\n };\n\n static toTheUp: TransitionStyle = {\n translateY: (t, dimensions) => (t * -dimensions.height) + 'px',\n };\n\n static toTheDown: TransitionStyle = {\n translateY: (t, dimensions) => (t * dimensions.height) + 'px',\n };\n\n static fromTheRight: TransitionStyle = {\n opacity: 1,\n translateX: (t, dimensions) => (dimensions.width - (t * dimensions.width)) + 'px',\n };\n\n static fromTheLeft: TransitionStyle = {\n opacity: 1,\n translateX: (t, dimensions) => (-dimensions.width + (t * dimensions.width)) + 'px',\n };\n\n static fromTheDown: TransitionStyle = {\n translateY: (t, dimensions) => (dimensions.height - t * dimensions.height) + 'px',\n };\n\n static fromTheUp: TransitionStyle = {\n opacity: 1,\n translateY: (t, dimensions) => (-dimensions.height + t * dimensions.height) + 'px',\n };\n\n static fromTheFront: TransitionStyle = {\n opacity: 1,\n translateY: (t, dimensions) => (dimensions.height - t * dimensions.height) + 'px',\n };\n\n static toTheBack: TransitionStyle = {\n scaleX: t => (1 - (t * 0.05)),\n scaleY: t => (1 - (t * 0.05)),\n opacity: 1,\n };\n\n // CSS requires all transforms to be combined into one transform property. bundleCompoundStyles searches a style\n // definition for separate transforms and melts it down to a \"transform\" property.\n static bundleCompoundStyles(styles: { [name: string]: string | number }): any {\n const transforms: { [name: string]: string | number } = { };\n const remaining: { [name: string]: string | number } = { };\n\n for (const name in styles) {\n if (styles.hasOwnProperty(name)) {\n switch (name) {\n case 'translateX':\n case 'translateY':\n case 'translateZ':\n case 'scaleX':\n case 'scaleY':\n case 'scaleZ':\n case 'rotateX':\n case 'rotateY':\n case 'rotateZ':\n transforms[name] = styles[name];\n break;\n\n default:\n remaining[name] = styles[name];\n break;\n }\n }\n }\n\n // Add transforms into remaining object\n if (!_.isEmpty(transforms)) {\n remaining.transform = _.map(transforms, (val, key) => key + '(' + val + ')').join(' ');\n }\n\n return remaining;\n }\n}\n\n// Navigator config class. Navigator works on the instances of this class\nexport class NavigatorSceneConfig {\n // Rebound spring parameters when transitioning FROM this scene\n springFriction = 26;\n springTension = 200;\n\n // Velocity to start at when transitioning without gesture\n defaultTransitionVelocity = 1.5;\n\n // Returns an object of functions that return a function\n animationInterpolators: {\n into: InterpolatorWrapper;\n out: InterpolatorWrapper;\n };\n\n constructor(intoStyle: TransitionStyle, outStyle: TransitionStyle) {\n // Into, Out interpolators are required to do a scene transition\n this.animationInterpolators = {\n into: this._styleInterpolator(intoStyle),\n out: this._styleInterpolator(outStyle),\n };\n }\n\n // Private method that hangs as a callback on animationInterpolator object\n // It calculates new styles and updates the previousStyles object sent to decide\n // if the animation triggered or not in the component that calls it\n private _styleInterpolator(styles: TransitionStyle): InterpolatorWrapper {\n return (previousStyleSet: RX.Types.ViewStyleRuleSet, dimensions: RX.Types.Dimensions, progress: number): boolean => {\n // Calls the interpolator method for each type and calculates\n const newStyleSet = SceneConfigStyles.bundleCompoundStyles(\n _.mapValues(styles, (interpolator: Interpolator | number) => (\n _.isNumber(interpolator) ? interpolator : interpolator(progress, dimensions)\n )) as any);\n\n // Check if anything has changed since last frame.\n if (_.isEqual(previousStyleSet, newStyleSet)) {\n return false;\n }\n\n // Copy the new props into the previous object.\n for (const prop in newStyleSet) {\n if (newStyleSet.hasOwnProperty(prop)) {\n _.assign(previousStyleSet, {[prop]: _.get(newStyleSet, prop)});\n }\n }\n\n return true;\n };\n }\n}\n\n// Factory class to create Navigator scene configurations for each type of transition between routes\nexport class NavigatorSceneConfigFactory {\n\n // Helper method that creates a new Animation config for a scene\n static createConfig(configType: Types.NavigatorSceneConfigType): NavigatorSceneConfig {\n switch (configType) {\n case Types.NavigatorSceneConfigType.FloatFromRight:\n return new NavigatorSceneConfig(SceneConfigStyles.fromTheRight, SceneConfigStyles.fadeToTheLeft);\n\n case Types.NavigatorSceneConfigType.FloatFromLeft:\n return new NavigatorSceneConfig(SceneConfigStyles.fromTheLeft, SceneConfigStyles.fadeToTheRight);\n\n case Types.NavigatorSceneConfigType.FloatFromBottom:\n return new NavigatorSceneConfig(SceneConfigStyles.fromTheFront, SceneConfigStyles.toTheBack);\n\n case Types.NavigatorSceneConfigType.Fade:\n return new NavigatorSceneConfig(SceneConfigStyles.fadeIn, SceneConfigStyles.fadeOut);\n\n case Types.NavigatorSceneConfigType.FadeWithSlide:\n return new NavigatorSceneConfig(SceneConfigStyles.fadeIn, SceneConfigStyles.fadeOutToTop);\n\n default:\n // Float from Right\n return new NavigatorSceneConfig(SceneConfigStyles.fromTheLeft, SceneConfigStyles.fadeToTheRight);\n }\n }\n}\n"
},
{
"path": "extensions/navigation/tsconfig.json",
"content": "{\n \"compilerOptions\": {\n \"experimentalDecorators\": true,\n \"noImplicitAny\": true,\n \"skipLibCheck\": true,\n \"declaration\": true,\n \"noResolve\": false,\n \"module\": \"commonjs\",\n \"target\": \"es5\",\n \"outDir\": \"dist\",\n \"jsx\": \"react\",\n \"lib\": [\"es5\", \"dom\"]\n },\n\n \"include\": [\n \"src/**/*\"\n ],\n\n \"exclude\": [\n \"node_modules\",\n \"dist\"\n ]\n}\n"
},
{
"path": "extensions/netinfo/.eslintrc.json",
"content": "{\n \"parserOptions\": {\n \"project\": \"./tsconfig.json\"\n },\n \"extends\": [\"skype\"],\n \"rules\": {},\n \"overrides\": [\n {\n \"files\": [\n \"*.tsx\"\n ],\n \"rules\": {\n \"@typescript-eslint/explicit-function-return-type\": \"off\"\n }\n },\n {\n \"files\": [\n \"PluginBaseChecker.ts\"\n ],\n \"rules\": {\n \"@typescript-eslint/no-unused-vars\": \"off\"\n }\n }\n ]\n}\n"
},
{
"path": "extensions/netinfo/.gitignore",
"content": "# Logs\nlogs\n*.log\nnpm-debug.log*\n\n# Dependency directories\nnode_modules\npackage-lock.json\n\n# Optional npm cache directory\n.npm\n\n# Build artifacts\n**/dist\n\n# Miscellaneous user files\n*.user\n.vscode\n.DS_STORE\n\n"
},
{
"path": "extensions/netinfo/.npmignore",
"content": "/node_modules\n/src/.vs\n/src/bin\n/src/obj\n*.user\n"
},
{
"path": "extensions/netinfo/README.md",
"content": "# reactxp-netinfo\nThis module provides cross-platform support for detecting network ionformation within the [ReactXP](https://microsoft.github.io/reactxp/) library. This used to be a part of ReactXP core, but was extracted to be a standalone module inline with React Native `Lean Core` initiative. This exists as a standalone module to prevent users of ReactXP from having to link native modules when getting started.\n\n## Getting Started\nThis module relies on [@react-native-community/netinfo](https://www.npmjs.com/packages/@react-native-community/netinfo) and will need to be linked into the react-native project.\nThis can be done by following the linking instructions in the React Native documentation or by running\n```react-native link @react-native-community/netinfo```\n\n## Documentation\nFor detailed documentation, look [here](https://microsoft.github.io/reactxp/docs/extensions/netinfo.html).\n\n### Prerequisites\n* [ReactXP](https://github.com/microsoft/reactxp/)\n\n## Contributing\nThis project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/). For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments. \n\nYou must sign a Contribution License Agreement (CLA) before your PR will be merged. This a one-time requirement for Microsoft projects in GitHub. You can read more about [Contribution License Agreements (CLA)](https://en.wikipedia.org/wiki/Contributor_License_Agreement) on Wikipedia. You can sign the Microsoft Contribution License Agreement by visiting https://cla.microsoft.com/. Use your GitHub account to login.\n\n## License\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details\n"
},
{
"path": "extensions/netinfo/index.android.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/android/PluginBase.js');\n"
},
{
"path": "extensions/netinfo/index.ios.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/ios/PluginBase.js');\n"
},
{
"path": "extensions/netinfo/index.js",
"content": "'use strict';\n\n// Export web by default. Other platforms have custom index.[platform].js files\nmodule.exports = require('./dist/web/PluginBase.js');\n"
},
{
"path": "extensions/netinfo/index.macos.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/macos/PluginBase.js');"
},
{
"path": "extensions/netinfo/index.windows.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/windows/PluginBase.js');\n"
},
{
"path": "extensions/netinfo/package.json",
"content": "{\n \"name\": \"reactxp-netinfo\",\n \"version\": \"2.0.0\",\n \"description\": \"Plugin for ReactXP that provides information about network connectivity\",\n \"author\": \"ReactXP Team \",\n \"license\": \"MIT\",\n \"scripts\": {\n \"build\": \"tsc\",\n \"lint\": \"eslint --ext .ts,.tsx src\",\n \"lint:fix\": \"npm run lint -- --fix\"\n },\n \"dependencies\": {\n \"@react-native-community/netinfo\": \"^4.6.1\"\n },\n \"peerDependencies\": {\n \"reactxp\": \"^2.0.0\",\n \"react-native\": \">=0.57\",\n \"react-native-windows\": \"^0.57.1\"\n },\n \"devDependencies\": {\n \"@typescript-eslint/eslint-plugin\": \"2.15.0\",\n \"eslint\": \"6.8.0\",\n \"eslint-config-skype\": \"1.5.0\",\n \"eslint-plugin-import\": \"2.19.1\",\n \"reactxp\": \"^2.0.0\",\n \"typescript\": \"3.7.4\"\n },\n \"types\": \"dist/web/PluginBase.d.ts\"\n}\n"
},
{
"path": "extensions/netinfo/src/android/PluginBase.tsx",
"content": "/*\n * PluginBase.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Base export for the Android implementation of the plugin.\n */\n\nimport * as Types from '../common/Types';\nimport NetInfo from '../native-common/NetInfo';\n\nexport { NetInfo as default, Types };\n"
},
{
"path": "extensions/netinfo/src/common/Interfaces.ts",
"content": "/*\n * Interfaces.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Interface definition for cross-platform ReactXP plugin for gathering network/connectivity\n * info. This was extracted from the reactxp core\n */\n\nimport SubscribableEvent from 'subscribableevent';\n\nimport * as Types from './Types';\n\nexport abstract class NetInfo {\n abstract isConnected(): Promise;\n abstract getType(): Promise;\n connectivityChangedEvent = new SubscribableEvent<(isConnected: boolean) => void>();\n}\n\nexport interface PluginInterface {\n Types: typeof Types;\n\n default: NetInfo;\n}\n"
},
{
"path": "extensions/netinfo/src/common/PluginBaseChecker.ts",
"content": "/*\n * PluginBaseChecker.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Type check all the pluginbase exports against the desired interface.\n */\n\nimport * as AndroidPlugin from '../android/PluginBase';\nimport * as iOSPlugin from '../ios/PluginBase';\nimport * as macOSPlugin from '../macos/PluginBase';\nimport * as WebPlugin from '../web/PluginBase';\nimport * as WindowsPlugin from '../windows/PluginBase';\n\nimport * as Interfaces from './Interfaces';\n\nconst _typeCheckerAndroid: Interfaces.PluginInterface = AndroidPlugin;\nconst _typeCheckeriOS: Interfaces.PluginInterface = iOSPlugin;\nconst _typeCheckermacOS: Interfaces.PluginInterface = macOSPlugin;\nconst _typeCheckerWeb: Interfaces.PluginInterface = WebPlugin;\nconst _typeCheckerWindows: Interfaces.PluginInterface = WindowsPlugin;\n"
},
{
"path": "extensions/netinfo/src/common/Types.ts",
"content": "/*\n * Types.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Type definitions to support the plugin.\n */\n\nexport enum DeviceNetworkType {\n Unknown,\n None,\n Wifi,\n Mobile2G,\n Mobile3G,\n Mobile4G\n}\n"
},
{
"path": "extensions/netinfo/src/ios/PluginBase.tsx",
"content": "/*\n * PluginBase.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Base export for the iOS implementation of the plugin.\n */\n\nimport * as Types from '../common/Types';\nimport NetInfo from '../native-common/NetInfo';\n\nexport { NetInfo as default, Types };\n"
},
{
"path": "extensions/netinfo/src/macos/PluginBase.tsx",
"content": "/*\n * PluginBase.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Base export for the Mac implementation of the plugin.\n */\n\nimport * as Types from '../common/Types';\nimport NetInfo from '../native-common/NetInfo';\n\nexport { NetInfo as default, Types };\n"
},
{
"path": "extensions/netinfo/src/native-common/NetInfo.tsx",
"content": "/**\n * NetInfo.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Native implementation of network information APIs.\n */\n\nimport * as RNNetInfo from '@react-native-community/netinfo';\n\nimport * as Types from '../common/Types';\nimport * as Interfaces from '../common/Interfaces';\n\nexport class NetInfo extends Interfaces.NetInfo {\n constructor() {\n super();\n\n const onEventOccurredHandler = (state: RNNetInfo.NetInfoState) => {\n this.connectivityChangedEvent.fire(state.isConnected);\n };\n\n RNNetInfo.addEventListener(onEventOccurredHandler);\n }\n\n isConnected(): Promise {\n return RNNetInfo.fetch()\n .then((state: RNNetInfo.NetInfoState) => state.isConnected)\n .catch(() => Promise.reject('NetInfo.isConnected.fetch() failed'));\n }\n\n getType(): Promise {\n return RNNetInfo.fetch().then((state: RNNetInfo.NetInfoState) => NetInfo._getNetworkTypeFromConnectionInfo(state));\n }\n\n private static _getNetworkTypeFromConnectionInfo(state: RNNetInfo.NetInfoState): Types.DeviceNetworkType {\n if (state.type === RNNetInfo.NetInfoStateType.cellular) {\n if (state.details === null || state.details.cellularGeneration === null) {\n return Types.DeviceNetworkType.Unknown;\n } else if (state.details.cellularGeneration === '2g') {\n return Types.DeviceNetworkType.Mobile2G;\n } else if (state.details.cellularGeneration === '3g') {\n return Types.DeviceNetworkType.Mobile3G;\n } else if (state.details.cellularGeneration === '4g') {\n return Types.DeviceNetworkType.Mobile4G;\n }\n } else if (state.type === RNNetInfo.NetInfoStateType.wifi ) {\n return Types.DeviceNetworkType.Wifi;\n } else if (state.type === RNNetInfo.NetInfoStateType.ethernet ) {\n return Types.DeviceNetworkType.Wifi;\n } else if (state.type === RNNetInfo.NetInfoStateType.wimax ) {\n return Types.DeviceNetworkType.Wifi;\n } else if (state.type === RNNetInfo.NetInfoStateType.none) {\n return Types.DeviceNetworkType.None;\n }\n\n return Types.DeviceNetworkType.Unknown;\n }\n}\n\nexport default new NetInfo();\n"
},
{
"path": "extensions/netinfo/src/web/NetInfo.tsx",
"content": "/**\n * Video.tsx\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Web-specific implementation of the cross-platform Video abstraction.\n */\n\nimport * as Types from '../common/Types';\nimport * as Interfaces from '../common/Interfaces';\n\nexport class NetInfo extends Interfaces.NetInfo {\n constructor() {\n super();\n\n const onEventOccuredHandler = () => {\n this.connectivityChangedEvent.fire(navigator.onLine);\n };\n\n // Avoid accessing window if it's not defined (for test environment).\n if (typeof(window) !== 'undefined') {\n window.addEventListener('online', onEventOccuredHandler);\n window.addEventListener('offline', onEventOccuredHandler);\n }\n }\n\n isConnected(): Promise {\n return Promise.resolve(navigator.onLine);\n }\n\n getType(): Promise {\n return Promise.resolve(Types.DeviceNetworkType.Unknown);\n }\n}\n\nexport default new NetInfo();\n"
},
{
"path": "extensions/netinfo/src/web/PluginBase.ts",
"content": "/*\n * PluginBase.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Base export for the Web implementation of the plugin.\n */\n\nimport * as Types from '../common/Types';\n\nimport NetInfo from './NetInfo';\n\nexport { NetInfo as default, Types };\n"
},
{
"path": "extensions/netinfo/src/windows/PluginBase.ts",
"content": "/*\n * PluginBase.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Base export for the Windows implementation of the plugin.\n */\n\nimport * as Types from '../common/Types';\nimport NetInfo from '../native-common/NetInfo';\n\nexport { NetInfo as default, Types };\n"
},
{
"path": "extensions/netinfo/tsconfig.json",
"content": "{\n \"compilerOptions\": {\n \"forceConsistentCasingInFileNames\": true,\n \"strictPropertyInitialization\": true,\n \"experimentalDecorators\": true,\n \"noImplicitReturns\": true,\n \"strictNullChecks\": true,\n \"noImplicitThis\": true,\n \"noImplicitAny\": true,\n \"skipLibCheck\": true,\n \"declaration\": true,\n \"noResolve\": false,\n \"target\": \"es5\",\n \"module\": \"commonjs\",\n \"outDir\": \"dist\",\n \"jsx\": \"react\",\n \"lib\": [\"es2015.promise\", \"es5\", \"DOM\"]\n },\n\n \"include\": [\n \"src/**/*\"\n ],\n\n \"exclude\": [\n \"node_modules\",\n \"dist\"\n ]\n}\n"
},
{
"path": "extensions/video/.eslintrc.json",
"content": "{\n \"parserOptions\": {\n \"project\": \"./tsconfig.json\"\n },\n \"extends\": [\"skype\", \"skype/react\"],\n \"rules\": {},\n \"overrides\": [\n {\n \"files\": [\n \"*.tsx\"\n ],\n \"rules\": {\n \"@typescript-eslint/explicit-function-return-type\": \"off\"\n }\n },\n {\n \"files\": [\n \"PluginBaseChecker.ts\"\n ],\n \"rules\": {\n \"@typescript-eslint/no-unused-vars\": \"off\"\n }\n }\n ]\n}\n"
},
{
"path": "extensions/video/.gitignore",
"content": "# Logs\nlogs\n*.log\nnpm-debug.log*\n\n# Dependency directories\nnode_modules\npackage-lock.json\n\n# Optional npm cache directory\n.npm\n\n# Build artifacts\n**/dist\n\n# Miscellaneous user files\n*.user\n.vscode\n.DS_STORE\n\n"
},
{
"path": "extensions/video/.npmignore",
"content": "/node_modules\n/src/.vs\n/src/bin\n/src/obj\n*.user\n"
},
{
"path": "extensions/video/README.md",
"content": "# reactxp-video\nThis module provides cross-platform support for video playback within the [ReactXP](https://microsoft.github.io/reactxp/) library.\n\n## Documentation\nFor detailed documentation, look [here](https://microsoft.github.io/reactxp/docs/extensions/video.html).\n\n### Prerequisites\n* [ReactXP](https://github.com/microsoft/reactxp/)\n\n## Contributing\nThis project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/). For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments. \n\nYou must sign a Contribution License Agreement (CLA) before your PR will be merged. This a one-time requirement for Microsoft projects in GitHub. You can read more about [Contribution License Agreements (CLA)](https://en.wikipedia.org/wiki/Contributor_License_Agreement) on Wikipedia. You can sign the Microsoft Contribution License Agreement by visiting https://cla.microsoft.com/. Use your GitHub account to login.\n\n## License\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details\n"
},
{
"path": "extensions/video/index.android.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/android/PluginBase.js');\n"
},
{
"path": "extensions/video/index.ios.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/ios/PluginBase.js');\n"
},
{
"path": "extensions/video/index.js",
"content": "'use strict';\n\n// Export web by default. Other platforms have custom index.[platform].js files\nmodule.exports = require('./dist/web/PluginBase.js');\n"
},
{
"path": "extensions/video/index.macos.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/macos/PluginBase.js');"
},
{
"path": "extensions/video/index.windows.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/windows/PluginBase.js');\n"
},
{
"path": "extensions/video/package.json",
"content": "{\n \"name\": \"reactxp-video\",\n \"version\": \"2.0.0\",\n \"description\": \"Plugin for ReactXP that provides a video player component for all platforms\",\n \"author\": \"ReactXP Team \",\n \"license\": \"MIT\",\n \"scripts\": {\n \"build\": \"tsc\",\n \"lint\": \"eslint --ext .ts,.tsx src\",\n \"lint:fix\": \"npm run lint -- --fix\"\n },\n \"dependencies\": {\n \"lodash\": \"^4.17.15\",\n \"react-native-video\": \"^5.0.2\"\n },\n \"peerDependencies\": {\n \"react\": \"^16.3.0\",\n \"reactxp\": \"^2.0.0\",\n \"react-dom\": \"^16.3.0\",\n \"react-native\": \">=0.57\",\n \"react-native-windows\": \"^0.57.1\"\n },\n \"devDependencies\": {\n \"@types/lodash\": \"^4.14.149\",\n \"@types/react-dom\": \"^16.9.4\",\n \"@types/react-native\": \"^0.60.23\",\n \"@typescript-eslint/eslint-plugin\": \"2.15.0\",\n \"eslint\": \"6.8.0\",\n \"eslint-config-skype\": \"1.5.0\",\n \"eslint-plugin-import\": \"2.19.1\",\n \"eslint-plugin-react\": \"7.17.0\",\n \"react\": \"^16.3.0\",\n \"reactxp\": \"^2.0.0\",\n \"typescript\": \"3.7.4\"\n },\n \"types\": \"dist/web/PluginBase.d.ts\"\n}\n"
},
{
"path": "extensions/video/src/android/PluginBase.tsx",
"content": "/*\n * PluginBase.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Base export for the Android implementation of the plugin.\n */\n\nimport * as Types from '../common/Types';\nimport Video from '../native-common/Video';\n\nexport { Video as default, Types };\n"
},
{
"path": "extensions/video/src/common/Interfaces.ts",
"content": "/*\n * Interfaces.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Interface definition for cross-platform ReactXP plugin for\n * display videos and controlling video playback.\n */\n\nimport * as RX from 'reactxp';\n\nimport * as Types from './Types';\n\nexport abstract class Video extends RX.Component {\n abstract seek(position: number): void;\n abstract play(): void;\n abstract pause(): void;\n abstract mute(muted: boolean): void;\n}\n\nexport interface PluginInterface {\n Types: typeof Types;\n\n default: typeof Video;\n}\n"
},
{
"path": "extensions/video/src/common/PluginBaseChecker.ts",
"content": "/*\n * PluginBaseChecker.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Type check all the pluginbase exports against the desired interface.\n */\n\nimport * as AndroidPlugin from '../android/PluginBase';\nimport * as iOSPlugin from '../ios/PluginBase';\nimport * as macOSPlugin from '../macos/PluginBase';\nimport * as WebPlugin from '../web/PluginBase';\nimport * as WindowsPlugin from '../windows/PluginBase';\n\nimport * as Interfaces from './Interfaces';\n\nconst _typeCheckerAndroid: Interfaces.PluginInterface = AndroidPlugin;\nconst _typeCheckeriOS: Interfaces.PluginInterface = iOSPlugin;\nconst _typeCheckermacOS: Interfaces.PluginInterface = macOSPlugin;\nconst _typeCheckerWeb: Interfaces.PluginInterface = WebPlugin;\nconst _typeCheckerWindows: Interfaces.PluginInterface = WindowsPlugin;\n"
},
{
"path": "extensions/video/src/common/Types.ts",
"content": "/*\n * Types.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Type definitions to support the plugin.\n */\n\nimport * as React from 'react';\nimport { Types as RXTypes } from 'reactxp';\n\n// Video interfaces from react-native-video\nexport interface VideoProgress {\n currentTime: number;\n playableDuration: number;\n atValue?: number;\n target?: number;\n atTimeScale?: number;\n}\n\nexport interface VideoInfo {\n duration?: number;\n naturalSize?: {\n width: number;\n height: number;\n };\n}\n\nexport interface VideoProps extends RXTypes.CommonStyledProps {\n source: string | number;\n accessibilityLabel?: string;\n showControls?: boolean;\n preload?: 'auto'|'metadata'|'none';\n resizeMode?: 'contain'|'cover'|'stretch';\n loop?: boolean;\n authToken?: string;\n shouldRedirectForAndroidHLS?: boolean;\n\n onBuffer?: () => void;\n onCanPlay?: () => void;\n onCanPlayThrough?: () => void;\n onEnded?: () => void;\n onError?: () => void;\n onLoadStart?: () => void;\n onLoadedData?: (info: VideoInfo) => void;\n onProgress?: (progress: VideoProgress) => void;\n}\n\nexport abstract class Video extends React.Component {}\n"
},
{
"path": "extensions/video/src/ios/PluginBase.tsx",
"content": "/**\n * PluginBase.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Base export for the iOS implementation of the plugin.\n */\n\nimport * as Types from '../common/Types';\nimport Video from '../native-common/Video';\n\nexport { Video as default, Types };\n"
},
{
"path": "extensions/video/src/macos/PluginBase.tsx",
"content": "/**\n * PluginBase.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Base export for the MacOS implementation of the plugin.\n */\n\nimport * as Types from '../common/Types';\nimport Video from '../native-common/Video';\n\nexport { Video as default, Types };\n"
},
{
"path": "extensions/video/src/native-common/Video.tsx",
"content": "/**\n * Video.tsx\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * RN-specific implementation of the cross-platform Video abstraction.\n */\n\nimport * as React from 'react';\nimport * as RX from 'reactxp';\nimport { default as RNVideo, VideoInfo, VideoBufferInfo } from 'react-native-video';\n\nimport * as Types from '../common/Types';\n\nexport interface VideoState {\n isPlaying?: boolean;\n isMuted?: boolean;\n duration?: number;\n}\n\nclass Video extends RX.Component {\n private _mountedComponent: RNVideo|null = null;\n\n constructor(props: Types.VideoProps) {\n super(props);\n\n this.state = {\n isPlaying: false,\n isMuted: false,\n };\n }\n\n render() {\n const source = typeof this.props.source === 'number'\n ? this.props.source\n : { uri: this.props.source };\n return (\n {\n seek(position: number): void;\n }\n}\n"
},
{
"path": "extensions/video/src/web/PluginBase.ts",
"content": "/**\n * PluginBase.ts\n * Author: David de Regt\n * Copyright: Microsoft 2016\n *\n * Base export for the Web implementation of the plugin.\n */\n\nimport * as Types from '../common/Types';\n\nimport Video from './Video';\n\nexport { Video as default, Types };\n"
},
{
"path": "extensions/video/src/web/Video.tsx",
"content": "/**\n * Video.tsx\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Web-specific implementation of the cross-platform Video abstraction.\n */\n\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport * as RX from 'reactxp';\n\nimport extend = require('lodash/extend');\n\nimport * as Types from '../common/Types';\n\nclass Video extends RX.Component {\n componentDidMount() {\n // We need to manually install the onEnded handler because. React doesn't support this.\n const videoDOM = ReactDOM.findDOMNode(this) as HTMLVideoElement | null;\n if (videoDOM) {\n videoDOM.onended = () => {\n if (this.props.onEnded) {\n this.props.onEnded();\n }\n };\n }\n }\n\n componentWillUnmount() {\n const videoDOM = ReactDOM.findDOMNode(this) as HTMLVideoElement | null;\n if (videoDOM) {\n // Prevent Chrome based browsers to leak video elements\n videoDOM.src = '';\n }\n }\n\n render() {\n let combinedStyles = extend(RX.Styles.combine(this.props.style), {\n display: 'flex',\n });\n\n if (this.props.resizeMode === 'cover') {\n combinedStyles = extend(combinedStyles, {\n position: 'absolute',\n minWidth: '100%',\n minHeight: '100%',\n width: 'auto',\n height: 'auto',\n top: '50%',\n left: '50%',\n WebkitTransform: 'translate(-50%,-50%)',\n MozTransform: 'translate(-50%,-50%)',\n msTransform: 'translate(-50%,-50%)',\n transform: 'translate(-50%,-50%)',\n });\n } else if (this.props.resizeMode === 'contain') {\n combinedStyles = extend(combinedStyles, {\n width: '100%',\n height: '100%',\n });\n } else {\n combinedStyles = extend(combinedStyles, {\n width: 'auto',\n height: 'auto',\n maxWidth: '100%',\n maxHeight: '100%',\n });\n }\n\n // The HTML version of video doesn't support numeric-based source\n // references, only string-based URIs.\n const source = typeof this.props.source === 'string' ? this.props.source : '';\n\n return (\n {\n // TODO(uwp): #694149 Not implemented\n render() {\n const combinedStyles = extend(RX.Styles.combine(this.props.style), {\n backgroundColor: 'red',\n });\n\n return (\n \n Video \n \n );\n }\n\n seek(position: number) {\n // TODO(uwp): #694149 Not implemented\n }\n\n seekPercent(percentage: number) {\n // TODO(uwp): #694149 Not implemented\n }\n\n play() {\n // TODO(uwp): #694149 Not implemented\n }\n\n pause() {\n // TODO(uwp): #694149 Not implemented\n }\n\n stop() {\n this.pause();\n this.seek(0);\n }\n\n mute(muted: boolean) {\n // TODO(uwp): #694149 Not implemented\n }\n}\n\nexport default Video;\n"
},
{
"path": "extensions/video/tsconfig.json",
"content": "{\n \"compilerOptions\": {\n \"forceConsistentCasingInFileNames\": true,\n \"strictPropertyInitialization\": true,\n \"experimentalDecorators\": true,\n \"noImplicitReturns\": true,\n \"strictNullChecks\": true,\n \"noImplicitThis\": true,\n \"noImplicitAny\": true,\n \"skipLibCheck\": true,\n \"declaration\": true,\n \"noResolve\": false,\n \"target\": \"es5\",\n \"module\": \"commonjs\",\n \"outDir\": \"dist\",\n \"jsx\": \"react\",\n \"lib\": [\"es2015.promise\", \"es2018.promise\", \"es5\", \"dom\"]\n },\n\n \"include\": [\n \"src/**/*\"\n ],\n\n \"exclude\": [\n \"node_modules\",\n \"dist\"\n ]\n}\n"
},
{
"path": "extensions/virtuallistview/.eslintrc.json",
"content": "{\n \"parserOptions\": {\n \"project\": \"./tsconfig.json\"\n },\n \"extends\": [\"skype\", \"skype/react\"],\n \"rules\": {},\n \"overrides\": [\n {\n \"files\": [\n \"*.tsx\"\n ],\n \"rules\": {\n \"@typescript-eslint/explicit-function-return-type\": \"off\"\n }\n }\n ]\n}\n"
},
{
"path": "extensions/virtuallistview/.gitignore",
"content": "# Logs\nlogs\n*.log\nnpm-debug.log*\n\n# Dependency directories\nnode_modules\n\n# Optional npm cache directory\n.npm\n\n# Build artifacts\n/dist\n\n# Miscellaneous user files\n*.user\n.vscode\n.DS_STORE\npackage-lock.json"
},
{
"path": "extensions/virtuallistview/.npmignore",
"content": "/node_modules\n*.user\n"
},
{
"path": "extensions/virtuallistview/LICENSE",
"content": "ReactXP\n\nCopyright (c) Microsoft Corporation\nAll rights reserved. \n\nMIT License\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this\nsoftware and associated documentation files (the Software), to deal in the Software\nwithout restriction, including without limitation the rights to use, copy, modify, merge,\npublish, distribute, sublicense, and/or sell copies of the Software, and to permit\npersons to whom the Software is furnished to do so, subject to the following conditions:\n \nThe above copyright notice and this permission notice shall be included in all copies\nor substantial portions of the Software.\n \nTHE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\nINCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR\nPURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE\nFOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR\nOTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\nDEALINGS IN THE SOFTWARE.\n"
},
{
"path": "extensions/virtuallistview/README.md",
"content": "# ReactXP VirtualListView\nVirtualListView is a flexible, generalized list view built on [ReactXP](https://microsoft.github.io/reactxp/).\n\n[Detailed documentation](https://microsoft.github.io/reactxp/docs/extensions/virtuallistview.html) can be found on the ReactXP site.\n\n### Prerequisites\n* [ReactXP](https://microsoft.github.io/reactxp/)\n\n## Contributing\n\nThis project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/). For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments. \n\nYou must sign a Contribution License Agreement (CLA) before your PR will be merged. This a one-time requirement for Microsoft projects in GitHub. You can read more about [Contribution License Agreements (CLA)](https://en.wikipedia.org/wiki/Contributor_License_Agreement) on Wikipedia. You can sign the Microsoft Contribution License Agreement by visiting https://cla.microsoft.com/. Use your GitHub account to login.\n\n## License\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details\n"
},
{
"path": "extensions/virtuallistview/index.android.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/VirtualListView.js');\n"
},
{
"path": "extensions/virtuallistview/index.ios.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/VirtualListView.js');\n"
},
{
"path": "extensions/virtuallistview/index.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/VirtualListView.js');\n"
},
{
"path": "extensions/virtuallistview/index.macos.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/VirtualListView.js');\n"
},
{
"path": "extensions/virtuallistview/index.windows.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/VirtualListView.js');\n"
},
{
"path": "extensions/virtuallistview/package.json",
"content": "{\n \"name\": \"reactxp-virtuallistview\",\n \"version\": \"2.1.0\",\n \"description\": \"General-purpose virtualized list view built on the cross-platform ReactXP library\",\n \"author\": \"ReactXP Team \",\n \"license\": \"MIT\",\n \"scripts\": {\n \"build\": \"tsc\",\n \"lint\": \"eslint --ext .ts,.tsx src\",\n \"lint:fix\": \"npm run lint -- --fix\"\n },\n \"dependencies\": {\n \"lodash\": \"^4.17.15\"\n },\n \"peerDependencies\": {\n \"react\": \"^16.3\",\n \"reactxp\": \"^2.0.0\",\n \"react-dom\": \"^16.3\",\n \"react-native\": \">=0.57\",\n \"react-native-windows\": \"^0.57.1\"\n },\n \"devDependencies\": {\n \"@types/lodash\": \"^4.14.149\",\n \"@types/react-dom\": \"^16.9.4\",\n \"@typescript-eslint/eslint-plugin\": \"2.15.0\",\n \"eslint\": \"6.8.0\",\n \"eslint-config-skype\": \"1.5.0\",\n \"eslint-plugin-import\": \"2.19.1\",\n \"eslint-plugin-react\": \"7.17.0\",\n \"react\": \"^16.3.0\",\n \"reactxp\": \"^2.0.0\",\n \"typescript\": \"3.7.4\"\n },\n \"homepage\": \"https://microsoft.github.io/reactxp/docs/extensions/virtuallistview.html\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/microsoft/reactxp/\"\n },\n \"bugs\": {\n \"url\": \"https://github.com/microsoft/reactxp/issues\"\n },\n \"types\": \"dist/VirtualListView.d.ts\"\n}\n"
},
{
"path": "extensions/virtuallistview/src/VirtualListCell.tsx",
"content": "/**\n * VirtualListCell.tsx\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * This helper class is used in conjunction with VirtualListView. It represents the\n * container for a single list item.\n */\n\nimport { createRef } from 'react';\nimport * as RX from 'reactxp';\n\nimport assert from './assert';\n\nexport interface VirtualListCellInfo {\n key: string;\n\n disableTouchOpacityAnimation?: boolean;\n}\n\nexport interface VirtualListCellRenderDetails {\n item: T;\n selected: boolean;\n focused: boolean;\n}\n\nexport interface VirtualListCellProps extends RX.CommonProps {\n // All callbacks should be prebound to optimize performance.\n onLayout?: (itemKey: string, height: number) => void;\n onAnimateStartStop?: (itemKey: string, start: boolean) => void;\n onItemFocused?: (item: ItemInfo | undefined) => void;\n onItemSelected?: (item: ItemInfo) => void;\n renderItem: (details: VirtualListCellRenderDetails) => JSX.Element | JSX.Element[];\n onKeyPress: (ev: RX.Types.KeyboardEvent) => void;\n\n // Props that do not impact render (position is set by animated style).\n itemKey: string | undefined;\n left: number;\n top: number;\n width: number;\n isVisible: boolean;\n useNativeDriver?: boolean;\n showOverflow?: boolean;\n\n // We need to disable animation and the native animation driver in screen reader mode.\n isScreenReaderModeEnabled?: boolean;\n\n // Props that impact render, should be validated in shouldComponentUpdate.\n isActive: boolean;\n isFocused: boolean;\n isSelected: boolean;\n tabIndex?: number;\n shouldUpdate: boolean;\n item: ItemInfo | undefined;\n}\n\ninterface StaticRendererProps extends RX.CommonProps {\n shouldUpdate: boolean;\n isFocused: boolean;\n isSelected: boolean;\n item: ItemInfo | undefined;\n renderItem: (details: VirtualListCellRenderDetails) => JSX.Element | JSX.Element[];\n}\n\nconst _styles = {\n cellView: RX.Styles.createViewStyle({\n position: 'absolute',\n }),\n overflowVisible: RX.Styles.createViewStyle({\n overflow: 'visible',\n }),\n overflowHidden: RX.Styles.createViewStyle({\n overflow: 'hidden',\n }),\n};\n\nconst _isNativeMacOS = RX.Platform.getType() === 'macos';\nconst _skypeEaseInAnimationCurve = RX.Animated.Easing.CubicBezier(1, 0, 0.78, 1);\nconst _skypeEaseOutAnimationCurve = RX.Animated.Easing.CubicBezier(0.33, 0, 0, 1);\nconst _keyCodeEnter = 13;\nconst _keyCodeSpace = 32;\nconst _keyCodeReturn = 3;\n\nexport class VirtualListCell extends RX.Component, RX.Stateless> {\n // Helper class used to render child elements. If we know that none of the children changed - we would like to skip\n // the render completely, to improve performance.\n // eslint-disable-next-line @typescript-eslint/member-naming\n private static StaticRenderer = class \n extends RX.Component, RX.Stateless> {\n\n constructor(props: StaticRendererProps) {\n super(props);\n }\n\n shouldComponentUpdate(nextProps: StaticRendererProps): boolean {\n return nextProps.shouldUpdate ||\n this.props.isFocused !== nextProps.isFocused ||\n this.props.isSelected !== nextProps.isSelected;\n }\n\n render() {\n // If we don't have an item to render, return null here\n if (!this.props.item) {\n return null;\n }\n\n return (\n \n { this.props.renderItem({\n item: this.props.item,\n selected: this.props.isSelected,\n focused: this.props.isFocused,\n }) }\n \n );\n }\n };\n\n private static _hiddenTopValue = -32768;\n\n private _isVisible = false;\n private _top: number = VirtualListCell._hiddenTopValue;\n private _calculatedHeight = 0;\n\n private _topValue: RX.Animated.Value;\n private _leftValue: RX.Animated.Value;\n private _widthValue: RX.Animated.Value;\n private _ref = createRef();\n\n // we need to split style for position and width because we use native driver for position,\n // but native driver doesnt support width\n private _animatedStylePosition: RX.Types.AnimatedViewStyleRuleSet;\n private _animatedStyleWidth: RX.Types.AnimatedViewStyleRuleSet;\n private _topAnimation: RX.Types.Animated.CompositeAnimation | undefined;\n\n private _itemKey: string | undefined;\n\n constructor(props: VirtualListCellProps) {\n super(props);\n\n this._isVisible = props.isVisible;\n this._top = props.top;\n this._itemKey = props.itemKey;\n\n const topValue = this._isVisible ? this._top : VirtualListCell._hiddenTopValue;\n this._topValue = RX.Animated.createValue(topValue);\n\n const leftValue = props.left || 0;\n this._leftValue = RX.Animated.createValue(leftValue);\n\n if (!props.isScreenReaderModeEnabled && !_isNativeMacOS) {\n // On native platforms, we'll stick with translate[X|Y] because it has a performance advantage.\n this._animatedStylePosition = RX.Styles.createAnimatedViewStyle({\n transform: [{\n translateY: this._topValue,\n }],\n left: this._leftValue,\n });\n } else {\n // We need to work around an IE-specific bug. It doesn't properly handle\n // translateY in this case. In particular, if separate translations are used\n // within the item itself, it doesn't handle that combination.\n this._animatedStylePosition = RX.Styles.createAnimatedViewStyle({\n top: this._topValue,\n left: this._leftValue,\n });\n }\n\n this._widthValue = RX.Animated.createValue(props.width || 0);\n\n this._animatedStyleWidth = RX.Styles.createAnimatedViewStyle({\n width: this._widthValue,\n });\n }\n\n UNSAFE_componentWillReceiveProps(nextProps: VirtualListCellProps) {\n // If it's inactive, it had better be invisible.\n assert(nextProps.isActive || !nextProps.isVisible);\n\n assert(nextProps.useNativeDriver === this.props.useNativeDriver);\n\n // All callbacks should be prebound to optimize performance.\n assert(this.props.onLayout === nextProps.onLayout, 'onLayout callback changed');\n assert(this.props.onItemSelected === nextProps.onItemSelected, 'onItemSelected callback changed');\n assert(this.props.onItemFocused === nextProps.onItemFocused, 'onItemFocused callback changed');\n assert(this.props.onAnimateStartStop === nextProps.onAnimateStartStop, 'onAnimateStartStop callback changed');\n assert(this.props.renderItem === nextProps.renderItem, 'renderItem callback changed');\n\n // We assume this prop doesn't change for perf reasons. Callers should modify\n // the key to force an unmount/remount if these need to change.\n assert(this.props.isScreenReaderModeEnabled === nextProps.isScreenReaderModeEnabled);\n\n this.setItemKey(nextProps.itemKey);\n\n if (this.props.left !== nextProps.left) {\n this._leftValue.setValue(nextProps.left);\n }\n\n if (this.props.width !== nextProps.width) {\n this._widthValue.setValue(nextProps.width);\n }\n\n if (this.props.itemKey !== nextProps.itemKey) {\n this.setVisibility(nextProps.isVisible);\n this.setTop(nextProps.top);\n }\n }\n\n shouldComponentUpdate(nextProps: VirtualListCellProps): boolean {\n // No need to update inactive (recycled) cells.\n if (!nextProps.isActive) {\n return false;\n }\n\n // Check if props important for rendering changed.\n if (this.props.tabIndex !== nextProps.tabIndex ||\n this.props.itemKey !== nextProps.itemKey ||\n this.props.isFocused !== nextProps.isFocused ||\n this.props.isSelected !== nextProps.isSelected) {\n return true;\n }\n\n return nextProps.shouldUpdate;\n }\n\n componentDidUpdate(prevProps: VirtualListCellProps) {\n // We need to simulate a layout event here because recycled cells may not\n // generate a layout event if the cell contents haven't changed.\n if (this.props.onLayout && this.props.isActive && this._calculatedHeight && this._itemKey) {\n this.props.onLayout(this._itemKey, this._calculatedHeight);\n }\n }\n\n componentWillUnmount() {\n // Stop any pending animation.\n if (this._topAnimation) {\n this._topAnimation.stop();\n }\n }\n\n setVisibility(isVisible: boolean) {\n if (isVisible !== this._isVisible) {\n this._isVisible = isVisible;\n\n if (this._topAnimation) {\n this._topAnimation.stop();\n }\n\n this._topValue.setValue(this._isVisible ? this._top : VirtualListCell._hiddenTopValue);\n }\n }\n\n isVisible() {\n return this._isVisible;\n }\n\n setTop(top: number, animate = false, animationDelay = 0, animationOvershoot = 0) {\n if (top !== this._top) {\n this._top = top;\n\n if (this._isVisible) {\n let isReplacingPendingAnimation = false;\n\n // Stop any pending animation.\n if (this._topAnimation) {\n const animationToCancel = this._topAnimation;\n\n // The call to stop() will invoke the stop callback. If we are\n // going to replace a pending animation, we'll make it look like\n // a continuous animation rather than calling the callback multiple\n // times. If we're not replacing the animation with another animation,\n // allow the onAnimateStartStop to proceed.\n if (animate) {\n this._topAnimation = undefined;\n }\n animationToCancel.stop();\n isReplacingPendingAnimation = true;\n }\n\n if (animate) {\n if (animationOvershoot !== 0) {\n this._topAnimation = RX.Animated.sequence([\n RX.Animated.timing(this._topValue, {\n toValue: top + animationOvershoot,\n duration: 200,\n delay: animationDelay,\n easing: _skypeEaseInAnimationCurve,\n }),\n RX.Animated.timing(this._topValue, {\n toValue: top,\n duration: 400,\n easing: _skypeEaseOutAnimationCurve,\n }),\n ]);\n } else {\n this._topAnimation = RX.Animated.timing(this._topValue, {\n toValue: top,\n duration: 200,\n delay: animationDelay,\n easing: RX.Animated.Easing.InOut(),\n });\n }\n\n if (!isReplacingPendingAnimation && this.props.onAnimateStartStop && this._itemKey) {\n this.props.onAnimateStartStop(this._itemKey, true);\n }\n this._topAnimation.start(() => {\n // Has the animation been canceled?\n if (this._topAnimation) {\n this._topAnimation = undefined;\n if (this.props.onAnimateStartStop && this._itemKey) {\n this.props.onAnimateStartStop(this._itemKey, false);\n }\n }\n });\n } else {\n this._topValue.setValue(top);\n }\n }\n }\n }\n\n cancelPendingAnimation() {\n if (this._topAnimation) {\n this._topAnimation.stop();\n }\n }\n\n setItemKey(key: string | undefined) {\n this._itemKey = key;\n }\n\n getTop() {\n return this._top;\n }\n\n focus() {\n if (this._ref.current && this.props.tabIndex) {\n const virtualCellComponent = this._ref.current;\n virtualCellComponent.focus();\n }\n }\n\n render() {\n const overflow = this.props.showOverflow ? _styles.overflowVisible : _styles.overflowHidden;\n\n return (\n \n \n );\n }\n\n private _onKeyPress = (e: RX.Types.KeyboardEvent) => {\n const isSelectItemKeyPress = e.keyCode === _keyCodeEnter ||\n e.keyCode === _keyCodeSpace ||\n e.keyCode === _keyCodeReturn;\n if (isSelectItemKeyPress && this.props.onItemSelected && this.props.item) {\n this.props.onItemSelected(this.props.item);\n e.stopPropagation();\n }\n if (this.props.onKeyPress) {\n this.props.onKeyPress(e);\n }\n };\n\n private _onFocus = (e: RX.Types.FocusEvent) => {\n if (this.props.onItemFocused) {\n this.props.onItemFocused(this.props.item);\n }\n };\n\n private _onPress = (e: RX.Types.SyntheticEvent) => {\n if (this.props.onItemSelected && this.props.item) {\n this.props.onItemSelected(this.props.item);\n e.stopPropagation();\n }\n };\n\n private _onBlur = (e: RX.Types.FocusEvent) => {\n if (this.props.onItemFocused) {\n this.props.onItemFocused(undefined);\n }\n };\n\n private _onLayout = (layoutInfo: RX.Types.ViewOnLayoutEvent) => {\n if (this.props.onLayout && this.props.isActive && this._itemKey) {\n this._calculatedHeight = layoutInfo.height;\n this.props.onLayout(this._itemKey, layoutInfo.height);\n }\n };\n}\n"
},
{
"path": "extensions/virtuallistview/src/VirtualListView.tsx",
"content": "/**\n * VirtualListView.tsx\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * A cross-platform virtualized list view supporting variable-height items and\n * methods to navigate to specific items by index.\n *\n * Misc notes to help understand the flow:\n * 1. There are only a few ways to enter calculation flows:\n * * _updateStateFromProps: We got new props\n * * _onLayoutContainer: Our outer container rendered and/or changed size\n * * _onLayoutItem: An item rendered and/or changed changed size\n * * _onScroll: The user scrolled the container\n * Everything else is a helper function for these four entry points.\n * 2. We largely ignore the React lifecycle here. We completely eschew state in favor of forceUpdate when\n * we know that we need to call render(). We cheat and use the animation code to move items and make\n * them opaque/invisible at the right time outside of the render cycle.\n * 3. Items are rendered in containers called \"cells\". Cells are allocated on demand and given their own keys.\n * When an item is no longer within the view port (e.g. in response to the the user scrolling), the corresponding\n * cell is recycled to avoid unmounting and mounting. These recycled cells are rendered in a position that is\n * not visible to the user. When a new cell is needed, we consult the recycled cell list to find one that matches\n * the specified \"template\" of the new item. Callers should set the template field in a way that all similar items\n * share the same template. This will minimize the amount of work that React needs to be done to reuse the recycled\n * cell.\n * 3. The intended render flow is as follows:\n * * Start filling hidden items from top down\n * * Wait for items to be measured (or if heights are known, then bypass this step)\n * * Set the translation of all items such that they appear in view at the same time without new items popping\n * into existence afterward.\n * 4. We address the issue of unexpected item heights tracking _heightAboveRenderAdjustment. When this is\n * non-zero, it means that our initial guess for one or more items was wrong, so the _containerHeight is\n * currently incorrect. Correcting this is an expensive and potentially disruptive action because it\n * involves setting the container height, repositioning all visible cells and setting the scroll\n * position all in the same frame if possible.\n */\n\nimport * as _ from 'lodash';\nimport { createRef, RefObject } from 'react';\nimport * as RX from 'reactxp';\n\nimport assert from './assert';\nimport { VirtualListCell, VirtualListCellInfo, VirtualListCellRenderDetails } from './VirtualListCell';\n\n// Specifies information about each item to be displayed in the list.\nexport interface VirtualListViewItemInfo extends VirtualListCellInfo {\n // Specifies the known height of the item or a best guess if the height isn't known.\n height: number;\n\n // Specifies that the height is not known and needs to be measured dynamically.\n // This has a big perf overhead because it requires a double layout (once offscreen\n // to measure the item). It also disables cell recycling. Wherever possible, it\n // should be avoided, especially for perf-critical views.\n measureHeight?: boolean;\n\n // Specify the same \"template\" string for items that are rendered\n // with identical or similar view hierarchies. When a template is specified,\n // the list view attempts to recycle cells whose templates match. When an item\n // scrolls off the screen and others appear on screen, the contents of the\n // cell are simply updated rather than torn down and rebuilt.\n template?: string;\n\n // Is the item navigable by keyboard or through accessibility mechanisms?\n isNavigable?: boolean;\n}\n\nexport interface VirtualListViewCellRenderDetails extends VirtualListCellRenderDetails {\n\n}\n\nexport interface VirtualListViewProps\n extends RX.CommonStyledProps> {\n\n testId?: string;\n\n // Ordered list of descriptors for items to display in the list.\n itemList: ItemInfo[];\n\n // Callback for rendering item when it becomes visible within view port.\n renderItem: (renderDetails: VirtualListCellRenderDetails) => JSX.Element | JSX.Element[];\n onItemSelected?: (item: ItemInfo) => void;\n onItemFocused?: (item: ItemInfo | undefined) => void;\n\n initialSelectedKey?: string;\n\n // Optional padding around the scrolling content within the list.\n padding?: number;\n\n // If true, allows each item to overflow its visible cell boundaries; by default,\n // item contents are clipped to cell boundaries.\n showOverflow?: boolean;\n\n // Should the list animate additions, removals and moves within the list?\n animateChanges?: boolean;\n\n // By default, VirtualListView re-renders every item during the render. Setting\n // this flag to true allows the list view to re-render only items from itemList\n // whose descriptor has changed, thus avoiding unnecessary rendering. It uses\n // _.isEqual to perform this check. In this mode, renderItem should not depend\n // on any external state, only on VirtualListViewItemInfo, to render item.\n skipRenderIfItemUnchanged?: boolean;\n\n // Pass-through properties for scroll view.\n keyboardDismissMode?: 'none' | 'interactive' | 'on-drag';\n keyboardShouldPersistTaps?: boolean;\n disableScrolling?: boolean;\n scrollsToTop?: boolean; // iOS only, scroll to top when user taps on status bar\n disableBouncing?: boolean; // iOS only, bounce override\n scrollIndicatorInsets?: {\n top: number;\n left: number;\n bottom: number;\n right: number;\n }; // iOS only\n scrollEventThrottle?: number;\n onScroll?: (scrollTop: number, scrollLeft: number) => void;\n onLayout?: (e: RX.Types.ViewOnLayoutEvent) => void;\n scrollXAnimatedValue?: RX.Types.AnimatedValue;\n scrollYAnimatedValue?: RX.Types.AnimatedValue;\n\n // Use this if you want to vertically offset the focused item when using keyboard nav\n keyboardFocusScrollOffset?: number;\n\n // Logging callback to debug issues related to the VirtualListView.\n logInfo?: (textToLog: string) => void;\n}\n\nexport interface VirtualListViewState {\n lastFocusedItemKey?: string;\n isFocused?: boolean;\n selectedItemKey?: string;\n}\n\nexport interface VirtualCellInfo {\n cellRef: RefObject>;\n virtualKey: string;\n itemTemplate?: string;\n isHeightConstant: boolean;\n height: number;\n cachedItemKey: string;\n top: number;\n isVisible: boolean;\n shouldUpdate: boolean;\n}\n\nenum FocusDirection {\n Up = -1,\n Down = 1\n}\n\nconst _styles = {\n scrollContainer: RX.Styles.createScrollViewStyle({\n flex: 1,\n position: 'relative',\n flexDirection: 'column',\n }),\n staticContainer: RX.Styles.createViewStyle({\n flex: 1,\n flexDirection: 'column',\n }),\n};\n\nconst _isNativeAndroid = RX.Platform.getType() === 'android';\nconst _isNativeIOS = RX.Platform.getType() === 'ios';\nconst _isWeb = RX.Platform.getType() === 'web';\n\n// How many items with unknown heights will we allow? A larger value will fill the view more\n// quickly but will result in a bunch of long-running work that can cause frame skips during\n// animations.\nconst _maxSimultaneousMeasures = 16;\n\n// Recycled cells remain mounted to reduce the allocations and deallocations.\n// This value controls how many we maintain before culling.\nconst _maxRecycledCells = 50;\n\nconst _maxRecycledCellsForAccessibility = 0;\n\nconst _virtualKeyPrefix = 'vc_';\nconst _accessibilityVirtualKeyPrefix = 'ac_';\n\n// Key codes used on web/RN (keycodes for arrows are different between web and native, unfortunately)\n// (a resolution for https://github.com/Microsoft/reactxp/issues/419 will make this look better, hopefuly)\nconst _keyCodeUpArrow = _isWeb ? 38 : 19;\nconst _keyCodeDownArrow = _isWeb ? 40 : 20;\n\nexport class VirtualListView\n extends RX.Component, VirtualListViewState> {\n\n private _lastScrollTop = 0;\n private _layoutHeight = 0;\n private _layoutWidth = 0;\n\n // Cache the width for rendered items for reuse/optimization\n private _contentWidth = -1;\n\n private _isMounted = false;\n\n // Controls the full height of the scrolling view, independent of the view port height\n private _containerHeight = 0;\n private _containerHeightValue = RX.Animated.createValue(this._containerHeight);\n private _containerAnimatedStyle = RX.Styles.createAnimatedViewStyle({\n height: this._containerHeightValue,\n });\n\n // A dictionary of items that maps item keys to item indexes.\n private _itemMap = new Map();\n\n private _scrollViewRef = createRef();\n\n // When we need to actually re-render, mark this until it's resolved\n private _isRenderDirty = false;\n\n // Number of pending item animations. We defer some actions while animations are pending.\n private _pendingAnimations = new Set();\n // We attempt to guess the size of items before we render them, but if we're wrong, we need to accumulate the guess\n // error so that we can correct it later.\n private _heightAboveRenderAdjustment = 0;\n\n // Cache the heights of blocks of the list\n private _heightAboveRenderBlock = 0;\n private _heightOfRenderBlock = 0;\n private _heightBelowRenderBlock = 0;\n\n // Count the number of items above, in, and below the render block\n private _itemsAboveRenderBlock = 0;\n private _itemsInRenderBlock = 0;\n private _itemsBelowRenderBlock = 0;\n\n // Items that we're waiting on a measure from\n private _pendingMeasurements = new Set();\n\n // We first render items to fill the visible screen, and then render past it in another render pass.\n private _isInitialFillComplete = false;\n\n // Save a height cache of things that are no longer being rendered because we may scroll them off screen and still\n // want to know what their height is to calculate the size.\n private _heightCache = new Map();\n\n // Next cell key. We keep incrementing this value so we always generate unique keys.\n private static _nextCellKey = 1;\n\n // Cells that contain visible items.\n private _activeCells = new Map>();\n\n // Cells that were previously allocated but no longer contain items that are visible.\n // They are kept around and reused to avoid exceess allocations.\n private _recycledCells: VirtualCellInfo[] = [];\n\n // List of cells that are rendered\n private _navigatableItemsRendered: {\n key: string;\n // eslint-disable-next-line @typescript-eslint/camelcase\n vc_key: string;\n }[] = [];\n\n private _pendingFocusDirection: FocusDirection | undefined;\n\n // Recycled cells remain mounted to reduce the allocations and deallocations.\n // This value controls how many we maintain before culling.\n private _maxRecycledCells = _maxRecycledCells;\n\n private _isScreenReaderEnabled = false;\n\n // Fraction of screen height that we render above and below the visible screen.\n private _renderOverdrawFactor = 0.5;\n private _minOverdrawAmount = 512;\n private _maxOverdrawAmount = 4096;\n\n // These must be at least as big as the numbers above to avoid feedback loops.\n private _cullFraction = 1.0;\n private _minCullAmount = this._minOverdrawAmount * 2;\n\n constructor(props: VirtualListViewProps) {\n super(props);\n\n this._updateStateFromProps(props, true);\n this.state = {\n lastFocusedItemKey: _.some(props.itemList, item => item.key === props.initialSelectedKey) ?\n props.initialSelectedKey :\n undefined,\n selectedItemKey: _.some(props.itemList, item => item.key === props.initialSelectedKey) ?\n props.initialSelectedKey :\n undefined,\n };\n }\n\n UNSAFE_componentWillReceiveProps(nextProps: VirtualListViewProps): void {\n if (!_.isEqual(this.props, nextProps)) {\n this._updateStateFromProps(nextProps, false);\n }\n }\n\n UNSAFE_componentWillUpdate(nextProps: VirtualListViewProps, nextState: VirtualListViewState) {\n const updatedState: Partial = {};\n let updateState = false;\n if (nextState.lastFocusedItemKey && !_.some(nextProps.itemList, item => item.key === nextState.lastFocusedItemKey)) {\n updateState = true;\n updatedState.lastFocusedItemKey = undefined;\n }\n if (nextState.selectedItemKey && !_.some(nextProps.itemList, item => item.key === nextState.selectedItemKey)) {\n updateState = true;\n updatedState.selectedItemKey = undefined;\n }\n\n if (updateState) {\n this.setState(updatedState);\n }\n }\n\n private _setupForAccessibility() {\n if (this.props.logInfo) {\n this.props.logInfo('Screen reader enabled.');\n }\n this._isScreenReaderEnabled = true;\n\n if (_isNativeIOS || _isNativeAndroid) {\n // Clear recycled cells and turn off recycling.\n if (this._recycledCells.length > 0) {\n this._recycledCells = [];\n this._isRenderDirty = true;\n }\n\n this._maxRecycledCells = _maxRecycledCellsForAccessibility;\n }\n }\n\n private _tearDownForAccessibility() {\n if (this.props.logInfo) {\n this.props.logInfo('Screen reader disabled.');\n }\n\n this._isScreenReaderEnabled = false;\n\n if (_isNativeIOS || _isNativeAndroid) {\n // Enable recycling.\n this._maxRecycledCells = _maxRecycledCells;\n }\n }\n\n private _isAndroidScreenReaderEnabled() {\n return this._isScreenReaderEnabled && _isNativeAndroid;\n }\n\n private _updateStateFromProps(props: VirtualListViewProps, initialBuild: boolean) {\n if (props.logInfo) {\n props.logInfo('Rebuilding VirtualListView State - initial: ' + initialBuild +\n ', items: ' + props.itemList.length);\n }\n\n if (initialBuild && props.skipRenderIfItemUnchanged) {\n // When we are using smart rerender we can make overdraw much larger\n this._renderOverdrawFactor = 5;\n this._minOverdrawAmount = 2048;\n this._maxOverdrawAmount = 4096;\n this._cullFraction = 6;\n this._minCullAmount = 3072;\n }\n\n if (initialBuild || !_.isEqual(this.props.itemList, props.itemList)) {\n this._handleItemListChange(props);\n this._calcNewRenderedItemState(props);\n }\n\n this._renderIfDirty(props);\n }\n\n private _handleItemListChange(props: VirtualListViewProps) {\n // Build a new item map.\n const newItemMap = new Map();\n let itemIndex = -1;\n for (const item of props.itemList) {\n itemIndex++;\n // Make sure there are no duplicate keys.\n if (newItemMap.has(item.key)) {\n assert(false, 'Found a duplicate key: ' + item.key);\n if (props.logInfo) {\n props.logInfo('Item with key ' + item.key + ' is duplicated at positions ' + itemIndex +\n ' and ' + newItemMap.get(item.key)!);\n }\n }\n newItemMap.set(item.key, itemIndex);\n\n if (this.props && this.props.itemList) {\n const cell = this._activeCells.get(item.key);\n if (cell) {\n const oldItemIndex = this._itemMap.get(item.key);\n if (oldItemIndex === undefined) {\n cell.shouldUpdate = true;\n } else {\n const oldItem = this.props.itemList[oldItemIndex];\n if (this.props.skipRenderIfItemUnchanged || !_.isEqual(oldItem, item)) {\n cell.shouldUpdate = true;\n }\n }\n }\n }\n }\n\n // Stop tracking the heights of deleted items.\n const oldItems = (this.props && this.props.itemList) ? this.props.itemList : [];\n itemIndex = -1;\n for (const item of oldItems) {\n itemIndex++;\n if (!newItemMap.has(item.key)) {\n // If we're deleting an item that's above the current render block,\n // update the adjustment so we avoid an unnecessary scroll.\n\n // Update focused item if it's the one removed, if we're unable to, reset focus\n if (item.key === this.state.lastFocusedItemKey) {\n if (!this._focusSubsequentItem(FocusDirection.Down, false, false) &&\n !this._focusSubsequentItem(FocusDirection.Up, false, false)) {\n this.setState({ lastFocusedItemKey: undefined });\n }\n }\n\n if (itemIndex < this._itemsAboveRenderBlock) {\n this._heightAboveRenderAdjustment += this._getHeightOfItem(oldItems[itemIndex]);\n }\n\n this._heightCache.delete(item.key);\n this._pendingMeasurements.delete(item.key);\n\n // Recycle any deleted active cells up front so they can be recycled below.\n if (this._activeCells.has(item.key)) {\n this._recycleCell(item.key);\n }\n }\n }\n\n const overdrawAmount = this._calcOverdrawAmount();\n const renderBlockTopLimit = this._lastScrollTop - overdrawAmount;\n const renderBlockBottomLimit = this._lastScrollTop + this._layoutHeight + overdrawAmount;\n\n let yPosition = this._heightAboveRenderAdjustment;\n let lookingForStartOfRenderBlock = true;\n\n this._itemsAboveRenderBlock = 0;\n this._itemsInRenderBlock = 0;\n\n // Determine the new bounds of the render block.\n itemIndex = -1;\n for (const item of props.itemList) {\n itemIndex++;\n const itemHeight = this._getHeightOfItem(item);\n\n yPosition += itemHeight;\n\n if (yPosition <= renderBlockTopLimit) {\n if (this._activeCells.has(item.key)) {\n this._recycleCell(item.key);\n }\n } else {\n if (lookingForStartOfRenderBlock) {\n this._itemsAboveRenderBlock = itemIndex;\n lookingForStartOfRenderBlock = false;\n }\n\n if (yPosition - itemHeight < renderBlockBottomLimit) {\n // We're within the render block.\n this._itemsInRenderBlock++;\n\n if (this._activeCells.has(item.key)) {\n this._setCellTopAndVisibility(item.key, this._shouldShowItem(item, props),\n yPosition - itemHeight, !!props.animateChanges);\n } else {\n this._allocateCell(item.key, item.template, itemIndex, !item.measureHeight, item.height,\n yPosition - itemHeight, this._shouldShowItem(item, props));\n\n if (!this._isItemHeightKnown(item)) {\n this._pendingMeasurements.add(item.key);\n }\n }\n } else {\n // We're past the render block.\n if (this._activeCells.has(item.key)) {\n this._recycleCell(item.key);\n }\n }\n }\n }\n\n // Replace the item map with the updated version.\n this._itemMap = newItemMap;\n\n this._itemsBelowRenderBlock = props.itemList.length - this._itemsAboveRenderBlock -\n this._itemsInRenderBlock;\n this._heightAboveRenderBlock = this._calcHeightOfItems(props, 0, this._itemsAboveRenderBlock - 1);\n this._heightOfRenderBlock = this._calcHeightOfItems(props, this._itemsAboveRenderBlock,\n this._itemsAboveRenderBlock + this._itemsInRenderBlock - 1);\n this._heightBelowRenderBlock = this._calcHeightOfItems(props,\n this._itemsAboveRenderBlock + this._itemsInRenderBlock, props.itemList.length - 1);\n\n // Pre-populate the container height with known values early - if there are dynamically sized items in the list, this will be\n // corrected during the onLayout phase\n if (this._containerHeight === 0) {\n this._containerHeight = this._heightAboveRenderBlock + this._heightOfRenderBlock + this._heightBelowRenderBlock;\n this._containerHeightValue.setValue(this._containerHeight);\n }\n }\n\n private _calcOverdrawAmount() {\n return this._isInitialFillComplete ?\n Math.min(Math.max(this._layoutHeight * this._renderOverdrawFactor, this._minOverdrawAmount), this._maxOverdrawAmount) :\n 0;\n }\n\n private _onLayoutContainer = (e: RX.Types.ViewOnLayoutEvent) => {\n if (!this._isMounted) {\n return;\n }\n\n let layoutWidth = e.width;\n if (this.props.padding) {\n layoutWidth -= this.props.padding;\n }\n const layoutHeight = e.height;\n\n if (layoutWidth !== this._layoutWidth) {\n if (this.props.logInfo) {\n this.props.logInfo('New layout width: ' + layoutWidth);\n }\n\n this._layoutWidth = layoutWidth;\n this._resizeAllItems(this.props);\n }\n\n if (layoutHeight !== this._layoutHeight) {\n if (this.props.logInfo) {\n this.props.logInfo('New layout height: ' + layoutHeight);\n }\n\n this._layoutHeight = layoutHeight;\n this._calcNewRenderedItemState(this.props);\n this._renderIfDirty(this.props);\n\n // See if we have accumulated enough error to require an adjustment.\n this._reconcileCorrections(this.props);\n }\n\n if (this.props.onLayout) {\n this.props.onLayout(e);\n }\n };\n\n private _onLayoutItem = (itemKey: string, newHeight: number) => {\n if (!this._isMounted) {\n return;\n }\n\n const itemIndex = this._itemMap.get(itemKey);\n\n // Because this event is async on some platforms, the index may have changed or\n // the item could have been removed by the time the event arrives.\n if (itemIndex === undefined) {\n return;\n }\n\n const item = this.props.itemList[itemIndex];\n const oldHeight = this._getHeightOfItem(item);\n\n if (!item.measureHeight) {\n // Trust constant-height items, even if the layout tells us otherwise.\n // We shouldn't even get this callback, since we don't specify an onLayout in this case.\n if (this.props.logInfo) {\n this.props.logInfo('Item ' + itemKey + ' listed as known height (' + oldHeight +\n '), but got an itemOnLayout anyway? (Reported Height: ' + newHeight + ')');\n }\n return;\n }\n\n this._heightCache.set(itemKey, newHeight);\n\n if (itemIndex < this._itemsAboveRenderBlock || itemIndex >= this._itemsAboveRenderBlock + this._itemsInRenderBlock) {\n // Getting a response for a culled item (no longer in tracked render block), so track the height but don't update anything.\n return;\n }\n\n let needsRecalc = false;\n\n if (oldHeight !== newHeight) {\n if (this.props.logInfo) {\n this.props.logInfo('onLayout: Item Height Changed: ' + itemKey + ' - Old: ' + oldHeight + ', New: ' + newHeight);\n }\n\n this._heightOfRenderBlock += (newHeight - oldHeight);\n\n if (this._isInitialFillComplete) {\n // See if there are any visible items before this one.\n let foundVisibleItemBefore = false;\n for (let i = this._itemsAboveRenderBlock; i < this._itemsAboveRenderBlock + this._itemsInRenderBlock; i++) {\n if (this._isCellVisible(this.props.itemList[i].key)) {\n foundVisibleItemBefore = true;\n break;\n }\n\n if (i === itemIndex) {\n break;\n }\n }\n\n if (!foundVisibleItemBefore) {\n // It's in a safe block above the known-height render area.\n if (this.props.logInfo) {\n this.props.logInfo('Added delta to fake space offset: ' + (oldHeight - newHeight) + ' -> ' +\n (this._heightAboveRenderAdjustment + (oldHeight - newHeight)));\n }\n\n this._heightAboveRenderAdjustment += (oldHeight - newHeight);\n }\n }\n\n needsRecalc = true;\n }\n\n this._pendingMeasurements.delete(itemKey);\n needsRecalc = needsRecalc || this._pendingMeasurements.size === 0;\n\n if (needsRecalc) {\n this._calcNewRenderedItemState(this.props);\n this._renderIfDirty(this.props);\n }\n\n // See if we have accumulated enough error to require an adjustment.\n this._reconcileCorrections(this.props);\n };\n\n private _onAnimateStartStopItem = (itemKey: string, animateStart: boolean) => {\n if (this._isMounted) {\n const hasAnimation = this._pendingAnimations.has(itemKey);\n if (animateStart) {\n assert(!hasAnimation, 'unexpected animation start');\n this._pendingAnimations.add(itemKey);\n } else {\n assert(hasAnimation, 'unexpected animation complete');\n this._pendingAnimations.delete(itemKey);\n\n // We defer this because there are cases where we can cancel animations\n // because we've received new props. We don't want to re-enter the\n // routines with the old props, so we'll defer and wait for this.props\n // to be updated.\n _.defer(() => {\n if (this._isMounted) {\n if (this._pendingAnimations.size === 0 && this._isMounted) {\n // Perform deferred actions now that all animations are complete.\n this._reconcileCorrections(this.props);\n }\n }\n });\n }\n }\n };\n\n private _onScroll = (scrollTop: number, scrollLeft: number) => {\n if (this._lastScrollTop === scrollTop) {\n // Already know about it!\n if (this.props.logInfo) {\n this.props.logInfo('Got Known Scroll: ' + scrollTop);\n }\n return;\n }\n\n this._lastScrollTop = scrollTop;\n\n // We scrolled, so update item state.\n this._calcNewRenderedItemState(this.props);\n\n this._renderIfDirty(this.props);\n\n // See if we have accumulated enough error to require an adjustment.\n this._reconcileCorrections(this.props);\n\n if (this.props.onScroll) {\n this.props.onScroll(scrollTop, scrollLeft);\n }\n };\n\n // Some things to keep in mind during this function:\n // * Item heights are all in a fixed state from the beginning to the end of the function. The total\n // container height will never change through the course of the function. We're only deciding what\n // to bother rendering/culling and where to place items within the container.\n // * We're going to, in order: cull unnecessary items, add new items, and position them within the container.\n private _calcNewRenderedItemState(props: VirtualListViewProps): void {\n if (this._layoutHeight === 0) {\n // Wait until we get a height before bothering.\n return;\n }\n\n if (props.itemList.length === 0) {\n // Can't possibly be rendering anything.\n return;\n }\n\n if (this._pendingMeasurements.size > 0) {\n // Don't bother if we're still measuring things. Wait for the last batch to end.\n return;\n }\n\n // What's the top/bottom line that we'll cull items that are wholly outside of?\n const cullMargin = Math.max(this._layoutHeight * this._cullFraction, this._minCullAmount);\n const topCullLine = this._lastScrollTop - cullMargin;\n const bottomCullLine = this._lastScrollTop + this._layoutHeight + cullMargin;\n\n // Do we need to cut anything out of the top because we've scrolled away from it?\n while (this._itemsInRenderBlock > 0) {\n const itemIndex = this._itemsAboveRenderBlock;\n const item = props.itemList[itemIndex];\n if (!this._isItemHeightKnown(item)) {\n break;\n }\n\n const itemHeight = this._getHeightOfItem(item);\n if (this._heightAboveRenderAdjustment + this._heightAboveRenderBlock + itemHeight >= topCullLine) {\n // We're rendering up to the top render line, so don't need to nuke any more.\n break;\n }\n\n this._itemsInRenderBlock--;\n this._heightOfRenderBlock -= itemHeight;\n this._itemsAboveRenderBlock++;\n this._heightAboveRenderBlock += itemHeight;\n this._recycleCell(item.key);\n\n if (props.logInfo) {\n props.logInfo('Culled Item From Top: ' + item.key);\n }\n }\n\n // Do we need to cut anything out of the bottom because we've scrolled away from it?\n while (this._itemsInRenderBlock > 0) {\n const itemIndex = this._itemsAboveRenderBlock + this._itemsInRenderBlock - 1;\n const item = props.itemList[itemIndex];\n if (!this._isItemHeightKnown(item)) {\n break;\n }\n\n const itemHeight = this._getHeightOfItem(item);\n if (this._heightAboveRenderAdjustment + this._heightAboveRenderBlock + this._heightOfRenderBlock\n - itemHeight <= bottomCullLine) {\n break;\n }\n\n this._itemsInRenderBlock--;\n this._heightOfRenderBlock -= itemHeight;\n this._itemsBelowRenderBlock++;\n this._heightBelowRenderBlock += itemHeight;\n this._recycleCell(item.key);\n\n if (props.logInfo) {\n props.logInfo('Culled Item From Bottom: ' + item.key);\n }\n }\n\n // Determine what the line is that we're rendering up to. If we haven't yet filled a screen,\n // first get the screen full before over-rendering.\n const overdrawAmount = this._calcOverdrawAmount();\n let renderMargin = this._isInitialFillComplete ? overdrawAmount : 0;\n let renderBlockTopLimit = this._lastScrollTop - renderMargin;\n let renderBlockBottomLimit = this._lastScrollTop + this._layoutHeight + renderMargin;\n\n if (this._itemsInRenderBlock === 0) {\n let yPosition = this._heightAboveRenderAdjustment;\n this._itemsAboveRenderBlock = 0;\n\n // Find the first item that's in the render block and add it.\n for (let i = 0; i < props.itemList.length; i++) {\n const item = props.itemList[i];\n const itemHeight = this._getHeightOfItem(item);\n\n yPosition += itemHeight;\n\n if (yPosition > renderBlockTopLimit) {\n this._itemsAboveRenderBlock = i;\n this._itemsInRenderBlock = 1;\n\n this._allocateCell(item.key, item.template, i, !item.measureHeight, item.height,\n yPosition - itemHeight, this._shouldShowItem(item, props));\n\n if (!this._isItemHeightKnown(item)) {\n this._pendingMeasurements.add(item.key);\n }\n break;\n }\n }\n\n this._itemsBelowRenderBlock = props.itemList.length - this._itemsAboveRenderBlock - this._itemsInRenderBlock;\n this._heightAboveRenderBlock = this._calcHeightOfItems(props, 0, this._itemsAboveRenderBlock - 1);\n this._heightOfRenderBlock = this._calcHeightOfItems(props, this._itemsAboveRenderBlock,\n this._itemsAboveRenderBlock + this._itemsInRenderBlock - 1);\n this._heightBelowRenderBlock = this._calcHeightOfItems(props,\n this._itemsAboveRenderBlock + this._itemsInRenderBlock, props.itemList.length - 1);\n }\n\n // What is the whole height of the scroll region? We need this both for calculating bottom\n // offsets as well as for making the view render to the proper height since we're using\n // position: absolute for all placements.\n const itemBlockHeight = this._heightAboveRenderAdjustment + this._heightAboveRenderBlock +\n this._heightOfRenderBlock + this._heightBelowRenderBlock;\n const containerHeight = Math.max(itemBlockHeight, this._layoutHeight);\n\n // Render the actual items now!\n let yPosition = this._heightAboveRenderBlock + this._heightAboveRenderAdjustment;\n\n let topOfRenderBlockY = yPosition;\n\n // Start by checking heights/visibility of everything in the render block before we add to it.\n for (let i = 0; i < this._itemsInRenderBlock; i++) {\n const itemIndex = this._itemsAboveRenderBlock + i;\n const item = props.itemList[itemIndex];\n\n this._setCellTopAndVisibility(item.key, this._shouldShowItem(item, props),\n yPosition, !!this.props.animateChanges);\n\n const height = this._getHeightOfItem(item);\n yPosition += height;\n }\n\n let bottomOfRenderBlockY = yPosition;\n\n // See if the container height needs adjusting.\n if (containerHeight !== this._containerHeight) {\n if (props.logInfo) {\n props.logInfo('Container Height Change: ' + this._containerHeight + ' to ' + containerHeight);\n }\n this._containerHeight = containerHeight;\n this._containerHeightValue.setValue(containerHeight);\n }\n\n // Reuse an item-builder.\n const buildItem = (itemIndex: number, above: boolean) => {\n const item = props.itemList[itemIndex];\n const isHeightKnown = this._isItemHeightKnown(item);\n const itemHeight = this._getHeightOfItem(item);\n assert(itemHeight > 0, 'list items should always have non-zero height');\n\n this._itemsInRenderBlock++;\n this._heightOfRenderBlock += itemHeight;\n let yPlacement: number;\n if (above) {\n this._itemsAboveRenderBlock--;\n this._heightAboveRenderBlock -= itemHeight;\n topOfRenderBlockY -= itemHeight;\n yPlacement = topOfRenderBlockY;\n } else {\n this._itemsBelowRenderBlock--;\n this._heightBelowRenderBlock -= itemHeight;\n yPlacement = bottomOfRenderBlockY;\n bottomOfRenderBlockY += itemHeight;\n }\n\n if (!isHeightKnown) {\n this._pendingMeasurements.add(item.key);\n }\n\n this._allocateCell(item.key, item.template, itemIndex, !item.measureHeight, item.height,\n yPlacement, this._shouldShowItem(item, props));\n\n if (props.logInfo) {\n props.logInfo('New Item On ' + (above ? 'Top' : 'Bottom') + ': ' + item.key);\n }\n };\n\n // Try to add items to the bottom of the current render block.\n while (this._pendingMeasurements.size < _maxSimultaneousMeasures) {\n // Stop if we go beyond the bottom render limit.\n if (this._itemsBelowRenderBlock <= 0 ||\n this._heightAboveRenderAdjustment + this._heightAboveRenderBlock +\n this._heightOfRenderBlock >= renderBlockBottomLimit) {\n break;\n }\n\n buildItem(this._itemsAboveRenderBlock + this._itemsInRenderBlock, false);\n }\n\n // Try to add an item to the top of the current render block.\n while (this._pendingMeasurements.size < _maxSimultaneousMeasures) {\n if (this._itemsAboveRenderBlock <= 0 ||\n this._heightAboveRenderAdjustment + this._heightAboveRenderBlock <= renderBlockTopLimit) {\n break;\n }\n\n buildItem(this._itemsAboveRenderBlock - 1, true);\n }\n\n // See if we've filled the screen and rendered it, and we're not waiting on any measurements.\n if (!this._isInitialFillComplete && !this._isRenderDirty && this._pendingMeasurements.size === 0) {\n // Time for overrender. Recalc render lines.\n renderMargin = overdrawAmount;\n renderBlockTopLimit = this._lastScrollTop - renderMargin;\n renderBlockBottomLimit = this._lastScrollTop + this._layoutHeight + renderMargin;\n\n this._popInvisibleIntoView(props);\n\n // Render pass again!\n this._componentDidRender();\n }\n\n if (props.logInfo) {\n props.logInfo('CalcNewRenderedItemState: O:' + this._heightAboveRenderAdjustment +\n ' + A:' + this._heightAboveRenderBlock + ' + R:' + this._heightOfRenderBlock + ' + B:' +\n this._heightBelowRenderBlock + ' = ' + itemBlockHeight + ', FilledViewable: ' + this._isInitialFillComplete);\n }\n }\n\n private _reconcileCorrections(props: VirtualListViewProps) {\n // If there are pending animations, don't adjust because it will disrupt\n // the animations. When all animations are complete, we will get called back.\n if (this._pendingAnimations.size > 0) {\n return;\n }\n\n // Calculate the max amount of error we want to accumulate before we adjust\n // the content height size. We don't want to do this too often because it's\n // expensive, but we also don't want to let the error get too great because\n // the scroll bar thumb will not accurately reflect the scroll position.\n let maxFakeSpaceOffset = 0; // Math.max(this._layoutHeight / 2, 256);\n\n // If the user has scrolled all the way to the boundary of the rendered area,\n // we can't afford any error.\n if (this._lastScrollTop === 0 || this._lastScrollTop < this._heightAboveRenderAdjustment) {\n maxFakeSpaceOffset = 0;\n }\n\n // Did the error amount exceed our limit?\n if (Math.abs(this._heightAboveRenderAdjustment) > maxFakeSpaceOffset) {\n if (props.logInfo) {\n props.logInfo('Removing _heightAboveRenderAdjustment');\n }\n\n // We need to adjust the content height, the positions of the rendered items\n // and the scroll position as atomically as possible.\n const newContainerHeight = this._containerHeight - this._heightAboveRenderAdjustment;\n if (props.logInfo) {\n props.logInfo('Container Height Change: ' + this._containerHeight + ' to ' + newContainerHeight);\n }\n this._containerHeight = newContainerHeight;\n this._containerHeightValue.setValue(newContainerHeight);\n\n for (let i = this._itemsAboveRenderBlock; i < this._itemsAboveRenderBlock + this._itemsInRenderBlock; i++) {\n const item = props.itemList[i];\n const cell = this._activeCells.get(item.key)!;\n this._setCellTopAndVisibility(item.key, cell.isVisible,\n cell.top - this._heightAboveRenderAdjustment, false);\n }\n\n // Clear the adjustment.\n this._heightAboveRenderAdjustment = 0;\n }\n }\n\n private _popInvisibleIntoView(props: VirtualListViewProps) {\n if (props.logInfo) {\n props.logInfo('Popping invisible items into view');\n }\n\n this._isInitialFillComplete = true;\n\n // Update styles now to snap everything into view.\n for (let i = 0; i < this._itemsInRenderBlock; i++) {\n const itemIndex = this._itemsAboveRenderBlock + i;\n const item = props.itemList[itemIndex];\n const cellInfo = this._activeCells.get(item.key)!;\n this._setCellTopAndVisibility(item.key, this._shouldShowItem(item, props),\n cellInfo.top, false);\n }\n }\n\n private _resizeAllItems(props: VirtualListViewProps) {\n if (this._layoutWidth > 0 && this._layoutWidth !== this._contentWidth) {\n this._contentWidth = this._layoutWidth;\n this.forceUpdate();\n }\n }\n\n private _renderIfDirty(props: VirtualListViewProps): void {\n if (this._isRenderDirty) {\n if (this._isMounted) {\n this.forceUpdate();\n }\n }\n }\n\n // Cell Management Methods\n\n private _allocateCell(itemKey: string, itemTemplate: string | undefined, itemIndex: number, isHeightConstant: boolean,\n height: number, top: number, isVisible: boolean): VirtualCellInfo {\n let newCell = this._activeCells.get(itemKey);\n\n if (!newCell) {\n // If there's a specified template, see if we can find an existing\n // recycled cell that we can reuse with the same template.\n if (itemTemplate && isHeightConstant) {\n // See if we can find an exact match both in terms of template and previous key.\n // This has the greatest chance of rendering the same as previously.\n let bestOptionIndex = _.findIndex(this._recycledCells, cell => cell.itemTemplate === itemTemplate &&\n cell.cachedItemKey === itemKey && cell.height === height);\n\n // We couldn't find an exact match. Try to find one with the same template.\n if (bestOptionIndex < 0) {\n bestOptionIndex = _.findIndex(this._recycledCells, cell => cell.itemTemplate === itemTemplate);\n }\n\n if (bestOptionIndex >= 0) {\n newCell = this._recycledCells[bestOptionIndex];\n this._recycledCells.splice(bestOptionIndex, 1);\n }\n }\n }\n\n if (newCell) {\n // We found an existing cell. Repurpose it.\n newCell.isVisible = isVisible;\n newCell.top = top;\n newCell.shouldUpdate = true;\n\n assert(newCell.isHeightConstant === isHeightConstant, 'isHeightConstant assumed to not change');\n assert(newCell.itemTemplate === itemTemplate, 'itemTemplate assumed to not change');\n\n const mountedCell = newCell.cellRef.current;\n if (mountedCell) {\n mountedCell.setVisibility(isVisible);\n mountedCell.setTop(top);\n mountedCell.setItemKey(itemKey);\n }\n } else {\n // We didn't find a recycled cell that we could use. Allocate a new one.\n newCell = {\n cellRef: createRef>(),\n virtualKey: _virtualKeyPrefix + VirtualListView._nextCellKey,\n itemTemplate: itemTemplate,\n isHeightConstant: isHeightConstant,\n height: height,\n cachedItemKey: itemKey,\n top: top,\n isVisible: isVisible,\n shouldUpdate: true,\n };\n VirtualListView._nextCellKey += 1;\n }\n\n this._isRenderDirty = true;\n this._activeCells.set(itemKey, newCell);\n return newCell;\n }\n\n private _recycleCell(itemKey: string) {\n const virtualCellInfo = this._activeCells.get(itemKey);\n\n if (virtualCellInfo) {\n if (this._maxRecycledCells > 0) {\n this._setCellTopAndVisibility(itemKey, false, virtualCellInfo.top, false);\n\n // Is there a \"template\" hint associated with this cell? If so,\n // we may be able to reuse it later.\n if (virtualCellInfo.itemTemplate && virtualCellInfo.isHeightConstant) {\n this._recycledCells.push(virtualCellInfo);\n\n if (this._recycledCells.length > this._maxRecycledCells) {\n // Delete the oldest recycled cell.\n this._recycledCells.splice(0, 1);\n this._isRenderDirty = true;\n }\n } else {\n // Re-render to force the cell to be unmounted.\n this._isRenderDirty = true;\n }\n }\n\n this._activeCells.delete(itemKey);\n }\n }\n\n private _setCellTopAndVisibility(itemKey: string, isVisibile: boolean, top: number,\n animateIfPreviouslyVisible: boolean) {\n\n const cellInfo = this._activeCells.get(itemKey);\n if (!cellInfo) {\n assert(false, 'Missing cell');\n return;\n }\n\n // Disable animation for Android when screen reader is on.\n // This is needed to make sure screen reader order is correct.\n const animate = animateIfPreviouslyVisible && cellInfo.isVisible && !this._isAndroidScreenReaderEnabled();\n\n cellInfo.isVisible = isVisibile;\n cellInfo.top = top;\n\n // Set the \"live\" values as well.\n const cell = cellInfo.cellRef.current;\n if (cell) {\n cell.setVisibility(isVisibile);\n cell.setTop(top, animate);\n }\n }\n\n private _isCellVisible(itemKey: string): boolean {\n const cellInfo = this._activeCells.get(itemKey);\n return (!!cellInfo && cellInfo.isVisible);\n }\n\n scrollToTop = (animated = true, top = 0) => {\n const scrollView = this._scrollViewRef.current;\n if (scrollView) {\n scrollView.setScrollTop(top, animated);\n }\n };\n\n render() {\n const itemsRendered: JSX.Element[] = [];\n this._navigatableItemsRendered = [];\n\n if (this.props.logInfo) {\n this.props.logInfo('Rendering ' + this._itemsInRenderBlock + ' Items...');\n }\n\n // Build a list of all the cells we're going to render. This includes all of the active\n // cells plus any recycled (offscreen) cells.\n let cellList: {\n cellInfo: VirtualCellInfo;\n item: ItemInfo | undefined;\n itemIndex: number | undefined;\n }[] = [];\n\n for (let i = 0; i < this._itemsInRenderBlock; i++) {\n const itemIndex = this._itemsAboveRenderBlock + i;\n const item = this.props.itemList[itemIndex];\n\n const virtualCellInfo = this._activeCells.get(item.key)!;\n assert(virtualCellInfo, 'Active Cell not found for key ' + item.key + ', index=' + i);\n\n cellList.push({\n cellInfo: virtualCellInfo,\n item: item,\n itemIndex: itemIndex,\n });\n\n if (item.isNavigable) {\n this._navigatableItemsRendered.push({ key: item.key, vc_key: virtualCellInfo.virtualKey });\n }\n }\n\n for (const virtualCellInfo of this._recycledCells) {\n assert(virtualCellInfo, 'Recycled Cells array contains a null/undefined object');\n cellList.push({\n cellInfo: virtualCellInfo,\n item: undefined,\n itemIndex: undefined,\n });\n }\n\n // Sort the list of cells by virtual key so the order doesn't change. Otherwise\n // the underlying render engine (the browser or React Native) treat it as a DOM\n // change, and perf suffers.\n cellList = cellList.sort((a, b) => a.cellInfo.virtualKey < b.cellInfo.virtualKey ? 1 : -1);\n\n let focusIndex: number | undefined;\n if (this.state.lastFocusedItemKey === undefined) {\n const itemToFocus = _.minBy(cellList, cell => {\n if (!cell.item || !cell.item.isNavigable) {\n return Number.MAX_VALUE;\n }\n return cell.itemIndex;\n });\n\n if (itemToFocus) {\n focusIndex = itemToFocus.itemIndex;\n }\n }\n\n for (const cell of cellList) {\n let tabIndexValue = -1;\n let isFocused = false;\n let isSelected = false;\n if (cell.item) {\n if (cell.item.isNavigable) {\n if (cell.itemIndex === focusIndex) {\n tabIndexValue = 0;\n } else {\n tabIndexValue = cell.item.key === this.state.lastFocusedItemKey ? 0 : -1;\n }\n\n if (cell.item.key === this.state.selectedItemKey) {\n isSelected = true;\n }\n }\n\n if (cell.item.key === this.state.lastFocusedItemKey) {\n isFocused = true;\n }\n }\n\n // We disable transform in Android because it creates problem for screen reader order.\n // We update the keys in order to make sure we re-render cells, as once we enable native animation for a view.\n // We can't disable it.\n itemsRendered.push(\n ~30 events per second max\n style={ scrollViewStyle }\n bounces={ !this.props.disableBouncing }\n onKeyPress={ this._onKeyDown }\n scrollEnabled={ !this.props.disableScrolling }\n scrollIndicatorInsets={ this.props.scrollIndicatorInsets }\n >\n \n { itemsRendered }\n \n \n );\n }\n\n private _onItemFocused = (itemInfo?: ItemInfo) => {\n if (itemInfo) {\n this.setState({\n lastFocusedItemKey: itemInfo.key,\n isFocused: true,\n });\n } else {\n this.setState({ isFocused: false });\n }\n\n if (this.props.onItemFocused) {\n this.props.onItemFocused(itemInfo);\n }\n };\n\n // Sets selection & focus to specified key\n selectItemKey(key: string, scrollToItem = true) {\n // Set focus and selection\n this.setState({\n lastFocusedItemKey: key,\n selectedItemKey: key,\n });\n if (scrollToItem) {\n this._scrollToItemKey(key);\n }\n }\n\n private _onItemSelected = (itemInfo?: ItemInfo) => {\n if (itemInfo) {\n this.selectItemKey(itemInfo.key, false);\n if (this.props.onItemSelected) {\n this.props.onItemSelected(itemInfo);\n }\n }\n };\n\n private _onKeyDown = (e: RX.Types.KeyboardEvent) => {\n if (!this._scrollViewRef.current ||\n (e.keyCode !== _keyCodeUpArrow && e.keyCode !== _keyCodeDownArrow)) {\n return;\n }\n\n // Is it an \"up arrow\" key?\n if (e.keyCode === _keyCodeUpArrow) {\n this._focusSubsequentItem(FocusDirection.Up, true);\n e.preventDefault();\n // Is it a \"down arrow\" key?\n } else if (e.keyCode === _keyCodeDownArrow) {\n this._focusSubsequentItem(FocusDirection.Down, true);\n e.preventDefault();\n }\n };\n\n private _scrollToItemKey(key: string): void {\n let indexToSelect: number | undefined;\n _.each(this.props.itemList, (item, idx) => {\n if (item.key === key) {\n indexToSelect = idx;\n return true;\n }\n });\n\n if (indexToSelect !== undefined) {\n this._scrollToItemIndex(indexToSelect);\n }\n }\n\n private _scrollToItemIndex(index: number): void {\n this.scrollToTop(false, this._calcHeightOfItems(this.props, 0, index - 1) - (this.props.keyboardFocusScrollOffset || 0));\n }\n\n // Returns true if successfully found/focused, false if not found/focused\n private _focusSubsequentItem(direction: FocusDirection, viaKeyboard: boolean, retry = true): boolean {\n let index: number | undefined = _.findIndex(this._navigatableItemsRendered, item => item.key === this.state.lastFocusedItemKey);\n\n if (index !== -1 && index + direction > -1 && index + direction < this._navigatableItemsRendered.length) {\n const newFocusKey = this._navigatableItemsRendered[index + direction].key;\n const cellForFocus = this._activeCells.get(newFocusKey);\n if (cellForFocus && cellForFocus.cellRef.current) {\n const newElementForFocus = cellForFocus.cellRef.current;\n newElementForFocus.focus();\n if (viaKeyboard && newElementForFocus.props.itemKey) {\n this._scrollToItemKey(newElementForFocus.props.itemKey);\n }\n }\n return true;\n }\n\n if (index === -1 && retry && this.state.lastFocusedItemKey !== undefined) {\n index = this._itemMap.get(this.state.lastFocusedItemKey);\n\n if (index === undefined) {\n assert(false, 'Something went wrong in finding last focused item');\n return false;\n }\n\n const height = index === 0 ? 0 : this._calcHeightOfItems(this.props, 0, index - 1);\n this.scrollToTop(false, height);\n this._pendingFocusDirection = direction;\n return true;\n }\n return false;\n }\n\n private _screenReaderStateChanged = (isEnabled: boolean) => {\n if (isEnabled) {\n this._setupForAccessibility();\n\n if (_isNativeAndroid) {\n // We need to re-render virtual cells.\n this._isRenderDirty = true;\n }\n\n this._renderIfDirty(this.props);\n } else {\n this._tearDownForAccessibility();\n }\n };\n\n componentDidMount() {\n RX.Accessibility.screenReaderChangedEvent.subscribe(this._screenReaderStateChanged);\n\n if (RX.Accessibility.isScreenReaderEnabled()) {\n this._setupForAccessibility();\n }\n\n this._isMounted = true;\n this._componentDidRender();\n\n // If an initial selection key was provided, ensure that we scroll to the item\n if (this.props.initialSelectedKey) {\n this._scrollToItemKey(this.props.initialSelectedKey);\n }\n }\n\n componentWillUnmount() {\n this._isMounted = false;\n\n RX.Accessibility.screenReaderChangedEvent.unsubscribe(this._screenReaderStateChanged);\n }\n\n componentDidUpdate(prevProps: VirtualListViewProps) {\n this._componentDidRender();\n }\n\n protected _componentDidRender() {\n if (this.props.logInfo) {\n this.props.logInfo('Component Did Render');\n }\n\n this._isRenderDirty = false;\n\n // If we don't defer this, we can end up overflowing the stack\n // because one render immediately causes another render to be started.\n _.defer(() => {\n if (this._isMounted) {\n this._calcNewRenderedItemState(this.props);\n this._renderIfDirty(this.props);\n this._reconcileCorrections(this.props);\n this._setFocusIfNeeded();\n }\n });\n }\n\n // If there was a pending focus setting before we re-rendered, set the same.\n private _setFocusIfNeeded() {\n if (this._pendingFocusDirection) {\n this._focusSubsequentItem(this._pendingFocusDirection, false, false /* do not retry if this fails */);\n this._pendingFocusDirection = undefined;\n }\n }\n\n // Local helper functions for item information\n private _shouldShowItem(item: VirtualListViewItemInfo, props: VirtualListViewProps): boolean {\n const isMeasuring = !this._isItemHeightKnown(item);\n const shouldHide = isMeasuring || !this._isInitialFillComplete;\n return !shouldHide;\n }\n\n private _calcHeightOfItems(props: VirtualListViewProps, startIndex: number, endIndex: number) {\n let count = 0;\n for (let i = startIndex; i <= endIndex; i++) {\n count += this._getHeightOfItem(props.itemList[i]);\n }\n return count;\n }\n\n private _isItemHeightKnown(item: VirtualListViewItemInfo) {\n return !item.measureHeight || this._heightCache.has(item.key);\n }\n\n private _getHeightOfItem(item: VirtualListViewItemInfo | undefined) {\n if (!item) {\n return 0;\n }\n\n // See if the item height was passed as \"known\"\n if (!item.measureHeight) {\n return item.height;\n }\n\n // See if we have it cached\n const cachedHeight = this._heightCache.get(item.key);\n if (cachedHeight !== undefined) {\n return cachedHeight;\n }\n\n // Nope -- use guess given to us\n return item.height;\n }\n}\n"
},
{
"path": "extensions/virtuallistview/src/assert.ts",
"content": "/**\n * assert\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n */\nconst assert = (cond: any, message?: string | undefined): void => {\n if (!cond) {\n throw new Error(message || 'Assertion Failed');\n }\n};\n\nexport default assert;\n"
},
{
"path": "extensions/virtuallistview/tsconfig.json",
"content": "{\n \"compilerOptions\": {\n \"declaration\": true,\n \"noResolve\": false,\n \"importHelpers\": true,\n \"downlevelIteration\": false,\n \"jsx\": \"react\",\n \"reactNamespace\": \"RX\",\n \"module\": \"commonjs\",\n \"target\": \"es5\",\n \"outDir\": \"dist/\",\n \"skipLibCheck\": true,\n \"strict\": true,\n \"lib\": [\n \"es5\",\n \"dom\",\n \"es2015.collection\",\n \"es2015.iterable\"\n ],\n \"types\" : [\"lodash\", \"react\", \"react-dom\"]\n },\n\n \"include\": [\n \"src/**/*\"\n ],\n\n \"exclude\": [\n \"dist\",\n \"node_modules\"\n ]\n}\n"
},
{
"path": "extensions/webview/.eslintrc.json",
"content": "{\n \"parserOptions\": {\n \"project\": \"./tsconfig.json\"\n },\n \"extends\": [\"skype\", \"skype/react\"],\n \"rules\": {},\n \"overrides\": [\n {\n \"files\": [\n \"*.tsx\"\n ],\n \"rules\": {\n \"@typescript-eslint/explicit-function-return-type\": \"off\"\n }\n },\n {\n \"files\": [\n \"PluginBaseChecker.ts\"\n ],\n \"rules\": {\n \"@typescript-eslint/no-unused-vars\": \"off\"\n }\n }\n ]\n}\n"
},
{
"path": "extensions/webview/.gitignore",
"content": "# Logs\nlogs\n*.log\nnpm-debug.log*\n\n# Dependency directories\nnode_modules\npackage-lock.json\n\n# Optional npm cache directory\n.npm\n\n# Build artifacts\n**/dist\n\n# Miscellaneous user files\n*.user\n.vscode\n.DS_STORE\n\n"
},
{
"path": "extensions/webview/.npmignore",
"content": "/node_modules\n/src/.vs\n/src/bin\n/src/obj\n*.user\n"
},
{
"path": "extensions/webview/README.md",
"content": "# reactxp-webview\nThis module provides a cross-platform control that allows the display of an independent web page within the [ReactXP](https://microsoft.github.io/reactxp/) library. This used to be a part of ReactXP core, but was extracted to be a standalone module inline with React Native `Lean Core` initiative. This exists as a standalone module to prevent users of ReactXP from having to link native modules when getting started.\n\n## Getting Started\nThis module relies on [react-native-webview](https://www.npmjs.com/package/react-native-webview) and will need to be added into the react native project. Follow the instructions in their [Getting Started](https://github.com/react-native-webview/react-native-webview/blob/HEAD/docs/Getting-Started.md) guide to properly add the package to the project.\n\n## Documentation\nFor detailed documentation, look [here](https://microsoft.github.io/reactxp/docs/extensions/webview.html).\n\n### Prerequisites\n* [ReactXP](https://github.com/microsoft/reactxp/)\n\n## Contributing\nThis project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/). For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments. \n\nYou must sign a Contribution License Agreement (CLA) before your PR will be merged. This a one-time requirement for Microsoft projects in GitHub. You can read more about [Contribution License Agreements (CLA)](https://en.wikipedia.org/wiki/Contributor_License_Agreement) on Wikipedia. You can sign the Microsoft Contribution License Agreement by visiting https://cla.microsoft.com/. Use your GitHub account to login.\n\n## License\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details\n"
},
{
"path": "extensions/webview/index.android.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/android/PluginBase.js');\n"
},
{
"path": "extensions/webview/index.ios.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/ios/PluginBase.js');\n"
},
{
"path": "extensions/webview/index.js",
"content": "'use strict';\n\n// Export web by default. Other platforms have custom index.[platform].js files\nmodule.exports = require('./dist/web/PluginBase.js');\n"
},
{
"path": "extensions/webview/index.macos.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/macos/PluginBase.js');\n"
},
{
"path": "extensions/webview/index.windows.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/windows/PluginBase.js');\n"
},
{
"path": "extensions/webview/package.json",
"content": "{\n \"name\": \"reactxp-webview\",\n \"version\": \"2.0.0\",\n \"description\": \"Plugin for ReactXP that provides a control that allows the display of an independent web page\",\n \"author\": \"ReactXP Team \",\n \"license\": \"MIT\",\n \"scripts\": {\n \"build\": \"tsc\",\n \"lint\": \"eslint --ext .ts,.tsx src\",\n \"lint:fix\": \"npm run lint -- --fix\"\n },\n \"dependencies\": {\n \"react-native-webview\": \"^7.5.2\"\n },\n \"peerDependencies\": {\n \"react\": \"^16.3.0\",\n \"reactxp\": \"^2.0.0\",\n \"react-dom\": \"^16.3\",\n \"react-native\": \">=0.57\",\n \"react-native-windows\": \"^0.57.1\"\n },\n \"devDependencies\": {\n \"@types/react-native\": \"0.60.30\",\n \"@typescript-eslint/eslint-plugin\": \"2.15.0\",\n \"eslint\": \"6.8.0\",\n \"eslint-config-skype\": \"1.5.0\",\n \"eslint-plugin-import\": \"2.19.1\",\n \"eslint-plugin-react\": \"7.17.0\",\n \"react\": \"^16.3.0\",\n \"reactxp\": \"^2.0.0\",\n \"typescript\": \"3.7.4\"\n },\n \"types\": \"dist/web/PluginBase.d.ts\"\n}\n"
},
{
"path": "extensions/webview/src/android/PluginBase.tsx",
"content": "/*\n * PluginBase.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Base export for the Android implementation of the plugin.\n */\n\nimport * as Types from '../common/Types';\nimport WebView from '../native-common/WebView';\n\nexport { WebView as default, Types };\n"
},
{
"path": "extensions/webview/src/common/Interfaces.ts",
"content": "/*\n * Interfaces.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Interface definition for cross-platform ReactXP plugin for a control that allows the\n * display of an independent web page. This was extracted from the reactxp core\n */\n\nimport * as Types from './Types';\n\nexport interface PluginInterface {\n Types: typeof Types;\n\n default: typeof Types.WebView;\n}\n"
},
{
"path": "extensions/webview/src/common/PluginBaseChecker.ts",
"content": "/*\n * PluginBaseChecker.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Type check all the pluginbase exports against the desired interface.\n */\n\nimport * as AndroidPlugin from '../android/PluginBase';\nimport * as iOSPlugin from '../ios/PluginBase';\nimport * as macOSPlugin from '../macos/PluginBase';\nimport * as WebPlugin from '../web/PluginBase';\nimport * as WindowsPlugin from '../windows/PluginBase';\n\nimport * as Interfaces from './Interfaces';\n\nconst _typeCheckerAndroid: Interfaces.PluginInterface = AndroidPlugin;\nconst _typeCheckeriOS: Interfaces.PluginInterface = iOSPlugin;\nconst _typeCheckermacOS: Interfaces.PluginInterface = macOSPlugin;\nconst _typeCheckerWeb: Interfaces.PluginInterface = WebPlugin;\nconst _typeCheckerWindows: Interfaces.PluginInterface = WindowsPlugin;\n"
},
{
"path": "extensions/webview/src/common/Types.ts",
"content": "/*\n * Types.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Type definitions to support the plugin.\n */\n\nimport { Component as ReactComponent } from 'react';\nimport { Types as RXTypes } from 'reactxp';\n\nexport interface WebViewNavigationState {\n canGoBack: boolean;\n canGoForward: boolean;\n loading: boolean;\n url: string;\n title: string;\n readonly navigationType: 'click' | 'formsubmit' | 'backforward' | 'reload' | 'formresubmit' | 'other';\n}\n\nexport interface WebViewErrorState extends WebViewNavigationState {\n description: string;\n domain: string;\n code: string;\n}\n\nexport enum WebViewSandboxMode {\n None = 0,\n AllowForms = 1 << 0,\n AllowModals = 1 << 1,\n AllowOrientationLock = 1 << 2,\n AllowPointerLock = 1 << 3,\n AllowPopups = 1 << 4,\n AllowPopupsToEscapeSandbox = 1 << 5,\n AllowPresentation = 1 << 6,\n AllowSameOrigin = 1 << 7,\n AllowScripts = 1 << 8,\n AllowTopNavigation = 1 << 9,\n AllowMixedContentAlways = 1 << 10,\n AllowMixedContentCompatibilityMode = 1 << 11\n}\n\nexport interface WebViewSource {\n html: string;\n baseUrl?: string;\n}\n\nexport interface WebViewShouldStartLoadEvent {\n url: string;\n}\n\nexport interface WebViewNavigationEvent extends RXTypes.SyntheticEvent {\n nativeEvent: WebViewNavigationState;\n}\n\nexport interface WebViewErrorEvent extends RXTypes.SyntheticEvent {\n nativeEvent: WebViewErrorState;\n}\n\nexport interface WebViewMessageEvent extends RXTypes.SyntheticEvent {\n data: string;\n origin: string;\n}\n\nexport interface WebViewProps extends RXTypes.CommonStyledProps {\n url?: string;\n source?: WebViewSource;\n headers?: Headers;\n onLoad?: (e: RXTypes.SyntheticEvent) => void;\n onNavigationStateChange?: (navigationState: WebViewNavigationState) => void;\n scalesPageToFit?: boolean;\n injectedJavaScript?: string;\n javaScriptEnabled?: boolean;\n mediaPlaybackRequiresUserAction?: boolean;\n allowsInlineMediaPlayback?: boolean;\n\n // Native only\n startInLoadingState?: boolean;\n domStorageEnabled?: boolean;\n onShouldStartLoadWithRequest?: (shouldStartLoadEvent: WebViewShouldStartLoadEvent) => boolean;\n onLoadStart?: (e: RXTypes.SyntheticEvent) => void;\n onError?: (e: RXTypes.SyntheticEvent) => void;\n onMessage?: (e: WebViewMessageEvent) => void;\n\n // Web only; overrides javaScriptEnabled if used\n sandbox?: WebViewSandboxMode;\n}\n\nexport abstract class WebView extends ReactComponent {\n abstract postMessage(message: string, targetOrigin?: string): void;\n abstract reload(): void;\n abstract goBack(): void;\n abstract goForward(): void;\n}\n"
},
{
"path": "extensions/webview/src/ios/PluginBase.tsx",
"content": "/*\n * PluginBase.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Base export for the iOS implementation of the plugin.\n */\n\nimport * as Types from '../common/Types';\nimport WebView from '../native-common/WebView';\n\nexport { WebView as default, Types };\n"
},
{
"path": "extensions/webview/src/macos/PluginBase.tsx",
"content": "/*\n * PluginBase.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Base export for the Mac implementation of the plugin.\n */\n\nimport * as Types from '../common/Types';\nimport WebView from '../native-common/WebView';\n\nexport { WebView as default, Types };\n"
},
{
"path": "extensions/webview/src/native-common/WebView.tsx",
"content": "/**\n * WebView.tsx\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * A control that allows the display of an independent web page.\n */\n\nimport * as React from 'react';\nimport * as RN from 'react-native';\nimport { WebView as RNWebView } from 'react-native-webview';\nimport {\n WebViewMessageEvent as RNWebViewMessageEvent,\n WebViewSourceHtml as RNWebViewSourceHtml,\n WebViewSourceUri as RNWebViewSourceUri,\n} from 'react-native-webview/lib/WebViewTypes';\n\nimport * as RX from 'reactxp';\n\nimport * as Types from '../common/Types';\n\nconst _styles = {\n webViewDefault: RX.Styles.createViewStyle({\n flex: 1,\n alignSelf: 'stretch',\n }),\n};\n\ntype MixedContentMode = 'never' | 'always' | 'compatibility' | undefined;\n\nexport class WebView extends React.Component implements Types.WebView {\n private _mountedComponent: RNWebView | undefined;\n\n render() {\n const styles = [_styles.webViewDefault, this.props.style] as RN.StyleProp;\n const source = this._buildSource();\n const injectedJavascript = this._buildInjectedJavascript();\n\n return (\n implements Types.WebView {\n private static _webFrameNumber = 1;\n private static _onMessageReceived: RX.Types.SubscribableEvent<(e: WebViewMessageEventInternal) => void>;\n private static _messageListenerInstalled = false;\n\n private _mountedComponent: HTMLIFrameElement | null = null;\n private _onMessageReceivedToken: RX.Types.SubscriptionToken | undefined;\n\n constructor(props: Types.WebViewProps) {\n super(props);\n\n this.state = {\n postComplete: false,\n webFormIdentifier: `form${WebView._webFrameNumber}`,\n webFrameIdentifier: `frame${WebView._webFrameNumber}`,\n };\n\n WebView._webFrameNumber++;\n }\n\n componentDidMount() {\n this._postRender();\n\n const customContents = this._getCustomHtml(this.props);\n if (customContents) {\n this._setContents(customContents);\n }\n }\n\n componentDidUpdate(prevProps: Types.WebViewProps, prevState: WebViewState) {\n this._postRender();\n\n const oldCustomContents = this._getCustomHtml(prevProps);\n const newCustomContents = this._getCustomHtml(this.props);\n\n if (newCustomContents) {\n if (oldCustomContents !== newCustomContents) {\n this._setContents(newCustomContents);\n }\n }\n }\n\n componentWillUnmount() {\n if (this._onMessageReceivedToken) {\n this._onMessageReceivedToken.unsubscribe();\n this._onMessageReceivedToken = undefined;\n }\n }\n\n private _getCustomHtml(props: Types.WebViewProps): string | undefined {\n if (props.url || !props.source) {\n return undefined;\n }\n\n return props.source.html;\n }\n\n private _setContents(html: string) {\n const iframeDOM = this._mountedComponent;\n if (iframeDOM && iframeDOM.contentWindow) {\n try {\n // Some older browsers don't support this, so\n // be prepared to catch an exception.\n (iframeDOM as any).srcdoc = html;\n } catch {\n // Swallow exceptions\n }\n }\n }\n\n private _installMessageListener() {\n // Don't install global message listener twice.\n if (!WebView._messageListenerInstalled) {\n // Set up the global event.\n WebView._onMessageReceived = new RX.Types.SubscribableEvent<(e: WebViewMessageEventInternal) => void>(true);\n\n window.addEventListener('message', (e: MessageEvent) => {\n const event: WebViewMessageEventInternal = {\n data: e.data,\n origin: e.origin,\n nativeEvent: e,\n bubbles: e.bubbles,\n cancelable: e.cancelable,\n defaultPrevented: e.defaultPrevented,\n __propagationStopped: false,\n stopPropagation: () => {\n e.stopPropagation();\n event.__propagationStopped = true;\n },\n preventDefault: () => {\n e.preventDefault();\n },\n timeStamp: e.timeStamp,\n };\n\n WebView._onMessageReceived.fire(event);\n });\n\n WebView._messageListenerInstalled = true;\n }\n\n // Subscribe to the global event if we haven't already done so.\n if (!this._onMessageReceivedToken) {\n this._onMessageReceivedToken = WebView._onMessageReceived.subscribe(e => {\n if (this.props.onMessage) {\n this.props.onMessage(e);\n\n // Stop the event from propagating further.\n return e.__propagationStopped;\n }\n\n return false;\n });\n }\n }\n\n private _postRender() {\n // If the caller wants to receive posted messages\n // from the web view, we need to install a global\n // message handler.\n if (this.props.onMessage) {\n this._installMessageListener();\n }\n\n if (!this.state.postComplete) {\n this.setState({\n postComplete: true,\n });\n }\n }\n\n render() {\n const styles = RX.Styles.combine([_styles.webViewDefault, this.props.style]) as React.CSSProperties;\n const sandbox = this.props.sandbox !== undefined\n ? this.props.sandbox\n : (this.props.javaScriptEnabled ? Types.WebViewSandboxMode.AllowScripts : Types.WebViewSandboxMode.None);\n\n // width 100% is needed for Edge - it doesn't grow iframe. Resize needs to be done with wrapper\n return (\n \n \n );\n }\n\n protected _onMount = (component: HTMLIFrameElement | null) => {\n this._mountedComponent = component;\n };\n\n private _onLoad = (e: RX.Types.SyntheticEvent) => {\n if (this.props.onLoad) {\n this.props.onLoad(e);\n }\n };\n\n private _sandboxToStringValue = (sandbox: Types.WebViewSandboxMode) => {\n const values: string[] = [];\n\n if (sandbox & Types.WebViewSandboxMode.AllowForms) {\n values.push('allow-forms');\n }\n if (sandbox & Types.WebViewSandboxMode.AllowModals) {\n values.push('allow-modals');\n }\n if (sandbox & Types.WebViewSandboxMode.AllowOrientationLock) {\n values.push('allow-orientation-lock');\n }\n if (sandbox & Types.WebViewSandboxMode.AllowPointerLock) {\n values.push('allow-pointer-lock');\n }\n if (sandbox & Types.WebViewSandboxMode.AllowPopups) {\n values.push('allow-popups');\n }\n if (sandbox & Types.WebViewSandboxMode.AllowPopupsToEscapeSandbox) {\n values.push('allow-popups-to-escape-sandbox');\n }\n if (sandbox & Types.WebViewSandboxMode.AllowPresentation) {\n values.push('allow-presentation');\n }\n if (sandbox & Types.WebViewSandboxMode.AllowSameOrigin) {\n values.push('allow-same-origin');\n }\n if (sandbox & Types.WebViewSandboxMode.AllowScripts) {\n values.push('allow-scripts');\n }\n if (sandbox & Types.WebViewSandboxMode.AllowTopNavigation) {\n values.push('allow-top-navigation');\n }\n\n return values.join(' ');\n };\n\n postMessage(message: string, targetOrigin = '*') {\n const iframeDOM = this._mountedComponent;\n if (iframeDOM && iframeDOM.contentWindow) {\n iframeDOM.contentWindow.postMessage(message, targetOrigin);\n }\n }\n\n reload() {\n const iframeDOM = this._mountedComponent;\n if (iframeDOM && iframeDOM.contentWindow) {\n iframeDOM.contentWindow.location.reload(true);\n }\n }\n\n goBack() {\n const iframeDOM = this._mountedComponent;\n if (iframeDOM && iframeDOM.contentWindow) {\n iframeDOM.contentWindow.history.back();\n }\n }\n\n goForward() {\n const iframeDOM = this._mountedComponent;\n if (iframeDOM && iframeDOM.contentWindow) {\n iframeDOM.contentWindow.history.forward();\n }\n }\n}\n\nexport default WebView;\n"
},
{
"path": "extensions/webview/src/windows/PluginBase.ts",
"content": "/*\n * PluginBase.ts\n *\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT license.\n *\n * Base export for the Windows implementation of the plugin.\n */\n\nimport * as Types from '../common/Types';\nimport WebView from '../native-common/WebView';\n\nexport { WebView as default, Types };\n"
},
{
"path": "extensions/webview/tsconfig.json",
"content": "{\n \"compilerOptions\": {\n \"forceConsistentCasingInFileNames\": true,\n \"strictPropertyInitialization\": true,\n \"experimentalDecorators\": true,\n \"noImplicitReturns\": true,\n \"strictNullChecks\": true,\n \"noImplicitThis\": true,\n \"noImplicitAny\": true,\n \"skipLibCheck\": true,\n \"declaration\": true,\n \"noResolve\": false,\n \"target\": \"es5\",\n \"module\": \"commonjs\",\n \"outDir\": \"dist\",\n \"jsx\": \"react\"\n },\n\n \"include\": [\n \"src/**/*\"\n ],\n\n \"exclude\": [\n \"node_modules\",\n \"dist\"\n ]\n}\n"
},
{
"path": "index.android.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/android/ReactXP.js');\n"
},
{
"path": "index.ios.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/ios/ReactXP.js');\n"
},
{
"path": "index.js",
"content": "'use strict';\n\n// Export web by default. Other platforms have custom index.[platform].js files\nmodule.exports = require('./dist/web/ReactXP.js');\n"
},
{
"path": "index.macos.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/macos/ReactXP.js');\n"
},
{
"path": "index.windows.js",
"content": "'use strict';\n\nmodule.exports = require('./dist/windows/ReactXP.js');\n"
},
{
"path": "package.json",
"content": "{\n \"name\": \"reactxp\",\n \"version\": \"2.0.0\",\n \"description\": \"Cross-platform abstraction layer for writing React-based applications a single time that work identically across web, React Native, and Electron distribution\",\n \"author\": \"ReactXP Team \",\n \"license\": \"MIT\",\n \"scripts\": {\n \"build\": \"tsc\",\n \"watch\": \"tsc --watch\",\n \"lint\": \"eslint --ext .ts,.tsx src\",\n \"lint:fix\": \"npm run lint -- --fix\"\n },\n \"dependencies\": {\n \"lodash\": \"^4.17.15\",\n \"prop-types\": \"^15.7.2\",\n \"rebound\": \"^0.1.0\",\n \"subscribableevent\": \"^1.0.1\"\n },\n \"peerDependencies\": {\n \"react\": \"^16.3.0\",\n \"react-dom\": \"^16.3.0\",\n \"react-native\": \">=0.57\",\n \"react-native-windows\": \"^0.57.1\"\n },\n \"devDependencies\": {\n \"@types/lodash\": \"4.14.149\",\n \"@types/react\": \"16.9.15\",\n \"@types/react-dom\": \"16.9.4\",\n \"@types/react-native\": \"0.60.23\",\n \"@typescript-eslint/eslint-plugin\": \"2.15.0\",\n \"eslint\": \"6.8.0\",\n \"eslint-config-skype\": \"1.5.0\",\n \"eslint-plugin-import\": \"2.19.1\",\n \"eslint-plugin-react\": \"7.17.0\",\n \"react\": \"^16.3.0\",\n \"tslint\": \"5.20.1\",\n \"tsutils\": \"3.17.1\",\n \"typescript\": \"3.7.4\"\n },\n \"homepage\": \"https://microsoft.github.io/reactxp/\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/microsoft/reactxp/\"\n },\n \"bugs\": {\n \"url\": \"https://github.com/microsoft/reactxp/issues\"\n },\n \"types\": \"dist/ReactXP.d.ts\"\n}\n"
},
{
"path": "samples/ImageList/.eslintrc",
"content": "{\n \"parser\": \"@typescript-eslint/parser\",\n \"parserOptions\": {\n \"warnOnUnsupportedTypeScriptVersion\": false,\n \"ecmaFeatures\": { \"jsx\": true },\n \"ecmaVersion\": 2018,\n \"sourceType\": \"module\",\n \"project\": \"./tsconfig.json\"\n },\n \"plugins\": [\"@typescript-eslint\", \"reactxp\", \"react\", \"jest\"],\n \"extends\": [\n \"eslint:recommended\",\n \"plugin:@typescript-eslint/eslint-recommended\",\n \"plugin:@typescript-eslint/recommended\",\n \"plugin:@typescript-eslint/recommended-requiring-type-checking\",\n \"plugin:reactxp/recommended\",\n \"plugin:react/recommended\",\n \"plugin:jest/recommended\"\n ],\n \"env\": {\n \"browser\": true,\n \"node\": true,\n \"es6\": true\n },\n \"rules\": {\n \"@typescript-eslint/explicit-function-return-type\": \"off\",\n \"indent\": \"off\",\n \"@typescript-eslint/indent\": [\"error\", 4],\n \"react/jsx-curly-brace-presence\": [2, { \"props\": \"always\" }],\n \"max-len\": [\"error\", 140]\n },\n \"globals\": {\n \"__DEV__\": true\n },\n \"settings\": {\n \"react\": { \"version\": \"latest\" }\n }\n}\n"
},
{
"path": "samples/ImageList/.gitignore",
"content": "# OSX\n#\n.DS_Store\n\n# Xcode\n#\nbuild/\n*.pbxuser\n!default.pbxuser\n*.mode1v3\n!default.mode1v3\n*.mode2v3\n!default.mode2v3\n*.perspectivev3\n!default.perspectivev3\nxcuserdata\n*.xccheckout\n*.moved-aside\nDerivedData\n*.hmap\n*.ipa\n*.xcuserstate\nproject.xcworkspace\n\n# Android/IntelliJ\n#\nbuild/\n.idea\n.gradle\nlocal.properties\n*.iml\n\n# node.js\n#\nnode_modules/\nnpm-debug.log\nyarn-error.log\n\n# BUCK\n#\nbuck-out/\n\\.buckd/\n*.keystore\n\n# fastlane\n#\n# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the\n# screenshots whenever they are needed.\n# For more information about the recommended setup visit:\n# https://docs.fastlane.tools/best-practices/source-control/\n\n*/fastlane/report.xml\n*/fastlane/Preview.html\n*/fastlane/screenshots\n\n# Bundle artifact\n#\n*.jsbundle\n\n# Web dist\n#\ndist-*\n"
},
{
"path": "samples/ImageList/README.md",
"content": "# RXPImageList\nThis sample demonstrates a ReactXP app that fetches information from a REST service (Giphy) and displays a virtualized list of images. The app works on React Native (iOS, Android, Windows) and web.\n\nThe commands in the instructions below assume you are in the root of this repo.\n\n### Building\n\n- From the RXPImageList directory, run `npm install`. This fetches the dependencies.\n\n### To run your app on Web:\n ```shell\n npm run start:web\n ```\n\n### To build Web production version of your app:\n ```shell\n npm run build:web\n ```\n\n### To run your app on iOS:\n ```shell\n npm run start:ios\n ```\n##### - or -\n open ios/RXPImageList.xcodeproj project in Xcode\n press the Run button\n\n### To run your app on Android:\nHave an Android emulator running (quickest way to get started), or a device connected\n\n ```shell\n npm run start:android\n ```\n##### - or -\n open android/ project in Android Studio\n press the Run button\n\n### To run your app on Windows:\n ```shell\n npm run start:windows\n ```\n##### - or -\n open windows/RXPImageList.sln project in Visual Studio\n press the Run button\n"
},
{
"path": "samples/ImageList/android/app/BUCK",
"content": "# To learn about Buck see [Docs](https://buckbuild.com/).\n# To run your application with Buck:\n# - install Buck\n# - `npm start` - to start the packager\n# - `cd android`\n# - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname \"CN=Android Debug,O=Android,C=US\"`\n# - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck\n# - `buck install -r android/app` - compile, install and run application\n#\n\nload(\":build_defs.bzl\", \"create_aar_targets\", \"create_jar_targets\")\n\nlib_deps = []\n\ncreate_aar_targets(glob([\"libs/*.aar\"]))\n\ncreate_jar_targets(glob([\"libs/*.jar\"]))\n\nandroid_library(\n name = \"all-libs\",\n exported_deps = lib_deps,\n)\n\nandroid_library(\n name = \"app-code\",\n srcs = glob([\n \"src/main/java/**/*.java\",\n ]),\n deps = [\n \":all-libs\",\n \":build_config\",\n \":res\",\n ],\n)\n\nandroid_build_config(\n name = \"build_config\",\n package = \"com.rxpimagelist\",\n)\n\nandroid_resource(\n name = \"res\",\n package = \"com.rxpimagelist\",\n res = \"src/main/res\",\n)\n\nandroid_binary(\n name = \"app\",\n keystore = \"//android/keystores:debug\",\n manifest = \"src/main/AndroidManifest.xml\",\n package_type = \"debug\",\n deps = [\n \":app-code\",\n ],\n)\n"
},
{
"path": "samples/ImageList/android/app/build.gradle",
"content": "apply plugin: \"com.android.application\"\n\nimport com.android.build.OutputFile\n\n/**\n * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets\n * and bundleReleaseJsAndAssets).\n * These basically call `react-native bundle` with the correct arguments during the Android build\n * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the\n * bundle directly from the development server. Below you can see all the possible configurations\n * and their defaults. If you decide to add a configuration block, make sure to add it before the\n * `apply from: \"../../node_modules/react-native/react.gradle\"` line.\n *\n * project.ext.react = [\n * // the name of the generated asset file containing your JS bundle\n * bundleAssetName: \"index.android.bundle\",\n *\n * // the entry file for bundle generation\n * entryFile: \"index.android.js\",\n *\n * // whether to bundle JS and assets in debug mode\n * bundleInDebug: false,\n *\n * // whether to bundle JS and assets in release mode\n * bundleInRelease: true,\n *\n * // whether to bundle JS and assets in another build variant (if configured).\n * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants\n * // The configuration property can be in the following formats\n * // 'bundleIn${productFlavor}${buildType}'\n * // 'bundleIn${buildType}'\n * // bundleInFreeDebug: true,\n * // bundleInPaidRelease: true,\n * // bundleInBeta: true,\n *\n * // whether to disable dev mode in custom build variants (by default only disabled in release)\n * // for example: to disable dev mode in the staging build type (if configured)\n * devDisabledInStaging: true,\n * // The configuration property can be in the following formats\n * // 'devDisabledIn${productFlavor}${buildType}'\n * // 'devDisabledIn${buildType}'\n *\n * // the root of your project, i.e. where \"package.json\" lives\n * root: \"../../\",\n *\n * // where to put the JS bundle asset in debug mode\n * jsBundleDirDebug: \"$buildDir/intermediates/assets/debug\",\n *\n * // where to put the JS bundle asset in release mode\n * jsBundleDirRelease: \"$buildDir/intermediates/assets/release\",\n *\n * // where to put drawable resources / React Native assets, e.g. the ones you use via\n * // require('./image.png')), in debug mode\n * resourcesDirDebug: \"$buildDir/intermediates/res/merged/debug\",\n *\n * // where to put drawable resources / React Native assets, e.g. the ones you use via\n * // require('./image.png')), in release mode\n * resourcesDirRelease: \"$buildDir/intermediates/res/merged/release\",\n *\n * // by default the gradle tasks are skipped if none of the JS files or assets change; this means\n * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to\n * // date; if you have any other folders that you want to ignore for performance reasons (gradle\n * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/\n * // for example, you might want to remove it from here.\n * inputExcludes: [\"android/**\", \"ios/**\"],\n *\n * // override which node gets called and with what additional arguments\n * nodeExecutableAndArgs: [\"node\"],\n *\n * // supply additional arguments to the packager\n * extraPackagerArgs: []\n * ]\n */\n\nproject.ext.react = [\n entryFile: \"index.js\"\n]\n\napply from: \"../../node_modules/react-native/react.gradle\"\n\n/**\n * Set this to true to create two separate APKs instead of one:\n * - An APK that only works on ARM devices\n * - An APK that only works on x86 devices\n * The advantage is the size of the APK is reduced by about 4MB.\n * Upload all the APKs to the Play Store and people will download\n * the correct one based on the CPU architecture of their device.\n */\ndef enableSeparateBuildPerCPUArchitecture = false\n\n/**\n * Run Proguard to shrink the Java bytecode in release builds.\n */\ndef enableProguardInReleaseBuilds = false\n\nandroid {\n compileSdkVersion rootProject.ext.compileSdkVersion\n\n compileOptions {\n sourceCompatibility JavaVersion.VERSION_1_8\n targetCompatibility JavaVersion.VERSION_1_8\n }\n\n defaultConfig {\n applicationId \"com.rxpimagelist\"\n minSdkVersion rootProject.ext.minSdkVersion\n targetSdkVersion rootProject.ext.targetSdkVersion\n versionCode 1\n versionName \"1.0\"\n ndk {\n abiFilters \"armeabi-v7a\", \"x86\"\n }\n }\n splits {\n abi {\n reset()\n enable enableSeparateBuildPerCPUArchitecture\n universalApk false // If true, also generate a universal APK\n include \"armeabi-v7a\", \"x86\", \"arm64-v8a\", \"x86_64\"\n }\n }\n buildTypes {\n release {\n minifyEnabled enableProguardInReleaseBuilds\n proguardFiles getDefaultProguardFile(\"proguard-android.txt\"), \"proguard-rules.pro\"\n }\n }\n // applicationVariants are e.g. debug, release\n applicationVariants.all { variant ->\n variant.outputs.each { output ->\n // For each separate APK per architecture, set a unique version code as described here:\n // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits\n def versionCodes = [\"armeabi-v7a\":1, \"x86\":2, \"arm64-v8a\": 3, \"x86_64\": 4]\n def abi = output.getFilter(OutputFile.ABI)\n if (abi != null) { // null for the universal-debug, universal-release variants\n output.versionCodeOverride =\n versionCodes.get(abi) * 1048576 + defaultConfig.versionCode\n }\n }\n }\n}\n\ndependencies {\n implementation fileTree(dir: \"libs\", include: [\"*.jar\"])\n implementation \"com.android.support:appcompat-v7:${rootProject.ext.supportLibVersion}\"\n implementation \"com.facebook.react:react-native:+\" // From node_modules\n}\n\n// Run this once to be able to run the application with BUCK\n// puts all compile dependencies into folder libs for BUCK to use\ntask copyDownloadableDepsToLibs(type: Copy) {\n from configurations.compile\n into 'libs'\n}\n"
},
{
"path": "samples/ImageList/android/app/build_defs.bzl",
"content": "\"\"\"Helper definitions to glob .aar and .jar targets\"\"\"\n\ndef create_aar_targets(aarfiles):\n for aarfile in aarfiles:\n name = \"aars__\" + aarfile[aarfile.rindex(\"/\") + 1:aarfile.rindex(\".aar\")]\n lib_deps.append(\":\" + name)\n android_prebuilt_aar(\n name = name,\n aar = aarfile,\n )\n\ndef create_jar_targets(jarfiles):\n for jarfile in jarfiles:\n name = \"jars__\" + jarfile[jarfile.rindex(\"/\") + 1:jarfile.rindex(\".jar\")]\n lib_deps.append(\":\" + name)\n prebuilt_jar(\n name = name,\n binary_jar = jarfile,\n )\n"
},
{
"path": "samples/ImageList/android/app/proguard-rules.pro",
"content": "# Add project specific ProGuard rules here.\n# By default, the flags in this file are appended to flags specified\n# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt\n# You can edit the include path and order by changing the proguardFiles\n# directive in build.gradle.\n#\n# For more details, see\n# http://developer.android.com/guide/developing/tools/proguard.html\n\n# Add any project specific keep options here:\n\n# If your project uses WebView with JS, uncomment the following\n# and specify the fully qualified class name to the JavaScript interface\n# class:\n#-keepclassmembers class fqcn.of.javascript.interface.for.webview {\n# public *;\n#}\n"
},
{
"path": "samples/ImageList/android/app/src/debug/AndroidManifest.xml",
"content": "\n\n\n \n\n \n"
},
{
"path": "samples/ImageList/android/app/src/debug/res/xml/react_native_config.xml",
"content": "\n\n \n localhost \n 10.0.2.2 \n 10.0.3.2 \n \n \n"
},
{
"path": "samples/ImageList/android/app/src/main/AndroidManifest.xml",
"content": "\n \n \n \n \n \n getPackages() {\n return Arrays.asList(\n new MainReactPackage()\n );\n }\n\n @Override\n protected String getJSMainModuleName() {\n return \"index\";\n }\n };\n\n @Override\n public ReactNativeHost getReactNativeHost() {\n return mReactNativeHost;\n }\n\n @Override\n public void onCreate() {\n super.onCreate();\n SoLoader.init(this, /* native exopackage */ false);\n }\n}\n"
},
{
"path": "samples/ImageList/android/app/src/main/res/values/strings.xml",
"content": "\n RXPImageList \n \n"
},
{
"path": "samples/ImageList/android/app/src/main/res/values/styles.xml",
"content": "\n\n \n \n\n \n"
},
{
"path": "samples/ImageList/android/build.gradle",
"content": "// Top-level build file where you can add configuration options common to all sub-projects/modules.\n\nbuildscript {\n ext {\n buildToolsVersion = \"28.0.3\"\n minSdkVersion = 16\n compileSdkVersion = 28\n targetSdkVersion = 28\n supportLibVersion = \"28.0.0\"\n }\n repositories {\n google()\n jcenter()\n }\n dependencies {\n classpath(\"com.android.tools.build:gradle:3.4.0\")\n\n // NOTE: Do not place your application dependencies here; they belong\n // in the individual module build.gradle files\n }\n}\n\nallprojects {\n repositories {\n mavenLocal()\n google()\n jcenter()\n maven {\n // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm\n url \"$rootDir/../node_modules/react-native/android\"\n }\n }\n}\n"
},
{
"path": "samples/ImageList/android/gradle/wrapper/gradle-wrapper.properties",
"content": "distributionBase=GRADLE_USER_HOME\ndistributionPath=wrapper/dists\ndistributionUrl=https\\://services.gradle.org/distributions/gradle-5.4.1-all.zip\nzipStoreBase=GRADLE_USER_HOME\nzipStorePath=wrapper/dists\n"
},
{
"path": "samples/ImageList/android/gradle.properties",
"content": "# Project-wide Gradle settings.\n\n# IDE (e.g. Android Studio) users:\n# Gradle settings configured through the IDE *will override*\n# any settings specified in this file.\n\n# For more details on how to configure your build environment visit\n# http://www.gradle.org/docs/current/userguide/build_environment.html\n\n# Specifies the JVM arguments used for the daemon process.\n# The setting is particularly useful for tweaking memory settings.\n# Default value: -Xmx10248m -XX:MaxPermSize=256m\n# org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8\n\n# When configured, Gradle will run in incubating parallel mode.\n# This option should only be used with decoupled projects. More details, visit\n# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects\n# org.gradle.parallel=true\n"
},
{
"path": "samples/ImageList/android/gradlew",
"content": "#!/usr/bin/env sh\n\n#\n# Copyright 2015 the original author or authors.\n#\n# Licensed under the Apache License, Version 2.0 (the \"License\");\n# you may not use this file except in compliance with the License.\n# You may obtain a copy of the License at\n#\n# http://www.apache.org/licenses/LICENSE-2.0\n#\n# Unless required by applicable law or agreed to in writing, software\n# distributed under the License is distributed on an \"AS IS\" BASIS,\n# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n# See the License for the specific language governing permissions and\n# limitations under the License.\n#\n\n##############################################################################\n##\n## Gradle start up script for UN*X\n##\n##############################################################################\n\n# Attempt to set APP_HOME\n# Resolve links: $0 may be a link\nPRG=\"$0\"\n# Need this for relative symlinks.\nwhile [ -h \"$PRG\" ] ; do\n ls=`ls -ld \"$PRG\"`\n link=`expr \"$ls\" : '.*-> \\(.*\\)$'`\n if expr \"$link\" : '/.*' > /dev/null; then\n PRG=\"$link\"\n else\n PRG=`dirname \"$PRG\"`\"/$link\"\n fi\ndone\nSAVED=\"`pwd`\"\ncd \"`dirname \\\"$PRG\\\"`/\" >/dev/null\nAPP_HOME=\"`pwd -P`\"\ncd \"$SAVED\" >/dev/null\n\nAPP_NAME=\"Gradle\"\nAPP_BASE_NAME=`basename \"$0\"`\n\n# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.\nDEFAULT_JVM_OPTS='\"-Xmx64m\" \"-Xms64m\"'\n\n# Use the maximum available, or set MAX_FD != -1 to use that value.\nMAX_FD=\"maximum\"\n\nwarn () {\n echo \"$*\"\n}\n\ndie () {\n echo\n echo \"$*\"\n echo\n exit 1\n}\n\n# OS specific support (must be 'true' or 'false').\ncygwin=false\nmsys=false\ndarwin=false\nnonstop=false\ncase \"`uname`\" in\n CYGWIN* )\n cygwin=true\n ;;\n Darwin* )\n darwin=true\n ;;\n MINGW* )\n msys=true\n ;;\n NONSTOP* )\n nonstop=true\n ;;\nesac\n\nCLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar\n\n# Determine the Java command to use to start the JVM.\nif [ -n \"$JAVA_HOME\" ] ; then\n if [ -x \"$JAVA_HOME/jre/sh/java\" ] ; then\n # IBM's JDK on AIX uses strange locations for the executables\n JAVACMD=\"$JAVA_HOME/jre/sh/java\"\n else\n JAVACMD=\"$JAVA_HOME/bin/java\"\n fi\n if [ ! -x \"$JAVACMD\" ] ; then\n die \"ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME\n\nPlease set the JAVA_HOME variable in your environment to match the\nlocation of your Java installation.\"\n fi\nelse\n JAVACMD=\"java\"\n which java >/dev/null 2>&1 || die \"ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.\n\nPlease set the JAVA_HOME variable in your environment to match the\nlocation of your Java installation.\"\nfi\n\n# Increase the maximum file descriptors if we can.\nif [ \"$cygwin\" = \"false\" -a \"$darwin\" = \"false\" -a \"$nonstop\" = \"false\" ] ; then\n MAX_FD_LIMIT=`ulimit -H -n`\n if [ $? -eq 0 ] ; then\n if [ \"$MAX_FD\" = \"maximum\" -o \"$MAX_FD\" = \"max\" ] ; then\n MAX_FD=\"$MAX_FD_LIMIT\"\n fi\n ulimit -n $MAX_FD\n if [ $? -ne 0 ] ; then\n warn \"Could not set maximum file descriptor limit: $MAX_FD\"\n fi\n else\n warn \"Could not query maximum file descriptor limit: $MAX_FD_LIMIT\"\n fi\nfi\n\n# For Darwin, add options to specify how the application appears in the dock\nif $darwin; then\n GRADLE_OPTS=\"$GRADLE_OPTS \\\"-Xdock:name=$APP_NAME\\\" \\\"-Xdock:icon=$APP_HOME/media/gradle.icns\\\"\"\nfi\n\n# For Cygwin, switch paths to Windows format before running java\nif $cygwin ; then\n APP_HOME=`cygpath --path --mixed \"$APP_HOME\"`\n CLASSPATH=`cygpath --path --mixed \"$CLASSPATH\"`\n JAVACMD=`cygpath --unix \"$JAVACMD\"`\n\n # We build the pattern for arguments to be converted via cygpath\n ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`\n SEP=\"\"\n for dir in $ROOTDIRSRAW ; do\n ROOTDIRS=\"$ROOTDIRS$SEP$dir\"\n SEP=\"|\"\n done\n OURCYGPATTERN=\"(^($ROOTDIRS))\"\n # Add a user-defined pattern to the cygpath arguments\n if [ \"$GRADLE_CYGPATTERN\" != \"\" ] ; then\n OURCYGPATTERN=\"$OURCYGPATTERN|($GRADLE_CYGPATTERN)\"\n fi\n # Now convert the arguments - kludge to limit ourselves to /bin/sh\n i=0\n for arg in \"$@\" ; do\n CHECK=`echo \"$arg\"|egrep -c \"$OURCYGPATTERN\" -`\n CHECK2=`echo \"$arg\"|egrep -c \"^-\"` ### Determine if an option\n\n if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition\n eval `echo args$i`=`cygpath --path --ignore --mixed \"$arg\"`\n else\n eval `echo args$i`=\"\\\"$arg\\\"\"\n fi\n i=$((i+1))\n done\n case $i in\n (0) set -- ;;\n (1) set -- \"$args0\" ;;\n (2) set -- \"$args0\" \"$args1\" ;;\n (3) set -- \"$args0\" \"$args1\" \"$args2\" ;;\n (4) set -- \"$args0\" \"$args1\" \"$args2\" \"$args3\" ;;\n (5) set -- \"$args0\" \"$args1\" \"$args2\" \"$args3\" \"$args4\" ;;\n (6) set -- \"$args0\" \"$args1\" \"$args2\" \"$args3\" \"$args4\" \"$args5\" ;;\n (7) set -- \"$args0\" \"$args1\" \"$args2\" \"$args3\" \"$args4\" \"$args5\" \"$args6\" ;;\n (8) set -- \"$args0\" \"$args1\" \"$args2\" \"$args3\" \"$args4\" \"$args5\" \"$args6\" \"$args7\" ;;\n (9) set -- \"$args0\" \"$args1\" \"$args2\" \"$args3\" \"$args4\" \"$args5\" \"$args6\" \"$args7\" \"$args8\" ;;\n esac\nfi\n\n# Escape application args\nsave () {\n for i do printf %s\\\\n \"$i\" | sed \"s/'/'\\\\\\\\''/g;1s/^/'/;\\$s/\\$/' \\\\\\\\/\" ; done\n echo \" \"\n}\nAPP_ARGS=$(save \"$@\")\n\n# Collect all arguments for the java command, following the shell quoting and substitution rules\neval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS \"\\\"-Dorg.gradle.appname=$APP_BASE_NAME\\\"\" -classpath \"\\\"$CLASSPATH\\\"\" org.gradle.wrapper.GradleWrapperMain \"$APP_ARGS\"\n\n# by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong\nif [ \"$(uname)\" = \"Darwin\" ] && [ \"$HOME\" = \"$PWD\" ]; then\n cd \"$(dirname \"$0\")\"\nfi\n\nexec \"$JAVACMD\" \"$@\"\n"
},
{
"path": "samples/ImageList/android/gradlew.bat",
"content": "@rem\r\n@rem Copyright 2015 the original author or authors.\r\n@rem\r\n@rem Licensed under the Apache License, Version 2.0 (the \"License\");\r\n@rem you may not use this file except in compliance with the License.\r\n@rem You may obtain a copy of the License at\r\n@rem\r\n@rem http://www.apache.org/licenses/LICENSE-2.0\r\n@rem\r\n@rem Unless required by applicable law or agreed to in writing, software\r\n@rem distributed under the License is distributed on an \"AS IS\" BASIS,\r\n@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n@rem See the License for the specific language governing permissions and\r\n@rem limitations under the License.\r\n@rem\r\n\r\n@if \"%DEBUG%\" == \"\" @echo off\r\n@rem ##########################################################################\r\n@rem\r\n@rem Gradle startup script for Windows\r\n@rem\r\n@rem ##########################################################################\r\n\r\n@rem Set local scope for the variables with windows NT shell\r\nif \"%OS%\"==\"Windows_NT\" setlocal\r\n\r\nset DIRNAME=%~dp0\r\nif \"%DIRNAME%\" == \"\" set DIRNAME=.\r\nset APP_BASE_NAME=%~n0\r\nset APP_HOME=%DIRNAME%\r\n\r\n@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.\r\nset DEFAULT_JVM_OPTS=\"-Xmx64m\" \"-Xms64m\"\r\n\r\n@rem Find java.exe\r\nif defined JAVA_HOME goto findJavaFromJavaHome\r\n\r\nset JAVA_EXE=java.exe\r\n%JAVA_EXE% -version >NUL 2>&1\r\nif \"%ERRORLEVEL%\" == \"0\" goto init\r\n\r\necho.\r\necho ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.\r\necho.\r\necho Please set the JAVA_HOME variable in your environment to match the\r\necho location of your Java installation.\r\n\r\ngoto fail\r\n\r\n:findJavaFromJavaHome\r\nset JAVA_HOME=%JAVA_HOME:\"=%\r\nset JAVA_EXE=%JAVA_HOME%/bin/java.exe\r\n\r\nif exist \"%JAVA_EXE%\" goto init\r\n\r\necho.\r\necho ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%\r\necho.\r\necho Please set the JAVA_HOME variable in your environment to match the\r\necho location of your Java installation.\r\n\r\ngoto fail\r\n\r\n:init\r\n@rem Get command-line arguments, handling Windows variants\r\n\r\nif not \"%OS%\" == \"Windows_NT\" goto win9xME_args\r\n\r\n:win9xME_args\r\n@rem Slurp the command line arguments.\r\nset CMD_LINE_ARGS=\r\nset _SKIP=2\r\n\r\n:win9xME_args_slurp\r\nif \"x%~1\" == \"x\" goto execute\r\n\r\nset CMD_LINE_ARGS=%*\r\n\r\n:execute\r\n@rem Setup the command line\r\n\r\nset CLASSPATH=%APP_HOME%\\gradle\\wrapper\\gradle-wrapper.jar\r\n\r\n@rem Execute Gradle\r\n\"%JAVA_EXE%\" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% \"-Dorg.gradle.appname=%APP_BASE_NAME%\" -classpath \"%CLASSPATH%\" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%\r\n\r\n:end\r\n@rem End local scope for the variables with windows NT shell\r\nif \"%ERRORLEVEL%\"==\"0\" goto mainEnd\r\n\r\n:fail\r\nrem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of\r\nrem the _cmd.exe /c_ return code!\r\nif not \"\" == \"%GRADLE_EXIT_CONSOLE%\" exit 1\r\nexit /b 1\r\n\r\n:mainEnd\r\nif \"%OS%\"==\"Windows_NT\" endlocal\r\n\r\n:omega\r\n"
},
{
"path": "samples/ImageList/android/keystores/BUCK",
"content": "keystore(\n name = \"debug\",\n properties = \"debug.keystore.properties\",\n store = \"debug.keystore\",\n visibility = [\n \"PUBLIC\",\n ],\n)\n"
},
{
"path": "samples/ImageList/android/keystores/debug.keystore.properties",
"content": "key.store=debug.keystore\nkey.alias=androiddebugkey\nkey.store.password=android\nkey.alias.password=android\n"
},
{
"path": "samples/ImageList/android/settings.gradle",
"content": "rootProject.name = 'RXPImageList'\n\ninclude ':app'\n"
},
{
"path": "samples/ImageList/babel.config.js",
"content": "module.exports = function(api) {\n api.cache.forever();\n\n const presets = [\n ['module:metro-react-native-babel-preset'],\n ];\n\n const plugins = [\n ['@babel/proposal-decorators', { legacy: true }],\n ];\n\n if (process.env.platform === 'web') {\n return {\n presets: ['@babel/env', ...presets],\n plugins,\n }\n }\n\n return { presets, plugins };\n};\n"
},
{
"path": "samples/ImageList/index.js",
"content": "import './src/index';\n"
},
{
"path": "samples/ImageList/ios/RXPImageList/AppDelegate.h",
"content": "/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n#import \n#import \n\n@interface AppDelegate : UIResponder \n\n@property (nonatomic, strong) UIWindow *window;\n\n@end\n"
},
{
"path": "samples/ImageList/ios/RXPImageList/AppDelegate.m",
"content": "/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n#import \"AppDelegate.h\"\n\n#import \n#import \n#import \n\n@implementation AppDelegate\n\n- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions\n{\n RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions];\n RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge\n moduleName:@\"RXApp\"\n initialProperties:nil];\n\n rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];\n\n self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];\n UIViewController *rootViewController = [UIViewController new];\n rootViewController.view = rootView;\n self.window.rootViewController = rootViewController;\n [self.window makeKeyAndVisible];\n return YES;\n}\n\n- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge\n{\n#if DEBUG\n return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@\"index\" fallbackResource:nil];\n#else\n return [[NSBundle mainBundle] URLForResource:@\"main\" withExtension:@\"jsbundle\"];\n#endif\n}\n\n@end\n"
},
{
"path": "samples/ImageList/ios/RXPImageList/Base.lproj/LaunchScreen.xib",
"content": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n"
},
{
"path": "samples/ImageList/ios/RXPImageList/Images.xcassets/AppIcon.appiconset/Contents.json",
"content": "{\n \"images\" : [\n {\n \"idiom\" : \"iphone\",\n \"size\" : \"29x29\",\n \"scale\" : \"2x\"\n },\n {\n \"idiom\" : \"iphone\",\n \"size\" : \"29x29\",\n \"scale\" : \"3x\"\n },\n {\n \"idiom\" : \"iphone\",\n \"size\" : \"40x40\",\n \"scale\" : \"2x\"\n },\n {\n \"idiom\" : \"iphone\",\n \"size\" : \"40x40\",\n \"scale\" : \"3x\"\n },\n {\n \"idiom\" : \"iphone\",\n \"size\" : \"60x60\",\n \"scale\" : \"2x\"\n },\n {\n \"idiom\" : \"iphone\",\n \"size\" : \"60x60\",\n \"scale\" : \"3x\"\n }\n ],\n \"info\" : {\n \"version\" : 1,\n \"author\" : \"xcode\"\n }\n}"
},
{
"path": "samples/ImageList/ios/RXPImageList/Images.xcassets/Contents.json",
"content": "{\n \"info\" : {\n \"version\" : 1,\n \"author\" : \"xcode\"\n }\n}\n"
},
{
"path": "samples/ImageList/ios/RXPImageList/Info.plist",
"content": "\n\n\n\n\tCFBundleDevelopmentRegion \n\ten \n\tCFBundleDisplayName \n\tRXPImageList \n\tCFBundleExecutable \n\t$(EXECUTABLE_NAME) \n\tCFBundleIdentifier \n\t$(PRODUCT_BUNDLE_IDENTIFIER) \n\tCFBundleInfoDictionaryVersion \n\t6.0 \n\tCFBundleName \n\t$(PRODUCT_NAME) \n\tCFBundlePackageType \n\tAPPL \n\tCFBundleShortVersionString \n\t1.0 \n\tCFBundleSignature \n\t???? \n\tCFBundleVersion \n\t1 \n\tLSRequiresIPhoneOS \n\tNSLocationWhenInUseUsageDescription \n\tUILaunchStoryboardName \n\tLaunchScreen \n\tUIRequiredDeviceCapabilities \n\t\n\t\tarmv7 \n\t \n\tUISupportedInterfaceOrientations \n\t\n\t\tUIInterfaceOrientationPortrait \n\t\tUIInterfaceOrientationLandscapeLeft \n\t\tUIInterfaceOrientationLandscapeRight \n\t \n\tUIViewControllerBasedStatusBarAppearance \n\tNSLocationWhenInUseUsageDescription \n\tNSAppTransportSecurity \n\t\n\t\n NSAllowsArbitraryLoads \n NSExceptionDomains \n\t\t\n\t\t\tlocalhost \n\t\t\t\n\t\t\t\tNSExceptionAllowsInsecureHTTPLoads \n\t\t\t\t \n\t\t \n\t \n \n \n"
},
{
"path": "samples/ImageList/ios/RXPImageList/main.m",
"content": "/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n#import \n\n#import \"AppDelegate.h\"\n\nint main(int argc, char * argv[]) {\n @autoreleasepool {\n return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));\n }\n}\n"
},
{
"path": "samples/ImageList/ios/RXPImageList-tvOS/Info.plist",
"content": "\n\n\n\n\tCFBundleDevelopmentRegion \n\ten \n\tCFBundleExecutable \n\t$(EXECUTABLE_NAME) \n\tCFBundleIdentifier \n\t$(PRODUCT_BUNDLE_IDENTIFIER) \n\tCFBundleInfoDictionaryVersion \n\t6.0 \n\tCFBundleName \n\t$(PRODUCT_NAME) \n\tCFBundlePackageType \n\tAPPL \n\tCFBundleShortVersionString \n\t1.0 \n\tCFBundleSignature \n\t???? \n\tCFBundleVersion \n\t1 \n\tLSRequiresIPhoneOS \n\tUILaunchStoryboardName \n\tLaunchScreen \n\tUIRequiredDeviceCapabilities \n\t\n\t\tarmv7 \n\t \n\tUISupportedInterfaceOrientations \n\t\n\t\tUIInterfaceOrientationPortrait \n\t\tUIInterfaceOrientationLandscapeLeft \n\t\tUIInterfaceOrientationLandscapeRight \n\t \n\tUIViewControllerBasedStatusBarAppearance \n\tNSLocationWhenInUseUsageDescription \n\tNSAppTransportSecurity \n\t\n\t\n\t\tNSExceptionDomains \n\t\t\n\t\t\tlocalhost \n\t\t\t\n\t\t\t\tNSExceptionAllowsInsecureHTTPLoads \n\t\t\t\t \n\t\t \n\t \n \n \n"
},
{
"path": "samples/ImageList/ios/RXPImageList-tvOSTests/Info.plist",
"content": "\n\n\n\n\tCFBundleDevelopmentRegion \n\ten \n\tCFBundleExecutable \n\t$(EXECUTABLE_NAME) \n\tCFBundleIdentifier \n\t$(PRODUCT_BUNDLE_IDENTIFIER) \n\tCFBundleInfoDictionaryVersion \n\t6.0 \n\tCFBundleName \n\t$(PRODUCT_NAME) \n\tCFBundlePackageType \n\tBNDL \n\tCFBundleShortVersionString \n\t1.0 \n\tCFBundleSignature \n\t???? \n\tCFBundleVersion \n\t1 \n \n \n"
},
{
"path": "samples/ImageList/ios/RXPImageList.xcodeproj/project.pbxproj",
"content": "// !$*UTF8*$!\n{\n\tarchiveVersion = 1;\n\tclasses = {\n\t};\n\tobjectVersion = 46;\n\tobjects = {\n\n/* Begin PBXBuildFile section */\n\t\t00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; };\n\t\t00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; };\n\t\t00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */; };\n\t\t00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */; };\n\t\t00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; };\n\t\t00E356F31AD99517003FC87E /* RXPImageListTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* RXPImageListTests.m */; };\n\t\t11D1A2F320CAFA9E000508D9 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */; };\n\t\t133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 78C398B91ACF4ADC00677621 /* libRCTLinking.a */; };\n\t\t139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */; };\n\t\t139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */; };\n\t\t13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; };\n\t\t13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; };\n\t\t13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };\n\t\t13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };\n\t\t140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; };\n\t\t146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; };\n\t\t2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; };\n\t\t2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };\n\t\t2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };\n\t\t2D02E4C21E0B4AEC006451C7 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation.a */; };\n\t\t2D02E4C31E0B4AEC006451C7 /* libRCTImage-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */; };\n\t\t2D02E4C41E0B4AEC006451C7 /* libRCTLinking-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */; };\n\t\t2D02E4C51E0B4AEC006451C7 /* libRCTNetwork-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */; };\n\t\t2D02E4C61E0B4AEC006451C7 /* libRCTSettings-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */; };\n\t\t2D02E4C71E0B4AEC006451C7 /* libRCTText-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */; };\n\t\t2D02E4C81E0B4AEC006451C7 /* libRCTWebSocket-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */; };\n\t\t2D16E6881FA4F8E400B85C8A /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2D16E6891FA4F8E400B85C8A /* libReact.a */; };\n\t\t2DCD954D1E0B4F2C00145EB5 /* RXPImageListTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* RXPImageListTests.m */; };\n\t\t2DF0FFEE2056DD460020B375 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3EA31DF850E9000B6D8A /* libReact.a */; };\n\t\t832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; };\n\t\tADBDB9381DFEBF1600ED6528 /* libRCTBlob.a in Frameworks */ = {isa = PBXBuildFile; fileRef = ADBDB9271DFEBF0700ED6528 /* libRCTBlob.a */; };\n\t\tED297163215061F000B7C4FE /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = ED297162215061F000B7C4FE /* JavaScriptCore.framework */; };\n\t\tED2971652150620600B7C4FE /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = ED2971642150620600B7C4FE /* JavaScriptCore.framework */; };\n/* End PBXBuildFile section */\n\n/* Begin PBXContainerItemProxy section */\n\t\t00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 134814201AA4EA6300B7C361;\n\t\t\tremoteInfo = RCTActionSheet;\n\t\t};\n\t\t00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 134814201AA4EA6300B7C361;\n\t\t\tremoteInfo = RCTGeolocation;\n\t\t};\n\t\t00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 58B5115D1A9E6B3D00147676;\n\t\t\tremoteInfo = RCTImage;\n\t\t};\n\t\t00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 58B511DB1A9E6C8500147676;\n\t\t\tremoteInfo = RCTNetwork;\n\t\t};\n\t\t00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 832C81801AAF6DEF007FA2F7;\n\t\t\tremoteInfo = RCTVibration;\n\t\t};\n\t\t00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;\n\t\t\tproxyType = 1;\n\t\t\tremoteGlobalIDString = 13B07F861A680F5B00A75B9A;\n\t\t\tremoteInfo = RXPImageList;\n\t\t};\n\t\t139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 134814201AA4EA6300B7C361;\n\t\t\tremoteInfo = RCTSettings;\n\t\t};\n\t\t139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 3C86DF461ADF2C930047B81A;\n\t\t\tremoteInfo = RCTWebSocket;\n\t\t};\n\t\t146834031AC3E56700842450 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 83CBBA2E1A601D0E00E9B192;\n\t\t\tremoteInfo = React;\n\t\t};\n\t\t2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;\n\t\t\tproxyType = 1;\n\t\t\tremoteGlobalIDString = 2D02E47A1E0B4A5D006451C7;\n\t\t\tremoteInfo = \"RXPImageList-tvOS\";\n\t\t};\n\t\t2D16E6711FA4F8DC00B85C8A /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = ADD01A681E09402E00F6D226;\n\t\t\tremoteInfo = \"RCTBlob-tvOS\";\n\t\t};\n\t\t2D16E6831FA4F8DC00B85C8A /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 3DBE0D001F3B181A0099AA32;\n\t\t\tremoteInfo = fishhook;\n\t\t};\n\t\t2D16E6851FA4F8DC00B85C8A /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 3DBE0D0D1F3B181C0099AA32;\n\t\t\tremoteInfo = \"fishhook-tvOS\";\n\t\t};\n\t\t2DF0FFDE2056DD460020B375 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = EBF21BDC1FC498900052F4D5;\n\t\t\tremoteInfo = jsinspector;\n\t\t};\n\t\t2DF0FFE02056DD460020B375 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = EBF21BFA1FC4989A0052F4D5;\n\t\t\tremoteInfo = \"jsinspector-tvOS\";\n\t\t};\n\t\t2DF0FFE22056DD460020B375 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 139D7ECE1E25DB7D00323FB7;\n\t\t\tremoteInfo = \"third-party\";\n\t\t};\n\t\t2DF0FFE42056DD460020B375 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 3D383D3C1EBD27B6005632C8;\n\t\t\tremoteInfo = \"third-party-tvOS\";\n\t\t};\n\t\t2DF0FFE62056DD460020B375 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 139D7E881E25C6D100323FB7;\n\t\t\tremoteInfo = \"double-conversion\";\n\t\t};\n\t\t2DF0FFE82056DD460020B375 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 3D383D621EBD27B9005632C8;\n\t\t\tremoteInfo = \"double-conversion-tvOS\";\n\t\t};\n\t\t2DF0FFEA2056DD460020B375 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 9936F3131F5F2E4B0010BF04;\n\t\t\tremoteInfo = privatedata;\n\t\t};\n\t\t2DF0FFEC2056DD460020B375 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 9936F32F1F5F2E5B0010BF04;\n\t\t\tremoteInfo = \"privatedata-tvOS\";\n\t\t};\n\t\t3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 2D2A283A1D9B042B00D4039D;\n\t\t\tremoteInfo = \"RCTImage-tvOS\";\n\t\t};\n\t\t3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 2D2A28471D9B043800D4039D;\n\t\t\tremoteInfo = \"RCTLinking-tvOS\";\n\t\t};\n\t\t3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 2D2A28541D9B044C00D4039D;\n\t\t\tremoteInfo = \"RCTNetwork-tvOS\";\n\t\t};\n\t\t3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 2D2A28611D9B046600D4039D;\n\t\t\tremoteInfo = \"RCTSettings-tvOS\";\n\t\t};\n\t\t3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 2D2A287B1D9B048500D4039D;\n\t\t\tremoteInfo = \"RCTText-tvOS\";\n\t\t};\n\t\t3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 2D2A28881D9B049200D4039D;\n\t\t\tremoteInfo = \"RCTWebSocket-tvOS\";\n\t\t};\n\t\t3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 2D2A28131D9B038B00D4039D;\n\t\t\tremoteInfo = \"React-tvOS\";\n\t\t};\n\t\t3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 3D3C059A1DE3340900C268FA;\n\t\t\tremoteInfo = yoga;\n\t\t};\n\t\t3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 3D3C06751DE3340C00C268FA;\n\t\t\tremoteInfo = \"yoga-tvOS\";\n\t\t};\n\t\t3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 3D3CD9251DE5FBEC00167DC4;\n\t\t\tremoteInfo = cxxreact;\n\t\t};\n\t\t3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 3D3CD9321DE5FBEE00167DC4;\n\t\t\tremoteInfo = \"cxxreact-tvOS\";\n\t\t};\n\t\t3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 3D3CD90B1DE5FBD600167DC4;\n\t\t\tremoteInfo = jschelpers;\n\t\t};\n\t\t3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 3D3CD9181DE5FBD800167DC4;\n\t\t\tremoteInfo = \"jschelpers-tvOS\";\n\t\t};\n\t\t5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 134814201AA4EA6300B7C361;\n\t\t\tremoteInfo = RCTAnimation;\n\t\t};\n\t\t5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 2D2A28201D9B03D100D4039D;\n\t\t\tremoteInfo = \"RCTAnimation-tvOS\";\n\t\t};\n\t\t78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 134814201AA4EA6300B7C361;\n\t\t\tremoteInfo = RCTLinking;\n\t\t};\n\t\t832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 58B5119B1A9E6C1200147676;\n\t\t\tremoteInfo = RCTText;\n\t\t};\n\t\tADBDB9261DFEBF0700ED6528 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */;\n\t\t\tproxyType = 2;\n\t\t\tremoteGlobalIDString = 358F4ED71D1E81A9004DF814;\n\t\t\tremoteInfo = RCTBlob;\n\t\t};\n/* End PBXContainerItemProxy section */\n\n/* Begin PBXFileReference section */\n\t\t008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = \"\"; };\n\t\t00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = \"wrapper.pb-project\"; name = RCTActionSheet.xcodeproj; path = \"../node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj\"; sourceTree = \"\"; };\n\t\t00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = \"wrapper.pb-project\"; name = RCTGeolocation.xcodeproj; path = \"../node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj\"; sourceTree = \"\"; };\n\t\t00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = \"wrapper.pb-project\"; name = RCTImage.xcodeproj; path = \"../node_modules/react-native/Libraries/Image/RCTImage.xcodeproj\"; sourceTree = \"\"; };\n\t\t00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = \"wrapper.pb-project\"; name = RCTNetwork.xcodeproj; path = \"../node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj\"; sourceTree = \"\"; };\n\t\t00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = \"wrapper.pb-project\"; name = RCTVibration.xcodeproj; path = \"../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj\"; sourceTree = \"\"; };\n\t\t00E356EE1AD99517003FC87E /* RXPImageListTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RXPImageListTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };\n\t\t00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = \"\"; };\n\t\t00E356F21AD99517003FC87E /* RXPImageListTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RXPImageListTests.m; sourceTree = \"\"; };\n\t\t139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = \"wrapper.pb-project\"; name = RCTSettings.xcodeproj; path = \"../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj\"; sourceTree = \"\"; };\n\t\t139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = \"wrapper.pb-project\"; name = RCTWebSocket.xcodeproj; path = \"../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj\"; sourceTree = \"\"; };\n\t\t13B07F961A680F5B00A75B9A /* RXPImageList.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = RXPImageList.app; sourceTree = BUILT_PRODUCTS_DIR; };\n\t\t13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = RXPImageList/AppDelegate.h; sourceTree = \"\"; };\n\t\t13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = RXPImageList/AppDelegate.m; sourceTree = \"\"; };\n\t\t13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = \"\"; };\n\t\t13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = RXPImageList/Images.xcassets; sourceTree = \"\"; };\n\t\t13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = RXPImageList/Info.plist; sourceTree = \"\"; };\n\t\t13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = RXPImageList/main.m; sourceTree = \"\"; };\n\t\t146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = \"wrapper.pb-project\"; name = React.xcodeproj; path = \"../node_modules/react-native/React/React.xcodeproj\"; sourceTree = \"\"; };\n\t\t2D02E47B1E0B4A5D006451C7 /* RXPImageList-tvOS.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = \"RXPImageList-tvOS.app\"; sourceTree = BUILT_PRODUCTS_DIR; };\n\t\t2D02E4901E0B4A5D006451C7 /* RXPImageList-tvOSTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = \"RXPImageList-tvOSTests.xctest\"; sourceTree = BUILT_PRODUCTS_DIR; };\n\t\t2D16E6891FA4F8E400B85C8A /* libReact.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = libReact.a; sourceTree = BUILT_PRODUCTS_DIR; };\n\t\t5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = \"wrapper.pb-project\"; name = RCTAnimation.xcodeproj; path = \"../node_modules/react-native/Libraries/NativeAnimation/RCTAnimation.xcodeproj\"; sourceTree = \"\"; };\n\t\t78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = \"wrapper.pb-project\"; name = RCTLinking.xcodeproj; path = \"../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj\"; sourceTree = \"\"; };\n\t\t832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = \"wrapper.pb-project\"; name = RCTText.xcodeproj; path = \"../node_modules/react-native/Libraries/Text/RCTText.xcodeproj\"; sourceTree = \"\"; };\n\t\tADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = \"wrapper.pb-project\"; name = RCTBlob.xcodeproj; path = \"../node_modules/react-native/Libraries/Blob/RCTBlob.xcodeproj\"; sourceTree = \"\"; };\n\t\tED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };\n\t\tED2971642150620600B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = Platforms/AppleTVOS.platform/Developer/SDKs/AppleTVOS12.0.sdk/System/Library/Frameworks/JavaScriptCore.framework; sourceTree = DEVELOPER_DIR; };\n/* End PBXFileReference section */\n\n/* Begin PBXFrameworksBuildPhase section */\n\t\t00E356EB1AD99517003FC87E /* Frameworks */ = {\n\t\t\tisa = PBXFrameworksBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t\t140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */,\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n\t\t13B07F8C1A680F5B00A75B9A /* Frameworks */ = {\n\t\t\tisa = PBXFrameworksBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t\tED297163215061F000B7C4FE /* JavaScriptCore.framework in Frameworks */,\n\t\t\t\tADBDB9381DFEBF1600ED6528 /* libRCTBlob.a in Frameworks */,\n\t\t\t\t11D1A2F320CAFA9E000508D9 /* libRCTAnimation.a in Frameworks */,\n\t\t\t\t146834051AC3E58100842450 /* libReact.a in Frameworks */,\n\t\t\t\t00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */,\n\t\t\t\t00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */,\n\t\t\t\t00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */,\n\t\t\t\t133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */,\n\t\t\t\t00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */,\n\t\t\t\t139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */,\n\t\t\t\t832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */,\n\t\t\t\t00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */,\n\t\t\t\t139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */,\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n\t\t2D02E4781E0B4A5D006451C7 /* Frameworks */ = {\n\t\t\tisa = PBXFrameworksBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t\tED2971652150620600B7C4FE /* JavaScriptCore.framework in Frameworks */,\n\t\t\t\t2D16E6881FA4F8E400B85C8A /* libReact.a in Frameworks */,\n\t\t\t\t2D02E4C21E0B4AEC006451C7 /* libRCTAnimation.a in Frameworks */,\n\t\t\t\t2D02E4C31E0B4AEC006451C7 /* libRCTImage-tvOS.a in Frameworks */,\n\t\t\t\t2D02E4C41E0B4AEC006451C7 /* libRCTLinking-tvOS.a in Frameworks */,\n\t\t\t\t2D02E4C51E0B4AEC006451C7 /* libRCTNetwork-tvOS.a in Frameworks */,\n\t\t\t\t2D02E4C61E0B4AEC006451C7 /* libRCTSettings-tvOS.a in Frameworks */,\n\t\t\t\t2D02E4C71E0B4AEC006451C7 /* libRCTText-tvOS.a in Frameworks */,\n\t\t\t\t2D02E4C81E0B4AEC006451C7 /* libRCTWebSocket-tvOS.a in Frameworks */,\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n\t\t2D02E48D1E0B4A5D006451C7 /* Frameworks */ = {\n\t\t\tisa = PBXFrameworksBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t\t2DF0FFEE2056DD460020B375 /* libReact.a in Frameworks */,\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n/* End PBXFrameworksBuildPhase section */\n\n/* Begin PBXGroup section */\n\t\t00C302A81ABCB8CE00DB3ED1 /* Products */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */,\n\t\t\t);\n\t\t\tname = Products;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t00C302B61ABCB90400DB3ED1 /* Products */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */,\n\t\t\t);\n\t\t\tname = Products;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t00C302BC1ABCB91800DB3ED1 /* Products */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t00C302C01ABCB91800DB3ED1 /* libRCTImage.a */,\n\t\t\t\t3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */,\n\t\t\t);\n\t\t\tname = Products;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t00C302D41ABCB9D200DB3ED1 /* Products */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */,\n\t\t\t\t3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */,\n\t\t\t);\n\t\t\tname = Products;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t00C302E01ABCB9EE00DB3ED1 /* Products */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */,\n\t\t\t);\n\t\t\tname = Products;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t00E356EF1AD99517003FC87E /* RXPImageListTests */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t00E356F21AD99517003FC87E /* RXPImageListTests.m */,\n\t\t\t\t00E356F01AD99517003FC87E /* Supporting Files */,\n\t\t\t);\n\t\t\tpath = RXPImageListTests;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t00E356F01AD99517003FC87E /* Supporting Files */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t00E356F11AD99517003FC87E /* Info.plist */,\n\t\t\t);\n\t\t\tname = \"Supporting Files\";\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t139105B71AF99BAD00B5F7CC /* Products */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t139105C11AF99BAD00B5F7CC /* libRCTSettings.a */,\n\t\t\t\t3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */,\n\t\t\t);\n\t\t\tname = Products;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t139FDEE71B06529A00C62182 /* Products */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t139FDEF41B06529B00C62182 /* libRCTWebSocket.a */,\n\t\t\t\t3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */,\n\t\t\t\t2D16E6841FA4F8DC00B85C8A /* libfishhook.a */,\n\t\t\t\t2D16E6861FA4F8DC00B85C8A /* libfishhook-tvOS.a */,\n\t\t\t);\n\t\t\tname = Products;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t13B07FAE1A68108700A75B9A /* RXPImageList */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t008F07F21AC5B25A0029DE68 /* main.jsbundle */,\n\t\t\t\t13B07FAF1A68108700A75B9A /* AppDelegate.h */,\n\t\t\t\t13B07FB01A68108700A75B9A /* AppDelegate.m */,\n\t\t\t\t13B07FB51A68108700A75B9A /* Images.xcassets */,\n\t\t\t\t13B07FB61A68108700A75B9A /* Info.plist */,\n\t\t\t\t13B07FB11A68108700A75B9A /* LaunchScreen.xib */,\n\t\t\t\t13B07FB71A68108700A75B9A /* main.m */,\n\t\t\t);\n\t\t\tname = RXPImageList;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t146834001AC3E56700842450 /* Products */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t146834041AC3E56700842450 /* libReact.a */,\n\t\t\t\t3DAD3EA31DF850E9000B6D8A /* libReact.a */,\n\t\t\t\t3DAD3EA51DF850E9000B6D8A /* libyoga.a */,\n\t\t\t\t3DAD3EA71DF850E9000B6D8A /* libyoga.a */,\n\t\t\t\t3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */,\n\t\t\t\t3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */,\n\t\t\t\t3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */,\n\t\t\t\t3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */,\n\t\t\t\t2DF0FFDF2056DD460020B375 /* libjsinspector.a */,\n\t\t\t\t2DF0FFE12056DD460020B375 /* libjsinspector-tvOS.a */,\n\t\t\t\t2DF0FFE32056DD460020B375 /* libthird-party.a */,\n\t\t\t\t2DF0FFE52056DD460020B375 /* libthird-party.a */,\n\t\t\t\t2DF0FFE72056DD460020B375 /* libdouble-conversion.a */,\n\t\t\t\t2DF0FFE92056DD460020B375 /* libdouble-conversion.a */,\n\t\t\t\t2DF0FFEB2056DD460020B375 /* libprivatedata.a */,\n\t\t\t\t2DF0FFED2056DD460020B375 /* libprivatedata-tvOS.a */,\n\t\t\t);\n\t\t\tname = Products;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t2D16E6871FA4F8E400B85C8A /* Frameworks */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\tED297162215061F000B7C4FE /* JavaScriptCore.framework */,\n\t\t\t\tED2971642150620600B7C4FE /* JavaScriptCore.framework */,\n\t\t\t\t2D16E6891FA4F8E400B85C8A /* libReact.a */,\n\t\t\t);\n\t\t\tname = Frameworks;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t5E91572E1DD0AC6500FF2AA8 /* Products */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */,\n\t\t\t\t5E9157351DD0AC6500FF2AA8 /* libRCTAnimation.a */,\n\t\t\t);\n\t\t\tname = Products;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t78C398B11ACF4ADC00677621 /* Products */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t78C398B91ACF4ADC00677621 /* libRCTLinking.a */,\n\t\t\t\t3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */,\n\t\t\t);\n\t\t\tname = Products;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t832341AE1AAA6A7D00B99B32 /* Libraries */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */,\n\t\t\t\t146833FF1AC3E56700842450 /* React.xcodeproj */,\n\t\t\t\t00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */,\n\t\t\t\tADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */,\n\t\t\t\t00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */,\n\t\t\t\t00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */,\n\t\t\t\t78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */,\n\t\t\t\t00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */,\n\t\t\t\t139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */,\n\t\t\t\t832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */,\n\t\t\t\t00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */,\n\t\t\t\t139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */,\n\t\t\t);\n\t\t\tname = Libraries;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t832341B11AAA6A8300B99B32 /* Products */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t832341B51AAA6A8300B99B32 /* libRCTText.a */,\n\t\t\t\t3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */,\n\t\t\t);\n\t\t\tname = Products;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t83CBB9F61A601CBA00E9B192 = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t13B07FAE1A68108700A75B9A /* RXPImageList */,\n\t\t\t\t832341AE1AAA6A7D00B99B32 /* Libraries */,\n\t\t\t\t00E356EF1AD99517003FC87E /* RXPImageListTests */,\n\t\t\t\t83CBBA001A601CBA00E9B192 /* Products */,\n\t\t\t\t2D16E6871FA4F8E400B85C8A /* Frameworks */,\n\t\t\t);\n\t\t\tindentWidth = 2;\n\t\t\tsourceTree = \"\";\n\t\t\ttabWidth = 2;\n\t\t\tusesTabs = 0;\n\t\t};\n\t\t83CBBA001A601CBA00E9B192 /* Products */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t13B07F961A680F5B00A75B9A /* RXPImageList.app */,\n\t\t\t\t00E356EE1AD99517003FC87E /* RXPImageListTests.xctest */,\n\t\t\t\t2D02E47B1E0B4A5D006451C7 /* RXPImageList-tvOS.app */,\n\t\t\t\t2D02E4901E0B4A5D006451C7 /* RXPImageList-tvOSTests.xctest */,\n\t\t\t);\n\t\t\tname = Products;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\tADBDB9201DFEBF0600ED6528 /* Products */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\tADBDB9271DFEBF0700ED6528 /* libRCTBlob.a */,\n\t\t\t\t2D16E6721FA4F8DC00B85C8A /* libRCTBlob-tvOS.a */,\n\t\t\t);\n\t\t\tname = Products;\n\t\t\tsourceTree = \"\";\n\t\t};\n/* End PBXGroup section */\n\n/* Begin PBXNativeTarget section */\n\t\t00E356ED1AD99517003FC87E /* RXPImageListTests */ = {\n\t\t\tisa = PBXNativeTarget;\n\t\t\tbuildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget \"RXPImageListTests\" */;\n\t\t\tbuildPhases = (\n\t\t\t\t00E356EA1AD99517003FC87E /* Sources */,\n\t\t\t\t00E356EB1AD99517003FC87E /* Frameworks */,\n\t\t\t\t00E356EC1AD99517003FC87E /* Resources */,\n\t\t\t);\n\t\t\tbuildRules = (\n\t\t\t);\n\t\t\tdependencies = (\n\t\t\t\t00E356F51AD99517003FC87E /* PBXTargetDependency */,\n\t\t\t);\n\t\t\tname = RXPImageListTests;\n\t\t\tproductName = RXPImageListTests;\n\t\t\tproductReference = 00E356EE1AD99517003FC87E /* RXPImageListTests.xctest */;\n\t\t\tproductType = \"com.apple.product-type.bundle.unit-test\";\n\t\t};\n\t\t13B07F861A680F5B00A75B9A /* RXPImageList */ = {\n\t\t\tisa = PBXNativeTarget;\n\t\t\tbuildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget \"RXPImageList\" */;\n\t\t\tbuildPhases = (\n\t\t\t\t13B07F871A680F5B00A75B9A /* Sources */,\n\t\t\t\t13B07F8C1A680F5B00A75B9A /* Frameworks */,\n\t\t\t\t13B07F8E1A680F5B00A75B9A /* Resources */,\n\t\t\t\t00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,\n\t\t\t);\n\t\t\tbuildRules = (\n\t\t\t);\n\t\t\tdependencies = (\n\t\t\t);\n\t\t\tname = RXPImageList;\n\t\t\tproductName = \"Hello World\";\n\t\t\tproductReference = 13B07F961A680F5B00A75B9A /* RXPImageList.app */;\n\t\t\tproductType = \"com.apple.product-type.application\";\n\t\t};\n\t\t2D02E47A1E0B4A5D006451C7 /* RXPImageList-tvOS */ = {\n\t\t\tisa = PBXNativeTarget;\n\t\t\tbuildConfigurationList = 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget \"RXPImageList-tvOS\" */;\n\t\t\tbuildPhases = (\n\t\t\t\t2D02E4771E0B4A5D006451C7 /* Sources */,\n\t\t\t\t2D02E4781E0B4A5D006451C7 /* Frameworks */,\n\t\t\t\t2D02E4791E0B4A5D006451C7 /* Resources */,\n\t\t\t\t2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */,\n\t\t\t);\n\t\t\tbuildRules = (\n\t\t\t);\n\t\t\tdependencies = (\n\t\t\t);\n\t\t\tname = \"RXPImageList-tvOS\";\n\t\t\tproductName = \"RXPImageList-tvOS\";\n\t\t\tproductReference = 2D02E47B1E0B4A5D006451C7 /* RXPImageList-tvOS.app */;\n\t\t\tproductType = \"com.apple.product-type.application\";\n\t\t};\n\t\t2D02E48F1E0B4A5D006451C7 /* RXPImageList-tvOSTests */ = {\n\t\t\tisa = PBXNativeTarget;\n\t\t\tbuildConfigurationList = 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget \"RXPImageList-tvOSTests\" */;\n\t\t\tbuildPhases = (\n\t\t\t\t2D02E48C1E0B4A5D006451C7 /* Sources */,\n\t\t\t\t2D02E48D1E0B4A5D006451C7 /* Frameworks */,\n\t\t\t\t2D02E48E1E0B4A5D006451C7 /* Resources */,\n\t\t\t);\n\t\t\tbuildRules = (\n\t\t\t);\n\t\t\tdependencies = (\n\t\t\t\t2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */,\n\t\t\t);\n\t\t\tname = \"RXPImageList-tvOSTests\";\n\t\t\tproductName = \"RXPImageList-tvOSTests\";\n\t\t\tproductReference = 2D02E4901E0B4A5D006451C7 /* RXPImageList-tvOSTests.xctest */;\n\t\t\tproductType = \"com.apple.product-type.bundle.unit-test\";\n\t\t};\n/* End PBXNativeTarget section */\n\n/* Begin PBXProject section */\n\t\t83CBB9F71A601CBA00E9B192 /* Project object */ = {\n\t\t\tisa = PBXProject;\n\t\t\tattributes = {\n\t\t\t\tLastUpgradeCheck = 0940;\n\t\t\t\tORGANIZATIONNAME = Facebook;\n\t\t\t\tTargetAttributes = {\n\t\t\t\t\t00E356ED1AD99517003FC87E = {\n\t\t\t\t\t\tCreatedOnToolsVersion = 6.2;\n\t\t\t\t\t\tTestTargetID = 13B07F861A680F5B00A75B9A;\n\t\t\t\t\t};\n\t\t\t\t\t2D02E47A1E0B4A5D006451C7 = {\n\t\t\t\t\t\tCreatedOnToolsVersion = 8.2.1;\n\t\t\t\t\t\tProvisioningStyle = Automatic;\n\t\t\t\t\t};\n\t\t\t\t\t2D02E48F1E0B4A5D006451C7 = {\n\t\t\t\t\t\tCreatedOnToolsVersion = 8.2.1;\n\t\t\t\t\t\tProvisioningStyle = Automatic;\n\t\t\t\t\t\tTestTargetID = 2D02E47A1E0B4A5D006451C7;\n\t\t\t\t\t};\n\t\t\t\t};\n\t\t\t};\n\t\t\tbuildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject \"RXPImageList\" */;\n\t\t\tcompatibilityVersion = \"Xcode 3.2\";\n\t\t\tdevelopmentRegion = English;\n\t\t\thasScannedForEncodings = 0;\n\t\t\tknownRegions = (\n\t\t\t\ten,\n\t\t\t\tBase,\n\t\t\t);\n\t\t\tmainGroup = 83CBB9F61A601CBA00E9B192;\n\t\t\tproductRefGroup = 83CBBA001A601CBA00E9B192 /* Products */;\n\t\t\tprojectDirPath = \"\";\n\t\t\tprojectReferences = (\n\t\t\t\t{\n\t\t\t\t\tProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */;\n\t\t\t\t\tProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */;\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tProductGroup = 5E91572E1DD0AC6500FF2AA8 /* Products */;\n\t\t\t\t\tProjectRef = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */;\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tProductGroup = ADBDB9201DFEBF0600ED6528 /* Products */;\n\t\t\t\t\tProjectRef = ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */;\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */;\n\t\t\t\t\tProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */;\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */;\n\t\t\t\t\tProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */;\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tProductGroup = 78C398B11ACF4ADC00677621 /* Products */;\n\t\t\t\t\tProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */;\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */;\n\t\t\t\t\tProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */;\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tProductGroup = 139105B71AF99BAD00B5F7CC /* Products */;\n\t\t\t\t\tProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */;\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tProductGroup = 832341B11AAA6A8300B99B32 /* Products */;\n\t\t\t\t\tProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */;\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */;\n\t\t\t\t\tProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */;\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tProductGroup = 139FDEE71B06529A00C62182 /* Products */;\n\t\t\t\t\tProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */;\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tProductGroup = 146834001AC3E56700842450 /* Products */;\n\t\t\t\t\tProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */;\n\t\t\t\t},\n\t\t\t);\n\t\t\tprojectRoot = \"\";\n\t\t\ttargets = (\n\t\t\t\t13B07F861A680F5B00A75B9A /* RXPImageList */,\n\t\t\t\t00E356ED1AD99517003FC87E /* RXPImageListTests */,\n\t\t\t\t2D02E47A1E0B4A5D006451C7 /* RXPImageList-tvOS */,\n\t\t\t\t2D02E48F1E0B4A5D006451C7 /* RXPImageList-tvOSTests */,\n\t\t\t);\n\t\t};\n/* End PBXProject section */\n\n/* Begin PBXReferenceProxy section */\n\t\t00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libRCTActionSheet.a;\n\t\t\tremoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libRCTGeolocation.a;\n\t\t\tremoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libRCTImage.a;\n\t\t\tremoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libRCTNetwork.a;\n\t\t\tremoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libRCTVibration.a;\n\t\t\tremoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libRCTSettings.a;\n\t\t\tremoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libRCTWebSocket.a;\n\t\t\tremoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t146834041AC3E56700842450 /* libReact.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libReact.a;\n\t\t\tremoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t2D16E6721FA4F8DC00B85C8A /* libRCTBlob-tvOS.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = \"libRCTBlob-tvOS.a\";\n\t\t\tremoteRef = 2D16E6711FA4F8DC00B85C8A /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t2D16E6841FA4F8DC00B85C8A /* libfishhook.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libfishhook.a;\n\t\t\tremoteRef = 2D16E6831FA4F8DC00B85C8A /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t2D16E6861FA4F8DC00B85C8A /* libfishhook-tvOS.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = \"libfishhook-tvOS.a\";\n\t\t\tremoteRef = 2D16E6851FA4F8DC00B85C8A /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t2DF0FFDF2056DD460020B375 /* libjsinspector.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libjsinspector.a;\n\t\t\tremoteRef = 2DF0FFDE2056DD460020B375 /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t2DF0FFE12056DD460020B375 /* libjsinspector-tvOS.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = \"libjsinspector-tvOS.a\";\n\t\t\tremoteRef = 2DF0FFE02056DD460020B375 /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t2DF0FFE32056DD460020B375 /* libthird-party.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = \"libthird-party.a\";\n\t\t\tremoteRef = 2DF0FFE22056DD460020B375 /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t2DF0FFE52056DD460020B375 /* libthird-party.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = \"libthird-party.a\";\n\t\t\tremoteRef = 2DF0FFE42056DD460020B375 /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t2DF0FFE72056DD460020B375 /* libdouble-conversion.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = \"libdouble-conversion.a\";\n\t\t\tremoteRef = 2DF0FFE62056DD460020B375 /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t2DF0FFE92056DD460020B375 /* libdouble-conversion.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = \"libdouble-conversion.a\";\n\t\t\tremoteRef = 2DF0FFE82056DD460020B375 /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t2DF0FFEB2056DD460020B375 /* libprivatedata.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libprivatedata.a;\n\t\t\tremoteRef = 2DF0FFEA2056DD460020B375 /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t2DF0FFED2056DD460020B375 /* libprivatedata-tvOS.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = \"libprivatedata-tvOS.a\";\n\t\t\tremoteRef = 2DF0FFEC2056DD460020B375 /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = \"libRCTImage-tvOS.a\";\n\t\t\tremoteRef = 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = \"libRCTLinking-tvOS.a\";\n\t\t\tremoteRef = 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = \"libRCTNetwork-tvOS.a\";\n\t\t\tremoteRef = 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = \"libRCTSettings-tvOS.a\";\n\t\t\tremoteRef = 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = \"libRCTText-tvOS.a\";\n\t\t\tremoteRef = 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = \"libRCTWebSocket-tvOS.a\";\n\t\t\tremoteRef = 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t3DAD3EA31DF850E9000B6D8A /* libReact.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libReact.a;\n\t\t\tremoteRef = 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t3DAD3EA51DF850E9000B6D8A /* libyoga.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libyoga.a;\n\t\t\tremoteRef = 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t3DAD3EA71DF850E9000B6D8A /* libyoga.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libyoga.a;\n\t\t\tremoteRef = 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libcxxreact.a;\n\t\t\tremoteRef = 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libcxxreact.a;\n\t\t\tremoteRef = 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libjschelpers.a;\n\t\t\tremoteRef = 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libjschelpers.a;\n\t\t\tremoteRef = 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libRCTAnimation.a;\n\t\t\tremoteRef = 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t5E9157351DD0AC6500FF2AA8 /* libRCTAnimation.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libRCTAnimation.a;\n\t\t\tremoteRef = 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libRCTLinking.a;\n\t\t\tremoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\t832341B51AAA6A8300B99B32 /* libRCTText.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libRCTText.a;\n\t\t\tremoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n\t\tADBDB9271DFEBF0700ED6528 /* libRCTBlob.a */ = {\n\t\t\tisa = PBXReferenceProxy;\n\t\t\tfileType = archive.ar;\n\t\t\tpath = libRCTBlob.a;\n\t\t\tremoteRef = ADBDB9261DFEBF0700ED6528 /* PBXContainerItemProxy */;\n\t\t\tsourceTree = BUILT_PRODUCTS_DIR;\n\t\t};\n/* End PBXReferenceProxy section */\n\n/* Begin PBXResourcesBuildPhase section */\n\t\t00E356EC1AD99517003FC87E /* Resources */ = {\n\t\t\tisa = PBXResourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n\t\t13B07F8E1A680F5B00A75B9A /* Resources */ = {\n\t\t\tisa = PBXResourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t\t13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,\n\t\t\t\t13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */,\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n\t\t2D02E4791E0B4A5D006451C7 /* Resources */ = {\n\t\t\tisa = PBXResourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t\t2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */,\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n\t\t2D02E48E1E0B4A5D006451C7 /* Resources */ = {\n\t\t\tisa = PBXResourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n/* End PBXResourcesBuildPhase section */\n\n/* Begin PBXShellScriptBuildPhase section */\n\t\t00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = {\n\t\t\tisa = PBXShellScriptBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\tinputPaths = (\n\t\t\t);\n\t\t\tname = \"Bundle React Native code and images\";\n\t\t\toutputPaths = (\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t\tshellPath = /bin/sh;\n\t\t\tshellScript = \"export NODE_BINARY=node\\n../node_modules/react-native/scripts/react-native-xcode.sh\";\n\t\t};\n\t\t2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */ = {\n\t\t\tisa = PBXShellScriptBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\tinputPaths = (\n\t\t\t);\n\t\t\tname = \"Bundle React Native Code And Images\";\n\t\t\toutputPaths = (\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t\tshellPath = /bin/sh;\n\t\t\tshellScript = \"export NODE_BINARY=node\\n../node_modules/react-native/scripts/react-native-xcode.sh\";\n\t\t};\n/* End PBXShellScriptBuildPhase section */\n\n/* Begin PBXSourcesBuildPhase section */\n\t\t00E356EA1AD99517003FC87E /* Sources */ = {\n\t\t\tisa = PBXSourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t\t00E356F31AD99517003FC87E /* RXPImageListTests.m in Sources */,\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n\t\t13B07F871A680F5B00A75B9A /* Sources */ = {\n\t\t\tisa = PBXSourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t\t13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */,\n\t\t\t\t13B07FC11A68108700A75B9A /* main.m in Sources */,\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n\t\t2D02E4771E0B4A5D006451C7 /* Sources */ = {\n\t\t\tisa = PBXSourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t\t2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */,\n\t\t\t\t2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */,\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n\t\t2D02E48C1E0B4A5D006451C7 /* Sources */ = {\n\t\t\tisa = PBXSourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t\t2DCD954D1E0B4F2C00145EB5 /* RXPImageListTests.m in Sources */,\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n/* End PBXSourcesBuildPhase section */\n\n/* Begin PBXTargetDependency section */\n\t\t00E356F51AD99517003FC87E /* PBXTargetDependency */ = {\n\t\t\tisa = PBXTargetDependency;\n\t\t\ttarget = 13B07F861A680F5B00A75B9A /* RXPImageList */;\n\t\t\ttargetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */;\n\t\t};\n\t\t2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */ = {\n\t\t\tisa = PBXTargetDependency;\n\t\t\ttarget = 2D02E47A1E0B4A5D006451C7 /* RXPImageList-tvOS */;\n\t\t\ttargetProxy = 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */;\n\t\t};\n/* End PBXTargetDependency section */\n\n/* Begin PBXVariantGroup section */\n\t\t13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = {\n\t\t\tisa = PBXVariantGroup;\n\t\t\tchildren = (\n\t\t\t\t13B07FB21A68108700A75B9A /* Base */,\n\t\t\t);\n\t\t\tname = LaunchScreen.xib;\n\t\t\tpath = RXPImageList;\n\t\t\tsourceTree = \"\";\n\t\t};\n/* End PBXVariantGroup section */\n\n/* Begin XCBuildConfiguration section */\n\t\t00E356F61AD99517003FC87E /* Debug */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tBUNDLE_LOADER = \"$(TEST_HOST)\";\n\t\t\t\tGCC_PREPROCESSOR_DEFINITIONS = (\n\t\t\t\t\t\"DEBUG=1\",\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t);\n\t\t\t\tINFOPLIST_FILE = RXPImageListTests/Info.plist;\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 9.0;\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = \"$(inherited) @executable_path/Frameworks @loader_path/Frameworks\";\n\t\t\t\tOTHER_LDFLAGS = (\n\t\t\t\t\t\"-ObjC\",\n\t\t\t\t\t\"-lc++\",\n\t\t\t\t);\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = \"com.create.RX.app.RXPImageList\";\n\t\t\t\tPRODUCT_NAME = \"$(TARGET_NAME)\";\n\t\t\t\tTEST_HOST = \"$(BUILT_PRODUCTS_DIR)/RXPImageList.app/RXPImageList\";\n\t\t\t};\n\t\t\tname = Debug;\n\t\t};\n\t\t00E356F71AD99517003FC87E /* Release */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tBUNDLE_LOADER = \"$(TEST_HOST)\";\n\t\t\t\tCOPY_PHASE_STRIP = NO;\n\t\t\t\tINFOPLIST_FILE = RXPImageListTests/Info.plist;\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 9.0;\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = \"$(inherited) @executable_path/Frameworks @loader_path/Frameworks\";\n\t\t\t\tOTHER_LDFLAGS = (\n\t\t\t\t\t\"-ObjC\",\n\t\t\t\t\t\"-lc++\",\n\t\t\t\t);\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = \"com.create.RX.app.RXPImageList\";\n\t\t\t\tPRODUCT_NAME = \"$(TARGET_NAME)\";\n\t\t\t\tTEST_HOST = \"$(BUILT_PRODUCTS_DIR)/RXPImageList.app/RXPImageList\";\n\t\t\t};\n\t\t\tname = Release;\n\t\t};\n\t\t13B07F941A680F5B00A75B9A /* Debug */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;\n\t\t\t\tCURRENT_PROJECT_VERSION = 1;\n\t\t\t\tDEAD_CODE_STRIPPING = NO;\n\t\t\t\tINFOPLIST_FILE = RXPImageList/Info.plist;\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = \"$(inherited) @executable_path/Frameworks\";\n\t\t\t\tOTHER_LDFLAGS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"-ObjC\",\n\t\t\t\t\t\"-lc++\",\n\t\t\t\t);\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = \"com.create.RX.app.RXPImageList\";\n\t\t\t\tPRODUCT_NAME = RXPImageList;\n\t\t\t\tVERSIONING_SYSTEM = \"apple-generic\";\n\t\t\t};\n\t\t\tname = Debug;\n\t\t};\n\t\t13B07F951A680F5B00A75B9A /* Release */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;\n\t\t\t\tCURRENT_PROJECT_VERSION = 1;\n\t\t\t\tINFOPLIST_FILE = RXPImageList/Info.plist;\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = \"$(inherited) @executable_path/Frameworks\";\n\t\t\t\tOTHER_LDFLAGS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"-ObjC\",\n\t\t\t\t\t\"-lc++\",\n\t\t\t\t);\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = \"com.create.RX.app.RXPImageList\";\n\t\t\t\tPRODUCT_NAME = RXPImageList;\n\t\t\t\tVERSIONING_SYSTEM = \"apple-generic\";\n\t\t\t};\n\t\t\tname = Release;\n\t\t};\n\t\t2D02E4971E0B4A5E006451C7 /* Debug */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tASSETCATALOG_COMPILER_APPICON_NAME = \"App Icon & Top Shelf Image\";\n\t\t\t\tASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage;\n\t\t\t\tCLANG_ANALYZER_NONNULL = YES;\n\t\t\t\tCLANG_WARN_DOCUMENTATION_COMMENTS = YES;\n\t\t\t\tCLANG_WARN_INFINITE_RECURSION = YES;\n\t\t\t\tCLANG_WARN_SUSPICIOUS_MOVE = YES;\n\t\t\t\tDEBUG_INFORMATION_FORMAT = dwarf;\n\t\t\t\tENABLE_TESTABILITY = YES;\n\t\t\t\tGCC_NO_COMMON_BLOCKS = YES;\n\t\t\t\tINFOPLIST_FILE = \"RXPImageList-tvOS/Info.plist\";\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = \"$(inherited) @executable_path/Frameworks\";\n\t\t\t\tOTHER_LDFLAGS = (\n\t\t\t\t\t\"-ObjC\",\n\t\t\t\t\t\"-lc++\",\n\t\t\t\t);\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = \"com.create.RX.app.RXPImageList-tvOS\";\n\t\t\t\tPRODUCT_NAME = \"$(TARGET_NAME)\";\n\t\t\t\tSDKROOT = appletvos;\n\t\t\t\tTARGETED_DEVICE_FAMILY = 3;\n\t\t\t\tTVOS_DEPLOYMENT_TARGET = 9.2;\n\t\t\t};\n\t\t\tname = Debug;\n\t\t};\n\t\t2D02E4981E0B4A5E006451C7 /* Release */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tASSETCATALOG_COMPILER_APPICON_NAME = \"App Icon & Top Shelf Image\";\n\t\t\t\tASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage;\n\t\t\t\tCLANG_ANALYZER_NONNULL = YES;\n\t\t\t\tCLANG_WARN_DOCUMENTATION_COMMENTS = YES;\n\t\t\t\tCLANG_WARN_INFINITE_RECURSION = YES;\n\t\t\t\tCLANG_WARN_SUSPICIOUS_MOVE = YES;\n\t\t\t\tCOPY_PHASE_STRIP = NO;\n\t\t\t\tDEBUG_INFORMATION_FORMAT = \"dwarf-with-dsym\";\n\t\t\t\tGCC_NO_COMMON_BLOCKS = YES;\n\t\t\t\tINFOPLIST_FILE = \"RXPImageList-tvOS/Info.plist\";\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = \"$(inherited) @executable_path/Frameworks\";\n\t\t\t\tOTHER_LDFLAGS = (\n\t\t\t\t\t\"-ObjC\",\n\t\t\t\t\t\"-lc++\",\n\t\t\t\t);\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = \"com.create.RX.app.RXPImageList-tvOS\";\n\t\t\t\tPRODUCT_NAME = \"$(TARGET_NAME)\";\n\t\t\t\tSDKROOT = appletvos;\n\t\t\t\tTARGETED_DEVICE_FAMILY = 3;\n\t\t\t\tTVOS_DEPLOYMENT_TARGET = 9.2;\n\t\t\t};\n\t\t\tname = Release;\n\t\t};\n\t\t2D02E4991E0B4A5E006451C7 /* Debug */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tBUNDLE_LOADER = \"$(TEST_HOST)\";\n\t\t\t\tCLANG_ANALYZER_NONNULL = YES;\n\t\t\t\tCLANG_WARN_DOCUMENTATION_COMMENTS = YES;\n\t\t\t\tCLANG_WARN_INFINITE_RECURSION = YES;\n\t\t\t\tCLANG_WARN_SUSPICIOUS_MOVE = YES;\n\t\t\t\tDEBUG_INFORMATION_FORMAT = dwarf;\n\t\t\t\tENABLE_TESTABILITY = YES;\n\t\t\t\tGCC_NO_COMMON_BLOCKS = YES;\n\t\t\t\tINFOPLIST_FILE = \"RXPImageList-tvOSTests/Info.plist\";\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = \"$(inherited) @executable_path/Frameworks @loader_path/Frameworks\";\n\t\t\t\tOTHER_LDFLAGS = (\n\t\t\t\t\t\"-ObjC\",\n\t\t\t\t\t\"-lc++\",\n\t\t\t\t);\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = \"com.create.RX.app.RXPImageList-tvOSTests\";\n\t\t\t\tPRODUCT_NAME = \"$(TARGET_NAME)\";\n\t\t\t\tSDKROOT = appletvos;\n\t\t\t\tTEST_HOST = \"$(BUILT_PRODUCTS_DIR)/RXPImageList-tvOS.app/RXPImageList-tvOS\";\n\t\t\t\tTVOS_DEPLOYMENT_TARGET = 10.1;\n\t\t\t};\n\t\t\tname = Debug;\n\t\t};\n\t\t2D02E49A1E0B4A5E006451C7 /* Release */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tBUNDLE_LOADER = \"$(TEST_HOST)\";\n\t\t\t\tCLANG_ANALYZER_NONNULL = YES;\n\t\t\t\tCLANG_WARN_DOCUMENTATION_COMMENTS = YES;\n\t\t\t\tCLANG_WARN_INFINITE_RECURSION = YES;\n\t\t\t\tCLANG_WARN_SUSPICIOUS_MOVE = YES;\n\t\t\t\tCOPY_PHASE_STRIP = NO;\n\t\t\t\tDEBUG_INFORMATION_FORMAT = \"dwarf-with-dsym\";\n\t\t\t\tGCC_NO_COMMON_BLOCKS = YES;\n\t\t\t\tINFOPLIST_FILE = \"RXPImageList-tvOSTests/Info.plist\";\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = \"$(inherited) @executable_path/Frameworks @loader_path/Frameworks\";\n\t\t\t\tOTHER_LDFLAGS = (\n\t\t\t\t\t\"-ObjC\",\n\t\t\t\t\t\"-lc++\",\n\t\t\t\t);\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = \"com.create.RX.app.RXPImageList-tvOSTests\";\n\t\t\t\tPRODUCT_NAME = \"$(TARGET_NAME)\";\n\t\t\t\tSDKROOT = appletvos;\n\t\t\t\tTEST_HOST = \"$(BUILT_PRODUCTS_DIR)/RXPImageList-tvOS.app/RXPImageList-tvOS\";\n\t\t\t\tTVOS_DEPLOYMENT_TARGET = 10.1;\n\t\t\t};\n\t\t\tname = Release;\n\t\t};\n\t\t83CBBA201A601CBA00E9B192 /* Debug */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tALWAYS_SEARCH_USER_PATHS = NO;\n\t\t\t\tCLANG_CXX_LANGUAGE_STANDARD = \"gnu++0x\";\n\t\t\t\tCLANG_CXX_LIBRARY = \"libc++\";\n\t\t\t\tCLANG_ENABLE_MODULES = YES;\n\t\t\t\tCLANG_ENABLE_OBJC_ARC = YES;\n\t\t\t\tCLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;\n\t\t\t\tCLANG_WARN_BOOL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_COMMA = YES;\n\t\t\t\tCLANG_WARN_CONSTANT_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;\n\t\t\t\tCLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;\n\t\t\t\tCLANG_WARN_EMPTY_BODY = YES;\n\t\t\t\tCLANG_WARN_ENUM_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_INFINITE_RECURSION = YES;\n\t\t\t\tCLANG_WARN_INT_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;\n\t\t\t\tCLANG_WARN_OBJC_LITERAL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;\n\t\t\t\tCLANG_WARN_RANGE_LOOP_ANALYSIS = YES;\n\t\t\t\tCLANG_WARN_STRICT_PROTOTYPES = YES;\n\t\t\t\tCLANG_WARN_SUSPICIOUS_MOVE = YES;\n\t\t\t\tCLANG_WARN_UNREACHABLE_CODE = YES;\n\t\t\t\tCLANG_WARN__DUPLICATE_METHOD_MATCH = YES;\n\t\t\t\t\"CODE_SIGN_IDENTITY[sdk=iphoneos*]\" = \"iPhone Developer\";\n\t\t\t\tCOPY_PHASE_STRIP = NO;\n\t\t\t\tENABLE_STRICT_OBJC_MSGSEND = YES;\n\t\t\t\tENABLE_TESTABILITY = YES;\n\t\t\t\tGCC_C_LANGUAGE_STANDARD = gnu99;\n\t\t\t\tGCC_DYNAMIC_NO_PIC = NO;\n\t\t\t\tGCC_NO_COMMON_BLOCKS = YES;\n\t\t\t\tGCC_OPTIMIZATION_LEVEL = 0;\n\t\t\t\tGCC_PREPROCESSOR_DEFINITIONS = (\n\t\t\t\t\t\"DEBUG=1\",\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t);\n\t\t\t\tGCC_SYMBOLS_PRIVATE_EXTERN = NO;\n\t\t\t\tGCC_WARN_64_TO_32_BIT_CONVERSION = YES;\n\t\t\t\tGCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;\n\t\t\t\tGCC_WARN_UNDECLARED_SELECTOR = YES;\n\t\t\t\tGCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;\n\t\t\t\tGCC_WARN_UNUSED_FUNCTION = YES;\n\t\t\t\tGCC_WARN_UNUSED_VARIABLE = YES;\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 9.0;\n\t\t\t\tMTL_ENABLE_DEBUG_INFO = YES;\n\t\t\t\tONLY_ACTIVE_ARCH = YES;\n\t\t\t\tSDKROOT = iphoneos;\n\t\t\t};\n\t\t\tname = Debug;\n\t\t};\n\t\t83CBBA211A601CBA00E9B192 /* Release */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tALWAYS_SEARCH_USER_PATHS = NO;\n\t\t\t\tCLANG_CXX_LANGUAGE_STANDARD = \"gnu++0x\";\n\t\t\t\tCLANG_CXX_LIBRARY = \"libc++\";\n\t\t\t\tCLANG_ENABLE_MODULES = YES;\n\t\t\t\tCLANG_ENABLE_OBJC_ARC = YES;\n\t\t\t\tCLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;\n\t\t\t\tCLANG_WARN_BOOL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_COMMA = YES;\n\t\t\t\tCLANG_WARN_CONSTANT_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;\n\t\t\t\tCLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;\n\t\t\t\tCLANG_WARN_EMPTY_BODY = YES;\n\t\t\t\tCLANG_WARN_ENUM_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_INFINITE_RECURSION = YES;\n\t\t\t\tCLANG_WARN_INT_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;\n\t\t\t\tCLANG_WARN_OBJC_LITERAL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;\n\t\t\t\tCLANG_WARN_RANGE_LOOP_ANALYSIS = YES;\n\t\t\t\tCLANG_WARN_STRICT_PROTOTYPES = YES;\n\t\t\t\tCLANG_WARN_SUSPICIOUS_MOVE = YES;\n\t\t\t\tCLANG_WARN_UNREACHABLE_CODE = YES;\n\t\t\t\tCLANG_WARN__DUPLICATE_METHOD_MATCH = YES;\n\t\t\t\t\"CODE_SIGN_IDENTITY[sdk=iphoneos*]\" = \"iPhone Developer\";\n\t\t\t\tCOPY_PHASE_STRIP = YES;\n\t\t\t\tENABLE_NS_ASSERTIONS = NO;\n\t\t\t\tENABLE_STRICT_OBJC_MSGSEND = YES;\n\t\t\t\tGCC_C_LANGUAGE_STANDARD = gnu99;\n\t\t\t\tGCC_NO_COMMON_BLOCKS = YES;\n\t\t\t\tGCC_WARN_64_TO_32_BIT_CONVERSION = YES;\n\t\t\t\tGCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;\n\t\t\t\tGCC_WARN_UNDECLARED_SELECTOR = YES;\n\t\t\t\tGCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;\n\t\t\t\tGCC_WARN_UNUSED_FUNCTION = YES;\n\t\t\t\tGCC_WARN_UNUSED_VARIABLE = YES;\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 9.0;\n\t\t\t\tMTL_ENABLE_DEBUG_INFO = NO;\n\t\t\t\tSDKROOT = iphoneos;\n\t\t\t\tVALIDATE_PRODUCT = YES;\n\t\t\t};\n\t\t\tname = Release;\n\t\t};\n/* End XCBuildConfiguration section */\n\n/* Begin XCConfigurationList section */\n\t\t00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget \"RXPImageListTests\" */ = {\n\t\t\tisa = XCConfigurationList;\n\t\t\tbuildConfigurations = (\n\t\t\t\t00E356F61AD99517003FC87E /* Debug */,\n\t\t\t\t00E356F71AD99517003FC87E /* Release */,\n\t\t\t);\n\t\t\tdefaultConfigurationIsVisible = 0;\n\t\t\tdefaultConfigurationName = Release;\n\t\t};\n\t\t13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget \"RXPImageList\" */ = {\n\t\t\tisa = XCConfigurationList;\n\t\t\tbuildConfigurations = (\n\t\t\t\t13B07F941A680F5B00A75B9A /* Debug */,\n\t\t\t\t13B07F951A680F5B00A75B9A /* Release */,\n\t\t\t);\n\t\t\tdefaultConfigurationIsVisible = 0;\n\t\t\tdefaultConfigurationName = Release;\n\t\t};\n\t\t2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget \"RXPImageList-tvOS\" */ = {\n\t\t\tisa = XCConfigurationList;\n\t\t\tbuildConfigurations = (\n\t\t\t\t2D02E4971E0B4A5E006451C7 /* Debug */,\n\t\t\t\t2D02E4981E0B4A5E006451C7 /* Release */,\n\t\t\t);\n\t\t\tdefaultConfigurationIsVisible = 0;\n\t\t\tdefaultConfigurationName = Release;\n\t\t};\n\t\t2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget \"RXPImageList-tvOSTests\" */ = {\n\t\t\tisa = XCConfigurationList;\n\t\t\tbuildConfigurations = (\n\t\t\t\t2D02E4991E0B4A5E006451C7 /* Debug */,\n\t\t\t\t2D02E49A1E0B4A5E006451C7 /* Release */,\n\t\t\t);\n\t\t\tdefaultConfigurationIsVisible = 0;\n\t\t\tdefaultConfigurationName = Release;\n\t\t};\n\t\t83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject \"RXPImageList\" */ = {\n\t\t\tisa = XCConfigurationList;\n\t\t\tbuildConfigurations = (\n\t\t\t\t83CBBA201A601CBA00E9B192 /* Debug */,\n\t\t\t\t83CBBA211A601CBA00E9B192 /* Release */,\n\t\t\t);\n\t\t\tdefaultConfigurationIsVisible = 0;\n\t\t\tdefaultConfigurationName = Release;\n\t\t};\n/* End XCConfigurationList section */\n\t};\n\trootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;\n}\n"
},
{
"path": "samples/ImageList/ios/RXPImageList.xcodeproj/xcshareddata/xcschemes/RXPImageList-tvOS.xcscheme",
"content": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n"
},
{
"path": "samples/ImageList/ios/RXPImageList.xcodeproj/xcshareddata/xcschemes/RXPImageList.xcscheme",
"content": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n"
},
{
"path": "samples/ImageList/ios/RXPImageListTests/Info.plist",
"content": "\n\n\n\n\tCFBundleDevelopmentRegion \n\ten \n\tCFBundleExecutable \n\t$(EXECUTABLE_NAME) \n\tCFBundleIdentifier \n\t$(PRODUCT_BUNDLE_IDENTIFIER) \n\tCFBundleInfoDictionaryVersion \n\t6.0 \n\tCFBundleName \n\t$(PRODUCT_NAME) \n\tCFBundlePackageType \n\tBNDL \n\tCFBundleShortVersionString \n\t1.0 \n\tCFBundleSignature \n\t???? \n\tCFBundleVersion \n\t1 \n \n \n"
},
{
"path": "samples/ImageList/ios/RXPImageListTests/RXPImageListTests.m",
"content": "/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n#import \n#import \n\n#import \n#import \n\n#define TIMEOUT_SECONDS 600\n#define TEXT_TO_LOOK_FOR @\"Welcome to React Native!\"\n\n@interface RXPImageListTests : XCTestCase\n\n@end\n\n@implementation RXPImageListTests\n\n- (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test\n{\n if (test(view)) {\n return YES;\n }\n for (UIView *subview in [view subviews]) {\n if ([self findSubviewInView:subview matching:test]) {\n return YES;\n }\n }\n return NO;\n}\n\n- (void)testRendersWelcomeScreen\n{\n UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController];\n NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS];\n BOOL foundElement = NO;\n\n __block NSString *redboxError = nil;\n RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {\n if (level >= RCTLogLevelError) {\n redboxError = message;\n }\n });\n\n while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) {\n [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];\n [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];\n\n foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) {\n if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) {\n return YES;\n }\n return NO;\n }];\n }\n\n RCTSetLogFunction(RCTDefaultLogFunction);\n\n XCTAssertNil(redboxError, @\"RedBox error: %@\", redboxError);\n XCTAssertTrue(foundElement, @\"Couldn't find element with text '%@' in %d seconds\", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS);\n}\n\n\n@end\n"
},
{
"path": "samples/ImageList/jest/enzyme.config.js",
"content": "import Enzyme from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\n\nEnzyme.configure({ adapter: new Adapter() });\n"
},
{
"path": "samples/ImageList/jest/jest.config.js",
"content": "module.exports = {\n rootDir: '../',\n roots: ['/src'],\n\n moduleFileExtensions: [\n 'ts', 'tsx', 'js', 'json', 'node',\n ],\n\n moduleDirectories: ['node_modules'],\n\n snapshotSerializers: [\n 'enzyme-to-json/serializer',\n ],\n\n setupFiles: [\n '/jest/enzyme.config.js',\n ],\n\n testRegex: '(/__tests__/.*|(\\\\.|/)(test|spec))\\\\.((t|j)sx?)$',\n};\n"
},
{
"path": "samples/ImageList/metro.config.js",
"content": "module.exports = {\n transformer: {\n getTransformOptions: async () => ({\n transform: { experimentalImportSupport: false, inlineRequires: false },\n }),\n },\n};\n"
},
{
"path": "samples/ImageList/package.json",
"content": "{\n \"name\": \"rxpimagelist\",\n \"private\": true,\n \"main\": \"index.js\",\n \"version\": \"2.0.0\",\n \"scripts\": {\n \"rn-cli\": \"node scripts/react-native.js\",\n \"start:android\": \"npm run rn-cli run-android\",\n \"start:windows\": \"npm run rn-cli run-windows\",\n \"start:ios\": \"npm run rn-cli run-ios\",\n \"start:web\": \"cross-env platform=web webpack-dev-server --config=web/webpack/dev.js --progress --colors --mode=development\",\n \"start:rn-dev-server\": \"npm run rn-cli start --reset-cache\",\n \"build:web\": \"cross-env platform=web webpack --config=web/webpack/prod.js --progress --colors --mode=production\",\n \"test\": \"jest -c jest/jest.config.js\",\n \"test:watch\": \"npm run test --watch\",\n \"test:debug\": \"node --inspect-brk node_modules/.bin/jest -c jest/jest.config.js --runInBand\",\n \"build:types\": \"tsc --emitDeclarationOnly\",\n \"type-check\": \"tsc --noEmit\",\n \"type-check:watch\": \"npm run type-check -w\",\n \"lint\": \"eslint --config .eslintrc --ext .ts,.tsx src\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"7.7.4\",\n \"@babel/plugin-proposal-decorators\": \"7.7.4\",\n \"@babel/preset-env\": \"7.7.4\",\n \"@react-native-community/cli\": \"9.3.2\",\n \"@types/enzyme\": \"3.10.3\",\n \"@types/jest\": \"24.0.23\",\n \"@typescript-eslint/eslint-plugin\": \"2.9.0\",\n \"@typescript-eslint/parser\": \"2.9.0\",\n \"babel-loader\": \"8.3.0\",\n \"compression-webpack-plugin\": \"3.0.0\",\n \"cross-env\": \"6.0.3\",\n \"enzyme\": \"3.10.0\",\n \"enzyme-adapter-react-16\": \"1.15.1\",\n \"enzyme-to-json\": \"3.4.3\",\n \"eslint\": \"6.7.1\",\n \"eslint-loader\": \"4.0.2\",\n \"eslint-plugin-jest\": \"23.1.0\",\n \"eslint-plugin-react\": \"7.17.0\",\n \"eslint-plugin-reactxp\": \"0.1.7\",\n \"fork-ts-checker-webpack-plugin\": \"3.1.1\",\n \"html-webpack-plugin\": \"5.5.0\",\n \"jest\": \"29.1.2\",\n \"metro-react-native-babel-preset\": \"0.57.0\",\n \"rnpm-plugin-windows\": \"0.3.8\",\n \"typescript\": \"3.7.2\",\n \"webpack\": \"5.75.0\",\n \"webpack-cli\": \"5.0.1\",\n \"webpack-dev-server\": \"3.9.0\",\n \"webpack-merge\": \"4.2.2\"\n },\n \"dependencies\": {\n \"react\": \"16.12.0\",\n \"react-dom\": \"16.12.0\",\n \"react-native\": \"0.70.6\",\n \"react-native-windows\": \"0.59.0-rc.3\",\n \"reactxp\": \"^2.0.0\",\n \"reactxp-virtuallistview\": \"^2.1.0\",\n \"resub\": \"^1.2.2\",\n \"simplerestclients\": \"^0.2.11\",\n \"synctasks\": \"^0.3.3\"\n }\n}\n"
},
{
"path": "samples/ImageList/scripts/react-native.js",
"content": "require('@react-native-community/cli').run();"
},
{
"path": "samples/ImageList/src/App.tsx",
"content": "/**\n * Main entry point for sample image fetching app.\n */\n\nimport * as React from 'react';\nimport * as RX from 'reactxp';\n\nimport { DEBUG, DEV } from './config';\nimport RootView from './views/RootView';\n\nclass App {\n init() {\n RX.App.initialize(DEBUG, DEV);\n RX.UserInterface.setMainView(this._renderRootView());\n }\n\n private _renderRootView() {\n return (\n {\n readonly state: SearchFieldState = { value: '' };\n\n render() {\n return (\n {\n const url = this._buildUrl(query, limit, offset, rating);\n\n return this._performApiCall(url, 'GET', undefined, undefined)\n .then(response => {\n if (!response.body || !response.body.data) {\n return [];\n }\n\n return response.body.data.map(this._normilizeResponse);\n });\n }\n\n private _buildUrl = (query: string, limit: number, offset: number, rating: string): string => (\n `?api_key=${ GIPHY_API_KEY }&q=${ encodeURIComponent(query) }&limit=${ limit }&offset=${ offset }&rating=${ rating }`\n )\n\n private _normilizeResponse = ({ images }: GiphyDataImage): GiphySearchResult => ({\n originalUrl: images.original.url,\n smallUrl: images.fixed_height.url\n })\n}\n\nexport default new GiphyClient(GIPHY_API_URL);\n"
},
{
"path": "samples/ImageList/src/stores/ImageStore.ts",
"content": "/**\n * Basic store based on ReSub.\n */\n\nimport * as SyncTasks from 'synctasks';\nimport { StoreBase, AutoSubscribeStore, autoSubscribe } from 'resub';\n\nimport GiphyClient from '../services/GiphyClient';\n\nexport interface Image {\n originalUrl: string;\n smallUrl: string;\n}\n\n@AutoSubscribeStore\nexport class ImageStore extends StoreBase {\n private _isSearchPending = false;\n private _isFirstSearch = true;\n private _lastSearchQuery = '';\n private _searchQuery = '';\n private _images: Image[] = [];\n\n private _request: SyncTasks.Promise | null = null;\n\n @autoSubscribe\n getImages() {\n return this._images;\n }\n\n @autoSubscribe\n getSearchQuery() {\n return this._searchQuery;\n }\n\n @autoSubscribe\n isPerformingSearch() {\n return this._isSearchPending;\n }\n\n @autoSubscribe\n isFirstSearch() {\n return this._isFirstSearch;\n }\n\n updateImages(searchQuery: string) {\n const searchQueryTrimmed = searchQuery.trim();\n this._searchQuery = searchQuery;\n\n if (this._shouldSkipSearch(searchQueryTrimmed)) {\n return;\n }\n\n this._isFirstSearch = false;\n this._lastSearchQuery = searchQueryTrimmed;\n this._images = [];\n\n // If the query is empty, don't bother with the API call.\n if (!searchQuery) {\n this._cancelPreviousSearch();\n this.trigger();\n return;\n }\n\n this._isSearchPending = true;\n this.trigger();\n\n this._cancelPreviousSearch();\n this._request = this._searchImages(searchQuery);\n }\n\n private _searchImages(query: string): SyncTasks.Promise {\n return GiphyClient.searchImages(query)\n .then(images => {\n this._images = images;\n this._isSearchPending = false;\n this.trigger();\n })\n .catch(({ canceled }) => {\n if (!canceled) {\n this._isSearchPending = false;\n this.trigger();\n }\n });\n }\n\n private _cancelPreviousSearch(): void {\n if (this._request) {\n this._request.cancel();\n this._request = null;\n }\n }\n\n // If this is the same as the last query or initial query is empty - don't bother.\n private _shouldSkipSearch(query: string): boolean {\n return (!query && !this._images.length) || (query === this._lastSearchQuery);\n }\n}\n\nexport default new ImageStore();\n"
},
{
"path": "samples/ImageList/src/views/ImageList.tsx",
"content": "/**\n * Displays a simple list of images.\n */\n\nimport * as React from 'react';\nimport * as RX from 'reactxp';\nimport { ComponentBase } from 'resub';\nimport { VirtualListView, VirtualListViewItemInfo, VirtualListViewCellRenderDetails } from 'reactxp-virtuallistview';\n\nimport ImageStore, { Image } from '../stores/ImageStore';\n\ninterface ImageListItemInfo extends VirtualListViewItemInfo {\n image: Image;\n}\n\ninterface ImageListState {\n isPerformingSearch: boolean;\n isFirstSearch: boolean;\n searchQuery: string;\n images: ImageListItemInfo[];\n}\n\nconst _itemHeight = 120;\n\nconst _styles = {\n list: RX.Styles.createViewStyle({\n backgroundColor: '#fff',\n flexDirection: 'column',\n alignSelf: 'stretch',\n margin: 0\n }),\n row: RX.Styles.createViewStyle({\n borderBottomWidth: 1,\n borderTopWidth: 1,\n borderColor: '#ccc',\n borderStyle: 'solid',\n flexDirection: 'row',\n alignItems: 'center',\n flex: 1,\n height: _itemHeight\n }),\n image: RX.Styles.createImageStyle({\n height: 100,\n width: 133\n }),\n main: RX.Styles.createViewStyle({\n justifyContent: 'center',\n alignItems: 'center',\n alignSelf: 'stretch',\n flex: 1\n }),\n labelText: RX.Styles.createTextStyle({\n textAlign: 'center',\n fontSize: 30\n }),\n linkText: RX.Styles.createLinkStyle({\n padding: 12,\n fontSize: 14,\n color: 'blue',\n flex: -1\n }),\n searchQueryText: RX.Styles.createTextStyle({\n fontWeight: 'bold',\n fontSize: 30\n })\n};\n\nexport class ImageList extends ComponentBase<{}, ImageListState> {\n render() {\n const { isPerformingSearch, isFirstSearch, searchQuery, images } = this.state;\n\n // If the search is pending, render a spinner.\n if (isPerformingSearch) {\n return (\n \n \n );\n }\n\n if (!isFirstSearch && !images.length && searchQuery) {\n return (\n \n \n No Results for { searchQuery } \n \n \n );\n }\n\n return (\n ) => {\n const item = details.item;\n return (\n \n \n { item.image.originalUrl }\n \n \n );\n }\n\n private _normilizeImage = (image: Image) => ({\n template: 'image',\n height: _itemHeight,\n image,\n key: image.smallUrl\n })\n}\n\nexport default ImageList;\n"
},
{
"path": "samples/ImageList/src/views/RootView.tsx",
"content": "/**\n * RootView.tsx\n *\n * Display first screen of the image list sample application.\n */\n\nimport * as React from 'react';\nimport * as RX from 'reactxp';\n\nimport ImageStore from '../stores/ImageStore';\nimport SearchField from '../controls/SearchField';\nimport ImageList from './ImageList';\n\nconst _styles = {\n main: RX.Styles.createViewStyle({\n alignSelf: 'stretch',\n flex: 1\n }),\n images: RX.Styles.createViewStyle({\n marginTop: 10,\n padding: 10,\n alignSelf: 'stretch',\n flex: 1\n }),\n statusSpacer: RX.Styles.createViewStyle({\n marginTop: 22\n })\n};\n\nclass RootView extends RX.Component {\n render() {\n return (\n \n \n \n \n );\n }\n\n private _updateImages = (query: string) => (\n ImageStore.updateImages(query)\n )\n}\n\nexport default RootView;\n"
},
{
"path": "samples/ImageList/tsconfig.json",
"content": "{\n \"compilerOptions\": {\n \"forceConsistentCasingInFileNames\": true,\n \"strictPropertyInitialization\": true,\n \"allowSyntheticDefaultImports\": true,\n \"experimentalDecorators\": true,\n \"noUnusedParameters\": true,\n \"noImplicitReturns\": true,\n \"moduleResolution\": \"node\",\n \"strictNullChecks\": true,\n \"esModuleInterop\": true,\n \"noUnusedLocals\": true,\n \"noImplicitThis\": true,\n \"declarationDir\": \"dist-types\",\n \"importHelpers\": true,\n \"noImplicitAny\": true,\n \"skipLibCheck\": true,\n \"declaration\": true,\n \"jsxFactory\": \"React\",\n \"noResolve\": false,\n \"module\": \"es2015\",\n \"target\": \"es2015\",\n \"jsx\": \"react\",\n \"lib\": [\"es5\", \"es2015\", \"dom\"]\n },\n\n \"include\": [\"src/**/*\"],\n \"exclude\": [\"node_modules\"]\n}"
},
{
"path": "samples/ImageList/web/index.hmr.js",
"content": "import '../index';\nmodule.hot.accept();\n"
},
{
"path": "samples/ImageList/web/template.html",
"content": "\n\n\n \n RXPImageList \n \n\n\n \n\n"
},
{
"path": "samples/ImageList/web/webpack/common.js",
"content": "const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');\nconst HtmlWebpackPlugin = require('html-webpack-plugin');\nconst webpack = require('webpack');\nconst path = require('path');\n\nconst ROOT_PATH = path.join(__dirname, '..', '..');\nconst DIST_PATH = path.join(ROOT_PATH, 'dist-web');\nconst APP_PATH = path.join(ROOT_PATH, 'src');\nconst WEB_PATH = path.join(ROOT_PATH, 'web');\nconst TS_CONFIG_PATH = path.join(ROOT_PATH, 'tsconfig.json');\n\nconst buildConfig = (env, argv) => ({\n entry: ROOT_PATH,\n\n resolve: {\n extensions: ['.ts', '.tsx', '.js'],\n },\n\n module: {\n rules: [\n { test: /\\.jsx?$/, loader: 'eslint-loader', include: APP_PATH, enforce: 'pre' },\n { test: /\\.tsx?$/, loader: 'babel-loader', include: APP_PATH }\n ],\n },\n\n plugins: [\n new webpack.DefinePlugin({ __DEV__: argv.mode === 'development' }),\n new HtmlWebpackPlugin({ inject: true, template: path.join(WEB_PATH, 'template.html') }),\n new ForkTsCheckerWebpackPlugin({ tsconfig: TS_CONFIG_PATH, async: true }),\n ],\n});\n\nmodule.exports = {\n buildConfig,\n APP_PATH,\n DIST_PATH,\n WEB_PATH,\n};\n"
},
{
"path": "samples/ImageList/web/webpack/dev.js",
"content": "const webpack = require('webpack');\nconst merge = require('webpack-merge');\nconst path = require('path');\nconst { buildConfig, APP_PATH, WEB_PATH } = require('./common');\n\nmodule.exports = (env, argv) => (\n merge(buildConfig(env, argv), {\n entry: path.join(WEB_PATH, 'index.hmr.js'),\n devtool: 'inline-source-map',\n\n plugins: [\n new webpack.HotModuleReplacementPlugin(),\n ],\n\n devServer: {\n contentBase: APP_PATH,\n openPage: '',\n inline: true,\n stats: 'minimal',\n open: true,\n port: 9999,\n hot: true,\n },\n })\n);\n"
},
{
"path": "samples/ImageList/web/webpack/prod.js",
"content": "const CompressionPlugin = require('compression-webpack-plugin');\nconst merge = require('webpack-merge');\nconst { buildConfig, DIST_PATH } = require('./common');\n\nmodule.exports = (env, argv) => merge(buildConfig(env, argv), {\n devtool: false,\n\n output: {\n filename: 'bundle-[hash].js',\n path: DIST_PATH,\n },\n\n plugins: [\n new CompressionPlugin({ algorithm: 'gzip', filename: '[path].gz' }),\n ],\n});\n"
},
{
"path": "samples/ImageList/windows/.gitignore",
"content": "*AppPackages*\n*BundleArtifacts*\n\n#OS junk files\n[Tt]humbs.db\n*.DS_Store\n\n#Visual Studio files\n*.[Oo]bj\n*.user\n*.aps\n*.pch\n*.vspscc\n*.vssscc\n*_i.c\n*_p.c\n*.ncb\n*.suo\n*.tlb\n*.tlh\n*.bak\n*.[Cc]ache\n*.ilk\n*.log\n*.lib\n*.sbr\n*.sdf\n*.opensdf\n*.opendb\n*.unsuccessfulbuild\nipch/\n[Oo]bj/\n[Bb]in\n[Dd]ebug*/\n[Rr]elease*/\nAnkh.NoLoad\n\n# Visual C++ cache files\nipch/\n*.aps\n*.ncb\n*.opendb\n*.opensdf\n*.sdf\n*.cachefile\n*.VC.db\n*.VC.VC.opendb\n\n#MonoDevelop\n*.pidb\n*.userprefs\n\n#Tooling\n_ReSharper*/\n*.resharper\n[Tt]est[Rr]esult*\n*.sass-cache\n\n#Project files\n[Bb]uild/\n\n#Subversion files\n.svn\n\n# Office Temp Files\n~$*\n\n# vim Temp Files\n*~\n\n#NuGet\npackages/\n*.nupkg\n\n#ncrunch\n*ncrunch*\n*crunch*.local.xml\n\n# visual studio database projects\n*.dbmdl\n\n#Test files\n*.testsettings\n\n#Other files\n*.DotSettings\n.vs/\n*project.lock.json\n"
},
{
"path": "samples/ImageList/windows/RXPImageList/App.xaml",
"content": "\n\n\n"
},
{
"path": "samples/ImageList/windows/RXPImageList/App.xaml.cs",
"content": "using ReactNative;\n\nnamespace RXPImageList\n{\n /// \n /// Provides application-specific behavior to supplement the default Application class.\n /// \n sealed partial class App : ReactApplication\n {\n private readonly ReactNativeHost _host = new MainReactNativeHost();\n\n /// \n /// Initializes the singleton application object. This is the first line of authored code\n /// executed, and as such is the logical equivalent of main() or WinMain().\n /// \n public App()\n {\n this.InitializeComponent();\n }\n\n /// \n /// The React Native host.\n /// \n public override ReactNativeHost Host => _host;\n }\n}\n"
},
{
"path": "samples/ImageList/windows/RXPImageList/MainReactNativeHost.cs",
"content": "using ReactNative;\nusing ReactNative.Modules.Core;\nusing ReactNative.Shell;\nusing System.Collections.Generic;\n\nnamespace RXPImageList\n{\n class MainReactNativeHost : ReactNativeHost\n {\n public override string MainComponentName => \"RXApp\";\n\n#if !BUNDLE || DEBUG\n public override bool UseDeveloperSupport => true;\n#else\n public override bool UseDeveloperSupport => false;\n#endif\n\n protected override string JavaScriptMainModuleName => \"index\";\n\n#if BUNDLE\n protected override string JavaScriptBundleFile => \"ms-appx:///ReactAssets/index.windows.bundle\";\n#endif\n\n protected override List Packages => new List\n {\n new MainReactPackage(),\n };\n }\n}\n"
},
{
"path": "samples/ImageList/windows/RXPImageList/Package.appxmanifest",
"content": "\n\n\n\n \n\n \n RXPImageList \n React Native for UWP \n Assets\\StoreLogo.png \n \n\n \n \n\n \n \n \n\n \n \n \n \n \n \n\n \n \n"
},
{
"path": "samples/ImageList/windows/RXPImageList/Properties/AssemblyInfo.cs",
"content": "using System.Reflection;\nusing System.Runtime.CompilerServices;\nusing System.Runtime.InteropServices;\n\n// General Information about an assembly is controlled through the following\n// set of attributes. Change these attribute values to modify the information\n// associated with an assembly.\n[assembly: AssemblyTitle(\"RXPImageList\")]\n[assembly: AssemblyDescription(\"\")]\n[assembly: AssemblyConfiguration(\"\")]\n[assembly: AssemblyCompany(\"\")]\n[assembly: AssemblyProduct(\"RXPImageList\")]\n[assembly: AssemblyCopyright(\"Copyright © 2016\")]\n[assembly: AssemblyTrademark(\"\")]\n[assembly: AssemblyCulture(\"\")]\n\n// Version information for an assembly consists of the following four values:\n//\n// Major Version\n// Minor Version\n// Build Number\n// Revision\n//\n// You can specify all the values or you can default the Build and Revision Numbers\n// by using the '*' as shown below:\n// [assembly: AssemblyVersion(\"1.0.*\")]\n[assembly: AssemblyVersion(\"1.0.0.0\")]\n[assembly: AssemblyFileVersion(\"1.0.0.0\")]\n[assembly: ComVisible(false)]"
},
{
"path": "samples/ImageList/windows/RXPImageList/Properties/Default.rd.xml",
"content": "\n\n\n \n \n \n "
},
{
"path": "samples/ImageList/windows/RXPImageList/RXPImageList.csproj",
"content": "\n\n \n Debug \n x86 \n e1a04243-db95-4b1a-97de-1aa66875892d \n AppContainerExe \n Properties \n RXPImageList \n RXPImageList \n en-US \n UAP \n 10.0.14393.0 \n 10.0.14393.0 \n 14 \n 512 \n {A5A43C5B-DE2A-4C0C-9213-0A381AF9435A};{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC} \n RXPImageList_TemporaryKey.pfx \n D61C83D73FE27BA89E6F8D76ACE8A828936D91C0 \n\n PackageReference \n Debug \n \n \n Debug \n \n \n Release \n \n \n true \n bin\\x86\\Debug\\ \n DEBUG;TRACE;NETFX_CORE;WINDOWS_UWP \n ;2008 \n full \n x86 \n false \n prompt \n true \n \n \n true \n bin\\x86\\DebugBundle\\ \n DEBUG;TRACE;NETFX_CORE;WINDOWS_UWP;CODE_ANALYSIS;BUNDLE \n ;2008 \n true \n full \n x86 \n false \n prompt \n MinimumRecommendedRules.ruleset \n true \n \n \n bin\\x86\\Release\\ \n TRACE;NETFX_CORE;WINDOWS_UWP \n true \n ;2008 \n pdbonly \n x86 \n false \n prompt \n true \n true \n \n \n bin\\x86\\ReleaseBundle\\ \n TRACE;NETFX_CORE;WINDOWS_UWP;CODE_ANALYSIS;BUNDLE \n true \n ;2008 \n true \n pdbonly \n x86 \n false \n prompt \n MinimumRecommendedRules.ruleset \n true \n true \n \n \n true \n bin\\ARM\\Debug\\ \n DEBUG;TRACE;NETFX_CORE;WINDOWS_UWP \n ;2008 \n full \n ARM \n false \n prompt \n true \n \n \n true \n bin\\ARM\\DebugBundle\\ \n DEBUG;TRACE;NETFX_CORE;WINDOWS_UWP;CODE_ANALYSIS;BUNDLE \n ;2008 \n true \n full \n ARM \n false \n prompt \n MinimumRecommendedRules.ruleset \n true \n \n \n bin\\ARM\\Release\\ \n TRACE;NETFX_CORE;WINDOWS_UWP \n true \n ;2008 \n pdbonly \n ARM \n false \n prompt \n true \n true \n \n \n bin\\ARM\\ReleaseBundle\\ \n TRACE;NETFX_CORE;WINDOWS_UWP;CODE_ANALYSIS;BUNDLE \n true \n ;2008 \n true \n pdbonly \n ARM \n false \n prompt \n MinimumRecommendedRules.ruleset \n true \n true \n \n \n true \n bin\\x64\\Debug\\ \n DEBUG;TRACE;NETFX_CORE;WINDOWS_UWP \n ;2008 \n full \n x64 \n false \n prompt \n true \n \n \n true \n bin\\x64\\DebugBundle\\ \n DEBUG;TRACE;NETFX_CORE;WINDOWS_UWP;CODE_ANALYSIS;BUNDLE \n ;2008 \n true \n full \n x64 \n false \n prompt \n MinimumRecommendedRules.ruleset \n true \n \n \n bin\\x64\\Release\\ \n TRACE;NETFX_CORE;WINDOWS_UWP \n true \n ;2008 \n pdbonly \n x64 \n false \n prompt \n true \n true \n \n \n bin\\x64\\ReleaseBundle\\ \n TRACE;NETFX_CORE;WINDOWS_UWP;CODE_ANALYSIS;BUNDLE \n true \n ;2008 \n true \n pdbonly \n x64 \n false \n prompt \n MinimumRecommendedRules.ruleset \n true \n true \n \n \n \n App.xaml \n \n \n \n \n Designer \n \n \n \n \n \n \n MSBuild:Compile \n Designer \n \n \n \n \n {c7673ad5-e3aa-468c-a5fd-fa38154e205c} \n ReactNative \n \n \n \n \n PreserveNewest \n \n \n \n \n 6.0.6 \n \n \n \n 14.0 \n \n \n \n %(Filename)%(Extension)\n PreserveNewest \n False \n \n \n \n"
},
{
"path": "samples/ImageList/windows/RXPImageList/ReactAssets/.gitignore",
"content": "*\n!.gitignore\n"
},
{
"path": "samples/ImageList/windows/RXPImageList.sln",
"content": "\nMicrosoft Visual Studio Solution File, Format Version 12.00\n# Visual Studio 15\nVisualStudioVersion = 15.0.28307.271\nMinimumVisualStudioVersion = 10.0.40219.1\nProject(\"{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}\") = \"RXPImageList\", \"RXPImageList\\RXPImageList.csproj\", \"e1a04243-db95-4b1a-97de-1aa66875892d\"\n\tProjectSection(ProjectDependencies) = postProject\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C} = {2EACF721-73B5-46AE-9775-4A8674D05A9C}\n\tEndProjectSection\nEndProject\nProject(\"{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}\") = \"ReactNative\", \"..\\node_modules\\react-native-windows\\ReactWindows\\ReactNative\\ReactNative.csproj\", \"{C7673AD5-E3AA-468C-A5FD-FA38154E205C}\"\nEndProject\nProject(\"{D954291E-2A0B-460D-934E-DC6B0785DB48}\") = \"ReactNative.Shared\", \"..\\node_modules\\react-native-windows\\ReactWindows\\ReactNative.Shared\\ReactNative.Shared.shproj\", \"{EEA8B852-4D07-48E1-8294-A21AB5909FE5}\"\nEndProject\nProject(\"{8BC9CEB8-8B4A-11D0-8D11-00A0C91BC942}\") = \"ChakraBridge\", \"..\\node_modules\\react-native-windows\\ReactWindows\\ChakraBridge\\ChakraBridge.vcxproj\", \"{4B72C796-16D5-4E3A-81C0-3E36F531E578}\"\nEndProject\nProject(\"{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}\") = \"ReactNativeWebViewBridge\", \"..\\node_modules\\react-native-windows\\ReactWindows\\ReactNativeWebViewBridge\\ReactNativeWebViewBridge.csproj\", \"{7596216B-669C-41F8-86DA-F3637F6545C0}\"\nEndProject\nProject(\"{D954291E-2A0B-460D-934E-DC6B0785DB48}\") = \"Facebook.Yoga.Shared\", \"..\\node_modules\\react-native-windows\\Yoga\\csharp\\Facebook.Yoga\\Facebook.Yoga.Shared.shproj\", \"{91C42D32-291D-4B72-90B4-551663D60B8B}\"\nEndProject\nProject(\"{8BC9CEB8-8B4A-11D0-8D11-00A0C91BC942}\") = \"yoga.uwp\", \"..\\node_modules\\react-native-windows\\Yoga\\csharp\\Yoga\\Yoga.Universal.vcxproj\", \"{2EACF721-73B5-46AE-9775-4A8674D05A9C}\"\nEndProject\nGlobal\n\tGlobalSection(SharedMSBuildProjectFiles) = preSolution\n\t\tReactNative.Shared\\ReactNative.Shared.projitems*{c7673ad5-e3aa-468c-a5fd-fa38154e205c}*SharedItemsImports = 4\n\t\tReactNative.Shared\\ReactNative.Shared.projitems*{eea8b852-4d07-48e1-8294-a21ab5909fe5}*SharedItemsImports = 13\n\t\t..\\Yoga\\csharp\\Facebook.Yoga\\Facebook.Yoga.Shared.projitems*{c7673ad5-e3aa-468c-a5fd-fa38154e205c}*SharedItemsImports = 4\n\t\t..\\Yoga\\csharp\\Facebook.Yoga\\Facebook.Yoga.Shared.projitems*{91c42d32-291d-4b72-90b4-551663d60b8b}*SharedItemsImports = 13\n\tEndGlobalSection\n\tGlobalSection(SolutionConfigurationPlatforms) = preSolution\n\t\tDebug|ARM = Debug|ARM\n\t\tDebug|x64 = Debug|x64\n\t\tDebug|x86 = Debug|x86\n\t\tDebugBundle|ARM = DebugBundle|ARM\n\t\tDebugBundle|x64 = DebugBundle|x64\n\t\tDebugBundle|x86 = DebugBundle|x86\n\t\tRelease|ARM = Release|ARM\n\t\tRelease|x64 = Release|x64\n\t\tRelease|x86 = Release|x86\n\t\tReleaseBundle|ARM = ReleaseBundle|ARM\n\t\tReleaseBundle|x64 = ReleaseBundle|x64\n\t\tReleaseBundle|x86 = ReleaseBundle|x86\n\tEndGlobalSection\n\tGlobalSection(ProjectConfigurationPlatforms) = postSolution\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.Debug|ARM.ActiveCfg = Debug|ARM\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.Debug|ARM.Build.0 = Debug|ARM\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.Debug|ARM.Deploy.0 = Debug|ARM\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.Debug|x64.ActiveCfg = Debug|x64\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.Debug|x64.Build.0 = Debug|x64\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.Debug|x64.Deploy.0 = Debug|x64\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.Debug|x86.ActiveCfg = Debug|x86\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.Debug|x86.Build.0 = Debug|x86\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.Debug|x86.Deploy.0 = Debug|x86\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.DebugBundle|ARM.ActiveCfg = DebugBundle|ARM\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.DebugBundle|ARM.Build.0 = DebugBundle|ARM\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.DebugBundle|ARM.Deploy.0 = DebugBundle|ARM\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.DebugBundle|x64.ActiveCfg = DebugBundle|x64\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.DebugBundle|x64.Build.0 = DebugBundle|x64\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.DebugBundle|x64.Deploy.0 = DebugBundle|x64\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.DebugBundle|x86.ActiveCfg = DebugBundle|x86\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.DebugBundle|x86.Build.0 = DebugBundle|x86\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.DebugBundle|x86.Deploy.0 = DebugBundle|x86\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.Release|ARM.ActiveCfg = Release|ARM\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.Release|ARM.Build.0 = Release|ARM\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.Release|ARM.Deploy.0 = Release|ARM\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.Release|x64.ActiveCfg = Release|x64\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.Release|x64.Build.0 = Release|x64\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.Release|x64.Deploy.0 = Release|x64\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.Release|x86.ActiveCfg = Release|x86\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.Release|x86.Build.0 = Release|x86\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.Release|x86.Deploy.0 = Release|x86\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.ReleaseBundle|ARM.ActiveCfg = ReleaseBundle|ARM\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.ReleaseBundle|ARM.Build.0 = ReleaseBundle|ARM\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.ReleaseBundle|ARM.Deploy.0 = ReleaseBundle|ARM\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.ReleaseBundle|x64.ActiveCfg = ReleaseBundle|x64\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.ReleaseBundle|x64.Build.0 = ReleaseBundle|x64\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.ReleaseBundle|x64.Deploy.0 = ReleaseBundle|x64\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.ReleaseBundle|x86.ActiveCfg = ReleaseBundle|x86\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.ReleaseBundle|x86.Build.0 = ReleaseBundle|x86\n\t\t{e1a04243-db95-4b1a-97de-1aa66875892d}.ReleaseBundle|x86.Deploy.0 = ReleaseBundle|x86\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.Debug|ARM.ActiveCfg = Debug|ARM\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.Debug|ARM.Build.0 = Debug|ARM\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.Debug|x64.ActiveCfg = Debug|x64\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.Debug|x64.Build.0 = Debug|x64\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.Debug|x86.ActiveCfg = Debug|x86\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.Debug|x86.Build.0 = Debug|x86\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.DebugBundle|ARM.ActiveCfg = Debug|ARM\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.DebugBundle|ARM.Build.0 = Debug|ARM\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.DebugBundle|x64.ActiveCfg = Debug|x64\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.DebugBundle|x64.Build.0 = Debug|x64\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.DebugBundle|x86.ActiveCfg = Debug|x86\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.DebugBundle|x86.Build.0 = Debug|x86\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.Release|ARM.ActiveCfg = Release|ARM\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.Release|ARM.Build.0 = Release|ARM\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.Release|x64.ActiveCfg = Release|x64\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.Release|x64.Build.0 = Release|x64\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.Release|x86.ActiveCfg = Release|x86\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.Release|x86.Build.0 = Release|x86\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.ReleaseBundle|ARM.ActiveCfg = Release|ARM\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.ReleaseBundle|ARM.Build.0 = Release|ARM\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.ReleaseBundle|x64.ActiveCfg = Release|x64\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.ReleaseBundle|x64.Build.0 = Release|x64\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.ReleaseBundle|x86.ActiveCfg = Release|x86\n\t\t{C7673AD5-E3AA-468C-A5FD-FA38154E205C}.ReleaseBundle|x86.Build.0 = Release|x86\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.Debug|ARM.ActiveCfg = Debug|ARM\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.Debug|ARM.Build.0 = Debug|ARM\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.Debug|x64.ActiveCfg = Debug|x64\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.Debug|x64.Build.0 = Debug|x64\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.Debug|x86.ActiveCfg = Debug|Win32\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.Debug|x86.Build.0 = Debug|Win32\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.DebugBundle|ARM.ActiveCfg = Debug|ARM\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.DebugBundle|ARM.Build.0 = Debug|ARM\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.DebugBundle|x64.ActiveCfg = Debug|x64\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.DebugBundle|x64.Build.0 = Debug|x64\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.DebugBundle|x86.ActiveCfg = Debug|Win32\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.DebugBundle|x86.Build.0 = Debug|Win32\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.Release|ARM.ActiveCfg = Release|ARM\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.Release|ARM.Build.0 = Release|ARM\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.Release|x64.ActiveCfg = Release|x64\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.Release|x64.Build.0 = Release|x64\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.Release|x86.ActiveCfg = Release|Win32\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.Release|x86.Build.0 = Release|Win32\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.ReleaseBundle|ARM.ActiveCfg = Release|ARM\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.ReleaseBundle|ARM.Build.0 = Release|ARM\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.ReleaseBundle|x64.ActiveCfg = Release|x64\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.ReleaseBundle|x64.Build.0 = Release|x64\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.ReleaseBundle|x86.ActiveCfg = Release|Win32\n\t\t{4B72C796-16D5-4E3A-81C0-3E36F531E578}.ReleaseBundle|x86.Build.0 = Release|Win32\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.Debug|ARM.ActiveCfg = Debug|ARM\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.Debug|ARM.Build.0 = Debug|ARM\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.Debug|x64.ActiveCfg = Debug|x64\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.Debug|x64.Build.0 = Debug|x64\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.Debug|x86.ActiveCfg = Debug|x86\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.Debug|x86.Build.0 = Debug|x86\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.DebugBundle|ARM.ActiveCfg = Debug|ARM\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.DebugBundle|ARM.Build.0 = Debug|ARM\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.DebugBundle|x64.ActiveCfg = Debug|x64\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.DebugBundle|x64.Build.0 = Debug|x64\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.DebugBundle|x86.ActiveCfg = Debug|x86\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.DebugBundle|x86.Build.0 = Debug|x86\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.Release|ARM.ActiveCfg = Release|ARM\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.Release|ARM.Build.0 = Release|ARM\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.Release|x64.ActiveCfg = Release|x64\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.Release|x64.Build.0 = Release|x64\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.Release|x86.ActiveCfg = Release|x86\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.Release|x86.Build.0 = Release|x86\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.ReleaseBundle|ARM.ActiveCfg = Release|ARM\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.ReleaseBundle|ARM.Build.0 = Release|ARM\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.ReleaseBundle|x64.ActiveCfg = Release|x64\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.ReleaseBundle|x64.Build.0 = Release|x64\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.ReleaseBundle|x86.ActiveCfg = Release|x86\n\t\t{7596216B-669C-41F8-86DA-F3637F6545C0}.ReleaseBundle|x86.Build.0 = Release|x86\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.Debug|ARM.ActiveCfg = Debug|ARM\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.Debug|ARM.Build.0 = Debug|ARM\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.Debug|x64.ActiveCfg = Debug|x64\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.Debug|x64.Build.0 = Debug|x64\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.Debug|x86.ActiveCfg = Debug|Win32\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.Debug|x86.Build.0 = Debug|Win32\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.DebugBundle|ARM.ActiveCfg = Debug|ARM\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.DebugBundle|ARM.Build.0 = Debug|ARM\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.DebugBundle|x64.ActiveCfg = Debug|x64\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.DebugBundle|x64.Build.0 = Debug|x64\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.DebugBundle|x86.ActiveCfg = Debug|Win32\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.DebugBundle|x86.Build.0 = Debug|Win32\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.Release|ARM.ActiveCfg = Release|ARM\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.Release|ARM.Build.0 = Release|ARM\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.Release|x64.ActiveCfg = Release|x64\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.Release|x64.Build.0 = Release|x64\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.Release|x86.ActiveCfg = Release|Win32\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.Release|x86.Build.0 = Release|Win32\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.ReleaseBundle|ARM.ActiveCfg = Release|ARM\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.ReleaseBundle|ARM.Build.0 = Release|ARM\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.ReleaseBundle|x64.ActiveCfg = Release|x64\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.ReleaseBundle|x64.Build.0 = Release|x64\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.ReleaseBundle|x86.ActiveCfg = Release|Win32\n\t\t{2EACF721-73B5-46AE-9775-4A8674D05A9C}.ReleaseBundle|x86.Build.0 = Release|Win32\n\tEndGlobalSection\n\tGlobalSection(SolutionProperties) = preSolution\n\t\tHideSolutionNode = FALSE\n\tEndGlobalSection\nEndGlobal\n"
},
{
"path": "samples/README.md",
"content": "# ReactXP Sample Code\n\nHere are some small projects that demonstrate how to use ReactXP.\n\n[Image List](https://github.com/Microsoft/reactxp/tree/master/samples/ImageList)
\n[RXP Test](https://github.com/Microsoft/reactxp/tree/master/samples/RXPTest)
\n[To Do List](https://github.com/Microsoft/reactxp/tree/master/samples/TodoList)
\n[Hello World](https://github.com/Microsoft/reactxp/tree/master/samples/hello-world)
\n[Hello World JS](https://github.com/Microsoft/reactxp/tree/master/samples/hello-world-js)
\n"
},
{
"path": "samples/RXPTest/.gitignore",
"content": "# OSX\n#\n.DS_Store\n\n# Xcode\n#\nbuild/\n*.pbxuser\n!default.pbxuser\n*.mode1v3\n!default.mode1v3\n*.mode2v3\n!default.mode2v3\n*.perspectivev3\n!default.perspectivev3\nxcuserdata\n*.xccheckout\n*.moved-aside\nDerivedData\n*.hmap\n*.ipa\n*.xcuserstate\nproject.xcworkspace\n\n# Android/IntelliJ\n#\nbuild/\n.idea\n.gradle\nlocal.properties\n*.iml\n\n# node.js\n#\nnode_modules/\nnpm-debug.log\nyarn-error.log\n\n# BUCK\nbuck-out/\n\\.buckd/\n*.keystore\n\n.vscode\ndist/\n*package-lock.json\n"
},
{
"path": "samples/RXPTest/README.md",
"content": "# RXPTest\n\nThis app provides tests for all of the functionality exposed by ReactXP.\n\n### Caveat: Development Dependencies on ReactXP\n*If/when RXPTest has development dependencies on (as yet) unpublished changes to ReactXP, a successfull build may require following the [Testing your Change](https://github.com/Microsoft/reactxp/blob/master/CONTRIBUTING.md#testing-your-change) instructions to copy the appropriate `dist` folder structure to RXPTest. It may also require appropriate types being specified in \"devDependencies\" in RXPTest's package.json eg `\"@types/react\": \"16.7.20\"`* \n\n### Building\n\n- From the RXPTest directory, run `npm install`. This fetches the dependencies.\n\n### Building RXPTest for Web\n\n- Run `npm run web-watch`. This compiles the TypeScript code and recompiles it whenever any files are changed.\n- Open `index.html` in your browser to run the test in a browser.\n\n### Building for React Native\n\n- Run `npm run rn-watch`. This compiles the TypeScript code and recompiles it whenever any files are changed.\n- In another command prompt run `npm start`. This starts the React Native Packager.\n- For iOS or Android: Use Xcode or Android Studio to build and deploy the native app code just like you would with any other React Native project.\n- For Windows: Open `windows\\RXPTest.sln` in Visual Studio 2017. Build and run the app for x64 or x86.\n"
},
{
"path": "samples/RXPTest/android/app/BUCK",
"content": "# To learn about Buck see [Docs](https://buckbuild.com/).\n# To run your application with Buck:\n# - install Buck\n# - `npm start` - to start the packager\n# - `cd android`\n# - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname \"CN=Android Debug,O=Android,C=US\"`\n# - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck\n# - `buck install -r android/app` - compile, install and run application\n#\n\nload(\":build_defs.bzl\", \"create_aar_targets\", \"create_jar_targets\")\n\nlib_deps = []\n\ncreate_aar_targets(glob([\"libs/*.aar\"]))\n\ncreate_jar_targets(glob([\"libs/*.jar\"]))\n\nandroid_library(\n name = \"all-libs\",\n exported_deps = lib_deps,\n)\n\nandroid_library(\n name = \"app-code\",\n srcs = glob([\n \"src/main/java/**/*.java\",\n ]),\n deps = [\n \":all-libs\",\n \":build_config\",\n \":res\",\n ],\n)\n\nandroid_build_config(\n name = \"build_config\",\n package = \"com.rxptest\",\n)\n\nandroid_resource(\n name = \"res\",\n package = \"com.rxptest\",\n res = \"src/main/res\",\n)\n\nandroid_binary(\n name = \"app\",\n keystore = \"//android/keystores:debug\",\n manifest = \"src/main/AndroidManifest.xml\",\n package_type = \"debug\",\n deps = [\n \":app-code\",\n ],\n)\n"
},
{
"path": "samples/RXPTest/android/app/build.gradle",
"content": "apply plugin: \"com.android.application\"\n\nimport com.android.build.OutputFile\n\n/**\n * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets\n * and bundleReleaseJsAndAssets).\n * These basically call `react-native bundle` with the correct arguments during the Android build\n * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the\n * bundle directly from the development server. Below you can see all the possible configurations\n * and their defaults. If you decide to add a configuration block, make sure to add it before the\n * `apply from: \"../../node_modules/react-native/react.gradle\"` line.\n *\n * project.ext.react = [\n * // the name of the generated asset file containing your JS bundle\n * bundleAssetName: \"index.android.bundle\",\n *\n * // the entry file for bundle generation\n * entryFile: \"index.android.js\",\n *\n * // whether to bundle JS and assets in debug mode\n * bundleInDebug: false,\n *\n * // whether to bundle JS and assets in release mode\n * bundleInRelease: true,\n *\n * // whether to bundle JS and assets in another build variant (if configured).\n * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants\n * // The configuration property can be in the following formats\n * // 'bundleIn${productFlavor}${buildType}'\n * // 'bundleIn${buildType}'\n * // bundleInFreeDebug: true,\n * // bundleInPaidRelease: true,\n * // bundleInBeta: true,\n *\n * // whether to disable dev mode in custom build variants (by default only disabled in release)\n * // for example: to disable dev mode in the staging build type (if configured)\n * devDisabledInStaging: true,\n * // The configuration property can be in the following formats\n * // 'devDisabledIn${productFlavor}${buildType}'\n * // 'devDisabledIn${buildType}'\n *\n * // the root of your project, i.e. where \"package.json\" lives\n * root: \"../../\",\n *\n * // where to put the JS bundle asset in debug mode\n * jsBundleDirDebug: \"$buildDir/intermediates/assets/debug\",\n *\n * // where to put the JS bundle asset in release mode\n * jsBundleDirRelease: \"$buildDir/intermediates/assets/release\",\n *\n * // where to put drawable resources / React Native assets, e.g. the ones you use via\n * // require('./image.png')), in debug mode\n * resourcesDirDebug: \"$buildDir/intermediates/res/merged/debug\",\n *\n * // where to put drawable resources / React Native assets, e.g. the ones you use via\n * // require('./image.png')), in release mode\n * resourcesDirRelease: \"$buildDir/intermediates/res/merged/release\",\n *\n * // by default the gradle tasks are skipped if none of the JS files or assets change; this means\n * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to\n * // date; if you have any other folders that you want to ignore for performance reasons (gradle\n * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/\n * // for example, you might want to remove it from here.\n * inputExcludes: [\"android/**\", \"ios/**\"],\n *\n * // override which node gets called and with what additional arguments\n * nodeExecutableAndArgs: [\"node\"],\n *\n * // supply additional arguments to the packager\n * extraPackagerArgs: []\n * ]\n */\n\nproject.ext.react = [\n entryFile: \"index.js\"\n]\n\napply from: \"../../node_modules/react-native/react.gradle\"\n\n/**\n * Set this to true to create two separate APKs instead of one:\n * - An APK that only works on ARM devices\n * - An APK that only works on x86 devices\n * The advantage is the size of the APK is reduced by about 4MB.\n * Upload all the APKs to the Play Store and people will download\n * the correct one based on the CPU architecture of their device.\n */\ndef enableSeparateBuildPerCPUArchitecture = false\n\n/**\n * Run Proguard to shrink the Java bytecode in release builds.\n */\ndef enableProguardInReleaseBuilds = false\n\nandroid {\n compileSdkVersion rootProject.ext.compileSdkVersion\n\n compileOptions {\n sourceCompatibility JavaVersion.VERSION_1_8\n targetCompatibility JavaVersion.VERSION_1_8\n }\n\n defaultConfig {\n applicationId \"com.rxptest\"\n minSdkVersion rootProject.ext.minSdkVersion\n targetSdkVersion rootProject.ext.targetSdkVersion\n versionCode 1\n versionName \"1.0\"\n }\n splits {\n abi {\n reset()\n enable enableSeparateBuildPerCPUArchitecture\n universalApk false // If true, also generate a universal APK\n include \"armeabi-v7a\", \"x86\", \"arm64-v8a\", \"x86_64\"\n }\n }\n buildTypes {\n release {\n minifyEnabled enableProguardInReleaseBuilds\n proguardFiles getDefaultProguardFile(\"proguard-android.txt\"), \"proguard-rules.pro\"\n }\n }\n // applicationVariants are e.g. debug, release\n applicationVariants.all { variant ->\n variant.outputs.each { output ->\n // For each separate APK per architecture, set a unique version code as described here:\n // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits\n def versionCodes = [\"armeabi-v7a\":1, \"x86\":2, \"arm64-v8a\": 3, \"x86_64\": 4]\n def abi = output.getFilter(OutputFile.ABI)\n if (abi != null) { // null for the universal-debug, universal-release variants\n output.versionCodeOverride =\n versionCodes.get(abi) * 1048576 + defaultConfig.versionCode\n }\n }\n }\n}\n\ndependencies {\n implementation project(':@react-native-community_netinfo')\n implementation project(':react-native-webview')\n implementation fileTree(dir: \"libs\", include: [\"*.jar\"])\n implementation \"com.android.support:appcompat-v7:${rootProject.ext.supportLibVersion}\"\n implementation \"com.facebook.react:react-native:+\" // From node_modules\n}\n\n// Run this once to be able to run the application with BUCK\n// puts all compile dependencies into folder libs for BUCK to use\ntask copyDownloadableDepsToLibs(type: Copy) {\n from configurations.compile\n into 'libs'\n}\n"
},
{
"path": "samples/RXPTest/android/app/build_defs.bzl",
"content": "\"\"\"Helper definitions to glob .aar and .jar targets\"\"\"\n\ndef create_aar_targets(aarfiles):\n for aarfile in aarfiles:\n name = \"aars__\" + aarfile[aarfile.rindex(\"/\") + 1:aarfile.rindex(\".aar\")]\n lib_deps.append(\":\" + name)\n android_prebuilt_aar(\n name = name,\n aar = aarfile,\n )\n\ndef create_jar_targets(jarfiles):\n for jarfile in jarfiles:\n name = \"jars__\" + jarfile[jarfile.rindex(\"/\") + 1:jarfile.rindex(\".jar\")]\n lib_deps.append(\":\" + name)\n prebuilt_jar(\n name = name,\n binary_jar = jarfile,\n )\n"
},
{
"path": "samples/RXPTest/android/app/proguard-rules.pro",
"content": "# Add project specific ProGuard rules here.\n# By default, the flags in this file are appended to flags specified\n# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt\n# You can edit the include path and order by changing the proguardFiles\n# directive in build.gradle.\n#\n# For more details, see\n# http://developer.android.com/guide/developing/tools/proguard.html\n\n# Add any project specific keep options here:\n\n# If your project uses WebView with JS, uncomment the following\n# and specify the fully qualified class name to the JavaScript interface\n# class:\n#-keepclassmembers class fqcn.of.javascript.interface.for.webview {\n# public *;\n#}\n\n# Disabling obfuscation is useful if you collect stack traces from production crashes\n# (unless you are using a system that supports de-obfuscate the stack traces).\n-dontobfuscate\n\n# React Native\n\n# Keep our interfaces so they can be used by other ProGuard rules.\n# See http://sourceforge.net/p/proguard/bugs/466/\n-keep,allowobfuscation @interface com.facebook.proguard.annotations.DoNotStrip\n-keep,allowobfuscation @interface com.facebook.proguard.annotations.KeepGettersAndSetters\n-keep,allowobfuscation @interface com.facebook.common.internal.DoNotStrip\n\n# Do not strip any method/class that is annotated with @DoNotStrip\n-keep @com.facebook.proguard.annotations.DoNotStrip class *\n-keep @com.facebook.common.internal.DoNotStrip class *\n-keepclassmembers class * {\n @com.facebook.proguard.annotations.DoNotStrip *;\n @com.facebook.common.internal.DoNotStrip *;\n}\n\n-keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * {\n void set*(***);\n *** get*();\n}\n\n-keep class * extends com.facebook.react.bridge.JavaScriptModule { *; }\n-keep class * extends com.facebook.react.bridge.NativeModule { *; }\n-keepclassmembers,includedescriptorclasses class * { native ; }\n-keepclassmembers class * { @com.facebook.react.uimanager.UIProp ; }\n-keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactProp ; }\n-keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactPropGroup ; }\n\n-dontwarn com.facebook.react.**\n\n# okhttp\n\n-keepattributes Signature\n-keepattributes *Annotation*\n-keep class okhttp3.** { *; }\n-keep interface okhttp3.** { *; }\n-dontwarn okhttp3.**\n\n# okio\n\n-keep class sun.misc.Unsafe { *; }\n-dontwarn java.nio.file.*\n-dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement\n-dontwarn okio.**\n"
},
{
"path": "samples/RXPTest/android/app/src/debug/AndroidManifest.xml",
"content": "\n\n\n \n\n \n"
},
{
"path": "samples/RXPTest/android/app/src/main/AndroidManifest.xml",
"content": "\n\n \n \n\n \n \n \n \n \n \n"
},
{
"path": "samples/RXPTest/android/app/src/main/java/com/rxphelloworld/MainActivity.java",
"content": "package com.rxptest;\n\nimport com.facebook.react.ReactActivity;\n\npublic class MainActivity extends ReactActivity {\n\n /**\n * Returns the name of the main component registered from JavaScript.\n * This is used to schedule rendering of the component.\n */\n @Override\n protected String getMainComponentName() {\n return \"RXApp\";\n }\n}\n"
},
{
"path": "samples/RXPTest/android/app/src/main/java/com/rxphelloworld/MainApplication.java",
"content": "package com.rxptest;\n\nimport android.app.Application;\n\nimport com.facebook.react.ReactApplication;\nimport com.facebook.react.ReactNativeHost;\nimport com.facebook.react.ReactPackage;\nimport com.facebook.react.shell.MainReactPackage;\nimport com.facebook.soloader.SoLoader;\n\nimport com.reactnativecommunity.netinfo.NetInfoPackage;\nimport com.reactnativecommunity.webview.RNCWebViewPackage;\n\nimport java.util.Arrays;\nimport java.util.List;\n\npublic class MainApplication extends Application implements ReactApplication {\n\n private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {\n @Override\n public boolean getUseDeveloperSupport() {\n return BuildConfig.DEBUG;\n }\n\n @Override\n protected List getPackages() {\n return Arrays.asList(\n new MainReactPackage(),\n new NetInfoPackage(),\n new RNCWebViewPackage()\n );\n }\n\n @Override\n protected String getJSMainModuleName() {\n return \"index.android\";\n }\n };\n\n @Override\n public ReactNativeHost getReactNativeHost() {\n return mReactNativeHost;\n }\n\n @Override\n public void onCreate() {\n super.onCreate();\n SoLoader.init(this, /* native exopackage */ false);\n }\n}\n"
},
{
"path": "samples/RXPTest/android/app/src/main/res/values/strings.xml",
"content": "\n RXPTest \n \n"
},
{
"path": "samples/RXPTest/android/app/src/main/res/values/styles.xml",
"content": "\n\n \n \n\n \n"
},
{
"path": "samples/RXPTest/android/build.gradle",
"content": "// Top-level build file where you can add configuration options common to all sub-projects/modules.\n\nbuildscript {\n ext {\n buildToolsVersion = \"28.0.3\"\n minSdkVersion = 16\n compileSdkVersion = 28\n targetSdkVersion = 28\n supportLibVersion = \"28.0.0\"\n }\n repositories {\n google()\n jcenter()\n }\n dependencies {\n classpath 'com.android.tools.build:gradle:3.3.1'\n\n // NOTE: Do not place your application dependencies here; they belong\n // in the individual module build.gradle files\n }\n}\n\nallprojects {\n repositories {\n mavenLocal()\n google()\n jcenter()\n maven {\n // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm\n url \"$rootDir/../node_modules/react-native/android\"\n }\n }\n}\n"
},
{
"path": "samples/RXPTest/android/gradle/wrapper/gradle-wrapper.properties",
"content": "distributionBase=GRADLE_USER_HOME\ndistributionPath=wrapper/dists\ndistributionUrl=https\\://services.gradle.org/distributions/gradle-4.10.3-all.zip\nzipStoreBase=GRADLE_USER_HOME\nzipStorePath=wrapper/dists\n"
},
{
"path": "samples/RXPTest/android/gradle.properties",
"content": "# Project-wide Gradle settings.\n\n# IDE (e.g. Android Studio) users:\n# Gradle settings configured through the IDE *will override*\n# any settings specified in this file.\n\n# For more details on how to configure your build environment visit\n# http://www.gradle.org/docs/current/userguide/build_environment.html\n\n# Specifies the JVM arguments used for the daemon process.\n# The setting is particularly useful for tweaking memory settings.\n# Default value: -Xmx10248m -XX:MaxPermSize=256m\n# org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8\n\n# When configured, Gradle will run in incubating parallel mode.\n# This option should only be used with decoupled projects. More details, visit\n# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects\n# org.gradle.parallel=true\n\nandroid.useDeprecatedNdk=true\n"
},
{
"path": "samples/RXPTest/android/gradlew",
"content": "#!/usr/bin/env sh\n\n##############################################################################\n##\n## Gradle start up script for UN*X\n##\n##############################################################################\n\n# Attempt to set APP_HOME\n# Resolve links: $0 may be a link\nPRG=\"$0\"\n# Need this for relative symlinks.\nwhile [ -h \"$PRG\" ] ; do\n ls=`ls -ld \"$PRG\"`\n link=`expr \"$ls\" : '.*-> \\(.*\\)$'`\n if expr \"$link\" : '/.*' > /dev/null; then\n PRG=\"$link\"\n else\n PRG=`dirname \"$PRG\"`\"/$link\"\n fi\ndone\nSAVED=\"`pwd`\"\ncd \"`dirname \\\"$PRG\\\"`/\" >/dev/null\nAPP_HOME=\"`pwd -P`\"\ncd \"$SAVED\" >/dev/null\n\nAPP_NAME=\"Gradle\"\nAPP_BASE_NAME=`basename \"$0\"`\n\n# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.\nDEFAULT_JVM_OPTS=\"\"\n\n# Use the maximum available, or set MAX_FD != -1 to use that value.\nMAX_FD=\"maximum\"\n\nwarn () {\n echo \"$*\"\n}\n\ndie () {\n echo\n echo \"$*\"\n echo\n exit 1\n}\n\n# OS specific support (must be 'true' or 'false').\ncygwin=false\nmsys=false\ndarwin=false\nnonstop=false\ncase \"`uname`\" in\n CYGWIN* )\n cygwin=true\n ;;\n Darwin* )\n darwin=true\n ;;\n MINGW* )\n msys=true\n ;;\n NONSTOP* )\n nonstop=true\n ;;\nesac\n\nCLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar\n\n# Determine the Java command to use to start the JVM.\nif [ -n \"$JAVA_HOME\" ] ; then\n if [ -x \"$JAVA_HOME/jre/sh/java\" ] ; then\n # IBM's JDK on AIX uses strange locations for the executables\n JAVACMD=\"$JAVA_HOME/jre/sh/java\"\n else\n JAVACMD=\"$JAVA_HOME/bin/java\"\n fi\n if [ ! -x \"$JAVACMD\" ] ; then\n die \"ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME\n\nPlease set the JAVA_HOME variable in your environment to match the\nlocation of your Java installation.\"\n fi\nelse\n JAVACMD=\"java\"\n which java >/dev/null 2>&1 || die \"ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.\n\nPlease set the JAVA_HOME variable in your environment to match the\nlocation of your Java installation.\"\nfi\n\n# Increase the maximum file descriptors if we can.\nif [ \"$cygwin\" = \"false\" -a \"$darwin\" = \"false\" -a \"$nonstop\" = \"false\" ] ; then\n MAX_FD_LIMIT=`ulimit -H -n`\n if [ $? -eq 0 ] ; then\n if [ \"$MAX_FD\" = \"maximum\" -o \"$MAX_FD\" = \"max\" ] ; then\n MAX_FD=\"$MAX_FD_LIMIT\"\n fi\n ulimit -n $MAX_FD\n if [ $? -ne 0 ] ; then\n warn \"Could not set maximum file descriptor limit: $MAX_FD\"\n fi\n else\n warn \"Could not query maximum file descriptor limit: $MAX_FD_LIMIT\"\n fi\nfi\n\n# For Darwin, add options to specify how the application appears in the dock\nif $darwin; then\n GRADLE_OPTS=\"$GRADLE_OPTS \\\"-Xdock:name=$APP_NAME\\\" \\\"-Xdock:icon=$APP_HOME/media/gradle.icns\\\"\"\nfi\n\n# For Cygwin, switch paths to Windows format before running java\nif $cygwin ; then\n APP_HOME=`cygpath --path --mixed \"$APP_HOME\"`\n CLASSPATH=`cygpath --path --mixed \"$CLASSPATH\"`\n JAVACMD=`cygpath --unix \"$JAVACMD\"`\n\n # We build the pattern for arguments to be converted via cygpath\n ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`\n SEP=\"\"\n for dir in $ROOTDIRSRAW ; do\n ROOTDIRS=\"$ROOTDIRS$SEP$dir\"\n SEP=\"|\"\n done\n OURCYGPATTERN=\"(^($ROOTDIRS))\"\n # Add a user-defined pattern to the cygpath arguments\n if [ \"$GRADLE_CYGPATTERN\" != \"\" ] ; then\n OURCYGPATTERN=\"$OURCYGPATTERN|($GRADLE_CYGPATTERN)\"\n fi\n # Now convert the arguments - kludge to limit ourselves to /bin/sh\n i=0\n for arg in \"$@\" ; do\n CHECK=`echo \"$arg\"|egrep -c \"$OURCYGPATTERN\" -`\n CHECK2=`echo \"$arg\"|egrep -c \"^-\"` ### Determine if an option\n\n if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition\n eval `echo args$i`=`cygpath --path --ignore --mixed \"$arg\"`\n else\n eval `echo args$i`=\"\\\"$arg\\\"\"\n fi\n i=$((i+1))\n done\n case $i in\n (0) set -- ;;\n (1) set -- \"$args0\" ;;\n (2) set -- \"$args0\" \"$args1\" ;;\n (3) set -- \"$args0\" \"$args1\" \"$args2\" ;;\n (4) set -- \"$args0\" \"$args1\" \"$args2\" \"$args3\" ;;\n (5) set -- \"$args0\" \"$args1\" \"$args2\" \"$args3\" \"$args4\" ;;\n (6) set -- \"$args0\" \"$args1\" \"$args2\" \"$args3\" \"$args4\" \"$args5\" ;;\n (7) set -- \"$args0\" \"$args1\" \"$args2\" \"$args3\" \"$args4\" \"$args5\" \"$args6\" ;;\n (8) set -- \"$args0\" \"$args1\" \"$args2\" \"$args3\" \"$args4\" \"$args5\" \"$args6\" \"$args7\" ;;\n (9) set -- \"$args0\" \"$args1\" \"$args2\" \"$args3\" \"$args4\" \"$args5\" \"$args6\" \"$args7\" \"$args8\" ;;\n esac\nfi\n\n# Escape application args\nsave () {\n for i do printf %s\\\\n \"$i\" | sed \"s/'/'\\\\\\\\''/g;1s/^/'/;\\$s/\\$/' \\\\\\\\/\" ; done\n echo \" \"\n}\nAPP_ARGS=$(save \"$@\")\n\n# Collect all arguments for the java command, following the shell quoting and substitution rules\neval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS \"\\\"-Dorg.gradle.appname=$APP_BASE_NAME\\\"\" -classpath \"\\\"$CLASSPATH\\\"\" org.gradle.wrapper.GradleWrapperMain \"$APP_ARGS\"\n\n# by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong\nif [ \"$(uname)\" = \"Darwin\" ] && [ \"$HOME\" = \"$PWD\" ]; then\n cd \"$(dirname \"$0\")\"\nfi\n\nexec \"$JAVACMD\" \"$@\"\n"
},
{
"path": "samples/RXPTest/android/gradlew.bat",
"content": "@if \"%DEBUG%\" == \"\" @echo off\r\n@rem ##########################################################################\r\n@rem\r\n@rem Gradle startup script for Windows\r\n@rem\r\n@rem ##########################################################################\r\n\r\n@rem Set local scope for the variables with windows NT shell\r\nif \"%OS%\"==\"Windows_NT\" setlocal\r\n\r\nset DIRNAME=%~dp0\r\nif \"%DIRNAME%\" == \"\" set DIRNAME=.\r\nset APP_BASE_NAME=%~n0\r\nset APP_HOME=%DIRNAME%\r\n\r\n@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.\r\nset DEFAULT_JVM_OPTS=\r\n\r\n@rem Find java.exe\r\nif defined JAVA_HOME goto findJavaFromJavaHome\r\n\r\nset JAVA_EXE=java.exe\r\n%JAVA_EXE% -version >NUL 2>&1\r\nif \"%ERRORLEVEL%\" == \"0\" goto init\r\n\r\necho.\r\necho ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.\r\necho.\r\necho Please set the JAVA_HOME variable in your environment to match the\r\necho location of your Java installation.\r\n\r\ngoto fail\r\n\r\n:findJavaFromJavaHome\r\nset JAVA_HOME=%JAVA_HOME:\"=%\r\nset JAVA_EXE=%JAVA_HOME%/bin/java.exe\r\n\r\nif exist \"%JAVA_EXE%\" goto init\r\n\r\necho.\r\necho ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%\r\necho.\r\necho Please set the JAVA_HOME variable in your environment to match the\r\necho location of your Java installation.\r\n\r\ngoto fail\r\n\r\n:init\r\n@rem Get command-line arguments, handling Windows variants\r\n\r\nif not \"%OS%\" == \"Windows_NT\" goto win9xME_args\r\n\r\n:win9xME_args\r\n@rem Slurp the command line arguments.\r\nset CMD_LINE_ARGS=\r\nset _SKIP=2\r\n\r\n:win9xME_args_slurp\r\nif \"x%~1\" == \"x\" goto execute\r\n\r\nset CMD_LINE_ARGS=%*\r\n\r\n:execute\r\n@rem Setup the command line\r\n\r\nset CLASSPATH=%APP_HOME%\\gradle\\wrapper\\gradle-wrapper.jar\r\n\r\n@rem Execute Gradle\r\n\"%JAVA_EXE%\" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% \"-Dorg.gradle.appname=%APP_BASE_NAME%\" -classpath \"%CLASSPATH%\" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%\r\n\r\n:end\r\n@rem End local scope for the variables with windows NT shell\r\nif \"%ERRORLEVEL%\"==\"0\" goto mainEnd\r\n\r\n:fail\r\nrem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of\r\nrem the _cmd.exe /c_ return code!\r\nif not \"\" == \"%GRADLE_EXIT_CONSOLE%\" exit 1\r\nexit /b 1\r\n\r\n:mainEnd\r\nif \"%OS%\"==\"Windows_NT\" endlocal\r\n\r\n:omega\r\n"
},
{
"path": "samples/RXPTest/android/keystores/BUCK",
"content": "keystore(\n name = \"debug\",\n properties = \"debug.keystore.properties\",\n store = \"debug.keystore\",\n visibility = [\n \"PUBLIC\",\n ],\n)\n"
},
{
"path": "samples/RXPTest/android/keystores/debug.keystore.properties",
"content": "key.store=debug.keystore\nkey.alias=androiddebugkey\nkey.store.password=android\nkey.alias.password=android\n"
},
{
"path": "samples/RXPTest/android/settings.gradle",
"content": "rootProject.name = 'RXPTest'\ninclude ':@react-native-community_netinfo'\nproject(':@react-native-community_netinfo').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-community/netinfo/android')\ninclude ':react-native-webview'\nproject(':react-native-webview').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-webview/android')\ninclude ':app'\n"
},
{
"path": "samples/RXPTest/index.android.js",
"content": "require('./dist/index');\n"
},
{
"path": "samples/RXPTest/index.html",
"content": "\n\n\n \n#import \n\n@interface AppDelegate : UIResponder \n\n@property (nonatomic, strong) UIWindow *window;\n\n@end\n"
},
{
"path": "samples/RXPTest/ios/RXPTest/AppDelegate.m",
"content": "/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n#import \"AppDelegate.h\"\n\n#import \n#import \n#import \n\n@implementation AppDelegate\n\n- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions\n{\n RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions];\n RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge\n moduleName:@\"RXApp\"\n initialProperties:nil];\n\n rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];\n\n self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];\n UIViewController *rootViewController = [UIViewController new];\n rootViewController.view = rootView;\n self.window.rootViewController = rootViewController;\n [self.window makeKeyAndVisible];\n return YES;\n}\n\n- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge\n{\n#if DEBUG\n return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@\"index.ios\" fallbackResource:nil];\n#else\n return [[NSBundle mainBundle] URLForResource:@\"main\" withExtension:@\"jsbundle\"];\n#endif\n}\n\n@end\n"
},
{
"path": "samples/RXPTest/ios/RXPTest/Base.lproj/LaunchScreen.xib",
"content": "\n\n \n \n