react-native-iinstall 0.2.12 → 0.2.14

package/lib/src/pushRegistration.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerPushToken = registerPushToken;
+exports.unregisterPushToken = unregisterPushToken;
+const react_native_1 = require("react-native");
+function normalizeApiEndpoint(apiEndpoint) {
+    return apiEndpoint.replace(/\/+$/, '');
+}
+function resolvePlatform(platform) {
+    if (platform)
+        return platform;
+    return react_native_1.Platform.OS === 'ios' ? 'IOS' : 'ANDROID';
+}
+async function registerPushToken({ token, apiKey, apiEndpoint = 'https://iinstall.app', deviceUdid, projectId, platform, }) {
+    try {
+        const response = await fetch(`${normalizeApiEndpoint(apiEndpoint)}/api/notifications/push/register`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                token,
+                apiKey,
+                deviceUdid,
+                projectId,
+                platform: resolvePlatform(platform),
+            }),
+        });
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const data = await response.json().catch(() => ({}));
+        return {
+            success: response.ok,
+            status: response.status,
+            data,
+            error: response.ok ? undefined : data?.error || 'Failed to register push token',
+        };
+    }
+    catch (error) {
+        return {
+            success: false,
+            status: 500,
+            error: error instanceof Error ? error.message : 'Unknown register push error',
+        };
+    }
+}
+async function unregisterPushToken({ token, apiKey, apiEndpoint = 'https://iinstall.app', }) {
+    try {
+        const response = await fetch(`${normalizeApiEndpoint(apiEndpoint)}/api/notifications/push/register`, {
+            method: 'DELETE',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                token,
+                apiKey,
+            }),
+        });
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const data = await response.json().catch(() => ({}));
+        return {
+            success: response.ok,
+            status: response.status,
+            data,
+            error: response.ok ? undefined : data?.error || 'Failed to unregister push token',
+        };
+    }
+    catch (error) {
+        return {
+            success: false,
+            status: 500,
+            error: error instanceof Error ? error.message : 'Unknown unregister push error',
+        };
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-iinstall",
-  "version": "0.2.12",
+  "version": "0.2.14",
   "description": "🎯 IInstall React Native SDK - The ultimate beta testing & QA feedback tool. Shake-to-report with voice recordings, screen recordings, and screenshots. Zero-config setup with TypeScript support. Perfect for beta testing, QA teams, and user feedback collection.",
   "author": "TesterFlow Team",
   "license": "MIT",
@@ -34,22 +34,27 @@
   "files": [
     "lib",
     "src",
-    "INTEGRATION_GUIDE.md"
+    "INTEGRATION_GUIDE.md",
+    "RELEASE_MANIFEST.json"
   ],
   "scripts": {
+    "prebuild": "npm run prepare:release",
     "build": "tsc",
+    "sync:release-manifest": "node scripts/sync-release-manifest.mjs",
+    "check:release-manifest": "node scripts/check-release-manifest.mjs",
+    "prepare:release": "npm run sync:release-manifest && npm run check:release-manifest",
     "prepare": "npm run build"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "react-native": ">=0.60.0"
-  },
-  "dependencies": {
-    "react-native-sensors": "^7.3.0",
-    "react-native-view-shot": "^3.1.2",
-    "react-native-device-info": "^10.0.0",
+    "react-native": ">=0.60.0",
     "react-native-audio-recorder-player": "^3.6.4",
+    "react-native-device-info": "^10.0.0",
     "react-native-record-screen": "^0.6.2",
+    "react-native-sensors": "^7.3.0",
+    "react-native-view-shot": "^3.1.2"
+  },
+  "dependencies": {
     "rxjs": "^7.0.0"
   },
   "devDependencies": {
@@ -57,6 +62,11 @@
     "@types/react-native": "^0.70.0",
     "react": "18.2.0",
     "react-native": "0.72.6",
+    "react-native-audio-recorder-player": "^3.6.4",
+    "react-native-device-info": "^10.0.0",
+    "react-native-record-screen": "^0.6.2",
+    "react-native-sensors": "^7.3.0",
+    "react-native-view-shot": "^3.1.2",
     "typescript": "^5.0.0"
   }
 }

package/src/FeedbackModal.tsx

@@ -16,15 +16,13 @@ import {
   TouchableWithoutFeedback,
   ScrollView
 } from 'react-native';
-import DeviceInfo from 'react-native-device-info';
-import AudioRecorderPlayer, {
-  AVEncodingOption,
-  AVEncoderAudioQualityIOSType,
-  AudioEncoderAndroidType,
-  AudioSourceAndroidType,
-  OutputFormatAndroidType,
-  type AudioSet,
-} from 'react-native-audio-recorder-player';
+import {
+  createAudioRecorderPlayer,
+  getAudioRecordingPreset,
+  getDeviceMetadata,
+  getDeviceUniqueId,
+  hasAudioRecordingSupport,
+} from './nativeModules';
 
 interface FeedbackModalProps {
   visible: boolean;
@@ -52,19 +50,28 @@ export const FeedbackModal: React.FC<FeedbackModalProps> = ({
   const [isRecordingAudio, setIsRecordingAudio] = useState(false);
   const [audioUri, setAudioUri] = useState<string | null>(null);
   const [audioDuration, setAudioDuration] = useState('00:00');
+  const audioRecordingAvailable = hasAudioRecordingSupport();
   
-  const audioRecorderPlayer = useRef(new AudioRecorderPlayer()).current;
+  const audioRecorderPlayer = useRef(createAudioRecorderPlayer()).current;
 
   useEffect(() => {
     return () => {
       // Cleanup
-      if (isRecordingAudio) {
-        audioRecorderPlayer.stopRecorder();
+      if (isRecordingAudio && audioRecorderPlayer) {
+        audioRecorderPlayer.stopRecorder().catch(() => undefined);
       }
     };
-  }, [isRecordingAudio]);
+  }, [audioRecorderPlayer, isRecordingAudio]);
 
   const onStartAudioRecord = async () => {
+    if (!audioRecorderPlayer || !audioRecordingAvailable) {
+      Alert.alert(
+        'Audio unavailable',
+        'Install react-native-audio-recorder-player in your app root, then rebuild the app.'
+      );
+      return;
+    }
+
     if (Platform.OS === 'android') {
       try {
         const grants = await PermissionsAndroid.requestMultiple([
@@ -86,23 +93,9 @@ export const FeedbackModal: React.FC<FeedbackModalProps> = ({
     }
 
     try {
-      const audioSet: AudioSet = {
-        AVFormatIDKeyIOS: AVEncodingOption.aac,
-        AVEncoderAudioQualityKeyIOS: AVEncoderAudioQualityIOSType.high,
-        AVSampleRateKeyIOS: 44100,
-        AVNumberOfChannelsKeyIOS: 1,
-        AVEncoderBitRateKeyIOS: 128000,
-        AudioEncoderAndroid: AudioEncoderAndroidType.AAC,
-        AudioSourceAndroid: AudioSourceAndroidType.MIC,
-        OutputFormatAndroid: OutputFormatAndroidType.MPEG_4,
-        AudioEncodingBitRateAndroid: 128000,
-        AudioSamplingRateAndroid: 44100,
-        AudioChannelsAndroid: 1,
-      };
-
       const result = await audioRecorderPlayer.startRecorder(
         undefined,
-        audioSet,
+        getAudioRecordingPreset(),
       );
       audioRecorderPlayer.addRecordBackListener((e) => {
         setAudioDuration(audioRecorderPlayer.mmssss(Math.floor(e.currentPosition)));
@@ -117,6 +110,10 @@ export const FeedbackModal: React.FC<FeedbackModalProps> = ({
   };
 
   const onStopAudioRecord = async () => {
+    if (!audioRecorderPlayer) {
+      return;
+    }
+
     try {
       const result = await audioRecorderPlayer.stopRecorder();
       audioRecorderPlayer.removeRecordBackListener();
@@ -134,7 +131,7 @@ export const FeedbackModal: React.FC<FeedbackModalProps> = ({
   };
 
   const handleClose = async () => {
-    if (isRecordingAudio) {
+    if (isRecordingAudio && audioRecorderPlayer) {
       try {
         await audioRecorderPlayer.stopRecorder();
       } catch (error) {
@@ -203,21 +200,14 @@ export const FeedbackModal: React.FC<FeedbackModalProps> = ({
       }
 
       // 4. Metadata
-      const metadata = {
-        device: DeviceInfo.getModel(),
-        systemName: DeviceInfo.getSystemName(),
-        systemVersion: DeviceInfo.getSystemVersion(),
-        appVersion: DeviceInfo.getVersion(),
-        buildNumber: DeviceInfo.getBuildNumber(),
-        brand: DeviceInfo.getBrand(),
-        isEmulator: await DeviceInfo.isEmulator(),
-      };
+      const metadata = await getDeviceMetadata();
       formData.append('metadata', JSON.stringify(metadata));
 
       // 5. Other fields
       formData.append('description', description);
       formData.append('apiKey', apiKey);
-      formData.append('udid', await DeviceInfo.getUniqueId());
+      const deviceUdid = await getDeviceUniqueId();
+      formData.append('udid', deviceUdid || 'unknown');
       
       // 6. Send
       const response = await fetch(`${apiEndpoint}/api/feedback`, {
@@ -306,11 +296,23 @@ export const FeedbackModal: React.FC<FeedbackModalProps> = ({
           <View style={styles.actionsRow}>
               {/* Audio Recorder */}
               <TouchableOpacity 
-                style={[styles.actionBtn, isRecordingAudio ? styles.recordingBtn : undefined, audioUri ? styles.hasAudioBtn : undefined]}
+                style={[
+                  styles.actionBtn,
+                  isRecordingAudio ? styles.recordingBtn : undefined,
+                  audioUri ? styles.hasAudioBtn : undefined,
+                  !audioRecordingAvailable ? styles.disabledActionBtn : undefined,
+                ]}
                 onPress={isRecordingAudio ? onStopAudioRecord : onStartAudioRecord}
+                disabled={!audioRecordingAvailable}
               >
                   <Text style={[styles.actionBtnText, (isRecordingAudio || audioUri) ? { color: '#FFF' } : undefined]}>
-                      {isRecordingAudio ? `Stop (${audioDuration})` : audioUri ? 'Re-record Audio' : '🎙 Record Audio'}
+                      {!audioRecordingAvailable
+                        ? '🎙 Audio Unavailable'
+                        : isRecordingAudio
+                          ? `Stop (${audioDuration})`
+                          : audioUri
+                            ? 'Re-record Audio'
+                            : '🎙 Record Audio'}
                   </Text>
               </TouchableOpacity>
 
@@ -437,6 +439,9 @@ const styles = StyleSheet.create({
   hasAudioBtn: {
       backgroundColor: '#4CAF50',
   },
+  disabledActionBtn: {
+      opacity: 0.45,
+  },
   actionBtnText: {
       fontSize: 14,
       fontWeight: '600',

package/src/IInstallWrapper.tsx

@@ -10,6 +10,10 @@ interface IInstallWrapperProps {
   showDebugButton?: boolean;
   showFloatingButtonOnEmulator?: boolean;
   floatingButtonLabel?: string;
+  pushToken?: string;
+  autoRegisterPushToken?: boolean;
+  projectId?: string;
+  onPushTokenRegisterError?: (error: string) => void;
 }
 
 // Backward-compatible wrapper. The core IInstall component now handles:
@@ -23,6 +27,10 @@ export const IInstallWrapper: React.FC<IInstallWrapperProps> = ({
   showDebugButton: _showDebugButton = false,
   showFloatingButtonOnEmulator = true,
   floatingButtonLabel = 'Report Issue',
+  pushToken,
+  autoRegisterPushToken = true,
+  projectId,
+  onPushTokenRegisterError,
 }) => {
   return (
     <IInstall
@@ -31,6 +39,10 @@ export const IInstallWrapper: React.FC<IInstallWrapperProps> = ({
       enabled={enabled}
       showFloatingButtonOnEmulator={showFloatingButtonOnEmulator}
       floatingButtonLabel={floatingButtonLabel}
+      pushToken={pushToken}
+      autoRegisterPushToken={autoRegisterPushToken}
+      projectId={projectId}
+      onPushTokenRegisterError={onPushTokenRegisterError}
     >
       {children}
     </IInstall>

package/src/index.tsx

@@ -1,10 +1,16 @@
 import React, { useEffect, useState, useRef } from 'react';
 import { View, StyleSheet, TouchableOpacity, Text, SafeAreaView, Platform } from 'react-native';
-import { captureScreen } from 'react-native-view-shot';
 import { ShakeDetector } from './ShakeDetector';
 import { FeedbackModal } from './FeedbackModal';
-import RecordScreen from 'react-native-record-screen';
-import DeviceInfo from 'react-native-device-info';
+import { registerPushToken } from './pushRegistration';
+import {
+  captureScreenImage,
+  getDeviceUniqueId,
+  hasScreenRecordingSupport,
+  isEmulatorDevice,
+  startScreenRecording,
+  stopScreenRecording,
+} from './nativeModules';
 
 interface IInstallProps {
   apiKey: string;
@@ -13,6 +19,10 @@ interface IInstallProps {
   enabled?: boolean;
   showFloatingButtonOnEmulator?: boolean;
   floatingButtonLabel?: string;
+  pushToken?: string;
+  autoRegisterPushToken?: boolean;
+  projectId?: string;
+  onPushTokenRegisterError?: (error: string) => void;
 }
 
 export const IInstall: React.FC<IInstallProps> = ({ 
@@ -22,6 +32,10 @@ export const IInstall: React.FC<IInstallProps> = ({
   enabled = true,
   showFloatingButtonOnEmulator = true,
   floatingButtonLabel = 'Report Issue',
+  pushToken,
+  autoRegisterPushToken = true,
+  projectId,
+  onPushTokenRegisterError,
 }) => {
   const [modalVisible, setModalVisible] = useState(false);
   const [screenshotUri, setScreenshotUri] = useState<string | null>(null);
@@ -30,6 +44,7 @@ export const IInstall: React.FC<IInstallProps> = ({
   const [isEmulator, setIsEmulator] = useState(false);
   
   const shakeDetectorRef = useRef<ShakeDetector | null>(null);
+  const lastRegisteredPushTokenRef = useRef<string | null>(null);
   
   // Refs for stable access in shake callback
   const isRecordingRef = useRef(isRecording);
@@ -43,7 +58,7 @@ export const IInstall: React.FC<IInstallProps> = ({
   useEffect(() => {
     let mounted = true;
 
-    DeviceInfo.isEmulator()
+    isEmulatorDevice()
       .then((value) => {
         if (mounted) {
           setIsEmulator(value);
@@ -65,7 +80,7 @@ export const IInstall: React.FC<IInstallProps> = ({
 
     try {
       // Capture screenshot
-      const uri = await captureScreen({
+      const uri = await captureScreenImage({
         format: 'png',
         quality: 0.8,
       });
@@ -96,6 +111,58 @@ export const IInstall: React.FC<IInstallProps> = ({
     };
   }, [enabled, isEmulator]);
 
+  useEffect(() => {
+    if (!enabled || !autoRegisterPushToken || !pushToken) return;
+    if (lastRegisteredPushTokenRef.current === pushToken) return;
+
+    let cancelled = false;
+
+    const syncPushToken = async () => {
+      const deviceUdid = await getDeviceUniqueId();
+      const result = await registerPushToken({
+        token: pushToken,
+        apiKey,
+        apiEndpoint,
+        deviceUdid,
+        projectId,
+      });
+
+      if (cancelled) return;
+
+      if (result.success) {
+        lastRegisteredPushTokenRef.current = pushToken;
+      } else {
+        const message = result.error || 'Failed to register push token';
+        console.warn('IInstall: push token registration failed', message);
+        if (onPushTokenRegisterError) {
+          onPushTokenRegisterError(message);
+        }
+      }
+    };
+
+    syncPushToken().catch((error) => {
+      if (cancelled) return;
+      const message =
+        error instanceof Error ? error.message : 'Failed to register push token';
+      console.warn('IInstall: push token registration failed', message);
+      if (onPushTokenRegisterError) {
+        onPushTokenRegisterError(message);
+      }
+    });
+
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    enabled,
+    autoRegisterPushToken,
+    pushToken,
+    apiKey,
+    apiEndpoint,
+    projectId,
+    onPushTokenRegisterError,
+  ]);
+
   const handleFloatingButtonPress = async () => {
     await handleShakeCallback.current();
   };
@@ -106,6 +173,7 @@ export const IInstall: React.FC<IInstallProps> = ({
     showFloatingButtonOnEmulator &&
     !modalVisible &&
     !isRecording;
+  const screenRecordingAvailable = hasScreenRecordingSupport();
 
   const normalizeVideoUri = (value: string) => {
     if (Platform.OS === 'ios' && value.startsWith('/')) {
@@ -180,10 +248,18 @@ export const IInstall: React.FC<IInstallProps> = ({
   };
 
   const handleStartRecording = async () => {
+    if (!screenRecordingAvailable) {
+      console.warn(
+        'IInstall: Screen recording unavailable. Install react-native-record-screen in your app and rebuild.'
+      );
+      setModalVisible(true);
+      return;
+    }
+
     setModalVisible(false);
     setIsRecording(true);
     try {
-        await RecordScreen.startRecording({ mic: true });
+        await startScreenRecording({ mic: true });
     } catch (e) {
         console.error('Failed to start recording', e);
         setIsRecording(false);
@@ -194,7 +270,7 @@ export const IInstall: React.FC<IInstallProps> = ({
   const handleStopRecording = async () => {
     try {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const res: any = await RecordScreen.stopRecording();
+        const res: any = await stopScreenRecording();
         if (res) {
             const nextVideoUri = resolveRecordedVideoUri(res);
             if (nextVideoUri) {
@@ -253,7 +329,7 @@ export const IInstall: React.FC<IInstallProps> = ({
         }}
         screenshotUri={screenshotUri}
         videoUri={videoUri}
-        onStartRecording={handleStartRecording}
+        onStartRecording={screenRecordingAvailable ? handleStartRecording : undefined}
         apiKey={apiKey}
         apiEndpoint={apiEndpoint}
       />
@@ -329,3 +405,11 @@ export default IInstall;
 
 // Export the wrapper component for simulator/emulator support
 export { IInstallWrapper } from './IInstallWrapper';
+export {
+  registerPushToken,
+  unregisterPushToken,
+  type RegisterPushTokenParams,
+  type UnregisterPushTokenParams,
+  type PushRegistrationResult,
+  type PushPlatform,
+} from './pushRegistration';