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

package/package.json

@@ -1,17 +1,13 @@
 {
   "name": "@elevenlabs/react-native",
-  "version": "0.5.12",
+  "version": "1.0.0-rc.1",
   "description": "ElevenLabs React Native SDK for the Agents Platform",
-  "main": "./dist/lib.js",
-  "module": "./dist/lib.module.js",
-  "source": "src/index.ts",
-  "unpkg": "./dist/lib.umd.js",
-  "types": "./dist/index.d.ts",
+  "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/lib.modern.js",
-      "require": "./dist/lib.js"
+      "browser": "./dist/index.js",
+      "react-native": "./dist/index.react-native.js",
+      "default": "./dist/index.js"
     }
   },
   "keywords": [
@@ -27,24 +23,16 @@
   "peerDependencies": {
     "@livekit/react-native": "^2.9.2",
     "@livekit/react-native-webrtc": "^137.0.2",
-    "livekit-client": "^2.15.4",
     "react": ">=17.0.0",
     "react-native": ">=0.70.0"
   },
   "dependencies": {
-    "@elevenlabs/types": "0.6.1"
+    "@elevenlabs/client": "1.0.0-rc.1",
+    "@elevenlabs/react": "1.0.0-rc.1"
   },
   "devDependencies": {
-    "@testing-library/jest-native": "^5.4.3",
-    "@testing-library/react-native": "^13.2.0",
-    "@types/jest": "^29.5.12",
     "@types/react": "^19.1.1",
-    "@types/react-native": "^0.73.0",
     "eslint": "^9.8.0",
-    "jest": "^29.7.0",
-    "microbundle": "^0.15.1",
-    "react-test-renderer": "19.1.0",
-    "ts-jest": "^29.2.5",
     "typescript": "^5.5.4"
   },
   "repository": {
@@ -53,17 +41,16 @@
     "directory": "packages/react-native"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "tag": "next"
   },
   "scripts": {
     "generate-version": "printf \"// This file is auto-generated during build\\nexport const PACKAGE_VERSION = \\\"%s\\\";\\n\" \"$npm_package_version\" > src/version.ts",
-    "bundle": "microbundle --jsx React.createElement --jsxFragment React.Fragment --jsxImportSource react src/index.ts",
-    "build": "BROWSERSLIST_ENV=modern node --run bundle",
-    "dev": "BROWSERSLIST_ENV=modern node --run bundle -- --watch --no-compress",
-    "clean": "rm -rf ./dist",
+    "build": "tsc --build tsconfig.build.json",
+    "dev": "tsc --build tsconfig.build.json --watch",
+    "clean": "tsc --build tsconfig.build.json --clean && rm -rf ./dist",
     "check-types": "tsc --noEmit --skipLibCheck",
     "lint:es": "pnpm exec eslint .",
-    "lint:prettier": "prettier 'src/**/*.ts' --check",
-    "test": "jest"
+    "lint:prettier": "prettier 'src/**/*.ts' --check"
   }
 }

package/src/index.react-native.ts

@@ -0,0 +1,51 @@
+import {
+  registerGlobals,
+  AudioSession,
+  AndroidAudioTypePresets,
+} from "@livekit/react-native";
+import type { Options } from "@elevenlabs/client";
+import {
+  setSetupStrategy,
+  webSessionSetup,
+  type VoiceSessionSetupResult,
+} from "@elevenlabs/client/internal";
+
+// Polyfill WebRTC globals needed by livekit-client in React Native
+registerGlobals();
+
+/**
+ * React Native voice session setup strategy.
+ *
+ * 1. Configures and starts the native AudioSession
+ * 2. Delegates connection + input/output setup to the web strategy
+ * 3. Wraps detach to stop the native AudioSession on cleanup
+ */
+async function reactNativeSessionSetup(
+  options: Options
+): Promise<VoiceSessionSetupResult> {
+  await AudioSession.configureAudio({
+    android: {
+      preferredOutputList: ["speaker"],
+      audioTypeOptions: AndroidAudioTypePresets.communication,
+    },
+    ios: {
+      defaultOutput: "speaker",
+    },
+  });
+  await AudioSession.startAudioSession();
+
+  const result = await webSessionSetup(options);
+
+  const originalDetach = result.detach;
+  return {
+    ...result,
+    detach: () => {
+      originalDetach();
+      AudioSession.stopAudioSession();
+    },
+  };
+}
+
+setSetupStrategy(reactNativeSessionSetup);
+
+export * from "./index";

package/src/index.ts

@@ -1,18 +1,27 @@
+import { setSourceInfo } from "@elevenlabs/client/internal";
+import { PACKAGE_VERSION } from "./version";
+
+// Identify as react_native_sdk
+setSourceInfo({ name: "react_native_sdk", version: PACKAGE_VERSION });
+
+// Conversation context API
 export {
-  ElevenLabsProvider,
+  ConversationProvider,
+  useConversationControls,
+  useConversationStatus,
+  useConversationInput,
+  useConversationMode,
+  useConversationFeedback,
+  useRawConversation,
   useConversation,
-  type Conversation,
-} from "./ElevenLabsProvider";
-
-export type {
-  ConversationStatus,
-  Mode,
-  Role,
-  Callbacks,
-  ConversationOptions,
-  ConversationConfig,
-  ConversationEvent,
-  AudioAlignmentEvent,
-  AudioEventWithAlignment,
-  AudioSessionConfig,
-} from "./types";
+  type UseConversationOptions,
+  type ConversationControlsValue,
+  type ConversationInputValue,
+  type ConversationStatus,
+  type ConversationStatusValue,
+  type ConversationModeValue,
+  type ConversationFeedbackValue,
+  type ConversationProviderProps,
+  type HookOptions,
+  type HookCallbacks,
+} from "@elevenlabs/react";

package/src/version.ts

@@ -1,2 +1,2 @@
 // This file is auto-generated during build
-export const PACKAGE_VERSION = "0.5.12";
+export const PACKAGE_VERSION = "1.0.0-rc.1";

package/tsconfig.build.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "strict": true,
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM"],
+    "module": "ES2022",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "skipLibCheck": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": ["src/**/*.test.ts", "src/**/*.test.tsx", "src/**/__tests__/**"]
+}