* 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>
331 lines
10 KiB
TypeScript
331 lines
10 KiB
TypeScript
import archiver from 'archiver';
|
|
import { Request, Response } from 'express';
|
|
import { Readable } from 'stream';
|
|
import { container } from '../config/index.js';
|
|
import INTERNAL_CONFIG from '../config/internal-config.js';
|
|
import { RecordingHelper } from '../helpers/index.js';
|
|
import {
|
|
errorRecordingNotFound,
|
|
errorRecordingsNotFromSameRoom,
|
|
handleError,
|
|
internalError,
|
|
rejectRequestFromMeetError
|
|
} from '../models/error.model.js';
|
|
import { LoggerService, MeetStorageService, RecordingService } from '../services/index.js';
|
|
|
|
export const startRecording = async (req: Request, res: Response) => {
|
|
const logger = container.get(LoggerService);
|
|
const recordingService = container.get(RecordingService);
|
|
const { roomId } = req.body;
|
|
logger.info(`Starting recording in room '${roomId}'`);
|
|
|
|
try {
|
|
const recordingInfo = await recordingService.startRecording(roomId);
|
|
res.setHeader(
|
|
'Location',
|
|
`${req.protocol}://${req.get('host')}${INTERNAL_CONFIG.API_BASE_PATH_V1}/recordings/${recordingInfo.recordingId}`
|
|
);
|
|
|
|
return res.status(201).json(recordingInfo);
|
|
} catch (error) {
|
|
handleError(res, error, `starting recording in room '${roomId}'`);
|
|
}
|
|
};
|
|
|
|
export const getRecordings = async (req: Request, res: Response) => {
|
|
const logger = container.get(LoggerService);
|
|
const recordingService = container.get(RecordingService);
|
|
const queryParams = req.query;
|
|
|
|
// If recording token is present, retrieve only recordings for the room associated with the token
|
|
const payload = req.session?.tokenClaims;
|
|
|
|
if (payload && payload.video) {
|
|
const roomId = payload.video.room;
|
|
queryParams.roomId = roomId;
|
|
logger.info(`Getting recordings for room '${roomId}'`);
|
|
} else {
|
|
logger.info('Getting all recordings');
|
|
}
|
|
|
|
try {
|
|
const { recordings, isTruncated, nextPageToken } = await recordingService.getAllRecordings(queryParams);
|
|
const maxItems = Number(queryParams.maxItems);
|
|
|
|
return res.status(200).json({
|
|
recordings,
|
|
pagination: {
|
|
isTruncated,
|
|
nextPageToken,
|
|
maxItems
|
|
}
|
|
});
|
|
} catch (error) {
|
|
handleError(res, error, 'getting recordings');
|
|
}
|
|
};
|
|
|
|
export const bulkDeleteRecordings = async (req: Request, res: Response) => {
|
|
const logger = container.get(LoggerService);
|
|
const recordingService = container.get(RecordingService);
|
|
const { recordingIds } = req.query;
|
|
|
|
// If recording token is present, delete only recordings for the room associated with the token
|
|
const payload = req.session?.tokenClaims;
|
|
let roomId: string | undefined;
|
|
|
|
if (payload && payload.video) {
|
|
roomId = payload.video.room;
|
|
}
|
|
|
|
logger.info(`Deleting recordings: ${recordingIds}`);
|
|
|
|
try {
|
|
const recordingIdsArray = (recordingIds as string).split(',');
|
|
const { deleted, notDeleted } = await recordingService.bulkDeleteRecordingsAndAssociatedFiles(
|
|
recordingIdsArray,
|
|
roomId
|
|
);
|
|
|
|
// All recordings were successfully deleted
|
|
if (deleted.length > 0 && notDeleted.length === 0) {
|
|
return res.sendStatus(204);
|
|
}
|
|
|
|
// Some or all recordings could not be deleted
|
|
return res.status(200).json({ deleted, notDeleted });
|
|
} catch (error) {
|
|
handleError(res, error, 'deleting recordings');
|
|
}
|
|
};
|
|
|
|
export const getRecording = async (req: Request, res: Response) => {
|
|
const logger = container.get(LoggerService);
|
|
const recordingService = container.get(RecordingService);
|
|
const recordingId = req.params.recordingId;
|
|
const fields = req.query.fields as string | undefined;
|
|
|
|
logger.info(`Getting recording '${recordingId}'`);
|
|
|
|
try {
|
|
const recordingInfo = await recordingService.getRecording(recordingId, fields);
|
|
return res.status(200).json(recordingInfo);
|
|
} catch (error) {
|
|
handleError(res, error, `getting recording '${recordingId}'`);
|
|
}
|
|
};
|
|
|
|
export const stopRecording = async (req: Request, res: Response) => {
|
|
const logger = container.get(LoggerService);
|
|
const recordingId = req.params.recordingId;
|
|
|
|
try {
|
|
logger.info(`Stopping recording '${recordingId}'`);
|
|
const recordingService = container.get(RecordingService);
|
|
|
|
const recordingInfo = await recordingService.stopRecording(recordingId);
|
|
res.setHeader(
|
|
'Location',
|
|
`${req.protocol}://${req.get('host')}${INTERNAL_CONFIG.API_BASE_PATH_V1}/recordings/${recordingId}`
|
|
);
|
|
return res.status(202).json(recordingInfo);
|
|
} catch (error) {
|
|
handleError(res, error, `stopping recording '${recordingId}'`);
|
|
}
|
|
};
|
|
|
|
export const deleteRecording = async (req: Request, res: Response) => {
|
|
const logger = container.get(LoggerService);
|
|
const recordingService = container.get(RecordingService);
|
|
const recordingId = req.params.recordingId;
|
|
logger.info(`Deleting recording '${recordingId}'`);
|
|
|
|
try {
|
|
// TODO: Check role to determine if the request is from an admin or a participant
|
|
await recordingService.deleteRecording(recordingId);
|
|
return res.status(204).send();
|
|
} catch (error) {
|
|
handleError(res, error, `deleting recording '${recordingId}'`);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Get recording media
|
|
*
|
|
* This controller endpoint retrieves a recording by its ID and streams it as a video/mp4 file.
|
|
* It supports HTTP range requests, allowing for features like video seeking and partial downloads.
|
|
*
|
|
*/
|
|
export const getRecordingMedia = async (req: Request, res: Response) => {
|
|
const logger = container.get(LoggerService);
|
|
|
|
const recordingId = req.params.recordingId;
|
|
const range = req.headers.range;
|
|
let fileStream: Readable | undefined;
|
|
|
|
try {
|
|
logger.info(`Streaming recording '${recordingId}'`);
|
|
const recordingService = container.get(RecordingService);
|
|
|
|
const result = await recordingService.getRecordingAsStream(recordingId, range);
|
|
const { fileSize, start, end } = result;
|
|
fileStream = result.fileStream;
|
|
|
|
fileStream.on('error', (streamError) => {
|
|
logger.error(`Error streaming recording '${recordingId}': ${streamError.message}`);
|
|
|
|
if (!res.headersSent) {
|
|
const error = internalError(`streaming recording '${recordingId}'`);
|
|
rejectRequestFromMeetError(res, error);
|
|
}
|
|
|
|
res.end();
|
|
});
|
|
|
|
// Handle client disconnection
|
|
req.on('close', () => {
|
|
if (fileStream && !fileStream.destroyed) {
|
|
logger.debug(`Client closed connection for recording media '${recordingId}'`);
|
|
fileStream.destroy();
|
|
}
|
|
});
|
|
|
|
// Handle partial requests (HTTP Range requests)
|
|
if (range && fileSize && start !== undefined && end !== undefined) {
|
|
const contentLength = end - start + 1;
|
|
|
|
// Set headers for partial content response
|
|
res.writeHead(206, {
|
|
'Content-Range': `bytes ${start}-${end}/${fileSize}`,
|
|
'Accept-Ranges': 'bytes',
|
|
'Content-Length': contentLength,
|
|
'Content-Type': 'video/mp4',
|
|
'Cache-Control': 'public, max-age=3600'
|
|
});
|
|
} else {
|
|
// Set headers for full content response
|
|
res.writeHead(200, {
|
|
'Accept-Ranges': 'bytes',
|
|
'Content-Type': 'video/mp4',
|
|
'Content-Length': fileSize || undefined,
|
|
'Cache-Control': 'public, max-age=3600'
|
|
});
|
|
}
|
|
|
|
fileStream
|
|
.pipe(res)
|
|
.on('finish', () => {
|
|
logger.debug(`Finished streaming recording '${recordingId}'`);
|
|
res.end();
|
|
})
|
|
.on('error', (err) => {
|
|
logger.error(`Error in response stream for recording '${recordingId}': ${err.message}`);
|
|
|
|
if (!res.headersSent) {
|
|
res.status(500).end();
|
|
}
|
|
});
|
|
} catch (error) {
|
|
if (fileStream && !fileStream.destroyed) {
|
|
fileStream.destroy();
|
|
}
|
|
|
|
handleError(res, error, `streaming recording '${recordingId}'`);
|
|
}
|
|
};
|
|
|
|
export const getRecordingUrl = async (req: Request, res: Response) => {
|
|
const logger = container.get(LoggerService);
|
|
const recordingId = req.params.recordingId;
|
|
const privateAccess = req.query.privateAccess === 'true';
|
|
|
|
logger.info(`Getting URL for recording '${recordingId}'`);
|
|
|
|
try {
|
|
const storageService = container.get(MeetStorageService);
|
|
const recordingSecrets = await storageService.getAccessRecordingSecrets(recordingId);
|
|
|
|
if (!recordingSecrets) {
|
|
const error = errorRecordingNotFound(recordingId);
|
|
return rejectRequestFromMeetError(res, error);
|
|
}
|
|
|
|
const secret = privateAccess ? recordingSecrets.privateAccessSecret : recordingSecrets.publicAccessSecret;
|
|
const recordingUrl = `${req.protocol}://${req.get('host')}/recording/${recordingId}?secret=${secret}`;
|
|
|
|
return res.status(200).json({ url: recordingUrl });
|
|
} catch (error) {
|
|
handleError(res, error, `getting URL for recording '${recordingId}'`);
|
|
}
|
|
};
|
|
|
|
export const downloadRecordingsZip = async (req: Request, res: Response) => {
|
|
const logger = container.get(LoggerService);
|
|
const recordingService = container.get(RecordingService);
|
|
|
|
const recordingIds = req.query.recordingIds as string;
|
|
const recordingIdsArray = (recordingIds as string).split(',');
|
|
|
|
// If recording token is present, download only recordings for the room associated with the token
|
|
const payload = req.session?.tokenClaims;
|
|
let roomId: string | undefined;
|
|
|
|
if (payload && payload.video) {
|
|
roomId = payload.video.room;
|
|
}
|
|
|
|
// Filter recording IDs if a room ID is provided
|
|
let validRecordingIds = recordingIdsArray;
|
|
|
|
if (roomId) {
|
|
validRecordingIds = recordingIdsArray.filter((recordingId) => {
|
|
const { roomId: recRoomId } = RecordingHelper.extractInfoFromRecordingId(recordingId);
|
|
const isValid = recRoomId === roomId;
|
|
|
|
if (!isValid) {
|
|
logger.warn(`Skipping recording '${recordingId}' as it does not belong to room '${roomId}'`);
|
|
}
|
|
|
|
return isValid;
|
|
});
|
|
}
|
|
|
|
if (validRecordingIds.length === 0) {
|
|
logger.warn(`None of the provided recording IDs belong to room '${roomId}'`);
|
|
const error = errorRecordingsNotFromSameRoom(roomId!);
|
|
return rejectRequestFromMeetError(res, error);
|
|
}
|
|
|
|
logger.info(`Creating ZIP for recordings: ${recordingIds}`);
|
|
|
|
res.setHeader('Content-Type', 'application/zip');
|
|
res.setHeader('Content-Disposition', 'attachment; filename="recordings.zip"');
|
|
|
|
const archive = archiver('zip', { zlib: { level: 0 } });
|
|
|
|
// Handle errors in the archive
|
|
archive.on('error', (err) => {
|
|
logger.error(`ZIP archive error: ${err.message}`);
|
|
res.status(500).end();
|
|
});
|
|
|
|
// Pipe the archive to the response
|
|
archive.pipe(res);
|
|
|
|
for (const recordingId of validRecordingIds) {
|
|
try {
|
|
logger.debug(`Adding recording '${recordingId}' to ZIP`);
|
|
const result = await recordingService.getRecordingAsStream(recordingId);
|
|
const recordingInfo = await recordingService.getRecording(recordingId, 'filename');
|
|
|
|
const filename = recordingInfo.filename || `${recordingId}.mp4`;
|
|
archive.append(result.fileStream, { name: filename });
|
|
} catch (error) {
|
|
logger.error(`Error adding recording '${recordingId}' to ZIP: ${error}`);
|
|
}
|
|
}
|
|
|
|
// Finalize the archive
|
|
archive.finalize();
|
|
};
|