@multiplayer-app/session-recorder-react-native 0.0.1-beta.15 → 0.0.1-beta.16
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 +100 -2
- package/copy-react-native-dist.sh +9 -5
- 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/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 +17 -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/context/SessionRecorderContext.d.ts +2 -0
- package/dist/context/SessionRecorderContext.js +1 -1
- package/dist/context/SessionRecorderContext.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/session-recorder.js +1 -1
- package/dist/session-recorder.js.map +1 -1
- package/dist/types/session-recorder.d.ts +7 -0
- package/dist/utils/logger.js +1 -1
- package/dist/utils/logger.js.map +1 -1
- package/ios/GestureRecorderNative.m +21 -0
- package/ios/GestureRecorderNative.swift +316 -0
- package/package.json +10 -21
- package/react-native.config.js +7 -10
package/README.md
CHANGED
|
@@ -118,7 +118,7 @@ SessionRecorder.save()
|
|
|
118
118
|
|
|
119
119
|
## Features
|
|
120
120
|
|
|
121
|
-
- **Gesture Recording**: Track taps, swipes, and other touch interactions
|
|
121
|
+
- **Gesture Recording**: Track taps, swipes, and other touch interactions with target element information
|
|
122
122
|
- **Navigation Tracking**: Monitor screen transitions and navigation state
|
|
123
123
|
- **Screen Recording**: Capture periodic screenshots (requires permissions)
|
|
124
124
|
- **OpenTelemetry Integration**: Correlate with backend traces
|
|
@@ -126,6 +126,104 @@ SessionRecorder.save()
|
|
|
126
126
|
- **Session Management**: Start, pause, resume, and stop sessions
|
|
127
127
|
- **Expo Support**: Full compatibility with Expo applications including automatic environment detection
|
|
128
128
|
|
|
129
|
+
## Gesture Recording & Target Element Information
|
|
130
|
+
|
|
131
|
+
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.
|
|
132
|
+
|
|
133
|
+
### Captured Attributes
|
|
134
|
+
|
|
135
|
+
When users interact with elements, the following attributes are automatically added to gesture spans:
|
|
136
|
+
|
|
137
|
+
| Attribute | Description | Example |
|
|
138
|
+
| ------------------------ | ----------------------------------------- | ----------------- |
|
|
139
|
+
| `gesture.target` | Primary identifier for the target element | `"Submit Button"` |
|
|
140
|
+
| `gesture.target.label` | Accessibility label of the element | `"Submit form"` |
|
|
141
|
+
| `gesture.target.role` | Accessibility role of the element | `"button"` |
|
|
142
|
+
| `gesture.target.test_id` | Test ID of the element | `"submit-btn"` |
|
|
143
|
+
| `gesture.target.text` | Text content of the element | `"Submit"` |
|
|
144
|
+
|
|
145
|
+
### How Target Information is Extracted
|
|
146
|
+
|
|
147
|
+
The recorder automatically extracts target information from React Native elements using the following priority:
|
|
148
|
+
|
|
149
|
+
1. **`accessibilityLabel`** - Explicit accessibility label (highest priority)
|
|
150
|
+
2. **Text content** - Text from child elements
|
|
151
|
+
3. **`testID`** - Test identifier (lowest priority)
|
|
152
|
+
|
|
153
|
+
### Best Practices for Better Trace Information
|
|
154
|
+
|
|
155
|
+
To get the most useful target information in your traces, follow these practices:
|
|
156
|
+
|
|
157
|
+
#### 1. Use Accessibility Labels
|
|
158
|
+
|
|
159
|
+
```jsx
|
|
160
|
+
<TouchableOpacity accessibilityLabel='Submit user registration form' accessibilityRole='button' onPress={handleSubmit}>
|
|
161
|
+
<Text>Submit</Text>
|
|
162
|
+
</TouchableOpacity>
|
|
163
|
+
```
|
|
164
|
+
|
|
165
|
+
#### 2. Add Test IDs for Testing Context
|
|
166
|
+
|
|
167
|
+
```jsx
|
|
168
|
+
<TouchableOpacity testID='registration-submit-btn' accessibilityLabel='Submit registration' onPress={handleSubmit}>
|
|
169
|
+
<Text>Submit</Text>
|
|
170
|
+
</TouchableOpacity>
|
|
171
|
+
```
|
|
172
|
+
|
|
173
|
+
#### 3. Use Semantic Text Content
|
|
174
|
+
|
|
175
|
+
```jsx
|
|
176
|
+
<TouchableOpacity onPress={handleSubmit}>
|
|
177
|
+
<Text>Submit Registration</Text> {/* Clear, descriptive text */}
|
|
178
|
+
</TouchableOpacity>
|
|
179
|
+
```
|
|
180
|
+
|
|
181
|
+
#### 4. Avoid Generic Labels
|
|
182
|
+
|
|
183
|
+
```jsx
|
|
184
|
+
// ❌ Poor trace information
|
|
185
|
+
<TouchableOpacity accessibilityLabel="Button" onPress={handleSubmit}>
|
|
186
|
+
<Text>Click</Text>
|
|
187
|
+
</TouchableOpacity>
|
|
188
|
+
|
|
189
|
+
// ✅ Rich trace information
|
|
190
|
+
<TouchableOpacity
|
|
191
|
+
accessibilityLabel="Submit user registration form"
|
|
192
|
+
testID="registration-submit"
|
|
193
|
+
onPress={handleSubmit}
|
|
194
|
+
>
|
|
195
|
+
<Text>Submit Registration</Text>
|
|
196
|
+
</TouchableOpacity>
|
|
197
|
+
```
|
|
198
|
+
|
|
199
|
+
### Example Trace Output
|
|
200
|
+
|
|
201
|
+
With proper element labeling, your gesture traces will include rich context:
|
|
202
|
+
|
|
203
|
+
```json
|
|
204
|
+
{
|
|
205
|
+
"spanName": "Gesture.tap",
|
|
206
|
+
"attributes": {
|
|
207
|
+
"gesture.type": "tap",
|
|
208
|
+
"gesture.platform": "react-native",
|
|
209
|
+
"gesture.coordinates.x": 150.5,
|
|
210
|
+
"gesture.coordinates.y": 200.3,
|
|
211
|
+
"gesture.target": "Submit user registration form",
|
|
212
|
+
"gesture.target.label": "Submit user registration form",
|
|
213
|
+
"gesture.target.role": "button",
|
|
214
|
+
"gesture.target.test_id": "registration-submit",
|
|
215
|
+
"gesture.target.text": "Submit Registration"
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
```
|
|
219
|
+
|
|
220
|
+
This rich context helps you:
|
|
221
|
+
|
|
222
|
+
- **Debug user interactions** more effectively
|
|
223
|
+
- **Understand user behavior** patterns
|
|
224
|
+
- **Identify UI issues** faster
|
|
225
|
+
- **Correlate frontend actions** with backend events
|
|
226
|
+
|
|
129
227
|
## Permissions
|
|
130
228
|
|
|
131
229
|
For screen recording, you'll need to add permissions to your app:
|
|
@@ -202,7 +300,7 @@ SessionRecorder.init({
|
|
|
202
300
|
|
|
203
301
|
1. **Screen recording not working**: Ensure you have the necessary permissions
|
|
204
302
|
2. **Navigation tracking not working**: Make sure you've set the navigation ref
|
|
205
|
-
3. **Gesture recording issues**:
|
|
303
|
+
3. **Gesture recording issues**: Gesture recording uses native PanResponder and should work out of the box
|
|
206
304
|
4. **Expo environment not detected**: Ensure `expo-constants` is installed and accessible
|
|
207
305
|
5. **Expo build issues**: Make sure you're using the correct entry point for Expo applications
|
|
208
306
|
|
|
@@ -25,13 +25,17 @@ if [ ! -d "$TARGET_DIR" ]; then
|
|
|
25
25
|
exit 0
|
|
26
26
|
fi
|
|
27
27
|
|
|
28
|
-
# Copy the dist
|
|
29
|
-
echo "🔄 Copying dist folder..."
|
|
28
|
+
# Copy the dist and native folders
|
|
29
|
+
echo "🔄 Copying dist folder and native sources..."
|
|
30
30
|
cp -r "$SOURCE_DIR" "$TARGET_DIR/"
|
|
31
31
|
cp -r "$SOURCE_DIR_IOS" "$TARGET_DIR/"
|
|
32
32
|
cp -r "$SOURCE_DIR_ANDROID" "$TARGET_DIR/"
|
|
33
33
|
|
|
34
|
+
# Ensure RN autolinking config and metadata are in sync
|
|
35
|
+
echo "🛠️ Syncing react-native.config.js and package.json..."
|
|
36
|
+
cp -f "./react-native.config.js" "$TARGET_DIR/react-native.config.js"
|
|
37
|
+
cp -f "./package.json" "$TARGET_DIR/package.json"
|
|
34
38
|
|
|
35
|
-
echo "✅ Successfully
|
|
36
|
-
echo "📍 Source: $
|
|
37
|
-
echo "📍 Target: $TARGET_DIR
|
|
39
|
+
echo "✅ Successfully synced package into sample Expo app."
|
|
40
|
+
echo "📍 Source: $(pwd)"
|
|
41
|
+
echo "📍 Target: $TARGET_DIR"
|
|
@@ -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"}
|
|
@@ -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 _t4 in e)"default"!==_t4&&{}.hasOwnProperty.call(e,_t4)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t4))&&(i.get||i.set)?o(f,_t4,i):f[_t4]=e[_t4]);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(){return _regenerator["default"].wrap(function(_context){while(1)switch(_context.prev=_context.next){case 0:try{setLoading(true);onStartRecording(_sessionRecorderCommon.SessionType.PLAIN);}catch(error){_reactNative.Alert.alert('Error','Failed to start recording');}finally{setLoading(false);}case 1:case"end":return _context.stop();}},_callee);}));return function handleStartRecording(){return _ref2.apply(this,arguments);};}();var handleToggleContinuousRecording=function(){var _ref3=(0,_asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2(value){var _t;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;_t=_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 _t2;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;_t2=_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,onValueChange:handleToggleContinuousRecording,trackColor:{"false":'#767577',"true":'#81b0ff'},thumbColor:continuousRecording?'#007AFF':'#f4f3f4'})]}),!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)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),animatedFinished=_useState2[0],setAnimatedFinished=_useState2[1];var SWIPE_THRESHOLD=100;var MAX_SWIPE_DISTANCE=200;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(){onClose();});};(0,_react.useEffect)(function(){if(isVisible){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();}},[isVisible,fadeAnim,translateY]);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.jsxs)(_jsxRuntime.Fragment,{children:[isVisible&&(0,_jsxRuntime.jsx)(_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.Modal,{visible:isVisible,transparent:true,animationType:"none",onRequestClose:onClose,children:(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 _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=function SessionRecorderWidget(){var _useSessionRecorder=(0,_SessionRecorderContext.useSessionRecorder)(),sessionState=_useSessionRecorder.sessionState,sessionType=_useSessionRecorder.sessionType,instance=_useSessionRecorder.instance;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),isModalVisible=_useState2[0],setIsModalVisible=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2["default"])(_useState3,2),isSubmitting=_useState4[0],setIsSubmitting=_useState4[1];var config=instance.config;var textOverrides=config.widgetTextOverrides;var showContinuousRecording=config.showContinuousRecording;var openModal=function openModal(){setIsModalVisible(true);};var closeModal=function closeModal(){setIsModalVisible(false);};var onStartRecording=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:closeModal();_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 onStartRecording(_x){return _ref.apply(this,arguments);};}();var onStopRecording=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:closeModal();_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 onStopRecording(_x2){return _ref2.apply(this,arguments);};}();var onCancelSession=function(){var _ref3=(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:closeModal();_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]]);}));return function onCancelSession(){return _ref3.apply(this,arguments);};}();var onSaveContinuousSession=function(){var _ref4=(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);}));return function onSaveContinuousSession(){return _ref4.apply(this,arguments);};}();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:closeModal,onStopRecording:onStopRecording,onCancelSession:onCancelSession});}return(0,_jsxRuntime.jsx)(_InitialPopover["default"],{isSubmitting:isSubmitting,textOverrides:textOverrides,isContinuous:isStarted&&isContinuous,showContinuousRecording:showContinuousRecording,onClose:closeModal,onStopRecording:onStopRecording,onStartRecording:onStartRecording,onSaveContinuousSession:onSaveContinuousSession});},[sessionState,isSubmitting,textOverrides,showContinuousRecording]);return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"box-none",style:styles.overlayContainer,children:(0,_jsxRuntime.jsx)(_FloatingButton["default"],{sessionState:sessionState,onPress:openModal})}),(0,_jsxRuntime.jsx)(_ModalContainer["default"],{isVisible:isModalVisible,onClose:closeModal,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;AAChD,OAAO,EAAE,
|
|
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;AAChD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAA;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAA;AACzE,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAIpC,MAAM,qBAAqB,GAAyC,GAAG,EAAE;IACvE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACpE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,kCAAkC;IAClC,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAA;IAC9B,MAAM,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAA;IAChD,MAAM,uBAAuB,GAAG,MAAM,CAAC,uBAAuB,CAAA;IAE9D,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,iBAAiB,CAAC,IAAI,CAAC,CAAA;IACzB,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC1B,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,KAAK,EAAE,WAAwB,EAAE,EAAE;QAC1D,IAAI,CAAC;YACH,MAAM,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;YACjC,UAAU,EAAE,CAAA;QACd,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,KAAK,CAAC,uBAAuB,EAAE,2BAA2B,EAAE,KAAK,CAAC,CAAA;YACzE,MAAM,KAAK,CAAA;QACb,CAAC;IACH,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,KAAK,EAAE,OAAgB,EAAE,EAAE;QACjD,IAAI,CAAC;YACH,eAAe,CAAC,IAAI,CAAC,CAAA;YACrB,MAAM,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;YAC5B,UAAU,EAAE,CAAA;QACd,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,KAAK,CAAC,uBAAuB,EAAE,0BAA0B,EAAE,KAAK,CAAC,CAAA;YACxE,MAAM,KAAK,CAAA;QACb,CAAC;gBAAS,CAAC;YACT,eAAe,CAAC,KAAK,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,KAAK,IAAI,EAAE;QACjC,IAAI,CAAC;YACH,MAAM,QAAQ,CAAC,MAAM,EAAE,CAAA;YACvB,UAAU,EAAE,CAAA;QACd,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,KAAK,CAAC,uBAAuB,EAAE,0BAA0B,EAAE,KAAK,CAAC,CAAA;QAC1E,CAAC;IACH,CAAC,CAAA;IAED,MAAM,uBAAuB,GAAG,KAAK,IAAI,EAAE;QACzC,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAA;IACxB,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,SAAS,GAAG,YAAY,KAAK,YAAY,CAAC,OAAO,IAAI,YAAY,KAAK,YAAY,CAAC,MAAM,CAAA;QAC/F,MAAM,YAAY,GAAG,WAAW,KAAK,WAAW,CAAC,UAAU,CAAA;QAC3D,IAAI,SAAS,IAAI,CAAC,YAAY,EAAE,CAAC;YAC/B,OAAO,CACL,CAAC,YAAY,CACX,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,OAAO,CAAC,CAAC,UAAU,CAAC,CACpB,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,eAAe,CAAC,CAAC,eAAe,CAAC,EACjC,CACH,CAAA;QACH,CAAC;QAED,OAAO,CACL,CAAC,cAAc,CACb,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,YAAY,CAAC,CAAC,SAAS,IAAI,YAAY,CAAC,CACxC,uBAAuB,CAAC,CAAC,uBAAuB,CAAC,CACjD,OAAO,CAAC,CAAC,UAAU,CAAC,CACpB,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,uBAAuB,CAAC,CAAC,uBAAuB,CAAC,EACjD,CACH,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,uBAAuB,CAAC,CAAC,CAAA;IAExE,OAAO,CACL,EACE;MAAA,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAC5D;QAAA,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,EACjE;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAC7D;QAAA,CAAC,kBAAkB,CACrB;MAAA,EAAE,cAAc,CAClB;IAAA,GAAG,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,qBAAqB,CAAA;AAEpC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,gBAAgB,EAAE;QAChB,GAAG,UAAU,CAAC,kBAAkB;KACjC;CACF,CAAC,CAAA"}
|
|
@@ -101,21 +101,31 @@ export declare const sharedStyles: {
|
|
|
101
101
|
color: string;
|
|
102
102
|
};
|
|
103
103
|
continuousOverlay: {
|
|
104
|
-
marginTop: number;
|
|
105
|
-
padding: number;
|
|
106
|
-
backgroundColor: string;
|
|
107
104
|
borderRadius: number;
|
|
108
105
|
borderWidth: number;
|
|
109
106
|
borderColor: string;
|
|
107
|
+
backgroundColor: string;
|
|
108
|
+
padding: number;
|
|
109
|
+
shadowColor: string;
|
|
110
|
+
shadowOffset: {
|
|
111
|
+
width: number;
|
|
112
|
+
height: number;
|
|
113
|
+
};
|
|
114
|
+
shadowOpacity: number;
|
|
115
|
+
shadowRadius: number;
|
|
116
|
+
elevation: number;
|
|
117
|
+
flexDirection: "column";
|
|
118
|
+
gap: number;
|
|
110
119
|
};
|
|
111
|
-
|
|
112
|
-
|
|
120
|
+
continuousOverlayHeader: {
|
|
121
|
+
flexDirection: "row";
|
|
122
|
+
alignItems: "center";
|
|
123
|
+
gap: number;
|
|
113
124
|
};
|
|
114
125
|
continuousOverlayTitle: {
|
|
115
126
|
fontSize: number;
|
|
116
|
-
fontWeight: "
|
|
127
|
+
fontWeight: "500";
|
|
117
128
|
color: string;
|
|
118
|
-
marginBottom: number;
|
|
119
129
|
};
|
|
120
130
|
continuousOverlayDescription: {
|
|
121
131
|
fontSize: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.sharedStyles=void 0;var _reactNative=require("react-native");var sharedStyles=exports.sharedStyles=_reactNative.StyleSheet.create({popoverContent:{flex:1,paddingHorizontal:0},popoverHeader:{flexDirection:'column',paddingBottom:8,paddingHorizontal:16,borderTopLeftRadius:20,borderTopRightRadius:20,backgroundColor:'#e3ecfd',shadowColor:'#e3ecfd',shadowOffset:{width:0,height:10},shadowOpacity:1,shadowRadius:5,elevation:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.sharedStyles=void 0;var _reactNative=require("react-native");var sharedStyles=exports.sharedStyles=_reactNative.StyleSheet.create({popoverContent:{flex:1,paddingHorizontal:0},popoverHeader:{flexDirection:'column',paddingBottom:8,paddingHorizontal:16,borderTopLeftRadius:20,borderTopRightRadius:20,backgroundColor:'#e3ecfd',shadowColor:'#e3ecfd',shadowOffset:{width:0,height:10},shadowOpacity:1,shadowRadius:5,elevation:10},modalHandle:{marginTop:8,marginBottom:16,width:40,height:4,backgroundColor:'#D1D5DB',borderRadius:2,alignSelf:'center'},popoverHeaderContent:{flexDirection:'row',justifyContent:'space-between',alignItems:'flex-start'},cancelButton:{paddingHorizontal:12,paddingVertical:6,borderRadius:6,backgroundColor:'#F3F4F6'},cancelButtonText:{color:'#374151',fontSize:14,fontWeight:'500'},popoverBody:{flex:1,padding:16,paddingTop:32},title:{fontSize:18,fontWeight:'600',color:'#2d3748',marginBottom:12},description:{fontSize:14,color:'#718096',marginBottom:16},popoverFooter:{marginTop:'auto',paddingTop:16},actionButton:{paddingVertical:16,paddingHorizontal:24,borderRadius:12,alignItems:'center'},actionButtonText:{color:'white',fontSize:16,fontWeight:'500'},continuousRecordingSection:{flexDirection:'row',justifyContent:'space-between',alignItems:'center',marginBottom:20,paddingVertical:12,paddingHorizontal:16,borderWidth:1,borderColor:'#e1e8f1',backgroundColor:'#fff',borderRadius:12,shadowColor:'#000',shadowOffset:{width:0,height:2},shadowOpacity:0.06,shadowRadius:3,elevation:3},continuousRecordingLabel:{fontSize:16,fontWeight:'500',color:'#374151'},continuousOverlay:{borderRadius:12,borderWidth:1,borderColor:'#e1e8f1',backgroundColor:'#fff',padding:12,shadowColor:'#000',shadowOffset:{width:0,height:2},shadowOpacity:0.06,shadowRadius:3,elevation:3,flexDirection:'column',gap:8},continuousOverlayHeader:{flexDirection:'row',alignItems:'center',gap:8},continuousOverlayTitle:{fontSize:14,fontWeight:'500',color:'#2d3748'},continuousOverlayDescription:{fontSize:14,color:'#718096',lineHeight:20},commentInput:{borderWidth:1,borderColor:'#D1D5DB',borderRadius:8,padding:12,fontSize:16,color:'#374151',backgroundColor:'#F9FAFB',marginBottom:24,minHeight:80},startButton:{backgroundColor:'#473cfb'},stopButton:{backgroundColor:'#473cfb'},saveButton:{backgroundColor:'#473cfb'}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/SessionRecorderWidget/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAC;IAC5C,iBAAiB;IACjB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC;QACP,iBAAiB,EAAE,CAAC;KACrB;IACD,aAAa,EAAE;QACb,aAAa,EAAE,QAAQ;QACvB,aAAa,EAAE,CAAC;QAChB,iBAAiB,EAAE,EAAE;QACrB,mBAAmB,EAAE,EAAE;QACvB,oBAAoB,EAAE,EAAE;QACxB,eAAe,EAAE,SAAS;QAC1B,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG;QACvC,aAAa,EAAE,CAAC;QAChB,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/SessionRecorderWidget/styles.ts"],"names":[],"mappings":"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"}
|
package/dist/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:true});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:true});var _ScreenRecorderView=require("./ScreenRecorderView");Object.keys(_ScreenRecorderView).forEach(function(key){if(key==="default"||key==="__esModule")return;if(key in exports&&exports[key]===_ScreenRecorderView[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function get(){return _ScreenRecorderView[key];}});});var _SessionRecorderWidget=require("./SessionRecorderWidget");Object.keys(_SessionRecorderWidget).forEach(function(key){if(key==="default"||key==="__esModule")return;if(key in exports&&exports[key]===_SessionRecorderWidget[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function get(){return _SessionRecorderWidget[key];}});});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import React, { PropsWithChildren } from 'react';
|
|
2
2
|
import { SessionRecorderOptions, SessionState } from '../types';
|
|
3
3
|
import sessionRecorder from '../session-recorder';
|
|
4
|
+
import { SessionType } from '@multiplayer-app/session-recorder-common';
|
|
4
5
|
interface SessionRecorderContextType {
|
|
5
6
|
instance: typeof sessionRecorder;
|
|
6
7
|
isInitialized: boolean;
|
|
8
|
+
sessionType: SessionType | null;
|
|
7
9
|
sessionState: SessionState | null;
|
|
8
10
|
}
|
|
9
11
|
export interface SessionRecorderProviderProps extends PropsWithChildren {
|
|
@@ -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.useSessionRecorder=exports.SessionRecorderProvider=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _types=require("../types");var _sessionRecorder=_interopRequireDefault(require("../session-recorder"));var _ScreenRecorderView=require("../components/ScreenRecorderView");var _SessionRecorderWidget=_interopRequireDefault(require("../components/SessionRecorderWidget"));var _jsxRuntime=require("react/jsx-runtime");var _this=void 0,_jsxFileName="/Users/gegham/www/multiplayer-debugger-javascript/packages/session-recorder-react-native/dist/context/SessionRecorderContext.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);}var SessionRecorderContext=(0,_react.createContext)(null);var SessionRecorderProvider=exports.SessionRecorderProvider=function SessionRecorderProvider(_ref){var children=_ref.children,options=_ref.options;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),isInitialized=_useState2[0],setIsInitialized=_useState2[1];var _useState3=(0,_react.useState)(_types.SessionState.stopped),_useState4=(0,_slicedToArray2["default"])(_useState3,2),sessionState=_useState4[0],setSessionState=_useState4[1];var optionsRef=(0,_react.useRef)();(0,_react.useEffect)(function(){var newOptions=JSON.stringify(options);if(optionsRef.current===JSON.stringify(options))return;optionsRef.current=newOptions;_sessionRecorder["default"].init(options);setIsInitialized(true);},[options]);(0,_react.useEffect)(function(){setSessionState(_sessionRecorder["default"].sessionState);_sessionRecorder["default"].on('state-change',function(state){setSessionState(state);});},[]);return(0,_jsxRuntime.jsxs)(SessionRecorderContext.Provider,{value:{instance:_sessionRecorder["default"],sessionState:sessionState,isInitialized:isInitialized},children:[(0,_jsxRuntime.jsx)(_ScreenRecorderView.ScreenRecorderView,{children:children}),isInitialized&&!!_sessionRecorder["default"].config.showWidget&&(0,_jsxRuntime.jsx)(_SessionRecorderWidget["default"],{})]});};var useSessionRecorder=exports.useSessionRecorder=function useSessionRecorder(){var context=(0,_react.useContext)(SessionRecorderContext);if(!context){throw new Error('useSessionRecorder must be used within a SessionRecorderProvider');}return context;};
|
|
1
|
+
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:true});exports.useSessionRecorder=exports.SessionRecorderProvider=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _types=require("../types");var _sessionRecorder=_interopRequireDefault(require("../session-recorder"));var _ScreenRecorderView=require("../components/ScreenRecorderView");var _SessionRecorderWidget=_interopRequireDefault(require("../components/SessionRecorderWidget"));var _sessionRecorderCommon=require("@multiplayer-app/session-recorder-common");var _jsxRuntime=require("react/jsx-runtime");var _this=void 0,_jsxFileName="/Users/gegham/www/multiplayer-debugger-javascript/packages/session-recorder-react-native/dist/context/SessionRecorderContext.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);}var SessionRecorderContext=(0,_react.createContext)(null);var SessionRecorderProvider=exports.SessionRecorderProvider=function SessionRecorderProvider(_ref){var children=_ref.children,options=_ref.options;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),isInitialized=_useState2[0],setIsInitialized=_useState2[1];var _useState3=(0,_react.useState)(_types.SessionState.stopped),_useState4=(0,_slicedToArray2["default"])(_useState3,2),sessionState=_useState4[0],setSessionState=_useState4[1];var _useState5=(0,_react.useState)(_sessionRecorderCommon.SessionType.PLAIN),_useState6=(0,_slicedToArray2["default"])(_useState5,2),sessionType=_useState6[0],setSessionType=_useState6[1];var optionsRef=(0,_react.useRef)();(0,_react.useEffect)(function(){var newOptions=JSON.stringify(options);if(optionsRef.current===JSON.stringify(options))return;optionsRef.current=newOptions;_sessionRecorder["default"].init(options);setIsInitialized(true);},[options]);(0,_react.useEffect)(function(){setSessionState(_sessionRecorder["default"].sessionState);_sessionRecorder["default"].on('state-change',function(state,sessionType){setSessionState(state);setSessionType(sessionType);});},[]);return(0,_jsxRuntime.jsxs)(SessionRecorderContext.Provider,{value:{instance:_sessionRecorder["default"],sessionState:sessionState,sessionType:sessionType,isInitialized:isInitialized},children:[(0,_jsxRuntime.jsx)(_ScreenRecorderView.ScreenRecorderView,{children:children}),isInitialized&&!!_sessionRecorder["default"].config.showWidget&&(0,_jsxRuntime.jsx)(_SessionRecorderWidget["default"],{})]});};var useSessionRecorder=exports.useSessionRecorder=function useSessionRecorder(){var context=(0,_react.useContext)(SessionRecorderContext);if(!context){throw new Error('useSessionRecorder must be used within a SessionRecorderProvider');}return context;};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SessionRecorderContext.js","sourceRoot":"","sources":["../../src/context/SessionRecorderContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAqB,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACxG,OAAO,EAA0B,YAAY,EAAE,MAAM,UAAU,CAAA;AAC/D,OAAO,eAAe,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AACrE,OAAO,qBAAqB,MAAM,qCAAqC,CAAA;
|
|
1
|
+
{"version":3,"file":"SessionRecorderContext.js","sourceRoot":"","sources":["../../src/context/SessionRecorderContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAqB,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACxG,OAAO,EAA0B,YAAY,EAAE,MAAM,UAAU,CAAA;AAC/D,OAAO,eAAe,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AACrE,OAAO,qBAAqB,MAAM,qCAAqC,CAAA;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAA;AAStE,MAAM,sBAAsB,GAAG,aAAa,CAAoC,IAAI,CAAC,CAAA;AAMrF,MAAM,CAAC,MAAM,uBAAuB,GAA2C,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IACvG,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAsB,YAAY,CAAC,OAAO,CAAC,CAAA;IAC3F,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAqB,WAAW,CAAC,KAAK,CAAC,CAAA;IAErF,MAAM,UAAU,GAAG,MAAM,EAAU,CAAA;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;QAC1C,IAAI,UAAU,CAAC,OAAO,KAAK,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;YAAE,OAAM;QAC1D,UAAU,CAAC,OAAO,GAAG,UAAU,CAAA;QAC/B,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC7B,gBAAgB,CAAC,IAAI,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,eAAe,CAAC,YAAY,CAAC,CAAA;QAC7C,eAAe,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC,KAAmB,EAAE,WAAwB,EAAE,EAAE;YACnF,eAAe,CAAC,KAAK,CAAC,CAAA;YACtB,cAAc,CAAC,WAAW,CAAC,CAAA;QAC7B,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,CAAC,sBAAsB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC,CAC9G;MAAA,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAClD;MAAA,CAAC,aAAa,IAAI,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,UAAU,IAAI,CAAC,qBAAqB,CAAC,AAAD,EAAG,CACpF;IAAA,EAAE,sBAAsB,CAAC,QAAQ,CAAC,CACnC,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAA+B,EAAE;IACjE,MAAM,OAAO,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAA;IAClD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,kEAAkE,CAAC,CAAA;IACrF,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}
|