@naviedu/room-platform-react 0.0.2 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/index.d.ts +1042 -32
  2. package/index.esm.js +11476 -1232
  3. package/package.json +4 -7
  4. package/styles.css +584 -0
  5. package/assets/ATTRIBUTION.md +0 -46
  6. package/assets/presets/alpine-lake-mirror.jpg +0 -0
  7. package/assets/presets/alpine-lake.jpg +0 -0
  8. package/assets/presets/canyon-view-mirror.jpg +0 -0
  9. package/assets/presets/canyon-view.jpg +0 -0
  10. package/assets/presets/desert-dunes-mirror.jpg +0 -0
  11. package/assets/presets/desert-dunes.jpg +0 -0
  12. package/assets/presets/flower-meadow-mirror.jpg +0 -0
  13. package/assets/presets/flower-meadow.jpg +0 -0
  14. package/assets/presets/forest-road-mirror.jpg +0 -0
  15. package/assets/presets/forest-road.jpg +0 -0
  16. package/assets/presets/naviedu-mirror.jpg +0 -0
  17. package/assets/presets/naviedu.jpg +0 -0
  18. package/assets/presets/ocean-cliffs-mirror.jpg +0 -0
  19. package/assets/presets/ocean-cliffs.jpg +0 -0
  20. package/assets/presets/tropical-beach-mirror.jpg +0 -0
  21. package/assets/presets/tropical-beach.jpg +0 -0
  22. package/assets/presets/waterfall-mist-mirror.jpg +0 -0
  23. package/assets/presets/waterfall-mist.jpg +0 -0
  24. package/extensions/room-platform-extensions.d.ts +0 -8
  25. package/room-action-button.d.ts +0 -11
  26. package/room-participant-actions.d.ts +0 -9
  27. package/room-participant-list.d.ts +0 -7
  28. package/room-participant-tab.d.ts +0 -6
  29. package/room-platform-active-speaker.d.ts +0 -4
  30. package/room-platform-background-settings.d.ts +0 -15
  31. package/room-platform-camera-background-presets.d.ts +0 -8
  32. package/room-platform-camera-background-storage.d.ts +0 -38
  33. package/room-platform-control-anchor.d.ts +0 -10
  34. package/room-platform-control-bar.d.ts +0 -11
  35. package/room-platform-control-state.d.ts +0 -12
  36. package/room-platform-current-operation-strip.d.ts +0 -13
  37. package/room-platform-device-selection.d.ts +0 -7
  38. package/room-platform-device-settings.d.ts +0 -8
  39. package/room-platform-local-preview.d.ts +0 -6
  40. package/room-platform-media-controls.d.ts +0 -1
  41. package/room-platform-media-runtime.d.ts +0 -2
  42. package/room-platform-monitor-stage.d.ts +0 -7
  43. package/room-platform-monitor-video-tile.d.ts +0 -20
  44. package/room-platform-monitor-viewer.d.ts +0 -8
  45. package/room-platform-private-room-connection.d.ts +0 -11
  46. package/room-platform-private-room-context.d.ts +0 -8
  47. package/room-platform-private-room-control-bar.d.ts +0 -12
  48. package/room-platform-private-room-experience.d.ts +0 -14
  49. package/room-platform-private-room-overlay.d.ts +0 -7
  50. package/room-platform-private-room-stage.d.ts +0 -9
  51. package/room-platform-private-room-status-banner.d.ts +0 -8
  52. package/room-platform-provider.d.ts +0 -35
  53. package/room-platform-room.d.ts +0 -2
  54. package/room-platform-screen-share-whiteboard-frame.d.ts +0 -11
  55. package/room-platform-shell.d.ts +0 -17
  56. package/room-platform-speak-queue.d.ts +0 -16
  57. package/room-platform-stage-selection.d.ts +0 -14
  58. package/room-platform-stage.d.ts +0 -13
  59. package/room-platform-surface-boundary.d.ts +0 -13
  60. package/room-platform-top-bar.d.ts +0 -7
  61. package/room-platform-types.d.ts +0 -154
  62. package/room-platform-ui-primitives.d.ts +0 -60
  63. package/room-platform-video-tile.d.ts +0 -13
  64. package/room-platform-video-tracks.d.ts +0 -6
  65. package/use-room-platform-camera-background.d.ts +0 -34
  66. package/use-room-platform-private-room-control-actions.d.ts +0 -21
  67. package/use-room-platform-private-room.d.ts +0 -43
  68. package/use-room-platform-stage.d.ts +0 -2
  69. package/use-room-presence.d.ts +0 -2
@@ -1,60 +0,0 @@
1
- import { Dialog as DialogPrimitive, Select as SelectPrimitive, Tabs as TabsPrimitive, Tooltip as TooltipPrimitive } from 'radix-ui';
2
- import * as React from 'react';
3
- type ClassName = string | false | null | undefined;
4
- export declare const cn: (...classes: ClassName[]) => string;
5
- export type RoomPlatformSurfaceProps = React.PropsWithChildren<React.HTMLAttributes<HTMLElement>>;
6
- export declare function RoomPlatformSurface({ children, className, ...props }: RoomPlatformSurfaceProps): import("react/jsx-runtime").JSX.Element;
7
- export type RoomPlatformPanelProps = React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement>>;
8
- export declare function RoomPlatformPanel({ children, className, ...props }: RoomPlatformPanelProps): import("react/jsx-runtime").JSX.Element;
9
- export type RoomPlatformButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
10
- tone?: 'default' | 'quiet' | 'danger';
11
- };
12
- export declare function RoomPlatformButton({ className, tone, type, ...props }: RoomPlatformButtonProps): import("react/jsx-runtime").JSX.Element;
13
- type ButtonVariant = 'default' | 'outline' | 'secondary' | 'ghost' | 'destructive' | 'link';
14
- type ButtonSize = 'default' | 'xs' | 'sm' | 'lg' | 'xl' | 'icon' | 'icon-xs' | 'icon-sm' | 'icon-lg' | 'icon-xl';
15
- export declare function Button({ className, variant, size, asChild, type, ...props }: React.ComponentProps<'button'> & {
16
- asChild?: boolean;
17
- size?: ButtonSize;
18
- variant?: ButtonVariant;
19
- }): import("react/jsx-runtime").JSX.Element;
20
- export declare function Dialog(props: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
21
- export declare function DialogTrigger(props: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
22
- export declare function DialogPortal(props: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
23
- export declare function DialogClose(props: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
24
- export declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
25
- export declare function DialogContent({ className, children, showCloseButton, maximizable, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
26
- maximizable?: boolean;
27
- showCloseButton?: boolean;
28
- }): import("react/jsx-runtime").JSX.Element;
29
- export declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
30
- export declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<'div'> & {
31
- showCloseButton?: boolean;
32
- }): import("react/jsx-runtime").JSX.Element;
33
- export declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
34
- export declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
35
- export declare function Tabs({ className, orientation, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
36
- type TabsListVariant = 'default' | 'line';
37
- export declare const tabsListVariants: (variant?: TabsListVariant) => string;
38
- export declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof TabsPrimitive.List> & {
39
- variant?: TabsListVariant;
40
- }): import("react/jsx-runtime").JSX.Element;
41
- export declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
42
- export declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
43
- export declare function Select(props: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
44
- export declare function SelectGroup({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
45
- export declare function SelectValue(props: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
46
- export declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
47
- size?: 'default' | 'sm';
48
- }): import("react/jsx-runtime").JSX.Element;
49
- export declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
50
- export declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
51
- export declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
52
- export declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
53
- export declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
54
- export declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
55
- export declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
56
- export declare function Tooltip(props: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
57
- export declare function TooltipTrigger(props: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
58
- export declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
59
- export declare function Spinner({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
60
- export {};
@@ -1,13 +0,0 @@
1
- import { type TrackReference } from '@livekit/components-react';
2
- import type { ReactNode } from 'react';
3
- export type RoomPlatformVideoTileKind = 'active-speaker' | 'overlay' | 'preview' | 'stage';
4
- export type RoomPlatformVideoTileProps = {
5
- kind: RoomPlatformVideoTileKind;
6
- label?: string;
7
- trackRef?: TrackReference;
8
- className?: string;
9
- media?: ReactNode;
10
- mediaClassName?: string;
11
- labelPosition?: 'bottom-left' | 'top-left';
12
- };
13
- export declare function RoomPlatformVideoTile({ kind, label, trackRef, className, media, mediaClassName, labelPosition, }: RoomPlatformVideoTileProps): import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import type { RoomPlatformConnectionStatus } from './room-platform-types';
2
- type RoomPlatformVideoTracksProps = {
3
- status?: RoomPlatformConnectionStatus;
4
- };
5
- export declare function RoomPlatformVideoTracks({ status }: RoomPlatformVideoTracksProps): import("react/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,34 +0,0 @@
1
- import type { LocalVideoTrack } from 'livekit-client';
2
- export type RoomPlatformCameraBackgroundUploadPreview = {
3
- id: string;
4
- name: string;
5
- createdAt: string;
6
- previewUrl: string;
7
- };
8
- export type RoomPlatformCameraBackgroundState = {
9
- mode: 'none' | 'blur' | 'preset' | 'upload';
10
- blurLevel: 'light' | 'strong';
11
- presetId?: string;
12
- uploadAssetId?: string;
13
- isSupported: boolean;
14
- isApplying: boolean;
15
- error: string | null;
16
- };
17
- export type UseRoomPlatformCameraBackgroundInput = {
18
- localVideoTrack: LocalVideoTrack | null;
19
- };
20
- export declare function useRoomPlatformCameraBackground({ localVideoTrack }: UseRoomPlatformCameraBackgroundInput): {
21
- state: RoomPlatformCameraBackgroundState;
22
- uploadItems: RoomPlatformCameraBackgroundUploadPreview[];
23
- uploadPreviewUrl: string;
24
- setBackgroundOff: () => Promise<void>;
25
- setBlurLevel: (blurLevel: "light" | "strong") => Promise<void>;
26
- setBlur: () => Promise<void>;
27
- setPreset: (presetId: string) => Promise<void>;
28
- selectUploaded: (uploadAssetId: string) => Promise<void>;
29
- setUploaded: () => Promise<void>;
30
- setUpload: (file: File) => Promise<void>;
31
- removeUploaded: (uploadAssetId: string) => Promise<void>;
32
- clearError: () => void;
33
- };
34
- export type RoomPlatformCameraBackgroundRuntime = ReturnType<typeof useRoomPlatformCameraBackground>;
@@ -1,21 +0,0 @@
1
- export type UseRoomPlatformPrivateRoomControlActionsInput = {
2
- canShareScreen: boolean;
3
- isScreenSharing: boolean;
4
- onStartScreenShare: () => Promise<void>;
5
- onStopScreenShare: () => Promise<void>;
6
- onEnd: () => Promise<void> | void;
7
- onScreenSharingChange?: (isScreenSharing: boolean) => void;
8
- setLocalScreenShareEnabled?: (enabled: boolean) => Promise<void>;
9
- onEndingChange?: (isEnding: boolean) => void;
10
- onEnded?: () => void;
11
- };
12
- export type UseRoomPlatformPrivateRoomControlActionsResult = {
13
- isScreenSharing: boolean;
14
- isScreenSharePending: boolean;
15
- isEnding: boolean;
16
- canToggleScreenShare: boolean;
17
- startScreenShare: () => Promise<void>;
18
- stopScreenShare: () => Promise<void>;
19
- endPrivateRoom: () => Promise<void>;
20
- };
21
- export declare function useRoomPlatformPrivateRoomControlActions({ canShareScreen, isScreenSharing, onStartScreenShare, onStopScreenShare, onEnd, onScreenSharingChange, setLocalScreenShareEnabled, onEndingChange, onEnded, }: UseRoomPlatformPrivateRoomControlActionsInput): UseRoomPlatformPrivateRoomControlActionsResult;
@@ -1,43 +0,0 @@
1
- import { type RoomPrivateRoomConnection, type RoomPrivateRoomState } from '@navi/feature-room-platform';
2
- import type { RoomPlatformPrivateRoomStatusBannerProps, RoomPlatformPrivateRoomStatusBannerTone } from './room-platform-private-room-status-banner';
3
- export type RoomPlatformPrivateRoomBannerState = Omit<RoomPlatformPrivateRoomStatusBannerProps, 'message'> & {
4
- message: string;
5
- tone?: RoomPlatformPrivateRoomStatusBannerTone;
6
- };
7
- export declare function getRoomPlatformPrivateRoomStatusBanner({ privateRoom, isCaller, canMountPrivateRoom, isAcceptingPrivateRoom, isEndingPrivateRoom, privateRoomReturnedNoticeId, }: {
8
- privateRoom?: RoomPrivateRoomState;
9
- isCaller: boolean;
10
- canMountPrivateRoom: boolean;
11
- isAcceptingPrivateRoom: boolean;
12
- isEndingPrivateRoom: boolean;
13
- privateRoomReturnedNoticeId?: string;
14
- }): RoomPlatformPrivateRoomBannerState | undefined;
15
- export type RoomPlatformPrivateRoomRuntimeState = {
16
- actorExternalId?: string;
17
- canMountPrivateRoom: boolean;
18
- currentPrivateRoomOperation?: {
19
- status: 'ringing' | 'active';
20
- studentExternalActorId: string;
21
- };
22
- hasIncomingPrivateRoom: boolean;
23
- isAcceptingPrivateRoom: boolean;
24
- isCaller: boolean;
25
- privateRoom?: RoomPrivateRoomState;
26
- privateRoomConnection?: RoomPrivateRoomConnection;
27
- privateRoomReturnedNoticeId?: string;
28
- privateRoomStatusBanner?: RoomPlatformPrivateRoomBannerState;
29
- acceptPrivateRoom: () => Promise<void>;
30
- declinePrivateRoom: () => Promise<void>;
31
- cancelPrivateRoom: () => Promise<void>;
32
- endPrivateRoom: () => Promise<void>;
33
- startPrivateScreenShare: () => Promise<void>;
34
- stopPrivateScreenShare: () => Promise<void>;
35
- markPrivateRoomEnded: () => void;
36
- setIsAcceptingPrivateRoom: (value: boolean) => void;
37
- };
38
- export declare function useRoomPlatformPrivateRoom(): RoomPlatformPrivateRoomRuntimeState;
39
- export declare function useRoomPlatformPrivateRoomPendingState(): {
40
- acceptPending: boolean;
41
- declinePending: boolean;
42
- endPending: boolean;
43
- };
@@ -1,2 +0,0 @@
1
- import type { RoomPlatformPrimaryCameraSelector } from './room-platform-stage-selection';
2
- export declare function useRoomPlatformStage(primaryCameraSelector?: RoomPlatformPrimaryCameraSelector): import("./room-platform-stage-selection").RoomPlatformStageModel;
@@ -1,2 +0,0 @@
1
- import type { RoomParticipantPresence } from './room-platform-types';
2
- export declare function useRoomPresence(): RoomParticipantPresence[];