@multiplayer-app/session-recorder-react-native 1.0.1-beta.2 → 1.0.1-beta.4

package/lib/module/components/SessionRecorderWidget/FloatingButton.js

@@ -0,0 +1,191 @@
+"use strict";
+
+import React, { useRef, useEffect, useMemo } from 'react';
+import { StyleSheet, Platform, Animated, PanResponder, View, Dimensions } from 'react-native';
+import { SessionState } from "../../types/index.js";
+import { StorageService } from "../../services/storage.service.js";
+import { RecordIcon, CapturingIcon, PausedIcon } from "./icons.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const buttonSize = 52;
+const rightOffset = 20;
+const topOffset = Platform.OS === 'ios' ? 60 : 40;
+const FloatingButton = ({
+  sessionState,
+  onPress
+}) => {
+  const position = useRef(new Animated.ValueXY({
+    x: 0,
+    y: 0
+  })).current;
+  const lastPosition = useRef({
+    top: topOffset,
+    right: rightOffset
+  });
+  const storageService = useRef(StorageService.getInstance()).current;
+  const screenBounds = useMemo(() => {
+    const {
+      width,
+      height
+    } = Dimensions.get('window');
+    return {
+      minTop: topOffset,
+      maxTop: height - buttonSize,
+      minRight: 0,
+      maxRight: width - buttonSize
+    };
+  }, []);
+
+  // Load saved position on component mount
+  useEffect(() => {
+    const savedPosition = storageService.getFloatingButtonPosition();
+    if (savedPosition) {
+      const {
+        width
+      } = Dimensions.get('window');
+      const top = savedPosition.y;
+      const right = width - savedPosition.x - buttonSize;
+      lastPosition.current = {
+        top,
+        right
+      };
+      position.setValue({
+        x: right,
+        y: top
+      });
+    } else {
+      position.setValue({
+        x: lastPosition.current.right,
+        y: lastPosition.current.top
+      });
+    }
+  }, []);
+  const panResponder = useRef(PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: (_, gestureState) => {
+      const distance = Math.sqrt(gestureState.dx * gestureState.dx + gestureState.dy * gestureState.dy);
+      return distance > 5;
+    },
+    onPanResponderGrant: () => {
+      // Set the initial position for this gesture
+      position.setValue({
+        x: lastPosition.current.right,
+        y: lastPosition.current.top
+      });
+    },
+    onPanResponderMove: (_, gestureState) => {
+      // Calculate new position based on gesture movement
+      const newTop = lastPosition.current.top + gestureState.dy;
+      const newRight = lastPosition.current.right - gestureState.dx;
+
+      // Update position during drag
+      position.setValue({
+        x: newRight,
+        y: newTop
+      });
+    },
+    onPanResponderRelease: (_, gestureState) => {
+      // Check if this was actually a drag (significant movement)
+      const distance = Math.sqrt(gestureState.dx * gestureState.dx + gestureState.dy * gestureState.dy);
+
+      // If it was a tap (no significant movement), trigger onPress
+      if (distance <= 5) {
+        onPress();
+      } else {
+        // Calculate new position after dragging
+        const newTop = lastPosition.current.top + gestureState.dy;
+        const newRight = lastPosition.current.right - gestureState.dx;
+
+        // Clamp to screen bounds
+        const clampedTop = Math.max(screenBounds.minTop, Math.min(screenBounds.maxTop, newTop));
+        const clampedRight = Math.max(screenBounds.minRight, Math.min(screenBounds.maxRight, newRight));
+
+        // Update position
+        lastPosition.current = {
+          top: clampedTop,
+          right: clampedRight
+        };
+        position.setValue({
+          x: clampedRight,
+          y: clampedTop
+        });
+
+        // Convert back to x,y coordinates for storage
+        const {
+          width
+        } = Dimensions.get('window');
+        const storagePosition = {
+          x: width - clampedRight - buttonSize,
+          y: clampedTop
+        };
+
+        // Persist position to AsyncStorage (debounced)
+        storageService.saveFloatingButtonPosition(storagePosition);
+      }
+    }
+  })).current;
+
+  // Memoized button icon and color for performance
+  const content = useMemo(() => {
+    switch (sessionState) {
+      case SessionState.started:
+        return {
+          icon: /*#__PURE__*/_jsx(CapturingIcon, {
+            size: 28,
+            color: "white"
+          }),
+          color: '#FF4444'
+        };
+      case SessionState.paused:
+        return {
+          icon: /*#__PURE__*/_jsx(PausedIcon, {
+            size: 28,
+            color: "white"
+          }),
+          color: '#FFA500'
+        };
+      default:
+        return {
+          icon: /*#__PURE__*/_jsx(RecordIcon, {
+            size: 28,
+            color: "#718096"
+          }),
+          color: '#ffffff'
+        };
+    }
+  }, [sessionState]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.draggableButton, {
+      top: position.y,
+      right: position.x
+    }],
+    ...panResponder.panHandlers,
+    children: /*#__PURE__*/_jsx(View, {
+      style: [styles.floatingButton, {
+        backgroundColor: content.color
+      }],
+      children: content.icon
+    })
+  });
+};
+const styles = StyleSheet.create({
+  draggableButton: {
+    position: 'absolute'
+  },
+  floatingButton: {
+    elevation: 8,
+    shadowRadius: 4,
+    width: buttonSize,
+    shadowColor: '#000',
+    height: buttonSize,
+    shadowOpacity: 0.25,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: buttonSize / 2,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    }
+  }
+});
+export default FloatingButton;
+//# sourceMappingURL=FloatingButton.js.map

package/lib/module/components/SessionRecorderWidget/FloatingButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useEffect","useMemo","StyleSheet","Platform","Animated","PanResponder","View","Dimensions","SessionState","StorageService","RecordIcon","CapturingIcon","PausedIcon","jsx","_jsx","buttonSize","rightOffset","topOffset","OS","FloatingButton","sessionState","onPress","position","ValueXY","x","y","current","lastPosition","top","right","storageService","getInstance","screenBounds","width","height","get","minTop","maxTop","minRight","maxRight","savedPosition","getFloatingButtonPosition","setValue","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","_","gestureState","distance","Math","sqrt","dx","dy","onPanResponderGrant","onPanResponderMove","newTop","newRight","onPanResponderRelease","clampedTop","max","min","clampedRight","storagePosition","saveFloatingButtonPosition","content","started","icon","size","color","paused","style","styles","draggableButton","panHandlers","children","floatingButton","backgroundColor","elevation","shadowRadius","shadowColor","shadowOpacity","alignItems","justifyContent","borderRadius","shadowOffset"],"sourceRoot":"../../../../src","sources":["components/SessionRecorderWidget/FloatingButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/SessionRecorderWidget/InitialPopover.js

@@ -0,0 +1,138 @@
+"use strict";
+
+import React, { useMemo, useState } from 'react';
+import { View, Text, Pressable, Switch } from 'react-native';
+import { SessionType } from '@multiplayer-app/session-recorder-common';
+import { sharedStyles } from "./styles.js";
+import ModalHeader from "./ModalHeader.js";
+import { CapturingIcon } from "./icons.js";
+import { logger } from "../../utils/index.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const InitialPopover = ({
+  isContinuous,
+  textOverrides,
+  showContinuousRecording,
+  onStartRecording,
+  onStopRecording,
+  onSaveContinuousSession,
+  isOnline,
+  children
+}) => {
+  const [saving, setSaving] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const [continuousRecording, setContinuousRecording] = useState(isContinuous);
+  const handleStartRecording = async () => {
+    try {
+      setLoading(true);
+      await onStartRecording(SessionType.PLAIN);
+    } catch (error) {
+      logger.error('InitialPopover', 'Failed to start recording', error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleToggleContinuousRecording = async value => {
+    try {
+      setLoading(true);
+      setContinuousRecording(value);
+      if (value) {
+        await onStartRecording(SessionType.CONTINUOUS);
+      } else {
+        await onStopRecording();
+      }
+    } catch (error) {
+      logger.error('InitialPopover', 'Failed to toggle continuous recording', error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleSaveContinuousSession = async () => {
+    try {
+      setSaving(true);
+      await onSaveContinuousSession();
+    } catch (error) {
+      logger.error('InitialPopover', 'Failed to save continuous session', error);
+    } finally {
+      setSaving(false);
+    }
+  };
+  const textContent = useMemo(() => {
+    return {
+      label: textOverrides.continuousRecordingLabel,
+      title: showContinuousRecording ? textOverrides.initialTitleWithContinuous : textOverrides.initialTitleWithoutContinuous,
+      description: showContinuousRecording ? textOverrides.initialDescriptionWithContinuous : textOverrides.initialDescriptionWithoutContinuous
+    };
+  }, [showContinuousRecording, textOverrides]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: sharedStyles.popoverContent,
+    children: [/*#__PURE__*/_jsx(ModalHeader, {}), /*#__PURE__*/_jsxs(View, {
+      style: sharedStyles.popoverBody,
+      children: [children, showContinuousRecording && /*#__PURE__*/_jsxs(View, {
+        style: sharedStyles.continuousRecordingSection,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: sharedStyles.continuousRecordingLabel,
+          children: textContent.label
+        }), /*#__PURE__*/_jsx(Switch, {
+          disabled: loading || !isOnline,
+          value: continuousRecording,
+          ios_backgroundColor: "#e2e8f0",
+          onValueChange: handleToggleContinuousRecording,
+          trackColor: {
+            false: '#e2e8f0',
+            true: '#493bff'
+          },
+          thumbColor: '#ffffff'
+        })]
+      }), !continuousRecording ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: sharedStyles.title,
+          children: textContent.title
+        }), /*#__PURE__*/_jsx(Text, {
+          style: sharedStyles.description,
+          children: textContent.description
+        }), /*#__PURE__*/_jsx(View, {
+          style: sharedStyles.popoverFooter,
+          children: /*#__PURE__*/_jsx(Pressable, {
+            disabled: loading || !isOnline,
+            onPress: handleStartRecording,
+            style: [sharedStyles.actionButton, sharedStyles.startButton],
+            children: /*#__PURE__*/_jsx(Text, {
+              style: sharedStyles.actionButtonText,
+              children: loading ? 'Starting to record...' : textOverrides.startRecordingButtonText
+            })
+          })
+        })]
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: sharedStyles.continuousOverlay,
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: sharedStyles.continuousOverlayHeader,
+            children: [/*#__PURE__*/_jsx(CapturingIcon, {
+              size: 20,
+              color: "red"
+            }), /*#__PURE__*/_jsx(Text, {
+              style: sharedStyles.continuousOverlayTitle,
+              children: textOverrides.continuousOverlayTitle
+            })]
+          }), /*#__PURE__*/_jsx(Text, {
+            style: sharedStyles.continuousOverlayDescription,
+            children: textOverrides.continuousOverlayDescription
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          style: sharedStyles.popoverFooter,
+          children: /*#__PURE__*/_jsx(Pressable, {
+            disabled: saving || !isOnline,
+            onPress: handleSaveContinuousSession,
+            style: [sharedStyles.actionButton, sharedStyles.saveButton],
+            children: /*#__PURE__*/_jsx(Text, {
+              style: sharedStyles.actionButtonText,
+              children: saving ? 'Saving...' : textOverrides.saveLastSnapshotButtonText
+            })
+          })
+        })]
+      })]
+    })]
+  });
+};
+export default InitialPopover;
+//# sourceMappingURL=InitialPopover.js.map

package/lib/module/components/SessionRecorderWidget/InitialPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useState","View","Text","Pressable","Switch","SessionType","sharedStyles","ModalHeader","CapturingIcon","logger","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","InitialPopover","isContinuous","textOverrides","showContinuousRecording","onStartRecording","onStopRecording","onSaveContinuousSession","isOnline","children","saving","setSaving","loading","setLoading","continuousRecording","setContinuousRecording","handleStartRecording","PLAIN","error","handleToggleContinuousRecording","value","CONTINUOUS","handleSaveContinuousSession","textContent","label","continuousRecordingLabel","title","initialTitleWithContinuous","initialTitleWithoutContinuous","description","initialDescriptionWithContinuous","initialDescriptionWithoutContinuous","style","popoverContent","popoverBody","continuousRecordingSection","disabled","ios_backgroundColor","onValueChange","trackColor","false","true","thumbColor","popoverFooter","onPress","actionButton","startButton","actionButtonText","startRecordingButtonText","continuousOverlay","continuousOverlayHeader","size","color","continuousOverlayTitle","continuousOverlayDescription","saveButton","saveLastSnapshotButtonText"],"sourceRoot":"../../../../src","sources":["components/SessionRecorderWidget/InitialPopover.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/SessionRecorderWidget/ModalContainer.js

@@ -0,0 +1,177 @@
+"use strict";
+
+import React, { useEffect, useRef, useState } from 'react';
+import { Animated, Pressable, StyleSheet, Dimensions, Modal, PanResponder, Platform } from 'react-native';
+import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  height: SCREEN_HEIGHT
+} = Dimensions.get('window');
+const MODAL_HEIGHT = SCREEN_HEIGHT * 0.7;
+const ModalContainer = ({
+  isVisible,
+  onClose,
+  children
+}) => {
+  const fadeAnim = useRef(new Animated.Value(0)).current;
+  const translateY = useRef(new Animated.Value(0)).current;
+  const [visible, setVisible] = useState(isVisible);
+  const SWIPE_THRESHOLD = 100; // Distance to trigger close
+
+  const animateClose = () => {
+    Animated.parallel([Animated.timing(fadeAnim, {
+      toValue: 0,
+      duration: 250,
+      useNativeDriver: true
+    }), Animated.timing(translateY, {
+      toValue: MODAL_HEIGHT,
+      duration: 250,
+      useNativeDriver: true
+    })]).start(() => {
+      setVisible(false);
+      onClose();
+    });
+  };
+  useEffect(() => {
+    if (isVisible) {
+      setVisible(true);
+      // Start from bottom and animate to position
+      translateY.setValue(MODAL_HEIGHT);
+      Animated.parallel([Animated.timing(fadeAnim, {
+        toValue: 1,
+        duration: 300,
+        useNativeDriver: true
+      }), Animated.timing(translateY, {
+        toValue: 0,
+        duration: 300,
+        useNativeDriver: true
+      })]).start();
+    } else if (visible) {
+      // If external isVisible turned false, animate close then hide
+      Animated.parallel([Animated.timing(fadeAnim, {
+        toValue: 0,
+        duration: 250,
+        useNativeDriver: true
+      }), Animated.timing(translateY, {
+        toValue: MODAL_HEIGHT,
+        duration: 250,
+        useNativeDriver: true
+      })]).start(() => {
+        setVisible(false);
+      });
+    }
+  }, [isVisible, fadeAnim, translateY, visible]);
+
+  // PanResponder for swipe-to-dismiss functionality
+  const panResponder = useRef(PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: (_, gestureState) => {
+      // Only respond to downward swipes
+      return gestureState.dy > 10;
+    },
+    onPanResponderGrant: () => {
+      // Reset any ongoing animations
+      translateY.stopAnimation();
+    },
+    onPanResponderMove: (_, gestureState) => {
+      // Only allow downward movement
+      if (gestureState.dy > 0) {
+        translateY.setValue(gestureState.dy);
+      }
+    },
+    onPanResponderRelease: (_, gestureState) => {
+      const {
+        dy,
+        vy
+      } = gestureState;
+
+      // If swiped down with sufficient distance or velocity, close modal
+      if (dy > SWIPE_THRESHOLD || vy > 500) {
+        animateClose();
+      } else {
+        // Snap back to original position
+        Animated.spring(translateY, {
+          toValue: 0,
+          useNativeDriver: true,
+          tension: 100,
+          friction: 8
+        }).start();
+      }
+    }
+  })).current;
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "none",
+    onRequestClose: onClose,
+    children: /*#__PURE__*/_jsx(SafeAreaProvider, {
+      children: /*#__PURE__*/_jsxs(Animated.View, {
+        style: {
+          ...styles.backdrop,
+          opacity: fadeAnim
+        },
+        children: [/*#__PURE__*/_jsx(Pressable, {
+          style: styles.backdropPressable,
+          onPress: animateClose
+        }), /*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.modal, {
+            transform: [{
+              translateY
+            }]
+          }],
+          ...panResponder.panHandlers,
+          children: /*#__PURE__*/_jsx(SafeAreaView, {
+            style: styles.safeArea,
+            edges: ['bottom'],
+            children: children
+          })
+        })]
+      })
+    })
+  });
+};
+const styles = 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,
+    backgroundColor: 'white',
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20
+  },
+  modal: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    maxHeight: MODAL_HEIGHT,
+    backgroundColor: 'white',
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    ...Platform.select({
+      ios: {
+        shadowColor: '#000',
+        shadowOffset: {
+          width: 0,
+          height: -2
+        },
+        shadowOpacity: 0.1,
+        shadowRadius: 8
+      },
+      android: {
+        elevation: 8
+      }
+    })
+  }
+});
+export default ModalContainer;
+//# sourceMappingURL=ModalContainer.js.map

package/lib/module/components/SessionRecorderWidget/ModalContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useState","Animated","Pressable","StyleSheet","Dimensions","Modal","PanResponder","Platform","SafeAreaProvider","SafeAreaView","jsx","_jsx","jsxs","_jsxs","height","SCREEN_HEIGHT","get","MODAL_HEIGHT","ModalContainer","isVisible","onClose","children","fadeAnim","Value","current","translateY","visible","setVisible","SWIPE_THRESHOLD","animateClose","parallel","timing","toValue","duration","useNativeDriver","start","setValue","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","_","gestureState","dy","onPanResponderGrant","stopAnimation","onPanResponderMove","onPanResponderRelease","vy","spring","tension","friction","transparent","animationType","onRequestClose","View","style","styles","backdrop","opacity","backdropPressable","onPress","modal","transform","panHandlers","safeArea","edges","position","top","left","right","bottom","backgroundColor","flex","borderTopLeftRadius","borderTopRightRadius","maxHeight","select","ios","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","android","elevation"],"sourceRoot":"../../../../src","sources":["components/SessionRecorderWidget/ModalContainer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/SessionRecorderWidget/ModalHeader.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import React from 'react';
+import { View, Pressable, Linking } from 'react-native';
+import { sharedStyles } from "./styles.js";
+import { LogoIcon } from "./icons.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ModalHeader = ({
+  children
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: sharedStyles.popoverHeader,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: sharedStyles.modalHandle
+    }), /*#__PURE__*/_jsxs(View, {
+      style: sharedStyles.popoverHeaderContent,
+      children: [/*#__PURE__*/_jsx(Pressable, {
+        onPress: () => Linking.openURL('https://www.multiplayer.app'),
+        children: /*#__PURE__*/_jsx(LogoIcon, {
+          size: 42
+        })
+      }), children]
+    })]
+  });
+};
+export default ModalHeader;
+//# sourceMappingURL=ModalHeader.js.map

package/lib/module/components/SessionRecorderWidget/ModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Pressable","Linking","sharedStyles","LogoIcon","jsx","_jsx","jsxs","_jsxs","ModalHeader","children","style","popoverHeader","modalHandle","popoverHeaderContent","onPress","openURL","size"],"sourceRoot":"../../../../src","sources":["components/SessionRecorderWidget/ModalHeader.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,SAAS,EAAEC,OAAO,QAAQ,cAAc;AACvD,SAASC,YAAY,QAAQ,aAAU;AACvC,SAASC,QAAQ,QAAQ,YAAS;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMlC,MAAMC,WAAuC,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EAChE,oBACEF,KAAA,CAACR,IAAI;IAACW,KAAK,EAAER,YAAY,CAACS,aAAc;IAAAF,QAAA,gBACtCJ,IAAA,CAACN,IAAI;MAACW,KAAK,EAAER,YAAY,CAACU;IAAY,CAAE,CAAC,eACzCL,KAAA,CAACR,IAAI;MAACW,KAAK,EAAER,YAAY,CAACW,oBAAqB;MAAAJ,QAAA,gBAC7CJ,IAAA,CAACL,SAAS;QAACc,OAAO,EAAEA,CAAA,KAAMb,OAAO,CAACc,OAAO,CAAC,6BAA6B,CAAE;QAAAN,QAAA,eACvEJ,IAAA,CAACF,QAAQ;UAACa,IAAI,EAAE;QAAG,CAAE;MAAC,CACb,CAAC,EACXP,QAAQ;IAAA,CACL,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,eAAeD,WAAW","ignoreList":[]}