mirror of
https://github.com/suitenumerique/meet.git
synced 2026-07-27 04:09:26 +00:00
Compare commits
47 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8d4bcad949 | |||
| 4d64ba5ea9 | |||
| 74f63388e6 | |||
| d70e6cf81b | |||
| 525bc38644 | |||
| 7f7f819fb2 | |||
| fdc4d43bf4 | |||
| 44702426bf | |||
| 14de928619 | |||
| df62b37046 | |||
| 6047682fb1 | |||
| 3e1ccba91b | |||
| ba0b6b84ce | |||
| 83d562dbdf | |||
| 25a013ae9b | |||
| 1a28cb52b8 | |||
| 8d4de7d289 | |||
| a3afe02b04 | |||
| 3a4bbd061f | |||
| 43e6275396 | |||
| a89fff9f52 | |||
| 59159d8967 | |||
| 40012b3cd3 | |||
| 43b973af25 | |||
| 6e7d3f10e1 | |||
| 2380ad82af | |||
| 158ea5adf2 | |||
| be033ae6c9 | |||
| 02088608c9 | |||
| 7691e262d6 | |||
| 129893ecf9 | |||
| 9f5e69a35a | |||
| fcc2f51b85 | |||
| 80cf70388b | |||
| 059ea935b7 | |||
| 430e638f62 | |||
| 0285870ccb | |||
| 89d1c74f7b | |||
| 7cc16303d9 | |||
| 0079aa8176 | |||
| c32254fa51 | |||
| 0dd3faf010 | |||
| 1d7644df61 | |||
| b92f9fb24d | |||
| 78c9607cb2 | |||
| 40e83ca98a | |||
| b7f6a18897 |
@@ -11,8 +11,6 @@ and this project adheres to
|
|||||||
### Added
|
### Added
|
||||||
|
|
||||||
- ✨(summary) report exception type in failure analytics
|
- ✨(summary) report exception type in failure analytics
|
||||||
- ✨(frontend) add configurable documentation menu item
|
|
||||||
- ✨(frontend) add connection test feature
|
|
||||||
|
|
||||||
## Fixed
|
## Fixed
|
||||||
|
|
||||||
|
|||||||
@@ -344,7 +344,6 @@ These are the environmental options available on meet backend.
|
|||||||
| FRONTEND_SILENCE_LIVEKIT_DEBUG | Silence LiveKit debug logs | false |
|
| FRONTEND_SILENCE_LIVEKIT_DEBUG | Silence LiveKit debug logs | false |
|
||||||
| FRONTEND_IS_SILENT_LOGIN_ENABLED | Enable silent login feature | true |
|
| FRONTEND_IS_SILENT_LOGIN_ENABLED | Enable silent login feature | true |
|
||||||
| FRONTEND_FEEDBACK | Frontend feedback configuration | {} |
|
| FRONTEND_FEEDBACK | Frontend feedback configuration | {} |
|
||||||
| FRONTEND_DOCUMENTATION_URL | URL of the documentation opened from the room options menu. If unset, the documentation menu item is hidden | |
|
|
||||||
| FRONTEND_USE_FRENCH_GOV_FOOTER | Show the French government footer in the homepage | false |
|
| FRONTEND_USE_FRENCH_GOV_FOOTER | Show the French government footer in the homepage | false |
|
||||||
| FRONTEND_USE_PROCONNECT_BUTTON | Show a "Login with ProConnect" button in the homepage instead of a "Login" button | false |
|
| FRONTEND_USE_PROCONNECT_BUTTON | Show a "Login with ProConnect" button in the homepage instead of a "Login" button | false |
|
||||||
| DJANGO_EMAIL_BACKEND | Email backend library | django.core.mail.backends.smtp.EmailBackend |
|
| DJANGO_EMAIL_BACKEND | Email backend library | django.core.mail.backends.smtp.EmailBackend |
|
||||||
|
|||||||
@@ -1,42 +0,0 @@
|
|||||||
"""Connection test API endpoint."""
|
|
||||||
|
|
||||||
from datetime import timedelta
|
|
||||||
from uuid import uuid4
|
|
||||||
|
|
||||||
from django.conf import settings
|
|
||||||
|
|
||||||
from rest_framework.decorators import api_view, throttle_classes
|
|
||||||
from rest_framework.response import Response
|
|
||||||
|
|
||||||
from core.api.throttling import (
|
|
||||||
ConnectionTestAnonRateThrottle,
|
|
||||||
ConnectionTestUserRateThrottle,
|
|
||||||
)
|
|
||||||
from core.utils import generate_token
|
|
||||||
|
|
||||||
CONNECTION_TEST_USERNAME = "Test connexion"
|
|
||||||
|
|
||||||
|
|
||||||
@api_view(["GET"])
|
|
||||||
@throttle_classes([ConnectionTestUserRateThrottle, ConnectionTestAnonRateThrottle])
|
|
||||||
def get_connection_test_config(request):
|
|
||||||
"""Return a short-lived LiveKit token for an ephemeral connection test room."""
|
|
||||||
room = f"{settings.CONNECTION_TEST_ROOM_PREFIX}{uuid4()}"
|
|
||||||
expires_in = settings.CONNECTION_TEST_TOKEN_TTL_SECONDS
|
|
||||||
|
|
||||||
return Response(
|
|
||||||
{
|
|
||||||
"livekit": {
|
|
||||||
"url": settings.LIVEKIT_CONFIGURATION["url"],
|
|
||||||
"room": room,
|
|
||||||
"token": generate_token(
|
|
||||||
room=room,
|
|
||||||
user=request.user,
|
|
||||||
username=CONNECTION_TEST_USERNAME,
|
|
||||||
is_admin_or_owner=False,
|
|
||||||
ttl=timedelta(seconds=expires_in),
|
|
||||||
),
|
|
||||||
"expires_in": expires_in,
|
|
||||||
},
|
|
||||||
}
|
|
||||||
)
|
|
||||||
@@ -73,15 +73,3 @@ class CreationCallbackAnonRateThrottle(MonitoredAnonRateThrottle):
|
|||||||
"""Throttle Anonymous user requesting room generation callback"""
|
"""Throttle Anonymous user requesting room generation callback"""
|
||||||
|
|
||||||
scope = "creation_callback"
|
scope = "creation_callback"
|
||||||
|
|
||||||
|
|
||||||
class ConnectionTestUserRateThrottle(MonitoredUserRateThrottle):
|
|
||||||
"""Throttle authenticated users requesting connection test tokens."""
|
|
||||||
|
|
||||||
scope = "connection_test"
|
|
||||||
|
|
||||||
|
|
||||||
class ConnectionTestAnonRateThrottle(MonitoredAnonRateThrottle):
|
|
||||||
"""Throttle anonymous users requesting connection test tokens."""
|
|
||||||
|
|
||||||
scope = "connection_test"
|
|
||||||
|
|||||||
@@ -218,21 +218,9 @@ class LiveKitEventsService:
|
|||||||
|
|
||||||
# Silently ignoring EGRESS_ABORTED, EGRESS_FAILED
|
# Silently ignoring EGRESS_ABORTED, EGRESS_FAILED
|
||||||
|
|
||||||
@staticmethod
|
|
||||||
def _is_connection_test_room(room_name: str) -> bool:
|
|
||||||
"""Return True for ephemeral rooms created by the connection test endpoint."""
|
|
||||||
return room_name.startswith(settings.CONNECTION_TEST_ROOM_PREFIX)
|
|
||||||
|
|
||||||
def _handle_room_started(self, data):
|
def _handle_room_started(self, data):
|
||||||
"""Handle 'room_started' event."""
|
"""Handle 'room_started' event."""
|
||||||
|
|
||||||
if self._is_connection_test_room(data.room.name):
|
|
||||||
logger.info(
|
|
||||||
"Ignoring room_started event for connection test room '%s'.",
|
|
||||||
data.room.name,
|
|
||||||
)
|
|
||||||
return
|
|
||||||
|
|
||||||
try:
|
try:
|
||||||
room_id = uuid.UUID(data.room.name)
|
room_id = uuid.UUID(data.room.name)
|
||||||
except ValueError as e:
|
except ValueError as e:
|
||||||
@@ -258,13 +246,6 @@ class LiveKitEventsService:
|
|||||||
def _handle_room_finished(self, data):
|
def _handle_room_finished(self, data):
|
||||||
"""Handle 'room_finished' event."""
|
"""Handle 'room_finished' event."""
|
||||||
|
|
||||||
if self._is_connection_test_room(data.room.name):
|
|
||||||
logger.info(
|
|
||||||
"Ignoring room_finished event for connection test room '%s'.",
|
|
||||||
data.room.name,
|
|
||||||
)
|
|
||||||
return
|
|
||||||
|
|
||||||
try:
|
try:
|
||||||
room_id = uuid.UUID(data.room.name)
|
room_id = uuid.UUID(data.room.name)
|
||||||
except ValueError as e:
|
except ValueError as e:
|
||||||
|
|||||||
@@ -6,8 +6,6 @@ Test LiveKitEvents service.
|
|||||||
import uuid
|
import uuid
|
||||||
from unittest import mock
|
from unittest import mock
|
||||||
|
|
||||||
from django.test.utils import override_settings
|
|
||||||
|
|
||||||
import pytest
|
import pytest
|
||||||
from livekit.api import EgressStatus
|
from livekit.api import EgressStatus
|
||||||
|
|
||||||
@@ -552,23 +550,6 @@ def test_handle_room_finished_raises_error_when_telephony_deletion_fails(
|
|||||||
mock_clear_cache.assert_not_called()
|
mock_clear_cache.assert_not_called()
|
||||||
|
|
||||||
|
|
||||||
@override_settings(CONNECTION_TEST_ROOM_PREFIX="connection-test-")
|
|
||||||
@mock.patch.object(LobbyService, "clear_room_cache")
|
|
||||||
@mock.patch.object(TelephonyService, "delete_dispatch_rule")
|
|
||||||
def test_handle_room_finished_ignores_connection_test_room(
|
|
||||||
mock_delete_dispatch_rule, mock_clear_cache, service, settings
|
|
||||||
):
|
|
||||||
"""Should ignore room_finished events for connection test rooms."""
|
|
||||||
settings.ROOM_TELEPHONY_ENABLED = True
|
|
||||||
mock_data = mock.MagicMock()
|
|
||||||
mock_data.room.name = f"{settings.CONNECTION_TEST_ROOM_PREFIX}{uuid.uuid4()}"
|
|
||||||
|
|
||||||
service._handle_room_finished(mock_data)
|
|
||||||
|
|
||||||
mock_delete_dispatch_rule.assert_not_called()
|
|
||||||
mock_clear_cache.assert_not_called()
|
|
||||||
|
|
||||||
|
|
||||||
def test_handle_room_finished_raises_error_for_invalid_room_name(service):
|
def test_handle_room_finished_raises_error_for_invalid_room_name(service):
|
||||||
"""Should raise ActionFailedError when room name format is invalid when room finishes."""
|
"""Should raise ActionFailedError when room name format is invalid when room finishes."""
|
||||||
mock_data = mock.MagicMock()
|
mock_data = mock.MagicMock()
|
||||||
@@ -619,15 +600,6 @@ def test_handle_room_started_raises_error_for_invalid_room_name(service):
|
|||||||
service._handle_room_started(mock_data)
|
service._handle_room_started(mock_data)
|
||||||
|
|
||||||
|
|
||||||
@override_settings(CONNECTION_TEST_ROOM_PREFIX="connection-test-")
|
|
||||||
def test_handle_room_started_ignores_connection_test_room(service, settings):
|
|
||||||
"""Should ignore room_started events for connection test rooms."""
|
|
||||||
mock_data = mock.MagicMock()
|
|
||||||
mock_data.room.name = f"{settings.CONNECTION_TEST_ROOM_PREFIX}{uuid.uuid4()}"
|
|
||||||
|
|
||||||
service._handle_room_started(mock_data)
|
|
||||||
|
|
||||||
|
|
||||||
def test_handle_room_started_raises_error_for_nonexistent_room(service):
|
def test_handle_room_started_raises_error_for_nonexistent_room(service):
|
||||||
"""Should raise ActionFailedError when a room starts that doesn't exist in the database."""
|
"""Should raise ActionFailedError when a room starts that doesn't exist in the database."""
|
||||||
mock_data = mock.MagicMock()
|
mock_data = mock.MagicMock()
|
||||||
|
|||||||
@@ -1,66 +0,0 @@
|
|||||||
"""Test connection test API endpoint."""
|
|
||||||
|
|
||||||
import uuid
|
|
||||||
|
|
||||||
from django.test.utils import override_settings
|
|
||||||
|
|
||||||
import jwt
|
|
||||||
import pytest
|
|
||||||
from rest_framework.test import APIClient
|
|
||||||
|
|
||||||
from core.api.connection_test import CONNECTION_TEST_USERNAME
|
|
||||||
|
|
||||||
pytestmark = pytest.mark.django_db
|
|
||||||
|
|
||||||
|
|
||||||
@override_settings(
|
|
||||||
CONNECTION_TEST_TOKEN_TTL_SECONDS=600,
|
|
||||||
CONNECTION_TEST_ROOM_PREFIX="connection-test-",
|
|
||||||
)
|
|
||||||
def test_api_connection_test_returns_ephemeral_livekit_config():
|
|
||||||
"""Each request gets a dedicated room and a short-lived token."""
|
|
||||||
client = APIClient()
|
|
||||||
response_a = client.get("/api/v1.0/connection-test/")
|
|
||||||
response_b = client.get("/api/v1.0/connection-test/")
|
|
||||||
|
|
||||||
assert response_a.status_code == 200
|
|
||||||
assert response_b.status_code == 200
|
|
||||||
|
|
||||||
data_a = response_a.json()
|
|
||||||
data_b = response_b.json()
|
|
||||||
|
|
||||||
room_a = data_a["livekit"]["room"]
|
|
||||||
room_b = data_b["livekit"]["room"]
|
|
||||||
|
|
||||||
assert room_a.startswith("connection-test-")
|
|
||||||
assert room_b.startswith("connection-test-")
|
|
||||||
uuid.UUID(room_a.removeprefix("connection-test-"))
|
|
||||||
uuid.UUID(room_b.removeprefix("connection-test-"))
|
|
||||||
assert room_a != room_b
|
|
||||||
assert data_a["livekit"]["url"]
|
|
||||||
assert data_a["livekit"]["token"]
|
|
||||||
assert data_a["livekit"]["expires_in"] == 600
|
|
||||||
assert data_a["livekit"]["token"] != data_b["livekit"]["token"]
|
|
||||||
|
|
||||||
|
|
||||||
@override_settings(CONNECTION_TEST_TOKEN_TTL_SECONDS=300)
|
|
||||||
def test_api_connection_test_token_is_short_lived_for_user(settings):
|
|
||||||
"""Connection test tokens expire quickly for users."""
|
|
||||||
client = APIClient()
|
|
||||||
response = client.get("/api/v1.0/connection-test/")
|
|
||||||
|
|
||||||
assert response.status_code == 200
|
|
||||||
|
|
||||||
config = response.json()["livekit"]
|
|
||||||
payload = jwt.decode(
|
|
||||||
config["token"],
|
|
||||||
settings.LIVEKIT_CONFIGURATION["api_secret"],
|
|
||||||
algorithms=["HS256"],
|
|
||||||
options={"verify_exp": False},
|
|
||||||
)
|
|
||||||
|
|
||||||
assert config["expires_in"] == 300
|
|
||||||
assert payload["video"]["room"] == config["room"]
|
|
||||||
assert payload["name"] == CONNECTION_TEST_USERNAME
|
|
||||||
assert payload["video"]["roomAdmin"] is False
|
|
||||||
assert payload["exp"] - payload["nbf"] == 300
|
|
||||||
@@ -8,7 +8,6 @@ from rest_framework.routers import DefaultRouter, SimpleRouter
|
|||||||
|
|
||||||
from core.addons import viewsets as addons_viewsets
|
from core.addons import viewsets as addons_viewsets
|
||||||
from core.api import get_frontend_configuration, viewsets
|
from core.api import get_frontend_configuration, viewsets
|
||||||
from core.api.connection_test import get_connection_test_config
|
|
||||||
from core.external_api import viewsets as external_viewsets
|
from core.external_api import viewsets as external_viewsets
|
||||||
|
|
||||||
# - Main endpoints
|
# - Main endpoints
|
||||||
@@ -47,11 +46,6 @@ urlpatterns = [
|
|||||||
*router.urls,
|
*router.urls,
|
||||||
*oidc_urls,
|
*oidc_urls,
|
||||||
path("config/", get_frontend_configuration, name="config"),
|
path("config/", get_frontend_configuration, name="config"),
|
||||||
path(
|
|
||||||
"connection-test/",
|
|
||||||
get_connection_test_config,
|
|
||||||
name="connection_test",
|
|
||||||
),
|
|
||||||
]
|
]
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
|||||||
@@ -12,7 +12,6 @@ import mimetypes
|
|||||||
import random
|
import random
|
||||||
import secrets
|
import secrets
|
||||||
import string
|
import string
|
||||||
from datetime import timedelta
|
|
||||||
from functools import lru_cache
|
from functools import lru_cache
|
||||||
from typing import List, Optional
|
from typing import List, Optional
|
||||||
from uuid import uuid4
|
from uuid import uuid4
|
||||||
@@ -69,7 +68,6 @@ def generate_token(
|
|||||||
sources: Optional[List[str]] = None,
|
sources: Optional[List[str]] = None,
|
||||||
is_admin_or_owner: bool = False,
|
is_admin_or_owner: bool = False,
|
||||||
participant_id: Optional[str] = None,
|
participant_id: Optional[str] = None,
|
||||||
ttl: Optional[timedelta] = None,
|
|
||||||
) -> str:
|
) -> str:
|
||||||
"""Generate a LiveKit access token for a user in a specific room.
|
"""Generate a LiveKit access token for a user in a specific room.
|
||||||
|
|
||||||
@@ -85,7 +83,6 @@ def generate_token(
|
|||||||
is_admin_or_owner (bool): Whether user has admin privileges
|
is_admin_or_owner (bool): Whether user has admin privileges
|
||||||
participant_id (Optional[str]): Stable identifier for anonymous users;
|
participant_id (Optional[str]): Stable identifier for anonymous users;
|
||||||
used as identity when user.is_anonymous.
|
used as identity when user.is_anonymous.
|
||||||
ttl (Optional[timedelta]): Token validity duration. Defaults to LiveKit SDK default.
|
|
||||||
|
|
||||||
Returns:
|
Returns:
|
||||||
str: The LiveKit JWT access token.
|
str: The LiveKit JWT access token.
|
||||||
@@ -134,8 +131,6 @@ def generate_token(
|
|||||||
{"color": color, "room_admin": "true" if is_admin_or_owner else "false"}
|
{"color": color, "room_admin": "true" if is_admin_or_owner else "false"}
|
||||||
)
|
)
|
||||||
)
|
)
|
||||||
if ttl is not None:
|
|
||||||
token = token.with_ttl(ttl)
|
|
||||||
|
|
||||||
return token.to_jwt()
|
return token.to_jwt()
|
||||||
|
|
||||||
|
|||||||
@@ -349,11 +349,6 @@ class Base(Configuration):
|
|||||||
environ_name="CREATION_CALLBACK_THROTTLE_RATES",
|
environ_name="CREATION_CALLBACK_THROTTLE_RATES",
|
||||||
environ_prefix=None,
|
environ_prefix=None,
|
||||||
),
|
),
|
||||||
"connection_test": values.Value(
|
|
||||||
default="30/minute",
|
|
||||||
environ_name="CONNECTION_TEST_THROTTLE_RATES",
|
|
||||||
environ_prefix=None,
|
|
||||||
),
|
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
MONITORED_THROTTLE_FAILURE_CALLBACK = (
|
MONITORED_THROTTLE_FAILURE_CALLBACK = (
|
||||||
@@ -403,9 +398,6 @@ class Base(Configuration):
|
|||||||
"feedback": values.DictValue(
|
"feedback": values.DictValue(
|
||||||
{}, environ_name="FRONTEND_FEEDBACK", environ_prefix=None
|
{}, environ_name="FRONTEND_FEEDBACK", environ_prefix=None
|
||||||
),
|
),
|
||||||
"documentation_url": values.Value(
|
|
||||||
None, environ_name="FRONTEND_DOCUMENTATION_URL", environ_prefix=None
|
|
||||||
),
|
|
||||||
"external_home_url": values.Value(
|
"external_home_url": values.Value(
|
||||||
None, environ_name="FRONTEND_EXTERNAL_HOME_URL", environ_prefix=None
|
None, environ_name="FRONTEND_EXTERNAL_HOME_URL", environ_prefix=None
|
||||||
),
|
),
|
||||||
@@ -660,16 +652,6 @@ class Base(Configuration):
|
|||||||
environ_prefix=None,
|
environ_prefix=None,
|
||||||
default=False,
|
default=False,
|
||||||
)
|
)
|
||||||
CONNECTION_TEST_TOKEN_TTL_SECONDS = values.PositiveIntegerValue(
|
|
||||||
600,
|
|
||||||
environ_name="CONNECTION_TEST_TOKEN_TTL_SECONDS",
|
|
||||||
environ_prefix=None,
|
|
||||||
)
|
|
||||||
CONNECTION_TEST_ROOM_PREFIX = values.Value(
|
|
||||||
"connection-test-",
|
|
||||||
environ_name="CONNECTION_TEST_ROOM_PREFIX",
|
|
||||||
environ_prefix=None,
|
|
||||||
)
|
|
||||||
LIVEKIT_VERIFY_SSL = values.BooleanValue(
|
LIVEKIT_VERIFY_SSL = values.BooleanValue(
|
||||||
True, environ_name="LIVEKIT_VERIFY_SSL", environ_prefix=None
|
True, environ_name="LIVEKIT_VERIFY_SSL", environ_prefix=None
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -20,7 +20,6 @@ export interface ApiConfig {
|
|||||||
feedback: {
|
feedback: {
|
||||||
url: string
|
url: string
|
||||||
}
|
}
|
||||||
documentation_url?: string
|
|
||||||
external_home_url?: string
|
external_home_url?: string
|
||||||
silence_livekit_debug_logs?: boolean
|
silence_livekit_debug_logs?: boolean
|
||||||
is_silent_login_enabled?: boolean
|
is_silent_login_enabled?: boolean
|
||||||
|
|||||||
@@ -1,13 +0,0 @@
|
|||||||
import { fetchApi } from '@/api/fetchApi'
|
|
||||||
|
|
||||||
export type ConnectionTestTokenResponse = {
|
|
||||||
livekit: {
|
|
||||||
url: string
|
|
||||||
room: string
|
|
||||||
token: string
|
|
||||||
expires_in: number
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export const fetchConnectionTestToken = () =>
|
|
||||||
fetchApi<ConnectionTestTokenResponse>('/connection-test/')
|
|
||||||
@@ -1,245 +0,0 @@
|
|||||||
import { useRef, useState } from 'react'
|
|
||||||
import {
|
|
||||||
CheckStatus,
|
|
||||||
ConnectionCheck,
|
|
||||||
createLocalAudioTrack,
|
|
||||||
createLocalVideoTrack,
|
|
||||||
getBrowser,
|
|
||||||
type CheckInfo,
|
|
||||||
type LocalVideoTrack,
|
|
||||||
} from 'livekit-client'
|
|
||||||
import { fetchConnectionTestToken } from '../api/fetchConnectionTestToken'
|
|
||||||
import {
|
|
||||||
createInitialSteps,
|
|
||||||
type ConnectionTestLog,
|
|
||||||
type ConnectionTestStepId,
|
|
||||||
type ConnectionTestStepResult,
|
|
||||||
type ConnectionTestStepStatus,
|
|
||||||
} from '../types'
|
|
||||||
import { openPermissionsDialog } from '@/stores/permissions'
|
|
||||||
|
|
||||||
const LIVEKIT_STEP_IDS: ConnectionTestStepId[] = [
|
|
||||||
'websocket',
|
|
||||||
'webrtc',
|
|
||||||
'turn',
|
|
||||||
'reconnect',
|
|
||||||
'publishAudio',
|
|
||||||
'publishVideo',
|
|
||||||
]
|
|
||||||
|
|
||||||
const CHECK_STATUS_TO_STEP: Record<CheckStatus, ConnectionTestStepStatus> = {
|
|
||||||
[CheckStatus.IDLE]: 'pending',
|
|
||||||
[CheckStatus.RUNNING]: 'running',
|
|
||||||
[CheckStatus.SUCCESS]: 'success',
|
|
||||||
[CheckStatus.FAILED]: 'failed',
|
|
||||||
[CheckStatus.SKIPPED]: 'skipped',
|
|
||||||
}
|
|
||||||
|
|
||||||
const getErrorMessage = (error: unknown, fallback = 'Unknown error') =>
|
|
||||||
error instanceof Error ? error.message : fallback
|
|
||||||
|
|
||||||
const fromCheckInfo = (info: CheckInfo): Partial<ConnectionTestStepResult> => ({
|
|
||||||
status: CHECK_STATUS_TO_STEP[info.status] ?? 'failed',
|
|
||||||
summary: info.description,
|
|
||||||
logs: info.logs,
|
|
||||||
})
|
|
||||||
|
|
||||||
const groupDevicesByKind = (devices: MediaDeviceInfo[]) => {
|
|
||||||
const grouped: Record<MediaDeviceKind, string[]> = {
|
|
||||||
audioinput: [],
|
|
||||||
audiooutput: [],
|
|
||||||
videoinput: [],
|
|
||||||
}
|
|
||||||
for (const device of devices) {
|
|
||||||
grouped[device.kind].push(device.label || device.deviceId)
|
|
||||||
}
|
|
||||||
return grouped
|
|
||||||
}
|
|
||||||
|
|
||||||
export const useConnectionTestRunner = () => {
|
|
||||||
const [steps, setSteps] = useState(createInitialSteps)
|
|
||||||
const [isRunning, setIsRunning] = useState(false)
|
|
||||||
const [videoTrack, setVideoTrack] = useState<LocalVideoTrack | null>(null)
|
|
||||||
const videoTrackRef = useRef<LocalVideoTrack | null>(null)
|
|
||||||
const abortRef = useRef<AbortController | null>(null)
|
|
||||||
|
|
||||||
const updateStep = (
|
|
||||||
id: ConnectionTestStepId,
|
|
||||||
patch: Partial<ConnectionTestStepResult>
|
|
||||||
) => {
|
|
||||||
setSteps((current) =>
|
|
||||||
current.map((step) => (step.id === id ? { ...step, ...patch } : step))
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
const stopVideoTrack = () => {
|
|
||||||
videoTrackRef.current?.stop()
|
|
||||||
videoTrackRef.current = null
|
|
||||||
setVideoTrack(null)
|
|
||||||
}
|
|
||||||
|
|
||||||
const skipSteps = (
|
|
||||||
ids: ConnectionTestStepId[],
|
|
||||||
summary: string,
|
|
||||||
logs?: ConnectionTestLog[]
|
|
||||||
) => {
|
|
||||||
for (const id of ids) {
|
|
||||||
updateStep(id, { status: 'skipped', summary, logs })
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Returns true on success, false on failure, null if aborted. */
|
|
||||||
const runStep = async (
|
|
||||||
id: ConnectionTestStepId,
|
|
||||||
signal: AbortSignal,
|
|
||||||
fn: () => Promise<Partial<ConnectionTestStepResult>>
|
|
||||||
): Promise<boolean | null> => {
|
|
||||||
if (signal.aborted) return null
|
|
||||||
|
|
||||||
updateStep(id, { status: 'running', summary: undefined, logs: undefined })
|
|
||||||
|
|
||||||
try {
|
|
||||||
const result = await fn()
|
|
||||||
if (signal.aborted) return null
|
|
||||||
// `result.status` overrides when set (LiveKit checks map their own status)
|
|
||||||
updateStep(id, { status: 'success', ...result })
|
|
||||||
return true
|
|
||||||
} catch (error) {
|
|
||||||
if (signal.aborted) return null
|
|
||||||
updateStep(id, {
|
|
||||||
status: 'failed',
|
|
||||||
summary: getErrorMessage(error),
|
|
||||||
})
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const runTest = async () => {
|
|
||||||
abortRef.current?.abort()
|
|
||||||
const controller = new AbortController()
|
|
||||||
abortRef.current = controller
|
|
||||||
const { signal } = controller
|
|
||||||
|
|
||||||
setIsRunning(true)
|
|
||||||
setSteps(createInitialSteps())
|
|
||||||
stopVideoTrack()
|
|
||||||
|
|
||||||
try {
|
|
||||||
await runStep('browser', signal, async () => {
|
|
||||||
const browser = getBrowser()
|
|
||||||
if (!browser) throw new Error('Browser not detected')
|
|
||||||
return {
|
|
||||||
summary: `${browser.name} ${browser.version}`,
|
|
||||||
data: {
|
|
||||||
name: browser.name,
|
|
||||||
version: browser.version,
|
|
||||||
os: browser.os,
|
|
||||||
osVersion: browser.osVersion,
|
|
||||||
},
|
|
||||||
}
|
|
||||||
})
|
|
||||||
if (signal.aborted) return
|
|
||||||
|
|
||||||
const microphoneOk = await runStep('microphone', signal, async () => {
|
|
||||||
const track = await createLocalAudioTrack()
|
|
||||||
const label =
|
|
||||||
track.mediaStreamTrack.label ||
|
|
||||||
track.mediaStreamTrack.getSettings().deviceId ||
|
|
||||||
''
|
|
||||||
track.stop()
|
|
||||||
return { summary: label, data: { label } }
|
|
||||||
})
|
|
||||||
if (signal.aborted) return
|
|
||||||
if (!microphoneOk) openPermissionsDialog('audioinput')
|
|
||||||
|
|
||||||
const cameraOk = await runStep('camera', signal, async () => {
|
|
||||||
const track = await createLocalVideoTrack()
|
|
||||||
videoTrackRef.current = track
|
|
||||||
setVideoTrack(track)
|
|
||||||
const settings = track.mediaStreamTrack.getSettings()
|
|
||||||
const label = track.mediaStreamTrack.label || ''
|
|
||||||
return {
|
|
||||||
summary: label,
|
|
||||||
data: {
|
|
||||||
label,
|
|
||||||
width: settings.width,
|
|
||||||
height: settings.height,
|
|
||||||
},
|
|
||||||
}
|
|
||||||
})
|
|
||||||
if (signal.aborted) return
|
|
||||||
if (!cameraOk) openPermissionsDialog('videoinput')
|
|
||||||
|
|
||||||
await runStep('devices', signal, async () => {
|
|
||||||
const devices = await navigator.mediaDevices.enumerateDevices()
|
|
||||||
return {
|
|
||||||
summary: String(devices.length),
|
|
||||||
data: groupDevicesByKind(devices),
|
|
||||||
}
|
|
||||||
})
|
|
||||||
if (signal.aborted) return
|
|
||||||
|
|
||||||
let checker: ConnectionCheck
|
|
||||||
try {
|
|
||||||
const { livekit } = await fetchConnectionTestToken()
|
|
||||||
checker = new ConnectionCheck(livekit.url, livekit.token)
|
|
||||||
} catch (error) {
|
|
||||||
skipSteps(
|
|
||||||
LIVEKIT_STEP_IDS,
|
|
||||||
getErrorMessage(error, 'Failed to fetch test token')
|
|
||||||
)
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
await runStep('websocket', signal, async () =>
|
|
||||||
fromCheckInfo(await checker.checkWebsocket())
|
|
||||||
)
|
|
||||||
await runStep('webrtc', signal, async () =>
|
|
||||||
fromCheckInfo(await checker.checkWebRTC())
|
|
||||||
)
|
|
||||||
await runStep('turn', signal, async () =>
|
|
||||||
fromCheckInfo(await checker.checkTURN())
|
|
||||||
)
|
|
||||||
await runStep('reconnect', signal, async () =>
|
|
||||||
fromCheckInfo(await checker.checkReconnect())
|
|
||||||
)
|
|
||||||
|
|
||||||
if (!microphoneOk) {
|
|
||||||
skipSteps(['publishAudio'], 'Microphone permission required')
|
|
||||||
} else {
|
|
||||||
await runStep('publishAudio', signal, async () =>
|
|
||||||
fromCheckInfo(await checker.checkPublishAudio())
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!cameraOk) {
|
|
||||||
skipSteps(['publishVideo'], 'Camera permission required')
|
|
||||||
} else {
|
|
||||||
stopVideoTrack()
|
|
||||||
await runStep('publishVideo', signal, async () =>
|
|
||||||
fromCheckInfo(await checker.checkPublishVideo())
|
|
||||||
)
|
|
||||||
}
|
|
||||||
} finally {
|
|
||||||
if (!signal.aborted) {
|
|
||||||
stopVideoTrack()
|
|
||||||
setIsRunning(false)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const reset = () => {
|
|
||||||
abortRef.current?.abort()
|
|
||||||
stopVideoTrack()
|
|
||||||
setSteps(createInitialSteps())
|
|
||||||
setIsRunning(false)
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
steps,
|
|
||||||
isRunning,
|
|
||||||
videoTrack,
|
|
||||||
runTest,
|
|
||||||
reset,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,156 +0,0 @@
|
|||||||
import { useEffect, useRef, useState } from 'react'
|
|
||||||
import { useTranslation } from 'react-i18next'
|
|
||||||
import { CenteredContent } from '@/layout/CenteredContent'
|
|
||||||
import { Screen } from '@/layout/Screen'
|
|
||||||
import { Box, Button, Text, Ul } from '@/primitives'
|
|
||||||
import { Spinner } from '@/primitives/Spinner'
|
|
||||||
import { Center, HStack, VStack } from '@/styled-system/jsx'
|
|
||||||
import { Permissions } from '@/features/rooms/components/Permissions'
|
|
||||||
import { useConnectionTestRunner } from '../hooks/useConnectionTestRunner'
|
|
||||||
import type { ConnectionTestStepId, ConnectionTestStepResult } from '../types'
|
|
||||||
import { downloadConnectionTestReport } from '../utils/downloadConnectionTestReport'
|
|
||||||
|
|
||||||
const HIDE_LIVEKIT_VIDEO_CLASS = 'connection-test-hide-livekit-video'
|
|
||||||
|
|
||||||
const TestStepItem = ({ step }: { step: ConnectionTestStepResult }) => {
|
|
||||||
const { t } = useTranslation('connectionTest')
|
|
||||||
const [showDetails, setShowDetails] = useState(false)
|
|
||||||
const hasLogs = Boolean(step.logs?.length)
|
|
||||||
const statusLabel = t(`status.${step.status}`)
|
|
||||||
const stepLabel = t(`steps.${step.id as ConnectionTestStepId}`)
|
|
||||||
|
|
||||||
const statusVariant =
|
|
||||||
step.status === 'failed'
|
|
||||||
? 'warning'
|
|
||||||
: step.status === 'success'
|
|
||||||
? 'body'
|
|
||||||
: 'smNote'
|
|
||||||
|
|
||||||
return (
|
|
||||||
<VStack gap="0.25rem" alignItems="stretch" width="100%">
|
|
||||||
<HStack
|
|
||||||
justifyContent="space-between"
|
|
||||||
alignItems="flex-start"
|
|
||||||
width="100%"
|
|
||||||
>
|
|
||||||
<Text variant="bodyXsMedium">{stepLabel}</Text>
|
|
||||||
{step.status === 'running' ? (
|
|
||||||
<Spinner size={20} />
|
|
||||||
) : (
|
|
||||||
<Text variant={statusVariant}>{statusLabel}</Text>
|
|
||||||
)}
|
|
||||||
</HStack>
|
|
||||||
{step.summary && (
|
|
||||||
<Text variant="smNote" margin={false}>
|
|
||||||
{step.summary}
|
|
||||||
</Text>
|
|
||||||
)}
|
|
||||||
{hasLogs && step.status !== 'pending' && step.status !== 'running' && (
|
|
||||||
<Button
|
|
||||||
variant="secondaryText"
|
|
||||||
size="sm"
|
|
||||||
onPress={() => setShowDetails((open) => !open)}
|
|
||||||
>
|
|
||||||
{t('details')}
|
|
||||||
</Button>
|
|
||||||
)}
|
|
||||||
{showDetails && step.logs && (
|
|
||||||
<Ul>
|
|
||||||
{step.logs.map((log, index) => (
|
|
||||||
<li key={index}>
|
|
||||||
<Text variant="xsNote" as="span">
|
|
||||||
{log.message}
|
|
||||||
</Text>
|
|
||||||
</li>
|
|
||||||
))}
|
|
||||||
</Ul>
|
|
||||||
)}
|
|
||||||
</VStack>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
const ConnectionTest = () => {
|
|
||||||
const { t } = useTranslation('connectionTest')
|
|
||||||
const { steps, isRunning, videoTrack, runTest } = useConnectionTestRunner()
|
|
||||||
const videoRef = useRef<HTMLVideoElement>(null)
|
|
||||||
|
|
||||||
const hasStarted = steps.some((step) => step.status !== 'pending')
|
|
||||||
const hasFailed = steps.some((step) => step.status === 'failed')
|
|
||||||
const isPublishVideoRunning = steps.some(
|
|
||||||
(step) => step.id === 'publishVideo' && step.status === 'running'
|
|
||||||
)
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
const element = videoRef.current
|
|
||||||
if (!element || !videoTrack) return
|
|
||||||
|
|
||||||
videoTrack.attach(element)
|
|
||||||
return () => {
|
|
||||||
videoTrack.detach(element)
|
|
||||||
}
|
|
||||||
}, [videoTrack])
|
|
||||||
|
|
||||||
// LiveKit appends a bare <video> to document.body during publishVideo.
|
|
||||||
// Keep it in the DOM (so the frame check still works) but hide it visually.
|
|
||||||
useEffect(() => {
|
|
||||||
document.body.classList.toggle(
|
|
||||||
HIDE_LIVEKIT_VIDEO_CLASS,
|
|
||||||
isPublishVideoRunning
|
|
||||||
)
|
|
||||||
return () => {
|
|
||||||
document.body.classList.remove(HIDE_LIVEKIT_VIDEO_CLASS)
|
|
||||||
}
|
|
||||||
}, [isPublishVideoRunning])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Screen layout="centered">
|
|
||||||
<Permissions />
|
|
||||||
<CenteredContent title={t('title')} withBackButton>
|
|
||||||
<Center>
|
|
||||||
<VStack gap="1.5rem" maxWidth="36rem" width="100%">
|
|
||||||
<Text as="p" variant="paragraph" centered last>
|
|
||||||
{t('intro')}
|
|
||||||
</Text>
|
|
||||||
|
|
||||||
<Button variant="primary" onPress={runTest} isDisabled={isRunning}>
|
|
||||||
{hasStarted ? t('reset') : t('runTest')}
|
|
||||||
</Button>
|
|
||||||
|
|
||||||
{videoTrack && (
|
|
||||||
<Center>
|
|
||||||
<video ref={videoRef} autoPlay playsInline muted />
|
|
||||||
</Center>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{hasStarted && (
|
|
||||||
<Box variant="light" width="100%">
|
|
||||||
<VStack gap="1rem" alignItems="stretch">
|
|
||||||
{steps.map((step) => (
|
|
||||||
<TestStepItem key={step.id} step={step} />
|
|
||||||
))}
|
|
||||||
</VStack>
|
|
||||||
</Box>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{hasFailed && !isRunning && (
|
|
||||||
<Text variant="smNote" centered>
|
|
||||||
{t('help.firewall')}
|
|
||||||
</Text>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{hasStarted && !isRunning && (
|
|
||||||
<Button
|
|
||||||
variant="secondary"
|
|
||||||
onPress={() => downloadConnectionTestReport(steps)}
|
|
||||||
>
|
|
||||||
{t('downloadReport')}
|
|
||||||
</Button>
|
|
||||||
)}
|
|
||||||
</VStack>
|
|
||||||
</Center>
|
|
||||||
</CenteredContent>
|
|
||||||
</Screen>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
export default ConnectionTest
|
|
||||||
@@ -1,47 +0,0 @@
|
|||||||
export type ConnectionTestStepId =
|
|
||||||
| 'browser'
|
|
||||||
| 'microphone'
|
|
||||||
| 'camera'
|
|
||||||
| 'devices'
|
|
||||||
| 'websocket'
|
|
||||||
| 'webrtc'
|
|
||||||
| 'turn'
|
|
||||||
| 'reconnect'
|
|
||||||
| 'publishAudio'
|
|
||||||
| 'publishVideo'
|
|
||||||
|
|
||||||
export type ConnectionTestStepStatus =
|
|
||||||
| 'pending'
|
|
||||||
| 'running'
|
|
||||||
| 'success'
|
|
||||||
| 'failed'
|
|
||||||
| 'skipped'
|
|
||||||
|
|
||||||
export type ConnectionTestLog = {
|
|
||||||
level: 'info' | 'warning' | 'error'
|
|
||||||
message: string
|
|
||||||
}
|
|
||||||
|
|
||||||
export type ConnectionTestStepResult = {
|
|
||||||
id: ConnectionTestStepId
|
|
||||||
status: ConnectionTestStepStatus
|
|
||||||
summary?: string
|
|
||||||
logs?: ConnectionTestLog[]
|
|
||||||
data?: Record<string, unknown>
|
|
||||||
}
|
|
||||||
|
|
||||||
export const CONNECTION_TEST_STEP_IDS: ConnectionTestStepId[] = [
|
|
||||||
'browser',
|
|
||||||
'microphone',
|
|
||||||
'camera',
|
|
||||||
'devices',
|
|
||||||
'websocket',
|
|
||||||
'webrtc',
|
|
||||||
'turn',
|
|
||||||
'reconnect',
|
|
||||||
'publishAudio',
|
|
||||||
'publishVideo',
|
|
||||||
]
|
|
||||||
|
|
||||||
export const createInitialSteps = (): ConnectionTestStepResult[] =>
|
|
||||||
CONNECTION_TEST_STEP_IDS.map((id) => ({ id, status: 'pending' }))
|
|
||||||
@@ -1,49 +0,0 @@
|
|||||||
import type { ConnectionTestStepResult } from '../types'
|
|
||||||
|
|
||||||
export type ConnectionTestReport = {
|
|
||||||
generatedAt: string
|
|
||||||
userAgent: string
|
|
||||||
steps: Record<
|
|
||||||
string,
|
|
||||||
{
|
|
||||||
status: ConnectionTestStepResult['status']
|
|
||||||
summary?: string
|
|
||||||
logs?: ConnectionTestStepResult['logs']
|
|
||||||
data?: ConnectionTestStepResult['data']
|
|
||||||
}
|
|
||||||
>
|
|
||||||
}
|
|
||||||
|
|
||||||
export const buildConnectionTestReport = (
|
|
||||||
steps: ConnectionTestStepResult[]
|
|
||||||
): ConnectionTestReport => ({
|
|
||||||
generatedAt: new Date().toISOString(),
|
|
||||||
userAgent: navigator.userAgent,
|
|
||||||
steps: Object.fromEntries(
|
|
||||||
steps.map(({ id, status, summary, logs, data }) => [
|
|
||||||
id,
|
|
||||||
{
|
|
||||||
status,
|
|
||||||
...(summary !== undefined ? { summary } : {}),
|
|
||||||
...(logs?.length ? { logs } : {}),
|
|
||||||
...(data !== undefined ? { data } : {}),
|
|
||||||
},
|
|
||||||
])
|
|
||||||
),
|
|
||||||
})
|
|
||||||
|
|
||||||
export const downloadConnectionTestReport = (
|
|
||||||
steps: ConnectionTestStepResult[]
|
|
||||||
) => {
|
|
||||||
const report = buildConnectionTestReport(steps)
|
|
||||||
const timestamp = report.generatedAt.slice(0, 19).replace(/:/g, '-')
|
|
||||||
const blob = new Blob([JSON.stringify(report, null, 2)], {
|
|
||||||
type: 'application/json',
|
|
||||||
})
|
|
||||||
const url = URL.createObjectURL(blob)
|
|
||||||
const anchor = document.createElement('a')
|
|
||||||
anchor.href = url
|
|
||||||
anchor.download = `connection-test-${timestamp}.json`
|
|
||||||
anchor.click()
|
|
||||||
URL.revokeObjectURL(url)
|
|
||||||
}
|
|
||||||
-23
@@ -1,23 +0,0 @@
|
|||||||
import { RiBookOpenLine } from '@remixicon/react'
|
|
||||||
import { MenuItem } from 'react-aria-components'
|
|
||||||
import { useTranslation } from 'react-i18next'
|
|
||||||
import { menuRecipe } from '@/primitives/menuRecipe'
|
|
||||||
import { useConfig } from '@/api/useConfig'
|
|
||||||
|
|
||||||
export const DocumentationMenuItem = () => {
|
|
||||||
const { t } = useTranslation('rooms', { keyPrefix: 'options.items' })
|
|
||||||
const { data } = useConfig()
|
|
||||||
|
|
||||||
if (!data?.documentation_url) return
|
|
||||||
|
|
||||||
return (
|
|
||||||
<MenuItem
|
|
||||||
href={data.documentation_url}
|
|
||||||
target="_blank"
|
|
||||||
className={menuRecipe({ icon: true, variant: 'dark' }).item}
|
|
||||||
>
|
|
||||||
<RiBookOpenLine size={20} />
|
|
||||||
{t('documentation')}
|
|
||||||
</MenuItem>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
-2
@@ -5,7 +5,6 @@ import { SettingsMenuItem } from './SettingsMenuItem'
|
|||||||
import { FeedbackMenuItem } from './FeedbackMenuItem'
|
import { FeedbackMenuItem } from './FeedbackMenuItem'
|
||||||
import { EffectsMenuItem } from './EffectsMenuItem'
|
import { EffectsMenuItem } from './EffectsMenuItem'
|
||||||
import { SupportMenuItem } from './SupportMenuItem'
|
import { SupportMenuItem } from './SupportMenuItem'
|
||||||
import { DocumentationMenuItem } from './DocumentationMenuItem'
|
|
||||||
import { TranscriptMenuItem } from './TranscriptMenuItem'
|
import { TranscriptMenuItem } from './TranscriptMenuItem'
|
||||||
import { ScreenRecordingMenuItem } from './ScreenRecordingMenuItem'
|
import { ScreenRecordingMenuItem } from './ScreenRecordingMenuItem'
|
||||||
import { PictureInPictureMenuItem } from '@/features/rooms/livekit/components/controls/Options/PictureInPictureMenuItem'
|
import { PictureInPictureMenuItem } from '@/features/rooms/livekit/components/controls/Options/PictureInPictureMenuItem'
|
||||||
@@ -29,7 +28,6 @@ export const OptionsMenuItems = () => {
|
|||||||
<Separator />
|
<Separator />
|
||||||
<MenuSection>
|
<MenuSection>
|
||||||
<SupportMenuItem />
|
<SupportMenuItem />
|
||||||
<DocumentationMenuItem />
|
|
||||||
<FeedbackMenuItem />
|
<FeedbackMenuItem />
|
||||||
<SettingsMenuItem />
|
<SettingsMenuItem />
|
||||||
</MenuSection>
|
</MenuSection>
|
||||||
|
|||||||
@@ -266,16 +266,6 @@ export const Footer = () => {
|
|||||||
{t('links.accessibility')}
|
{t('links.accessibility')}
|
||||||
</Link>
|
</Link>
|
||||||
</StyledLi>
|
</StyledLi>
|
||||||
<StyledLi divider>
|
|
||||||
<Link
|
|
||||||
underline={false}
|
|
||||||
footer="minor"
|
|
||||||
to="/test-connection"
|
|
||||||
aria-label={t('links.connectionTest')}
|
|
||||||
>
|
|
||||||
{t('links.connectionTest')}
|
|
||||||
</Link>
|
|
||||||
</StyledLi>
|
|
||||||
<StyledLi>
|
<StyledLi>
|
||||||
<A
|
<A
|
||||||
externalIcon
|
externalIcon
|
||||||
|
|||||||
@@ -260,8 +260,7 @@
|
|||||||
"enter": "Vollbild",
|
"enter": "Vollbild",
|
||||||
"exit": "Vollbildmodus verlassen"
|
"exit": "Vollbildmodus verlassen"
|
||||||
},
|
},
|
||||||
"support": "Support kontaktieren",
|
"support": "Support kontaktieren"
|
||||||
"documentation": "Dokumentation"
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"effects": {
|
"effects": {
|
||||||
|
|||||||
@@ -1,31 +0,0 @@
|
|||||||
{
|
|
||||||
"title": "Test your configuration",
|
|
||||||
"intro": "Check that your device works with Visio: browser, media devices, and server connectivity.",
|
|
||||||
"runTest": "Run test",
|
|
||||||
"reset": "Run again",
|
|
||||||
"details": "Details",
|
|
||||||
"downloadReport": "Download report",
|
|
||||||
"homeLink": "Test your configuration",
|
|
||||||
"steps": {
|
|
||||||
"browser": "Browser",
|
|
||||||
"microphone": "Microphone",
|
|
||||||
"camera": "Camera",
|
|
||||||
"devices": "Media devices",
|
|
||||||
"websocket": "WebSocket",
|
|
||||||
"webrtc": "WebRTC",
|
|
||||||
"turn": "TURN",
|
|
||||||
"reconnect": "Reconnect",
|
|
||||||
"publishAudio": "Audio publishing",
|
|
||||||
"publishVideo": "Video publishing"
|
|
||||||
},
|
|
||||||
"status": {
|
|
||||||
"pending": "Pending",
|
|
||||||
"running": "Running…",
|
|
||||||
"success": "Passed",
|
|
||||||
"failed": "Failed",
|
|
||||||
"skipped": "Skipped"
|
|
||||||
},
|
|
||||||
"help": {
|
|
||||||
"firewall": "If network tests fail, check your browser permissions and network filtering rules (WebRTC, WebSocket, TURN) with your IT department."
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -36,7 +36,6 @@
|
|||||||
"legalsTerms": "Legal Notice",
|
"legalsTerms": "Legal Notice",
|
||||||
"data": "Personal Data and Cookies",
|
"data": "Personal Data and Cookies",
|
||||||
"accessibility": "Accessibility: non-compliant",
|
"accessibility": "Accessibility: non-compliant",
|
||||||
"connectionTest": "Test your configuration",
|
|
||||||
"ariaLabel": "new window",
|
"ariaLabel": "new window",
|
||||||
"codeAnnotation": "Our code is open and available on this",
|
"codeAnnotation": "Our code is open and available on this",
|
||||||
"code": "Open Source Code Repository",
|
"code": "Open Source Code Repository",
|
||||||
|
|||||||
@@ -13,7 +13,6 @@
|
|||||||
"moreLinkLabel": "Learn more about {{appTitle}} - new tab",
|
"moreLinkLabel": "Learn more about {{appTitle}} - new tab",
|
||||||
"moreLink": "Learn more",
|
"moreLink": "Learn more",
|
||||||
"moreAbout": "about {{appTitle}}",
|
"moreAbout": "about {{appTitle}}",
|
||||||
"connectionTestLink": "Test your configuration",
|
|
||||||
"createMenu": {
|
"createMenu": {
|
||||||
"laterOption": "Create a meeting for a later date",
|
"laterOption": "Create a meeting for a later date",
|
||||||
"instantOption": "Start an instant meeting"
|
"instantOption": "Start an instant meeting"
|
||||||
|
|||||||
@@ -260,8 +260,7 @@
|
|||||||
"enter": "Fullscreen",
|
"enter": "Fullscreen",
|
||||||
"exit": "Exit fullscreen mode"
|
"exit": "Exit fullscreen mode"
|
||||||
},
|
},
|
||||||
"support": "Contact support",
|
"support": "Contact support"
|
||||||
"documentation": "Documentation"
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"effects": {
|
"effects": {
|
||||||
|
|||||||
@@ -1,31 +0,0 @@
|
|||||||
{
|
|
||||||
"title": "Tester votre configuration",
|
|
||||||
"intro": "Vérifiez la compatibilité de votre poste avec Visio : navigateur, périphériques médias et connexion au serveur.",
|
|
||||||
"runTest": "Lancer le test",
|
|
||||||
"reset": "Relancer",
|
|
||||||
"details": "Détails",
|
|
||||||
"downloadReport": "Télécharger le rapport",
|
|
||||||
"homeLink": "Tester votre configuration",
|
|
||||||
"steps": {
|
|
||||||
"browser": "Navigateur",
|
|
||||||
"microphone": "Microphone",
|
|
||||||
"camera": "Caméra",
|
|
||||||
"devices": "Périphériques médias",
|
|
||||||
"websocket": "WebSocket",
|
|
||||||
"webrtc": "WebRTC",
|
|
||||||
"turn": "TURN",
|
|
||||||
"reconnect": "Reconnexion",
|
|
||||||
"publishAudio": "Publication audio",
|
|
||||||
"publishVideo": "Publication vidéo"
|
|
||||||
},
|
|
||||||
"status": {
|
|
||||||
"pending": "En attente",
|
|
||||||
"running": "En cours…",
|
|
||||||
"success": "Réussi",
|
|
||||||
"failed": "Échec",
|
|
||||||
"skipped": "Ignoré"
|
|
||||||
},
|
|
||||||
"help": {
|
|
||||||
"firewall": "En cas d'échec des tests réseau, vérifiez vos permissions navigateur et les règles de filtrage réseau (WebRTC, WebSocket, TURN) auprès de votre service informatique."
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -36,7 +36,6 @@
|
|||||||
"legalsTerms": "Mentions légales",
|
"legalsTerms": "Mentions légales",
|
||||||
"data": "Données personnelles et cookie",
|
"data": "Données personnelles et cookie",
|
||||||
"accessibility": "Accessibilité : non conforme",
|
"accessibility": "Accessibilité : non conforme",
|
||||||
"connectionTest": "Tester votre configuration",
|
|
||||||
"ariaLabel": "nouvelle fenêtre",
|
"ariaLabel": "nouvelle fenêtre",
|
||||||
"codeAnnotation": "Notre code est ouvert et disponible sur ce",
|
"codeAnnotation": "Notre code est ouvert et disponible sur ce",
|
||||||
"code": "dépôt de code Open Source",
|
"code": "dépôt de code Open Source",
|
||||||
|
|||||||
@@ -13,7 +13,6 @@
|
|||||||
"moreLinkLabel": "En savoir plus sur {{appTitle}} - nouvelle fenêtre",
|
"moreLinkLabel": "En savoir plus sur {{appTitle}} - nouvelle fenêtre",
|
||||||
"moreLink": "En savoir plus",
|
"moreLink": "En savoir plus",
|
||||||
"moreAbout": "sur {{appTitle}}",
|
"moreAbout": "sur {{appTitle}}",
|
||||||
"connectionTestLink": "Tester votre configuration",
|
|
||||||
"createMenu": {
|
"createMenu": {
|
||||||
"laterOption": "Créer une réunion pour une date ultérieure",
|
"laterOption": "Créer une réunion pour une date ultérieure",
|
||||||
"instantOption": "Démarrer une réunion instantanée"
|
"instantOption": "Démarrer une réunion instantanée"
|
||||||
|
|||||||
@@ -260,8 +260,7 @@
|
|||||||
"enter": "Plein écran",
|
"enter": "Plein écran",
|
||||||
"exit": "Quitter le mode plein écran"
|
"exit": "Quitter le mode plein écran"
|
||||||
},
|
},
|
||||||
"support": "Contacter l'aide",
|
"support": "Contacter l'aide"
|
||||||
"documentation": "Documentation"
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"effects": {
|
"effects": {
|
||||||
|
|||||||
@@ -260,8 +260,7 @@
|
|||||||
"enter": "Volledig scherm",
|
"enter": "Volledig scherm",
|
||||||
"exit": "Stop volledig scherm stand"
|
"exit": "Stop volledig scherm stand"
|
||||||
},
|
},
|
||||||
"support": "Contact ondersteuning",
|
"support": "Contact ondersteuning"
|
||||||
"documentation": "Documentatie"
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"effects": {
|
"effects": {
|
||||||
|
|||||||
@@ -20,9 +20,6 @@ const AccessibilityRoute = lazy(
|
|||||||
)
|
)
|
||||||
const RoomRoute = lazy(() => import('@/features/rooms/routes/Room'))
|
const RoomRoute = lazy(() => import('@/features/rooms/routes/Room'))
|
||||||
const FeedbackRoute = lazy(() => import('@/features/rooms/routes/Feedback'))
|
const FeedbackRoute = lazy(() => import('@/features/rooms/routes/Feedback'))
|
||||||
const ConnectionTestRoute = lazy(
|
|
||||||
() => import('@/features/connection-test/routes/ConnectionTest')
|
|
||||||
)
|
|
||||||
|
|
||||||
const roomIdRegex = new RegExp(`^[/](?<roomId>${flexibleRoomIdPattern})$`)
|
const roomIdRegex = new RegExp(`^[/](?<roomId>${flexibleRoomIdPattern})$`)
|
||||||
|
|
||||||
@@ -30,7 +27,6 @@ export const routes: Record<
|
|||||||
| 'home'
|
| 'home'
|
||||||
| 'room'
|
| 'room'
|
||||||
| 'feedback'
|
| 'feedback'
|
||||||
| 'connectionTest'
|
|
||||||
| 'legalTerms'
|
| 'legalTerms'
|
||||||
| 'accessibility'
|
| 'accessibility'
|
||||||
| 'termsOfService'
|
| 'termsOfService'
|
||||||
@@ -61,11 +57,6 @@ export const routes: Record<
|
|||||||
path: '/feedback',
|
path: '/feedback',
|
||||||
Component: FeedbackRoute,
|
Component: FeedbackRoute,
|
||||||
},
|
},
|
||||||
connectionTest: {
|
|
||||||
name: 'connectionTest',
|
|
||||||
path: '/test-connection',
|
|
||||||
Component: ConnectionTestRoute,
|
|
||||||
},
|
|
||||||
legalTerms: {
|
legalTerms: {
|
||||||
name: 'legalTerms',
|
name: 'legalTerms',
|
||||||
path: '/mentions-legales',
|
path: '/mentions-legales',
|
||||||
|
|||||||
@@ -31,19 +31,6 @@ html.font-opendyslexic {
|
|||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* LiveKit ConnectionCheck appends a temporary <video> to body during publishVideo.
|
|
||||||
Keep it decodable (not display:none) but invisible. */
|
|
||||||
body.connection-test-hide-livekit-video > video {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 10px;
|
|
||||||
height: 10px;
|
|
||||||
opacity: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
z-index: -1;
|
|
||||||
}
|
|
||||||
|
|
||||||
* {
|
* {
|
||||||
outline: 2px solid transparent;
|
outline: 2px solid transparent;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -154,7 +154,6 @@ backend:
|
|||||||
FRONTEND_SILENCE_LIVEKIT_DEBUG: False
|
FRONTEND_SILENCE_LIVEKIT_DEBUG: False
|
||||||
FRONTEND_SUPPORT: "{'id': '58ea6697-8eba-4492-bc59-ad6562585041', 'help_article_transcript': 'https://lasuite.crisp.help/fr/article/visio-transcript-1sjq43x', 'help_article_recording': 'https://lasuite.crisp.help/fr/article/visio-enregistrement-wgc8o0', 'help_article_more_tools': 'https://lasuite.crisp.help/fr/article/visio-tools-bvxj23'}"
|
FRONTEND_SUPPORT: "{'id': '58ea6697-8eba-4492-bc59-ad6562585041', 'help_article_transcript': 'https://lasuite.crisp.help/fr/article/visio-transcript-1sjq43x', 'help_article_recording': 'https://lasuite.crisp.help/fr/article/visio-enregistrement-wgc8o0', 'help_article_more_tools': 'https://lasuite.crisp.help/fr/article/visio-tools-bvxj23'}"
|
||||||
FRONTEND_FEEDBACK: "{'url': 'https://grist.numerique.gouv.fr/o/docs/cbMv4G7pLY3Z/USER-RESEARCH-or-LA-SUITE/f/26'}"
|
FRONTEND_FEEDBACK: "{'url': 'https://grist.numerique.gouv.fr/o/docs/cbMv4G7pLY3Z/USER-RESEARCH-or-LA-SUITE/f/26'}"
|
||||||
FRONTEND_DOCUMENTATION_URL: "https://docs.numerique.gouv.fr/docs/7c5bd65d-3c21-486f-bce1-26e0a921d642/"
|
|
||||||
FRONTEND_MANIFEST_LINK: "https://docs.numerique.gouv.fr/docs/1ef86abf-f7e0-46ce-b6c7-8be8b8af4c3d/"
|
FRONTEND_MANIFEST_LINK: "https://docs.numerique.gouv.fr/docs/1ef86abf-f7e0-46ce-b6c7-8be8b8af4c3d/"
|
||||||
FRONTEND_IDLE_DISCONNECT_WARNING_DELAY: 9000
|
FRONTEND_IDLE_DISCONNECT_WARNING_DELAY: 9000
|
||||||
FRONTEND_TRANSCRIPTION_DESTINATION: "https://docs.numerique.gouv.fr"
|
FRONTEND_TRANSCRIPTION_DESTINATION: "https://docs.numerique.gouv.fr"
|
||||||
|
|||||||
Reference in New Issue
Block a user