4nk/ihm_client
5
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix pairing page HTML layout and relay timeout issues

Browse Source 
**Motivations :**
- Le HTML de la page de pairing était cassé avec tous les blocs à la suite
- Le script s'arrêtait sur l'attente des relays sans timeout de fallback
- Le CSS de 4nk.css était chargé après le CSS inline, causant des conflits

**Modifications :**
- pairing.html : Déplacé le lien vers 4nk.css avant le CSS inline pour éviter les conflits
- service.ts : Ajouté un timeout de 10 secondes dans getRelayReadyPromise() pour éviter l'attente infinie
- service.ts : Ajouté une résolution manuelle de relayReadyPromise dans connectAllRelays() si le handshake timeout
- service.ts : Supprimé le paramètre reject inutilisé dans la Promise

**Pages affectées :**
- src/pages/pairing/pairing.html : Ordre de chargement CSS corrigé
- src/services/service.ts : Timeout et fallback pour les relays
This commit is contained in:
NicolasCantu 2025-10-29 20:32:22 +01:00
parent f7c2f86d30
commit f732f775c2
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/pairing/pairing.html
View File

@ -4,6 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pairing - LeCoffre</title>
<link rel="stylesheet" href="../../4nk.css">
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
@ -63,7 +64,6 @@
min-height: 200px;
}
</style>
<link rel="stylesheet" href="../../4nk.css">
</head>
<body>
<div class="container">

14
src/services/service.ts
View File

@ -572,6 +572,8 @@ export default class Services {
`⚠️ No handshake received within timeout, but continuing with ${connectedUrls.length} connections`
);
// Continue anyway - we have connections even without handshake
// Resolve the relay ready promise manually since we have connections
this.resolveRelayReady();
}
} else {
console.warn(`⚠️ No relay connections established`);
@ -590,8 +592,18 @@ export default class Services {
if (!this.relayReadyPromise) {
console.log('🔍 DEBUG: Creating new relay ready promise');
this.relayReadyPromise = new Promise<void>(resolve => {
this.relayReadyPromise = new Promise<void>((resolve) => {
this.relayReadyResolver = resolve;
// Timeout après 10 secondes si aucun handshake n'arrive
setTimeout(() => {
if (this.relayReadyResolver) {
console.warn('⚠️ Relay ready timeout - resolving anyway');
this.relayReadyResolver();
this.relayReadyResolver = null;
this.relayReadyPromise = null;
}
}, 10000);
});
} else {
console.log('🔍 DEBUG: Returning existing relay ready promise');