- Add Next.js app structure with base configs, linting, and formatting
- Implement LiveKit Meet page, types, and utility functions
- Add Docker, Compose, and deployment scripts for backend and token server
- Provide E2E and smoke test scaffolding with Puppeteer and Playwright helpers
- Include CSS modules and global styles for UI
- Add postMessage and studio integration utilities
- Update package.json with dependencies and scripts for development and testing
refactor: remove unnecessary React import in AuthButton component due to new JSX transform
refactor: simplify imports in LanguageSelector component
fix: remove unused AuthResponse type import in useAuth hook
fix: access Vite environment variables in a type-safe manner in api utility
- Deleted Broadcast, AudioConference, Chat, ControlBar, PreJoin, VideoConference components.
- Removed demo configuration file and related context.
- Cleaned up index files and hooks related to destinations and scenes.
- Introduced new Header and DestinationModal components for better UI management.
- Updated global styles and layout structure for improved responsiveness.
feat: Create BroadcastStudio component as the main UI container for broadcasting
feat: Develop ControlPanel component for managing broadcast controls and layouts
feat: Add LiveKitBroadcastWrapper to encapsulate LiveKitRoom and manage broadcasting
feat: Implement StreamView component for rendering video output with overlays and layouts
feat: Create SceneContext for managing scene configurations and layouts
chore: Update index exports for broadcast components
- Added props for handling presentation and screen sharing actions.
- Implemented buttons for opening presentation panel and changing layouts (grid/focus) and modes (video/audio).
- Updated UI to reflect active presentations and added functionality to clear presentations.
fix: Adjust StudioLeftSidebar and StudioRightPanel for full height
- Modified styles to ensure both sidebars occupy full height of the container.
feat: Introduce ParticipantsPanel for managing participants in the conference
- Created ParticipantsPanel component to display connected and invited participants.
- Integrated API calls to fetch invited participants and handle connection status.
feat: Implement PresentationPanel for sharing presentations
- Developed PresentationPanel component to handle file uploads and screen sharing.
refactor: Update StudioVideoArea to support layout and mode changes
- Refactored StudioVideoArea to accept layout and mode props, rendering appropriate conference views.
feat: Add AudioConference and VideoConference prefabs for audio and video handling
- Created AudioConference and VideoConference components to manage respective media streams.
feat: Introduce Chat component for real-time messaging
- Developed Chat component to facilitate messaging between participants.
feat: Implement ControlBar for user controls in the conference
- Created ControlBar component for managing participant actions like leaving the conference and toggling audio/video.
feat: Add PreJoin component for pre-conference setup
- Developed PreJoin component to allow users to preview video before joining the conference.
chore: Update Vite configuration for better module resolution
- Enhanced Vite config to include path aliases for easier imports across the project.
chore: Add TypeScript definitions for environment variables
- Created env.d.ts to define types for environment variables used in the project.
- Changed development port for studio-panel from 3001 to 3020 in package.json and vite.config.ts.
- Refactored Studio component in studio-panel to improve token handling and error diagnostics.
- Added utility functions for token validation and JWT decoding in Studio component.
- Enhanced error handling and user feedback in Studio component when token is invalid.
- Implemented sessionStorage management for token and server URL in Studio component.
- Created Docker setup for broadcast-panel including Dockerfile, Dockerfile.dev, and docker-compose.yml.
- Added Nginx configuration for serving the broadcast-panel as a Single Page Application.
- Introduced Banner component in broadcast-panel for displaying messages and actions.
- Added start-docker.sh script for easy Docker management of broadcast-panel.
- Implemented Playwright E2E tests for token handling and UI interactions between broadcast-panel and studio-panel.
- Included SSL certificates for local development in studio-panel.
- Added StudioLeftSidebar component for scene management with add, delete, and duplicate functionalities.
- Introduced StudioRightPanel component with tabs for brand settings, multimedia, sounds, video, QR code generation, countdown, and general settings.
- Created StudioSidebar component for participant management, chat, and notes.
- Developed StudioVideoArea component to handle video display for demo and live modes.
- Configured demo data for scenes, participants, overlays, backgrounds, and sounds in demo.ts.
- Set up a token server for LiveKit integration to manage participant access.
- Updated Vite environment definitions for LiveKit configuration.
- Introduced @font-face for Requiner font with multiple source paths.
- Created .logo-text class to apply Requiner font with normal weight and letter-spacing.
- Added .logo-text-bold class for bold text styling, including text-stroke for enhanced visibility.
- Introduced a new Logo component in TypeScript that supports different sizes and optional text display.
- Added hover effects for the logo image.
- Included a new SVG logo asset for AvanzaCast.
- Introduced ModalDestinationButton for destination selection with customizable icons and labels.
- Added ModalInput for text input with optional character counter.
- Implemented ModalLink for reusable links styled as underlined text.
- Created ModalPlatformCard for platform selection with badges.
- Developed ModalRadioGroup for radio button groups with custom styling.
- Added ModalSection for grouping modal content with optional labels.
- Implemented ModalSelect for dropdown selections with custom styling.
- Created ModalShareButtons for sharing options via Gmail, Email, and Messenger.
- Developed ModalTextarea for multi-line text input with character counter.
- Introduced ModalToggle for toggle switches with optional help text and links.
- Updated README.md with component descriptions, usage examples, and design guidelines.
- Added index.ts for centralized exports of modal components.
- Added Dropdown component with trigger and items
- Created Dropdown.module.css for styling
- Implemented click outside to close functionality
feat: Create Header component with styles
- Added Header.module.css for header styling
- Included action buttons and user menu styles
feat: Develop NewTransmissionModal component with styles
- Created modal overlay and content styles in NewTransmissionModal.module.css
- Added responsive design for mobile view
feat: Build PageContainer and Sidebar components with styles
- Implemented PageContainer.module.css for layout
- Created Sidebar.module.css for sidebar navigation
feat: Add Skeleton loading components with styles
- Developed Skeleton and SkeletonCard components
- Created Skeleton.module.css for loading placeholders
feat: Implement ThemeProvider for theme management
- Added ThemeProvider component for light/dark mode
- Integrated local storage for theme persistence
feat: Create Tooltip component with styles
- Developed Tooltip component for displaying hints
- Added Tooltip.module.css for tooltip styling
feat: Build TransmissionsTable component with styles
- Created TransmissionsTable.module.css for table layout
- Implemented responsive design for table
chore: Add Vite environment type declarations
- Included vite-env.d.ts for CSS module support
