@naviedu/room-platform-react 0.0.8 → 0.0.9

package/index.d.ts

@@ -617,7 +617,7 @@ export declare type RoomPlatformProviderProps = PropsWithChildren<{
     }>;
 }>;
 
-export declare function RoomPlatformRoom({ children, extensions, integrations, isPracticeMode, onExit, primaryCameraSelector, showLocalPreview, ...providerProps }: RoomPlatformRoomProps): JSX.Element;
+export declare function RoomPlatformRoom({ children, extensions, integrations, isPracticeMode, onExit, primaryCameraSelector, showLocalPreview, sizing, ...providerProps }: RoomPlatformRoomProps): JSX.Element;
 
 export declare type RoomPlatformRoomProps = {
     apiBaseUrl: string;
@@ -625,6 +625,7 @@ export declare type RoomPlatformRoomProps = {
     integrations?: RoomPlatformIntegrations;
     launchToken: string;
     isPracticeMode?: boolean;
+    sizing?: RoomPlatformSizing;
     primaryCameraSelector?: (cameraTracks: readonly TrackReference[], activeSpeakerParticipantIdentity?: string) => TrackReference | null;
     showLocalPreview?: boolean;
     onError?: (event: RoomPlatformErrorEvent) => void;
@@ -640,7 +641,7 @@ export declare const RoomPlatformRuntimeErrorCode: {
     readonly LIVEKIT_TOKEN_EXPIRED: "LIVEKIT_TOKEN_EXPIRED";
 };
 
-export declare function RoomPlatformShell({ mainPanel, sidebar, topBar }: RoomPlatformShellProps): JSX.Element;
+export declare function RoomPlatformShell({ mainPanel, sidebar, sizing, topBar }: RoomPlatformShellProps): JSX.Element;
 
 export declare type RoomPlatformShellControls = {
     isTheaterMode: boolean;
@@ -654,11 +655,14 @@ export declare type RoomPlatformShellControls = {
 };
 
 export declare type RoomPlatformShellProps = {
+    sizing?: RoomPlatformSizing;
     topBar: ReactNode;
     mainPanel: ReactNode | ((controls: RoomPlatformShellControls) => ReactNode);
     sidebar: ReactNode;
 };
 
+export declare type RoomPlatformSizing = 'viewport' | 'container';
+
 export declare function RoomPlatformSpeakQueue({ activeSpeakerParticipantIdentity, activeSpeakerSlot, canApproveSpeak, canClearActiveSpeaker, canRejectSpeak, isClearingActiveSpeaker, isPracticeMode, onApproveSpeakRequest, onClearActiveSpeaker, onRejectSpeakRequest, participants, raisedHandParticipantIdentities, }: {
     activeSpeakerParticipantIdentity?: string;
     activeSpeakerSlot?: ReactNode;

package/index.esm.js

@@ -26368,7 +26368,7 @@ function _unsupported_iterable_to_array$3(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$3(o, minLen);
 }
 function RoomPlatformShell(param) {
-    var mainPanel = param.mainPanel, sidebar = param.sidebar, topBar = param.topBar;
+    var mainPanel = param.mainPanel, sidebar = param.sidebar, _param_sizing = param.sizing, sizing = _param_sizing === void 0 ? 'viewport' : _param_sizing, topBar = param.topBar;
     var _useState = _sliced_to_array$3(useState(true), 2), isSidebarOpen = _useState[0], setIsSidebarOpen = _useState[1];
     var _useState1 = _sliced_to_array$3(useState(false), 2), isTheaterMode = _useState1[0], setIsTheaterMode = _useState1[1];
     var _useState2 = _sliced_to_array$3(useState(false), 2), isFullscreen = _useState2[0], setIsFullscreen = _useState2[1];
@@ -26410,6 +26410,7 @@ function RoomPlatformShell(param) {
         }
     };
     var resolvedMainPanel = typeof mainPanel === 'function' ? mainPanel(controls) : mainPanel;
+    var sizingClassName = sizing === 'container' ? 'h-full min-h-0 w-full' : 'h-dvh min-h-dvh w-dvw';
     useEffect(function() {
         var syncResponsiveState = function() {
             var isMobileViewport = typeof window.matchMedia === 'function' && window.matchMedia('(max-width: 767px)').matches;
@@ -26444,7 +26445,8 @@ function RoomPlatformShell(param) {
         "data-testid": "room-platform-shell",
         "data-theater-mode": effectiveTheaterMode,
         "data-mobile-fullscreen": isMobileFullscreen,
-        className: "flex h-dvh min-h-dvh w-dvw min-w-0 flex-col overflow-hidden bg-slate-950 text-white",
+        "data-sizing": sizing,
+        className: "flex ".concat(sizingClassName, " min-w-0 flex-col overflow-hidden bg-slate-950 text-white"),
         children: [
             /*#__PURE__*/ jsx("div", {
                 className: isMobileFullscreen ? 'hidden md:block' : undefined,
@@ -27445,7 +27447,7 @@ function RoomPlatformWhiteboardShareLifecycle(param) {
     return null;
 }
 var RoomPlatformWorkspaceContent = function(param) {
-    var cameraBackground = param.cameraBackground, integrations = param.integrations, extensions = param.extensions, isPracticeMode = param.isPracticeMode, onExit = param.onExit; param.primaryCameraSelector; var showLocalPreview = param.showLocalPreview, stageModel = param.stageModel;
+    var cameraBackground = param.cameraBackground, integrations = param.integrations, extensions = param.extensions, isPracticeMode = param.isPracticeMode, onExit = param.onExit; param.primaryCameraSelector; var showLocalPreview = param.showLocalPreview, sizing = param.sizing, stageModel = param.stageModel;
     var _ref, _ref1;
     var _resolvedStageModel_primary, _extensions_sidebarTabs;
     var _useRoomPlatform = useRoomPlatform(), access = _useRoomPlatform.access, controlState = _useRoomPlatform.controlState, error = _useRoomPlatform.error, hasCapability = _useRoomPlatform.hasCapability, isActionPending = _useRoomPlatform.isActionPending, localPreviewTrack = _useRoomPlatform.localPreviewTrack, performAction = _useRoomPlatform.performAction, status = _useRoomPlatform.status;
@@ -27705,6 +27707,7 @@ var RoomPlatformWorkspaceContent = function(param) {
         children: [
             /*#__PURE__*/ jsx("section", {
                 className: "room-platform-room room-platform-surface",
+                "data-sizing": sizing,
                 children: /*#__PURE__*/ jsx(RoomPlatformShell, {
                     mainPanel: function(controls) {
                         if (stageView === 'monitor' && canUseMonitor && monitor) {
@@ -27789,6 +27792,7 @@ var RoomPlatformWorkspaceContent = function(param) {
                         });
                     },
                     sidebar: sidebar,
+                    sizing: sizing,
                     topBar: /*#__PURE__*/ jsx(RoomPlatformTopBar, {
                         monitorSelector: monitorSelector,
                         topBarLeading: topBarLeading,
@@ -27996,14 +28000,15 @@ function RoomPlatformPrivateRoomRuntime(param) {
     });
 }
 function RoomPlatformRoom(_0) {
-    var children = _0.children, extensions = _0.extensions, integrations = _0.integrations, isPracticeMode = _0.isPracticeMode, onExit = _0.onExit, primaryCameraSelector = _0.primaryCameraSelector, _0_showLocalPreview = _0.showLocalPreview, showLocalPreview = _0_showLocalPreview === void 0 ? true : _0_showLocalPreview, providerProps = _object_without_properties(_0, [
+    var children = _0.children, extensions = _0.extensions, integrations = _0.integrations, isPracticeMode = _0.isPracticeMode, onExit = _0.onExit, primaryCameraSelector = _0.primaryCameraSelector, _0_showLocalPreview = _0.showLocalPreview, showLocalPreview = _0_showLocalPreview === void 0 ? true : _0_showLocalPreview, _0_sizing = _0.sizing, sizing = _0_sizing === void 0 ? 'viewport' : _0_sizing, providerProps = _object_without_properties(_0, [
         "children",
         "extensions",
         "integrations",
         "isPracticeMode",
         "onExit",
         "primaryCameraSelector",
-        "showLocalPreview"
+        "showLocalPreview",
+        "sizing"
     ]);
     return /*#__PURE__*/ jsx(RoomPlatformProvider, _object_spread_props(_object_spread({}, providerProps), {
         children: /*#__PURE__*/ jsx(RoomPlatformMediaRuntime, {
@@ -28015,7 +28020,8 @@ function RoomPlatformRoom(_0) {
                     isPracticeMode: isPracticeMode,
                     onExit: onExit,
                     primaryCameraSelector: primaryCameraSelector,
-                    showLocalPreview: showLocalPreview
+                    showLocalPreview: showLocalPreview,
+                    sizing: sizing
                 })
             })
         })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@naviedu/room-platform-react",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "type": "module",
   "main": "./index.esm.js",
   "module": "./index.esm.js",

package/styles.css

@@ -3711,6 +3711,12 @@
     width: 100%;
 }
 
+.room-platform-room[data-sizing='container'] {
+    height: 100%;
+    min-height: 0;
+    width: 100%;
+}
+
 .room-platform-surface {
     box-sizing: border-box;
 }