@office-iss/react-native-win32 0.0.0-canary.291 → 0.0.0-canary.293
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.flowconfig +1 -1
- package/CHANGELOG.json +43 -1
- package/CHANGELOG.md +22 -4
- package/Libraries/Alert/RCTAlertManager.js +17 -0
- package/Libraries/Animated/AnimatedEvent.js +4 -3
- package/Libraries/Animated/AnimatedExports.js.flow +2 -0
- package/Libraries/Animated/AnimatedImplementation.js +2 -2
- package/Libraries/Animated/components/AnimatedScrollView.js +48 -43
- package/Libraries/Animated/nodes/AnimatedValue.js +2 -1
- package/Libraries/BatchedBridge/MessageQueue.js +2 -2
- package/Libraries/Blob/FileReader.js +219 -8
- package/Libraries/Blob/URL.js +13 -1
- package/Libraries/Components/AccessibilityInfo/legacySendAccessibilityEvent.js +17 -0
- package/Libraries/Components/Button.js +1 -1
- package/Libraries/Components/Button.win32.js +1 -1
- package/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js +1 -3
- package/Libraries/{Utilities/__mocks__/GlobalPerformanceLogger.js → Components/DrawerAndroid/DrawerLayoutAndroid.ios.js} +3 -4
- package/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.js +6 -66
- package/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.js.flow +18 -0
- package/Libraries/Components/DrawerAndroid/DrawerLayoutAndroidFallback.js +71 -0
- package/Libraries/Components/Keyboard/Keyboard.js +4 -2
- package/Libraries/Components/Keyboard/KeyboardAvoidingView.js +6 -3
- package/Libraries/Components/Pressable/Pressable.js +6 -1
- package/Libraries/Components/Pressable/Pressable.win32.js +6 -1
- package/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.js +12 -2
- package/Libraries/Components/RefreshControl/RefreshControl.js +1 -1
- package/Libraries/Components/ScrollView/ScrollView.d.ts +1 -1
- package/Libraries/Components/ScrollView/ScrollView.js +128 -116
- package/Libraries/Components/StaticRenderer.js +1 -1
- package/Libraries/Components/Switch/Switch.js +7 -3
- package/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js +2 -1
- package/Libraries/Components/TextInput/RCTTextInputViewConfig.js +2 -4
- package/Libraries/Components/TextInput/TextInput.flow.js +59 -42
- package/Libraries/Components/TextInput/TextInput.flow.win32.js +1208 -0
- package/Libraries/Components/TextInput/TextInput.js +67 -1005
- package/Libraries/Components/TextInput/TextInput.win32.js +69 -1037
- package/Libraries/{Blob/__mocks__/BlobModule.js → Components/ToastAndroid/ToastAndroid.ios.js} +3 -6
- package/Libraries/Components/ToastAndroid/ToastAndroid.js +4 -32
- package/Libraries/Components/ToastAndroid/ToastAndroid.js.flow +109 -0
- package/Libraries/Components/ToastAndroid/ToastAndroid.win32.js +4 -32
- package/Libraries/Components/ToastAndroid/ToastAndroidFallback.js +45 -0
- package/Libraries/Components/Touchable/Touchable.js +5 -5
- package/Libraries/Components/Touchable/Touchable.win32.js +5 -5
- package/Libraries/Components/Touchable/TouchableBounce.js +12 -6
- package/Libraries/Components/Touchable/TouchableHighlight.js +9 -6
- package/Libraries/Components/Touchable/TouchableNativeFeedback.js +4 -4
- package/Libraries/Components/Touchable/TouchableNativeFeedback.win32.js +4 -4
- package/Libraries/Components/Touchable/TouchableOpacity.js +11 -5
- package/Libraries/Components/View/View.js +18 -21
- package/Libraries/Components/View/View.win32.js +21 -24
- package/Libraries/Components/View/ViewAccessibility.js +7 -0
- package/Libraries/Components/View/ViewAccessibility.win32.js +7 -0
- package/Libraries/Components/View/ViewPropTypes.js +1 -1
- package/Libraries/Components/View/ViewPropTypes.win32.js +1 -1
- package/Libraries/Core/ReactNativeVersion.js +1 -1
- package/Libraries/Core/setUpReactDevTools.js +5 -5
- package/Libraries/EventEmitter/NativeEventEmitter.js +4 -1
- package/Libraries/Image/Image.js +17 -0
- package/Libraries/Image/Image.js.flow +2 -2
- package/Libraries/Image/ImageInjection.js +1 -1
- package/Libraries/Image/ImageProps.js +5 -5
- package/Libraries/Image/ImageSource.js +3 -1
- package/Libraries/Image/ImageSourceUtils.js +4 -2
- package/Libraries/Image/ImageTypes.flow.js +1 -1
- package/Libraries/Lists/FlatList.d.ts +2 -2
- package/Libraries/Lists/FlatList.js +1 -1
- package/Libraries/Lists/SectionList.js +1 -1
- package/Libraries/Lists/SectionListModern.js +3 -3
- package/Libraries/LogBox/Data/LogBoxData.js +1 -1
- package/Libraries/LogBox/LogBoxNotificationContainer.js +1 -1
- package/Libraries/Modal/Modal.js +3 -3
- package/Libraries/NativeComponent/BaseViewConfig.js +17 -0
- package/Libraries/NativeComponent/PlatformBaseViewConfig.js +2 -2
- package/Libraries/NativeModules/specs/NativeDevMenu.js +2 -2
- package/Libraries/Network/RCTNetworking.js +17 -0
- package/Libraries/Network/XMLHttpRequest.js +781 -10
- package/Libraries/NewAppScreen/components/DebugInstructions.js +1 -1
- package/Libraries/NewAppScreen/components/Header.js +1 -1
- package/Libraries/NewAppScreen/components/HermesBadge.js +1 -1
- package/Libraries/NewAppScreen/components/LearnMoreLinks.js +3 -3
- package/Libraries/NewAppScreen/components/ReloadInstructions.js +1 -1
- package/Libraries/Performance/Systrace.js +7 -7
- package/Libraries/ReactNative/AppContainer-dev.js +3 -2
- package/Libraries/ReactNative/RendererImplementation.js +6 -5
- package/Libraries/ReactNative/renderApplication.js +9 -0
- package/Libraries/ReactPrivate/ReactNativePrivateInterface.js +2 -2
- package/Libraries/Renderer/implementations/ReactFabric-dev.js +4840 -4748
- package/Libraries/Renderer/implementations/ReactFabric-prod.js +4947 -4829
- package/Libraries/Renderer/implementations/ReactFabric-profiling.js +3998 -3888
- package/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js +5005 -4948
- package/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js +2744 -2652
- package/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.js +5020 -4933
- package/Libraries/Renderer/shims/ReactFabric.js +3 -1
- package/Libraries/Renderer/shims/ReactFeatureFlags.js +3 -1
- package/Libraries/Renderer/shims/ReactNative.js +3 -1
- package/Libraries/Renderer/shims/ReactNativeViewConfigRegistry.js +3 -1
- package/Libraries/Renderer/shims/createReactNativeComponentClass.js +3 -1
- package/Libraries/Settings/Settings.js +13 -19
- package/Libraries/Settings/Settings.win32.js +19 -20
- package/Libraries/Settings/SettingsFallback.js +33 -0
- package/Libraries/StyleSheet/PlatformColorValueTypes.js +15 -0
- package/Libraries/StyleSheet/Rect.js +1 -0
- package/Libraries/StyleSheet/StyleSheet.js.flow +3 -3
- package/Libraries/StyleSheet/StyleSheetTypes.d.ts +1 -1
- package/Libraries/StyleSheet/StyleSheetTypes.js +75 -33
- package/Libraries/StyleSheet/flattenStyle.js +7 -1
- package/Libraries/StyleSheet/processBackgroundImage.js +670 -214
- package/Libraries/Text/Text.js +3 -3
- package/Libraries/Text/Text.win32.js +3 -3
- package/Libraries/Text/TextNativeComponent.js +0 -4
- package/Libraries/Text/TextNativeComponent.win32.js +0 -4
- package/Libraries/Text/TextProps.js +1 -1
- package/Libraries/Text/TextProps.win32.js +1 -1
- package/Libraries/Utilities/Appearance.js +2 -0
- package/Libraries/Utilities/BackHandler.js +17 -0
- package/Libraries/Utilities/Platform.js +17 -0
- package/Libraries/Utilities/PlatformTypes.js +2 -0
- package/Libraries/Utilities/ReactNativeTestTools.js +1 -1
- package/Libraries/WebSocket/WebSocket.js +313 -8
- package/flow/global.js +0 -2
- package/index.js +1 -288
- package/index.win32.js +8 -297
- package/overrides.json +29 -23
- package/package.json +16 -16
- package/src/private/animated/NativeAnimatedHelper.js +1 -1
- package/src/private/animated/NativeAnimatedHelper.win32.js +1 -1
- package/src/private/animated/createAnimatedPropsHook.js +2 -27
- package/src/private/components/{SafeAreaView_INTERNAL_DO_NOT_USE.js → safeareaview/SafeAreaView_INTERNAL_DO_NOT_USE.js} +6 -6
- package/src/private/components/{HScrollViewNativeComponents.js → scrollview/HScrollViewNativeComponents.js} +8 -8
- package/src/private/components/scrollview/VScrollViewNativeComponents.js +25 -0
- package/src/private/{devmenu → devsupport/devmenu}/DevMenu.js +1 -1
- package/src/private/{inspector → devsupport/devmenu/elementinspector}/BorderBox.js +3 -3
- package/src/private/{inspector → devsupport/devmenu/elementinspector}/BoxInspector.js +6 -5
- package/src/private/{inspector → devsupport/devmenu/elementinspector}/ElementBox.js +8 -6
- package/src/private/{inspector → devsupport/devmenu/elementinspector}/ElementProperties.js +11 -10
- package/src/private/{inspector → devsupport/devmenu/elementinspector}/Inspector.js +14 -12
- package/src/private/{inspector → devsupport/devmenu/elementinspector}/InspectorOverlay.js +5 -4
- package/src/private/{inspector → devsupport/devmenu/elementinspector}/InspectorPanel.js +9 -8
- package/src/private/{inspector → devsupport/devmenu/elementinspector}/NetworkOverlay.js +10 -9
- package/src/private/{inspector → devsupport/devmenu/elementinspector}/ReactDevToolsOverlay.js +7 -7
- package/src/private/{inspector → devsupport/devmenu/elementinspector}/StyleInspector.js +7 -6
- package/src/private/{inspector → devsupport/devmenu/elementinspector}/XHRInterceptor.js +2 -2
- package/src/private/{inspector → devsupport/devmenu/elementinspector}/getInspectorDataForViewAtPoint.js +2 -2
- package/src/private/{inspector → devsupport/devmenu/elementinspector}/resolveBoxStyle.js +1 -1
- package/src/private/{inspector → devsupport/devmenu/perfmonitor}/PerformanceOverlay.js +6 -5
- package/src/private/{specs_DEPRECATED/modules → devsupport/devmenu/specs}/NativeDevMenu.js +2 -2
- package/src/private/{debugging → devsupport/rndevtools}/ReactDevToolsSettingsManager.android.js +1 -1
- package/src/private/{debugging → devsupport/rndevtools}/ReactDevToolsSettingsManager.ios.js +1 -1
- package/src/private/{debugging → devsupport/rndevtools}/ReactDevToolsSettingsManager.win32.js +1 -1
- package/src/private/{debugging → devsupport/rndevtools}/setUpFuseboxReactDevToolsDispatcher.js +1 -1
- package/src/private/{fusebox → devsupport/rndevtools}/specs/NativeReactDevToolsRuntimeSettingsModule.js +2 -2
- package/src/private/{specs_DEPRECATED/modules → devsupport/rndevtools/specs}/NativeReactDevToolsSettingsManager.js +2 -2
- package/src/private/featureflags/ReactNativeFeatureFlags.js +37 -43
- package/src/private/featureflags/specs/NativeReactNativeFeatureFlags.js +8 -8
- package/src/private/renderer/errorhandling/ErrorHandlers.js +2 -2
- package/src/private/specs_DEPRECATED/modules/NativeSampleTurboModule.js +3 -0
- package/src/private/types/HostComponent.js +1 -1
- package/src/private/types/HostInstance.js +12 -4
- package/src/private/webapis/performance/Performance.js +1 -3
- package/types/index.d.ts +1 -1
- package/types/public/ReactNativeTypes.d.ts +2 -2
- package/Libraries/BatchedBridge/__mocks__/MessageQueueTestConfig.js +0 -38
- package/Libraries/BatchedBridge/__mocks__/MessageQueueTestModule.js +0 -22
- package/Libraries/Blob/FileReader_new.js +0 -231
- package/Libraries/Blob/FileReader_old.js +0 -186
- package/Libraries/Blob/__mocks__/FileReaderModule.js +0 -20
- package/Libraries/Components/RefreshControl/__mocks__/RefreshControlMock.js +0 -32
- package/Libraries/Core/__mocks__/ErrorUtils.js +0 -33
- package/Libraries/Core/__mocks__/NativeExceptionsManager.js +0 -19
- package/Libraries/EventEmitter/__mocks__/NativeEventEmitter.js +0 -49
- package/Libraries/Events/CustomEvent.js +0 -32
- package/Libraries/Events/EventPolyfill.js +0 -239
- package/Libraries/Lists/__flowtests__/FlatList-flowtest.js +0 -118
- package/Libraries/Lists/__flowtests__/SectionList-flowtest.js +0 -134
- package/Libraries/Network/XMLHttpRequest_new.js +0 -794
- package/Libraries/Network/XMLHttpRequest_old.js +0 -701
- package/Libraries/StyleSheet/__flowtests__/StyleSheet-flowtest.js +0 -58
- package/Libraries/Utilities/__mocks__/BackHandler.js +0 -45
- package/Libraries/Utilities/__mocks__/PixelRatio.js +0 -25
- package/Libraries/WebSocket/WebSocketEvent.js +0 -30
- package/Libraries/WebSocket/WebSocket_new.js +0 -325
- package/Libraries/WebSocket/WebSocket_old.js +0 -297
- package/Libraries/WebSocket/__mocks__/event-target-shim.js +0 -27
- package/Libraries/__flowtests__/ReactNativeTypes-flowtest.js +0 -30
- package/Libraries/vendor/emitter/__flowtests__/EventEmitter-flowtest.js +0 -81
- package/jest/__tests__/setup-test.js +0 -18
- package/src/private/components/VScrollViewNativeComponents.js +0 -25
- package/src/private/webapis/performance/specs/__mocks__/NativePerformanceMock.js +0 -267
- package/src/types/third_party/event-target-shim.d.ts +0 -392
- /package/src/private/{devmenu → devsupport/devmenu}/DevMenu.d.ts +0 -0
- /package/src/private/{debugging → devsupport/rndevtools}/FuseboxSessionObserver.js +0 -0
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the MIT license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*
|
|
7
|
-
* @flow strict-local
|
|
8
|
-
* @format
|
|
9
|
-
*/
|
|
10
|
-
|
|
11
|
-
'use strict';
|
|
12
|
-
|
|
13
|
-
import type {ImageStyleProp, TextStyleProp} from '../StyleSheet';
|
|
14
|
-
|
|
15
|
-
const StyleSheet = require('../StyleSheet').default;
|
|
16
|
-
const imageStyle = {tintColor: 'rgb(0, 0, 0)'};
|
|
17
|
-
const textStyle = {color: 'rgb(0, 0, 0)'};
|
|
18
|
-
|
|
19
|
-
module.exports = {
|
|
20
|
-
testGoodCompose() {
|
|
21
|
-
(StyleSheet.compose(imageStyle, imageStyle): ImageStyleProp);
|
|
22
|
-
|
|
23
|
-
(StyleSheet.compose(textStyle, textStyle): TextStyleProp);
|
|
24
|
-
|
|
25
|
-
(StyleSheet.compose(null, null): TextStyleProp);
|
|
26
|
-
|
|
27
|
-
(StyleSheet.compose(textStyle, null): TextStyleProp);
|
|
28
|
-
|
|
29
|
-
(StyleSheet.compose(
|
|
30
|
-
textStyle,
|
|
31
|
-
Math.random() < 0.5 ? textStyle : null,
|
|
32
|
-
): TextStyleProp);
|
|
33
|
-
|
|
34
|
-
(StyleSheet.compose([textStyle], null): TextStyleProp);
|
|
35
|
-
|
|
36
|
-
(StyleSheet.compose([textStyle], null): TextStyleProp);
|
|
37
|
-
|
|
38
|
-
(StyleSheet.compose([textStyle], [textStyle]): TextStyleProp);
|
|
39
|
-
},
|
|
40
|
-
|
|
41
|
-
testBadCompose() {
|
|
42
|
-
// $FlowExpectedError - Incompatible type.
|
|
43
|
-
(StyleSheet.compose(textStyle, textStyle): ImageStyleProp);
|
|
44
|
-
|
|
45
|
-
// $FlowExpectedError - Incompatible type.
|
|
46
|
-
(StyleSheet.compose(
|
|
47
|
-
// $FlowExpectedError - Incompatible type.
|
|
48
|
-
[textStyle],
|
|
49
|
-
null,
|
|
50
|
-
): ImageStyleProp);
|
|
51
|
-
|
|
52
|
-
// $FlowExpectedError - Incompatible type.
|
|
53
|
-
(StyleSheet.compose(
|
|
54
|
-
Math.random() < 0.5 ? textStyle : null,
|
|
55
|
-
null,
|
|
56
|
-
): ImageStyleProp);
|
|
57
|
-
},
|
|
58
|
-
};
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the MIT license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*
|
|
7
|
-
* @format
|
|
8
|
-
*/
|
|
9
|
-
|
|
10
|
-
'use strict';
|
|
11
|
-
|
|
12
|
-
const _backPressSubscriptions = new Set();
|
|
13
|
-
|
|
14
|
-
const BackHandler = {
|
|
15
|
-
exitApp: jest.fn(),
|
|
16
|
-
|
|
17
|
-
addEventListener: function (
|
|
18
|
-
eventName: BackPressEventName,
|
|
19
|
-
handler: () => ?boolean,
|
|
20
|
-
): {remove: () => void} {
|
|
21
|
-
_backPressSubscriptions.add(handler);
|
|
22
|
-
return {
|
|
23
|
-
remove: () => {
|
|
24
|
-
_backPressSubscriptions.delete(handler);
|
|
25
|
-
},
|
|
26
|
-
};
|
|
27
|
-
},
|
|
28
|
-
|
|
29
|
-
mockPressBack: function () {
|
|
30
|
-
let invokeDefault = true;
|
|
31
|
-
const subscriptions = [..._backPressSubscriptions].reverse();
|
|
32
|
-
for (let i = 0; i < subscriptions.length; ++i) {
|
|
33
|
-
if (subscriptions[i]()) {
|
|
34
|
-
invokeDefault = false;
|
|
35
|
-
break;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
if (invokeDefault) {
|
|
40
|
-
BackHandler.exitApp();
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
module.exports = BackHandler;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the MIT license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*
|
|
7
|
-
* @format
|
|
8
|
-
*/
|
|
9
|
-
|
|
10
|
-
'use strict';
|
|
11
|
-
|
|
12
|
-
const PixelRatio = {
|
|
13
|
-
get: jest.fn().mockReturnValue(2),
|
|
14
|
-
getFontScale: jest.fn(() => PixelRatio.get()),
|
|
15
|
-
getPixelSizeForLayoutSize: jest.fn(layoutSize =>
|
|
16
|
-
Math.round(layoutSize * PixelRatio.get()),
|
|
17
|
-
),
|
|
18
|
-
roundToNearestPixel: jest.fn(layoutSize => {
|
|
19
|
-
const ratio = PixelRatio.get();
|
|
20
|
-
return Math.round(layoutSize * ratio) / ratio;
|
|
21
|
-
}),
|
|
22
|
-
startDetecting: jest.fn(),
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
export default PixelRatio;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the MIT license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*
|
|
7
|
-
* @format
|
|
8
|
-
* @flow strict-local
|
|
9
|
-
*/
|
|
10
|
-
|
|
11
|
-
'use strict';
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* Event object passed to the `onopen`, `onclose`, `onmessage`, `onerror`
|
|
15
|
-
* callbacks of `WebSocket`.
|
|
16
|
-
*
|
|
17
|
-
* The `type` property is "open", "close", "message", "error" respectively.
|
|
18
|
-
*
|
|
19
|
-
* In case of "message", the `data` property contains the incoming data.
|
|
20
|
-
*/
|
|
21
|
-
class WebSocketEvent {
|
|
22
|
-
type: string;
|
|
23
|
-
|
|
24
|
-
constructor(type: string, eventInitDict: ?{...}) {
|
|
25
|
-
this.type = type.toString();
|
|
26
|
-
Object.assign(this, eventInitDict);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
export default WebSocketEvent;
|
|
@@ -1,325 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the MIT license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*
|
|
7
|
-
* @format
|
|
8
|
-
* @flow
|
|
9
|
-
*/
|
|
10
|
-
|
|
11
|
-
import type {EventCallback} from '../../src/private/webapis/dom/events/EventTarget';
|
|
12
|
-
import type {BlobData} from '../Blob/BlobTypes';
|
|
13
|
-
import type {EventSubscription} from '../vendor/emitter/EventEmitter';
|
|
14
|
-
|
|
15
|
-
import Event from '../../src/private/webapis/dom/events/Event';
|
|
16
|
-
import {
|
|
17
|
-
getEventHandlerAttribute,
|
|
18
|
-
setEventHandlerAttribute,
|
|
19
|
-
} from '../../src/private/webapis/dom/events/EventHandlerAttributes';
|
|
20
|
-
import EventTarget from '../../src/private/webapis/dom/events/EventTarget';
|
|
21
|
-
import MessageEvent from '../../src/private/webapis/html/events/MessageEvent';
|
|
22
|
-
import CloseEvent from '../../src/private/webapis/websockets/events/CloseEvent';
|
|
23
|
-
import Blob from '../Blob/Blob';
|
|
24
|
-
import BlobManager from '../Blob/BlobManager';
|
|
25
|
-
import NativeEventEmitter from '../EventEmitter/NativeEventEmitter';
|
|
26
|
-
import binaryToBase64 from '../Utilities/binaryToBase64';
|
|
27
|
-
import Platform from '../Utilities/Platform';
|
|
28
|
-
import NativeWebSocketModule from './NativeWebSocketModule';
|
|
29
|
-
import base64 from 'base64-js';
|
|
30
|
-
import invariant from 'invariant';
|
|
31
|
-
|
|
32
|
-
type ArrayBufferView =
|
|
33
|
-
| Int8Array
|
|
34
|
-
| Uint8Array
|
|
35
|
-
| Uint8ClampedArray
|
|
36
|
-
| Int16Array
|
|
37
|
-
| Uint16Array
|
|
38
|
-
| Int32Array
|
|
39
|
-
| Uint32Array
|
|
40
|
-
| Float32Array
|
|
41
|
-
| Float64Array
|
|
42
|
-
| DataView;
|
|
43
|
-
|
|
44
|
-
type BinaryType = 'blob' | 'arraybuffer';
|
|
45
|
-
|
|
46
|
-
const CONNECTING = 0;
|
|
47
|
-
const OPEN = 1;
|
|
48
|
-
const CLOSING = 2;
|
|
49
|
-
const CLOSED = 3;
|
|
50
|
-
|
|
51
|
-
const CLOSE_NORMAL = 1000;
|
|
52
|
-
|
|
53
|
-
// Abnormal closure where no code is provided in a control frame
|
|
54
|
-
// https://www.rfc-editor.org/rfc/rfc6455.html#section-7.1.5
|
|
55
|
-
const CLOSE_ABNORMAL = 1006;
|
|
56
|
-
|
|
57
|
-
let nextWebSocketId = 0;
|
|
58
|
-
|
|
59
|
-
type WebSocketEventDefinitions = {
|
|
60
|
-
websocketOpen: [{id: number, protocol: string}],
|
|
61
|
-
websocketClosed: [{id: number, code: number, reason: string}],
|
|
62
|
-
websocketMessage: [
|
|
63
|
-
| {type: 'binary', id: number, data: string}
|
|
64
|
-
| {type: 'text', id: number, data: string}
|
|
65
|
-
| {type: 'blob', id: number, data: BlobData},
|
|
66
|
-
],
|
|
67
|
-
websocketFailed: [{id: number, message: string}],
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
/**
|
|
71
|
-
* Browser-compatible WebSockets implementation.
|
|
72
|
-
*
|
|
73
|
-
* See https://developer.mozilla.org/en-US/docs/Web/API/WebSocket
|
|
74
|
-
* See https://github.com/websockets/ws
|
|
75
|
-
*/
|
|
76
|
-
class WebSocket extends EventTarget {
|
|
77
|
-
static CONNECTING: number = CONNECTING;
|
|
78
|
-
static OPEN: number = OPEN;
|
|
79
|
-
static CLOSING: number = CLOSING;
|
|
80
|
-
static CLOSED: number = CLOSED;
|
|
81
|
-
|
|
82
|
-
CONNECTING: number = CONNECTING;
|
|
83
|
-
OPEN: number = OPEN;
|
|
84
|
-
CLOSING: number = CLOSING;
|
|
85
|
-
CLOSED: number = CLOSED;
|
|
86
|
-
|
|
87
|
-
_socketId: number;
|
|
88
|
-
_eventEmitter: NativeEventEmitter<WebSocketEventDefinitions>;
|
|
89
|
-
_subscriptions: Array<EventSubscription>;
|
|
90
|
-
_binaryType: ?BinaryType;
|
|
91
|
-
|
|
92
|
-
bufferedAmount: number;
|
|
93
|
-
extension: ?string;
|
|
94
|
-
protocol: ?string;
|
|
95
|
-
readyState: number = CONNECTING;
|
|
96
|
-
url: ?string;
|
|
97
|
-
|
|
98
|
-
constructor(
|
|
99
|
-
url: string,
|
|
100
|
-
protocols: ?string | ?Array<string>,
|
|
101
|
-
options: ?{headers?: {origin?: string, ...}, ...},
|
|
102
|
-
) {
|
|
103
|
-
super();
|
|
104
|
-
this.url = url;
|
|
105
|
-
if (typeof protocols === 'string') {
|
|
106
|
-
protocols = [protocols];
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
const {headers = {}, ...unrecognized} = options || {};
|
|
110
|
-
|
|
111
|
-
// Preserve deprecated backwards compatibility for the 'origin' option
|
|
112
|
-
// $FlowFixMe[prop-missing]
|
|
113
|
-
if (unrecognized && typeof unrecognized.origin === 'string') {
|
|
114
|
-
console.warn(
|
|
115
|
-
'Specifying `origin` as a WebSocket connection option is deprecated. Include it under `headers` instead.',
|
|
116
|
-
);
|
|
117
|
-
/* $FlowFixMe[prop-missing] (>=0.54.0 site=react_native_fb,react_native_
|
|
118
|
-
* oss) This comment suppresses an error found when Flow v0.54 was
|
|
119
|
-
* deployed. To see the error delete this comment and run Flow. */
|
|
120
|
-
headers.origin = unrecognized.origin;
|
|
121
|
-
/* $FlowFixMe[prop-missing] (>=0.54.0 site=react_native_fb,react_native_
|
|
122
|
-
* oss) This comment suppresses an error found when Flow v0.54 was
|
|
123
|
-
* deployed. To see the error delete this comment and run Flow. */
|
|
124
|
-
delete unrecognized.origin;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
// Warn about and discard anything else
|
|
128
|
-
if (Object.keys(unrecognized).length > 0) {
|
|
129
|
-
console.warn(
|
|
130
|
-
'Unrecognized WebSocket connection option(s) `' +
|
|
131
|
-
Object.keys(unrecognized).join('`, `') +
|
|
132
|
-
'`. ' +
|
|
133
|
-
'Did you mean to put these under `headers`?',
|
|
134
|
-
);
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
if (!Array.isArray(protocols)) {
|
|
138
|
-
protocols = null;
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
this._eventEmitter = new NativeEventEmitter(
|
|
142
|
-
// T88715063: NativeEventEmitter only used this parameter on iOS. Now it uses it on all platforms, so this code was modified automatically to preserve its behavior
|
|
143
|
-
// If you want to use the native module on other platforms, please remove this condition and test its behavior
|
|
144
|
-
Platform.OS !== 'ios' ? null : NativeWebSocketModule,
|
|
145
|
-
);
|
|
146
|
-
this._socketId = nextWebSocketId++;
|
|
147
|
-
this._registerEvents();
|
|
148
|
-
NativeWebSocketModule.connect(url, protocols, {headers}, this._socketId);
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
get binaryType(): ?BinaryType {
|
|
152
|
-
return this._binaryType;
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
set binaryType(binaryType: BinaryType): void {
|
|
156
|
-
if (binaryType !== 'blob' && binaryType !== 'arraybuffer') {
|
|
157
|
-
throw new Error("binaryType must be either 'blob' or 'arraybuffer'");
|
|
158
|
-
}
|
|
159
|
-
if (this._binaryType === 'blob' || binaryType === 'blob') {
|
|
160
|
-
invariant(
|
|
161
|
-
BlobManager.isAvailable,
|
|
162
|
-
'Native module BlobModule is required for blob support',
|
|
163
|
-
);
|
|
164
|
-
if (binaryType === 'blob') {
|
|
165
|
-
BlobManager.addWebSocketHandler(this._socketId);
|
|
166
|
-
} else {
|
|
167
|
-
BlobManager.removeWebSocketHandler(this._socketId);
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
this._binaryType = binaryType;
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
close(code?: number, reason?: string): void {
|
|
174
|
-
if (this.readyState === this.CLOSING || this.readyState === this.CLOSED) {
|
|
175
|
-
return;
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
this.readyState = this.CLOSING;
|
|
179
|
-
this._close(code, reason);
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
send(data: string | ArrayBuffer | ArrayBufferView | Blob): void {
|
|
183
|
-
if (this.readyState === this.CONNECTING) {
|
|
184
|
-
throw new Error('INVALID_STATE_ERR');
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
if (data instanceof Blob) {
|
|
188
|
-
invariant(
|
|
189
|
-
BlobManager.isAvailable,
|
|
190
|
-
'Native module BlobModule is required for blob support',
|
|
191
|
-
);
|
|
192
|
-
BlobManager.sendOverSocket(data, this._socketId);
|
|
193
|
-
return;
|
|
194
|
-
}
|
|
195
|
-
|
|
196
|
-
if (typeof data === 'string') {
|
|
197
|
-
NativeWebSocketModule.send(data, this._socketId);
|
|
198
|
-
return;
|
|
199
|
-
}
|
|
200
|
-
|
|
201
|
-
if (data instanceof ArrayBuffer || ArrayBuffer.isView(data)) {
|
|
202
|
-
NativeWebSocketModule.sendBinary(binaryToBase64(data), this._socketId);
|
|
203
|
-
return;
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
throw new Error('Unsupported data type');
|
|
207
|
-
}
|
|
208
|
-
|
|
209
|
-
ping(): void {
|
|
210
|
-
if (this.readyState === this.CONNECTING) {
|
|
211
|
-
throw new Error('INVALID_STATE_ERR');
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
NativeWebSocketModule.ping(this._socketId);
|
|
215
|
-
}
|
|
216
|
-
|
|
217
|
-
_close(code?: number, reason?: string): void {
|
|
218
|
-
// See https://developer.mozilla.org/en-US/docs/Web/API/CloseEvent
|
|
219
|
-
const statusCode = typeof code === 'number' ? code : CLOSE_NORMAL;
|
|
220
|
-
const closeReason = typeof reason === 'string' ? reason : '';
|
|
221
|
-
NativeWebSocketModule.close(statusCode, closeReason, this._socketId);
|
|
222
|
-
|
|
223
|
-
if (BlobManager.isAvailable && this._binaryType === 'blob') {
|
|
224
|
-
BlobManager.removeWebSocketHandler(this._socketId);
|
|
225
|
-
}
|
|
226
|
-
}
|
|
227
|
-
|
|
228
|
-
_unregisterEvents(): void {
|
|
229
|
-
this._subscriptions.forEach(e => e.remove());
|
|
230
|
-
this._subscriptions = [];
|
|
231
|
-
}
|
|
232
|
-
|
|
233
|
-
_registerEvents(): void {
|
|
234
|
-
this._subscriptions = [
|
|
235
|
-
this._eventEmitter.addListener('websocketMessage', ev => {
|
|
236
|
-
if (ev.id !== this._socketId) {
|
|
237
|
-
return;
|
|
238
|
-
}
|
|
239
|
-
let data: Blob | BlobData | ArrayBuffer | string = ev.data;
|
|
240
|
-
switch (ev.type) {
|
|
241
|
-
case 'binary':
|
|
242
|
-
data = base64.toByteArray(ev.data).buffer;
|
|
243
|
-
break;
|
|
244
|
-
case 'blob':
|
|
245
|
-
data = BlobManager.createFromOptions(ev.data);
|
|
246
|
-
break;
|
|
247
|
-
}
|
|
248
|
-
this.dispatchEvent(new MessageEvent('message', {data}));
|
|
249
|
-
}),
|
|
250
|
-
this._eventEmitter.addListener('websocketOpen', ev => {
|
|
251
|
-
if (ev.id !== this._socketId) {
|
|
252
|
-
return;
|
|
253
|
-
}
|
|
254
|
-
this.readyState = this.OPEN;
|
|
255
|
-
this.protocol = ev.protocol;
|
|
256
|
-
this.dispatchEvent(new Event('open'));
|
|
257
|
-
}),
|
|
258
|
-
this._eventEmitter.addListener('websocketClosed', ev => {
|
|
259
|
-
if (ev.id !== this._socketId) {
|
|
260
|
-
return;
|
|
261
|
-
}
|
|
262
|
-
this.readyState = this.CLOSED;
|
|
263
|
-
this.dispatchEvent(
|
|
264
|
-
new CloseEvent('close', {
|
|
265
|
-
code: ev.code,
|
|
266
|
-
reason: ev.reason,
|
|
267
|
-
// TODO: missing `wasClean` (exposed on iOS as `clean` but missing on Android)
|
|
268
|
-
}),
|
|
269
|
-
);
|
|
270
|
-
this._unregisterEvents();
|
|
271
|
-
this.close();
|
|
272
|
-
}),
|
|
273
|
-
this._eventEmitter.addListener('websocketFailed', ev => {
|
|
274
|
-
if (ev.id !== this._socketId) {
|
|
275
|
-
return;
|
|
276
|
-
}
|
|
277
|
-
this.readyState = this.CLOSED;
|
|
278
|
-
this.dispatchEvent(new Event('error'));
|
|
279
|
-
this.dispatchEvent(
|
|
280
|
-
new CloseEvent('close', {
|
|
281
|
-
code: CLOSE_ABNORMAL,
|
|
282
|
-
reason: ev.message,
|
|
283
|
-
// TODO: Expose `wasClean`
|
|
284
|
-
}),
|
|
285
|
-
);
|
|
286
|
-
this._unregisterEvents();
|
|
287
|
-
this.close();
|
|
288
|
-
}),
|
|
289
|
-
];
|
|
290
|
-
}
|
|
291
|
-
|
|
292
|
-
get onclose(): EventCallback | null {
|
|
293
|
-
return getEventHandlerAttribute(this, 'close');
|
|
294
|
-
}
|
|
295
|
-
|
|
296
|
-
set onclose(listener: ?EventCallback) {
|
|
297
|
-
setEventHandlerAttribute(this, 'close', listener);
|
|
298
|
-
}
|
|
299
|
-
|
|
300
|
-
get onerror(): EventCallback | null {
|
|
301
|
-
return getEventHandlerAttribute(this, 'error');
|
|
302
|
-
}
|
|
303
|
-
|
|
304
|
-
set onerror(listener: ?EventCallback) {
|
|
305
|
-
setEventHandlerAttribute(this, 'error', listener);
|
|
306
|
-
}
|
|
307
|
-
|
|
308
|
-
get onmessage(): EventCallback | null {
|
|
309
|
-
return getEventHandlerAttribute(this, 'message');
|
|
310
|
-
}
|
|
311
|
-
|
|
312
|
-
set onmessage(listener: ?EventCallback) {
|
|
313
|
-
setEventHandlerAttribute(this, 'message', listener);
|
|
314
|
-
}
|
|
315
|
-
|
|
316
|
-
get onopen(): EventCallback | null {
|
|
317
|
-
return getEventHandlerAttribute(this, 'open');
|
|
318
|
-
}
|
|
319
|
-
|
|
320
|
-
set onopen(listener: ?EventCallback) {
|
|
321
|
-
setEventHandlerAttribute(this, 'open', listener);
|
|
322
|
-
}
|
|
323
|
-
}
|
|
324
|
-
|
|
325
|
-
export default WebSocket;
|