feat: allow export

Author: AlirezaHadjar

example/src/components/RecordingItem.tsx

@@ -1,4 +1,4 @@
-import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
+import { View, Text, TouchableOpacity, StyleSheet, Share } from 'react-native';
 import type { RecordedHaptic } from '../types/recording';
 
 interface RecordingItemProps {
@@ -42,6 +42,19 @@ export default function RecordingItem({
     }
   };
 
+  const handleExport = async () => {
+    try {
+      const jsonData = JSON.stringify(recording, null, 2);
+
+      await Share.share({
+        message: jsonData,
+        title: `Export ${recording.name}`,
+      });
+    } catch (error) {
+      console.error('Error sharing recording:', error);
+    }
+  };
+
   return (
     <TouchableOpacity
       onPress={() => onSelect(recording.id)}
@@ -82,6 +95,13 @@ export default function RecordingItem({
               )}
             </TouchableOpacity>
 
+            <TouchableOpacity
+              style={[styles.button, styles.exportButton]}
+              onPress={handleExport}
+            >
+              <Text style={styles.buttonText}>↗</Text>
+            </TouchableOpacity>
+
             <TouchableOpacity
               style={[styles.button, styles.deleteButton]}
               onPress={() => onDelete(recording.id)}
@@ -147,6 +167,9 @@ const styles = StyleSheet.create({
   playButton: {
     backgroundColor: '#007AFF',
   },
+  exportButton: {
+    backgroundColor: '#34C759',
+  },
   deleteButton: {
     backgroundColor: '#FF3B30',
   },