@multiplayer-app/session-recorder-react-native 0.0.1-alpha.1 → 0.0.1-alpha.3

package/examples/sample-expo-app/package.json

@@ -1,59 +0,0 @@
-{
-  "name": "sample-expo-app",
-  "main": "expo-router/entry",
-  "version": "1.0.0",
-  "scripts": {
-    "start": "expo start",
-    "reset-project": "node ./scripts/reset-project.js",
-    "android": "expo start --android",
-    "ios": "expo start --ios",
-    "web": "expo start --web",
-    "lint": "expo lint",
-    "postinstall": "expo-yarn-workspaces check workspaces"
-  },
-  "dependencies": {
-    "@expo/vector-icons": "^14.1.0",
-    "@multiplayer-app/session-recorder-react-native": "file:../..",
-    "@react-native-async-storage/async-storage": "2.1.2",
-    "@react-native-community/netinfo": "^11.1.0",
-    "@react-navigation/bottom-tabs": "^7.3.10",
-    "@react-navigation/elements": "^2.3.8",
-    "@react-navigation/native": "^7.1.6",
-    "axios": "^1.6.0",
-    "expo": "~53.0.22",
-    "expo-blur": "~14.1.5",
-    "expo-constants": "~17.1.7",
-    "expo-font": "~13.3.2",
-    "expo-haptics": "~14.1.4",
-    "expo-image": "~2.4.0",
-    "expo-linking": "~7.1.7",
-    "expo-router": "~5.1.5",
-    "expo-splash-screen": "~0.30.10",
-    "expo-status-bar": "~2.2.3",
-    "expo-symbols": "~0.4.5",
-    "expo-system-ui": "~5.0.11",
-    "expo-web-browser": "~14.2.0",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
-    "react-native": "^0.79.5",
-    "react-native-gesture-handler": "~2.24.0",
-    "react-native-mmkv": "^2.11.0",
-    "react-native-reanimated": "~3.17.4",
-    "react-native-safe-area-context": "5.4.0",
-    "react-native-screens": "~4.11.1",
-    "react-native-screenshot": "^1.0.0",
-    "react-native-view-shot": "^4.0.3",
-    "react-native-web": "~0.20.0",
-    "react-native-webview": "13.13.5"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.25.2",
-    "@react-native/metro-config": "^0.81.1",
-    "@types/react": "~19.0.10",
-    "eslint": "^9.25.0",
-    "eslint-config-expo": "~9.2.0",
-    "expo-yarn-workspaces": "^2.3.2",
-    "typescript": "~5.8.3"
-  },
-  "private": true
-}

package/examples/sample-expo-app/scripts/reset-project.js

@@ -1,112 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * This script is used to reset the project to a blank state.
- * It deletes or moves the /app, /components, /hooks, /scripts, and /constants directories to /app-example based on user input and creates a new /app directory with an index.tsx and _layout.tsx file.
- * You can remove the `reset-project` script from package.json and safely delete this file after running it.
- */
-
-const fs = require("fs");
-const path = require("path");
-const readline = require("readline");
-
-const root = process.cwd();
-const oldDirs = ["app", "components", "hooks", "constants", "scripts"];
-const exampleDir = "app-example";
-const newAppDir = "app";
-const exampleDirPath = path.join(root, exampleDir);
-
-const indexContent = `import { Text, View } from "react-native";
-
-export default function Index() {
-  return (
-    <View
-      style={{
-        flex: 1,
-        justifyContent: "center",
-        alignItems: "center",
-      }}
-    >
-      <Text>Edit app/index.tsx to edit this screen.</Text>
-    </View>
-  );
-}
-`;
-
-const layoutContent = `import { Stack } from "expo-router";
-
-export default function RootLayout() {
-  return <Stack />;
-}
-`;
-
-const rl = readline.createInterface({
-  input: process.stdin,
-  output: process.stdout,
-});
-
-const moveDirectories = async (userInput) => {
-  try {
-    if (userInput === "y") {
-      // Create the app-example directory
-      await fs.promises.mkdir(exampleDirPath, { recursive: true });
-      console.log(`📁 /${exampleDir} directory created.`);
-    }
-
-    // Move old directories to new app-example directory or delete them
-    for (const dir of oldDirs) {
-      const oldDirPath = path.join(root, dir);
-      if (fs.existsSync(oldDirPath)) {
-        if (userInput === "y") {
-          const newDirPath = path.join(root, exampleDir, dir);
-          await fs.promises.rename(oldDirPath, newDirPath);
-          console.log(`➡️ /${dir} moved to /${exampleDir}/${dir}.`);
-        } else {
-          await fs.promises.rm(oldDirPath, { recursive: true, force: true });
-          console.log(`❌ /${dir} deleted.`);
-        }
-      } else {
-        console.log(`➡️ /${dir} does not exist, skipping.`);
-      }
-    }
-
-    // Create new /app directory
-    const newAppDirPath = path.join(root, newAppDir);
-    await fs.promises.mkdir(newAppDirPath, { recursive: true });
-    console.log("\n📁 New /app directory created.");
-
-    // Create index.tsx
-    const indexPath = path.join(newAppDirPath, "index.tsx");
-    await fs.promises.writeFile(indexPath, indexContent);
-    console.log("📄 app/index.tsx created.");
-
-    // Create _layout.tsx
-    const layoutPath = path.join(newAppDirPath, "_layout.tsx");
-    await fs.promises.writeFile(layoutPath, layoutContent);
-    console.log("📄 app/_layout.tsx created.");
-
-    console.log("\n✅ Project reset complete. Next steps:");
-    console.log(
-      `1. Run \`npx expo start\` to start a development server.\n2. Edit app/index.tsx to edit the main screen.${
-        userInput === "y"
-          ? `\n3. Delete the /${exampleDir} directory when you're done referencing it.`
-          : ""
-      }`
-    );
-  } catch (error) {
-    console.error(`❌ Error during script execution: ${error.message}`);
-  }
-};
-
-rl.question(
-  "Do you want to move existing files to /app-example instead of deleting them? (Y/n): ",
-  (answer) => {
-    const userInput = answer.trim().toLowerCase() || "y";
-    if (userInput === "y" || userInput === "n") {
-      moveDirectories(userInput).finally(() => rl.close());
-    } else {
-      console.log("❌ Invalid input. Please enter 'Y' or 'N'.");
-      rl.close();
-    }
-  }
-);

package/examples/sample-expo-app/services/api.ts

@@ -1,98 +0,0 @@
-import axios from 'axios';
-
-const API_BASE_URL = 'https://jsonplaceholder.typicode.com';
-
-export interface Post {
-  id: number;
-  title: string;
-  body: string;
-  userId: number;
-}
-
-export interface User {
-  id: number;
-  name: string;
-  username: string;
-  email: string;
-  phone: string;
-  website: string;
-  company: {
-    name: string;
-    catchPhrase: string;
-    bs: string;
-  };
-  address: {
-    street: string;
-    suite: string;
-    city: string;
-    zipcode: string;
-    geo: {
-      lat: string;
-      lng: string;
-    };
-  };
-}
-
-export interface Comment {
-  id: number;
-  postId: number;
-  name: string;
-  email: string;
-  body: string;
-}
-
-class ApiService {
-  private api = axios.create({
-    baseURL: API_BASE_URL,
-    timeout: 10000,
-  });
-
-  // Posts
-  async getPosts(): Promise<Post[]> {
-    const response = await this.api.get('/posts');
-    return response.data;
-  }
-
-  async getPost(id: number): Promise<Post> {
-    const response = await this.api.get(`/posts/${id}`);
-    return response.data;
-  }
-
-  async getPostComments(postId: number): Promise<Comment[]> {
-    const response = await this.api.get(`/posts/${postId}/comments`);
-    return response.data;
-  }
-
-  // Users
-  async getUsers(): Promise<User[]> {
-    const response = await this.api.get('/users');
-    return response.data;
-  }
-
-  async getUser(id: number): Promise<User> {
-    const response = await this.api.get(`/users/${id}`);
-    return response.data;
-  }
-
-  async getUserPosts(userId: number): Promise<Post[]> {
-    const response = await this.api.get(`/users/${userId}/posts`);
-    return response.data;
-  }
-
-  // Create/Update/Delete operations (for demo purposes)
-  async createPost(post: Omit<Post, 'id'>): Promise<Post> {
-    const response = await this.api.post('/posts', post);
-    return response.data;
-  }
-
-  async updatePost(id: number, post: Partial<Post>): Promise<Post> {
-    const response = await this.api.put(`/posts/${id}`, post);
-    return response.data;
-  }
-
-  async deletePost(id: number): Promise<void> {
-    await this.api.delete(`/posts/${id}`);
-  }
-}
-
-export const apiService = new ApiService();

package/examples/sample-expo-app/tsconfig.json

@@ -1,17 +0,0 @@
-{
-  "extends": "expo/tsconfig.base",
-  "compilerOptions": {
-    "strict": true,
-    "paths": {
-      "@/*": [
-        "./*"
-      ]
-    }
-  },
-  "include": [
-    "**/*.ts",
-    "**/*.tsx",
-    ".expo/types/**/*.ts",
-    "expo-env.d.ts"
-  ]
-}

package/examples/sample-expo-app/utils/navigation.ts

@@ -1,19 +0,0 @@
-// Navigation utility to avoid router import issues
-export const navigateTo = {
-  post: (id: number) => {
-    // This will be handled by the router in the component
-    return `/post/${id}`
-  },
-  user: (id: number) => {
-    return `/user/${id}`
-  },
-  posts: () => {
-    return '/(tabs)/posts'
-  },
-  users: () => {
-    return '/(tabs)/users'
-  },
-  home: () => {
-    return '/(tabs)/'
-  },
-}

package/src/sessionRecorder.ts

@@ -1,367 +0,0 @@
-import { SessionRecorderOptions, RecorderConfig, TracerReactNativeConfig } from './types'
-import { TracerReactNativeSDK } from './otel'
-import { RecorderReactNativeSDK } from './recorder'
-import { ApiService } from './services/api.service'
-import { StorageService } from './services/storage.service'
-import {
-  SessionType,
-} from '@multiplayer-app/session-recorder-common'
-
-// Define these locally since they're not exported from common
-export enum SessionState {
-  started = '2',
-  paused = '1',
-  stopped = '0',
-}
-
-export interface ISession {
-  id: string
-  shortId: string
-  type: SessionType
-  state: SessionState
-  createdAt: string
-  updatedAt: string
-  tempApiKey?: string
-  metadata?: Record<string, any>
-}
-
-export class SessionRecorder {
-  private _configs: SessionRecorderOptions | null = null
-  private _tracer: TracerReactNativeSDK
-  private _recorder: RecorderReactNativeSDK
-  private _apiService: ApiService
-  private _storageService: StorageService
-  private _session: ISession | null = null
-  private _isInitialized = false
-
-  constructor() {
-    this._tracer = new TracerReactNativeSDK()
-    this._recorder = new RecorderReactNativeSDK()
-    this._apiService = new ApiService()
-    this._storageService = new StorageService()
-  }
-
-  async init(options: SessionRecorderOptions): Promise<void> {
-    if (this._isInitialized) {
-      console.warn('SessionRecorder already initialized')
-      return
-    }
-
-    this._configs = options
-
-    // Initialize tracer
-    const tracerConfig: TracerReactNativeConfig = {
-      apiKey: options.apiKey,
-      application: options.application,
-      version: options.version,
-      environment: options.environment,
-      exporterEndpoint: options.exporterEndpoint,
-      ignoreUrls: options.ignoreUrls,
-      captureBody: options.captureBody,
-      captureHeaders: options.captureHeaders,
-      sampleTraceRatio: options.sampleTraceRatio,
-      httpMasking: options.httpMasking,
-    }
-
-    this._tracer.init(tracerConfig)
-
-    // Initialize recorder
-    const recorderConfig: RecorderConfig = {
-      apiKey: options.apiKey,
-      apiBaseUrl: options.apiBaseUrl,
-      recordScreen: options.recordScreen,
-      recordGestures: options.recordGestures,
-      recordNavigation: options.recordNavigation,
-
-    }
-
-    this._recorder.init(recorderConfig)
-
-    // Initialize API service
-    this._apiService.init(options)
-
-    this._isInitialized = true
-    console.log('SessionRecorder initialized successfully')
-  }
-
-  async start(sessionId?: string, sessionType: SessionType = SessionType.PLAIN): Promise<void> {
-    if (!this._isInitialized) {
-      throw new Error('SessionRecorder not initialized. Call init() first.')
-    }
-
-    if (!this._configs) {
-      throw new Error('Configuration not found')
-    }
-
-    try {
-      // Create or use existing session
-      if (sessionId) {
-        this._session = {
-          id: sessionId,
-          shortId: sessionId.substring(0, 8),
-          type: sessionType,
-          state: SessionState.started,
-          createdAt: new Date().toISOString(),
-          updatedAt: new Date().toISOString(),
-        }
-      } else {
-        // Start new session via API
-        this._session = await this._apiService.startSession({
-          application: this._configs.application,
-          version: this._configs.version,
-          environment: this._configs.environment,
-        })
-      }
-
-      if (!this._session) {
-        throw new Error('Failed to create session')
-      }
-
-      // Set session ID in tracer
-      this._tracer.setSessionId(this._session.id, this._session.type)
-
-      // Start recording
-      this._recorder.start(this._session.id, this._session.type)
-
-      // Save session data
-      await this._storageService.saveSessionId(this._session.id)
-      await this._storageService.saveSessionType(this._session.type)
-      await this._storageService.saveSessionState(this._session.state)
-      await this._storageService.saveSessionObject(this._session)
-
-      console.log('Session started:', this._session.id)
-    } catch (error) {
-      console.error('Failed to start session:', error)
-      throw error
-    }
-  }
-
-  async stop(): Promise<void> {
-    if (!this._isInitialized || !this._session) {
-      console.warn('Session not active')
-      return
-    }
-
-    try {
-      // Stop recording
-      this._recorder.stop()
-
-      // Update session state
-      this._session.state = SessionState.stopped
-      this._session.updatedAt = new Date().toISOString()
-
-      // Save updated session
-      await this._storageService.saveSessionState(this._session.state)
-      await this._storageService.saveSessionObject(this._session)
-
-      // Stop session via API
-      await this._apiService.stopSession({
-        sessionId: this._session.id,
-      })
-
-      console.log('Session stopped:', this._session.id)
-    } catch (error) {
-      console.error('Failed to stop session:', error)
-      throw error
-    }
-  }
-
-  async pause(): Promise<void> {
-    if (!this._isInitialized || !this._session) {
-      console.warn('Session not active')
-      return
-    }
-
-    try {
-      // Pause recording
-      this._recorder.pause()
-
-      // Update session state
-      this._session.state = SessionState.paused
-      this._session.updatedAt = new Date().toISOString()
-
-      // Save updated session
-      await this._storageService.saveSessionState(this._session.state)
-      await this._storageService.saveSessionObject(this._session)
-
-      console.log('Session paused:', this._session.id)
-    } catch (error) {
-      console.error('Failed to pause session:', error)
-      throw error
-    }
-  }
-
-  async resume(): Promise<void> {
-    if (!this._isInitialized || !this._session) {
-      console.warn('Session not active')
-      return
-    }
-
-    try {
-      // Resume recording
-      this._recorder.resume()
-
-      // Update session state
-      this._session.state = SessionState.started
-      this._session.updatedAt = new Date().toISOString()
-
-      // Save updated session
-      await this._storageService.saveSessionState(this._session.state)
-      await this._storageService.saveSessionObject(this._session)
-
-      console.log('Session resumed:', this._session.id)
-    } catch (error) {
-      console.error('Failed to resume session:', error)
-      throw error
-    }
-  }
-
-  async cancel(): Promise<void> {
-    if (!this._isInitialized || !this._session) {
-      console.warn('Session not active')
-      return
-    }
-
-    try {
-      // Stop recording
-      this._recorder.stop()
-
-      // Clear session data
-      await this._storageService.clearSessionData()
-
-      // Cancel session via API
-      await this._apiService.stopSession({
-        sessionId: this._session.id,
-      })
-
-      this._session = null
-      console.log('Session cancelled')
-    } catch (error) {
-      console.error('Failed to cancel session:', error)
-      throw error
-    }
-  }
-
-  async save(): Promise<void> {
-    if (!this._isInitialized || !this._session) {
-      console.warn('Session not active')
-      return
-    }
-
-    try {
-      // Save session via API
-      await this._apiService.saveSession(this._session.id)
-
-      console.log('Session saved:', this._session.id)
-    } catch (error) {
-      console.error('Failed to save session:', error)
-      throw error
-    }
-  }
-
-  // Navigation methods
-  setNavigationRef(ref: any): void {
-    if (this._isInitialized) {
-      this._tracer.setNavigationRef(ref)
-      this._recorder.setNavigationRef(ref)
-    }
-  }
-
-  // Gesture methods
-  enableGestureTracking(): void {
-    if (this._isInitialized) {
-      this._tracer.enableGestureTracking()
-    }
-  }
-
-  disableGestureTracking(): void {
-    if (this._isInitialized) {
-      this._tracer.disableGestureTracking()
-    }
-  }
-
-  // Manual recording methods
-  recordTap(x: number, y: number, target?: string): void {
-    if (this._isInitialized) {
-      this._tracer.recordTap(x, y, target)
-    }
-  }
-
-  recordSwipe(direction: string, target?: string): void {
-    if (this._isInitialized) {
-      this._tracer.recordSwipe(direction, target)
-    }
-  }
-
-  recordNavigate(routeName: string, params?: Record<string, any>): void {
-    if (this._isInitialized) {
-      this._tracer.recordNavigate(routeName, params)
-    }
-  }
-
-  recordGoBack(): void {
-    if (this._isInitialized) {
-      this._tracer.recordGoBack()
-    }
-  }
-
-  // Session attributes
-  setSessionAttribute(key: string, value: any): void {
-    if (this._session) {
-      if (!this._session.metadata) {
-        this._session.metadata = {}
-      }
-      this._session.metadata[key] = value
-      this._session.updatedAt = new Date().toISOString()
-    }
-  }
-
-  getSessionAttribute(key: string): any {
-    return this._session?.metadata?.[key]
-  }
-
-  // Get current session
-  getCurrentSession(): ISession | null {
-    return this._session
-  }
-
-  // Get session data from storage
-  async getStoredSessionData(): Promise<{
-    sessionId: string | null
-    sessionType: SessionType | null
-    sessionState: SessionState | null
-    sessionObject: ISession | null
-  }> {
-    return await this._storageService.getAllSessionData()
-  }
-
-  // Performance monitoring methods
-  startTrace(name: string, attributes?: Record<string, any>): any {
-    if (this._isInitialized) {
-      return this._tracer.startTrace(name, attributes)
-    }
-    return null
-  }
-
-  endTrace(span: any, status?: any): void {
-    if (this._isInitialized && span) {
-      this._tracer.endTrace(span, status)
-    }
-  }
-
-  captureException(error: Error, context?: Record<string, any>): void {
-    if (this._isInitialized) {
-      this._tracer.captureException(error, context)
-    }
-  }
-
-  // Shutdown
-  async shutdown(): Promise<void> {
-    if (this._isInitialized) {
-      await this.stop()
-      await this._tracer.shutdown()
-      this._isInitialized = false
-      console.log('SessionRecorder shutdown')
-    }
-  }
-}