@rapidaai/react 1.1.27

package/package.json

@@ -0,0 +1,117 @@
+{
+    "name": "@rapidaai/react",
+    "version": "1.1.27",
+    "description": "An easy to use react client for building generative ai application using Rapida platform.",
+    "repository": {
+        "type": "git",
+        "url": "git+ssh://git@github.com/rapidaai/rapida-react.git"
+    },
+    "keywords": [
+        "rapida",
+        "generative",
+        "ai",
+        "voice",
+        "audioai",
+        "chatbot",
+        "voicebot",
+        "rapida-sdk",
+        "rapiadai",
+        "voiceai"
+    ],
+    "author": "Prashant Srivastav <prashant@rapida.ai>",
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/rapidaai/rapida-react/issues"
+    },
+    "homepage": "https://github.com/rapidaai/rapida-react#readme",
+    "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+    },
+    "babel": {
+        "sourceType": "unambiguous",
+        "presets": [
+            [
+                "@babel/preset-env",
+                {
+                    "targets": {
+                        "chrome": 100,
+                        "firefox": 91,
+                        "safari": 15,
+                        "edge": 100,
+                        "opera": 85,
+                        "ios": 15,
+                        "android": 100,
+                        "samsung": 16,
+                        "ie": 11
+                    }
+                }
+            ],
+            [
+                "@babel/preset-react",
+                {
+                    "runtime": "automatic"
+                }
+            ],
+            "@babel/preset-typescript"
+        ]
+    },
+    "devDependencies": {
+        "@babel/cli": "^7.26.4",
+        "@babel/core": "^7.26.8",
+        "@babel/plugin-transform-private-property-in-object": "^7.21.11",
+        "@babel/preset-env": "^7.24.6",
+        "@babel/preset-react": "^7.26.3",
+        "@babel/preset-typescript": "^7.26.0",
+        "@swc/core": "^1.10.16",
+        "@types/node": "^22.17.2",
+        "@types/react": "^19.0.8",
+        "autoprefixer": "^10.4.20",
+        "babel-loader": "^9.2.1",
+        "postcss": "^8.5.2",
+        "postcss-loader": "^8.1.1",
+        "postcss-preset-env": "^10.1.4",
+        "react": "^19.0.0",
+        "react-dom": "19.0.0",
+        "tailwindcss": "^3.4.17",
+        "tailwindcss-patch": "^5.0.2",
+        "ts-loader": "^9.5.2",
+        "ts-node": "^10.9.2",
+        "tslib": "^2.6.2",
+        "tsup": "^8.4.0",
+        "typescript": "^5.7.3",
+        "unplugin-tailwindcss-mangle": "^4.0.2"
+    },
+    "main": "dist/index.js",
+    "module": "dist/index.esm.js",
+    "types": "dist/index.d.ts",
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "dev": "tsx watch src/index.ts",
+        "build": "tsup && postcss src/styles/tailwindcss.css -o dist/styles/index.css",
+        "clean": "rm -rf dist",
+        "preview": "tsx src/index.ts",
+        "prepublishOnly": "npm run build"
+    },
+    "dependencies": {
+        "@emotion/is-prop-valid": "^1.3.1",
+        "@grpc/grpc-js": "^1.13.4",
+        "@improbable-eng/grpc-web": "^0.15.0",
+        "@tailwindcss/postcss": "^4.0.6",
+        "clsx": "^2.1.1",
+        "css-loader": "^7.1.2",
+        "esbuild-css-modules-plugin": "^3.1.4",
+        "events": "^3.3.0",
+        "google-protobuf": "^3.21.4",
+        "moment": "^2.30.1",
+        "react-hook-form": "^7.54.2",
+        "rxjs": "^7.8.1",
+        "style-loader": "^4.0.0",
+        "styled-components": "^6.1.15",
+        "tailwind-merge": "^3.0.1",
+        "ts-protoc-gen": "^0.15.1-pre.a71b34e",
+        "typed-emitter": "^2.1.0"
+    }
+}

package/readme.md

@@ -0,0 +1,127 @@
+# VoiceAgent Library
+
+## Overview
+
+The `VoiceAgent` library provides a set of components, hooks, and utilities for integrating AI-powered voice assistants into applications. It supports real-time messaging, audio device management, and connection handling for seamless interaction.
+
+## Installation
+
+To install the package, run:
+
+```sh
+npm install rapida-react@latest
+```
+
+or using Yarn:
+
+```sh
+yarn add rapida-react@latest
+```
+
+## Usage
+
+Import the necessary components and hooks from `rapida-react@latest`:
+
+```tsx
+import {
+  Channel,
+  ConnectionState,
+  MediaDeviceFailure,
+  ConnectionConfig,
+  AgentConfig,
+} from "rapida-react";
+
+import {
+  BrandIcon,
+  UserIcon,
+  MessagingAction,
+  ConversationMessages,
+  VoiceAgent,
+  VoiceAgentContext,
+  useConnectAgent,
+  useDisconnectAgent,
+  useInputModeToggleAgent,
+  useMicInputToggleAgent,
+  useSpeakerOuputToggleAgent,
+  useMultiband3DSpeakerTrackVolume,
+  useMultibandMicrophoneTrackVolume,
+  useSelectInputDeviceAgent,
+} from "rapida-react";
+```
+
+## Example
+
+Here is an example of how to use `VoiceAgentContext.Provider` to set up a voice agent:
+
+```tsx
+<VoiceAgentContext.Provider
+  value={
+    new VoiceAgent(
+      new ConnectionConfig({
+        authorization: YOUR_TOKEN,
+      }),
+      new AgentConfig(ASSISTANT_ID).addArgument("key", "val")
+    )
+  }
+>
+  <ConversationMessages
+    userIcon={UserIcon}
+    brandIcon={BrandIcon}
+    className="h-full overflow-auto !pb-40 no-scrollbar"
+    intialConversations={[
+      {
+        role: "system",
+        messages: [
+          "I am Yuuki",
+          "An AI-powered coach to help you master the toughest challenges at your workplace.",
+        ],
+      },
+    ]}
+  />
+  <div className="absolute bottom-0 right-0 left-0">
+    <MessagingAction
+      className="h-[8rem]"
+      placeholder="How can I help you overcome a challenge?"
+    />
+  </div>
+</VoiceAgentContext.Provider>
+```
+
+## Available Exports
+
+The following components, hooks, and utilities are available for import:
+
+### Types & Configurations
+
+- `Channel`: Defines communication channels.
+- `ConnectionState`: Represents the state of a voice agent connection.
+- `MediaDeviceFailure`: Handles media device errors.
+- `ConnectionConfig`: Configures the connection settings for a voice agent.
+- `AgentConfig`: Configures the agent settings, including parameters and keywords.
+
+### Components
+
+- `BrandIcon`: Displays the brand's representative icon.
+- `UserIcon`: Displays the user's representative icon.
+- `MessagingAction`: A messaging input component for user interactions.
+- `ConversationMessages`: Manages and displays the conversation flow.
+
+### Context
+
+- `VoiceAgent`: The core AI voice agent instance.
+- `VoiceAgentContext`: Provides the voice agent's context for managing interactions.
+
+### Hooks
+
+- `useConnectAgent`: Establishes a connection to the voice agent.
+- `useDisconnectAgent`: Disconnects the agent from the session.
+- `useInputModeToggleAgent`: Toggles between different input modes.
+- `useMicInputToggleAgent`: Enables or disables microphone input.
+- `useSpeakerOuputToggleAgent`: Enables or disables speaker output.
+- `useMultiband3DSpeakerTrackVolume`: Adjusts multiband volume for speaker tracks.
+- `useMultibandMicrophoneTrackVolume`: Adjusts multiband volume for microphone tracks.
+- `useSelectInputDeviceAgent`: Selects and manages input audio devices.
+
+## License
+
+This project is licensed under the MIT License.