@voicethere/client 0.3.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.
Files changed (46) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +74 -0
  3. package/dist/browser/audio-visualizer.d.ts +13 -0
  4. package/dist/browser/audio-visualizer.d.ts.map +1 -0
  5. package/dist/browser/audio-visualizer.js +86 -0
  6. package/dist/browser/audio-visualizer.js.map +1 -0
  7. package/dist/browser/browser-chat-session.d.ts +14 -0
  8. package/dist/browser/browser-chat-session.d.ts.map +1 -0
  9. package/dist/browser/browser-chat-session.js +12 -0
  10. package/dist/browser/browser-chat-session.js.map +1 -0
  11. package/dist/browser/browser-session.d.ts +23 -0
  12. package/dist/browser/browser-session.d.ts.map +1 -0
  13. package/dist/browser/browser-session.js +18 -0
  14. package/dist/browser/browser-session.js.map +1 -0
  15. package/dist/browser/browser-voice-session.d.ts +20 -0
  16. package/dist/browser/browser-voice-session.d.ts.map +1 -0
  17. package/dist/browser/browser-voice-session.js +174 -0
  18. package/dist/browser/browser-voice-session.js.map +1 -0
  19. package/dist/browser/debug-console.d.ts +21 -0
  20. package/dist/browser/debug-console.d.ts.map +1 -0
  21. package/dist/browser/debug-console.js +29 -0
  22. package/dist/browser/debug-console.js.map +1 -0
  23. package/dist/browser/session-provision.d.ts +52 -0
  24. package/dist/browser/session-provision.d.ts.map +1 -0
  25. package/dist/browser/session-provision.js +92 -0
  26. package/dist/browser/session-provision.js.map +1 -0
  27. package/dist/embed/index.d.ts +21 -0
  28. package/dist/embed/index.d.ts.map +1 -0
  29. package/dist/embed/index.js +131 -0
  30. package/dist/embed/index.js.map +1 -0
  31. package/dist/index.d.ts +9 -0
  32. package/dist/index.d.ts.map +1 -0
  33. package/dist/index.js +26 -0
  34. package/dist/index.js.map +1 -0
  35. package/dist/resolve-connection.d.ts +9 -0
  36. package/dist/resolve-connection.d.ts.map +1 -0
  37. package/dist/resolve-connection.js +23 -0
  38. package/dist/resolve-connection.js.map +1 -0
  39. package/dist/types.d.ts +36 -0
  40. package/dist/types.d.ts.map +1 -0
  41. package/dist/types.js +2 -0
  42. package/dist/types.js.map +1 -0
  43. package/package.json +67 -0
  44. package/templates/debug-page.html +56 -0
  45. package/templates/embed.html +25 -0
  46. package/templates/react-use-voicethere.ts +52 -0
@@ -0,0 +1,92 @@
1
+ function sleep(ms) {
2
+ return new Promise((resolve) => setTimeout(resolve, ms));
3
+ }
4
+ async function pollSessionStatus(input) {
5
+ const started = Date.now();
6
+ const url = `${input.apiBase.replace(/\/$/, "")}/api/v1/sessions/${input.jobId}`;
7
+ while (Date.now() - started < input.pollTimeoutMs) {
8
+ const res = await fetch(url, { headers: input.headers });
9
+ if (!res.ok) {
10
+ const body = await res.text().catch(() => "");
11
+ return {
12
+ ok: false,
13
+ code: "HTTP_ERROR",
14
+ message: `GET session status failed (${res.status}): ${body}`,
15
+ };
16
+ }
17
+ const status = (await res.json());
18
+ input.onStatus?.(status);
19
+ input.debug?.info("provision", status.status, status.failure_message ?? undefined, status);
20
+ if (status.status === "ready" && status.credentials) {
21
+ return { ok: true, credentials: status.credentials, jobId: input.jobId };
22
+ }
23
+ if (status.status === "failed") {
24
+ return {
25
+ ok: false,
26
+ code: status.failure_code ?? "ORCHESTRATOR_ERROR",
27
+ message: status.failure_message ?? "Session provisioning failed",
28
+ };
29
+ }
30
+ await sleep(input.pollIntervalMs);
31
+ }
32
+ return {
33
+ ok: false,
34
+ code: "TIMEOUT",
35
+ message: "Session provisioning timed out",
36
+ };
37
+ }
38
+ /**
39
+ * POST /api/v1/sessions with async=true and poll GET until ready or failed.
40
+ */
41
+ export async function startSession(options) {
42
+ const apiBase = options.apiBase.replace(/\/$/, "");
43
+ const headers = {
44
+ "Content-Type": "application/json",
45
+ ...options.headers,
46
+ };
47
+ const body = {
48
+ project_id: options.projectId,
49
+ build_id: options.buildId,
50
+ async: options.async ?? true,
51
+ };
52
+ options.debug?.info("provision", "post_sessions", JSON.stringify(body));
53
+ const res = await fetch(`${apiBase}/api/v1/sessions`, {
54
+ method: "POST",
55
+ headers,
56
+ body: JSON.stringify(body),
57
+ });
58
+ if (res.status === 200) {
59
+ const sync = (await res.json());
60
+ return {
61
+ ok: true,
62
+ credentials: {
63
+ session_id: sync.session_id,
64
+ join_token: sync.join_token,
65
+ signaling_url: sync.signaling_url,
66
+ room_id: sync.room_id,
67
+ ice_servers: sync.ice_servers,
68
+ expires_at: sync.expires_at,
69
+ },
70
+ jobId: sync.session_id,
71
+ };
72
+ }
73
+ if (res.status !== 202) {
74
+ const text = await res.text().catch(() => "");
75
+ return {
76
+ ok: false,
77
+ code: "HTTP_ERROR",
78
+ message: `POST /sessions failed (${res.status}): ${text}`,
79
+ };
80
+ }
81
+ const accepted = (await res.json());
82
+ return pollSessionStatus({
83
+ apiBase,
84
+ jobId: accepted.session_id,
85
+ headers,
86
+ pollIntervalMs: options.pollIntervalMs ?? 1000,
87
+ pollTimeoutMs: options.pollTimeoutMs ?? 120_000,
88
+ onStatus: options.onStatus,
89
+ debug: options.debug,
90
+ });
91
+ }
92
+ //# sourceMappingURL=session-provision.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"session-provision.js","sourceRoot":"","sources":["../../src/browser/session-provision.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,21 @@
1
+ import { type BrowserSessionMode } from "../browser/browser-session.js";
2
+ export type VoiceThereWidgetTheme = {
3
+ primary?: string;
4
+ background?: string;
5
+ text?: string;
6
+ };
7
+ export type VoiceThereWidgetOptions = {
8
+ projectId: string;
9
+ apiBase: string;
10
+ clientKey: string;
11
+ mode?: BrowserSessionMode;
12
+ theme?: VoiceThereWidgetTheme;
13
+ mount?: HTMLElement;
14
+ };
15
+ export type VoiceThereWidget = {
16
+ open: () => void;
17
+ close: () => void;
18
+ destroy: () => void;
19
+ };
20
+ export declare function createVoiceThereWidget(options: VoiceThereWidgetOptions): VoiceThereWidget;
21
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/embed/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,+BAA+B,CAAC;AAEvC,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,uBAAuB,GAC/B,gBAAgB,CAiJlB"}
@@ -0,0 +1,131 @@
1
+ import { createDebugConsole, startSession, } from "../browser/browser-session.js";
2
+ import { connectBrowserSession, } from "../browser/browser-session.js";
3
+ export function createVoiceThereWidget(options) {
4
+ const mount = options.mount ?? document.body;
5
+ const mode = options.mode ?? "chat";
6
+ const theme = options.theme ?? {};
7
+ const root = document.createElement("div");
8
+ root.style.position = "fixed";
9
+ root.style.bottom = "16px";
10
+ root.style.right = "16px";
11
+ root.style.zIndex = "99999";
12
+ root.style.fontFamily = "system-ui, sans-serif";
13
+ const launcher = document.createElement("button");
14
+ launcher.textContent = "Chat";
15
+ launcher.style.background = theme.primary ?? "#06b6d4";
16
+ launcher.style.color = theme.text ?? "#0f172a";
17
+ launcher.style.border = "none";
18
+ launcher.style.borderRadius = "999px";
19
+ launcher.style.padding = "12px 16px";
20
+ launcher.style.cursor = "pointer";
21
+ const panel = document.createElement("div");
22
+ panel.style.display = "none";
23
+ panel.style.width = "320px";
24
+ panel.style.height = "420px";
25
+ panel.style.background = theme.background ?? "#0b1220";
26
+ panel.style.color = theme.text ?? "#e2e8f0";
27
+ panel.style.border = "1px solid rgba(255,255,255,0.1)";
28
+ panel.style.borderRadius = "12px";
29
+ panel.style.padding = "12px";
30
+ panel.style.boxShadow = "0 8px 30px rgba(0,0,0,0.35)";
31
+ const status = document.createElement("div");
32
+ status.style.fontSize = "12px";
33
+ status.style.marginBottom = "8px";
34
+ status.textContent = "Disconnected";
35
+ const log = document.createElement("pre");
36
+ log.style.flex = "1";
37
+ log.style.overflow = "auto";
38
+ log.style.fontSize = "11px";
39
+ log.style.background = "rgba(0,0,0,0.25)";
40
+ log.style.padding = "8px";
41
+ log.style.borderRadius = "8px";
42
+ log.style.height = "260px";
43
+ log.style.whiteSpace = "pre-wrap";
44
+ const input = document.createElement("input");
45
+ input.placeholder = "Type a message…";
46
+ input.style.width = "100%";
47
+ input.style.marginTop = "8px";
48
+ input.style.padding = "8px";
49
+ input.style.borderRadius = "8px";
50
+ input.style.border = "1px solid rgba(255,255,255,0.15)";
51
+ input.style.background = "#111827";
52
+ input.style.color = "#e2e8f0";
53
+ const connectBtn = document.createElement("button");
54
+ connectBtn.textContent = "Connect";
55
+ connectBtn.style.marginTop = "8px";
56
+ connectBtn.style.width = "100%";
57
+ connectBtn.style.padding = "8px";
58
+ connectBtn.style.borderRadius = "8px";
59
+ connectBtn.style.border = "none";
60
+ connectBtn.style.background = theme.primary ?? "#06b6d4";
61
+ connectBtn.style.color = theme.text ?? "#0f172a";
62
+ connectBtn.style.cursor = "pointer";
63
+ panel.append(status, log, input, connectBtn);
64
+ root.append(launcher, panel);
65
+ mount.append(root);
66
+ let session = null;
67
+ const renderLog = () => {
68
+ log.textContent = debug.exportText();
69
+ };
70
+ const debug = createDebugConsole(() => renderLog());
71
+ connectBtn.onclick = () => {
72
+ void (async () => {
73
+ if (session) {
74
+ session.disconnect();
75
+ session = null;
76
+ status.textContent = "Disconnected";
77
+ connectBtn.textContent = "Connect";
78
+ return;
79
+ }
80
+ status.textContent = "Provisioning…";
81
+ const started = await startSession({
82
+ apiBase: options.apiBase,
83
+ projectId: options.projectId,
84
+ headers: { Authorization: `Bearer ${options.clientKey}` },
85
+ onStatus: (s) => {
86
+ status.textContent = `Status: ${s.status}`;
87
+ },
88
+ debug,
89
+ });
90
+ renderLog();
91
+ if (!started.ok) {
92
+ status.textContent = started.message;
93
+ return;
94
+ }
95
+ session = await connectBrowserSession({
96
+ mode,
97
+ credentials: started.credentials,
98
+ onDebugEvent: debug,
99
+ });
100
+ status.textContent = "Connected";
101
+ connectBtn.textContent = "Disconnect";
102
+ renderLog();
103
+ })();
104
+ };
105
+ input.addEventListener("keydown", (event) => {
106
+ if (event.key !== "Enter" || !session)
107
+ return;
108
+ const text = input.value.trim();
109
+ if (!text)
110
+ return;
111
+ session.sendChat(text);
112
+ input.value = "";
113
+ renderLog();
114
+ });
115
+ launcher.onclick = () => {
116
+ panel.style.display = panel.style.display === "none" ? "block" : "none";
117
+ };
118
+ return {
119
+ open: () => {
120
+ panel.style.display = "block";
121
+ },
122
+ close: () => {
123
+ panel.style.display = "none";
124
+ },
125
+ destroy: () => {
126
+ session?.disconnect();
127
+ root.remove();
128
+ },
129
+ };
130
+ }
131
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/embed/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,YAAY,GACb,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,qBAAqB,GAEtB,MAAM,+BAA+B,CAAC;AAuBvC,MAAM,UAAU,sBAAsB,CACpC,OAAgC;IAEhC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CAAC;IAC7C,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,MAAM,CAAC;IACpC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;IAElC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;IAC9B,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;IAC1B,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC;IAC5B,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,uBAAuB,CAAC;IAEhD,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAC;IAC9B,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,OAAO,IAAI,SAAS,CAAC;IACvD,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC;IAC/C,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,KAAK,CAAC,YAAY,GAAG,OAAO,CAAC;IACtC,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,WAAW,CAAC;IACrC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC;IAElC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5C,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC;IAC7B,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,SAAS,CAAC;IACvD,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC;IAC5C,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,iCAAiC,CAAC;IACvD,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;IAClC,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,6BAA6B,CAAC;IAEtD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC;IAC/B,MAAM,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;IAClC,MAAM,CAAC,WAAW,GAAG,cAAc,CAAC;IAEpC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;IACrB,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC;IAC5B,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC;IAC5B,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,kBAAkB,CAAC;IAC1C,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;IAC1B,GAAG,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;IAC/B,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC;IAC3B,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,UAAU,CAAC;IAElC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,WAAW,GAAG,iBAAiB,CAAC;IACtC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC;IAC9B,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;IAC5B,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;IACjC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,kCAAkC,CAAC;IACxD,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC;IACnC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC;IAE9B,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACpD,UAAU,CAAC,WAAW,GAAG,SAAS,CAAC;IACnC,UAAU,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC;IACnC,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;IAChC,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;IACjC,UAAU,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;IACtC,UAAU,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IACjC,UAAU,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,OAAO,IAAI,SAAS,CAAC;IACzD,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC;IACjD,UAAU,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC;IAEpC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;IAC7C,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC7B,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEnB,IAAI,OAAO,GAA6D,IAAI,CAAC;IAE7E,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC,UAAU,EAAE,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,kBAAkB,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC,CAAC;IAEpD,UAAU,CAAC,OAAO,GAAG,GAAG,EAAE;QACxB,KAAK,CAAC,KAAK,IAAI,EAAE;YACf,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,UAAU,EAAE,CAAC;gBACrB,OAAO,GAAG,IAAI,CAAC;gBACf,MAAM,CAAC,WAAW,GAAG,cAAc,CAAC;gBACpC,UAAU,CAAC,WAAW,GAAG,SAAS,CAAC;gBACnC,OAAO;YACT,CAAC;YAED,MAAM,CAAC,WAAW,GAAG,eAAe,CAAC;YACrC,MAAM,OAAO,GAAG,MAAM,YAAY,CAAC;gBACjC,OAAO,EAAE,OAAO,CAAC,OAAO;gBACxB,SAAS,EAAE,OAAO,CAAC,SAAS;gBAC5B,OAAO,EAAE,EAAE,aAAa,EAAE,UAAU,OAAO,CAAC,SAAS,EAAE,EAAE;gBACzD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC,CAAC,MAAM,EAAE,CAAC;gBAC7C,CAAC;gBACD,KAAK;aACN,CAAC,CAAC;YAEH,SAAS,EAAE,CAAC;YAEZ,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;gBAChB,MAAM,CAAC,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC;gBACrC,OAAO;YACT,CAAC;YAED,OAAO,GAAG,MAAM,qBAAqB,CAAC;gBACpC,IAAI;gBACJ,WAAW,EAAE,OAAO,CAAC,WAAW;gBAChC,YAAY,EAAE,KAAK;aACpB,CAAC,CAAC;YAEH,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;YACjC,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;YACtC,SAAS,EAAE,CAAC;QACd,CAAC,CAAC,EAAE,CAAC;IACP,CAAC,CAAC;IAEF,KAAK,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;QAC1C,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,OAAO;YAAE,OAAO;QAC9C,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAChC,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACvB,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;QACjB,SAAS,EAAE,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,OAAO,GAAG,GAAG,EAAE;QACtB,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAC1E,CAAC,CAAC;IAEF,OAAO;QACL,IAAI,EAAE,GAAG,EAAE;YACT,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QAChC,CAAC;QACD,KAAK,EAAE,GAAG,EAAE;YACV,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAC/B,CAAC;QACD,OAAO,EAAE,GAAG,EAAE;YACZ,OAAO,EAAE,UAAU,EAAE,CAAC;YACtB,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;KACF,CAAC;AACJ,CAAC"}
@@ -0,0 +1,9 @@
1
+ import type { ConnectedClient, VoiceThereClientOptions } from "./types.js";
2
+ /**
3
+ * Connect to VoiceThere signaling — local runner (plain ws) or cloud gateway (JWT).
4
+ * Returns a thin wrapper around {@link SignalingClient} for WebRTC negotiation.
5
+ */
6
+ export declare function connectVoiceSession(options: VoiceThereClientOptions): Promise<ConnectedClient>;
7
+ export { appendJoinToken, resolveConnection } from "./resolve-connection.js";
8
+ export type { CloudSessionCredentials, VoiceThereClientOptions, ConnectedClient, } from "./types.js";
9
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE3E;;;GAGG;AACH,wBAAsB,mBAAmB,CACvC,OAAO,EAAE,uBAAuB,GAC/B,OAAO,CAAC,eAAe,CAAC,CAmB1B;AAED,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC7E,YAAY,EACV,uBAAuB,EACvB,uBAAuB,EACvB,eAAe,GAChB,MAAM,YAAY,CAAC"}
package/dist/index.js ADDED
@@ -0,0 +1,26 @@
1
+ import { SignalingClient } from "@node-webrtc-rust/signaling";
2
+ import { resolveConnection } from "./resolve-connection.js";
3
+ /**
4
+ * Connect to VoiceThere signaling — local runner (plain ws) or cloud gateway (JWT).
5
+ * Returns a thin wrapper around {@link SignalingClient} for WebRTC negotiation.
6
+ */
7
+ export async function connectVoiceSession(options) {
8
+ const { signalingUrl, roomId, peerId } = resolveConnection(options);
9
+ const client = new SignalingClient({
10
+ url: signalingUrl,
11
+ room: roomId,
12
+ peerId,
13
+ });
14
+ await client.connect();
15
+ return {
16
+ peerId: client.peerId,
17
+ roomId: client.room,
18
+ signalingUrl,
19
+ disconnect: () => client.disconnect(),
20
+ on: (event, listener) => {
21
+ client.on(event, listener);
22
+ },
23
+ };
24
+ }
25
+ export { appendJoinToken, resolveConnection } from "./resolve-connection.js";
26
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAG5D;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,mBAAmB,CACvC,OAAgC;IAEhC,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACpE,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC;QACjC,GAAG,EAAE,YAAY;QACjB,IAAI,EAAE,MAAM;QACZ,MAAM;KACP,CAAC,CAAC;IAEH,MAAM,MAAM,CAAC,OAAO,EAAE,CAAC;IAEvB,OAAO;QACL,MAAM,EAAE,MAAM,CAAC,MAAM;QACrB,MAAM,EAAE,MAAM,CAAC,IAAI;QACnB,YAAY;QACZ,UAAU,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE;QACrC,EAAE,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;YACtB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC7B,CAAC;KACF,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}
@@ -0,0 +1,9 @@
1
+ import type { CloudSessionCredentials, VoiceThereClientOptions } from "./types.js";
2
+ export declare function appendJoinToken(signalingUrl: string, joinToken: string): string;
3
+ export declare function resolveConnection(options: VoiceThereClientOptions): {
4
+ signalingUrl: string;
5
+ roomId: string;
6
+ peerId?: string;
7
+ };
8
+ export type { CloudSessionCredentials };
9
+ //# sourceMappingURL=resolve-connection.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resolve-connection.d.ts","sourceRoot":"","sources":["../src/resolve-connection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAEnF,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAM/E;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,uBAAuB,GAAG;IACnE,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAeA;AAED,YAAY,EAAE,uBAAuB,EAAE,CAAC"}
@@ -0,0 +1,23 @@
1
+ export function appendJoinToken(signalingUrl, joinToken) {
2
+ const url = new URL(signalingUrl);
3
+ if (!url.searchParams.has("token")) {
4
+ url.searchParams.set("token", joinToken);
5
+ }
6
+ return url.toString();
7
+ }
8
+ export function resolveConnection(options) {
9
+ if (options.mode === "local") {
10
+ return {
11
+ signalingUrl: options.signalingUrl,
12
+ roomId: options.sessionId,
13
+ peerId: options.peerId,
14
+ };
15
+ }
16
+ const creds = options.credentials;
17
+ return {
18
+ signalingUrl: appendJoinToken(creds.signalingUrl, creds.joinToken),
19
+ roomId: creds.roomId,
20
+ peerId: options.peerId,
21
+ };
22
+ }
23
+ //# sourceMappingURL=resolve-connection.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resolve-connection.js","sourceRoot":"","sources":["../src/resolve-connection.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,eAAe,CAAC,YAAoB,EAAE,SAAiB;IACrE,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,YAAY,CAAC,CAAC;IAClC,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;QACnC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAC3C,CAAC;IACD,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;AACxB,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,OAAgC;IAKhE,IAAI,OAAO,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC7B,OAAO;YACL,YAAY,EAAE,OAAO,CAAC,YAAY;YAClC,MAAM,EAAE,OAAO,CAAC,SAAS;YACzB,MAAM,EAAE,OAAO,CAAC,MAAM;SACvB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG,OAAO,CAAC,WAAW,CAAC;IAClC,OAAO;QACL,YAAY,EAAE,eAAe,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;QAClE,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,MAAM,EAAE,OAAO,CAAC,MAAM;KACvB,CAAC;AACJ,CAAC"}
@@ -0,0 +1,36 @@
1
+ export type IceServerConfig = {
2
+ urls: string | string[];
3
+ username?: string;
4
+ credential?: string;
5
+ };
6
+ /** Credentials from platform POST /api/v1/sessions (cloud mode). */
7
+ export type CloudSessionCredentials = {
8
+ sessionId: string;
9
+ joinToken: string;
10
+ signalingUrl: string;
11
+ roomId: string;
12
+ iceServers?: IceServerConfig[];
13
+ expiresAt?: string;
14
+ };
15
+ /** Direct runner signaling (M1 local dev). */
16
+ export type LocalSessionOptions = {
17
+ mode: "local";
18
+ signalingUrl: string;
19
+ sessionId: string;
20
+ peerId?: string;
21
+ };
22
+ /** Gateway join via orchestrator-minted JWT (M4). */
23
+ export type CloudSessionOptions = {
24
+ mode: "cloud";
25
+ credentials: CloudSessionCredentials;
26
+ peerId?: string;
27
+ };
28
+ export type VoiceThereClientOptions = LocalSessionOptions | CloudSessionOptions;
29
+ export type ConnectedClient = {
30
+ peerId: string;
31
+ roomId: string;
32
+ signalingUrl: string;
33
+ disconnect: () => void;
34
+ on: (event: string, listener: (...args: unknown[]) => void) => void;
35
+ };
36
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,oEAAoE;AACpE,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,8CAA8C;AAC9C,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,qDAAqD;AACrD,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,uBAAuB,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;AAEhF,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,KAAK,IAAI,CAAC;CACrE,CAAC"}
package/dist/types.js ADDED
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}
package/package.json ADDED
@@ -0,0 +1,67 @@
1
+ {
2
+ "name": "@voicethere/client",
3
+ "version": "0.3.0",
4
+ "description": "VoiceThere browser/Node client — cloud gateway, browser voice/chat, embed widget",
5
+ "type": "module",
6
+ "exports": {
7
+ ".": {
8
+ "types": "./dist/index.d.ts",
9
+ "import": "./dist/index.js"
10
+ },
11
+ "./browser": {
12
+ "types": "./dist/browser/browser-session.d.ts",
13
+ "import": "./dist/browser/browser-session.js"
14
+ },
15
+ "./embed": {
16
+ "types": "./dist/embed/index.d.ts",
17
+ "import": "./dist/embed/index.js"
18
+ }
19
+ },
20
+ "files": [
21
+ "dist",
22
+ "templates",
23
+ "README.md",
24
+ "LICENSE",
25
+ "CHANGELOG.md"
26
+ ],
27
+ "scripts": {
28
+ "build": "tsc -p tsconfig.json",
29
+ "typecheck": "tsc --noEmit -p tsconfig.json",
30
+ "test": "vitest run",
31
+ "test:ci": "npm run typecheck && npm run test && npm run build",
32
+ "demo:local": "tsx examples/local-connect.ts",
33
+ "demo:cloud": "tsx examples/cloud-connect.ts",
34
+ "demo:browser": "vite --config examples/browser-test/vite.config.ts"
35
+ },
36
+ "repository": {
37
+ "type": "git",
38
+ "url": "git+https://github.com/voicethere/client.git"
39
+ },
40
+ "bugs": {
41
+ "url": "https://github.com/voicethere/client/issues"
42
+ },
43
+ "homepage": "https://github.com/voicethere/client#readme",
44
+ "publishConfig": {
45
+ "access": "public"
46
+ },
47
+ "keywords": [
48
+ "voicethere",
49
+ "webrtc",
50
+ "voice-agent",
51
+ "signaling"
52
+ ],
53
+ "engines": {
54
+ "node": ">=22"
55
+ },
56
+ "license": "MIT",
57
+ "dependencies": {
58
+ "@node-webrtc-rust/signaling": "0.5.2"
59
+ },
60
+ "devDependencies": {
61
+ "@types/node": "^22.10.0",
62
+ "tsx": "^4.19.2",
63
+ "typescript": "^5.7.0",
64
+ "vite": "^6.0.3",
65
+ "vitest": "^2.1.8"
66
+ }
67
+ }
@@ -0,0 +1,56 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <title>VoiceThere debug page</title>
6
+ <style>
7
+ body { font-family: system-ui, sans-serif; background: #0b1220; color: #e2e8f0; padding: 24px; }
8
+ pre { background: #111827; padding: 12px; border-radius: 8px; max-height: 320px; overflow: auto; }
9
+ button, input { margin-right: 8px; margin-top: 8px; }
10
+ </style>
11
+ </head>
12
+ <body>
13
+ <h1>VoiceThere debug client</h1>
14
+ <p>Polls <code>POST /api/v1/sessions?async=true</code> then connects WebRTC.</p>
15
+ <label>Project ID <input id="projectId" size="40" /></label>
16
+ <button id="connect">Connect</button>
17
+ <button id="copy">Copy log</button>
18
+ <pre id="log"></pre>
19
+ <script type="module">
20
+ import {
21
+ connectBrowserSession,
22
+ createDebugConsole,
23
+ startSession,
24
+ } from "@voicethere/client/browser";
25
+
26
+ const logEl = document.getElementById("log");
27
+ const debug = createDebugConsole(() => {
28
+ logEl.textContent = debug.exportText();
29
+ });
30
+
31
+ let session;
32
+ document.getElementById("connect").onclick = async () => {
33
+ const projectId = document.getElementById("projectId").value.trim();
34
+ const started = await startSession({
35
+ apiBase: window.location.origin,
36
+ projectId,
37
+ debug,
38
+ onStatus: (s) => debug.info("provision", s.status),
39
+ });
40
+ if (!started.ok) {
41
+ debug.error("provision", "failed", started.message);
42
+ return;
43
+ }
44
+ session = await connectBrowserSession({
45
+ mode: "both",
46
+ credentials: started.credentials,
47
+ onDebugEvent: debug,
48
+ });
49
+ };
50
+
51
+ document.getElementById("copy").onclick = () => {
52
+ navigator.clipboard.writeText(debug.exportText());
53
+ };
54
+ </script>
55
+ </body>
56
+ </html>
@@ -0,0 +1,25 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <title>VoiceThere embed</title>
6
+ </head>
7
+ <body>
8
+ <!-- Replace data attributes with your project + client API key -->
9
+ <script type="module">
10
+ import { createVoiceThereWidget } from "@voicethere/client/embed";
11
+
12
+ createVoiceThereWidget({
13
+ projectId: document.body.dataset.projectId,
14
+ apiBase: document.body.dataset.apiBase ?? "https://app.voicethere.dev",
15
+ clientKey: document.body.dataset.clientKey,
16
+ mode: "chat",
17
+ });
18
+ </script>
19
+ <div
20
+ data-project-id="YOUR_PROJECT_UUID"
21
+ data-client-key="vthc_…"
22
+ data-api-base="https://app.voicethere.dev"
23
+ ></div>
24
+ </body>
25
+ </html>
@@ -0,0 +1,52 @@
1
+ /**
2
+ * React hook starter — copy into your dashboard app.
3
+ *
4
+ * Requires `@voicethere/client@^0.3.0` and a deployed project.
5
+ */
6
+ import { useCallback, useRef, useState } from "react";
7
+
8
+ import {
9
+ connectBrowserSession,
10
+ createDebugConsole,
11
+ startSession,
12
+ type BrowserSessionMode,
13
+ } from "@voicethere/client/browser";
14
+
15
+ export function useVoiceThereSession(
16
+ projectId: string,
17
+ mode: BrowserSessionMode = "chat",
18
+ ) {
19
+ const [status, setStatus] = useState("idle");
20
+ const sessionRef = useRef<Awaited<
21
+ ReturnType<typeof connectBrowserSession>
22
+ > | null>(null);
23
+ const debug = useRef(createDebugConsole()).current;
24
+
25
+ const connect = useCallback(async () => {
26
+ setStatus("provisioning");
27
+ const provision = await startSession({
28
+ apiBase: window.location.origin,
29
+ projectId,
30
+ onStatus: (s) => setStatus(s.status),
31
+ debug,
32
+ });
33
+ if (!provision.ok) {
34
+ setStatus(provision.message);
35
+ return;
36
+ }
37
+ sessionRef.current = await connectBrowserSession({
38
+ mode,
39
+ credentials: provision.credentials,
40
+ onDebugEvent: debug,
41
+ });
42
+ setStatus("connected");
43
+ }, [debug, mode, projectId]);
44
+
45
+ const disconnect = useCallback(() => {
46
+ sessionRef.current?.disconnect();
47
+ sessionRef.current = null;
48
+ setStatus("idle");
49
+ }, []);
50
+
51
+ return { status, connect, disconnect, debug };
52
+ }