... | @@ -12,8 +12,16 @@ L'architecture suit l'architecture standard de SvelteKit: |
... | @@ -12,8 +12,16 @@ L'architecture suit l'architecture standard de SvelteKit: |
|
|
|
|
|
- `src/routes`: contient les routes de l'application, qui sont des fichiers `.svelte`
|
|
- `src/routes`: contient les routes de l'application, qui sont des fichiers `.svelte`
|
|
- `src/lib`: contient les fichiers de code partagé entre les routes, surtout des fonctions utilitaires (fichiers `.ts`) ou des composants Svelte (dossier `components`)
|
|
- `src/lib`: contient les fichiers de code partagé entre les routes, surtout des fonctions utilitaires (fichiers `.ts`) ou des composants Svelte (dossier `components`)
|
|
|
|
- Certains composants et fonctions sont utiles à une grande majorité des pages, voir [Concepts](#concepts)
|
|
- `src/params`: des filtres pour des paramètres de routes à format spécifique (voir [la documentation SvelteKit](https://kit.svelte.dev/docs/advanced-routing#matching)). Utilisé par exemple pour `/@pseudo`.
|
|
- `src/params`: des filtres pour des paramètres de routes à format spécifique (voir [la documentation SvelteKit](https://kit.svelte.dev/docs/advanced-routing#matching)). Utilisé par exemple pour `/@pseudo`.
|
|
- `src/scripts`: Des scripts de développement et de maintenance. La plupart sont exécutés par des scripts NPM (voir `package.json` dans `packages/app`).
|
|
- `src/scripts`: Des scripts de développement et de maintenance. La plupart sont exécutés par des scripts NPM (voir `package.json` dans `packages/app`).
|
|
- `src/design`: des fichiers SCSS contenant les styles globaux à toute l'application. Principalement du [CSS Reset](https://css-tricks.com/reboot-resets-reasoning/), et des variables CSS globales (couleurs, largeurs d'arrondis pour `border-radius`, etc.)
|
|
- `src/design`: des fichiers SCSS contenant les styles globaux à toute l'application. Principalement du [CSS Reset](https://css-tricks.com/reboot-resets-reasoning/), et des variables CSS globales (couleurs, largeurs d'arrondis pour `border-radius`, etc.)
|
|
- `static`: des fichiers statiques, tels que les polices, les logos, etc.
|
|
- `static`: des fichiers statiques, tels que les polices, les logos, etc.
|
|
- `android/` et `ios/`: voir l'[application native](/native)
|
|
- `android/` et `ios/`: voir l'[application native](/native)
|
|
|
|
|
|
|
|
|
|
|
|
## Concepts
|
|
|
|
|
|
|
|
Documentation plus détaillée de certains concepts présents dans l'interface, dont la gestion est centralisée dans `src/lib`:
|
|
|
|
|
|
|
|
- [Interfaces "squelettes" de chargement](/App/loading-ui) |