Installation
wireai-rn is a pure JavaScript/TypeScript package. No native modules, no pod install, no native rebuild required.
Prerequisites
| Dependency | Minimum version | Notes |
|---|---|---|
| React | ≥ 18.0.0 | Peer dependency |
| React Native | ≥ 0.73.0 | Peer dependency |
| Zod | ≥ 3.22.0 | Required: used for schema validation |
Install the package
Choose your package manager:
yarn (recommended)
$yarnadd wireai-rn zodnpm
$npminstall wireai-rn zodExpo
$npxexpo install wireai-rn zodTypeScript
wireai-rn ships full TypeScript declarations. No @types/ package needed. Ensure your tsconfig.json includes:
tsconfig.json
1{
2 "compilerOptions": {
3 "strict": true,
4 "moduleResolution": "bundler"
5 }
6}Verify installation
Add this import to any file to confirm everything resolves:
App.tsx
1import { WireAIProvider, defaultComponents } from "wireai-rn";
2console.log("wireai-rn loaded, components:", defaultComponents.map(c => c.name));
3// → ["ActionCard", "ChipSelectCard", "ConfirmPrompt", ...]What's included
No native modules
wireai-rn is 100% JavaScript/TypeScript. It uses only React Native core APIs (
View, Text, Pressable, AppState, fetch). Compatible with Expo Go, Expo managed workflow, and bare React Native.11 built-in UI components
ActionCard, ChipSelectCard, SelectionCard, TextInputCard, NumberStepperCard, ContentSelectCard, InfoList, StepList, ConfirmPrompt, StatusCard, MessageBubble
5 LLM adapters
Ollama, LM Studio, OpenAI, Webhook, A2A Protocol
Full TypeScript types
All public APIs fully typed with generics
Design tokens
Colors, spacing, radii, and typography exported for custom components