Frontend VTT-DMV#
Interface Svelte 5 et SvelteKit 2 de l’application desktop VTT-DMV. Le frontend est compilé par Vite 8, stylé avec UnoCSS et embarqué dans la WebView Tauri.
Installation#
Depuis ce dossier :
npm ci
npm ci utilise le lockfile versionné et constitue la commande reproductible de référence.
Développement#
npm run dev
Le serveur Vite écoute par défaut sur http://localhost:5173. Pour déboguer l’application desktop complète avec CodeLLDB, utiliser la configuration VS Code Tauri : débogage développement décrite dans le README principal. Elle démarre automatiquement Vite avant le binaire Tauri.
Qualité#
La gate canonique se lance depuis la racine du dépôt :
make quality
Les contrôles frontend peuvent aussi être exécutés séparément :
npx prettier --check src/
npx eslint src/
npm run test:quality
npm run lint:attributify
npx svelte-check
npm test
Build#
npm run build
Cette commande produit les ressources statiques consommées par Tauri. Le binaire desktop complet se construit depuis la racine avec make build.
Contrats générés#
Les déclarations de src/lib/generated/contracts/ sont générées depuis les types
Rust canoniques avec ts-rs. Elles sont actualisées par cargo test et ne doivent
jamais être modifiées manuellement. La procédure complète est décrite dans le
guide des contrats Rust-TypeScript générés.
Documentation du projet#
Les fichiers de synthèse produit et la structure documentaire du projet sont référencés ici pour garder le frontend aligné avec le PRD et les spécifications techniques :
- Convention de construction des pages — ADR-0041
- Guide de construction des pages
- Taxonomie et registre des surfaces UI
- Catalogue des composants
- Architecture produit
- 01 — Monde du jeu
- 02 — Workspace visuel
- 03 — Session de table
- 04 — Assets et médias
- 05 — Permissions et sécurité
- 06 — Réseau et session
- 07 — Schéma d’architecture produit