@naviedu/room-platform-react 0.0.11 → 0.0.12

package/README.md

@@ -27,14 +27,12 @@ runtime dependencies are installed automatically with the package.
 
 ## Basic usage
 
-Import the package stylesheet once, then render `RoomPlatformRoom` with the
-launch ticket returned by your backend:
+Render `RoomPlatformRoom` with the launch ticket returned by your backend:
 
 ```tsx
 'use client'
 
 import { type RoomLaunchTicketRenewalReason, RoomPlatformRoom } from '@naviedu/room-platform-react'
-import '@naviedu/room-platform-react/styles.css'
 
 type RoomTicketResponse = { launchToken: string }
 
@@ -61,6 +59,10 @@ export function Room({ launchToken }: { launchToken: string }) {
 }
 ```
 
+`RoomPlatformRoom` renders its default room UI in an isolated Shadow Root and installs the package stylesheet itself. Do not import `@naviedu/room-platform-react/styles.css` for the default component.
+
+`RoomPlatformProvider` is advanced composition only; a consumer using it instead of `RoomPlatformRoom` owns its own DOM and stylesheet boundary.
+
 `apiBaseUrl` is the URL prefix before `/rooms`. The package calls these routes
 relative to it:
 
@@ -158,6 +160,9 @@ whiteboard surface. Omit either integration when the host does not use it.
 Extensions keep host-specific UI outside the shared room implementation. Every
 extension receives `RoomPlatformExtensionProps`:
 
+Host extensions with independent framework CSS must own their own DOM and
+stylesheet boundary.
+
 ```tsx
 import type { RoomPlatformExtensionProps } from '@naviedu/room-platform-react'
 

package/index.d.ts

@@ -616,7 +616,7 @@ export declare type RoomPlatformProviderProps = PropsWithChildren<{
     }>;
 }>;
 
-export declare function RoomPlatformRoom({ children, extensions, integrations, isPracticeMode, onExit, sizing, ...providerProps }: RoomPlatformRoomProps): JSX.Element;
+export declare function RoomPlatformRoom(props: RoomPlatformRoomProps): JSX.Element;
 
 export declare type RoomPlatformRoomProps = {
     apiBaseUrl: string;