50 Commits

Author SHA1 Message Date
juancarmore
459a37bee8 webcomponent: enhance message handling and security in WebComponent communication 2025-07-07 20:03:37 +02:00
juancarmore
66140468be webcomponent: add tslib dependency to package-lock.json 2025-07-02 19:04:07 +02:00
Carlos Santos
fbcb70dbc2
Add OpenVidu Meet Console implementation (#4)
* frontend: update icons for Rooms and Recordings in console navigation

* frontend: enhance overview component with user stats and improved layout

* frontend: implement theme service and design tokens for light/dark mode support

- Added ThemeService to manage theme preferences and system theme detection.
- Introduced design tokens for consistent styling across light and dark themes.
- Updated components to utilize the new navigation service for routing.
- Replaced SecurityPreferencesComponent with PreferencesComponent for settings.
- Enhanced UI with new styles and improved navigation structure.
- Added tests for ThemeService to ensure functionality.

* frontend: enhance overview component with title styling and icon integration

* frontend: remove unused Router import from overview component

* frontend: implement developers settings with API key and webhook configuration

* frontend: update styles and structure for console navigation and overview components

* frontend: simplify API key checks and integrate notification service for user feedback

* frontend: update openvidu-components-angular to version 3.3.0-dev2 and simplify Material Symbols stylesheet link

* frontend: adjust padding and gap for stat card and actions in overview component

* frontend: update import paths to use relative paths for better module resolution

* frontend: enhance sync-types.sh script with advanced options and detailed usage instructions

* typings: update TypeScript declaration files and improve sync-types.sh script for better clarity and functionality

* webcomponent: webcomponent typings are now moved to typings directory

* Revert "typings: update TypeScript declaration files and improve sync-types.sh script for better clarity and functionality"

This reverts commit 7da952bc44be20c3f74ffb82bf941b96b78ad019.

* typings: improve sync-types.sh script for clarity and consistency

* test: update error message for empty downloaded file check

* frontend: update outbound event message types in video room and web component manager services

* frontend: enhance styling for console component and adjust nav item border radius

* style: update comments in disabled class for clarity and consistency; refactor import paths in room-form component

* typings: update import paths in message.type.ts to include file extensions

* frontend: enhance rooms management interface with improved loading states, search functionality, and table features

* frontend: enhance loading state with improved UI and animations for room loading process

* frontend: enhance rooms table with auto-deletion feature and improve status display

* frontend: update import paths for services and add containsRoute method to NavigationService

* frontend: remove unused components and associated files from shared-meet-components

* frontend: add logo selector component and enhance preferences settings with access controls

* frontend: add SessionStorageService import to extract query params guard

* frontend: add margin-bottom utility class to overview container

* frontend: update description for creating a room in the overview component

* frontend: Added recording list component

* frontend: update padding in mat-sidenav entry to use spacing variable

* frontend: update text for delete room button to use lowercase

* frontend: enhance console navigation with tooltips and active item styling

* frontend: refactor styles in console navigation for consistency and improved theming

* frontend: add border to card header for improved visual separation

* frontend: created room list reusable component

* frontend: adjust vertical alignment of table cells in recording lists

* frontend: enhance room status and auto-deletion indicators with tooltips and improved styling

* frontend: enhance HTTP service methods to include status codes in responses

* frontend: fix duration formatting to use integer seconds instead of fixed-point

* frontend: refactor icon styles in status badge for consistency

* Add modular SCSS structure for design tokens, mixins, animations, and utility classes

- Introduced _animations.scss for keyframes and animation utility classes.
- Refactored _design-tokens.scss to import modular design system files for better maintainability.
- Created _mixins-components.scss for component-specific mixins like cards and buttons.
- Added _mixins-layout.scss for layout-related mixins and responsive design utilities.
- Established _mixins-responsive.scss for breakpoint mixins to facilitate responsive design.
- Introduced _tokens-core.scss for core design tokens including colors, spacing, and typography.
- Created _tokens-themes.scss for theme-specific design tokens for light and dark modes.
- Added _utilities.scss for reusable utility classes to streamline common styling patterns.

* frontend: Refactor styles for settings preferences component and enhance utility classes

- Simplified SCSS for preferences.component.scss by utilizing utility classes for layout and styling.
- Introduced new utility classes for Material components, including slide toggle and navigation list.
- Enhanced form section styling with consistent spacing and layout adjustments.
- Added responsive design patterns for toolbar and table components.
- Improved loading and empty state styles for better user experience.

* frontend: standardize page layout and loading states across components

* frontend: enhance status badge and action button styles for consistency

* ci: update unit test workflow to include typings setup

* test: update import path for WebComponentCommand to typings directory

* frontend: refactor dialog component structure and enhance styles for improved accessibility and responsiveness

* frontend: rename batchDelete methods to bulkDelete for consistency

* frontend: implement confirmation dialog for room deletion with improved error handling

* frontend: extract feature-specific API logic from HttpService into dedicated services

* frontend: extract common recording actions into RecordingManagerService

* frontend: refactor navigation handling for improved consistency

* backend: add endpoint to download multiple recordings in a zip file and refactor bulkDeleteRecordings to delete only recordings from the same room if recording token is provided

* openapi: add download endpoint for recordings and update bulk delete logic to enforce room constraints

* frontend: enhance recording media URL generation and add bulk delete and download functionalities

* frontend: rename 'batchDownload' to 'bulkDownload' for consistency and implement missing methods in RecordingsComponent

* frontend: Implement Room Creation Wizard with Step Indicator and Navigation

- Added StepIndicatorComponent for visual step tracking in the wizard.
- Created WizardNavComponent for navigation controls (Next, Previous, Cancel, Finish).
- Developed RoomWizardComponent to manage the wizard's state and steps.
- Introduced WizardStateService to handle the wizard's data and navigation logic.
- Defined WizardStep and WizardNavigationConfig models for step management.
- Implemented basic structure for individual steps: Basic Info, Recording Settings, Recording Trigger, Recording Layout, and Preferences.
- Integrated components into the room creation flow, allowing users to navigate through steps.
- Added unit tests for all new components and services to ensure functionality.

* feat(wizard): enhance wizard functionality and UI

- Added validation form groups to WizardStep interface for better form handling.
- Updated WizardNavigationConfig to include customizable button labels and states.
- Implemented step navigation with event handling in room-wizard component.
- Refactored basic info step into a standalone component with reactive form support.
- Improved styling for the basic info step and action buttons.
- Enhanced wizard state management to handle dynamic step visibility based on user input.
- Added methods for loading existing data and saving form changes automatically.
- Updated tests to reflect changes in component structure and functionality.

* feat(recording-preferences): implement recording preferences step with form and options

* feat(room-wizard): add recording trigger step with selectable options and form handling

* feat(recording-preferences): refactor option selection to use SelectableCard component and update styles

* test: add tests for download recordings endpoint and update tests for bulk delete recordings

* openapi: improve descriptions for bulk delete operations and add new response for marked rooms

* frontend: update bulk actions and add sharing functionality in RecordingsComponent, and enhace RecordingListsComponent

* frontend: implement bulkDeleteRooms method and enhace RoomsComponent and RoomListsComponent

* typings: add MeetApiKey interface

* backend: update API key handling to use MeetApiKey type

* openapi: create API key schema and update response references

* backend: add webhook URL testing functionality and validation

* frontend: simplify HTTP request methods by removing response observation

* frontend: streamline OverviewComponent by removing unused observables and simplifying data loading

* frontend: add API key management methods to AuthService

* frontend: enhance GlobalPreferencesService by adding webhook preferences management

* frontend: refactor DevelopersSettingsComponent to improve API key handling and streamline webhook configuration

* openapi: add webhook URL testing endpoint with request and response schemas

* test: add tests for webhook URL validation

* frontend: enhance PreferencesComponent and add changePassword method in AuthService

* feat(recording-preferences): add recording access control options and enhance UI animations

* feat(recording-layout): implement recording layout selection step with form handling and visual options

* feat(room-preferences): implement room preferences step with form handling and toggle options

* feat(room-wizard): enhance form handling and default value saving across components

* feat(layouts): add new layout images for grid, single speaker, and speaker configurations

* feat(developers): adjust API key field button padding and update spacing in API key display

* feat(rooms-lists): enhance button formatting and add tooltips for room status and auto-deletion

* feat(room-wizard): update room creation logic and form field names for consistency

* feat(room-wizard): add skip button functionality and enhance navigation handling

* feat(basic-info): simplify form layout by removing action buttons and related styles

* fix(wizard-navigation): change currentStepId type from string to number for consistency

* feat(styles): enhance button padding and hover effect in batch actions for improved usability

* fix(wizard-navigation): adjust padding for improved layout consistency

* feat(basic-info): add clear button for deletion date and enhance time selection layout

* feat(rooms-list): enhance deletion date display with new styling and structure

* fix(basic-info): remove debugger statement from saveFormData method

* refactor(step-indicator): remove commented-out styles for cleaner code

* feat(step-indicator): enhance responsive layout handling and emit layout changes

* feat(overview): improve loading state handling and update stats management

* feat(step-indicator): enable navigation between steps and improve layout handling

* feat(room-wizard): refactor state management to use MeetRoomOptions and improve data handling across components

* feat(step-indicator): enhance layout handling and improve text overflow management for better responsiveness

* feat(step-indicator): update step properties to enhance navigation and state management

* feat(room-wizard): add 'Create Room' label to finish button in navigation config

* openapi: add force-deletion parameter to delete room endpoint

* frontend: split code in ContextService into domain specific services and rename it to AppDataSerivce

* frontend: enhace FeatureConfigurationService to use signal-based approach and remove unused preferences and permissions

* feat(basic-info): update deletion hint icon and improve warning color consistency

* feat(room-service): rename saveRoomPreferences to updateRoom and adjust API path for preference updates

* feat(room-wizard): implement edit mode for room configuration, allowing users to update existing room settings

* feat(pro-feature-badge): create ProFeatureBadge component and integrate into logo selector and selectable card

* fix(recording): adjust compression level for zip archive in downloadRecordingsZip

* fix(internal-config): remove FIXME comments related to LK bug for meeting timeouts

* frontend: reorganize imports and remove unused components

* refactor(console): rename 'Developers' to 'Embedded' in navigation and update related routes

* fix(console-nav): update toolbar title from 'OpenVidu Console' to 'OpenVidu Meet'

* feat(users-permissions): create UsersPermissions component and update routing

* feat(users-permissions): add pro feature badge to user authentication section

* fix(overview): update navigation and text from 'Developers' to 'Embedded'

* feat(overview): update authentication configuration card and navigation

* frontend: refactor RoomRecordingsComponent to use RecordingListsComponent

* refactor: update API paths to remove 'meet' prefix for consistency

* frontend: update navigation paths to remove 'console' prefix for consistency

* feat(video-room): add leave and end meeting functionality with toolbar buttons

* fix(overview): remove unnecessary comment on initial loading state

* feat(wizard): enable quick create functionality in wizard navigation

* feat(step-indicator): implement safe current step index handling for edit mode

* feat(wizard): update quick create visibility to show only on first step in edit mode

* feat(users-permissions): refactor admin password handling and validation

* webcomponent: update Playwright dependencies and refactor leaveRoom functionality

- Updated Playwright and Playwright Test versions in package.json to 1.53.2.
- Refactored leaveRoom function to accept a role parameter, allowing for different behavior based on user role (moderator or publisher).
- Updated E2E tests to utilize the new leaveRoom function, ensuring proper cleanup and behavior for both roles.
- Removed unnecessary afterEach cleanup in UI Feature Preferences tests.

* frontend: add IDs to leave and end meeting buttons for better accessibility

* testapp: update package-lock.json and refactor ConfigService constructor for improved environment variable handling

* frontend: update background colors for improved visual consistency

* chore: add tslib dependency and enhance target directory validation in sync-types.sh

* frontend: enhance accessibility by adding IDs to toolbar and form elements

---------

Co-authored-by: juancarmore <juancar_more2@hotmail.com>
2025-07-02 17:00:43 +02:00
juancarmore
8dddaf5c76 test: update error message to include recording-url attribute requirement 2025-06-17 15:44:59 +02:00
juancarmore
aa41ad779f webcomponent: update error message to include recording-url attribute requirement 2025-06-17 15:10:18 +02:00
juancarmore
c75437ea88 webcomponent: update iframe source to support recording URL 2025-06-14 13:57:37 +02:00
juancarmore
4053cfd572 test: update recordingId validation error codes and remove public access tests 2025-06-13 18:07:52 +02:00
Carlos Santos
fac7ed2636 test: enhance E2E tests with room and webhook functionality, add specific test scripts 2025-06-12 16:08:06 +02:00
Carlos Santos
8113b0c986 test: implement deleteAllRecordings and deleteAllRooms functions for cleanup in tests 2025-06-12 11:27:03 +02:00
Carlos Santos
209b4023fc test: add recording access tests and update helper functions for room preferences 2025-06-12 10:27:51 +02:00
Carlos Santos
060243bab3 test: change participant role from publisher to moderator in activities panel test 2025-06-11 18:32:26 +02:00
Carlos Santos
eed739d32d frontend: update enhance UI feature preferences tests with new helper functions and openvidu-components-angular to version 3.3.0-dev1 2025-06-11 18:01:27 +02:00
Carlos Santos
9508687984 webcomponent: add UI feature preferences tests and enhance helper functions 2025-06-11 15:23:44 +02:00
Carlos Santos
067583951f webcomponent: update room functionality tests to use dynamic participant names 2025-06-10 10:03:20 +02:00
Carlos Santos
64789951d3 testapp: add functionality to delete all rooms and add core tests 2025-06-06 12:32:10 +02:00
Carlos Santos
c3dfe6cb24 webcomponent: add pixelmatch and pngjs dependencies; update e2e test script 2025-06-06 11:10:58 +02:00
Carlos Santos
e08e30ee0b webcomponent: Updated unit tests 2025-05-22 14:15:39 +02:00
Carlos Santos
1bdd968f79 webcomponent: update CommandsManager to use targetIframeOrigin for improved security 2025-05-22 14:11:41 +02:00
Carlos Santos
af3697f94c webcomponent: update event handling methods to use WebComponentEvent type for better type safety 2025-05-20 11:37:36 +02:00
Carlos Santos
7a81873285 webcomponent: enhance console log removal configuration in terser for production 2025-05-20 11:37:10 +02:00
Carlos Santos
b25b80fc6e test: mark moderator join event test as only for focused execution
testapp: ensure roomId is defined before rendering stored webhook events

testapp: correct build script to include build:client step

ci: reduce log retention days from 7 to 2 for various artifacts

test: remove 'only' from moderator join event test for full execution

testapp: correct build script order in package.json for proper execution

frontend: update openvidu-components-angular to version 3.2.0-dev17 in package.json and package-lock.json

webcomponent: remove unnecessary comment from playwright configuration file
2025-05-14 17:39:46 +02:00
Carlos Santos
b52eab4bca test: refactor commandsManager usage in unit tests for clarity 2025-05-14 16:39:29 +02:00
Carlos Santos
16d9a0e205 test: enhance console error logging with type tags 2025-05-14 16:06:10 +02:00
Carlos Santos
df1d339fcf test: remove screenshot logging from afterEach hook for cleaner test output 2025-05-14 15:43:47 +02:00
Carlos Santos
eb572bf3ef test: add launchOptions to Playwright configuration for improved media stream handling 2025-05-14 14:25:44 +02:00
Carlos Santos
2fa5a53d24 webcomponent: enhance CommandsManager and OpenViduMeet for improved event handling and initialization 2025-05-14 14:06:33 +02:00
Carlos Santos
e57f3484c8 test: improve error handling subscription in E2E tests 2025-05-14 13:58:16 +02:00
Carlos Santos
26d7d40cbd test: refactor E2E tests to use existing browser context and improve structure 2025-05-14 13:24:30 +02:00
Carlos Santos
d2d3453f35 test: improve failure logging in E2E tests 2025-05-14 12:10:38 +02:00
Carlos Santos
8136547e6e webcomponent: simplify bundle copy logic in rollup configuration 2025-05-14 12:02:42 +02:00
Carlos Santos
a4404c8c59 test: log console errors during E2E tests for better debugging 2025-05-14 11:45:29 +02:00
Carlos Santos
cff4e10364 test: change screenshot format from JPEG to PNG in E2E tests 2025-05-14 11:23:14 +02:00
Carlos Santos
f273b126e9 test: change screenshot format to JPEG with reduced quality 2025-05-14 11:13:44 +02:00
Carlos Santos
8f3da4b859 test: add screenshot capture on test failure in E2E tests 2025-05-14 11:12:28 +02:00
Carlos Santos
7c5f1b8b23 test: update E2E tests to use default headless config and improve webhook handling 2025-05-14 10:16:31 +02:00
Carlos Santos
cba1a0938c test: update Playwright configuration to utilize RUN_MODE for headless setting in E2E tests 2025-05-13 13:55:24 +02:00
Carlos Santos
63c45ca564 webcomponent: update Playwright configuration and enhance E2E tests with new helper functions 2025-05-13 13:12:51 +02:00
Carlos Santos
77752caf0b test: update sendMessage test to trigger on READY event and clean up assertions 2025-05-12 13:03:42 +02:00
Carlos Santos
8a6066a87c webcomponent: send initialization message to iframe on READY event and update command documentation 2025-05-12 12:13:50 +02:00
Carlos Santos
cde60eca82 webcomponent: change enums from const to regular export for WebComponentCommand and WebComponentEvent 2025-05-09 13:00:11 +02:00
Carlos Santos
7d0059feac webcomponent: update build script and adjust Rollup config to conditionally include comments 2025-05-08 17:26:06 +02:00
Carlos Santos
f893aaab19 webcomponent: add event handling methods and extend event payloads in OpenViduMeet component 2025-05-08 17:25:49 +02:00
Carlos Santos
468278d9d1 ci: add backend and webcomponent integration test workflows 2025-05-08 16:12:45 +02:00
Carlos Santos
c60d0ad235 test: refactor and expand unit tests for OpenViduMeet component, add style mock 2025-05-08 16:05:31 +02:00
Carlos Santos
3a9f3c507d webcomponent: integrate PostCSS with Rollup and add error handling in OpenViduMeet component
- Added rollup-plugin-postcss to handle CSS imports in the project.
- Updated rollup.config.js to include PostCSS plugin for CSS injection and minification.
- Created a new styles.css file for component styling.
- Enhanced OpenViduMeet component to manage iframe loading states and display error messages.
- Implemented cleanup method in EventsManager to remove event listeners.
- Added TypeScript declaration for CSS module imports.
2025-05-08 16:05:07 +02:00
Carlos Santos
704bb4d9d5 frontend: Change enums to const enums for WebComponent commands and events 2025-05-08 12:04:56 +02:00
Carlos Santos
326ee174c6 frontend: Improve webcomponent event and command types 2025-05-07 16:51:13 +02:00
Carlos Santos
2645455b50 Add testing application for OpenVidu Meet with room management and webhook handling 2025-03-12 11:29:16 +01:00
Carlos Santos
10a62e7de3 frontend: Rename package to openvidu-meet-webcomponent and update build script 2025-03-11 16:11:40 +01:00
Carlos Santos
017b430bf1 Added source code 2025-03-10 19:25:11 +01:00