@lofcz/orb-ui 0.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +330 -0
- package/dist/adapters/audio-level.d.ts +28 -0
- package/dist/adapters/elevenlabs/index.d.ts +85 -0
- package/dist/adapters/gemini-live/index.d.ts +70 -0
- package/dist/adapters/index.d.ts +8 -0
- package/dist/adapters/livekit/browser.d.ts +49 -0
- package/dist/adapters/livekit/index.d.ts +136 -0
- package/dist/adapters/openai-realtime/index.d.ts +37 -0
- package/dist/adapters/pipecat/index.d.ts +62 -0
- package/dist/adapters/types.d.ts +7 -0
- package/dist/adapters/vapi/index.d.ts +42 -0
- package/dist/adapters.cjs +1 -0
- package/dist/adapters.js +829 -0
- package/dist/components/Orb/Orb.d.ts +2 -0
- package/dist/components/Orb/Orb.types.d.ts +87 -0
- package/dist/components/Orb/index.d.ts +2 -0
- package/dist/components/Orb/signals.d.ts +3 -0
- package/dist/index.d.ts +4 -0
- package/dist/livekit-D-s4sYba.cjs +1 -0
- package/dist/livekit-Z3IMmWaG.js +316 -0
- package/dist/livekit-adapter.cjs +1 -0
- package/dist/livekit-adapter.js +30 -0
- package/dist/orb-ui.cjs +203 -0
- package/dist/orb-ui.js +984 -0
- package/dist/themes/bars/BarsTheme.d.ts +14 -0
- package/dist/themes/bars/index.d.ts +1 -0
- package/dist/themes/circle/CircleTheme.d.ts +14 -0
- package/dist/themes/circle/index.d.ts +1 -0
- package/dist/themes/cloud/CloudTheme.d.ts +14 -0
- package/dist/themes/cloud/index.d.ts +1 -0
- package/dist/themes/debug/DebugTheme.d.ts +15 -0
- package/dist/themes/debug/index.d.ts +1 -0
- package/dist/themes/index.d.ts +5 -0
- package/dist/themes/radial/RadialTheme.d.ts +13 -0
- package/dist/themes/radial/index.d.ts +1 -0
- package/package.json +122 -0
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { OrbHtmlAttributes, OrbState } from '../../components/Orb/Orb.types.js';
|
|
3
|
+
interface BarsThemeProps extends OrbHtmlAttributes {
|
|
4
|
+
state: OrbState;
|
|
5
|
+
volume: number;
|
|
6
|
+
size: number;
|
|
7
|
+
className?: string;
|
|
8
|
+
style?: CSSProperties;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
interactive?: boolean;
|
|
11
|
+
onClick?: () => void;
|
|
12
|
+
}
|
|
13
|
+
export declare function BarsTheme({ state, volume, size, className, style, disabled, interactive, onClick, ...controlProps }: BarsThemeProps): import("react").JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { BarsTheme } from './BarsTheme.js';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { OrbHtmlAttributes, OrbState } from '../../components/Orb/Orb.types.js';
|
|
3
|
+
interface CircleThemeProps extends OrbHtmlAttributes {
|
|
4
|
+
state: OrbState;
|
|
5
|
+
volume: number;
|
|
6
|
+
size: number;
|
|
7
|
+
className?: string;
|
|
8
|
+
style?: CSSProperties;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
interactive?: boolean;
|
|
11
|
+
onClick?: () => void;
|
|
12
|
+
}
|
|
13
|
+
export declare function CircleTheme({ state, volume, size, className, style, disabled, interactive, onClick, ...controlProps }: CircleThemeProps): import("react").JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CircleTheme } from './CircleTheme.js';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { OrbHtmlAttributes, OrbState } from '../../components/Orb/Orb.types.js';
|
|
3
|
+
interface CloudThemeProps extends OrbHtmlAttributes {
|
|
4
|
+
state: OrbState;
|
|
5
|
+
volume: number;
|
|
6
|
+
size: number;
|
|
7
|
+
className?: string;
|
|
8
|
+
style?: CSSProperties;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
interactive?: boolean;
|
|
11
|
+
onClick?: () => void;
|
|
12
|
+
}
|
|
13
|
+
export declare function CloudTheme({ state, volume, size, className, style, disabled, interactive, onClick, ...controlProps }: CloudThemeProps): import("react").JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CloudTheme } from './CloudTheme.js';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { CSSProperties, HTMLAttributes } from 'react';
|
|
2
|
+
import { OrbState } from '../../components/Orb/Orb.types.js';
|
|
3
|
+
type DebugThemeRootProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'>;
|
|
4
|
+
interface DebugThemeProps extends DebugThemeRootProps {
|
|
5
|
+
state: OrbState;
|
|
6
|
+
volume: number;
|
|
7
|
+
size: number;
|
|
8
|
+
className?: string;
|
|
9
|
+
style?: CSSProperties;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
onStart?: () => void;
|
|
12
|
+
onStop?: () => void;
|
|
13
|
+
}
|
|
14
|
+
export declare function DebugTheme({ state, volume, size, className, style, disabled, onStart, onStop, ...rootProps }: DebugThemeProps): import("react").JSX.Element;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DebugTheme } from './DebugTheme.js';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { OrbHtmlAttributes, OrbState, OrbStyle } from '../../components/Orb/Orb.types.js';
|
|
2
|
+
interface RadialThemeProps extends OrbHtmlAttributes {
|
|
3
|
+
state: OrbState;
|
|
4
|
+
volume: number;
|
|
5
|
+
size: number;
|
|
6
|
+
className?: string;
|
|
7
|
+
style?: OrbStyle;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
interactive?: boolean;
|
|
10
|
+
onClick?: () => void;
|
|
11
|
+
}
|
|
12
|
+
export declare function RadialTheme({ state, volume, size, className, style, disabled, interactive, onClick, ...controlProps }: RadialThemeProps): import("react").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { RadialTheme } from './RadialTheme.js';
|
package/package.json
ADDED
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@lofcz/orb-ui",
|
|
3
|
+
"version": "0.7.0",
|
|
4
|
+
"description": "React voice agent UI components with audio-reactive adapters for Vapi, ElevenLabs, LiveKit, Pipecat, OpenAI Realtime, Gemini Live, and custom voice AI apps.",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "./dist/orb-ui.cjs",
|
|
7
|
+
"module": "./dist/orb-ui.js",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
9
|
+
"workspaces": ["demo"],
|
|
10
|
+
"exports": {
|
|
11
|
+
".": {
|
|
12
|
+
"types": "./dist/index.d.ts",
|
|
13
|
+
"import": "./dist/orb-ui.js",
|
|
14
|
+
"require": "./dist/orb-ui.cjs"
|
|
15
|
+
},
|
|
16
|
+
"./adapters": {
|
|
17
|
+
"types": "./dist/adapters/index.d.ts",
|
|
18
|
+
"import": "./dist/adapters.js",
|
|
19
|
+
"require": "./dist/adapters.cjs"
|
|
20
|
+
},
|
|
21
|
+
"./adapters/livekit": {
|
|
22
|
+
"types": "./dist/adapters/livekit/browser.d.ts",
|
|
23
|
+
"import": "./dist/livekit-adapter.js",
|
|
24
|
+
"require": "./dist/livekit-adapter.cjs"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
"files": ["dist"],
|
|
28
|
+
"publishConfig": {
|
|
29
|
+
"access": "public"
|
|
30
|
+
},
|
|
31
|
+
"scripts": {
|
|
32
|
+
"build": "tsc && vite build",
|
|
33
|
+
"build:demo": "bun run --cwd demo build",
|
|
34
|
+
"check": "bun run format:check && bun run lint && bun run typecheck && bun run typecheck:examples && bun run test && bun run build && bun run typecheck:package && bun run typecheck:demo && bun run build:demo && bun run test:e2e:built",
|
|
35
|
+
"dev": "vite build --watch",
|
|
36
|
+
"dev:demo": "bun run --cwd demo dev",
|
|
37
|
+
"format": "prettier . --write",
|
|
38
|
+
"format:check": "prettier . --check",
|
|
39
|
+
"generate:og": "node scripts/generate-og-image.mjs",
|
|
40
|
+
"typecheck": "tsc --noEmit",
|
|
41
|
+
"typecheck:demo": "bun run --cwd demo typecheck",
|
|
42
|
+
"typecheck:examples": "tsc -p tsconfig.type-tests.json --noEmit",
|
|
43
|
+
"typecheck:package": "tsc -p tsconfig.package-types.json --noEmit",
|
|
44
|
+
"lint": "eslint .",
|
|
45
|
+
"test": "vitest run --passWithNoTests",
|
|
46
|
+
"test:e2e": "bun run build && bun run test:e2e:built",
|
|
47
|
+
"test:e2e:built": "tsc -p tests/e2e/tsconfig.json --noEmit && playwright test",
|
|
48
|
+
"test:watch": "vitest"
|
|
49
|
+
},
|
|
50
|
+
"peerDependencies": {
|
|
51
|
+
"livekit-client": ">=2.20.0 <3",
|
|
52
|
+
"react": ">=18.0.0",
|
|
53
|
+
"react-dom": ">=18.0.0"
|
|
54
|
+
},
|
|
55
|
+
"peerDependenciesMeta": {
|
|
56
|
+
"livekit-client": {
|
|
57
|
+
"optional": true
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
"devDependencies": {
|
|
61
|
+
"@elevenlabs/client": "1.9.0",
|
|
62
|
+
"@eslint/js": "^10.0.1",
|
|
63
|
+
"@google/genai": "2.11.0",
|
|
64
|
+
"@pipecat-ai/client-js": "1.12.0",
|
|
65
|
+
"@pipecat-ai/small-webrtc-transport": "1.10.5",
|
|
66
|
+
"@playwright/test": "1.61.1",
|
|
67
|
+
"@types/react": "^18.3.29",
|
|
68
|
+
"@types/react-dom": "^18.3.7",
|
|
69
|
+
"@vapi-ai/web": "2.5.2",
|
|
70
|
+
"@vitejs/plugin-react": "^6.0.2",
|
|
71
|
+
"eslint": "^10.4.0",
|
|
72
|
+
"globals": "^17.6.0",
|
|
73
|
+
"livekit-client": "2.20.0",
|
|
74
|
+
"prettier": "^3.8.3",
|
|
75
|
+
"react": "^18.3.1",
|
|
76
|
+
"react-dom": "^18.3.1",
|
|
77
|
+
"typescript": "^5.9.3",
|
|
78
|
+
"typescript-eslint": "^8.59.4",
|
|
79
|
+
"vite": "^8.0.14",
|
|
80
|
+
"vite-plugin-dts": "^5.0.1",
|
|
81
|
+
"vitest": "^4.1.7"
|
|
82
|
+
},
|
|
83
|
+
"keywords": [
|
|
84
|
+
"voice",
|
|
85
|
+
"voice-ui",
|
|
86
|
+
"voice-agent",
|
|
87
|
+
"voice-agent-ui",
|
|
88
|
+
"voice-ai-ui",
|
|
89
|
+
"react-voice-ai",
|
|
90
|
+
"react-voice-component",
|
|
91
|
+
"ai",
|
|
92
|
+
"react",
|
|
93
|
+
"animation",
|
|
94
|
+
"component",
|
|
95
|
+
"orb",
|
|
96
|
+
"voice-orb",
|
|
97
|
+
"realtime-voice",
|
|
98
|
+
"state-machine",
|
|
99
|
+
"vapi",
|
|
100
|
+
"elevenlabs",
|
|
101
|
+
"livekit",
|
|
102
|
+
"pipecat",
|
|
103
|
+
"openai-realtime",
|
|
104
|
+
"gemini-live"
|
|
105
|
+
],
|
|
106
|
+
"license": "MIT",
|
|
107
|
+
"author": "Alexander Chen",
|
|
108
|
+
"homepage": "https://github.com/lofcz/orb-ui#readme",
|
|
109
|
+
"repository": {
|
|
110
|
+
"type": "git",
|
|
111
|
+
"url": "git+https://github.com/lofcz/orb-ui.git"
|
|
112
|
+
},
|
|
113
|
+
"bugs": {
|
|
114
|
+
"url": "https://github.com/lofcz/orb-ui/issues"
|
|
115
|
+
},
|
|
116
|
+
"typesVersions": {
|
|
117
|
+
"*": {
|
|
118
|
+
"adapters": ["./dist/adapters/index.d.ts"],
|
|
119
|
+
"adapters/livekit": ["./dist/adapters/livekit/browser.d.ts"]
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
}
|