Krys4lide/crates/app
2024-08-27 11:19:59 +02:00
..
assets chore: update style.css 2024-08-27 11:19:59 +02:00
css feat: Setup Tailwind CSS 2024-08-06 21:11:04 +02:00
src docs: add some comments on useful locations 2024-08-27 11:19:59 +02:00
.gitignore feat: Setup Tailwind CSS 2024-08-06 21:11:04 +02:00
askama.toml feat: Rewrite routes, pages and components to be more HATEOAS 2024-08-27 11:19:59 +02:00
Cargo.toml feat: implement htmx with partials on index and cps pages 2024-08-27 11:19:59 +02:00
README.md docs: Move documentation on code 2024-08-09 01:41:03 +02:00
tailwind.config.js chore: update style.css 2024-08-27 11:19:59 +02:00

Pré-requis

Exécution

  • Lancer tailwindcss en mode watch dans un terminal :
./tailwindcss -i css/input.css -o assets/css/style.css --watch
  • Lancer le serveur web dans un autre terminal :
cargo run --bin app

Rechargement automatique (auto-reload)

Pour le projet app, nous utilisons en plus de cargo-watch ses librairies :

  • systemfd permet de redémarrer un serveur sans interrompre les connexions en cours, il transmet le descripteur de fichier du socket à une nouvelle instance du serveur (exemple: cargo watch -x run --> systemfd --no-pid -s http::3000 -- cargo watch -x run). Si le port est déjà pris il en prendra un autre.
  • listenfd permet, côté Rust, de démarrer un serveur en utilisant des connexions déjà ouvertes.

Pour notre application voici la commande à lancer :

systemfd --no-pid -s http::3000 -- cargo watch -x 'run --bin app'

Chargement à chaud (livereload)

Pour que notre navigateur rafraîchisse automatique notre page lorsque le serveur a été recompilé, nous utilisons la librairie tower-livereload.

A chaque changement, que ça soit sur du code en Rust, HTML, CSS ou JS alors le navigateur va recharger entièrement la page.

En Rust, il n'existe pas encore d'outil de Hot Reload complet et intégré comme on en trouve dans d'autres environnements de développement web, comme pour Node.js.