@runwayml/avatars-react 0.4.0 → 0.5.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/dist/index.cjs CHANGED
@@ -272,7 +272,15 @@ function AvatarVideo({ children, ...props }) {
272
272
  if (children) {
273
273
  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: children(videoStatus) });
274
274
  }
275
- return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, "data-avatar-video": "", "data-status": videoStatus.status, children: videoStatus.status === "ready" && componentsReact.isTrackReference(videoStatus.videoTrackRef) && /* @__PURE__ */ jsxRuntime.jsx(componentsReact.VideoTrack, { trackRef: videoStatus.videoTrackRef }) });
275
+ return /* @__PURE__ */ jsxRuntime.jsx(
276
+ "div",
277
+ {
278
+ ...props,
279
+ "data-avatar-video": "",
280
+ "data-avatar-status": videoStatus.status,
281
+ children: videoStatus.status === "ready" && componentsReact.isTrackReference(videoStatus.videoTrackRef) && /* @__PURE__ */ jsxRuntime.jsx(componentsReact.VideoTrack, { trackRef: videoStatus.videoTrackRef })
282
+ }
283
+ );
276
284
  }
277
285
  function useLocalMedia() {
278
286
  const { localParticipant } = componentsReact.useLocalParticipant();
@@ -327,13 +335,22 @@ function ControlBar({
327
335
  ...props
328
336
  }) {
329
337
  const session = useAvatarSession();
330
- const { isMicEnabled, isCameraEnabled, toggleMic, toggleCamera } = useLocalMedia();
338
+ const {
339
+ isMicEnabled,
340
+ isCameraEnabled,
341
+ isScreenShareEnabled,
342
+ toggleMic,
343
+ toggleCamera,
344
+ toggleScreenShare
345
+ } = useLocalMedia();
331
346
  const isActive = session.state === "active";
332
347
  const state = {
333
348
  isMicEnabled,
334
349
  isCameraEnabled,
350
+ isScreenShareEnabled,
335
351
  toggleMic,
336
352
  toggleCamera,
353
+ toggleScreenShare,
337
354
  endCall: session.end,
338
355
  isActive
339
356
  };
@@ -343,14 +360,14 @@ function ControlBar({
343
360
  if (!isActive) {
344
361
  return null;
345
362
  }
346
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...props, "data-active": isActive, children: [
363
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...props, "data-avatar-control-bar": "", "data-avatar-active": isActive, children: [
347
364
  showMicrophone && /* @__PURE__ */ jsxRuntime.jsx(
348
365
  "button",
349
366
  {
350
367
  type: "button",
351
368
  onClick: toggleMic,
352
- "data-control": "microphone",
353
- "data-enabled": isMicEnabled,
369
+ "data-avatar-control": "microphone",
370
+ "data-avatar-enabled": isMicEnabled,
354
371
  "aria-label": isMicEnabled ? "Mute microphone" : "Unmute microphone",
355
372
  children: microphoneIcon
356
373
  }
@@ -360,8 +377,8 @@ function ControlBar({
360
377
  {
361
378
  type: "button",
362
379
  onClick: toggleCamera,
363
- "data-control": "camera",
364
- "data-enabled": isCameraEnabled,
380
+ "data-avatar-control": "camera",
381
+ "data-avatar-enabled": isCameraEnabled,
365
382
  "aria-label": isCameraEnabled ? "Turn off camera" : "Turn on camera",
366
383
  children: cameraIcon
367
384
  }
@@ -371,7 +388,8 @@ function ControlBar({
371
388
  {
372
389
  source: livekitClient.Track.Source.ScreenShare,
373
390
  showIcon: false,
374
- "data-control": "screen-share",
391
+ "data-avatar-control": "screen-share",
392
+ "data-avatar-enabled": isScreenShareEnabled,
375
393
  "aria-label": "Toggle screen share",
376
394
  children: screenShareIcon
377
395
  }
@@ -381,7 +399,8 @@ function ControlBar({
381
399
  {
382
400
  type: "button",
383
401
  onClick: session.end,
384
- "data-control": "end-call",
402
+ "data-avatar-control": "end-call",
403
+ "data-avatar-enabled": true,
385
404
  "aria-label": "End call",
386
405
  children: phoneIcon
387
406
  }
@@ -455,7 +474,11 @@ var phoneIcon = /* @__PURE__ */ jsxRuntime.jsx(
455
474
  children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12.8429 22.5693L11.4018 21.0986C11.2675 20.9626 11.1625 20.7995 11.0935 20.6197C11.0245 20.4399 10.9931 20.2474 11.0013 20.0545C11.0094 19.8616 11.0569 19.6726 11.1408 19.4995C11.2247 19.3265 11.343 19.1732 11.4883 19.0495C13.127 17.7049 15.0519 16.7714 17.1083 16.3239C19.0064 15.892 20.9744 15.892 22.8725 16.3239C24.9374 16.7743 26.8693 17.7147 28.5117 19.0691C28.6565 19.1924 28.7746 19.3451 28.8585 19.5176C28.9423 19.69 28.99 19.8784 28.9986 20.0707C29.0072 20.263 28.9764 20.455 28.9083 20.6345C28.8402 20.814 28.7362 20.9771 28.603 21.1133L27.1619 22.584C26.9311 22.8242 26.6226 22.9706 26.2938 22.9959C25.9651 23.0211 25.6385 22.9235 25.3751 22.7212C24.8531 22.3127 24.2875 21.9657 23.689 21.6869C23.4525 21.5774 23.2517 21.4009 23.1103 21.1785C22.969 20.9561 22.8931 20.697 22.8917 20.4319V19.1867C21.0053 18.6573 19.0139 18.6573 17.1275 19.1867V20.4319C17.1261 20.697 17.0502 20.9561 16.9089 21.1785C16.7676 21.4009 16.5667 21.5774 16.3302 21.6869C15.7317 21.9657 15.1661 22.3127 14.6442 22.7212C14.3779 22.9258 14.0473 23.0233 13.7152 22.9953C13.383 22.9673 13.0726 22.8156 12.8429 22.5693Z" })
456
475
  }
457
476
  );
458
- function UserVideo({ children, mirror = true, ...props }) {
477
+ function UserVideo({
478
+ children,
479
+ mirror = true,
480
+ ...props
481
+ }) {
459
482
  const { localVideoTrackRef, isCameraEnabled } = useLocalMedia();
460
483
  const hasVideo = localVideoTrackRef !== null && componentsReact.isTrackReference(localVideoTrackRef);
461
484
  const state = {
@@ -470,9 +493,10 @@ function UserVideo({ children, mirror = true, ...props }) {
470
493
  "div",
471
494
  {
472
495
  ...props,
473
- "data-has-video": hasVideo,
474
- "data-camera-enabled": isCameraEnabled,
475
- "data-mirror": mirror,
496
+ "data-avatar-user-video": "",
497
+ "data-avatar-has-video": hasVideo,
498
+ "data-avatar-camera-enabled": isCameraEnabled,
499
+ "data-avatar-mirror": mirror,
476
500
  children: hasVideo && localVideoTrackRef && componentsReact.isTrackReference(localVideoTrackRef) && /* @__PURE__ */ jsxRuntime.jsx(componentsReact.VideoTrack, { trackRef: localVideoTrackRef })
477
501
  }
478
502
  );
@@ -530,7 +554,10 @@ function AvatarCall({
530
554
  }
531
555
  );
532
556
  }
533
- function ScreenShareVideo({ children, ...props }) {
557
+ function ScreenShareVideo({
558
+ children,
559
+ ...props
560
+ }) {
534
561
  const { localParticipant } = componentsReact.useLocalParticipant();
535
562
  const tracks = componentsReact.useTracks(
536
563
  [{ source: livekitClient.Track.Source.ScreenShare, withPlaceholder: false }],
@@ -551,7 +578,7 @@ function ScreenShareVideo({ children, ...props }) {
551
578
  if (!isSharing) {
552
579
  return null;
553
580
  }
554
- return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, "data-sharing": isSharing, children: screenShareTrackRef && componentsReact.isTrackReference(screenShareTrackRef) && /* @__PURE__ */ jsxRuntime.jsx(componentsReact.VideoTrack, { trackRef: screenShareTrackRef }) });
581
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, "data-avatar-screen-share": "", "data-avatar-sharing": isSharing, children: screenShareTrackRef && componentsReact.isTrackReference(screenShareTrackRef) && /* @__PURE__ */ jsxRuntime.jsx(componentsReact.VideoTrack, { trackRef: screenShareTrackRef }) });
555
582
  }
556
583
 
557
584
  Object.defineProperty(exports, "AudioRenderer", {
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/api/config.ts","../src/api/consume.ts","../src/utils/suspense-resource.ts","../src/hooks/useCredentials.ts","../src/hooks/useLatest.ts","../src/components/AvatarSession.tsx","../src/hooks/useAvatar.ts","../src/hooks/useAvatarSession.ts","../src/hooks/useAvatarStatus.ts","../src/components/AvatarVideo.tsx","../src/hooks/useLocalMedia.ts","../src/components/ControlBar.tsx","../src/components/UserVideo.tsx","../src/components/AvatarCall.tsx","../src/components/ScreenShareVideo.tsx"],"names":["useEffect","useRef","ConnectionState","createContext","jsxs","LiveKitRoom","jsx","RoomAudioRenderer","useRoomContext","useConnectionState","useCallback","useContext","useRemoteParticipants","useTracks","Track","isTrackReference","Fragment","VideoTrack","useLocalParticipant","useMediaDevices","TrackToggle"],"mappings":"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","file":"index.cjs","sourcesContent":["export const DEFAULT_BASE_URL = 'https://api.dev.runwayml.com';\n","import type { ConsumeSessionOptions, ConsumeSessionResponse } from '../types';\nimport { DEFAULT_BASE_URL } from './config';\n\nexport async function consumeSession(\n options: ConsumeSessionOptions,\n): Promise<ConsumeSessionResponse> {\n const { sessionId, sessionKey, baseUrl = DEFAULT_BASE_URL } = options;\n\n const url = `${baseUrl}/v1/realtime_sessions/${sessionId}/consume`;\n const response = await fetch(url, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${sessionKey}`,\n },\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(\n `Failed to consume session: ${response.status} ${errorText}`,\n );\n }\n\n return response.json();\n}\n","export interface SuspenseResource<T> {\n read(): T;\n}\n\nexport function createSuspenseResource<T>(\n promise: Promise<T>,\n): SuspenseResource<T> {\n let status: 'pending' | 'fulfilled' | 'rejected' = 'pending';\n let result: T;\n let error: unknown;\n\n const suspender = promise.then(\n (value) => {\n status = 'fulfilled';\n result = value;\n },\n (err) => {\n status = 'rejected';\n error = err;\n },\n );\n\n return {\n read() {\n switch (status) {\n case 'pending':\n throw suspender;\n case 'rejected':\n throw error;\n case 'fulfilled':\n return result;\n }\n },\n };\n}\n","'use client';\n\nimport { useEffect } from 'react';\nimport { consumeSession } from '../api/consume';\nimport type { SessionCredentials } from '../types';\nimport {\n createSuspenseResource,\n type SuspenseResource,\n} from '../utils/suspense-resource';\n\nexport interface UseCredentialsOptions {\n avatarId: string;\n sessionId?: string;\n sessionKey?: string;\n credentials?: SessionCredentials;\n connectUrl?: string;\n connect?: (avatarId: string) => Promise<SessionCredentials>;\n baseUrl?: string;\n}\n\nconst resourceCache = new Map<string, SuspenseResource<SessionCredentials>>();\n\nfunction computeKey(options: UseCredentialsOptions): string {\n if (options.credentials) return `direct:${options.credentials.sessionId}`;\n if (options.sessionId && options.sessionKey)\n return `session:${options.sessionId}`;\n return `connect:${options.avatarId}:${options.connectUrl ?? 'custom'}`;\n}\n\nasync function fetchCredentials(\n options: UseCredentialsOptions,\n): Promise<SessionCredentials> {\n const { avatarId, sessionId, sessionKey, connectUrl, connect, baseUrl } =\n options;\n\n if (sessionId && sessionKey) {\n const { url, token, roomName } = await consumeSession({\n sessionId,\n sessionKey,\n baseUrl,\n });\n return { sessionId, serverUrl: url, token, roomName };\n }\n\n if (connect) {\n return connect(avatarId);\n }\n\n if (connectUrl) {\n const response = await fetch(connectUrl, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ avatarId }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`Failed to connect: ${response.status} ${errorText}`);\n }\n\n return response.json();\n }\n\n throw new Error(\n 'AvatarCall requires one of: credentials, sessionId+sessionKey, connectUrl, or connect',\n );\n}\n\nexport function useCredentials(\n options: UseCredentialsOptions,\n): SessionCredentials {\n const key = computeKey(options);\n\n useEffect(() => {\n return () => {\n resourceCache.delete(key);\n };\n }, [key]);\n\n if (options.credentials) {\n return options.credentials;\n }\n\n let resource = resourceCache.get(key);\n if (!resource) {\n resource = createSuspenseResource(fetchCredentials(options));\n resourceCache.set(key, resource);\n }\n\n return resource.read();\n}\n","'use client';\n\nimport { useEffect, useRef } from 'react';\n\nexport function useLatest<T>(value: T): React.RefObject<T> {\n const ref = useRef(value);\n\n useEffect(() => {\n ref.current = value;\n }, [value]);\n\n return ref;\n}\n","'use client';\n\n/**\n * AvatarSession Component\n *\n * Provides the session context for avatar interactions.\n * Manages the WebRTC connection and exposes a clean API for child components.\n *\n * @example\n * ```tsx\n * <AvatarSession credentials={credentials} onEnd={handleEnd}>\n * <AvatarVideo />\n * <ControlBar />\n * </AvatarSession>\n * ```\n */\n\nimport {\n LiveKitRoom,\n RoomAudioRenderer,\n useConnectionState,\n useRoomContext,\n} from '@livekit/components-react';\nimport type { RoomOptions } from 'livekit-client';\nimport { ConnectionState } from 'livekit-client';\nimport {\n createContext,\n type ReactNode,\n useCallback,\n useContext,\n useRef,\n} from 'react';\nimport type {\n AvatarSessionContextValue,\n AvatarSessionProps,\n SessionState,\n} from '../types';\n\nconst DEFAULT_ROOM_OPTIONS: RoomOptions = {\n adaptiveStream: false,\n dynacast: false,\n};\n\n/**\n * Maps WebRTC connection state to session state\n */\nfunction mapConnectionState(connectionState: ConnectionState): SessionState {\n switch (connectionState) {\n case ConnectionState.Connecting:\n return 'connecting';\n case ConnectionState.Connected:\n return 'active';\n case ConnectionState.Reconnecting:\n return 'connecting';\n case ConnectionState.Disconnected:\n return 'ended';\n default:\n return 'ended';\n }\n}\n\nconst AvatarSessionContext = createContext<AvatarSessionContextValue | null>(\n null,\n);\n\n/**\n * AvatarSession component - the main entry point for avatar sessions\n *\n * Establishes a WebRTC connection and provides session state to children.\n * This is a headless component that renders minimal DOM.\n */\nexport function AvatarSession({\n credentials,\n children,\n audio = true,\n video = true,\n onEnd,\n onError,\n __unstable_roomOptions,\n}: AvatarSessionProps) {\n const errorRef = useRef<Error | null>(null);\n\n const handleError = (error: Error) => {\n errorRef.current = error;\n onError?.(error);\n };\n\n const roomOptions = {\n ...DEFAULT_ROOM_OPTIONS,\n ...__unstable_roomOptions,\n };\n\n return (\n <LiveKitRoom\n serverUrl={credentials.serverUrl}\n token={credentials.token}\n connect={true}\n audio={audio}\n video={video}\n onDisconnected={() => onEnd?.()}\n onError={handleError}\n options={roomOptions}\n connectOptions={{\n autoSubscribe: true,\n }}\n >\n <AvatarSessionContextInner\n sessionId={credentials.sessionId}\n onEnd={onEnd}\n errorRef={errorRef}\n >\n {children}\n </AvatarSessionContextInner>\n <RoomAudioRenderer />\n </LiveKitRoom>\n );\n}\n\n/**\n * Inner context provider that has access to the room context\n */\nfunction AvatarSessionContextInner({\n sessionId,\n onEnd,\n errorRef,\n children,\n}: {\n sessionId: string;\n onEnd?: () => void;\n errorRef: React.RefObject<Error | null>;\n children: ReactNode;\n}) {\n const room = useRoomContext();\n const connectionState = useConnectionState();\n const onEndRef = useRef(onEnd);\n onEndRef.current = onEnd;\n\n const end = useCallback(async () => {\n try {\n // Send END_CALL message to the avatar\n const encoder = new TextEncoder();\n const data = encoder.encode(JSON.stringify({ type: 'END_CALL' }));\n await room.localParticipant.publishData(data, { reliable: true });\n } catch {\n // Ignore errors when sending end message\n }\n\n await room.disconnect();\n onEndRef.current?.();\n }, [room]);\n\n const contextValue: AvatarSessionContextValue = {\n state: mapConnectionState(connectionState),\n sessionId,\n error: errorRef.current,\n end,\n };\n\n return (\n <AvatarSessionContext.Provider value={contextValue}>\n {children}\n </AvatarSessionContext.Provider>\n );\n}\n\n/**\n * Hook to access the avatar session context\n * Must be used within an AvatarSession component\n */\nexport function useAvatarSessionContext(): AvatarSessionContextValue {\n const context = useContext(AvatarSessionContext);\n if (!context) {\n throw new Error(\n 'useAvatarSessionContext must be used within an AvatarSession',\n );\n }\n return context;\n}\n\n/**\n * Hook to optionally access the avatar session context\n * Returns null if not within an AvatarSession\n */\nexport function useMaybeAvatarSessionContext(): AvatarSessionContextValue | null {\n return useContext(AvatarSessionContext);\n}\n","'use client';\n\n/**\n * useAvatar Hook\n *\n * Provides access to the remote avatar participant's video track.\n * Audio is handled automatically by the session.\n *\n * @example\n * ```tsx\n * function AvatarDisplay() {\n * const { videoTrackRef, hasVideo } = useAvatar();\n *\n * if (!hasVideo) {\n * return <Placeholder />;\n * }\n *\n * return <VideoTrack trackRef={videoTrackRef} />;\n * }\n * ```\n */\n\nimport {\n isTrackReference,\n useRemoteParticipants,\n useTracks,\n} from '@livekit/components-react';\nimport { Track } from 'livekit-client';\nimport type { UseAvatarReturn } from '../types';\n\n/**\n * Hook to access the remote avatar participant's video track\n *\n * @returns Avatar participant info and video track reference\n */\nexport function useAvatar(): UseAvatarReturn {\n const remoteParticipants = useRemoteParticipants();\n const avatarParticipant = remoteParticipants[0] ?? null;\n\n // Only subscribe to video - audio is handled automatically by the session\n const videoTracks = useTracks(\n [{ source: Track.Source.Camera, withPlaceholder: true }],\n { onlySubscribed: true, updateOnlyOn: [] },\n ).filter((ref) => !ref.participant.isLocal);\n\n const videoTrackRef = videoTracks[0] ?? null;\n const hasVideo = videoTrackRef !== null && isTrackReference(videoTrackRef);\n\n return {\n participant: avatarParticipant,\n videoTrackRef,\n hasVideo,\n };\n}\n","'use client';\n\n/**\n * useAvatarSession Hook\n *\n * Provides access to the current avatar session state.\n * Returns a discriminated union based on session state for type-safe UI rendering.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n * const session = useAvatarSession();\n *\n * if (session.state === 'connecting') {\n * return <Loading />;\n * }\n *\n * if (session.state === 'error') {\n * return <Error message={session.error.message} />;\n * }\n *\n * return <ActiveSession onEnd={session.end} />;\n * }\n * ```\n */\n\nimport { useAvatarSessionContext } from '../components/AvatarSession';\nimport type { AvatarSessionContextValue } from '../types';\n\n/**\n * Discriminated union types for type-safe session state handling\n */\nexport type UseAvatarSessionReturn =\n | { state: 'idle'; sessionId: string; error: null; end: () => Promise<void> }\n | { state: 'connecting'; sessionId: string; error: null; end: () => Promise<void> }\n | { state: 'active'; sessionId: string; error: null; end: () => Promise<void> }\n | { state: 'ending'; sessionId: string; error: null; end: () => Promise<void> }\n | { state: 'ended'; sessionId: string; error: null; end: () => Promise<void> }\n | { state: 'error'; sessionId: string; error: Error; end: () => Promise<void> };\n\n/**\n * Hook to access the current avatar session state\n *\n * @returns Session state as a discriminated union\n */\nexport function useAvatarSession(): UseAvatarSessionReturn {\n const context = useAvatarSessionContext();\n return context as UseAvatarSessionReturn;\n}\n\nexport type { AvatarSessionContextValue };\n","'use client';\n\n/**\n * useAvatarStatus Hook\n *\n * Returns a single discriminated union representing the full avatar lifecycle\n * inside an AvatarSession. Combines session connection state and video\n * track availability into one status value.\n *\n * Must be used within <AvatarCall> or <AvatarSession>.\n *\n * @example\n * ```tsx\n * function MyAvatar() {\n * const avatar = useAvatarStatus();\n *\n * switch (avatar.status) {\n * case 'connecting':\n * return <Spinner />;\n * case 'waiting':\n * return <p>Waiting for video...</p>;\n * case 'ready':\n * return <VideoTrack trackRef={avatar.videoTrackRef} />;\n * case 'error':\n * return <p>{avatar.error.message}</p>;\n * case 'ended':\n * return <p>Call ended</p>;\n * }\n * }\n * ```\n */\n\nimport type { TrackReferenceOrPlaceholder } from '@livekit/components-react';\nimport { useAvatar } from './useAvatar';\nimport { useAvatarSession } from './useAvatarSession';\n\nexport type AvatarStatus =\n | { status: 'connecting' }\n | { status: 'waiting' }\n | { status: 'ready'; videoTrackRef: TrackReferenceOrPlaceholder }\n | { status: 'ending' }\n | { status: 'ended' }\n | { status: 'error'; error: Error };\n\nexport function useAvatarStatus(): AvatarStatus {\n const session = useAvatarSession();\n const { videoTrackRef, hasVideo } = useAvatar();\n\n switch (session.state) {\n case 'connecting':\n case 'idle':\n return { status: 'connecting' };\n\n case 'active':\n if (hasVideo && videoTrackRef) {\n return { status: 'ready', videoTrackRef };\n }\n return { status: 'waiting' };\n\n case 'ending':\n return { status: 'ending' };\n\n case 'ended':\n return { status: 'ended' };\n\n case 'error':\n return { status: 'error', error: session.error };\n }\n}\n","'use client';\n\nimport { isTrackReference, VideoTrack } from '@livekit/components-react';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { type AvatarStatus, useAvatarStatus } from '../hooks/useAvatarStatus';\n\n/** Subset of AvatarStatus relevant to the video display */\nexport type AvatarVideoStatus = Extract<\n AvatarStatus,\n { status: 'connecting' } | { status: 'waiting' } | { status: 'ready' }\n>;\n\nexport interface AvatarVideoProps\n extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n children?: (status: AvatarVideoStatus) => ReactNode;\n}\n\nexport function AvatarVideo({ children, ...props }: AvatarVideoProps) {\n const avatar = useAvatarStatus();\n\n const videoStatus: AvatarVideoStatus =\n avatar.status === 'ready'\n ? avatar\n : avatar.status === 'connecting'\n ? { status: 'connecting' }\n : { status: 'waiting' };\n\n if (children) {\n return <>{children(videoStatus)}</>;\n }\n\n return (\n <div {...props} data-avatar-video=\"\" data-status={videoStatus.status}>\n {videoStatus.status === 'ready' &&\n isTrackReference(videoStatus.videoTrackRef) && (\n <VideoTrack trackRef={videoStatus.videoTrackRef} />\n )}\n </div>\n );\n}\n","'use client';\n\nimport {\n useLocalParticipant,\n useMediaDevices,\n useTracks,\n} from '@livekit/components-react';\nimport { Track } from 'livekit-client';\nimport { useCallback } from 'react';\nimport type { UseLocalMediaReturn } from '../types';\nimport { useLatest } from './useLatest';\n\nexport function useLocalMedia(): UseLocalMediaReturn {\n const { localParticipant } = useLocalParticipant();\n\n const audioDevices = useMediaDevices({ kind: 'audioinput' });\n const videoDevices = useMediaDevices({ kind: 'videoinput' });\n\n const hasMic = audioDevices.length > 0;\n const hasCamera = videoDevices.length > 0;\n\n const isMicEnabled = localParticipant?.isMicrophoneEnabled ?? false;\n const isCameraEnabled = localParticipant?.isCameraEnabled ?? false;\n const isScreenShareEnabled = localParticipant?.isScreenShareEnabled ?? false;\n\n const isMicEnabledRef = useLatest(isMicEnabled);\n const isCameraEnabledRef = useLatest(isCameraEnabled);\n const isScreenShareEnabledRef = useLatest(isScreenShareEnabled);\n\n const toggleMic = useCallback(() => {\n localParticipant?.setMicrophoneEnabled(!isMicEnabledRef.current);\n }, [localParticipant, isMicEnabledRef]);\n\n const toggleCamera = useCallback(() => {\n localParticipant?.setCameraEnabled(!isCameraEnabledRef.current);\n }, [localParticipant, isCameraEnabledRef]);\n\n const toggleScreenShare = useCallback(() => {\n localParticipant?.setScreenShareEnabled(!isScreenShareEnabledRef.current);\n }, [localParticipant, isScreenShareEnabledRef]);\n\n const tracks = useTracks(\n [{ source: Track.Source.Camera, withPlaceholder: true }],\n {\n onlySubscribed: false,\n updateOnlyOn: [],\n },\n );\n\n const localIdentity = localParticipant?.identity;\n\n const localVideoTrackRef =\n tracks.find(\n (trackRef) =>\n trackRef.participant.identity === localIdentity &&\n trackRef.source === Track.Source.Camera,\n ) ?? null;\n\n return {\n hasMic,\n hasCamera,\n isMicEnabled,\n isCameraEnabled,\n isScreenShareEnabled,\n toggleMic,\n toggleCamera,\n toggleScreenShare,\n localVideoTrackRef,\n };\n}\n","'use client';\n\nimport { TrackToggle } from '@livekit/components-react';\nimport { Track } from 'livekit-client';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { useAvatarSession } from '../hooks/useAvatarSession';\nimport { useLocalMedia } from '../hooks/useLocalMedia';\n\nexport interface ControlBarState {\n isMicEnabled: boolean;\n isCameraEnabled: boolean;\n toggleMic: () => void;\n toggleCamera: () => void;\n endCall: () => Promise<void>;\n isActive: boolean;\n}\n\nexport interface ControlBarProps\n extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n showMicrophone?: boolean;\n showCamera?: boolean;\n showScreenShare?: boolean;\n showEndCall?: boolean;\n children?: (state: ControlBarState) => ReactNode;\n}\n\nexport function ControlBar({\n children,\n showMicrophone = true,\n showCamera = true,\n showScreenShare = false,\n showEndCall = true,\n ...props\n}: ControlBarProps) {\n const session = useAvatarSession();\n const { isMicEnabled, isCameraEnabled, toggleMic, toggleCamera } =\n useLocalMedia();\n\n const isActive = session.state === 'active';\n\n const state: ControlBarState = {\n isMicEnabled,\n isCameraEnabled,\n toggleMic,\n toggleCamera,\n endCall: session.end,\n isActive,\n };\n\n if (children) {\n return <>{children(state)}</>;\n }\n\n if (!isActive) {\n return null;\n }\n\n return (\n <div {...props} data-active={isActive}>\n {showMicrophone && (\n <button\n type=\"button\"\n onClick={toggleMic}\n data-control=\"microphone\"\n data-enabled={isMicEnabled}\n aria-label={isMicEnabled ? 'Mute microphone' : 'Unmute microphone'}\n >\n {microphoneIcon}\n </button>\n )}\n {showCamera && (\n <button\n type=\"button\"\n onClick={toggleCamera}\n data-control=\"camera\"\n data-enabled={isCameraEnabled}\n aria-label={isCameraEnabled ? 'Turn off camera' : 'Turn on camera'}\n >\n {cameraIcon}\n </button>\n )}\n {showScreenShare && (\n <TrackToggle\n source={Track.Source.ScreenShare}\n showIcon={false}\n data-control=\"screen-share\"\n aria-label=\"Toggle screen share\"\n >\n {screenShareIcon}\n </TrackToggle>\n )}\n {showEndCall && (\n <button\n type=\"button\"\n onClick={session.end}\n data-control=\"end-call\"\n aria-label=\"End call\"\n >\n {phoneIcon}\n </button>\n )}\n </div>\n );\n}\n\n// Lucide icons (https://lucide.dev) - MIT License\nconst microphoneIcon = (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden=\"true\"\n >\n <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\" />\n <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" />\n <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\" />\n </svg>\n);\n\nconst cameraIcon = (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden=\"true\"\n >\n <path d=\"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5\" />\n <rect x=\"2\" y=\"6\" width=\"14\" height=\"12\" rx=\"2\" />\n </svg>\n);\n\nconst screenShareIcon = (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden=\"true\"\n >\n <rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\" />\n <line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\" />\n <line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\" />\n </svg>\n);\n\nconst phoneIcon = (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"8 14 24 12\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path d=\"M12.8429 22.5693L11.4018 21.0986C11.2675 20.9626 11.1625 20.7995 11.0935 20.6197C11.0245 20.4399 10.9931 20.2474 11.0013 20.0545C11.0094 19.8616 11.0569 19.6726 11.1408 19.4995C11.2247 19.3265 11.343 19.1732 11.4883 19.0495C13.127 17.7049 15.0519 16.7714 17.1083 16.3239C19.0064 15.892 20.9744 15.892 22.8725 16.3239C24.9374 16.7743 26.8693 17.7147 28.5117 19.0691C28.6565 19.1924 28.7746 19.3451 28.8585 19.5176C28.9423 19.69 28.99 19.8784 28.9986 20.0707C29.0072 20.263 28.9764 20.455 28.9083 20.6345C28.8402 20.814 28.7362 20.9771 28.603 21.1133L27.1619 22.584C26.9311 22.8242 26.6226 22.9706 26.2938 22.9959C25.9651 23.0211 25.6385 22.9235 25.3751 22.7212C24.8531 22.3127 24.2875 21.9657 23.689 21.6869C23.4525 21.5774 23.2517 21.4009 23.1103 21.1785C22.969 20.9561 22.8931 20.697 22.8917 20.4319V19.1867C21.0053 18.6573 19.0139 18.6573 17.1275 19.1867V20.4319C17.1261 20.697 17.0502 20.9561 16.9089 21.1785C16.7676 21.4009 16.5667 21.5774 16.3302 21.6869C15.7317 21.9657 15.1661 22.3127 14.6442 22.7212C14.3779 22.9258 14.0473 23.0233 13.7152 22.9953C13.383 22.9673 13.0726 22.8156 12.8429 22.5693Z\" />\n </svg>\n);\n","'use client';\n\nimport type { ReactNode, ComponentPropsWithoutRef } from 'react';\nimport { VideoTrack, isTrackReference } from '@livekit/components-react';\nimport { useLocalMedia } from '../hooks/useLocalMedia';\nimport type { UseLocalMediaReturn } from '../types';\n\nexport interface UserVideoState {\n hasVideo: boolean;\n isCameraEnabled: boolean;\n trackRef: UseLocalMediaReturn['localVideoTrackRef'];\n}\n\nexport interface UserVideoProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n mirror?: boolean;\n children?: (state: UserVideoState) => ReactNode;\n}\n\nexport function UserVideo({ children, mirror = true, ...props }: UserVideoProps) {\n const { localVideoTrackRef, isCameraEnabled } = useLocalMedia();\n\n const hasVideo = localVideoTrackRef !== null && isTrackReference(localVideoTrackRef);\n\n const state: UserVideoState = {\n hasVideo,\n isCameraEnabled,\n trackRef: localVideoTrackRef,\n };\n\n if (children) {\n return <>{children(state)}</>;\n }\n\n return (\n <div\n {...props}\n data-has-video={hasVideo}\n data-camera-enabled={isCameraEnabled}\n data-mirror={mirror}\n >\n {hasVideo && localVideoTrackRef && isTrackReference(localVideoTrackRef) && (\n <VideoTrack trackRef={localVideoTrackRef} />\n )}\n </div>\n );\n}\n","'use client';\n\n/**\n * AvatarCall Component\n *\n * High-level component that handles the complete session lifecycle.\n * Suspends during credential fetching (Phase 1) — wrap in <Suspense> to\n * show loading UI while the server creates the session.\n *\n * @example\n * ```tsx\n * <Suspense fallback={<Loading />}>\n * <AvatarCall avatarId=\"game-host\" connectUrl=\"/api/avatar/connect\">\n * <AvatarVideo />\n * <ControlBar />\n * </AvatarCall>\n * </Suspense>\n * ```\n */\n\nimport { useCredentials } from '../hooks/useCredentials';\nimport { useLatest } from '../hooks/useLatest';\nimport type { AvatarCallProps } from '../types';\nimport { AvatarSession } from './AvatarSession';\nimport { AvatarVideo } from './AvatarVideo';\nimport { ControlBar } from './ControlBar';\nimport { UserVideo } from './UserVideo';\n\nexport function AvatarCall({\n avatarId,\n sessionId,\n sessionKey,\n credentials: directCredentials,\n connectUrl,\n connect,\n baseUrl,\n avatarImageUrl,\n onEnd,\n onError,\n children,\n __unstable_roomOptions,\n ...props\n}: AvatarCallProps) {\n const onErrorRef = useLatest(onError);\n\n const credentials = useCredentials({\n avatarId,\n sessionId,\n sessionKey,\n credentials: directCredentials,\n connectUrl,\n connect,\n baseUrl,\n });\n\n const handleSessionError = (err: Error) => {\n onErrorRef.current?.(err);\n };\n\n const backgroundStyle = avatarImageUrl\n ? ({ '--avatar-image': `url(${avatarImageUrl})` } as React.CSSProperties)\n : undefined;\n\n return (\n <div\n {...props}\n data-avatar-call=\"\"\n data-avatar-id={avatarId}\n style={{ ...props.style, ...backgroundStyle }}\n >\n <AvatarSession\n credentials={credentials}\n onEnd={onEnd}\n onError={handleSessionError}\n __unstable_roomOptions={__unstable_roomOptions}\n >\n {children ?? (\n <>\n <AvatarVideo />\n <UserVideo />\n <ControlBar />\n </>\n )}\n </AvatarSession>\n </div>\n );\n}\n","'use client';\n\nimport type { ReactNode, ComponentPropsWithoutRef } from 'react';\nimport {\n useLocalParticipant,\n useTracks,\n VideoTrack,\n isTrackReference,\n type TrackReferenceOrPlaceholder,\n} from '@livekit/components-react';\nimport { Track } from 'livekit-client';\n\nexport interface ScreenShareVideoState {\n isSharing: boolean;\n trackRef: TrackReferenceOrPlaceholder | null;\n}\n\nexport interface ScreenShareVideoProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n children?: (state: ScreenShareVideoState) => ReactNode;\n}\n\nexport function ScreenShareVideo({ children, ...props }: ScreenShareVideoProps) {\n const { localParticipant } = useLocalParticipant();\n\n const tracks = useTracks(\n [{ source: Track.Source.ScreenShare, withPlaceholder: false }],\n { onlySubscribed: false }\n );\n\n const localIdentity = localParticipant?.identity;\n\n const screenShareTrackRef = tracks.find(\n (trackRef) =>\n trackRef.participant.identity === localIdentity &&\n trackRef.source === Track.Source.ScreenShare\n ) ?? null;\n\n const isSharing = screenShareTrackRef !== null && isTrackReference(screenShareTrackRef);\n\n const state: ScreenShareVideoState = {\n isSharing,\n trackRef: screenShareTrackRef,\n };\n\n if (children) {\n return <>{children(state)}</>;\n }\n\n if (!isSharing) {\n return null;\n }\n\n return (\n <div {...props} data-sharing={isSharing}>\n {screenShareTrackRef && isTrackReference(screenShareTrackRef) && (\n <VideoTrack trackRef={screenShareTrackRef} />\n )}\n </div>\n );\n}\n"]}
1
+ {"version":3,"sources":["../src/api/config.ts","../src/api/consume.ts","../src/utils/suspense-resource.ts","../src/hooks/useCredentials.ts","../src/hooks/useLatest.ts","../src/components/AvatarSession.tsx","../src/hooks/useAvatar.ts","../src/hooks/useAvatarSession.ts","../src/hooks/useAvatarStatus.ts","../src/components/AvatarVideo.tsx","../src/hooks/useLocalMedia.ts","../src/components/ControlBar.tsx","../src/components/UserVideo.tsx","../src/components/AvatarCall.tsx","../src/components/ScreenShareVideo.tsx"],"names":["useEffect","useRef","ConnectionState","createContext","jsxs","LiveKitRoom","jsx","RoomAudioRenderer","useRoomContext","useConnectionState","useCallback","useContext","useRemoteParticipants","useTracks","Track","isTrackReference","Fragment","VideoTrack","useLocalParticipant","useMediaDevices","TrackToggle"],"mappings":"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","file":"index.cjs","sourcesContent":["export const DEFAULT_BASE_URL = 'https://api.dev.runwayml.com';\n","import type { ConsumeSessionOptions, ConsumeSessionResponse } from '../types';\nimport { DEFAULT_BASE_URL } from './config';\n\nexport async function consumeSession(\n options: ConsumeSessionOptions,\n): Promise<ConsumeSessionResponse> {\n const { sessionId, sessionKey, baseUrl = DEFAULT_BASE_URL } = options;\n\n const url = `${baseUrl}/v1/realtime_sessions/${sessionId}/consume`;\n const response = await fetch(url, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${sessionKey}`,\n },\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(\n `Failed to consume session: ${response.status} ${errorText}`,\n );\n }\n\n return response.json();\n}\n","export interface SuspenseResource<T> {\n read(): T;\n}\n\nexport function createSuspenseResource<T>(\n promise: Promise<T>,\n): SuspenseResource<T> {\n let status: 'pending' | 'fulfilled' | 'rejected' = 'pending';\n let result: T;\n let error: unknown;\n\n const suspender = promise.then(\n (value) => {\n status = 'fulfilled';\n result = value;\n },\n (err) => {\n status = 'rejected';\n error = err;\n },\n );\n\n return {\n read() {\n switch (status) {\n case 'pending':\n throw suspender;\n case 'rejected':\n throw error;\n case 'fulfilled':\n return result;\n }\n },\n };\n}\n","'use client';\n\nimport { useEffect } from 'react';\nimport { consumeSession } from '../api/consume';\nimport type { SessionCredentials } from '../types';\nimport {\n createSuspenseResource,\n type SuspenseResource,\n} from '../utils/suspense-resource';\n\nexport interface UseCredentialsOptions {\n avatarId: string;\n sessionId?: string;\n sessionKey?: string;\n credentials?: SessionCredentials;\n connectUrl?: string;\n connect?: (avatarId: string) => Promise<SessionCredentials>;\n baseUrl?: string;\n}\n\nconst resourceCache = new Map<string, SuspenseResource<SessionCredentials>>();\n\nfunction computeKey(options: UseCredentialsOptions): string {\n if (options.credentials) return `direct:${options.credentials.sessionId}`;\n if (options.sessionId && options.sessionKey)\n return `session:${options.sessionId}`;\n return `connect:${options.avatarId}:${options.connectUrl ?? 'custom'}`;\n}\n\nasync function fetchCredentials(\n options: UseCredentialsOptions,\n): Promise<SessionCredentials> {\n const { avatarId, sessionId, sessionKey, connectUrl, connect, baseUrl } =\n options;\n\n if (sessionId && sessionKey) {\n const { url, token, roomName } = await consumeSession({\n sessionId,\n sessionKey,\n baseUrl,\n });\n return { sessionId, serverUrl: url, token, roomName };\n }\n\n if (connect) {\n return connect(avatarId);\n }\n\n if (connectUrl) {\n const response = await fetch(connectUrl, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ avatarId }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`Failed to connect: ${response.status} ${errorText}`);\n }\n\n return response.json();\n }\n\n throw new Error(\n 'AvatarCall requires one of: credentials, sessionId+sessionKey, connectUrl, or connect',\n );\n}\n\nexport function useCredentials(\n options: UseCredentialsOptions,\n): SessionCredentials {\n const key = computeKey(options);\n\n useEffect(() => {\n return () => {\n resourceCache.delete(key);\n };\n }, [key]);\n\n if (options.credentials) {\n return options.credentials;\n }\n\n let resource = resourceCache.get(key);\n if (!resource) {\n resource = createSuspenseResource(fetchCredentials(options));\n resourceCache.set(key, resource);\n }\n\n return resource.read();\n}\n","'use client';\n\nimport { useEffect, useRef } from 'react';\n\nexport function useLatest<T>(value: T): React.RefObject<T> {\n const ref = useRef(value);\n\n useEffect(() => {\n ref.current = value;\n }, [value]);\n\n return ref;\n}\n","'use client';\n\n/**\n * AvatarSession Component\n *\n * Provides the session context for avatar interactions.\n * Manages the WebRTC connection and exposes a clean API for child components.\n *\n * @example\n * ```tsx\n * <AvatarSession credentials={credentials} onEnd={handleEnd}>\n * <AvatarVideo />\n * <ControlBar />\n * </AvatarSession>\n * ```\n */\n\nimport {\n LiveKitRoom,\n RoomAudioRenderer,\n useConnectionState,\n useRoomContext,\n} from '@livekit/components-react';\nimport type { RoomOptions } from 'livekit-client';\nimport { ConnectionState } from 'livekit-client';\nimport {\n createContext,\n type ReactNode,\n useCallback,\n useContext,\n useRef,\n} from 'react';\nimport type {\n AvatarSessionContextValue,\n AvatarSessionProps,\n SessionState,\n} from '../types';\n\nconst DEFAULT_ROOM_OPTIONS: RoomOptions = {\n adaptiveStream: false,\n dynacast: false,\n};\n\n/**\n * Maps WebRTC connection state to session state\n */\nfunction mapConnectionState(connectionState: ConnectionState): SessionState {\n switch (connectionState) {\n case ConnectionState.Connecting:\n return 'connecting';\n case ConnectionState.Connected:\n return 'active';\n case ConnectionState.Reconnecting:\n return 'connecting';\n case ConnectionState.Disconnected:\n return 'ended';\n default:\n return 'ended';\n }\n}\n\nconst AvatarSessionContext = createContext<AvatarSessionContextValue | null>(\n null,\n);\n\n/**\n * AvatarSession component - the main entry point for avatar sessions\n *\n * Establishes a WebRTC connection and provides session state to children.\n * This is a headless component that renders minimal DOM.\n */\nexport function AvatarSession({\n credentials,\n children,\n audio = true,\n video = true,\n onEnd,\n onError,\n __unstable_roomOptions,\n}: AvatarSessionProps) {\n const errorRef = useRef<Error | null>(null);\n\n const handleError = (error: Error) => {\n errorRef.current = error;\n onError?.(error);\n };\n\n const roomOptions = {\n ...DEFAULT_ROOM_OPTIONS,\n ...__unstable_roomOptions,\n };\n\n return (\n <LiveKitRoom\n serverUrl={credentials.serverUrl}\n token={credentials.token}\n connect={true}\n audio={audio}\n video={video}\n onDisconnected={() => onEnd?.()}\n onError={handleError}\n options={roomOptions}\n connectOptions={{\n autoSubscribe: true,\n }}\n >\n <AvatarSessionContextInner\n sessionId={credentials.sessionId}\n onEnd={onEnd}\n errorRef={errorRef}\n >\n {children}\n </AvatarSessionContextInner>\n <RoomAudioRenderer />\n </LiveKitRoom>\n );\n}\n\n/**\n * Inner context provider that has access to the room context\n */\nfunction AvatarSessionContextInner({\n sessionId,\n onEnd,\n errorRef,\n children,\n}: {\n sessionId: string;\n onEnd?: () => void;\n errorRef: React.RefObject<Error | null>;\n children: ReactNode;\n}) {\n const room = useRoomContext();\n const connectionState = useConnectionState();\n const onEndRef = useRef(onEnd);\n onEndRef.current = onEnd;\n\n const end = useCallback(async () => {\n try {\n // Send END_CALL message to the avatar\n const encoder = new TextEncoder();\n const data = encoder.encode(JSON.stringify({ type: 'END_CALL' }));\n await room.localParticipant.publishData(data, { reliable: true });\n } catch {\n // Ignore errors when sending end message\n }\n\n await room.disconnect();\n onEndRef.current?.();\n }, [room]);\n\n const contextValue: AvatarSessionContextValue = {\n state: mapConnectionState(connectionState),\n sessionId,\n error: errorRef.current,\n end,\n };\n\n return (\n <AvatarSessionContext.Provider value={contextValue}>\n {children}\n </AvatarSessionContext.Provider>\n );\n}\n\n/**\n * Hook to access the avatar session context\n * Must be used within an AvatarSession component\n */\nexport function useAvatarSessionContext(): AvatarSessionContextValue {\n const context = useContext(AvatarSessionContext);\n if (!context) {\n throw new Error(\n 'useAvatarSessionContext must be used within an AvatarSession',\n );\n }\n return context;\n}\n\n/**\n * Hook to optionally access the avatar session context\n * Returns null if not within an AvatarSession\n */\nexport function useMaybeAvatarSessionContext(): AvatarSessionContextValue | null {\n return useContext(AvatarSessionContext);\n}\n","'use client';\n\n/**\n * useAvatar Hook\n *\n * Provides access to the remote avatar participant's video track.\n * Audio is handled automatically by the session.\n *\n * @example\n * ```tsx\n * function AvatarDisplay() {\n * const { videoTrackRef, hasVideo } = useAvatar();\n *\n * if (!hasVideo) {\n * return <Placeholder />;\n * }\n *\n * return <VideoTrack trackRef={videoTrackRef} />;\n * }\n * ```\n */\n\nimport {\n isTrackReference,\n useRemoteParticipants,\n useTracks,\n} from '@livekit/components-react';\nimport { Track } from 'livekit-client';\nimport type { UseAvatarReturn } from '../types';\n\n/**\n * Hook to access the remote avatar participant's video track\n *\n * @returns Avatar participant info and video track reference\n */\nexport function useAvatar(): UseAvatarReturn {\n const remoteParticipants = useRemoteParticipants();\n const avatarParticipant = remoteParticipants[0] ?? null;\n\n // Only subscribe to video - audio is handled automatically by the session\n const videoTracks = useTracks(\n [{ source: Track.Source.Camera, withPlaceholder: true }],\n { onlySubscribed: true, updateOnlyOn: [] },\n ).filter((ref) => !ref.participant.isLocal);\n\n const videoTrackRef = videoTracks[0] ?? null;\n const hasVideo = videoTrackRef !== null && isTrackReference(videoTrackRef);\n\n return {\n participant: avatarParticipant,\n videoTrackRef,\n hasVideo,\n };\n}\n","'use client';\n\n/**\n * useAvatarSession Hook\n *\n * Provides access to the current avatar session state.\n * Returns a discriminated union based on session state for type-safe UI rendering.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n * const session = useAvatarSession();\n *\n * if (session.state === 'connecting') {\n * return <Loading />;\n * }\n *\n * if (session.state === 'error') {\n * return <Error message={session.error.message} />;\n * }\n *\n * return <ActiveSession onEnd={session.end} />;\n * }\n * ```\n */\n\nimport { useAvatarSessionContext } from '../components/AvatarSession';\nimport type { AvatarSessionContextValue } from '../types';\n\n/**\n * Discriminated union types for type-safe session state handling\n */\nexport type UseAvatarSessionReturn =\n | { state: 'idle'; sessionId: string; error: null; end: () => Promise<void> }\n | { state: 'connecting'; sessionId: string; error: null; end: () => Promise<void> }\n | { state: 'active'; sessionId: string; error: null; end: () => Promise<void> }\n | { state: 'ending'; sessionId: string; error: null; end: () => Promise<void> }\n | { state: 'ended'; sessionId: string; error: null; end: () => Promise<void> }\n | { state: 'error'; sessionId: string; error: Error; end: () => Promise<void> };\n\n/**\n * Hook to access the current avatar session state\n *\n * @returns Session state as a discriminated union\n */\nexport function useAvatarSession(): UseAvatarSessionReturn {\n const context = useAvatarSessionContext();\n return context as UseAvatarSessionReturn;\n}\n\nexport type { AvatarSessionContextValue };\n","'use client';\n\n/**\n * useAvatarStatus Hook\n *\n * Returns a single discriminated union representing the full avatar lifecycle\n * inside an AvatarSession. Combines session connection state and video\n * track availability into one status value.\n *\n * Must be used within <AvatarCall> or <AvatarSession>.\n *\n * @example\n * ```tsx\n * function MyAvatar() {\n * const avatar = useAvatarStatus();\n *\n * switch (avatar.status) {\n * case 'connecting':\n * return <Spinner />;\n * case 'waiting':\n * return <p>Waiting for video...</p>;\n * case 'ready':\n * return <VideoTrack trackRef={avatar.videoTrackRef} />;\n * case 'error':\n * return <p>{avatar.error.message}</p>;\n * case 'ended':\n * return <p>Call ended</p>;\n * }\n * }\n * ```\n */\n\nimport type { TrackReferenceOrPlaceholder } from '@livekit/components-react';\nimport { useAvatar } from './useAvatar';\nimport { useAvatarSession } from './useAvatarSession';\n\nexport type AvatarStatus =\n | { status: 'connecting' }\n | { status: 'waiting' }\n | { status: 'ready'; videoTrackRef: TrackReferenceOrPlaceholder }\n | { status: 'ending' }\n | { status: 'ended' }\n | { status: 'error'; error: Error };\n\nexport function useAvatarStatus(): AvatarStatus {\n const session = useAvatarSession();\n const { videoTrackRef, hasVideo } = useAvatar();\n\n switch (session.state) {\n case 'connecting':\n case 'idle':\n return { status: 'connecting' };\n\n case 'active':\n if (hasVideo && videoTrackRef) {\n return { status: 'ready', videoTrackRef };\n }\n return { status: 'waiting' };\n\n case 'ending':\n return { status: 'ending' };\n\n case 'ended':\n return { status: 'ended' };\n\n case 'error':\n return { status: 'error', error: session.error };\n }\n}\n","'use client';\n\nimport { isTrackReference, VideoTrack } from '@livekit/components-react';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { type AvatarStatus, useAvatarStatus } from '../hooks/useAvatarStatus';\n\n/** Subset of AvatarStatus relevant to the video display */\nexport type AvatarVideoStatus = Extract<\n AvatarStatus,\n { status: 'connecting' } | { status: 'waiting' } | { status: 'ready' }\n>;\n\nexport interface AvatarVideoProps\n extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n children?: (status: AvatarVideoStatus) => ReactNode;\n}\n\nexport function AvatarVideo({ children, ...props }: AvatarVideoProps) {\n const avatar = useAvatarStatus();\n\n const videoStatus: AvatarVideoStatus =\n avatar.status === 'ready'\n ? avatar\n : avatar.status === 'connecting'\n ? { status: 'connecting' }\n : { status: 'waiting' };\n\n if (children) {\n return <>{children(videoStatus)}</>;\n }\n\n return (\n <div\n {...props}\n data-avatar-video=\"\"\n data-avatar-status={videoStatus.status}\n >\n {videoStatus.status === 'ready' &&\n isTrackReference(videoStatus.videoTrackRef) && (\n <VideoTrack trackRef={videoStatus.videoTrackRef} />\n )}\n </div>\n );\n}\n","'use client';\n\nimport {\n useLocalParticipant,\n useMediaDevices,\n useTracks,\n} from '@livekit/components-react';\nimport { Track } from 'livekit-client';\nimport { useCallback } from 'react';\nimport type { UseLocalMediaReturn } from '../types';\nimport { useLatest } from './useLatest';\n\nexport function useLocalMedia(): UseLocalMediaReturn {\n const { localParticipant } = useLocalParticipant();\n\n const audioDevices = useMediaDevices({ kind: 'audioinput' });\n const videoDevices = useMediaDevices({ kind: 'videoinput' });\n\n const hasMic = audioDevices.length > 0;\n const hasCamera = videoDevices.length > 0;\n\n const isMicEnabled = localParticipant?.isMicrophoneEnabled ?? false;\n const isCameraEnabled = localParticipant?.isCameraEnabled ?? false;\n const isScreenShareEnabled = localParticipant?.isScreenShareEnabled ?? false;\n\n const isMicEnabledRef = useLatest(isMicEnabled);\n const isCameraEnabledRef = useLatest(isCameraEnabled);\n const isScreenShareEnabledRef = useLatest(isScreenShareEnabled);\n\n const toggleMic = useCallback(() => {\n localParticipant?.setMicrophoneEnabled(!isMicEnabledRef.current);\n }, [localParticipant, isMicEnabledRef]);\n\n const toggleCamera = useCallback(() => {\n localParticipant?.setCameraEnabled(!isCameraEnabledRef.current);\n }, [localParticipant, isCameraEnabledRef]);\n\n const toggleScreenShare = useCallback(() => {\n localParticipant?.setScreenShareEnabled(!isScreenShareEnabledRef.current);\n }, [localParticipant, isScreenShareEnabledRef]);\n\n const tracks = useTracks(\n [{ source: Track.Source.Camera, withPlaceholder: true }],\n {\n onlySubscribed: false,\n updateOnlyOn: [],\n },\n );\n\n const localIdentity = localParticipant?.identity;\n\n const localVideoTrackRef =\n tracks.find(\n (trackRef) =>\n trackRef.participant.identity === localIdentity &&\n trackRef.source === Track.Source.Camera,\n ) ?? null;\n\n return {\n hasMic,\n hasCamera,\n isMicEnabled,\n isCameraEnabled,\n isScreenShareEnabled,\n toggleMic,\n toggleCamera,\n toggleScreenShare,\n localVideoTrackRef,\n };\n}\n","'use client';\n\nimport { TrackToggle } from '@livekit/components-react';\nimport { Track } from 'livekit-client';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { useAvatarSession } from '../hooks/useAvatarSession';\nimport { useLocalMedia } from '../hooks/useLocalMedia';\n\nexport interface ControlBarState {\n isMicEnabled: boolean;\n isCameraEnabled: boolean;\n isScreenShareEnabled: boolean;\n toggleMic: () => void;\n toggleCamera: () => void;\n toggleScreenShare: () => void;\n endCall: () => Promise<void>;\n isActive: boolean;\n}\n\nexport interface ControlBarProps\n extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n showMicrophone?: boolean;\n showCamera?: boolean;\n showScreenShare?: boolean;\n showEndCall?: boolean;\n children?: (state: ControlBarState) => ReactNode;\n}\n\nexport function ControlBar({\n children,\n showMicrophone = true,\n showCamera = true,\n showScreenShare = false,\n showEndCall = true,\n ...props\n}: ControlBarProps) {\n const session = useAvatarSession();\n const {\n isMicEnabled,\n isCameraEnabled,\n isScreenShareEnabled,\n toggleMic,\n toggleCamera,\n toggleScreenShare,\n } = useLocalMedia();\n\n const isActive = session.state === 'active';\n\n const state: ControlBarState = {\n isMicEnabled,\n isCameraEnabled,\n isScreenShareEnabled,\n toggleMic,\n toggleCamera,\n toggleScreenShare,\n endCall: session.end,\n isActive,\n };\n\n if (children) {\n return <>{children(state)}</>;\n }\n\n if (!isActive) {\n return null;\n }\n\n return (\n <div {...props} data-avatar-control-bar=\"\" data-avatar-active={isActive}>\n {showMicrophone && (\n <button\n type=\"button\"\n onClick={toggleMic}\n data-avatar-control=\"microphone\"\n data-avatar-enabled={isMicEnabled}\n aria-label={isMicEnabled ? 'Mute microphone' : 'Unmute microphone'}\n >\n {microphoneIcon}\n </button>\n )}\n {showCamera && (\n <button\n type=\"button\"\n onClick={toggleCamera}\n data-avatar-control=\"camera\"\n data-avatar-enabled={isCameraEnabled}\n aria-label={isCameraEnabled ? 'Turn off camera' : 'Turn on camera'}\n >\n {cameraIcon}\n </button>\n )}\n {showScreenShare && (\n <TrackToggle\n source={Track.Source.ScreenShare}\n showIcon={false}\n data-avatar-control=\"screen-share\"\n data-avatar-enabled={isScreenShareEnabled}\n aria-label=\"Toggle screen share\"\n >\n {screenShareIcon}\n </TrackToggle>\n )}\n {showEndCall && (\n <button\n type=\"button\"\n onClick={session.end}\n data-avatar-control=\"end-call\"\n data-avatar-enabled={true}\n aria-label=\"End call\"\n >\n {phoneIcon}\n </button>\n )}\n </div>\n );\n}\n\n// Lucide icons (https://lucide.dev) - MIT License\nconst microphoneIcon = (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden=\"true\"\n >\n <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\" />\n <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" />\n <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\" />\n </svg>\n);\n\nconst cameraIcon = (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden=\"true\"\n >\n <path d=\"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5\" />\n <rect x=\"2\" y=\"6\" width=\"14\" height=\"12\" rx=\"2\" />\n </svg>\n);\n\nconst screenShareIcon = (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden=\"true\"\n >\n <rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\" />\n <line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\" />\n <line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\" />\n </svg>\n);\n\nconst phoneIcon = (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"8 14 24 12\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path d=\"M12.8429 22.5693L11.4018 21.0986C11.2675 20.9626 11.1625 20.7995 11.0935 20.6197C11.0245 20.4399 10.9931 20.2474 11.0013 20.0545C11.0094 19.8616 11.0569 19.6726 11.1408 19.4995C11.2247 19.3265 11.343 19.1732 11.4883 19.0495C13.127 17.7049 15.0519 16.7714 17.1083 16.3239C19.0064 15.892 20.9744 15.892 22.8725 16.3239C24.9374 16.7743 26.8693 17.7147 28.5117 19.0691C28.6565 19.1924 28.7746 19.3451 28.8585 19.5176C28.9423 19.69 28.99 19.8784 28.9986 20.0707C29.0072 20.263 28.9764 20.455 28.9083 20.6345C28.8402 20.814 28.7362 20.9771 28.603 21.1133L27.1619 22.584C26.9311 22.8242 26.6226 22.9706 26.2938 22.9959C25.9651 23.0211 25.6385 22.9235 25.3751 22.7212C24.8531 22.3127 24.2875 21.9657 23.689 21.6869C23.4525 21.5774 23.2517 21.4009 23.1103 21.1785C22.969 20.9561 22.8931 20.697 22.8917 20.4319V19.1867C21.0053 18.6573 19.0139 18.6573 17.1275 19.1867V20.4319C17.1261 20.697 17.0502 20.9561 16.9089 21.1785C16.7676 21.4009 16.5667 21.5774 16.3302 21.6869C15.7317 21.9657 15.1661 22.3127 14.6442 22.7212C14.3779 22.9258 14.0473 23.0233 13.7152 22.9953C13.383 22.9673 13.0726 22.8156 12.8429 22.5693Z\" />\n </svg>\n);\n","'use client';\n\nimport { isTrackReference, VideoTrack } from '@livekit/components-react';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { useLocalMedia } from '../hooks/useLocalMedia';\nimport type { UseLocalMediaReturn } from '../types';\n\nexport interface UserVideoState {\n hasVideo: boolean;\n isCameraEnabled: boolean;\n trackRef: UseLocalMediaReturn['localVideoTrackRef'];\n}\n\nexport interface UserVideoProps\n extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n mirror?: boolean;\n children?: (state: UserVideoState) => ReactNode;\n}\n\nexport function UserVideo({\n children,\n mirror = true,\n ...props\n}: UserVideoProps) {\n const { localVideoTrackRef, isCameraEnabled } = useLocalMedia();\n\n const hasVideo =\n localVideoTrackRef !== null && isTrackReference(localVideoTrackRef);\n\n const state: UserVideoState = {\n hasVideo,\n isCameraEnabled,\n trackRef: localVideoTrackRef,\n };\n\n if (children) {\n return <>{children(state)}</>;\n }\n\n return (\n <div\n {...props}\n data-avatar-user-video=\"\"\n data-avatar-has-video={hasVideo}\n data-avatar-camera-enabled={isCameraEnabled}\n data-avatar-mirror={mirror}\n >\n {hasVideo &&\n localVideoTrackRef &&\n isTrackReference(localVideoTrackRef) && (\n <VideoTrack trackRef={localVideoTrackRef} />\n )}\n </div>\n );\n}\n","'use client';\n\n/**\n * AvatarCall Component\n *\n * High-level component that handles the complete session lifecycle.\n * Suspends during credential fetching (Phase 1) — wrap in <Suspense> to\n * show loading UI while the server creates the session.\n *\n * @example\n * ```tsx\n * <Suspense fallback={<Loading />}>\n * <AvatarCall avatarId=\"game-host\" connectUrl=\"/api/avatar/connect\">\n * <AvatarVideo />\n * <ControlBar />\n * </AvatarCall>\n * </Suspense>\n * ```\n */\n\nimport { useCredentials } from '../hooks/useCredentials';\nimport { useLatest } from '../hooks/useLatest';\nimport type { AvatarCallProps } from '../types';\nimport { AvatarSession } from './AvatarSession';\nimport { AvatarVideo } from './AvatarVideo';\nimport { ControlBar } from './ControlBar';\nimport { UserVideo } from './UserVideo';\n\nexport function AvatarCall({\n avatarId,\n sessionId,\n sessionKey,\n credentials: directCredentials,\n connectUrl,\n connect,\n baseUrl,\n avatarImageUrl,\n onEnd,\n onError,\n children,\n __unstable_roomOptions,\n ...props\n}: AvatarCallProps) {\n const onErrorRef = useLatest(onError);\n\n const credentials = useCredentials({\n avatarId,\n sessionId,\n sessionKey,\n credentials: directCredentials,\n connectUrl,\n connect,\n baseUrl,\n });\n\n const handleSessionError = (err: Error) => {\n onErrorRef.current?.(err);\n };\n\n const backgroundStyle = avatarImageUrl\n ? ({ '--avatar-image': `url(${avatarImageUrl})` } as React.CSSProperties)\n : undefined;\n\n return (\n <div\n {...props}\n data-avatar-call=\"\"\n data-avatar-id={avatarId}\n style={{ ...props.style, ...backgroundStyle }}\n >\n <AvatarSession\n credentials={credentials}\n onEnd={onEnd}\n onError={handleSessionError}\n __unstable_roomOptions={__unstable_roomOptions}\n >\n {children ?? (\n <>\n <AvatarVideo />\n <UserVideo />\n <ControlBar />\n </>\n )}\n </AvatarSession>\n </div>\n );\n}\n","'use client';\n\nimport {\n isTrackReference,\n type TrackReferenceOrPlaceholder,\n useLocalParticipant,\n useTracks,\n VideoTrack,\n} from '@livekit/components-react';\nimport { Track } from 'livekit-client';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nexport interface ScreenShareVideoState {\n isSharing: boolean;\n trackRef: TrackReferenceOrPlaceholder | null;\n}\n\nexport interface ScreenShareVideoProps\n extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n children?: (state: ScreenShareVideoState) => ReactNode;\n}\n\nexport function ScreenShareVideo({\n children,\n ...props\n}: ScreenShareVideoProps) {\n const { localParticipant } = useLocalParticipant();\n\n const tracks = useTracks(\n [{ source: Track.Source.ScreenShare, withPlaceholder: false }],\n { onlySubscribed: false },\n );\n\n const localIdentity = localParticipant?.identity;\n\n const screenShareTrackRef =\n tracks.find(\n (trackRef) =>\n trackRef.participant.identity === localIdentity &&\n trackRef.source === Track.Source.ScreenShare,\n ) ?? null;\n\n const isSharing =\n screenShareTrackRef !== null && isTrackReference(screenShareTrackRef);\n\n const state: ScreenShareVideoState = {\n isSharing,\n trackRef: screenShareTrackRef,\n };\n\n if (children) {\n return <>{children(state)}</>;\n }\n\n if (!isSharing) {\n return null;\n }\n\n return (\n <div {...props} data-avatar-screen-share=\"\" data-avatar-sharing={isSharing}>\n {screenShareTrackRef && isTrackReference(screenShareTrackRef) && (\n <VideoTrack trackRef={screenShareTrackRef} />\n )}\n </div>\n );\n}\n"]}
package/dist/index.d.cts CHANGED
@@ -189,8 +189,10 @@ declare function AvatarVideo({ children, ...props }: AvatarVideoProps): react_js
189
189
  interface ControlBarState {
190
190
  isMicEnabled: boolean;
191
191
  isCameraEnabled: boolean;
192
+ isScreenShareEnabled: boolean;
192
193
  toggleMic: () => void;
193
194
  toggleCamera: () => void;
195
+ toggleScreenShare: () => void;
194
196
  endCall: () => Promise<void>;
195
197
  isActive: boolean;
196
198
  }
package/dist/index.d.ts CHANGED
@@ -189,8 +189,10 @@ declare function AvatarVideo({ children, ...props }: AvatarVideoProps): react_js
189
189
  interface ControlBarState {
190
190
  isMicEnabled: boolean;
191
191
  isCameraEnabled: boolean;
192
+ isScreenShareEnabled: boolean;
192
193
  toggleMic: () => void;
193
194
  toggleCamera: () => void;
195
+ toggleScreenShare: () => void;
194
196
  endCall: () => Promise<void>;
195
197
  isActive: boolean;
196
198
  }
package/dist/index.js CHANGED
@@ -271,7 +271,15 @@ function AvatarVideo({ children, ...props }) {
271
271
  if (children) {
272
272
  return /* @__PURE__ */ jsx(Fragment, { children: children(videoStatus) });
273
273
  }
274
- return /* @__PURE__ */ jsx("div", { ...props, "data-avatar-video": "", "data-status": videoStatus.status, children: videoStatus.status === "ready" && isTrackReference(videoStatus.videoTrackRef) && /* @__PURE__ */ jsx(VideoTrack, { trackRef: videoStatus.videoTrackRef }) });
274
+ return /* @__PURE__ */ jsx(
275
+ "div",
276
+ {
277
+ ...props,
278
+ "data-avatar-video": "",
279
+ "data-avatar-status": videoStatus.status,
280
+ children: videoStatus.status === "ready" && isTrackReference(videoStatus.videoTrackRef) && /* @__PURE__ */ jsx(VideoTrack, { trackRef: videoStatus.videoTrackRef })
281
+ }
282
+ );
275
283
  }
276
284
  function useLocalMedia() {
277
285
  const { localParticipant } = useLocalParticipant();
@@ -326,13 +334,22 @@ function ControlBar({
326
334
  ...props
327
335
  }) {
328
336
  const session = useAvatarSession();
329
- const { isMicEnabled, isCameraEnabled, toggleMic, toggleCamera } = useLocalMedia();
337
+ const {
338
+ isMicEnabled,
339
+ isCameraEnabled,
340
+ isScreenShareEnabled,
341
+ toggleMic,
342
+ toggleCamera,
343
+ toggleScreenShare
344
+ } = useLocalMedia();
330
345
  const isActive = session.state === "active";
331
346
  const state = {
332
347
  isMicEnabled,
333
348
  isCameraEnabled,
349
+ isScreenShareEnabled,
334
350
  toggleMic,
335
351
  toggleCamera,
352
+ toggleScreenShare,
336
353
  endCall: session.end,
337
354
  isActive
338
355
  };
@@ -342,14 +359,14 @@ function ControlBar({
342
359
  if (!isActive) {
343
360
  return null;
344
361
  }
345
- return /* @__PURE__ */ jsxs("div", { ...props, "data-active": isActive, children: [
362
+ return /* @__PURE__ */ jsxs("div", { ...props, "data-avatar-control-bar": "", "data-avatar-active": isActive, children: [
346
363
  showMicrophone && /* @__PURE__ */ jsx(
347
364
  "button",
348
365
  {
349
366
  type: "button",
350
367
  onClick: toggleMic,
351
- "data-control": "microphone",
352
- "data-enabled": isMicEnabled,
368
+ "data-avatar-control": "microphone",
369
+ "data-avatar-enabled": isMicEnabled,
353
370
  "aria-label": isMicEnabled ? "Mute microphone" : "Unmute microphone",
354
371
  children: microphoneIcon
355
372
  }
@@ -359,8 +376,8 @@ function ControlBar({
359
376
  {
360
377
  type: "button",
361
378
  onClick: toggleCamera,
362
- "data-control": "camera",
363
- "data-enabled": isCameraEnabled,
379
+ "data-avatar-control": "camera",
380
+ "data-avatar-enabled": isCameraEnabled,
364
381
  "aria-label": isCameraEnabled ? "Turn off camera" : "Turn on camera",
365
382
  children: cameraIcon
366
383
  }
@@ -370,7 +387,8 @@ function ControlBar({
370
387
  {
371
388
  source: Track.Source.ScreenShare,
372
389
  showIcon: false,
373
- "data-control": "screen-share",
390
+ "data-avatar-control": "screen-share",
391
+ "data-avatar-enabled": isScreenShareEnabled,
374
392
  "aria-label": "Toggle screen share",
375
393
  children: screenShareIcon
376
394
  }
@@ -380,7 +398,8 @@ function ControlBar({
380
398
  {
381
399
  type: "button",
382
400
  onClick: session.end,
383
- "data-control": "end-call",
401
+ "data-avatar-control": "end-call",
402
+ "data-avatar-enabled": true,
384
403
  "aria-label": "End call",
385
404
  children: phoneIcon
386
405
  }
@@ -454,7 +473,11 @@ var phoneIcon = /* @__PURE__ */ jsx(
454
473
  children: /* @__PURE__ */ jsx("path", { d: "M12.8429 22.5693L11.4018 21.0986C11.2675 20.9626 11.1625 20.7995 11.0935 20.6197C11.0245 20.4399 10.9931 20.2474 11.0013 20.0545C11.0094 19.8616 11.0569 19.6726 11.1408 19.4995C11.2247 19.3265 11.343 19.1732 11.4883 19.0495C13.127 17.7049 15.0519 16.7714 17.1083 16.3239C19.0064 15.892 20.9744 15.892 22.8725 16.3239C24.9374 16.7743 26.8693 17.7147 28.5117 19.0691C28.6565 19.1924 28.7746 19.3451 28.8585 19.5176C28.9423 19.69 28.99 19.8784 28.9986 20.0707C29.0072 20.263 28.9764 20.455 28.9083 20.6345C28.8402 20.814 28.7362 20.9771 28.603 21.1133L27.1619 22.584C26.9311 22.8242 26.6226 22.9706 26.2938 22.9959C25.9651 23.0211 25.6385 22.9235 25.3751 22.7212C24.8531 22.3127 24.2875 21.9657 23.689 21.6869C23.4525 21.5774 23.2517 21.4009 23.1103 21.1785C22.969 20.9561 22.8931 20.697 22.8917 20.4319V19.1867C21.0053 18.6573 19.0139 18.6573 17.1275 19.1867V20.4319C17.1261 20.697 17.0502 20.9561 16.9089 21.1785C16.7676 21.4009 16.5667 21.5774 16.3302 21.6869C15.7317 21.9657 15.1661 22.3127 14.6442 22.7212C14.3779 22.9258 14.0473 23.0233 13.7152 22.9953C13.383 22.9673 13.0726 22.8156 12.8429 22.5693Z" })
455
474
  }
456
475
  );
457
- function UserVideo({ children, mirror = true, ...props }) {
476
+ function UserVideo({
477
+ children,
478
+ mirror = true,
479
+ ...props
480
+ }) {
458
481
  const { localVideoTrackRef, isCameraEnabled } = useLocalMedia();
459
482
  const hasVideo = localVideoTrackRef !== null && isTrackReference(localVideoTrackRef);
460
483
  const state = {
@@ -469,9 +492,10 @@ function UserVideo({ children, mirror = true, ...props }) {
469
492
  "div",
470
493
  {
471
494
  ...props,
472
- "data-has-video": hasVideo,
473
- "data-camera-enabled": isCameraEnabled,
474
- "data-mirror": mirror,
495
+ "data-avatar-user-video": "",
496
+ "data-avatar-has-video": hasVideo,
497
+ "data-avatar-camera-enabled": isCameraEnabled,
498
+ "data-avatar-mirror": mirror,
475
499
  children: hasVideo && localVideoTrackRef && isTrackReference(localVideoTrackRef) && /* @__PURE__ */ jsx(VideoTrack, { trackRef: localVideoTrackRef })
476
500
  }
477
501
  );
@@ -529,7 +553,10 @@ function AvatarCall({
529
553
  }
530
554
  );
531
555
  }
532
- function ScreenShareVideo({ children, ...props }) {
556
+ function ScreenShareVideo({
557
+ children,
558
+ ...props
559
+ }) {
533
560
  const { localParticipant } = useLocalParticipant();
534
561
  const tracks = useTracks(
535
562
  [{ source: Track.Source.ScreenShare, withPlaceholder: false }],
@@ -550,7 +577,7 @@ function ScreenShareVideo({ children, ...props }) {
550
577
  if (!isSharing) {
551
578
  return null;
552
579
  }
553
- return /* @__PURE__ */ jsx("div", { ...props, "data-sharing": isSharing, children: screenShareTrackRef && isTrackReference(screenShareTrackRef) && /* @__PURE__ */ jsx(VideoTrack, { trackRef: screenShareTrackRef }) });
580
+ return /* @__PURE__ */ jsx("div", { ...props, "data-avatar-screen-share": "", "data-avatar-sharing": isSharing, children: screenShareTrackRef && isTrackReference(screenShareTrackRef) && /* @__PURE__ */ jsx(VideoTrack, { trackRef: screenShareTrackRef }) });
554
581
  }
555
582
 
556
583
  export { AvatarCall, AvatarSession, AvatarVideo, ControlBar, ScreenShareVideo, UserVideo, useAvatar, useAvatarSession, useAvatarStatus, useLocalMedia };
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/api/config.ts","../src/api/consume.ts","../src/utils/suspense-resource.ts","../src/hooks/useCredentials.ts","../src/hooks/useLatest.ts","../src/components/AvatarSession.tsx","../src/hooks/useAvatar.ts","../src/hooks/useAvatarSession.ts","../src/hooks/useAvatarStatus.ts","../src/components/AvatarVideo.tsx","../src/hooks/useLocalMedia.ts","../src/components/ControlBar.tsx","../src/components/UserVideo.tsx","../src/components/AvatarCall.tsx","../src/components/ScreenShareVideo.tsx"],"names":["useEffect","useRef","RoomAudioRenderer","jsx","isTrackReference","useCallback","useTracks","Track","Fragment","jsxs","VideoTrack","useLocalParticipant"],"mappings":"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","file":"index.js","sourcesContent":["export const DEFAULT_BASE_URL = 'https://api.dev.runwayml.com';\n","import type { ConsumeSessionOptions, ConsumeSessionResponse } from '../types';\nimport { DEFAULT_BASE_URL } from './config';\n\nexport async function consumeSession(\n options: ConsumeSessionOptions,\n): Promise<ConsumeSessionResponse> {\n const { sessionId, sessionKey, baseUrl = DEFAULT_BASE_URL } = options;\n\n const url = `${baseUrl}/v1/realtime_sessions/${sessionId}/consume`;\n const response = await fetch(url, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${sessionKey}`,\n },\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(\n `Failed to consume session: ${response.status} ${errorText}`,\n );\n }\n\n return response.json();\n}\n","export interface SuspenseResource<T> {\n read(): T;\n}\n\nexport function createSuspenseResource<T>(\n promise: Promise<T>,\n): SuspenseResource<T> {\n let status: 'pending' | 'fulfilled' | 'rejected' = 'pending';\n let result: T;\n let error: unknown;\n\n const suspender = promise.then(\n (value) => {\n status = 'fulfilled';\n result = value;\n },\n (err) => {\n status = 'rejected';\n error = err;\n },\n );\n\n return {\n read() {\n switch (status) {\n case 'pending':\n throw suspender;\n case 'rejected':\n throw error;\n case 'fulfilled':\n return result;\n }\n },\n };\n}\n","'use client';\n\nimport { useEffect } from 'react';\nimport { consumeSession } from '../api/consume';\nimport type { SessionCredentials } from '../types';\nimport {\n createSuspenseResource,\n type SuspenseResource,\n} from '../utils/suspense-resource';\n\nexport interface UseCredentialsOptions {\n avatarId: string;\n sessionId?: string;\n sessionKey?: string;\n credentials?: SessionCredentials;\n connectUrl?: string;\n connect?: (avatarId: string) => Promise<SessionCredentials>;\n baseUrl?: string;\n}\n\nconst resourceCache = new Map<string, SuspenseResource<SessionCredentials>>();\n\nfunction computeKey(options: UseCredentialsOptions): string {\n if (options.credentials) return `direct:${options.credentials.sessionId}`;\n if (options.sessionId && options.sessionKey)\n return `session:${options.sessionId}`;\n return `connect:${options.avatarId}:${options.connectUrl ?? 'custom'}`;\n}\n\nasync function fetchCredentials(\n options: UseCredentialsOptions,\n): Promise<SessionCredentials> {\n const { avatarId, sessionId, sessionKey, connectUrl, connect, baseUrl } =\n options;\n\n if (sessionId && sessionKey) {\n const { url, token, roomName } = await consumeSession({\n sessionId,\n sessionKey,\n baseUrl,\n });\n return { sessionId, serverUrl: url, token, roomName };\n }\n\n if (connect) {\n return connect(avatarId);\n }\n\n if (connectUrl) {\n const response = await fetch(connectUrl, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ avatarId }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`Failed to connect: ${response.status} ${errorText}`);\n }\n\n return response.json();\n }\n\n throw new Error(\n 'AvatarCall requires one of: credentials, sessionId+sessionKey, connectUrl, or connect',\n );\n}\n\nexport function useCredentials(\n options: UseCredentialsOptions,\n): SessionCredentials {\n const key = computeKey(options);\n\n useEffect(() => {\n return () => {\n resourceCache.delete(key);\n };\n }, [key]);\n\n if (options.credentials) {\n return options.credentials;\n }\n\n let resource = resourceCache.get(key);\n if (!resource) {\n resource = createSuspenseResource(fetchCredentials(options));\n resourceCache.set(key, resource);\n }\n\n return resource.read();\n}\n","'use client';\n\nimport { useEffect, useRef } from 'react';\n\nexport function useLatest<T>(value: T): React.RefObject<T> {\n const ref = useRef(value);\n\n useEffect(() => {\n ref.current = value;\n }, [value]);\n\n return ref;\n}\n","'use client';\n\n/**\n * AvatarSession Component\n *\n * Provides the session context for avatar interactions.\n * Manages the WebRTC connection and exposes a clean API for child components.\n *\n * @example\n * ```tsx\n * <AvatarSession credentials={credentials} onEnd={handleEnd}>\n * <AvatarVideo />\n * <ControlBar />\n * </AvatarSession>\n * ```\n */\n\nimport {\n LiveKitRoom,\n RoomAudioRenderer,\n useConnectionState,\n useRoomContext,\n} from '@livekit/components-react';\nimport type { RoomOptions } from 'livekit-client';\nimport { ConnectionState } from 'livekit-client';\nimport {\n createContext,\n type ReactNode,\n useCallback,\n useContext,\n useRef,\n} from 'react';\nimport type {\n AvatarSessionContextValue,\n AvatarSessionProps,\n SessionState,\n} from '../types';\n\nconst DEFAULT_ROOM_OPTIONS: RoomOptions = {\n adaptiveStream: false,\n dynacast: false,\n};\n\n/**\n * Maps WebRTC connection state to session state\n */\nfunction mapConnectionState(connectionState: ConnectionState): SessionState {\n switch (connectionState) {\n case ConnectionState.Connecting:\n return 'connecting';\n case ConnectionState.Connected:\n return 'active';\n case ConnectionState.Reconnecting:\n return 'connecting';\n case ConnectionState.Disconnected:\n return 'ended';\n default:\n return 'ended';\n }\n}\n\nconst AvatarSessionContext = createContext<AvatarSessionContextValue | null>(\n null,\n);\n\n/**\n * AvatarSession component - the main entry point for avatar sessions\n *\n * Establishes a WebRTC connection and provides session state to children.\n * This is a headless component that renders minimal DOM.\n */\nexport function AvatarSession({\n credentials,\n children,\n audio = true,\n video = true,\n onEnd,\n onError,\n __unstable_roomOptions,\n}: AvatarSessionProps) {\n const errorRef = useRef<Error | null>(null);\n\n const handleError = (error: Error) => {\n errorRef.current = error;\n onError?.(error);\n };\n\n const roomOptions = {\n ...DEFAULT_ROOM_OPTIONS,\n ...__unstable_roomOptions,\n };\n\n return (\n <LiveKitRoom\n serverUrl={credentials.serverUrl}\n token={credentials.token}\n connect={true}\n audio={audio}\n video={video}\n onDisconnected={() => onEnd?.()}\n onError={handleError}\n options={roomOptions}\n connectOptions={{\n autoSubscribe: true,\n }}\n >\n <AvatarSessionContextInner\n sessionId={credentials.sessionId}\n onEnd={onEnd}\n errorRef={errorRef}\n >\n {children}\n </AvatarSessionContextInner>\n <RoomAudioRenderer />\n </LiveKitRoom>\n );\n}\n\n/**\n * Inner context provider that has access to the room context\n */\nfunction AvatarSessionContextInner({\n sessionId,\n onEnd,\n errorRef,\n children,\n}: {\n sessionId: string;\n onEnd?: () => void;\n errorRef: React.RefObject<Error | null>;\n children: ReactNode;\n}) {\n const room = useRoomContext();\n const connectionState = useConnectionState();\n const onEndRef = useRef(onEnd);\n onEndRef.current = onEnd;\n\n const end = useCallback(async () => {\n try {\n // Send END_CALL message to the avatar\n const encoder = new TextEncoder();\n const data = encoder.encode(JSON.stringify({ type: 'END_CALL' }));\n await room.localParticipant.publishData(data, { reliable: true });\n } catch {\n // Ignore errors when sending end message\n }\n\n await room.disconnect();\n onEndRef.current?.();\n }, [room]);\n\n const contextValue: AvatarSessionContextValue = {\n state: mapConnectionState(connectionState),\n sessionId,\n error: errorRef.current,\n end,\n };\n\n return (\n <AvatarSessionContext.Provider value={contextValue}>\n {children}\n </AvatarSessionContext.Provider>\n );\n}\n\n/**\n * Hook to access the avatar session context\n * Must be used within an AvatarSession component\n */\nexport function useAvatarSessionContext(): AvatarSessionContextValue {\n const context = useContext(AvatarSessionContext);\n if (!context) {\n throw new Error(\n 'useAvatarSessionContext must be used within an AvatarSession',\n );\n }\n return context;\n}\n\n/**\n * Hook to optionally access the avatar session context\n * Returns null if not within an AvatarSession\n */\nexport function useMaybeAvatarSessionContext(): AvatarSessionContextValue | null {\n return useContext(AvatarSessionContext);\n}\n","'use client';\n\n/**\n * useAvatar Hook\n *\n * Provides access to the remote avatar participant's video track.\n * Audio is handled automatically by the session.\n *\n * @example\n * ```tsx\n * function AvatarDisplay() {\n * const { videoTrackRef, hasVideo } = useAvatar();\n *\n * if (!hasVideo) {\n * return <Placeholder />;\n * }\n *\n * return <VideoTrack trackRef={videoTrackRef} />;\n * }\n * ```\n */\n\nimport {\n isTrackReference,\n useRemoteParticipants,\n useTracks,\n} from '@livekit/components-react';\nimport { Track } from 'livekit-client';\nimport type { UseAvatarReturn } from '../types';\n\n/**\n * Hook to access the remote avatar participant's video track\n *\n * @returns Avatar participant info and video track reference\n */\nexport function useAvatar(): UseAvatarReturn {\n const remoteParticipants = useRemoteParticipants();\n const avatarParticipant = remoteParticipants[0] ?? null;\n\n // Only subscribe to video - audio is handled automatically by the session\n const videoTracks = useTracks(\n [{ source: Track.Source.Camera, withPlaceholder: true }],\n { onlySubscribed: true, updateOnlyOn: [] },\n ).filter((ref) => !ref.participant.isLocal);\n\n const videoTrackRef = videoTracks[0] ?? null;\n const hasVideo = videoTrackRef !== null && isTrackReference(videoTrackRef);\n\n return {\n participant: avatarParticipant,\n videoTrackRef,\n hasVideo,\n };\n}\n","'use client';\n\n/**\n * useAvatarSession Hook\n *\n * Provides access to the current avatar session state.\n * Returns a discriminated union based on session state for type-safe UI rendering.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n * const session = useAvatarSession();\n *\n * if (session.state === 'connecting') {\n * return <Loading />;\n * }\n *\n * if (session.state === 'error') {\n * return <Error message={session.error.message} />;\n * }\n *\n * return <ActiveSession onEnd={session.end} />;\n * }\n * ```\n */\n\nimport { useAvatarSessionContext } from '../components/AvatarSession';\nimport type { AvatarSessionContextValue } from '../types';\n\n/**\n * Discriminated union types for type-safe session state handling\n */\nexport type UseAvatarSessionReturn =\n | { state: 'idle'; sessionId: string; error: null; end: () => Promise<void> }\n | { state: 'connecting'; sessionId: string; error: null; end: () => Promise<void> }\n | { state: 'active'; sessionId: string; error: null; end: () => Promise<void> }\n | { state: 'ending'; sessionId: string; error: null; end: () => Promise<void> }\n | { state: 'ended'; sessionId: string; error: null; end: () => Promise<void> }\n | { state: 'error'; sessionId: string; error: Error; end: () => Promise<void> };\n\n/**\n * Hook to access the current avatar session state\n *\n * @returns Session state as a discriminated union\n */\nexport function useAvatarSession(): UseAvatarSessionReturn {\n const context = useAvatarSessionContext();\n return context as UseAvatarSessionReturn;\n}\n\nexport type { AvatarSessionContextValue };\n","'use client';\n\n/**\n * useAvatarStatus Hook\n *\n * Returns a single discriminated union representing the full avatar lifecycle\n * inside an AvatarSession. Combines session connection state and video\n * track availability into one status value.\n *\n * Must be used within <AvatarCall> or <AvatarSession>.\n *\n * @example\n * ```tsx\n * function MyAvatar() {\n * const avatar = useAvatarStatus();\n *\n * switch (avatar.status) {\n * case 'connecting':\n * return <Spinner />;\n * case 'waiting':\n * return <p>Waiting for video...</p>;\n * case 'ready':\n * return <VideoTrack trackRef={avatar.videoTrackRef} />;\n * case 'error':\n * return <p>{avatar.error.message}</p>;\n * case 'ended':\n * return <p>Call ended</p>;\n * }\n * }\n * ```\n */\n\nimport type { TrackReferenceOrPlaceholder } from '@livekit/components-react';\nimport { useAvatar } from './useAvatar';\nimport { useAvatarSession } from './useAvatarSession';\n\nexport type AvatarStatus =\n | { status: 'connecting' }\n | { status: 'waiting' }\n | { status: 'ready'; videoTrackRef: TrackReferenceOrPlaceholder }\n | { status: 'ending' }\n | { status: 'ended' }\n | { status: 'error'; error: Error };\n\nexport function useAvatarStatus(): AvatarStatus {\n const session = useAvatarSession();\n const { videoTrackRef, hasVideo } = useAvatar();\n\n switch (session.state) {\n case 'connecting':\n case 'idle':\n return { status: 'connecting' };\n\n case 'active':\n if (hasVideo && videoTrackRef) {\n return { status: 'ready', videoTrackRef };\n }\n return { status: 'waiting' };\n\n case 'ending':\n return { status: 'ending' };\n\n case 'ended':\n return { status: 'ended' };\n\n case 'error':\n return { status: 'error', error: session.error };\n }\n}\n","'use client';\n\nimport { isTrackReference, VideoTrack } from '@livekit/components-react';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { type AvatarStatus, useAvatarStatus } from '../hooks/useAvatarStatus';\n\n/** Subset of AvatarStatus relevant to the video display */\nexport type AvatarVideoStatus = Extract<\n AvatarStatus,\n { status: 'connecting' } | { status: 'waiting' } | { status: 'ready' }\n>;\n\nexport interface AvatarVideoProps\n extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n children?: (status: AvatarVideoStatus) => ReactNode;\n}\n\nexport function AvatarVideo({ children, ...props }: AvatarVideoProps) {\n const avatar = useAvatarStatus();\n\n const videoStatus: AvatarVideoStatus =\n avatar.status === 'ready'\n ? avatar\n : avatar.status === 'connecting'\n ? { status: 'connecting' }\n : { status: 'waiting' };\n\n if (children) {\n return <>{children(videoStatus)}</>;\n }\n\n return (\n <div {...props} data-avatar-video=\"\" data-status={videoStatus.status}>\n {videoStatus.status === 'ready' &&\n isTrackReference(videoStatus.videoTrackRef) && (\n <VideoTrack trackRef={videoStatus.videoTrackRef} />\n )}\n </div>\n );\n}\n","'use client';\n\nimport {\n useLocalParticipant,\n useMediaDevices,\n useTracks,\n} from '@livekit/components-react';\nimport { Track } from 'livekit-client';\nimport { useCallback } from 'react';\nimport type { UseLocalMediaReturn } from '../types';\nimport { useLatest } from './useLatest';\n\nexport function useLocalMedia(): UseLocalMediaReturn {\n const { localParticipant } = useLocalParticipant();\n\n const audioDevices = useMediaDevices({ kind: 'audioinput' });\n const videoDevices = useMediaDevices({ kind: 'videoinput' });\n\n const hasMic = audioDevices.length > 0;\n const hasCamera = videoDevices.length > 0;\n\n const isMicEnabled = localParticipant?.isMicrophoneEnabled ?? false;\n const isCameraEnabled = localParticipant?.isCameraEnabled ?? false;\n const isScreenShareEnabled = localParticipant?.isScreenShareEnabled ?? false;\n\n const isMicEnabledRef = useLatest(isMicEnabled);\n const isCameraEnabledRef = useLatest(isCameraEnabled);\n const isScreenShareEnabledRef = useLatest(isScreenShareEnabled);\n\n const toggleMic = useCallback(() => {\n localParticipant?.setMicrophoneEnabled(!isMicEnabledRef.current);\n }, [localParticipant, isMicEnabledRef]);\n\n const toggleCamera = useCallback(() => {\n localParticipant?.setCameraEnabled(!isCameraEnabledRef.current);\n }, [localParticipant, isCameraEnabledRef]);\n\n const toggleScreenShare = useCallback(() => {\n localParticipant?.setScreenShareEnabled(!isScreenShareEnabledRef.current);\n }, [localParticipant, isScreenShareEnabledRef]);\n\n const tracks = useTracks(\n [{ source: Track.Source.Camera, withPlaceholder: true }],\n {\n onlySubscribed: false,\n updateOnlyOn: [],\n },\n );\n\n const localIdentity = localParticipant?.identity;\n\n const localVideoTrackRef =\n tracks.find(\n (trackRef) =>\n trackRef.participant.identity === localIdentity &&\n trackRef.source === Track.Source.Camera,\n ) ?? null;\n\n return {\n hasMic,\n hasCamera,\n isMicEnabled,\n isCameraEnabled,\n isScreenShareEnabled,\n toggleMic,\n toggleCamera,\n toggleScreenShare,\n localVideoTrackRef,\n };\n}\n","'use client';\n\nimport { TrackToggle } from '@livekit/components-react';\nimport { Track } from 'livekit-client';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { useAvatarSession } from '../hooks/useAvatarSession';\nimport { useLocalMedia } from '../hooks/useLocalMedia';\n\nexport interface ControlBarState {\n isMicEnabled: boolean;\n isCameraEnabled: boolean;\n toggleMic: () => void;\n toggleCamera: () => void;\n endCall: () => Promise<void>;\n isActive: boolean;\n}\n\nexport interface ControlBarProps\n extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n showMicrophone?: boolean;\n showCamera?: boolean;\n showScreenShare?: boolean;\n showEndCall?: boolean;\n children?: (state: ControlBarState) => ReactNode;\n}\n\nexport function ControlBar({\n children,\n showMicrophone = true,\n showCamera = true,\n showScreenShare = false,\n showEndCall = true,\n ...props\n}: ControlBarProps) {\n const session = useAvatarSession();\n const { isMicEnabled, isCameraEnabled, toggleMic, toggleCamera } =\n useLocalMedia();\n\n const isActive = session.state === 'active';\n\n const state: ControlBarState = {\n isMicEnabled,\n isCameraEnabled,\n toggleMic,\n toggleCamera,\n endCall: session.end,\n isActive,\n };\n\n if (children) {\n return <>{children(state)}</>;\n }\n\n if (!isActive) {\n return null;\n }\n\n return (\n <div {...props} data-active={isActive}>\n {showMicrophone && (\n <button\n type=\"button\"\n onClick={toggleMic}\n data-control=\"microphone\"\n data-enabled={isMicEnabled}\n aria-label={isMicEnabled ? 'Mute microphone' : 'Unmute microphone'}\n >\n {microphoneIcon}\n </button>\n )}\n {showCamera && (\n <button\n type=\"button\"\n onClick={toggleCamera}\n data-control=\"camera\"\n data-enabled={isCameraEnabled}\n aria-label={isCameraEnabled ? 'Turn off camera' : 'Turn on camera'}\n >\n {cameraIcon}\n </button>\n )}\n {showScreenShare && (\n <TrackToggle\n source={Track.Source.ScreenShare}\n showIcon={false}\n data-control=\"screen-share\"\n aria-label=\"Toggle screen share\"\n >\n {screenShareIcon}\n </TrackToggle>\n )}\n {showEndCall && (\n <button\n type=\"button\"\n onClick={session.end}\n data-control=\"end-call\"\n aria-label=\"End call\"\n >\n {phoneIcon}\n </button>\n )}\n </div>\n );\n}\n\n// Lucide icons (https://lucide.dev) - MIT License\nconst microphoneIcon = (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden=\"true\"\n >\n <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\" />\n <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" />\n <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\" />\n </svg>\n);\n\nconst cameraIcon = (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden=\"true\"\n >\n <path d=\"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5\" />\n <rect x=\"2\" y=\"6\" width=\"14\" height=\"12\" rx=\"2\" />\n </svg>\n);\n\nconst screenShareIcon = (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden=\"true\"\n >\n <rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\" />\n <line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\" />\n <line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\" />\n </svg>\n);\n\nconst phoneIcon = (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"8 14 24 12\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path d=\"M12.8429 22.5693L11.4018 21.0986C11.2675 20.9626 11.1625 20.7995 11.0935 20.6197C11.0245 20.4399 10.9931 20.2474 11.0013 20.0545C11.0094 19.8616 11.0569 19.6726 11.1408 19.4995C11.2247 19.3265 11.343 19.1732 11.4883 19.0495C13.127 17.7049 15.0519 16.7714 17.1083 16.3239C19.0064 15.892 20.9744 15.892 22.8725 16.3239C24.9374 16.7743 26.8693 17.7147 28.5117 19.0691C28.6565 19.1924 28.7746 19.3451 28.8585 19.5176C28.9423 19.69 28.99 19.8784 28.9986 20.0707C29.0072 20.263 28.9764 20.455 28.9083 20.6345C28.8402 20.814 28.7362 20.9771 28.603 21.1133L27.1619 22.584C26.9311 22.8242 26.6226 22.9706 26.2938 22.9959C25.9651 23.0211 25.6385 22.9235 25.3751 22.7212C24.8531 22.3127 24.2875 21.9657 23.689 21.6869C23.4525 21.5774 23.2517 21.4009 23.1103 21.1785C22.969 20.9561 22.8931 20.697 22.8917 20.4319V19.1867C21.0053 18.6573 19.0139 18.6573 17.1275 19.1867V20.4319C17.1261 20.697 17.0502 20.9561 16.9089 21.1785C16.7676 21.4009 16.5667 21.5774 16.3302 21.6869C15.7317 21.9657 15.1661 22.3127 14.6442 22.7212C14.3779 22.9258 14.0473 23.0233 13.7152 22.9953C13.383 22.9673 13.0726 22.8156 12.8429 22.5693Z\" />\n </svg>\n);\n","'use client';\n\nimport type { ReactNode, ComponentPropsWithoutRef } from 'react';\nimport { VideoTrack, isTrackReference } from '@livekit/components-react';\nimport { useLocalMedia } from '../hooks/useLocalMedia';\nimport type { UseLocalMediaReturn } from '../types';\n\nexport interface UserVideoState {\n hasVideo: boolean;\n isCameraEnabled: boolean;\n trackRef: UseLocalMediaReturn['localVideoTrackRef'];\n}\n\nexport interface UserVideoProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n mirror?: boolean;\n children?: (state: UserVideoState) => ReactNode;\n}\n\nexport function UserVideo({ children, mirror = true, ...props }: UserVideoProps) {\n const { localVideoTrackRef, isCameraEnabled } = useLocalMedia();\n\n const hasVideo = localVideoTrackRef !== null && isTrackReference(localVideoTrackRef);\n\n const state: UserVideoState = {\n hasVideo,\n isCameraEnabled,\n trackRef: localVideoTrackRef,\n };\n\n if (children) {\n return <>{children(state)}</>;\n }\n\n return (\n <div\n {...props}\n data-has-video={hasVideo}\n data-camera-enabled={isCameraEnabled}\n data-mirror={mirror}\n >\n {hasVideo && localVideoTrackRef && isTrackReference(localVideoTrackRef) && (\n <VideoTrack trackRef={localVideoTrackRef} />\n )}\n </div>\n );\n}\n","'use client';\n\n/**\n * AvatarCall Component\n *\n * High-level component that handles the complete session lifecycle.\n * Suspends during credential fetching (Phase 1) — wrap in <Suspense> to\n * show loading UI while the server creates the session.\n *\n * @example\n * ```tsx\n * <Suspense fallback={<Loading />}>\n * <AvatarCall avatarId=\"game-host\" connectUrl=\"/api/avatar/connect\">\n * <AvatarVideo />\n * <ControlBar />\n * </AvatarCall>\n * </Suspense>\n * ```\n */\n\nimport { useCredentials } from '../hooks/useCredentials';\nimport { useLatest } from '../hooks/useLatest';\nimport type { AvatarCallProps } from '../types';\nimport { AvatarSession } from './AvatarSession';\nimport { AvatarVideo } from './AvatarVideo';\nimport { ControlBar } from './ControlBar';\nimport { UserVideo } from './UserVideo';\n\nexport function AvatarCall({\n avatarId,\n sessionId,\n sessionKey,\n credentials: directCredentials,\n connectUrl,\n connect,\n baseUrl,\n avatarImageUrl,\n onEnd,\n onError,\n children,\n __unstable_roomOptions,\n ...props\n}: AvatarCallProps) {\n const onErrorRef = useLatest(onError);\n\n const credentials = useCredentials({\n avatarId,\n sessionId,\n sessionKey,\n credentials: directCredentials,\n connectUrl,\n connect,\n baseUrl,\n });\n\n const handleSessionError = (err: Error) => {\n onErrorRef.current?.(err);\n };\n\n const backgroundStyle = avatarImageUrl\n ? ({ '--avatar-image': `url(${avatarImageUrl})` } as React.CSSProperties)\n : undefined;\n\n return (\n <div\n {...props}\n data-avatar-call=\"\"\n data-avatar-id={avatarId}\n style={{ ...props.style, ...backgroundStyle }}\n >\n <AvatarSession\n credentials={credentials}\n onEnd={onEnd}\n onError={handleSessionError}\n __unstable_roomOptions={__unstable_roomOptions}\n >\n {children ?? (\n <>\n <AvatarVideo />\n <UserVideo />\n <ControlBar />\n </>\n )}\n </AvatarSession>\n </div>\n );\n}\n","'use client';\n\nimport type { ReactNode, ComponentPropsWithoutRef } from 'react';\nimport {\n useLocalParticipant,\n useTracks,\n VideoTrack,\n isTrackReference,\n type TrackReferenceOrPlaceholder,\n} from '@livekit/components-react';\nimport { Track } from 'livekit-client';\n\nexport interface ScreenShareVideoState {\n isSharing: boolean;\n trackRef: TrackReferenceOrPlaceholder | null;\n}\n\nexport interface ScreenShareVideoProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n children?: (state: ScreenShareVideoState) => ReactNode;\n}\n\nexport function ScreenShareVideo({ children, ...props }: ScreenShareVideoProps) {\n const { localParticipant } = useLocalParticipant();\n\n const tracks = useTracks(\n [{ source: Track.Source.ScreenShare, withPlaceholder: false }],\n { onlySubscribed: false }\n );\n\n const localIdentity = localParticipant?.identity;\n\n const screenShareTrackRef = tracks.find(\n (trackRef) =>\n trackRef.participant.identity === localIdentity &&\n trackRef.source === Track.Source.ScreenShare\n ) ?? null;\n\n const isSharing = screenShareTrackRef !== null && isTrackReference(screenShareTrackRef);\n\n const state: ScreenShareVideoState = {\n isSharing,\n trackRef: screenShareTrackRef,\n };\n\n if (children) {\n return <>{children(state)}</>;\n }\n\n if (!isSharing) {\n return null;\n }\n\n return (\n <div {...props} data-sharing={isSharing}>\n {screenShareTrackRef && isTrackReference(screenShareTrackRef) && (\n <VideoTrack trackRef={screenShareTrackRef} />\n )}\n </div>\n );\n}\n"]}
1
+ {"version":3,"sources":["../src/api/config.ts","../src/api/consume.ts","../src/utils/suspense-resource.ts","../src/hooks/useCredentials.ts","../src/hooks/useLatest.ts","../src/components/AvatarSession.tsx","../src/hooks/useAvatar.ts","../src/hooks/useAvatarSession.ts","../src/hooks/useAvatarStatus.ts","../src/components/AvatarVideo.tsx","../src/hooks/useLocalMedia.ts","../src/components/ControlBar.tsx","../src/components/UserVideo.tsx","../src/components/AvatarCall.tsx","../src/components/ScreenShareVideo.tsx"],"names":["useEffect","useRef","RoomAudioRenderer","jsx","isTrackReference","useCallback","useTracks","Track","Fragment","jsxs","VideoTrack","useLocalParticipant"],"mappings":"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","file":"index.js","sourcesContent":["export const DEFAULT_BASE_URL = 'https://api.dev.runwayml.com';\n","import type { ConsumeSessionOptions, ConsumeSessionResponse } from '../types';\nimport { DEFAULT_BASE_URL } from './config';\n\nexport async function consumeSession(\n options: ConsumeSessionOptions,\n): Promise<ConsumeSessionResponse> {\n const { sessionId, sessionKey, baseUrl = DEFAULT_BASE_URL } = options;\n\n const url = `${baseUrl}/v1/realtime_sessions/${sessionId}/consume`;\n const response = await fetch(url, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${sessionKey}`,\n },\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(\n `Failed to consume session: ${response.status} ${errorText}`,\n );\n }\n\n return response.json();\n}\n","export interface SuspenseResource<T> {\n read(): T;\n}\n\nexport function createSuspenseResource<T>(\n promise: Promise<T>,\n): SuspenseResource<T> {\n let status: 'pending' | 'fulfilled' | 'rejected' = 'pending';\n let result: T;\n let error: unknown;\n\n const suspender = promise.then(\n (value) => {\n status = 'fulfilled';\n result = value;\n },\n (err) => {\n status = 'rejected';\n error = err;\n },\n );\n\n return {\n read() {\n switch (status) {\n case 'pending':\n throw suspender;\n case 'rejected':\n throw error;\n case 'fulfilled':\n return result;\n }\n },\n };\n}\n","'use client';\n\nimport { useEffect } from 'react';\nimport { consumeSession } from '../api/consume';\nimport type { SessionCredentials } from '../types';\nimport {\n createSuspenseResource,\n type SuspenseResource,\n} from '../utils/suspense-resource';\n\nexport interface UseCredentialsOptions {\n avatarId: string;\n sessionId?: string;\n sessionKey?: string;\n credentials?: SessionCredentials;\n connectUrl?: string;\n connect?: (avatarId: string) => Promise<SessionCredentials>;\n baseUrl?: string;\n}\n\nconst resourceCache = new Map<string, SuspenseResource<SessionCredentials>>();\n\nfunction computeKey(options: UseCredentialsOptions): string {\n if (options.credentials) return `direct:${options.credentials.sessionId}`;\n if (options.sessionId && options.sessionKey)\n return `session:${options.sessionId}`;\n return `connect:${options.avatarId}:${options.connectUrl ?? 'custom'}`;\n}\n\nasync function fetchCredentials(\n options: UseCredentialsOptions,\n): Promise<SessionCredentials> {\n const { avatarId, sessionId, sessionKey, connectUrl, connect, baseUrl } =\n options;\n\n if (sessionId && sessionKey) {\n const { url, token, roomName } = await consumeSession({\n sessionId,\n sessionKey,\n baseUrl,\n });\n return { sessionId, serverUrl: url, token, roomName };\n }\n\n if (connect) {\n return connect(avatarId);\n }\n\n if (connectUrl) {\n const response = await fetch(connectUrl, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ avatarId }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`Failed to connect: ${response.status} ${errorText}`);\n }\n\n return response.json();\n }\n\n throw new Error(\n 'AvatarCall requires one of: credentials, sessionId+sessionKey, connectUrl, or connect',\n );\n}\n\nexport function useCredentials(\n options: UseCredentialsOptions,\n): SessionCredentials {\n const key = computeKey(options);\n\n useEffect(() => {\n return () => {\n resourceCache.delete(key);\n };\n }, [key]);\n\n if (options.credentials) {\n return options.credentials;\n }\n\n let resource = resourceCache.get(key);\n if (!resource) {\n resource = createSuspenseResource(fetchCredentials(options));\n resourceCache.set(key, resource);\n }\n\n return resource.read();\n}\n","'use client';\n\nimport { useEffect, useRef } from 'react';\n\nexport function useLatest<T>(value: T): React.RefObject<T> {\n const ref = useRef(value);\n\n useEffect(() => {\n ref.current = value;\n }, [value]);\n\n return ref;\n}\n","'use client';\n\n/**\n * AvatarSession Component\n *\n * Provides the session context for avatar interactions.\n * Manages the WebRTC connection and exposes a clean API for child components.\n *\n * @example\n * ```tsx\n * <AvatarSession credentials={credentials} onEnd={handleEnd}>\n * <AvatarVideo />\n * <ControlBar />\n * </AvatarSession>\n * ```\n */\n\nimport {\n LiveKitRoom,\n RoomAudioRenderer,\n useConnectionState,\n useRoomContext,\n} from '@livekit/components-react';\nimport type { RoomOptions } from 'livekit-client';\nimport { ConnectionState } from 'livekit-client';\nimport {\n createContext,\n type ReactNode,\n useCallback,\n useContext,\n useRef,\n} from 'react';\nimport type {\n AvatarSessionContextValue,\n AvatarSessionProps,\n SessionState,\n} from '../types';\n\nconst DEFAULT_ROOM_OPTIONS: RoomOptions = {\n adaptiveStream: false,\n dynacast: false,\n};\n\n/**\n * Maps WebRTC connection state to session state\n */\nfunction mapConnectionState(connectionState: ConnectionState): SessionState {\n switch (connectionState) {\n case ConnectionState.Connecting:\n return 'connecting';\n case ConnectionState.Connected:\n return 'active';\n case ConnectionState.Reconnecting:\n return 'connecting';\n case ConnectionState.Disconnected:\n return 'ended';\n default:\n return 'ended';\n }\n}\n\nconst AvatarSessionContext = createContext<AvatarSessionContextValue | null>(\n null,\n);\n\n/**\n * AvatarSession component - the main entry point for avatar sessions\n *\n * Establishes a WebRTC connection and provides session state to children.\n * This is a headless component that renders minimal DOM.\n */\nexport function AvatarSession({\n credentials,\n children,\n audio = true,\n video = true,\n onEnd,\n onError,\n __unstable_roomOptions,\n}: AvatarSessionProps) {\n const errorRef = useRef<Error | null>(null);\n\n const handleError = (error: Error) => {\n errorRef.current = error;\n onError?.(error);\n };\n\n const roomOptions = {\n ...DEFAULT_ROOM_OPTIONS,\n ...__unstable_roomOptions,\n };\n\n return (\n <LiveKitRoom\n serverUrl={credentials.serverUrl}\n token={credentials.token}\n connect={true}\n audio={audio}\n video={video}\n onDisconnected={() => onEnd?.()}\n onError={handleError}\n options={roomOptions}\n connectOptions={{\n autoSubscribe: true,\n }}\n >\n <AvatarSessionContextInner\n sessionId={credentials.sessionId}\n onEnd={onEnd}\n errorRef={errorRef}\n >\n {children}\n </AvatarSessionContextInner>\n <RoomAudioRenderer />\n </LiveKitRoom>\n );\n}\n\n/**\n * Inner context provider that has access to the room context\n */\nfunction AvatarSessionContextInner({\n sessionId,\n onEnd,\n errorRef,\n children,\n}: {\n sessionId: string;\n onEnd?: () => void;\n errorRef: React.RefObject<Error | null>;\n children: ReactNode;\n}) {\n const room = useRoomContext();\n const connectionState = useConnectionState();\n const onEndRef = useRef(onEnd);\n onEndRef.current = onEnd;\n\n const end = useCallback(async () => {\n try {\n // Send END_CALL message to the avatar\n const encoder = new TextEncoder();\n const data = encoder.encode(JSON.stringify({ type: 'END_CALL' }));\n await room.localParticipant.publishData(data, { reliable: true });\n } catch {\n // Ignore errors when sending end message\n }\n\n await room.disconnect();\n onEndRef.current?.();\n }, [room]);\n\n const contextValue: AvatarSessionContextValue = {\n state: mapConnectionState(connectionState),\n sessionId,\n error: errorRef.current,\n end,\n };\n\n return (\n <AvatarSessionContext.Provider value={contextValue}>\n {children}\n </AvatarSessionContext.Provider>\n );\n}\n\n/**\n * Hook to access the avatar session context\n * Must be used within an AvatarSession component\n */\nexport function useAvatarSessionContext(): AvatarSessionContextValue {\n const context = useContext(AvatarSessionContext);\n if (!context) {\n throw new Error(\n 'useAvatarSessionContext must be used within an AvatarSession',\n );\n }\n return context;\n}\n\n/**\n * Hook to optionally access the avatar session context\n * Returns null if not within an AvatarSession\n */\nexport function useMaybeAvatarSessionContext(): AvatarSessionContextValue | null {\n return useContext(AvatarSessionContext);\n}\n","'use client';\n\n/**\n * useAvatar Hook\n *\n * Provides access to the remote avatar participant's video track.\n * Audio is handled automatically by the session.\n *\n * @example\n * ```tsx\n * function AvatarDisplay() {\n * const { videoTrackRef, hasVideo } = useAvatar();\n *\n * if (!hasVideo) {\n * return <Placeholder />;\n * }\n *\n * return <VideoTrack trackRef={videoTrackRef} />;\n * }\n * ```\n */\n\nimport {\n isTrackReference,\n useRemoteParticipants,\n useTracks,\n} from '@livekit/components-react';\nimport { Track } from 'livekit-client';\nimport type { UseAvatarReturn } from '../types';\n\n/**\n * Hook to access the remote avatar participant's video track\n *\n * @returns Avatar participant info and video track reference\n */\nexport function useAvatar(): UseAvatarReturn {\n const remoteParticipants = useRemoteParticipants();\n const avatarParticipant = remoteParticipants[0] ?? null;\n\n // Only subscribe to video - audio is handled automatically by the session\n const videoTracks = useTracks(\n [{ source: Track.Source.Camera, withPlaceholder: true }],\n { onlySubscribed: true, updateOnlyOn: [] },\n ).filter((ref) => !ref.participant.isLocal);\n\n const videoTrackRef = videoTracks[0] ?? null;\n const hasVideo = videoTrackRef !== null && isTrackReference(videoTrackRef);\n\n return {\n participant: avatarParticipant,\n videoTrackRef,\n hasVideo,\n };\n}\n","'use client';\n\n/**\n * useAvatarSession Hook\n *\n * Provides access to the current avatar session state.\n * Returns a discriminated union based on session state for type-safe UI rendering.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n * const session = useAvatarSession();\n *\n * if (session.state === 'connecting') {\n * return <Loading />;\n * }\n *\n * if (session.state === 'error') {\n * return <Error message={session.error.message} />;\n * }\n *\n * return <ActiveSession onEnd={session.end} />;\n * }\n * ```\n */\n\nimport { useAvatarSessionContext } from '../components/AvatarSession';\nimport type { AvatarSessionContextValue } from '../types';\n\n/**\n * Discriminated union types for type-safe session state handling\n */\nexport type UseAvatarSessionReturn =\n | { state: 'idle'; sessionId: string; error: null; end: () => Promise<void> }\n | { state: 'connecting'; sessionId: string; error: null; end: () => Promise<void> }\n | { state: 'active'; sessionId: string; error: null; end: () => Promise<void> }\n | { state: 'ending'; sessionId: string; error: null; end: () => Promise<void> }\n | { state: 'ended'; sessionId: string; error: null; end: () => Promise<void> }\n | { state: 'error'; sessionId: string; error: Error; end: () => Promise<void> };\n\n/**\n * Hook to access the current avatar session state\n *\n * @returns Session state as a discriminated union\n */\nexport function useAvatarSession(): UseAvatarSessionReturn {\n const context = useAvatarSessionContext();\n return context as UseAvatarSessionReturn;\n}\n\nexport type { AvatarSessionContextValue };\n","'use client';\n\n/**\n * useAvatarStatus Hook\n *\n * Returns a single discriminated union representing the full avatar lifecycle\n * inside an AvatarSession. Combines session connection state and video\n * track availability into one status value.\n *\n * Must be used within <AvatarCall> or <AvatarSession>.\n *\n * @example\n * ```tsx\n * function MyAvatar() {\n * const avatar = useAvatarStatus();\n *\n * switch (avatar.status) {\n * case 'connecting':\n * return <Spinner />;\n * case 'waiting':\n * return <p>Waiting for video...</p>;\n * case 'ready':\n * return <VideoTrack trackRef={avatar.videoTrackRef} />;\n * case 'error':\n * return <p>{avatar.error.message}</p>;\n * case 'ended':\n * return <p>Call ended</p>;\n * }\n * }\n * ```\n */\n\nimport type { TrackReferenceOrPlaceholder } from '@livekit/components-react';\nimport { useAvatar } from './useAvatar';\nimport { useAvatarSession } from './useAvatarSession';\n\nexport type AvatarStatus =\n | { status: 'connecting' }\n | { status: 'waiting' }\n | { status: 'ready'; videoTrackRef: TrackReferenceOrPlaceholder }\n | { status: 'ending' }\n | { status: 'ended' }\n | { status: 'error'; error: Error };\n\nexport function useAvatarStatus(): AvatarStatus {\n const session = useAvatarSession();\n const { videoTrackRef, hasVideo } = useAvatar();\n\n switch (session.state) {\n case 'connecting':\n case 'idle':\n return { status: 'connecting' };\n\n case 'active':\n if (hasVideo && videoTrackRef) {\n return { status: 'ready', videoTrackRef };\n }\n return { status: 'waiting' };\n\n case 'ending':\n return { status: 'ending' };\n\n case 'ended':\n return { status: 'ended' };\n\n case 'error':\n return { status: 'error', error: session.error };\n }\n}\n","'use client';\n\nimport { isTrackReference, VideoTrack } from '@livekit/components-react';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { type AvatarStatus, useAvatarStatus } from '../hooks/useAvatarStatus';\n\n/** Subset of AvatarStatus relevant to the video display */\nexport type AvatarVideoStatus = Extract<\n AvatarStatus,\n { status: 'connecting' } | { status: 'waiting' } | { status: 'ready' }\n>;\n\nexport interface AvatarVideoProps\n extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n children?: (status: AvatarVideoStatus) => ReactNode;\n}\n\nexport function AvatarVideo({ children, ...props }: AvatarVideoProps) {\n const avatar = useAvatarStatus();\n\n const videoStatus: AvatarVideoStatus =\n avatar.status === 'ready'\n ? avatar\n : avatar.status === 'connecting'\n ? { status: 'connecting' }\n : { status: 'waiting' };\n\n if (children) {\n return <>{children(videoStatus)}</>;\n }\n\n return (\n <div\n {...props}\n data-avatar-video=\"\"\n data-avatar-status={videoStatus.status}\n >\n {videoStatus.status === 'ready' &&\n isTrackReference(videoStatus.videoTrackRef) && (\n <VideoTrack trackRef={videoStatus.videoTrackRef} />\n )}\n </div>\n );\n}\n","'use client';\n\nimport {\n useLocalParticipant,\n useMediaDevices,\n useTracks,\n} from '@livekit/components-react';\nimport { Track } from 'livekit-client';\nimport { useCallback } from 'react';\nimport type { UseLocalMediaReturn } from '../types';\nimport { useLatest } from './useLatest';\n\nexport function useLocalMedia(): UseLocalMediaReturn {\n const { localParticipant } = useLocalParticipant();\n\n const audioDevices = useMediaDevices({ kind: 'audioinput' });\n const videoDevices = useMediaDevices({ kind: 'videoinput' });\n\n const hasMic = audioDevices.length > 0;\n const hasCamera = videoDevices.length > 0;\n\n const isMicEnabled = localParticipant?.isMicrophoneEnabled ?? false;\n const isCameraEnabled = localParticipant?.isCameraEnabled ?? false;\n const isScreenShareEnabled = localParticipant?.isScreenShareEnabled ?? false;\n\n const isMicEnabledRef = useLatest(isMicEnabled);\n const isCameraEnabledRef = useLatest(isCameraEnabled);\n const isScreenShareEnabledRef = useLatest(isScreenShareEnabled);\n\n const toggleMic = useCallback(() => {\n localParticipant?.setMicrophoneEnabled(!isMicEnabledRef.current);\n }, [localParticipant, isMicEnabledRef]);\n\n const toggleCamera = useCallback(() => {\n localParticipant?.setCameraEnabled(!isCameraEnabledRef.current);\n }, [localParticipant, isCameraEnabledRef]);\n\n const toggleScreenShare = useCallback(() => {\n localParticipant?.setScreenShareEnabled(!isScreenShareEnabledRef.current);\n }, [localParticipant, isScreenShareEnabledRef]);\n\n const tracks = useTracks(\n [{ source: Track.Source.Camera, withPlaceholder: true }],\n {\n onlySubscribed: false,\n updateOnlyOn: [],\n },\n );\n\n const localIdentity = localParticipant?.identity;\n\n const localVideoTrackRef =\n tracks.find(\n (trackRef) =>\n trackRef.participant.identity === localIdentity &&\n trackRef.source === Track.Source.Camera,\n ) ?? null;\n\n return {\n hasMic,\n hasCamera,\n isMicEnabled,\n isCameraEnabled,\n isScreenShareEnabled,\n toggleMic,\n toggleCamera,\n toggleScreenShare,\n localVideoTrackRef,\n };\n}\n","'use client';\n\nimport { TrackToggle } from '@livekit/components-react';\nimport { Track } from 'livekit-client';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { useAvatarSession } from '../hooks/useAvatarSession';\nimport { useLocalMedia } from '../hooks/useLocalMedia';\n\nexport interface ControlBarState {\n isMicEnabled: boolean;\n isCameraEnabled: boolean;\n isScreenShareEnabled: boolean;\n toggleMic: () => void;\n toggleCamera: () => void;\n toggleScreenShare: () => void;\n endCall: () => Promise<void>;\n isActive: boolean;\n}\n\nexport interface ControlBarProps\n extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n showMicrophone?: boolean;\n showCamera?: boolean;\n showScreenShare?: boolean;\n showEndCall?: boolean;\n children?: (state: ControlBarState) => ReactNode;\n}\n\nexport function ControlBar({\n children,\n showMicrophone = true,\n showCamera = true,\n showScreenShare = false,\n showEndCall = true,\n ...props\n}: ControlBarProps) {\n const session = useAvatarSession();\n const {\n isMicEnabled,\n isCameraEnabled,\n isScreenShareEnabled,\n toggleMic,\n toggleCamera,\n toggleScreenShare,\n } = useLocalMedia();\n\n const isActive = session.state === 'active';\n\n const state: ControlBarState = {\n isMicEnabled,\n isCameraEnabled,\n isScreenShareEnabled,\n toggleMic,\n toggleCamera,\n toggleScreenShare,\n endCall: session.end,\n isActive,\n };\n\n if (children) {\n return <>{children(state)}</>;\n }\n\n if (!isActive) {\n return null;\n }\n\n return (\n <div {...props} data-avatar-control-bar=\"\" data-avatar-active={isActive}>\n {showMicrophone && (\n <button\n type=\"button\"\n onClick={toggleMic}\n data-avatar-control=\"microphone\"\n data-avatar-enabled={isMicEnabled}\n aria-label={isMicEnabled ? 'Mute microphone' : 'Unmute microphone'}\n >\n {microphoneIcon}\n </button>\n )}\n {showCamera && (\n <button\n type=\"button\"\n onClick={toggleCamera}\n data-avatar-control=\"camera\"\n data-avatar-enabled={isCameraEnabled}\n aria-label={isCameraEnabled ? 'Turn off camera' : 'Turn on camera'}\n >\n {cameraIcon}\n </button>\n )}\n {showScreenShare && (\n <TrackToggle\n source={Track.Source.ScreenShare}\n showIcon={false}\n data-avatar-control=\"screen-share\"\n data-avatar-enabled={isScreenShareEnabled}\n aria-label=\"Toggle screen share\"\n >\n {screenShareIcon}\n </TrackToggle>\n )}\n {showEndCall && (\n <button\n type=\"button\"\n onClick={session.end}\n data-avatar-control=\"end-call\"\n data-avatar-enabled={true}\n aria-label=\"End call\"\n >\n {phoneIcon}\n </button>\n )}\n </div>\n );\n}\n\n// Lucide icons (https://lucide.dev) - MIT License\nconst microphoneIcon = (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden=\"true\"\n >\n <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\" />\n <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" />\n <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\" />\n </svg>\n);\n\nconst cameraIcon = (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden=\"true\"\n >\n <path d=\"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5\" />\n <rect x=\"2\" y=\"6\" width=\"14\" height=\"12\" rx=\"2\" />\n </svg>\n);\n\nconst screenShareIcon = (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden=\"true\"\n >\n <rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\" />\n <line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\" />\n <line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\" />\n </svg>\n);\n\nconst phoneIcon = (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"8 14 24 12\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path d=\"M12.8429 22.5693L11.4018 21.0986C11.2675 20.9626 11.1625 20.7995 11.0935 20.6197C11.0245 20.4399 10.9931 20.2474 11.0013 20.0545C11.0094 19.8616 11.0569 19.6726 11.1408 19.4995C11.2247 19.3265 11.343 19.1732 11.4883 19.0495C13.127 17.7049 15.0519 16.7714 17.1083 16.3239C19.0064 15.892 20.9744 15.892 22.8725 16.3239C24.9374 16.7743 26.8693 17.7147 28.5117 19.0691C28.6565 19.1924 28.7746 19.3451 28.8585 19.5176C28.9423 19.69 28.99 19.8784 28.9986 20.0707C29.0072 20.263 28.9764 20.455 28.9083 20.6345C28.8402 20.814 28.7362 20.9771 28.603 21.1133L27.1619 22.584C26.9311 22.8242 26.6226 22.9706 26.2938 22.9959C25.9651 23.0211 25.6385 22.9235 25.3751 22.7212C24.8531 22.3127 24.2875 21.9657 23.689 21.6869C23.4525 21.5774 23.2517 21.4009 23.1103 21.1785C22.969 20.9561 22.8931 20.697 22.8917 20.4319V19.1867C21.0053 18.6573 19.0139 18.6573 17.1275 19.1867V20.4319C17.1261 20.697 17.0502 20.9561 16.9089 21.1785C16.7676 21.4009 16.5667 21.5774 16.3302 21.6869C15.7317 21.9657 15.1661 22.3127 14.6442 22.7212C14.3779 22.9258 14.0473 23.0233 13.7152 22.9953C13.383 22.9673 13.0726 22.8156 12.8429 22.5693Z\" />\n </svg>\n);\n","'use client';\n\nimport { isTrackReference, VideoTrack } from '@livekit/components-react';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { useLocalMedia } from '../hooks/useLocalMedia';\nimport type { UseLocalMediaReturn } from '../types';\n\nexport interface UserVideoState {\n hasVideo: boolean;\n isCameraEnabled: boolean;\n trackRef: UseLocalMediaReturn['localVideoTrackRef'];\n}\n\nexport interface UserVideoProps\n extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n mirror?: boolean;\n children?: (state: UserVideoState) => ReactNode;\n}\n\nexport function UserVideo({\n children,\n mirror = true,\n ...props\n}: UserVideoProps) {\n const { localVideoTrackRef, isCameraEnabled } = useLocalMedia();\n\n const hasVideo =\n localVideoTrackRef !== null && isTrackReference(localVideoTrackRef);\n\n const state: UserVideoState = {\n hasVideo,\n isCameraEnabled,\n trackRef: localVideoTrackRef,\n };\n\n if (children) {\n return <>{children(state)}</>;\n }\n\n return (\n <div\n {...props}\n data-avatar-user-video=\"\"\n data-avatar-has-video={hasVideo}\n data-avatar-camera-enabled={isCameraEnabled}\n data-avatar-mirror={mirror}\n >\n {hasVideo &&\n localVideoTrackRef &&\n isTrackReference(localVideoTrackRef) && (\n <VideoTrack trackRef={localVideoTrackRef} />\n )}\n </div>\n );\n}\n","'use client';\n\n/**\n * AvatarCall Component\n *\n * High-level component that handles the complete session lifecycle.\n * Suspends during credential fetching (Phase 1) — wrap in <Suspense> to\n * show loading UI while the server creates the session.\n *\n * @example\n * ```tsx\n * <Suspense fallback={<Loading />}>\n * <AvatarCall avatarId=\"game-host\" connectUrl=\"/api/avatar/connect\">\n * <AvatarVideo />\n * <ControlBar />\n * </AvatarCall>\n * </Suspense>\n * ```\n */\n\nimport { useCredentials } from '../hooks/useCredentials';\nimport { useLatest } from '../hooks/useLatest';\nimport type { AvatarCallProps } from '../types';\nimport { AvatarSession } from './AvatarSession';\nimport { AvatarVideo } from './AvatarVideo';\nimport { ControlBar } from './ControlBar';\nimport { UserVideo } from './UserVideo';\n\nexport function AvatarCall({\n avatarId,\n sessionId,\n sessionKey,\n credentials: directCredentials,\n connectUrl,\n connect,\n baseUrl,\n avatarImageUrl,\n onEnd,\n onError,\n children,\n __unstable_roomOptions,\n ...props\n}: AvatarCallProps) {\n const onErrorRef = useLatest(onError);\n\n const credentials = useCredentials({\n avatarId,\n sessionId,\n sessionKey,\n credentials: directCredentials,\n connectUrl,\n connect,\n baseUrl,\n });\n\n const handleSessionError = (err: Error) => {\n onErrorRef.current?.(err);\n };\n\n const backgroundStyle = avatarImageUrl\n ? ({ '--avatar-image': `url(${avatarImageUrl})` } as React.CSSProperties)\n : undefined;\n\n return (\n <div\n {...props}\n data-avatar-call=\"\"\n data-avatar-id={avatarId}\n style={{ ...props.style, ...backgroundStyle }}\n >\n <AvatarSession\n credentials={credentials}\n onEnd={onEnd}\n onError={handleSessionError}\n __unstable_roomOptions={__unstable_roomOptions}\n >\n {children ?? (\n <>\n <AvatarVideo />\n <UserVideo />\n <ControlBar />\n </>\n )}\n </AvatarSession>\n </div>\n );\n}\n","'use client';\n\nimport {\n isTrackReference,\n type TrackReferenceOrPlaceholder,\n useLocalParticipant,\n useTracks,\n VideoTrack,\n} from '@livekit/components-react';\nimport { Track } from 'livekit-client';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nexport interface ScreenShareVideoState {\n isSharing: boolean;\n trackRef: TrackReferenceOrPlaceholder | null;\n}\n\nexport interface ScreenShareVideoProps\n extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n children?: (state: ScreenShareVideoState) => ReactNode;\n}\n\nexport function ScreenShareVideo({\n children,\n ...props\n}: ScreenShareVideoProps) {\n const { localParticipant } = useLocalParticipant();\n\n const tracks = useTracks(\n [{ source: Track.Source.ScreenShare, withPlaceholder: false }],\n { onlySubscribed: false },\n );\n\n const localIdentity = localParticipant?.identity;\n\n const screenShareTrackRef =\n tracks.find(\n (trackRef) =>\n trackRef.participant.identity === localIdentity &&\n trackRef.source === Track.Source.ScreenShare,\n ) ?? null;\n\n const isSharing =\n screenShareTrackRef !== null && isTrackReference(screenShareTrackRef);\n\n const state: ScreenShareVideoState = {\n isSharing,\n trackRef: screenShareTrackRef,\n };\n\n if (children) {\n return <>{children(state)}</>;\n }\n\n if (!isSharing) {\n return null;\n }\n\n return (\n <div {...props} data-avatar-screen-share=\"\" data-avatar-sharing={isSharing}>\n {screenShareTrackRef && isTrackReference(screenShareTrackRef) && (\n <VideoTrack trackRef={screenShareTrackRef} />\n )}\n </div>\n );\n}\n"]}
package/dist/styles.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /* src/styles.css */
2
- :root {
2
+ [data-avatar-call] {
3
3
  --avatar-bg-connecting: #1a1a1a;
4
4
  --avatar-radius: 16px;
5
5
  --avatar-control-bg: rgba(255, 255, 255, 0.1);
@@ -11,8 +11,6 @@
11
11
  --avatar-text-secondary: rgba(255, 255, 255, 0.7);
12
12
  --avatar-pip-size: 120px;
13
13
  --avatar-pip-radius: 12px;
14
- }
15
- [data-avatar-call] {
16
14
  position: relative;
17
15
  width: 100%;
18
16
  aspect-ratio: 16 / 9;
@@ -21,6 +19,7 @@
21
19
  overflow: hidden;
22
20
  display: flex;
23
21
  flex-direction: column;
22
+ isolation: isolate;
24
23
  }
25
24
  [data-avatar-call]::before {
26
25
  content: "";
@@ -31,25 +30,25 @@
31
30
  background-position: center;
32
31
  filter: blur(20px) brightness(0.5);
33
32
  transform: scale(1.1);
34
- z-index: 0;
33
+ z-index: -1;
35
34
  }
36
- [data-has-video] {
35
+ [data-avatar-video] {
37
36
  flex: 1;
38
37
  display: flex;
39
38
  align-items: center;
40
39
  justify-content: center;
41
40
  position: relative;
42
- z-index: 1;
41
+ z-index: 0;
43
42
  }
44
- [data-has-video] video {
43
+ [data-avatar-video] video {
45
44
  width: 100%;
46
45
  height: 100%;
47
46
  object-fit: cover;
48
47
  }
49
- [data-has-video=true] {
48
+ [data-avatar-video][data-avatar-status=ready] {
50
49
  background: transparent;
51
50
  }
52
- [data-active] {
51
+ [data-avatar-control-bar] {
53
52
  position: absolute;
54
53
  bottom: 0;
55
54
  left: 0;
@@ -67,12 +66,12 @@
67
66
  z-index: 2;
68
67
  }
69
68
  @media (max-width: 480px) {
70
- [data-active] {
69
+ [data-avatar-control-bar] {
71
70
  padding: 16px;
72
71
  gap: 8px;
73
72
  }
74
73
  }
75
- [data-control] {
74
+ [data-avatar-control] {
76
75
  display: flex;
77
76
  align-items: center;
78
77
  justify-content: center;
@@ -86,33 +85,33 @@
86
85
  transition: background-color 0.15s ease;
87
86
  }
88
87
  @media (max-width: 480px) {
89
- [data-control] {
88
+ [data-avatar-control] {
90
89
  width: 40px;
91
90
  height: 40px;
92
91
  }
93
- [data-control] svg {
92
+ [data-avatar-control] svg {
94
93
  width: 18px;
95
94
  height: 18px;
96
95
  }
97
96
  }
98
- [data-control]:hover {
97
+ [data-avatar-control]:hover {
99
98
  background: var(--avatar-control-bg-hover);
100
99
  }
101
- [data-control]:focus-visible {
100
+ [data-avatar-control]:focus-visible {
102
101
  outline: 2px solid var(--avatar-text-color);
103
102
  outline-offset: 2px;
104
103
  }
105
- [data-control][data-enabled=false] {
104
+ [data-avatar-control][data-avatar-enabled=false] {
106
105
  background: rgba(239, 68, 68, 0.2);
107
106
  color: #fca5a5;
108
107
  }
109
- [data-control=end-call] {
108
+ [data-avatar-control=end-call] {
110
109
  background: var(--avatar-end-call-bg);
111
110
  }
112
- [data-control=end-call]:hover {
111
+ [data-avatar-control=end-call]:hover {
113
112
  background: var(--avatar-end-call-bg-hover);
114
113
  }
115
- [data-camera-enabled] {
114
+ [data-avatar-user-video] {
116
115
  position: absolute;
117
116
  bottom: 88px;
118
117
  right: 24px;
@@ -122,30 +121,31 @@
122
121
  overflow: hidden;
123
122
  background: var(--avatar-bg-connecting);
124
123
  border: 2px solid rgba(255, 255, 255, 0.2);
125
- z-index: 2;
124
+ z-index: 1;
126
125
  }
127
126
  @media (max-width: 480px) {
128
- [data-camera-enabled] {
127
+ [data-avatar-user-video] {
129
128
  width: 80px;
130
129
  bottom: 72px;
131
130
  right: 12px;
132
131
  border-radius: 8px;
133
132
  }
134
133
  }
135
- [data-camera-enabled] video {
134
+ [data-avatar-user-video] video {
136
135
  width: 100%;
137
136
  height: 100%;
138
137
  object-fit: cover;
139
138
  }
140
- [data-mirror=true] video {
139
+ [data-avatar-user-video][data-avatar-mirror=true] video {
141
140
  transform: scaleX(-1);
142
141
  }
143
- [data-sharing] {
142
+ [data-avatar-screen-share] {
144
143
  position: absolute;
145
144
  inset: 0;
146
145
  background: #000;
146
+ z-index: 1;
147
147
  }
148
- [data-sharing] video {
148
+ [data-avatar-screen-share] video {
149
149
  width: 100%;
150
150
  height: 100%;
151
151
  object-fit: contain;
@@ -158,33 +158,23 @@
158
158
  opacity: 0.5;
159
159
  }
160
160
  }
161
- [data-avatar-call][data-state=connecting]::after {
162
- content: "Connecting\2026";
161
+ [data-avatar-video][data-avatar-status=connecting]::after,
162
+ [data-avatar-video][data-avatar-status=waiting]::after {
163
+ content: "";
163
164
  position: absolute;
164
165
  inset: 0;
165
- display: flex;
166
- align-items: center;
167
- justify-content: center;
168
- color: var(--avatar-text-color);
169
- font-size: 16px;
170
- font-weight: 500;
171
- z-index: 1;
166
+ background:
167
+ linear-gradient(
168
+ 90deg,
169
+ transparent,
170
+ rgba(255, 255, 255, 0.05),
171
+ transparent);
172
+ background-size: 200% 100%;
172
173
  animation: avatar-pulse 2s ease-in-out infinite;
173
174
  }
174
175
  @media (prefers-reduced-motion: reduce) {
175
- [data-avatar-call][data-state=connecting]::after {
176
+ [data-avatar-video][data-avatar-status=connecting]::after,
177
+ [data-avatar-video][data-avatar-status=waiting]::after {
176
178
  animation: none;
177
179
  }
178
180
  }
179
- [data-avatar-call][data-state=error]::after {
180
- content: "Connection failed";
181
- position: absolute;
182
- inset: 0;
183
- display: flex;
184
- align-items: center;
185
- justify-content: center;
186
- color: #fca5a5;
187
- font-size: 16px;
188
- font-weight: 500;
189
- z-index: 1;
190
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@runwayml/avatars-react",
3
- "version": "0.4.0",
3
+ "version": "0.5.0",
4
4
  "description": "React SDK for real-time AI avatar interactions with GWM-1",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",