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

package/src/utils/platform.ts

@@ -1,40 +1,49 @@
-import { type IResourceAttributes } from '../types'
-import OptionalConstants from './constants.optional'
-import { Platform, Dimensions, PixelRatio } from 'react-native'
-import { version } from '../version'
-import { getAutoDetectedAppMetadata } from './app-metadata'
+import { type IResourceAttributes } from '../types';
+import OptionalConstants from './constants.optional';
+import { Platform, Dimensions, PixelRatio } from 'react-native';
+import { version } from '../version';
+import { getAutoDetectedAppMetadata } from './app-metadata';
 
 // Global app metadata configuration for non-Expo apps
-let globalAppMetadata: { name?: string; version?: string; bundleId?: string } = {}
+let globalAppMetadata: { name?: string; version?: string; bundleId?: string } =
+  {};
 
 // Cache for auto-detected metadata to avoid repeated file reads
-let autoDetectedMetadata: { name?: string; version?: string; bundleId?: string } | null = null
+let autoDetectedMetadata: {
+  name?: string;
+  version?: string;
+  bundleId?: string;
+} | null = null;
 
 export interface PlatformInfo {
-  isExpo: boolean
-  isReactNative: boolean
-  platform: 'ios' | 'android' | 'web' | 'unknown'
-  platformVersion?: string
-  expoVersion?: string
-  deviceType: string
+  isExpo: boolean;
+  isReactNative: boolean;
+  platform: 'ios' | 'android' | 'web' | 'unknown';
+  platformVersion?: string;
+  expoVersion?: string;
+  deviceType: string;
 }
 
 export function detectPlatform(): PlatformInfo {
   try {
     // Check if we're in an Expo environment
-    const isExpo = !!OptionalConstants?.expoVersion
+    const isExpo = !!OptionalConstants?.expoVersion;
 
     if (isExpo) {
-      const expoVersion = OptionalConstants?.expoVersion
-      const platform = OptionalConstants?.platform
+      const expoVersion = OptionalConstants?.expoVersion;
+      const platform = OptionalConstants?.platform;
 
       return {
         isExpo: true,
         isReactNative: true,
-        platform: platform?.ios ? 'ios' : platform?.android ? 'android' : 'unknown',
+        platform: platform?.ios
+          ? 'ios'
+          : platform?.android
+            ? 'android'
+            : 'unknown',
         expoVersion,
         deviceType: 'expo',
-      }
+      };
     }
 
     // Fallback to React Native detection
@@ -44,7 +53,7 @@ export function detectPlatform(): PlatformInfo {
       platform: Platform.OS as 'ios' | 'android' | 'web' | 'unknown',
       platformVersion: Platform.Version?.toString(),
       deviceType: Platform.OS,
-    }
+    };
   } catch (error) {
     // Fallback for web or other environments
     return {
@@ -52,35 +61,35 @@ export function detectPlatform(): PlatformInfo {
       isReactNative: false,
       platform: 'unknown',
       deviceType: 'unknown',
-    }
+    };
   }
 }
 
 export function getPlatformAttributes(): Record<string, any> {
-  const platformInfo = detectPlatform()
+  const platformInfo = detectPlatform();
 
   const attributes: Record<string, any> = {
-    platform: platformInfo.isExpo ? 'expo' : 'react-native',
+    'platform': platformInfo.isExpo ? 'expo' : 'react-native',
     'device.type': platformInfo.deviceType,
-  }
+  };
 
   if (platformInfo.platformVersion) {
-    attributes['platform.version'] = platformInfo.platformVersion
+    attributes['platform.version'] = platformInfo.platformVersion;
   }
 
   if (platformInfo.expoVersion) {
-    attributes['expo.version'] = platformInfo.expoVersion
+    attributes['expo.version'] = platformInfo.expoVersion;
   }
 
-  return attributes
+  return attributes;
 }
 
 export function isExpoEnvironment(): boolean {
-  return detectPlatform().isExpo
+  return detectPlatform().isExpo;
 }
 
 export function isReactNativeEnvironment(): boolean {
-  return detectPlatform().isReactNative
+  return detectPlatform().isReactNative;
 }
 
 /**
@@ -102,212 +111,234 @@ export function isReactNativeEnvironment(): boolean {
  * ```
  */
 export function configureAppMetadata(metadata: {
-  name?: string
-  version?: string
-  bundleId?: string
-  buildNumber?: string
-  displayName?: string
+  name?: string;
+  version?: string;
+  bundleId?: string;
+  buildNumber?: string;
+  displayName?: string;
 }): void {
-  globalAppMetadata = { ...globalAppMetadata, ...metadata }
+  globalAppMetadata = { ...globalAppMetadata, ...metadata };
 }
 
 /**
  * Get configured app metadata
  */
-export function getConfiguredAppMetadata(): { name?: string, version?: string, bundleId?: string, buildNumber?: string, displayName?: string, } {
-  return { ...globalAppMetadata }
+export function getConfiguredAppMetadata(): {
+  name?: string;
+  version?: string;
+  bundleId?: string;
+  buildNumber?: string;
+  displayName?: string;
+} {
+  return { ...globalAppMetadata };
 }
 
 /**
  * Automatically detect app metadata from common configuration files
  * This runs without developer intervention
  */
-function autoDetectAppMetadata(): { name?: string; version?: string; bundleId?: string } {
+function autoDetectAppMetadata(): {
+  name?: string;
+  version?: string;
+  bundleId?: string;
+} {
   if (autoDetectedMetadata) {
-    return autoDetectedMetadata
+    return autoDetectedMetadata;
   }
 
   try {
     // Get auto-detected metadata from build-time generated file
-    const autoMetadata = getAutoDetectedAppMetadata()
+    const autoMetadata = getAutoDetectedAppMetadata();
 
     // Filter out undefined values
-    const metadata: { name?: string; version?: string; bundleId?: string } = {}
-    if (autoMetadata.name) metadata.name = autoMetadata.name
-    if (autoMetadata.version) metadata.version = autoMetadata.version
-    if (autoMetadata.bundleId) metadata.bundleId = autoMetadata.bundleId
+    const metadata: { name?: string; version?: string; bundleId?: string } = {};
+    if (autoMetadata.name) metadata.name = autoMetadata.name;
+    if (autoMetadata.version) metadata.version = autoMetadata.version;
+    if (autoMetadata.bundleId) metadata.bundleId = autoMetadata.bundleId;
 
-    autoDetectedMetadata = metadata
-    return metadata
+    autoDetectedMetadata = metadata;
+    return metadata;
   } catch (error) {
     // Silently fail - this is optional auto-detection
-    autoDetectedMetadata = {}
-    return {}
+    autoDetectedMetadata = {};
+    return {};
   }
 }
 
 /**
  * Enhanced app metadata detection with automatic fallbacks
  */
-export function getAppMetadata(): { name?: string; version?: string; bundleId?: string } {
+export function getAppMetadata(): {
+  name?: string;
+  version?: string;
+  bundleId?: string;
+} {
   // Priority order:
   // 1. Expo config (if available)
   // 2. Manually configured metadata
   // 3. Auto-detected metadata
   // 4. Fallbacks
 
-  const expoMetadata = getExpoMetadata()
-  const configuredMetadata = getConfiguredAppMetadata()
-  const autoMetadata = autoDetectAppMetadata()
+  const expoMetadata = getExpoMetadata();
+  const configuredMetadata = getConfiguredAppMetadata();
+  const autoMetadata = autoDetectAppMetadata();
 
   return {
     name: expoMetadata.name || configuredMetadata.name || autoMetadata.name,
-    version: expoMetadata.version || configuredMetadata.version || autoMetadata.version,
-    bundleId: expoMetadata.bundleId || configuredMetadata.bundleId || autoMetadata.bundleId,
-  }
+    version:
+      expoMetadata.version ||
+      configuredMetadata.version ||
+      autoMetadata.version,
+    bundleId:
+      expoMetadata.bundleId ||
+      configuredMetadata.bundleId ||
+      autoMetadata.bundleId,
+  };
 }
 
 /**
  * Get metadata from Expo config
  */
-function getExpoMetadata(): { name?: string; version?: string; bundleId?: string } {
-  const expoConfig = OptionalConstants?.expoConfig
-  if (!expoConfig) return {}
+function getExpoMetadata(): {
+  name?: string;
+  version?: string;
+  bundleId?: string;
+} {
+  const expoConfig = OptionalConstants?.expoConfig;
+  if (!expoConfig) return {};
 
   return {
     name: expoConfig.name,
     version: expoConfig.version,
     bundleId: expoConfig.ios?.bundleIdentifier || expoConfig.android?.package,
-  }
+  };
 }
 
 export const getNavigatorInfo = (): IResourceAttributes => {
-  const platformInfo = detectPlatform()
-  const screenData = Dimensions.get('window')
-  const screenDataScreen = Dimensions.get('screen')
-  const pixelRatio = PixelRatio.get()
+  const platformInfo = detectPlatform();
+  const screenData = Dimensions.get('window');
+  const screenDataScreen = Dimensions.get('screen');
+  const pixelRatio = PixelRatio.get();
 
   // Get device type based on screen dimensions
   const getDeviceType = (): string => {
-    const { width, height } = screenData
-    const minDimension = Math.min(width, height)
-    const maxDimension = Math.max(width, height)
+    const { width, height } = screenData;
+    const minDimension = Math.min(width, height);
+    const maxDimension = Math.max(width, height);
 
     // Rough device type detection based on screen size
     if (maxDimension >= 1024) {
-      return 'Tablet'
+      return 'Tablet';
     } else if (minDimension >= 600) {
-      return 'Large Phone'
+      return 'Large Phone';
     } else {
-      return 'Phone'
+      return 'Phone';
     }
-  }
+  };
 
   // Get orientation
   const getOrientation = (): string => {
-    const { width, height } = screenData
-    return width > height ? 'Landscape' : 'Portrait'
-  }
+    const { width, height } = screenData;
+    return width > height ? 'Landscape' : 'Portrait';
+  };
 
   // Get OS version details
   const getOSInfo = (): string => {
     if (platformInfo.isExpo) {
-      const platform = OptionalConstants?.platform
+      const platform = OptionalConstants?.platform;
       if (platform?.ios) {
-        return `iOS ${Platform.Version}`
+        return `iOS ${Platform.Version}`;
       } else if (platform?.android) {
-        return `Android ${Platform.Version}`
+        return `Android ${Platform.Version}`;
       }
     }
 
     if (Platform.OS === 'ios') {
-      return `iOS ${Platform.Version}`
+      return `iOS ${Platform.Version}`;
     } else if (Platform.OS === 'android') {
-      return `Android ${Platform.Version}`
+      return `Android ${Platform.Version}`;
     }
 
-    return `${Platform.OS} ${Platform.Version || 'Unknown'}`
-  }
+    return `${Platform.OS} ${Platform.Version || 'Unknown'}`;
+  };
 
   // Get device info string
   const getDeviceInfo = (): string => {
-    const deviceType = getDeviceType()
-    const osInfo = getOSInfo()
-    return `${deviceType} - ${osInfo}`
-  }
+    const deviceType = getDeviceType();
+    const osInfo = getOSInfo();
+    return `${deviceType} - ${osInfo}`;
+  };
 
   // Get browser/runtime info
   const getBrowserInfo = (): string => {
     if (platformInfo.isExpo) {
-      return `Expo ${platformInfo.expoVersion || 'Unknown'} - React Native`
+      return `Expo ${platformInfo.expoVersion || 'Unknown'} - React Native`;
     }
-    return 'React Native'
-  }
+    return 'React Native';
+  };
 
   // Get screen size string
   const getScreenSize = (): string => {
-    return `${Math.round(screenData.width)}x${Math.round(screenData.height)}`
-  }
-  const metadata = getAppMetadata()
+    return `${Math.round(screenData.width)}x${Math.round(screenData.height)}`;
+  };
+  const metadata = getAppMetadata();
   // Get app info with fallbacks for non-Expo apps
   const getAppInfo = (): string => {
-    const appName = getAppName()
-    const appVersion = getAppVersion()
-    return `${appName} v${appVersion}`
-  }
+    const appName = getAppName();
+    const appVersion = getAppVersion();
+    return `${appName} v${appVersion}`;
+  };
 
   // Get app name with automatic detection
   const getAppName = (): string => {
-
-    if (metadata.name) return metadata.name
+    if (metadata.name) return metadata.name;
 
     // Try configured display name as fallback
-    const configuredMetadata = getConfiguredAppMetadata()
-    if (configuredMetadata.displayName) return configuredMetadata.displayName
+    const configuredMetadata = getConfiguredAppMetadata();
+    if (configuredMetadata.displayName) return configuredMetadata.displayName;
 
     // Final fallback
-    return 'React Native App'
-  }
+    return 'React Native App';
+  };
 
   // Get app version with automatic detection
   const getAppVersion = (): string => {
-    if (metadata.version) return metadata.version
+    if (metadata.version) return metadata.version;
 
     // Final fallback
-    return 'Unknown'
-  }
+    return 'Unknown';
+  };
 
   // Get bundle ID with automatic detection
   const getBundleId = (): string => {
-    if (metadata.bundleId) return metadata.bundleId
+    if (metadata.bundleId) return metadata.bundleId;
 
     // Fallback
-    return 'com.reactnative.app'
-  }
+    return 'com.reactnative.app';
+  };
 
   // Get build number with multiple fallback strategies
   const getBuildNumber = (): string => {
     // Try Expo config first
     const expoBuildNumber =
       OptionalConstants?.expoConfig?.ios?.buildNumber ||
-      OptionalConstants?.expoConfig?.android?.versionCode
-    if (expoBuildNumber) return expoBuildNumber.toString()
+      OptionalConstants?.expoConfig?.android?.versionCode;
+    if (expoBuildNumber) return expoBuildNumber.toString();
 
     // Try configured metadata for non-Expo apps
-    const configuredMetadata = getConfiguredAppMetadata()
-    if (configuredMetadata.buildNumber) return configuredMetadata.buildNumber
+    const configuredMetadata = getConfiguredAppMetadata();
+    if (configuredMetadata.buildNumber) return configuredMetadata.buildNumber;
 
     // Fallback
-    return '1'
-  }
-
+    return '1';
+  };
 
   // Get hardware info
   const getHardwareInfo = (): string => {
-    const pixelRatioInfo = `Pixel Ratio: ${pixelRatio}`
-    const screenDensity = PixelRatio.getFontScale()
-    return `${pixelRatioInfo}, Font Scale: ${screenDensity}`
-  }
+    const pixelRatioInfo = `Pixel Ratio: ${pixelRatio}`;
+    const screenDensity = PixelRatio.getFontScale();
+    return `${pixelRatioInfo}, Font Scale: ${screenDensity}`;
+  };
 
   return {
     // Core platform info
@@ -366,5 +397,5 @@ export const getNavigatorInfo = (): IResourceAttributes => {
     systemType: 'mobile',
     // Additional platform attributes
     // ...getPlatformAttributes(),
-  }
-}
+  };
+};

package/src/utils/request-utils.ts

@@ -8,24 +8,24 @@
  * @returns Query string
  */
 export const formDataToQuery = (formData: any): string => {
-  if (!formData) return ''
+  if (!formData) return '';
 
   // In React Native, FormData is handled differently
   // This is a simplified implementation
-  const params = new URLSearchParams()
+  const params = new URLSearchParams();
 
   if (typeof formData.entries === 'function') {
     for (const [key, value] of formData.entries()) {
-      params.append(key, value as string)
+      params.append(key, value as string);
     }
   } else if (typeof formData === 'object') {
     for (const [key, value] of Object.entries(formData)) {
-      params.append(key, String(value))
+      params.append(key, String(value));
     }
   }
 
-  return params.toString()
-}
+  return params.toString();
+};
 
 /**
  * Convert object to query string
@@ -33,16 +33,16 @@ export const formDataToQuery = (formData: any): string => {
  * @returns Query string
  */
 export const objectToQuery = (obj: Record<string, any>): string => {
-  const params = new URLSearchParams()
+  const params = new URLSearchParams();
 
   for (const [key, value] of Object.entries(obj)) {
     if (value !== null && value !== undefined) {
-      params.append(key, String(value))
+      params.append(key, String(value));
     }
   }
 
-  return params.toString()
-}
+  return params.toString();
+};
 
 /**
  * Parse query string to object
@@ -50,12 +50,12 @@ export const objectToQuery = (obj: Record<string, any>): string => {
  * @returns Object with parsed parameters
  */
 export const queryToObject = (queryString: string): Record<string, string> => {
-  const params = new URLSearchParams(queryString)
-  const obj: Record<string, string> = {}
+  const params = new URLSearchParams(queryString);
+  const obj: Record<string, string> = {};
 
   for (const [key, value] of params.entries()) {
-    obj[key] = value
+    obj[key] = value;
   }
 
-  return obj
-}
+  return obj;
+};