@multiplayer-app/session-recorder-react-native 0.0.1-beta.15 → 0.0.1-beta.17
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/README.md +132 -5
- package/copy-react-native-dist.sh +31 -12
- package/dist/components/GestureCaptureWrapper/GestureCaptureWrapper.d.ts +1 -0
- package/dist/components/GestureCaptureWrapper/GestureCaptureWrapper.js +1 -1
- package/dist/components/GestureCaptureWrapper/GestureCaptureWrapper.js.map +1 -1
- package/dist/components/ScreenRecorderView/ScreenRecorderView.js +1 -1
- package/dist/components/ScreenRecorderView/ScreenRecorderView.js.map +1 -1
- package/dist/components/SessionRecorderWidget/FinalPopover.js +1 -1
- package/dist/components/SessionRecorderWidget/FinalPopover.js.map +1 -1
- package/dist/components/SessionRecorderWidget/InitialPopover.d.ts +2 -0
- package/dist/components/SessionRecorderWidget/InitialPopover.js +1 -1
- package/dist/components/SessionRecorderWidget/InitialPopover.js.map +1 -1
- package/dist/components/SessionRecorderWidget/ModalContainer.js +1 -1
- package/dist/components/SessionRecorderWidget/ModalContainer.js.map +1 -1
- package/dist/components/SessionRecorderWidget/SessionRecorderWidget.js +1 -1
- package/dist/components/SessionRecorderWidget/SessionRecorderWidget.js.map +1 -1
- package/dist/components/SessionRecorderWidget/styles.d.ts +27 -7
- package/dist/components/SessionRecorderWidget/styles.js +1 -1
- package/dist/components/SessionRecorderWidget/styles.js.map +1 -1
- package/dist/components/index.d.ts +0 -1
- package/dist/components/index.js +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/config/defaults.js +1 -1
- package/dist/config/defaults.js.map +1 -1
- package/dist/config/session-recorder.js +1 -1
- package/dist/config/session-recorder.js.map +1 -1
- package/dist/config/widget.d.ts +8 -0
- package/dist/config/widget.js +1 -0
- package/dist/config/widget.js.map +1 -0
- package/dist/context/SessionRecorderContext.d.ts +11 -4
- package/dist/context/SessionRecorderContext.js +1 -1
- package/dist/context/SessionRecorderContext.js.map +1 -1
- package/dist/context/SessionRecorderStore.d.ts +10 -0
- package/dist/context/SessionRecorderStore.js +1 -0
- package/dist/context/SessionRecorderStore.js.map +1 -0
- package/dist/context/useSessionRecorderStore.d.ts +8 -0
- package/dist/context/useSessionRecorderStore.js +1 -0
- package/dist/context/useSessionRecorderStore.js.map +1 -0
- package/dist/context/useStoreSelector.d.ts +4 -0
- package/dist/context/useStoreSelector.js +1 -0
- package/dist/context/useStoreSelector.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/native/GestureRecorderNative.d.ts +57 -0
- package/dist/native/GestureRecorderNative.js +1 -0
- package/dist/native/GestureRecorderNative.js.map +1 -0
- package/dist/native/index.d.ts +2 -0
- package/dist/native/index.js +1 -0
- package/dist/native/index.js.map +1 -0
- package/dist/recorder/gestureRecorder.d.ts +27 -61
- package/dist/recorder/gestureRecorder.js +1 -1
- package/dist/recorder/gestureRecorder.js.map +1 -1
- package/dist/recorder/navigationTracker.d.ts +2 -18
- package/dist/recorder/navigationTracker.js +1 -1
- package/dist/recorder/navigationTracker.js.map +1 -1
- package/dist/services/api.service.d.ts +4 -0
- package/dist/services/api.service.js.map +1 -1
- package/dist/session-recorder.d.ts +8 -28
- package/dist/session-recorder.js +1 -1
- package/dist/session-recorder.js.map +1 -1
- package/dist/types/session-recorder.d.ts +22 -14
- package/dist/utils/createStore.d.ts +8 -0
- package/dist/utils/createStore.js +1 -0
- package/dist/utils/createStore.js.map +1 -0
- package/dist/utils/logger.js +1 -1
- package/dist/utils/logger.js.map +1 -1
- package/dist/utils/platform.d.ts +8 -0
- package/dist/utils/platform.js +1 -1
- package/dist/utils/platform.js.map +1 -1
- package/dist/utils/rrweb-events.js +1 -1
- package/dist/utils/rrweb-events.js.map +1 -1
- package/dist/utils/shallowEqual.d.ts +1 -0
- package/dist/utils/shallowEqual.js +1 -0
- package/dist/utils/shallowEqual.js.map +1 -0
- package/ios/GestureRecorderNative.m +21 -0
- package/ios/GestureRecorderNative.swift +316 -0
- package/package.json +12 -22
- package/react-native.config.js +7 -10
package/README.md
CHANGED
|
@@ -75,14 +75,43 @@ The package will automatically:
|
|
|
75
75
|
- Add Expo-specific attributes to traces
|
|
76
76
|
- Optimize performance for Expo runtime
|
|
77
77
|
|
|
78
|
-
###
|
|
78
|
+
### Navigation integration
|
|
79
79
|
|
|
80
|
-
|
|
80
|
+
#### Expo Router (recommended)
|
|
81
|
+
|
|
82
|
+
Expo Router already manages the NavigationContainer. Don’t add your own.
|
|
83
|
+
|
|
84
|
+
```tsx
|
|
85
|
+
import { useEffect } from 'react'
|
|
86
|
+
import { Stack, useNavigationContainerRef } from 'expo-router'
|
|
87
|
+
import SessionRecorder from '@multiplayer-app/session-recorder-react-native'
|
|
88
|
+
|
|
89
|
+
export default function RootLayout() {
|
|
90
|
+
const navigationRef = useNavigationContainerRef()
|
|
91
|
+
|
|
92
|
+
useEffect(() => {
|
|
93
|
+
const unsub = navigationRef.addListener?.('state', () => {
|
|
94
|
+
SessionRecorder.setNavigationRef(navigationRef)
|
|
95
|
+
unsub?.()
|
|
96
|
+
})
|
|
97
|
+
return unsub
|
|
98
|
+
}, [navigationRef])
|
|
99
|
+
|
|
100
|
+
return <Stack />
|
|
101
|
+
}
|
|
102
|
+
```
|
|
103
|
+
|
|
104
|
+
#### Classic React Navigation (no Expo Router)
|
|
105
|
+
|
|
106
|
+
If you own the `NavigationContainer`, set the ref in `onReady`:
|
|
107
|
+
|
|
108
|
+
```tsx
|
|
81
109
|
import { NavigationContainer } from '@react-navigation/native'
|
|
110
|
+
import { useRef } from 'react'
|
|
82
111
|
import SessionRecorder from '@multiplayer-app/session-recorder-react-native'
|
|
83
112
|
|
|
84
113
|
export default function App() {
|
|
85
|
-
const navigationRef = useRef(null)
|
|
114
|
+
const navigationRef = useRef<any>(null)
|
|
86
115
|
|
|
87
116
|
return (
|
|
88
117
|
<NavigationContainer
|
|
@@ -118,7 +147,7 @@ SessionRecorder.save()
|
|
|
118
147
|
|
|
119
148
|
## Features
|
|
120
149
|
|
|
121
|
-
- **Gesture Recording**: Track taps, swipes, and other touch interactions
|
|
150
|
+
- **Gesture Recording**: Track taps, swipes, and other touch interactions with target element information
|
|
122
151
|
- **Navigation Tracking**: Monitor screen transitions and navigation state
|
|
123
152
|
- **Screen Recording**: Capture periodic screenshots (requires permissions)
|
|
124
153
|
- **OpenTelemetry Integration**: Correlate with backend traces
|
|
@@ -126,6 +155,104 @@ SessionRecorder.save()
|
|
|
126
155
|
- **Session Management**: Start, pause, resume, and stop sessions
|
|
127
156
|
- **Expo Support**: Full compatibility with Expo applications including automatic environment detection
|
|
128
157
|
|
|
158
|
+
## Gesture Recording & Target Element Information
|
|
159
|
+
|
|
160
|
+
The session recorder automatically captures target element information for all gesture interactions, enriching your OpenTelemetry traces with valuable context about what users are interacting with.
|
|
161
|
+
|
|
162
|
+
### Captured Attributes
|
|
163
|
+
|
|
164
|
+
When users interact with elements, the following attributes are automatically added to gesture spans:
|
|
165
|
+
|
|
166
|
+
| Attribute | Description | Example |
|
|
167
|
+
| ------------------------ | ----------------------------------------- | ----------------- |
|
|
168
|
+
| `gesture.target` | Primary identifier for the target element | `"Submit Button"` |
|
|
169
|
+
| `gesture.target.label` | Accessibility label of the element | `"Submit form"` |
|
|
170
|
+
| `gesture.target.role` | Accessibility role of the element | `"button"` |
|
|
171
|
+
| `gesture.target.test_id` | Test ID of the element | `"submit-btn"` |
|
|
172
|
+
| `gesture.target.text` | Text content of the element | `"Submit"` |
|
|
173
|
+
|
|
174
|
+
### How Target Information is Extracted
|
|
175
|
+
|
|
176
|
+
The recorder automatically extracts target information from React Native elements using the following priority:
|
|
177
|
+
|
|
178
|
+
1. **`accessibilityLabel`** - Explicit accessibility label (highest priority)
|
|
179
|
+
2. **Text content** - Text from child elements
|
|
180
|
+
3. **`testID`** - Test identifier (lowest priority)
|
|
181
|
+
|
|
182
|
+
### Best Practices for Better Trace Information
|
|
183
|
+
|
|
184
|
+
To get the most useful target information in your traces, follow these practices:
|
|
185
|
+
|
|
186
|
+
#### 1. Use Accessibility Labels
|
|
187
|
+
|
|
188
|
+
```jsx
|
|
189
|
+
<TouchableOpacity accessibilityLabel='Submit user registration form' accessibilityRole='button' onPress={handleSubmit}>
|
|
190
|
+
<Text>Submit</Text>
|
|
191
|
+
</TouchableOpacity>
|
|
192
|
+
```
|
|
193
|
+
|
|
194
|
+
#### 2. Add Test IDs for Testing Context
|
|
195
|
+
|
|
196
|
+
```jsx
|
|
197
|
+
<TouchableOpacity testID='registration-submit-btn' accessibilityLabel='Submit registration' onPress={handleSubmit}>
|
|
198
|
+
<Text>Submit</Text>
|
|
199
|
+
</TouchableOpacity>
|
|
200
|
+
```
|
|
201
|
+
|
|
202
|
+
#### 3. Use Semantic Text Content
|
|
203
|
+
|
|
204
|
+
```jsx
|
|
205
|
+
<TouchableOpacity onPress={handleSubmit}>
|
|
206
|
+
<Text>Submit Registration</Text> {/* Clear, descriptive text */}
|
|
207
|
+
</TouchableOpacity>
|
|
208
|
+
```
|
|
209
|
+
|
|
210
|
+
#### 4. Avoid Generic Labels
|
|
211
|
+
|
|
212
|
+
```jsx
|
|
213
|
+
// ❌ Poor trace information
|
|
214
|
+
<TouchableOpacity accessibilityLabel="Button" onPress={handleSubmit}>
|
|
215
|
+
<Text>Click</Text>
|
|
216
|
+
</TouchableOpacity>
|
|
217
|
+
|
|
218
|
+
// ✅ Rich trace information
|
|
219
|
+
<TouchableOpacity
|
|
220
|
+
accessibilityLabel="Submit user registration form"
|
|
221
|
+
testID="registration-submit"
|
|
222
|
+
onPress={handleSubmit}
|
|
223
|
+
>
|
|
224
|
+
<Text>Submit Registration</Text>
|
|
225
|
+
</TouchableOpacity>
|
|
226
|
+
```
|
|
227
|
+
|
|
228
|
+
### Example Trace Output
|
|
229
|
+
|
|
230
|
+
With proper element labeling, your gesture traces will include rich context:
|
|
231
|
+
|
|
232
|
+
```json
|
|
233
|
+
{
|
|
234
|
+
"spanName": "Gesture.tap",
|
|
235
|
+
"attributes": {
|
|
236
|
+
"gesture.type": "tap",
|
|
237
|
+
"gesture.platform": "react-native",
|
|
238
|
+
"gesture.coordinates.x": 150.5,
|
|
239
|
+
"gesture.coordinates.y": 200.3,
|
|
240
|
+
"gesture.target": "Submit user registration form",
|
|
241
|
+
"gesture.target.label": "Submit user registration form",
|
|
242
|
+
"gesture.target.role": "button",
|
|
243
|
+
"gesture.target.test_id": "registration-submit",
|
|
244
|
+
"gesture.target.text": "Submit Registration"
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
```
|
|
248
|
+
|
|
249
|
+
This rich context helps you:
|
|
250
|
+
|
|
251
|
+
- **Debug user interactions** more effectively
|
|
252
|
+
- **Understand user behavior** patterns
|
|
253
|
+
- **Identify UI issues** faster
|
|
254
|
+
- **Correlate frontend actions** with backend events
|
|
255
|
+
|
|
129
256
|
## Permissions
|
|
130
257
|
|
|
131
258
|
For screen recording, you'll need to add permissions to your app:
|
|
@@ -202,7 +329,7 @@ SessionRecorder.init({
|
|
|
202
329
|
|
|
203
330
|
1. **Screen recording not working**: Ensure you have the necessary permissions
|
|
204
331
|
2. **Navigation tracking not working**: Make sure you've set the navigation ref
|
|
205
|
-
3. **Gesture recording issues**:
|
|
332
|
+
3. **Gesture recording issues**: Gesture recording uses native PanResponder and should work out of the box
|
|
206
333
|
4. **Expo environment not detected**: Ensure `expo-constants` is installed and accessible
|
|
207
334
|
5. **Expo build issues**: Make sure you're using the correct entry point for Expo applications
|
|
208
335
|
|
|
@@ -7,7 +7,8 @@ set -e
|
|
|
7
7
|
SOURCE_DIR="./dist"
|
|
8
8
|
SOURCE_DIR_IOS="./ios"
|
|
9
9
|
SOURCE_DIR_ANDROID="./android"
|
|
10
|
-
|
|
10
|
+
TARGET_DIR_EXPO="./examples/example-app-expo/node_modules/@multiplayer-app/session-recorder-react-native"
|
|
11
|
+
TARGET_DIR_NATIVE="./examples/example-app/node_modules/@multiplayer-app/session-recorder-react-native"
|
|
11
12
|
|
|
12
13
|
echo "📱 Copying React Native dist to sample Expo app..."
|
|
13
14
|
|
|
@@ -19,19 +20,37 @@ if [ ! -d "$SOURCE_DIR" ]; then
|
|
|
19
20
|
fi
|
|
20
21
|
|
|
21
22
|
# Check if target directory exists
|
|
22
|
-
if [ ! -d "$
|
|
23
|
-
echo "⚠️ Target directory does not exist: $
|
|
23
|
+
if [ ! -d "$TARGET_DIR_EXPO" ]; then
|
|
24
|
+
echo "⚠️ Target directory does not exist: $TARGET_DIR_EXPO"
|
|
24
25
|
echo "💡 Skipping script execution - please make sure the sample-expo-app is set up and has the package installed"
|
|
25
26
|
exit 0
|
|
26
27
|
fi
|
|
27
28
|
|
|
28
|
-
#
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
29
|
+
# Check if target directory exists
|
|
30
|
+
if [ ! -d "$TARGET_DIR_NATIVE" ]; then
|
|
31
|
+
echo "⚠️ Target directory does not exist: $TARGET_DIR_NATIVE"
|
|
32
|
+
echo "💡 Skipping script execution - please make sure the sample-expo-app is set up and has the package installed"
|
|
33
|
+
exit 0
|
|
34
|
+
fi
|
|
34
35
|
|
|
35
|
-
|
|
36
|
-
echo "
|
|
37
|
-
|
|
36
|
+
# Copy the dist and native folders
|
|
37
|
+
echo "🔄 Copying dist folder and native sources..."
|
|
38
|
+
cp -r "$SOURCE_DIR" "$TARGET_DIR_EXPO/"
|
|
39
|
+
cp -r "$SOURCE_DIR_IOS" "$TARGET_DIR_EXPO/"
|
|
40
|
+
cp -r "$SOURCE_DIR_ANDROID" "$TARGET_DIR_EXPO/"
|
|
41
|
+
|
|
42
|
+
cp -r "$SOURCE_DIR" "$TARGET_DIR_NATIVE/"
|
|
43
|
+
cp -r "$SOURCE_DIR_IOS" "$TARGET_DIR_NATIVE/"
|
|
44
|
+
cp -r "$SOURCE_DIR_ANDROID" "$TARGET_DIR_NATIVE/"
|
|
45
|
+
|
|
46
|
+
# Ensure RN autolinking config and metadata are in sync
|
|
47
|
+
echo "🛠️ Syncing react-native.config.js and package.json..."
|
|
48
|
+
cp -f "./react-native.config.js" "$TARGET_DIR_EXPO/react-native.config.js"
|
|
49
|
+
cp -f "./package.json" "$TARGET_DIR_EXPO/package.json"
|
|
50
|
+
cp -f "./react-native.config.js" "$TARGET_DIR_NATIVE/react-native.config.js"
|
|
51
|
+
cp -f "./package.json" "$TARGET_DIR_NATIVE/package.json"
|
|
52
|
+
|
|
53
|
+
echo "✅ Successfully synced package into sample Expo app."
|
|
54
|
+
echo "📍 Source: $(pwd)"
|
|
55
|
+
echo "📍 Target: $TARGET_DIR_EXPO"
|
|
56
|
+
echo "📍 Target: $TARGET_DIR_NATIVE"
|
|
@@ -2,5 +2,6 @@ import React, { ReactNode } from 'react';
|
|
|
2
2
|
export interface GestureCaptureWrapperProps {
|
|
3
3
|
children: ReactNode;
|
|
4
4
|
onGestureRecord: (gestureType: string, data: any) => void;
|
|
5
|
+
enabled?: boolean;
|
|
5
6
|
}
|
|
6
7
|
export declare const GestureCaptureWrapper: React.FC<GestureCaptureWrapperProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var _typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:true});exports.GestureCaptureWrapper=void 0;var _react=_interopRequireWildcard(require("react"));var
|
|
1
|
+
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:true});exports.GestureCaptureWrapper=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");var _this=void 0,_jsxFileName="/Users/gegham/www/multiplayer-debugger-javascript/packages/session-recorder-react-native/dist/components/GestureCaptureWrapper/GestureCaptureWrapper.js";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,"default":e};if(null===e||"object"!=_typeof(e)&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t2 in e)"default"!==_t2&&{}.hasOwnProperty.call(e,_t2)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t2))&&(i.get||i.set)?o(f,_t2,i):f[_t2]=e[_t2]);return f;})(e,t);}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){(0,_defineProperty2["default"])(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}var GestureCaptureWrapper=exports.GestureCaptureWrapper=function GestureCaptureWrapper(_ref){var children=_ref.children,onGestureRecord=_ref.onGestureRecord,enabled=_ref.enabled;var extractTargetInfo=(0,_react.useCallback)(function(evt){var _a,_b,_c,_d;try{var inst=(evt===null||evt===void 0?void 0:evt._targetInst)||(evt===null||evt===void 0?void 0:evt._dispatchInstances)||undefined;var props=(inst===null||inst===void 0?void 0:inst.memoizedProps)||((_a=inst===null||inst===void 0?void 0:inst._currentElement)===null||_a===void 0?void 0:_a.props)||undefined;var accessibilityLabel=(props===null||props===void 0?void 0:props.accessibilityLabel)||(props===null||props===void 0?void 0:props.ariaLabel)||undefined;var accessibilityRole=(props===null||props===void 0?void 0:props.accessibilityRole)||(props===null||props===void 0?void 0:props.role)||undefined;var testID=(props===null||props===void 0?void 0:props.testID)||undefined;var text;if(typeof(props===null||props===void 0?void 0:props.children)==='string'){text=props.children;}else if(Array.isArray(props===null||props===void 0?void 0:props.children)){var flat=((_c=(_b=props.children).flat)===null||_c===void 0?void 0:_c.call(_b))||props.children;var firstText=(_d=flat.find)===null||_d===void 0?void 0:_d.call(flat,function(c){return typeof c==='string';});if(typeof firstText==='string'){text=firstText;}}var target=accessibilityLabel||text||testID||undefined;return{target:target,targetInfo:{label:accessibilityLabel,role:accessibilityRole,testId:testID,text:text}};}catch(_e){return{target:undefined,targetInfo:undefined};}},[]);var recordGesture=(0,_react.useCallback)(function(gestureType,data){if(!enabled)return;console.log('GestureCaptureWrapper: Recording gesture',{gestureType:gestureType,data:data});onGestureRecord(gestureType,data);},[enabled,onGestureRecord]);(0,_react.useEffect)(function(){if(!enabled)return;var originalHandlers={TouchableOpacity:_reactNative.TouchableOpacity.prototype._onPress,TouchableHighlight:_reactNative.TouchableHighlight.prototype._onPress,TouchableWithoutFeedback:_reactNative.TouchableWithoutFeedback.prototype._onPress,Pressable:_reactNative.Pressable.prototype._onPress};var createGestureWrapper=function createGestureWrapper(originalHandler,componentName){return function(evt){var _a,_b,_c,_d,_e;var props=this.props||{};var accessibilityLabel=props.accessibilityLabel||props.ariaLabel;var accessibilityRole=props.accessibilityRole||props.role;var testID=props.testID;var text;if(typeof props.children==='string'){text=props.children;}else if(Array.isArray(props.children)){var flat=((_b=(_a=props.children).flat)===null||_b===void 0?void 0:_b.call(_a))||props.children;var firstText=(_c=flat.find)===null||_c===void 0?void 0:_c.call(flat,function(c){return typeof c==='string';});if(typeof firstText==='string'){text=firstText;}}var target=accessibilityLabel||text||testID||"".concat(componentName,"-").concat(Math.random().toString(36).substr(2,9));recordGesture('tap',{x:((_d=evt===null||evt===void 0?void 0:evt.nativeEvent)===null||_d===void 0?void 0:_d.pageX)||0,y:((_e=evt===null||evt===void 0?void 0:evt.nativeEvent)===null||_e===void 0?void 0:_e.pageY)||0,timestamp:Date.now(),target:target,targetInfo:{label:accessibilityLabel,role:accessibilityRole,testId:testID,text:text}});if(originalHandler){return originalHandler.call(this,evt);}};};_reactNative.TouchableOpacity.prototype._onPress=createGestureWrapper(originalHandlers.TouchableOpacity,'TouchableOpacity');_reactNative.TouchableHighlight.prototype._onPress=createGestureWrapper(originalHandlers.TouchableHighlight,'TouchableHighlight');_reactNative.TouchableWithoutFeedback.prototype._onPress=createGestureWrapper(originalHandlers.TouchableWithoutFeedback,'TouchableWithoutFeedback');_reactNative.Pressable.prototype._onPress=createGestureWrapper(originalHandlers.Pressable,'Pressable');return function(){;_reactNative.TouchableOpacity.prototype._onPress=originalHandlers.TouchableOpacity;_reactNative.TouchableHighlight.prototype._onPress=originalHandlers.TouchableHighlight;_reactNative.TouchableWithoutFeedback.prototype._onPress=originalHandlers.TouchableWithoutFeedback;_reactNative.Pressable.prototype._onPress=originalHandlers.Pressable;};},[enabled,recordGesture]);var panResponder=(0,_react.useMemo)(function(){return _reactNative.PanResponder.create({onStartShouldSetPanResponder:function onStartShouldSetPanResponder(){return true;},onMoveShouldSetPanResponder:function onMoveShouldSetPanResponder(){return true;},onPanResponderGrant:function onPanResponderGrant(evt){var _extractTargetInfo=extractTargetInfo(evt),target=_extractTargetInfo.target,targetInfo=_extractTargetInfo.targetInfo;recordGesture('tap',{x:evt.nativeEvent.pageX,y:evt.nativeEvent.pageY,timestamp:Date.now(),target:target,targetInfo:targetInfo});},onPanResponderMove:function onPanResponderMove(evt){var _extractTargetInfo2=extractTargetInfo(evt),target=_extractTargetInfo2.target,targetInfo=_extractTargetInfo2.targetInfo;recordGesture('pan_update',{x:evt.nativeEvent.pageX,y:evt.nativeEvent.pageY,translationX:evt.nativeEvent.pageX-evt.nativeEvent.locationX,translationY:evt.nativeEvent.pageY-evt.nativeEvent.locationY,timestamp:Date.now(),target:target,targetInfo:targetInfo});},onPanResponderRelease:function onPanResponderRelease(evt){var _extractTargetInfo3=extractTargetInfo(evt),target=_extractTargetInfo3.target,targetInfo=_extractTargetInfo3.targetInfo;recordGesture('pan_end',{x:evt.nativeEvent.pageX,y:evt.nativeEvent.pageY,timestamp:Date.now(),target:target,targetInfo:targetInfo});}});},[extractTargetInfo,recordGesture]);return(0,_jsxRuntime.jsx)(_reactNative.View,_objectSpread(_objectSpread({collapsable:false,style:{flex:1},pointerEvents:"box-none"},panResponder.panHandlers),{},{children:children}));};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GestureCaptureWrapper.js","sourceRoot":"","sources":["../../../src/components/GestureCaptureWrapper/GestureCaptureWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"GestureCaptureWrapper.js","sourceRoot":"","sources":["../../../src/components/GestureCaptureWrapper/GestureCaptureWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACzE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAQ5H,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,EAAE,EAAE;IACpH,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,GAAQ,EAAE,EAAE;;QACjD,IAAI,CAAC;YACH,MAAM,IAAI,GAAG,CAAC,GAAW,aAAX,GAAG,uBAAH,GAAG,CAAU,WAAW,MAAK,GAAW,aAAX,GAAG,uBAAH,GAAG,CAAU,kBAAkB,CAAA,IAAI,SAAS,CAAA;YACvF,MAAM,KAAK,GAAG,CAAC,IAAY,aAAZ,IAAI,uBAAJ,IAAI,CAAU,aAAa,MAAI,MAAC,IAAY,aAAZ,IAAI,uBAAJ,IAAI,CAAU,eAAe,0CAAE,KAAK,CAAA,IAAI,SAAS,CAAA;YAChG,MAAM,kBAAkB,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,kBAAkB,MAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAA,IAAI,SAAS,CAAA;YACrF,MAAM,iBAAiB,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,iBAAiB,MAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAA,IAAI,SAAS,CAAA;YAC9E,MAAM,MAAM,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,KAAI,SAAS,CAAA;YACzC,2DAA2D;YAC3D,IAAI,IAAwB,CAAA;YAC5B,IAAI,OAAO,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAA,KAAK,QAAQ,EAAE,CAAC;gBACxC,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAA;YACvB,CAAC;iBAAM,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,EAAE,CAAC;gBAC1C,MAAM,IAAI,GAAG,CAAA,MAAA,MAAA,KAAK,CAAC,QAAQ,EAAC,IAAI,kDAAI,KAAI,KAAK,CAAC,QAAQ,CAAA;gBACtD,MAAM,SAAS,GAAG,MAAA,IAAI,CAAC,IAAI,qDAAG,CAAC,CAAM,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAA;gBAChE,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;oBAClC,IAAI,GAAG,SAAS,CAAA;gBAClB,CAAC;YACH,CAAC;YAED,iDAAiD;YACjD,MAAM,MAAM,GAAG,kBAAkB,IAAI,IAAI,IAAI,MAAM,IAAI,SAAS,CAAA;YAEhE,OAAO;gBACL,MAAM;gBACN,UAAU,EAAE;oBACV,KAAK,EAAE,kBAAkB;oBACzB,IAAI,EAAE,iBAAiB;oBACvB,MAAM,EAAE,MAAM;oBACd,IAAI;iBACL;aACF,CAAA;QACH,CAAC;QAAC,WAAM,CAAC;YACP,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,CAAA;QACrD,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,WAAmB,EAAE,IAAS,EAAE,EAAE;QACjC,IAAI,CAAC,OAAO;YAAE,OAAM;QACpB,OAAO,CAAC,GAAG,CAAC,0CAA0C,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAA;QAC9E,eAAe,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;IACpC,CAAC,EACD,CAAC,OAAO,EAAE,eAAe,CAAC,CAC3B,CAAA;IAED,wFAAwF;IACxF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAM;QAEpB,0BAA0B;QAC1B,MAAM,gBAAgB,GAAG;YACvB,gBAAgB,EAAG,gBAAgB,CAAC,SAAiB,CAAC,QAAQ;YAC9D,kBAAkB,EAAG,kBAAkB,CAAC,SAAiB,CAAC,QAAQ;YAClE,wBAAwB,EAAG,wBAAwB,CAAC,SAAiB,CAAC,QAAQ;YAC9E,SAAS,EAAG,SAAS,CAAC,SAAiB,CAAC,QAAQ;SACjD,CAAA;QAED,mCAAmC;QACnC,MAAM,oBAAoB,GAAG,CAAC,eAAoB,EAAE,aAAqB,EAAE,EAAE;YAC3E,OAAO,UAAqB,GAAQ;;gBAClC,2CAA2C;gBAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;gBAC9B,MAAM,kBAAkB,GAAG,KAAK,CAAC,kBAAkB,IAAI,KAAK,CAAC,SAAS,CAAA;gBACtE,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,IAAI,KAAK,CAAC,IAAI,CAAA;gBAC/D,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAA;gBAE3B,0BAA0B;gBAC1B,IAAI,IAAwB,CAAA;gBAC5B,IAAI,OAAO,KAAK,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;oBACvC,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAA;gBACvB,CAAC;qBAAM,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;oBACzC,MAAM,IAAI,GAAG,CAAA,MAAA,MAAA,KAAK,CAAC,QAAQ,EAAC,IAAI,kDAAI,KAAI,KAAK,CAAC,QAAQ,CAAA;oBACtD,MAAM,SAAS,GAAG,MAAA,IAAI,CAAC,IAAI,qDAAG,CAAC,CAAM,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAA;oBAChE,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;wBAClC,IAAI,GAAG,SAAS,CAAA;oBAClB,CAAC;gBACH,CAAC;gBAED,MAAM,MAAM,GAAG,kBAAkB,IAAI,IAAI,IAAI,MAAM,IAAI,GAAG,aAAa,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAA;gBAEpH,8CAA8C;gBAC9C,aAAa,CAAC,KAAK,EAAE;oBACnB,CAAC,EAAE,CAAA,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,WAAW,0CAAE,KAAK,KAAI,CAAC,EAAE,qCAAqC;oBACtE,CAAC,EAAE,CAAA,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,WAAW,0CAAE,KAAK,KAAI,CAAC,EAAE,qCAAqC;oBACtE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;oBACrB,MAAM;oBACN,UAAU,EAAE;wBACV,KAAK,EAAE,kBAAkB;wBACzB,IAAI,EAAE,iBAAiB;wBACvB,MAAM,EAAE,MAAM;wBACd,IAAI;qBACL;iBACF,CAAC,CAAA;gBAEF,sDAAsD;gBACtD,IAAI,eAAe,EAAE,CAAC;oBACpB,OAAO,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;gBACxC,CAAC;YACH,CAAC,CAAA;QACH,CAAC,CAGA;QAAC,gBAAgB,CAAC,SAAiB,CAAC,QAAQ,GAAG,oBAAoB,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAC1H;QAAC,kBAAkB,CAAC,SAAiB,CAAC,QAAQ,GAAG,oBAAoB,CACpE,gBAAgB,CAAC,kBAAkB,EACnC,oBAAoB,CACrB,CACA;QAAC,wBAAwB,CAAC,SAAiB,CAAC,QAAQ,GAAG,oBAAoB,CAC1E,gBAAgB,CAAC,wBAAwB,EACzC,0BAA0B,CAC3B,CACA;QAAC,SAAS,CAAC,SAAiB,CAAC,QAAQ,GAAG,oBAAoB,CAAC,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAA;QAEtG,gDAAgD;QAChD,OAAO,GAAG,EAAE;YACV,CAAC;YAAC,gBAAgB,CAAC,SAAiB,CAAC,QAAQ,GAAG,gBAAgB,CAAC,gBAAgB,CAChF;YAAC,kBAAkB,CAAC,SAAiB,CAAC,QAAQ,GAAG,gBAAgB,CAAC,kBAAkB,CACpF;YAAC,wBAAwB,CAAC,SAAiB,CAAC,QAAQ,GAAG,gBAAgB,CAAC,wBAAwB,CAChG;YAAC,SAAS,CAAC,SAAiB,CAAC,QAAQ,GAAG,gBAAgB,CAAC,SAAS,CAAA;QACrE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAA;IAE5B,+EAA+E;IAC/E,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,OAAO,YAAY,CAAC,MAAM,CAAC;YACzB,4BAA4B,EAAE,GAAG,EAAE,CAAC,IAAI;YACxC,2BAA2B,EAAE,GAAG,EAAE,CAAC,IAAI;YACvC,mBAAmB,EAAE,CAAC,GAAG,EAAE,EAAE;gBAC3B,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAA;gBACrD,aAAa,CAAC,KAAK,EAAE;oBACnB,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,KAAK,EAAE,qCAAqC;oBAC/D,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,KAAK,EAAE,qCAAqC;oBAC/D,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;oBACrB,MAAM;oBACN,UAAU;iBACX,CAAC,CAAA;YACJ,CAAC;YACD,kBAAkB,EAAE,CAAC,GAAG,EAAE,EAAE;gBAC1B,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAA;gBACrD,aAAa,CAAC,YAAY,EAAE;oBAC1B,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,KAAK;oBACxB,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,KAAK;oBACxB,YAAY,EAAE,GAAG,CAAC,WAAW,CAAC,KAAK,GAAG,GAAG,CAAC,WAAW,CAAC,SAAS;oBAC/D,YAAY,EAAE,GAAG,CAAC,WAAW,CAAC,KAAK,GAAG,GAAG,CAAC,WAAW,CAAC,SAAS;oBAC/D,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;oBACrB,MAAM;oBACN,UAAU;iBACX,CAAC,CAAA;YACJ,CAAC;YACD,qBAAqB,EAAE,CAAC,GAAG,EAAE,EAAE;gBAC7B,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAA;gBACrD,aAAa,CAAC,SAAS,EAAE;oBACvB,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,KAAK;oBACxB,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,KAAK;oBACxB,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;oBACrB,MAAM;oBACN,UAAU;iBACX,CAAC,CAAA;YACJ,CAAC;SACF,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC,CAAA;IAEtC,OAAO,CACL,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,YAAY,CAAC,WAAW,CAAC,CAClG;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");
|
|
1
|
+
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ScreenRecorderView=void 0;var _sessionRecorderReactNative=_interopRequireDefault(require("@multiplayer-app/session-recorder-react-native"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");var _this=void 0,_jsxFileName="/Users/gegham/www/multiplayer-debugger-javascript/packages/session-recorder-react-native/dist/components/ScreenRecorderView/ScreenRecorderView.js";var ScreenRecorderView=exports.ScreenRecorderView=function ScreenRecorderView(_ref){var children=_ref.children;var setViewShotRef=function setViewShotRef(ref){var _a;if(ref){(_a=_sessionRecorderReactNative["default"].setViewShotRef)===null||_a===void 0?void 0:_a.call(_sessionRecorderReactNative["default"],ref);}};return(0,_jsxRuntime.jsx)(_reactNative.View,{ref:setViewShotRef,style:{flex:1},children:children});};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScreenRecorderView.js","sourceRoot":"","sources":["../../../src/components/ScreenRecorderView/ScreenRecorderView.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,gDAAgD,CAAA;AAC5E,OAAO,
|
|
1
|
+
{"version":3,"file":"ScreenRecorderView.js","sourceRoot":"","sources":["../../../src/components/ScreenRecorderView/ScreenRecorderView.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,gDAAgD,CAAA;AAC5E,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAInC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IAC1E,kEAAkE;IAClE,MAAM,cAAc,GAAG,CAAC,GAAgB,EAAE,EAAE;;QAC1C,IAAI,GAAG,EAAE,CAAC;YACR,MAAA,eAAe,CAAC,cAAc,gEAAG,GAAG,CAAC,CAAA;QACvC,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,cAAc,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAC5C;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _regenerator=_interopRequireDefault(require("@babel/runtime/regenerator"));var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _styles=require("./styles");var _ModalHeader=_interopRequireDefault(require("./ModalHeader"));var _jsxRuntime=require("react/jsx-runtime");var _this=void 0,_jsxFileName="/Users/gegham/www/multiplayer-debugger-javascript/packages/session-recorder-react-native/dist/components/SessionRecorderWidget/FinalPopover.js";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,"default":e};if(null===e||"object"!=_typeof(e)&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t3 in e)"default"!==_t3&&{}.hasOwnProperty.call(e,_t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t3))&&(i.get||i.set)?o(f,_t3,i):f[_t3]=e[_t3]);return f;})(e,t);}var FinalPopover=function FinalPopover(_ref){var textOverrides=_ref.textOverrides,onStopRecording=_ref.onStopRecording,onCancelSession=_ref.onCancelSession,isSubmitting=_ref.isSubmitting;var _useState=(0,_react.useState)(''),_useState2=(0,_slicedToArray2["default"])(_useState,2),comment=_useState2[0],setComment=_useState2[1];var handleStopRecording=function(){var _ref2=(0,_asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee(){var _t;return _regenerator["default"].wrap(function(_context){while(1)switch(_context.prev=_context.next){case 0:_context.prev=0;_context.next=1;return onStopRecording(comment);case 1:_context.next=3;break;case 2:_context.prev=2;_t=_context["catch"](0);_reactNative.Alert.alert('Error','Failed to save session');case 3:case"end":return _context.stop();}},_callee,null,[[0,2]]);}));return function handleStopRecording(){return _ref2.apply(this,arguments);};}();return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_styles.sharedStyles.popoverContent,children:[(0,_jsxRuntime.jsx)(_ModalHeader["default"],{children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:onCancelSession,style:_styles.sharedStyles.cancelButton,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_styles.sharedStyles.cancelButtonText,children:textOverrides.cancelButtonText})})}),(0,_jsxRuntime.jsxs)(_reactNative.
|
|
1
|
+
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _regenerator=_interopRequireDefault(require("@babel/runtime/regenerator"));var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _styles=require("./styles");var _ModalHeader=_interopRequireDefault(require("./ModalHeader"));var _jsxRuntime=require("react/jsx-runtime");var _this=void 0,_jsxFileName="/Users/gegham/www/multiplayer-debugger-javascript/packages/session-recorder-react-native/dist/components/SessionRecorderWidget/FinalPopover.js";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,"default":e};if(null===e||"object"!=_typeof(e)&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t3 in e)"default"!==_t3&&{}.hasOwnProperty.call(e,_t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t3))&&(i.get||i.set)?o(f,_t3,i):f[_t3]=e[_t3]);return f;})(e,t);}var FinalPopover=function FinalPopover(_ref){var textOverrides=_ref.textOverrides,onStopRecording=_ref.onStopRecording,onCancelSession=_ref.onCancelSession,isSubmitting=_ref.isSubmitting;var _useState=(0,_react.useState)(''),_useState2=(0,_slicedToArray2["default"])(_useState,2),comment=_useState2[0],setComment=_useState2[1];var inputAccessoryViewID='final-popover-comment-accessory';var handleStopRecording=function(){var _ref2=(0,_asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee(){var _t;return _regenerator["default"].wrap(function(_context){while(1)switch(_context.prev=_context.next){case 0:_context.prev=0;_context.next=1;return onStopRecording(comment);case 1:_context.next=3;break;case 2:_context.prev=2;_t=_context["catch"](0);_reactNative.Alert.alert('Error','Failed to save session');case 3:case"end":return _context.stop();}},_callee,null,[[0,2]]);}));return function handleStopRecording(){return _ref2.apply(this,arguments);};}();return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_styles.sharedStyles.popoverContent,children:[(0,_jsxRuntime.jsx)(_ModalHeader["default"],{children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:onCancelSession,style:_styles.sharedStyles.cancelButton,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_styles.sharedStyles.cancelButtonText,children:textOverrides.cancelButtonText})})}),(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{style:_styles.sharedStyles.popoverBody,keyboardShouldPersistTaps:"handled",contentInsetAdjustmentBehavior:"automatic",children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_styles.sharedStyles.title,children:textOverrides.finalTitle}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_styles.sharedStyles.description,children:textOverrides.finalDescription}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,{style:_styles.sharedStyles.commentInput,placeholder:textOverrides.commentPlaceholder,value:comment,onChangeText:setComment,multiline:true,numberOfLines:3,textAlignVertical:"top",returnKeyType:"done",blurOnSubmit:true,onSubmitEditing:function onSubmitEditing(){return _reactNative.Keyboard.dismiss();}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:_styles.sharedStyles.popoverFooter,children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:[_styles.sharedStyles.actionButton,_styles.sharedStyles.stopButton],onPress:handleStopRecording,disabled:isSubmitting,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_styles.sharedStyles.actionButtonText,children:isSubmitting?'Saving...':textOverrides.saveButtonText})})})]})]});};var _default=exports["default"]=FinalPopover;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FinalPopover.js","sourceRoot":"","sources":["../../../src/components/SessionRecorderWidget/FinalPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"FinalPopover.js","sourceRoot":"","sources":["../../../src/components/SessionRecorderWidget/FinalPopover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,8 +3,10 @@ import { SessionType } from '@multiplayer-app/session-recorder-common';
|
|
|
3
3
|
import { WidgetTextOverridesConfig } from '../../types';
|
|
4
4
|
interface InitialPopoverProps {
|
|
5
5
|
textOverrides: WidgetTextOverridesConfig;
|
|
6
|
+
isContinuous: boolean;
|
|
6
7
|
showContinuousRecording: boolean;
|
|
7
8
|
onStartRecording: (sessionType: SessionType) => void;
|
|
9
|
+
onStopRecording: (comment?: string) => void;
|
|
8
10
|
onSaveContinuousSession: () => void;
|
|
9
11
|
onClose: () => void;
|
|
10
12
|
isSubmitting: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _regenerator=_interopRequireDefault(require("@babel/runtime/regenerator"));var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _sessionRecorderCommon=require("@multiplayer-app/session-recorder-common");var _styles=require("./styles");var _ModalHeader=_interopRequireDefault(require("./ModalHeader"));var _jsxRuntime=require("react/jsx-runtime");var _this=void 0,_jsxFileName="/Users/gegham/www/multiplayer-debugger-javascript/packages/session-recorder-react-native/dist/components/SessionRecorderWidget/InitialPopover.js";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,"default":e};if(null===e||"object"!=_typeof(e)&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var
|
|
1
|
+
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _regenerator=_interopRequireDefault(require("@babel/runtime/regenerator"));var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _sessionRecorderCommon=require("@multiplayer-app/session-recorder-common");var _styles=require("./styles");var _ModalHeader=_interopRequireDefault(require("./ModalHeader"));var _icons=require("./icons");var _jsxRuntime=require("react/jsx-runtime");var _this=void 0,_jsxFileName="/Users/gegham/www/multiplayer-debugger-javascript/packages/session-recorder-react-native/dist/components/SessionRecorderWidget/InitialPopover.js";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,"default":e};if(null===e||"object"!=_typeof(e)&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t5 in e)"default"!==_t5&&{}.hasOwnProperty.call(e,_t5)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t5))&&(i.get||i.set)?o(f,_t5,i):f[_t5]=e[_t5]);return f;})(e,t);}var InitialPopover=function InitialPopover(_ref){var isContinuous=_ref.isContinuous,textOverrides=_ref.textOverrides,showContinuousRecording=_ref.showContinuousRecording,onStartRecording=_ref.onStartRecording,onStopRecording=_ref.onStopRecording,onSaveContinuousSession=_ref.onSaveContinuousSession;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),saving=_useState2[0],setSaving=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2["default"])(_useState3,2),loading=_useState4[0],setLoading=_useState4[1];var _useState5=(0,_react.useState)(isContinuous),_useState6=(0,_slicedToArray2["default"])(_useState5,2),continuousRecording=_useState6[0],setContinuousRecording=_useState6[1];var handleStartRecording=function(){var _ref2=(0,_asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee(){var _t;return _regenerator["default"].wrap(function(_context){while(1)switch(_context.prev=_context.next){case 0:_context.prev=0;setLoading(true);_context.next=1;return onStartRecording(_sessionRecorderCommon.SessionType.PLAIN);case 1:_context.next=3;break;case 2:_context.prev=2;_t=_context["catch"](0);_reactNative.Alert.alert('Error','Failed to start recording');case 3:_context.prev=3;setLoading(false);return _context.finish(3);case 4:case"end":return _context.stop();}},_callee,null,[[0,2,3,4]]);}));return function handleStartRecording(){return _ref2.apply(this,arguments);};}();var handleToggleContinuousRecording=function(){var _ref3=(0,_asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2(value){var _t2;return _regenerator["default"].wrap(function(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.prev=0;setLoading(true);setContinuousRecording(value);if(!value){_context2.next=2;break;}_context2.next=1;return onStartRecording(_sessionRecorderCommon.SessionType.CONTINUOUS);case 1:_context2.next=3;break;case 2:_context2.next=3;return onStopRecording();case 3:_context2.next=5;break;case 4:_context2.prev=4;_t2=_context2["catch"](0);_reactNative.Alert.alert('Error',"Failed to ".concat(value?'start':'stop'," continuous recording"));case 5:_context2.prev=5;setLoading(false);return _context2.finish(5);case 6:case"end":return _context2.stop();}},_callee2,null,[[0,4,5,6]]);}));return function handleToggleContinuousRecording(_x){return _ref3.apply(this,arguments);};}();var handleSaveContinuousSession=function(){var _ref4=(0,_asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee3(){var _t3;return _regenerator["default"].wrap(function(_context3){while(1)switch(_context3.prev=_context3.next){case 0:_context3.prev=0;setSaving(true);_context3.next=1;return onSaveContinuousSession();case 1:_context3.next=3;break;case 2:_context3.prev=2;_t3=_context3["catch"](0);_reactNative.Alert.alert('Error','Failed to save continuous session');case 3:_context3.prev=3;setSaving(false);return _context3.finish(3);case 4:case"end":return _context3.stop();}},_callee3,null,[[0,2,3,4]]);}));return function handleSaveContinuousSession(){return _ref4.apply(this,arguments);};}();var textContent=(0,_react.useMemo)(function(){return{label:textOverrides.continuousRecordingLabel,title:showContinuousRecording?textOverrides.initialTitleWithContinuous:textOverrides.initialTitleWithoutContinuous,description:showContinuousRecording?textOverrides.initialDescriptionWithContinuous:textOverrides.initialDescriptionWithoutContinuous};},[showContinuousRecording,textOverrides]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_styles.sharedStyles.popoverContent,children:[(0,_jsxRuntime.jsx)(_ModalHeader["default"],{}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_styles.sharedStyles.popoverBody,children:[showContinuousRecording&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_styles.sharedStyles.continuousRecordingSection,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_styles.sharedStyles.continuousRecordingLabel,children:textContent.label}),(0,_jsxRuntime.jsx)(_reactNative.Switch,{disabled:loading,value:continuousRecording,ios_backgroundColor:"#e2e8f0",onValueChange:handleToggleContinuousRecording,trackColor:{"false":'#e2e8f0',"true":'#493bff'},thumbColor:'#ffffff'})]}),!continuousRecording?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_styles.sharedStyles.title,children:textContent.title}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_styles.sharedStyles.description,children:textContent.description}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:_styles.sharedStyles.popoverFooter,children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{disabled:loading,onPress:handleStartRecording,style:[_styles.sharedStyles.actionButton,_styles.sharedStyles.startButton],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_styles.sharedStyles.actionButtonText,children:loading?'Starting to record...':textOverrides.startRecordingButtonText})})})]}):(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_styles.sharedStyles.continuousOverlay,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_styles.sharedStyles.continuousOverlayHeader,children:[(0,_jsxRuntime.jsx)(_icons.CapturingIcon,{size:20,color:"red"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_styles.sharedStyles.continuousOverlayTitle,children:textOverrides.continuousOverlayTitle})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_styles.sharedStyles.continuousOverlayDescription,children:textOverrides.continuousOverlayDescription})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:_styles.sharedStyles.popoverFooter,children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{disabled:saving,onPress:handleSaveContinuousSession,style:[_styles.sharedStyles.actionButton,_styles.sharedStyles.saveButton],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_styles.sharedStyles.actionButtonText,children:saving?'Saving...':textOverrides.saveLastSnapshotButtonText})})})]})]})]});};var _default=exports["default"]=InitialPopover;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InitialPopover.js","sourceRoot":"","sources":["../../../src/components/SessionRecorderWidget/InitialPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"InitialPopover.js","sourceRoot":"","sources":["../../../src/components/SessionRecorderWidget/InitialPopover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeSafeAreaContext=require("react-native-safe-area-context");var
|
|
1
|
+
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeSafeAreaContext=require("react-native-safe-area-context");var _jsxRuntime=require("react/jsx-runtime");var _this=void 0,_jsxFileName="/Users/gegham/www/multiplayer-debugger-javascript/packages/session-recorder-react-native/dist/components/SessionRecorderWidget/ModalContainer.js";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,"default":e};if(null===e||"object"!=_typeof(e)&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t2 in e)"default"!==_t2&&{}.hasOwnProperty.call(e,_t2)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t2))&&(i.get||i.set)?o(f,_t2,i):f[_t2]=e[_t2]);return f;})(e,t);}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){(0,_defineProperty2["default"])(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}var _Dimensions$get=_reactNative.Dimensions.get('window'),SCREEN_HEIGHT=_Dimensions$get.height;var MODAL_HEIGHT=SCREEN_HEIGHT*0.7;var ModalContainer=function ModalContainer(_ref){var isVisible=_ref.isVisible,onClose=_ref.onClose,children=_ref.children;var fadeAnim=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current;var translateY=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current;var _useState=(0,_react.useState)(isVisible),_useState2=(0,_slicedToArray2["default"])(_useState,2),visible=_useState2[0],setVisible=_useState2[1];var SWIPE_THRESHOLD=100;var animateClose=function animateClose(){_reactNative.Animated.parallel([_reactNative.Animated.timing(fadeAnim,{toValue:0,duration:250,useNativeDriver:true}),_reactNative.Animated.timing(translateY,{toValue:MODAL_HEIGHT,duration:250,useNativeDriver:true})]).start(function(){setVisible(false);onClose();});};(0,_react.useEffect)(function(){if(isVisible){setVisible(true);translateY.setValue(MODAL_HEIGHT);_reactNative.Animated.parallel([_reactNative.Animated.timing(fadeAnim,{toValue:1,duration:300,useNativeDriver:true}),_reactNative.Animated.timing(translateY,{toValue:0,duration:300,useNativeDriver:true})]).start();}else if(visible){_reactNative.Animated.parallel([_reactNative.Animated.timing(fadeAnim,{toValue:0,duration:250,useNativeDriver:true}),_reactNative.Animated.timing(translateY,{toValue:MODAL_HEIGHT,duration:250,useNativeDriver:true})]).start(function(){setVisible(false);});}},[isVisible,fadeAnim,translateY,visible]);var panResponder=(0,_react.useRef)(_reactNative.PanResponder.create({onStartShouldSetPanResponder:function onStartShouldSetPanResponder(){return true;},onMoveShouldSetPanResponder:function onMoveShouldSetPanResponder(evt,gestureState){return gestureState.dy>10;},onPanResponderGrant:function onPanResponderGrant(){translateY.stopAnimation();},onPanResponderMove:function onPanResponderMove(evt,gestureState){if(gestureState.dy>0){translateY.setValue(gestureState.dy);}},onPanResponderRelease:function onPanResponderRelease(evt,gestureState){var dy=gestureState.dy,vy=gestureState.vy;if(dy>SWIPE_THRESHOLD||vy>500){animateClose();}else{_reactNative.Animated.spring(translateY,{toValue:0,useNativeDriver:true,tension:100,friction:8}).start();}}})).current;return(0,_jsxRuntime.jsx)(_reactNative.Modal,{visible:visible,transparent:true,animationType:"none",onRequestClose:onClose,children:(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{style:_objectSpread(_objectSpread({},styles.backdrop),{},{opacity:fadeAnim}),children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:styles.backdropPressable,onPress:animateClose}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,_objectSpread(_objectSpread({style:[styles.modal,{transform:[{translateY:translateY}]}]},panResponder.panHandlers),{},{children:(0,_jsxRuntime.jsx)(_reactNativeSafeAreaContext.SafeAreaProvider,{children:(0,_jsxRuntime.jsx)(_reactNativeSafeAreaContext.SafeAreaView,{style:styles.safeArea,children:children})})}))]})});};var styles=_reactNative.StyleSheet.create({backdrop:{position:'absolute',top:0,left:0,right:0,bottom:0,backgroundColor:'rgba(0, 0, 0, 0.5)'},backdropPressable:{flex:1},safeArea:{flex:1},modal:{position:'absolute',bottom:0,left:0,right:0,height:'auto',backgroundColor:'white',borderTopLeftRadius:20,borderTopRightRadius:20}});var _default=exports["default"]=ModalContainer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContainer.js","sourceRoot":"","sources":["../../../src/components/SessionRecorderWidget/ModalContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"ModalContainer.js","sourceRoot":"","sources":["../../../src/components/SessionRecorderWidget/ModalContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _regenerator=_interopRequireDefault(require("@babel/runtime/regenerator"));var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _types=require("../../types");var _SessionRecorderContext=require("../../context/SessionRecorderContext");var _FloatingButton=_interopRequireDefault(require("./FloatingButton"));var _ModalContainer=_interopRequireDefault(require("./ModalContainer"));var _InitialPopover=_interopRequireDefault(require("./InitialPopover"));var _FinalPopover=_interopRequireDefault(require("./FinalPopover"));var _jsxRuntime=require("react/jsx-runtime");var _this=void 0,_jsxFileName="/Users/gegham/www/multiplayer-debugger-javascript/packages/session-recorder-react-native/dist/components/SessionRecorderWidget/SessionRecorderWidget.js";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,"default":e};if(null===e||"object"!=_typeof(e)&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var
|
|
1
|
+
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _regenerator=_interopRequireDefault(require("@babel/runtime/regenerator"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _types=require("../../types");var _sessionRecorderCommon=require("@multiplayer-app/session-recorder-common");var _SessionRecorderContext=require("../../context/SessionRecorderContext");var _FloatingButton=_interopRequireDefault(require("./FloatingButton"));var _ModalContainer=_interopRequireDefault(require("./ModalContainer"));var _InitialPopover=_interopRequireDefault(require("./InitialPopover"));var _FinalPopover=_interopRequireDefault(require("./FinalPopover"));var _utils=require("../../utils");var _useSessionRecorderStore=require("../../context/useSessionRecorderStore");var _jsxRuntime=require("react/jsx-runtime");var _this=void 0,_jsxFileName="/Users/gegham/www/multiplayer-debugger-javascript/packages/session-recorder-react-native/dist/components/SessionRecorderWidget/SessionRecorderWidget.js";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,"default":e};if(null===e||"object"!=_typeof(e)&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t5 in e)"default"!==_t5&&{}.hasOwnProperty.call(e,_t5)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t5))&&(i.get||i.set)?o(f,_t5,i):f[_t5]=e[_t5]);return f;})(e,t);}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){(0,_defineProperty2["default"])(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}var SessionRecorderWidget=(0,_react.memo)(function(){var _a;var _useSessionRecorder=(0,_SessionRecorderContext.useSessionRecorder)(),instance=_useSessionRecorder.instance,openWidgetModal=_useSessionRecorder.openWidgetModal,closeWidgetModal=_useSessionRecorder.closeWidgetModal;var sessionType=(0,_useSessionRecorderStore.useSessionRecorderStore)(function(s){return s.sessionType;});var isModalVisible=(0,_useSessionRecorderStore.useSessionRecorderStore)(function(s){return s.isWidgetModalVisible;});var sessionState=(0,_useSessionRecorderStore.useSessionRecorderStore)(function(s){return s.sessionState;});var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),isSubmitting=_useState2[0],setIsSubmitting=_useState2[1];var config=instance.config;var widget=config.widget;var textOverrides=config.widgetTextOverrides;var showContinuousRecording=config.showContinuousRecording;var onStartRecording=(0,_react.useCallback)(function(){var _ref=(0,_asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee(sessionType){var _t;return _regenerator["default"].wrap(function(_context){while(1)switch(_context.prev=_context.next){case 0:_context.prev=0;_context.next=1;return instance.start(sessionType);case 1:closeWidgetModal();_context.next=3;break;case 2:_context.prev=2;_t=_context["catch"](0);_utils.logger.error('SessionRecorderWidget','Failed to start recording',_t);throw _t;case 3:case"end":return _context.stop();}},_callee,null,[[0,2]]);}));return function(_x){return _ref.apply(this,arguments);};}(),[]);var onStopRecording=(0,_react.useCallback)(function(){var _ref2=(0,_asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2(comment){var _t2;return _regenerator["default"].wrap(function(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.prev=0;setIsSubmitting(true);_context2.next=1;return instance.stop(comment);case 1:closeWidgetModal();_context2.next=3;break;case 2:_context2.prev=2;_t2=_context2["catch"](0);_utils.logger.error('SessionRecorderWidget','Failed to stop recording',_t2);throw _t2;case 3:_context2.prev=3;setIsSubmitting(false);return _context2.finish(3);case 4:case"end":return _context2.stop();}},_callee2,null,[[0,2,3,4]]);}));return function(_x2){return _ref2.apply(this,arguments);};}(),[]);var onCancelSession=(0,_react.useCallback)((0,_asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee3(){var _t3;return _regenerator["default"].wrap(function(_context3){while(1)switch(_context3.prev=_context3.next){case 0:_context3.prev=0;_context3.next=1;return instance.cancel();case 1:closeWidgetModal();_context3.next=3;break;case 2:_context3.prev=2;_t3=_context3["catch"](0);_utils.logger.error('SessionRecorderWidget','Failed to cancel session',_t3);case 3:case"end":return _context3.stop();}},_callee3,null,[[0,2]]);})),[]);var onSaveContinuousSession=(0,_react.useCallback)((0,_asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee4(){return _regenerator["default"].wrap(function(_context4){while(1)switch(_context4.prev=_context4.next){case 0:return _context4.abrupt("return",instance.save());case 1:case"end":return _context4.stop();}},_callee4);})),[]);var renderModalContent=(0,_react.useMemo)(function(){var isStarted=sessionState===_types.SessionState.started||sessionState===_types.SessionState.paused;var isContinuous=sessionType===_sessionRecorderCommon.SessionType.CONTINUOUS;if(isStarted&&!isContinuous){return(0,_jsxRuntime.jsx)(_FinalPopover["default"],{isSubmitting:isSubmitting,textOverrides:textOverrides,onClose:closeWidgetModal,onStopRecording:onStopRecording,onCancelSession:onCancelSession});}return(0,_jsxRuntime.jsx)(_InitialPopover["default"],{isSubmitting:isSubmitting,textOverrides:textOverrides,isContinuous:isStarted&&isContinuous,showContinuousRecording:showContinuousRecording,onClose:closeWidgetModal,onStopRecording:onStopRecording,onStartRecording:onStartRecording,onSaveContinuousSession:onSaveContinuousSession});},[sessionState,sessionType,isSubmitting,textOverrides,showContinuousRecording,closeWidgetModal,onStopRecording,onCancelSession,onStartRecording,onSaveContinuousSession]);return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[((_a=widget.button)===null||_a===void 0?void 0:_a.visible)&&(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"box-none",style:styles.overlayContainer,children:(0,_jsxRuntime.jsx)(_FloatingButton["default"],{sessionState:sessionState,onPress:openWidgetModal})}),(0,_jsxRuntime.jsx)(_ModalContainer["default"],{isVisible:isModalVisible,onClose:closeWidgetModal,children:renderModalContent})]});});var _default=exports["default"]=SessionRecorderWidget;var styles=_reactNative.StyleSheet.create({overlayContainer:_objectSpread({},_reactNative.StyleSheet.absoluteFillObject)});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SessionRecorderWidget.js","sourceRoot":"","sources":["../../../src/components/SessionRecorderWidget/SessionRecorderWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"SessionRecorderWidget.js","sourceRoot":"","sources":["../../../src/components/SessionRecorderWidget/SessionRecorderWidget.tsx"],"names":[],"mappings":"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"}
|