P4Pillon/Krys4lide
4
2
Fork 0
Code Issues 27 Pull Requests 3 Actions Packages Projects 1 Releases Activity

Refactoring de l'interface : migration d'un monolithe HTMx vers un client Nuxt + serveur Axum #66

Merged
florian_briand merged 10 commits from feat/65_move_out_htmx_with_axum_backend_and_nuxt_frontend into main 2024-09-24 12:53:14 +02:00
Conversation 0 Commits 10 Files Changed 26 +866 -649
florian_briand commented 2024-09-23 19:06:34 +02:00
Owner
Copy Link

Détails

Implémentation des réflexions menées dans #65 :

  • Suppression de la crate app, qui était un serveur axum exposant du HTMx, embedded dans le Tauri de la crate desktop
  • Création d'un module Typescript, frontend, basé sur NuxtJS et générant une application statique
  • Ré-écriture complète de la crate desktop pour encapsuler l'application statique générée par frontend
  • Création d'une crate backend, serveur axum ayant pour objectif de servir de backend à l'interface, en particulier pour centraliser les accès à une base de donnée unique

Petits détails d'implémentation

  • J'ai ré-utilisé TailwindCSS, mais au travers du module Nuxt dédié ; la génération est donc propre et automatisée, sans même nécessiter de configuration
  • J'ai rajouté une "surcouche" à Tailwind, DaisyUI plutôt que de re-partir sur Flowbite ; ça fournit un ensemble de composants, mais de manière moins intrusive et "opinionated"

Pourquoi ?

cf #65

Documentation

### Détails Implémentation des réflexions menées dans #65 : - Suppression de la crate `app`, qui était un serveur axum exposant du HTMx, embedded dans le Tauri de la crate `desktop` - Création d'un module Typescript, `frontend`, basé sur NuxtJS et générant une application statique - Ré-écriture complète de la crate `desktop` pour encapsuler l'application statique générée par `frontend` - Création d'une crate `backend`, serveur axum ayant pour objectif de servir de backend à l'interface, en particulier pour centraliser les accès à une base de donnée unique ## Petits détails d'implémentation - J'ai ré-utilisé TailwindCSS, mais au travers du module Nuxt dédié ; la génération est donc propre et automatisée, sans même nécessiter de configuration - J'ai rajouté une "surcouche" à Tailwind, DaisyUI plutôt que de re-partir sur Flowbite ; ça fournit un ensemble de composants, mais de manière moins intrusive et "opinionated" ### Pourquoi ? cf #65 ### Documentation - [Nuxt](https://nuxt.com/) - [DaisyUI](https://daisyui.com/) - [@nuxtjs/tailwindcss](https://tailwindcss.nuxtjs.org/)
florian_briand added this to the 0 - POC milestone 2024-09-23 19:06:34 +02:00
florian_briand added the
enhancement
 label 2024-09-23 19:06:34 +02:00
florian_briand self-assigned this 2024-09-23 19:06:34 +02:00
florian_briand added 10 commits 2024-09-23 19:06:34 +02:00
florian_briand changed title from feat/65_move_out_htmx_with_axum_backend_and_nuxt_frontend to Refactoring de l'interface : migration d'un monolithe HTMx vers un client Nuxt + serveur Axum 2024-09-23 19:09:58 +02:00
florian_briand added the
module/desktop
module/frontend
 labels 2024-09-24 01:19:40 +02:00
florian_briand added spent time 2024-09-24 01:22:31 +02:00
5 hours 30 minutes
florian_briand deleted spent time 2024-09-24 01:25:23 +02:00
- 5 hours 30 minutes
florian_briand added spent time 2024-09-24 01:25:31 +02:00
5 hours 16 minutes
kosssi approved these changes 2024-09-24 10:30:25 +02:00
kosssi left a comment
Owner
Copy Link

Trop bien de voir du code simple pour la partie frontend

Trop bien de voir du code simple pour la partie frontend
frontend/package.json
@ -0,0 +13,4 @@
"@nuxtjs/color-mode": "^3.5.1",
"daisyui": "^4.12.10",
"nuxt": "^3.13.0",
"vue": "latest",
kosssi commented 2024-09-24 10:29:43 +02:00
Owner
Copy Link

faudrait surement mettre les version sur vue et vue-router plutôt que latest

faudrait surement mettre les version sur vue et vue-router plutôt que latest
florian_briand commented 2024-09-24 12:18:32 +02:00
Author
Owner
Copy Link

Je n'ai rien trouvé à ce sujet dans la documentation. J'ai posé la question : https://github.com/nuxt/nuxt/discussions/29137

Je n'ai rien trouvé à ce sujet dans la documentation. J'ai posé la question : https://github.com/nuxt/nuxt/discussions/29137
florian_briand merged commit b94dd55418 into main 2024-09-24 12:53:14 +02:00
Sign in to join this conversation.
Reviewers
No reviewers
kosssi
Labels
Clear labels   
bug

Something is not working

  
duplicate

This issue or pull request already exists

  
enhancement

New feature

  
help wanted

Need some help

  
independant

Tickets réalisables indépendaments des travaux prévus dans la roadmap - très approprié pour des contributions ponctuelles

  
invalid

Something is wrong

  
module/autre

Pour toute autre partie du produit non lié aux autres étiquettes disponibles

  
module/backend

Serveur backend, opérant les accès données et système

  
module/desktop

Encapsulation de la webview dans Tauri

  
module/docs

Documentation (docs)

  
module/frontend

Interfaces utilisateur⋅ices

  
module/scripts

Scripts utiles au setup et/ou au build (scripts)

  
module/sesam-vitale

Moteur SESAM-Vitale

  
module/utils

Librairie de fonctions utilitaires

  
open-source

Les tâches contribuant à l'ouverture et au partage du code

  
question

More information is needed

  
to-triage

À trier

  
wontfix

This won't be fixed

No Label
bug
duplicate
enhancement
help wanted
independant
invalid
module/autre
module/backend
module/desktop
module/docs
module/frontend
module/scripts
module/sesam-vitale
module/utils
open-source
question
to-triage
wontfix
Milestone
Clear milestone
No items
No Milestone
0 - POC
Projects
Clear projects
No project
Assignees
Clear assignees
No Assignees
florian_briand
2 Participants
Notifications
Total Time Spent: 5 hours 16 minutes
florian_briand
5 hours 16 minutes
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: P4Pillon/Krys4lide#66
No description provided.
Delete Branch "feat/65_move_out_htmx_with_axum_backend_and_nuxt_frontend"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?