@elevenlabs/react-native 0.5.12 → 1.0.0-rc.0

package/jest.config.cjs

@@ -1,263 +0,0 @@
-module.exports = {
-  // Use React Native preset optimized for TypeScript
-  preset: 'ts-jest',
-
-  // Use node environment with React Native globals
-  testEnvironment: 'node',
-
-  // Define test roots
-  roots: ['<rootDir>/src'],
-
-  // Enhanced test file matching patterns
-  testMatch: [
-    '**/__tests__/**/*.(test|spec).+(ts|tsx|js|jsx)',
-    '**/*.(test|spec).+(ts|tsx|js|jsx)',
-    '!**/*.d.ts',
-    '!**/node_modules/**',
-  ],
-
-  // TypeScript and JavaScript transformation
-  transform: {
-    '^.+\\.(ts|tsx)$': ['ts-jest', {
-      useESM: false,
-      tsconfig: {
-        target: 'ES2020',
-        module: 'commonjs',
-        moduleResolution: 'node',
-        allowJs: true,
-        allowSyntheticDefaultImports: true,
-        esModuleInterop: true,
-        skipLibCheck: true,
-        strict: false, // Relaxed for testing
-        resolveJsonModule: true,
-        isolatedModules: true,
-      },
-    }],
-    '^.+\\.(js|jsx)$': 'babel-jest',
-  },
-
-  // File extensions to handle
-  moduleFileExtensions: [
-    'ts',
-    'tsx',
-    'js',
-    'jsx',
-    'json',
-    'node',
-    'ios.ts',
-    'ios.tsx',
-    'android.ts',
-    'android.tsx',
-    'native.ts',
-    'native.tsx',
-  ],
-
-  // Minimal module mapping for React Native modules
-  moduleNameMapper: {
-    '^react-native$': '<rootDir>/jest.rn-mock.js',
-    '^react-native/(.*)$': '<rootDir>/jest.rn-mock.js',
-  },
-
-  // Setup files
-  setupFiles: [],
-
-  // Setup files after environment is set up
-  setupFilesAfterEnv: [],
-
-  // Coverage configuration
-  collectCoverage: false, // Enable manually with --coverage
-  collectCoverageFrom: [
-    'src/**/*.{ts,tsx}',
-    '!src/**/*.d.ts',
-    '!src/**/*.test.{ts,tsx}',
-    '!src/**/*.spec.{ts,tsx}',
-    '!src/**/test-*.{ts,tsx}',
-    '!src/**/__tests__/**',
-    '!src/**/__mocks__/**',
-    '!**/node_modules/**',
-  ],
-
-  // Coverage thresholds
-  coverageThreshold: {
-    global: {
-      branches: 80,
-      functions: 80,
-      lines: 80,
-      statements: 80,
-    },
-    // Per-file thresholds for critical files
-    './src/conversation.ts': {
-      branches: 90,
-      functions: 90,
-      lines: 90,
-      statements: 90,
-    },
-    './src/errors.ts': {
-      branches: 95,
-      functions: 95,
-      lines: 95,
-      statements: 95,
-    },
-  },
-
-  // Coverage reporters
-  coverageReporters: [
-    'text',
-    'text-summary',
-    'lcov',
-    'html',
-    'json',
-  ],
-
-  // Coverage directory
-  coverageDirectory: '<rootDir>/coverage',
-
-  // Ignore patterns for coverage
-  coveragePathIgnorePatterns: [
-    '/node_modules/',
-    '/dist/',
-    '/build/',
-    '/.next/',
-    '/coverage/',
-    '\\.d\\.ts$',
-    '\\.test\\.ts$',
-    '\\.spec\\.ts$',
-  ],
-
-  // Test timeout (increased for React Native)
-  testTimeout: 15000,
-
-  // Clear mocks after each test
-  clearMocks: true,
-
-  // Restore mocks after each test
-  restoreMocks: true,
-
-  // Reset modules before each test
-  resetModules: false, // Keep false for performance
-
-  // Verbose output
-  verbose: false, // Set to true for debugging
-
-  // Error handling
-  errorOnDeprecated: true,
-
-  // Performance optimizations
-  maxWorkers: '50%', // Use half the available CPU cores
-
-  // Cache configuration
-  cache: true,
-  cacheDirectory: '<rootDir>/node_modules/.cache/jest',
-
-  // Watch mode configuration
-  watchPathIgnorePatterns: [
-    '/node_modules/',
-    '/dist/',
-    '/build/',
-    '/coverage/',
-    '\\.git/',
-  ],
-
-  // Test result processing
-  testResultsProcessor: undefined,
-
-  // Custom environment variables for React Native
-  testEnvironmentOptions: {
-    url: 'http://localhost',
-  },
-
-  // Resolver configuration for React Native modules
-  resolver: undefined, // Use default resolver with moduleNameMapping
-
-  // Transform ignore patterns (important for React Native)
-  transformIgnorePatterns: [
-    'node_modules/(?!(react-native|@react-native|@livekit|livekit-client)/)',
-  ],
-
-  // Module directories
-  moduleDirectories: [
-    'node_modules',
-    '<rootDir>/src',
-  ],
-
-  // Global setup and teardown
-  globalSetup: undefined,
-  globalTeardown: undefined,
-
-  // Custom reporters
-  reporters: [
-    'default',
-    // Add custom reporters here if needed
-    // ['jest-junit', { outputDirectory: 'test-results', outputName: 'junit.xml' }],
-  ],
-
-  // Snapshot configuration
-  snapshotSerializers: [],
-
-  // Test path ignore patterns
-  testPathIgnorePatterns: [
-    '/node_modules/',
-    '/dist/',
-    '/build/',
-    '/coverage/',
-  ],
-
-  // Silent mode
-  silent: false,
-
-  // Notify configuration
-  notify: false,
-  notifyMode: 'failure-change',
-
-  // Force exit
-  forceExit: false,
-
-  // Detect open handles
-  detectOpenHandles: false, // Set to true for debugging
-
-  // Detect leaked handles
-  detectLeaks: false, // Set to true for debugging
-
-  // Bail configuration
-  bail: 0, // Run all tests
-
-  // Collect coverage from untested files
-  // collectCoverageOnlyFrom removed - replaced by collectCoverageFrom
-
-  // Coverage provider
-  coverageProvider: 'v8', // Faster than babel
-
-  // Extensions to ignore
-  modulePathIgnorePatterns: [
-    '<rootDir>/dist/',
-    '<rootDir>/build/',
-  ],
-
-  // Project configuration for monorepo support
-  projects: undefined,
-
-  // Runner configuration
-  runner: 'jest-runner',
-
-  // Test name pattern
-  testNamePattern: undefined,
-
-  // Only changed files
-  onlyChanged: false,
-
-  // Pass with no tests
-  passWithNoTests: true,
-
-  // Use stderr
-  useStderr: false,
-
-  // Watch plugins
-  watchPlugins: [
-    // Removed jest-watch-typeahead plugins - not installed
-  ],
-
-  // Timezone
-  fakeTimers: {
-    enableGlobally: false // Use real timers by default
-  },
-};

package/jest.rn-mock.js

@@ -1,15 +0,0 @@
-// Simple React Native mock for Jest
-module.exports = {
-  Platform: {
-    OS: 'ios',
-    select: jest.fn((options) => options.ios),
-  },
-  StyleSheet: {
-    create: jest.fn((styles) => styles),
-    flatten: jest.fn((styles) => styles),
-  },
-  Dimensions: {
-    get: jest.fn(() => ({ width: 375, height: 667 })),
-  },
-  // Add any other React Native modules as needed
-};

package/src/ElevenLabsProvider.test.tsx

@@ -1,257 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-import { ElevenLabsProvider, useConversation } from './ElevenLabsProvider';
-import type { ReactNode } from 'react';
-
-// Suppress react-test-renderer deprecation warnings during tests
-const originalWarn = console.warn;
-const originalError = console.error;
-
-beforeAll(() => {
-  console.warn = (...args) => {
-    if (args[0]?.includes?.('react-test-renderer is deprecated')) return;
-    originalWarn(...args);
-  };
-  console.error = (...args) => {
-    if (args[0]?.includes?.('react-test-renderer is deprecated')) return;
-    originalError(...args);
-  };
-});
-
-afterAll(() => {
-  console.warn = originalWarn;
-  console.error = originalError;
-});
-
-// Simple test component to avoid React Native import issues
-const TestText = ({ children }: { children: ReactNode }) => (
-  <div>{children}</div>
-);
-
-// Mock LiveKit
-jest.mock('@livekit/react-native', () => ({
-  registerGlobals: jest.fn(),
-}));
-
-// Mock hooks with inline functions to avoid hoisting issues
-jest.mock('./hooks/useConversationSession', () => ({
-  useConversationSession: () => ({
-    startSession: jest.fn(),
-    endSession: jest.fn(),
-    overrides: {},
-    customLlmExtraBody: undefined,
-    defaultServerUrl: 'https://api.elevenlabs.io/v1/convai',
-  }),
-}));
-
-jest.mock('./hooks/useConversationCallbacks', () => ({
-  useConversationCallbacks: () => ({
-    callbacksRef: { current: {} },
-    setCallbacks: jest.fn(),
-  }),
-}));
-
-jest.mock('./hooks/useLiveKitRoom', () => ({
-  useLiveKitRoom: () => ({
-    room: null,
-    localParticipant: null,
-    roomConnected: false,
-    handleParticipantReady: jest.fn(),
-    handleConnected: jest.fn(),
-    handleDisconnected: jest.fn(),
-    handleError: jest.fn(),
-  }),
-}));
-
-jest.mock('./hooks/useMessageSending', () => ({
-  useMessageSending: () => ({
-    sendMessage: jest.fn(),
-    sendFeedback: jest.fn(),
-    sendContextualUpdate: jest.fn(),
-    sendUserMessage: jest.fn(),
-    sendUserActivity: jest.fn(),
-  }),
-}));
-
-jest.mock('./components/MessageHandler', () => ({
-  MessageHandler: () => null,
-}));
-
-jest.mock('./components/LiveKitRoomWrapper', () => ({
-  LiveKitRoomWrapper: ({ children }: { children: ReactNode }) => (
-    // The actual LiveKitRoomWrapper receives key prop from parent (ElevenLabsProvider)
-    // Children are passed through and should not remount when key changes
-    <div>{children}</div>
-  ),
-}));
-
-describe('ElevenLabsProvider', () => {
-  describe('Core Functionality', () => {
-    it('should throw error when useConversation is used outside provider', () => {
-      const BadComponent = () => {
-        useConversation();
-        return <TestText>Should not render</TestText>;
-      };
-
-      const originalError = console.error;
-      console.error = jest.fn();
-
-      expect(() => {
-        render(<BadComponent />);
-      }).toThrow('useConversation must be used within ElevenLabsProvider');
-
-      console.error = originalError;
-    });
-
-    it('should provide conversation context and all methods when used within provider', () => {
-      const TestComponent = () => {
-        const conversation = useConversation();
-
-        // Verify all methods exist and are functions
-        expect(typeof conversation.startSession).toBe('function');
-        expect(typeof conversation.endSession).toBe('function');
-        expect(typeof conversation.sendFeedback).toBe('function');
-        expect(typeof conversation.sendContextualUpdate).toBe('function');
-        expect(typeof conversation.sendUserMessage).toBe('function');
-        expect(typeof conversation.sendUserActivity).toBe('function');
-
-        // Verify all properties exist with correct types
-        expect(typeof conversation.status).toBe('string');
-        expect(typeof conversation.isSpeaking).toBe('boolean');
-        expect(typeof conversation.canSendFeedback).toBe('boolean');
-
-        return <TestText>Test passed</TestText>;
-      };
-
-      expect(() => {
-        render(
-          <ElevenLabsProvider>
-            <TestComponent />
-          </ElevenLabsProvider>
-        );
-      }).not.toThrow();
-    });
-
-    it('should allow methods to be called without throwing errors', () => {
-      const TestComponent = () => {
-        const conversation = useConversation();
-
-        // Suppress console.warn for sendFeedback test since canSendFeedback is false by default
-        const originalWarn = console.warn;
-        console.warn = jest.fn();
-
-        // Test that all methods can be called safely
-        expect(() => conversation.startSession({ agentId: 'test' })).not.toThrow();
-        expect(() => conversation.endSession()).not.toThrow();
-        expect(() => conversation.sendFeedback(true)).not.toThrow();
-        expect(() => conversation.sendContextualUpdate('test context')).not.toThrow();
-        expect(() => conversation.sendUserMessage('test message')).not.toThrow();
-        expect(() => conversation.sendUserActivity()).not.toThrow();
-
-        // Restore console.warn
-        console.warn = originalWarn;
-
-        return <TestText>Method tests passed</TestText>;
-      };
-
-      expect(() => {
-        render(
-          <ElevenLabsProvider>
-            <TestComponent />
-          </ElevenLabsProvider>
-        );
-      }).not.toThrow();
-    });
-
-    it('should render children components successfully', () => {
-      // Simple test - if rendering doesn't throw, children are successfully rendered
-      expect(() => {
-        render(
-          <ElevenLabsProvider>
-            <TestText>Child component rendered</TestText>
-          </ElevenLabsProvider>
-        );
-      }).not.toThrow();
-    });
-
-    it('should provide conversation context with options', () => {
-      const TestComponent = () => {
-        const conversation = useConversation({
-          onConnect: jest.fn(),
-          onDisconnect: jest.fn(),
-          onError: jest.fn(),
-        });
-
-        expect(conversation).toBeDefined();
-        return <TestText>Options test passed</TestText>;
-      };
-
-      expect(() => {
-        render(
-          <ElevenLabsProvider>
-            <TestComponent />
-          </ElevenLabsProvider>
-        );
-      }).not.toThrow();
-    });
-
-    it('should maintain stable conversation object reference to prevent infinite loops', () => {
-      const useEffectCallCount = jest.fn();
-      const conversationRefs: any[] = [];
-      let capturedConversation: any = null;
-
-      const TestComponent = () => {
-        const conversation = useConversation();
-
-        // Capture conversation for external testing
-        capturedConversation = conversation;
-
-        // Track the conversation object reference on each render
-        conversationRefs.push(conversation);
-
-        // Using conversation in useEffect deps should not cause an infinite loop
-        React.useEffect(() => {
-          useEffectCallCount();
-          // Simulate calling startSession which triggers state changes
-          // In real usage, this would call conversation.startSession(...)
-        }, [conversation]);
-
-        return <TestText>Test component</TestText>;
-      };
-
-      const { rerender } = render(
-        <ElevenLabsProvider>
-          <TestComponent />
-        </ElevenLabsProvider>
-      );
-
-      // Initial render - effect should run once
-      expect(useEffectCallCount).toHaveBeenCalledTimes(1);
-      const firstConversationRef = conversationRefs[0];
-
-      // Verify the conversation object has all required properties
-      expect(firstConversationRef).toHaveProperty('startSession');
-      expect(firstConversationRef).toHaveProperty('endSession');
-      expect(firstConversationRef).toHaveProperty('status');
-      expect(firstConversationRef).toHaveProperty('isSpeaking');
-
-      // Force a re-render by calling rerender
-      rerender(
-        <ElevenLabsProvider>
-          <TestComponent />
-        </ElevenLabsProvider>
-      );
-
-      // After re-render, verify conversation reference is still the same
-      expect(conversationRefs[conversationRefs.length - 1]).toBe(firstConversationRef);
-
-      // Effect should NOT run again because conversation reference is stable
-      expect(useEffectCallCount).toHaveBeenCalledTimes(1);
-
-      // Verify ALL conversation references collected are the same object
-      conversationRefs.forEach((ref, index) => {
-        expect(ref).toBe(firstConversationRef);
-      });
-    });
-  });
-});