mirror of
https://github.com/suitenumerique/meet.git
synced 2026-08-08 01:43:17 +00:00
lebaudantoine
0536896373
Introduce a room configuration popup opened from the SDK's CreateMeetingButton, laid out like the Google Meet "call options" dialog: logo header, grey section bands, and a footer bar with the close action. Like CreatePopup, it runs in a dedicated popup window so it can access session cookies, which would be blocked in an iframe. If the user is not authenticated, they are redirected to login and come back to this popup afterwards. Permissions are enforced server-side. The room is fetched with the user's session, and settings are only shown when the room is administrable by this user. Since #1482 removed the is_administrable flag from the room serializer (roles now live in the LiveKit participant attributes, only available in-meeting), administrability is detected here through the presence of the `accesses` field, which the backend only serializes for administrators and owners. The PATCH endpoint enforces the same permissions server-side regardless. The settings mirror the in-room Admin panel. Unlike the Admin panel, there is no LiveKit connection here, so changes are only persisted in the room configuration (and applied when a session starts): participants of an ongoing session are not live-synced or notified.
React + TypeScript + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
Expanding the ESLint configuration
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
- Configure the top-level
parserOptionsproperty like this:
export default {
// other rules...
parserOptions: {
ecmaVersion: 'latest',
sourceType: 'module',
project: ['./tsconfig.json', './tsconfig.node.json'],
tsconfigRootDir: __dirname,
},
}
- Replace
plugin:@typescript-eslint/recommendedtoplugin:@typescript-eslint/recommended-type-checkedorplugin:@typescript-eslint/strict-type-checked - Optionally add
plugin:@typescript-eslint/stylistic-type-checked - Install eslint-plugin-react and add
plugin:react/recommended&plugin:react/jsx-runtimeto theextendslist