Contributions open-source au projet JHipster: Difference between revisions

From air
Jump to navigation Jump to search
No edit summary
No edit summary
 
(53 intermediate revisions by 3 users not shown)
Line 1: Line 1:
Encadrant : Didier Donsez, Anthony Geourjon.
Encadrant : Didier Donsez.


En 2020 et 2021, plusieurs extensions à JHipster ont été réalisées des INFO 5A (voir https://github.com/contribution-jhipster-uga).
Ce projet propose de développer plusieurs contributions au projet open-source [[JHipster]]

A savoir:
* Intégration de [https://fullcalendar.io/ FullCalendar] (voir l'application [https://www.motorsports-database.racing/#/ Motorsport Database] et [https://github.com/sudheerj/generator-jhipster-primeng/search?q=fullcalendar&unscoped_q=fullcalendar l'intégration dans PrimeNG])
* Intégration de iCal4J au générateur [https://fullcalendar.io/ FullCalendar]
** https://github.com/ical4j/ical4j
** https://github.com/ical4j/ical4j/wiki/Examples
* Ajout de l'indexation full-text dans les types Blob avec [[Apache Tika]] en fonction de leur content-type
⚫
* Optimisation des transferts d'images de type ImageBlob (caching client, etag, vignette)
* Ajout de l'indexation full-text par [[OCR]] dans les types ImageBlob avec [[Tesseract]] OCR (voir [https://linuxhint.com/tess4j_maven_java_tutorial/ Tess4J])
* Ajout de la détection d'objets dans les types ImageBlob avec [[ImageAI]]
* Intégration de charts ([https://swimlane.github.io/ngx-charts/#/ngx-charts ngx-charts]) dans les entités (coté frontend et coté backend entry point /api/entity_name/chart)
* Intégration [[HarperDB]] https://harperdb.io/
* Intégration Mantine https://github.com/mantinedev/mantine
* Intégration ReactFlow https://reactflow.dev

Ce projet propose de maintenir ces extensions à JHispter, de les porter pour les autres canevas client (React, Vue) et développer de nouvelles extensions qui seront contribées au projet open-source [[JHipster]].

Ce projet vous permettra de rentrer dans le coeur des technologies (frontend, backend) et de ne pas rester qu'un simple utilisateur de celles-ci.


Dépôt Github : https://github.com/contribution-jhipster-uga
Dépôt Github : https://github.com/contribution-jhipster-uga




=Quelques idées d'extension=
=Liste priorisée=
* [[Conteneurs pour le Pentest]]
* Ajout d'utilitaires bases de données (docker-compose pour les backups periodiques, interface d'admin type phpmyadmin)
* Intégration de Discord4J dans le backend Spring https://www.baeldung.com/spring-discord4j-bot
** Exemple: https://github.com/CampusIoT/loraserver-docker/blob/master/pgadmin.yml, https://github.com/CampusIoT/loraserver-docker/blob/master/pgbackup.yml
* Amélioration du générateur de chatbot Rasa.io (en relation avec l'indexation full text)
* Ajout d'un composant de paiement [http://www.baeldung.com/java-stripe-api Stripe] (frontend Angular, React, VueJS) et d'un client feign vers stripe.com dans le backend Spring ([http://www.baeldung.com/java-stripe-api lien])
* Intégration d'un "tour" : candidats [https://github.com/tnicola/ngx-joyride|NGX JOYRIDE], [https://isaacplmann.github.io/ngx-tour/|NGX TOUR], ...
⚫
* Optimisation des transferts d'images de type ImageBlob (caching client, etag, vignette)
* Générateur d'un frontend Flutter (https://flutter.dev). (Authentification JWT, Authentification OAuth2.0, Entité (liste, détail, création, modification), ...
⚫
* Intégration du protocole pub-sub [[MQTT]]. Ajout du docker-compose file pour [[Mosquitto]] ou [[RabbitMQ]]
* Ajout d'un composant pour la mise à jour d'une entité avec Ngx Formly au générateur [https://github.com/raymonschouwenaar/angular-ngx-formly-material-example voir l'exemple] [https://medium.com/better-programming/build-fast-json-powered-forms-on-angular-with-ngx-formly-b7a00733e66e voir l'exemple]
* Ajout du SEO (JSON-LD) [https://samvloeberghs.be/posts/outputting-json-ld-with-angular-universal voir] et [https://coryrylan.com/blog/angular-seo-with-schema-and-json-ld voir]
* Composant de SignaturePad pour les champs de type ImageBlob :
** voir http://lathonez.com/angular2-signaturepad-demo/
** voir https://dimpu.github.io/angular2-signature-pad/
* Composant de dessin pour les champs de type ImageBlob (ajout d'un bouton "Draw")
* Composant de retouche d'images pour les champs de type ImageBlob (ajout d'un bouton "Edit").
* Ajout d'un composant d'édition Rich Text (comme TinyMCE ou http://textangular.com/) pour l'édition et l'affichage de TextBlob d'une entité.

* Terminaison du [https://github.com/contribution-jhipster-uga/generator-jhipster/tree/angular-material générateur Angular Material]
⚫
* Bloquage des authentifications répétées en échec (brute force) avec un container [[Fail2ban]]. ([https://www.google.fr/search?client=firefox-b&dcr=0q=fail2ban+spring|lien]
* Amélioration du plugin Leaflet avec Leaflet Draw http://leaflet.github.io/Leaflet.draw/docs/leaflet-draw-latest.html
* Amélioration du générateur de chatbot Rasa.io (en relation avec l'indexation full text)
⚫
* Intégration d'un module Discord.
* Intégration de Postman pour les tests des endpoints de l'API

* Clear-Site-Data Header pour le logout (https://www.baeldung.com/spring-security-clear-site-data-header)
* Intégration de Spring Data [[Apache Ignite]] (voir https://www.baeldung.com/apache-ignite-spring-data)
* Démonstration d'un Q/A live en mode Chat (voir pubble.io) avec les websockets.

* Démonstrateur Téléconsultation avec JHipster, Jitsi et WebRTC : l'objectif est de développer une plateforme open-source de téléconsultation (médecin, mécanicien, plombier, coiffeur, soutien scolaire, tutorat polytech “confiné” ...) avec prise de rendez-vous. La plateforme sera basée sur JHipster, FullCalendar, Stripe, Paypal et Jitsi (WebRTC https://jitsi.org/ ). Les frontends mobiles pourront être développés avec Flutter (https://flutter.dev ). Le backend pourra être déployé avec Kubernetes sur un CaaS public (demande de crédits Azure en cours). Cette plateforme pourra être ajoutée au showroom de JHipster et l’objet d’une présentation à la conf JHipster
* Ajout de [[Weavescope]]
* Ajout des types enums dans Liquibase
* Renforcement du typage des enums SQL (avec liquibase) [https://stackoverflow.com/questions/5133423/enum-data-type-for-liquibase voir]
⚫
* Intégration du protocole pub-sub [[MQTT]] (avec/sans TLS). Ajout du docker-compose file pour [[Mosquitto]] ou [[RabbitMQ]]
** Exemple: https://github.com/CampusIoT/campusiot-app/blob/47c9e860c6e807372f4a3914d9eb5d0340ee28b9/src/main/java/fr/imag/campusiot/app/service/impl/MqttSinkImpl.java
** Exemple: https://github.com/CampusIoT/campusiot-app/blob/47c9e860c6e807372f4a3914d9eb5d0340ee28b9/src/main/java/fr/imag/campusiot/app/service/impl/MqttSinkImpl.java
* Intégration du protocole pub-sub [[AMQP]].
* Intégration du protocole pub-sub [[AMQP]].
* Intégration d'un "tour" : candidats [https://github.com/tnicola/ngx-joyride|NGX JOYRIDE], [https://isaacplmann.github.io/ngx-tour/|NGX TOUR], ...
* Gestion de quota sur les créations d'entité par rapport aux utilisateurs ou à leur profil ou à leur plan.
* Bloquage des authentifications répétées en échec (brute force) avec un container [[Fail2ban]]. ([https://www.google.fr/search?client=firefox-b&dcr=0q=fail2ban+spring|lien]
* Page Home avec dashboard donnant les métriques sur les instances créées pour chaque entité (nombre d'instance, pourcentage si quota, ...).
⚫
* Banissement des adresses IP au moyen de [https://freegeoip.net FreeGeoIP] ([https://hub.docker.com/r/fiorix/freegeoip/~/dockerfile/|Dockerfile])
* Générateur d'un backend ou d'un microservice en [[Elixir]] (utilisation de [https://github.com/everydayhero/phoenix_swagger Phoenix Swagger]) pour l'API.
* Génération des quatre composants d'entités avec FuelUI http://fuelinteractive.github.io/fuel-ui/
* Ajout de [[Knative]] à l'extension [[Kubernetes]]
* Ajout d'[[Istio]]
* Ajout d'une [Non Blocking State Machine|https://dzone.com/articles/drafta-non-blocking-state-machine] sur une entité possédant un champs Enum (correspondant à l'état de la machine : pensez à ajouter des dates pour chaque changement d'état).
* Intégration de React Admin https://github.com/marmelab/react-admin
* Ajout [https://dzone.com/articles/chaos-monkey-for-spring-boot-microservices|Chaos Monkey for Spring Boot Microservices]



=Liste non exhaustive et non priorisée=
Liste non exhaustive et non priorisée des extensions (au générateur et à JDL) à développer et à contribuer auprès de la communauté (via le marketplace).
* Bug fixes à puiser dans https://github.com/jhipster/generator-jhipster/issues
* Génération de classes pour [https://projects.spring.io/spring-shell/ commandes shell] pour inspecter/modifier les entités (générées).
* Génération de classes pour [https://projects.spring.io/spring-shell/ commandes shell] pour inspecter/modifier les entités (générées).
* Intégration authentification [https://www.apereo.org/projects/cas CAS]
* Intégration authentification [https://www.apereo.org/projects/cas CAS]
* Intégration d'une blockchain de consortium Hyperledger (via JPA ?)
* Ajout d'utilitaires bases de données (docker-compose pour les backups periodiques, interface d'admin type phpmyadmin)
* Ajout d'un composant de paiement [http://www.baeldung.com/java-stripe-api|Stripe] (frontend) et d'un client feign vers stripe.com dans le backend
* Ajout de composants de paiement (Paypal, Cartes de crédit ...)
⚫
* Intégration d'un chatbot Rasa.io
* Optimisation des transferts d'images de type ImageBlob (caching client, etag, vignette)
* Ajout d'un ClusteredFileStorage pour les stockage des images côté backend.
* Ajout d'un ClusteredFileStorage pour les stockage des images côté backend.
* Synchronisation du FileStorage avec des Drives cloud (OwnCloud, Google Drive, Dropbox, OneDrive, ...)
* Synchronisation du FileStorage avec des Drives cloud (OwnCloud, Google Drive, Dropbox, OneDrive, ...)
Line 49: Line 92:
* Ajout d'un container [[Vitess]] à JHipster (JPARepository)
* Ajout d'un container [[Vitess]] à JHipster (JPARepository)
* Ajout d'un container [[Memcached]] à JHipster
* Ajout d'un container [[Memcached]] à JHipster
⚫
* Bloquage des authentifications répétées en échec (brute force) avec [[Fail2ban]]. ([https://www.google.fr/search?client=firefox-b&dcr=0q=fail2ban+spring lien]
⚫
* Banissement des adresses IP au moyen de [https://freegeoip.net FreeGeoIP] ([https://hub.docker.com/r/fiorix/freegeoip/~/dockerfile/ Dockerfile])
* Intégration de [[Intel Clear Containers]]
* Intégration de [[Intel Clear Containers]]
* Ajouter une confirmation textuelle pour la suppression d'une entité (exemple, le nom de l'entité, une phrase type, ...).
* Ajouter une confirmation textuelle pour la suppression d'une entité (exemple, le nom de l'entité, une phrase type, ...).
Line 62: Line 103:
** MongoDB
** MongoDB
** Cassandra
** Cassandra
* Keycloak theming ([https://medium.com/@auscunningham/create-a-custom-theme-for-keycloak-8781207be604 voir])



Des applications de démo simple seront proposées en exemple pour chaque extension.
Des applications de démo simple seront proposées en exemple pour chaque extension.

Latest revision as of 08:32, 13 September 2023

Encadrant : Didier Donsez.

En 2020 et 2021, plusieurs extensions à JHipster ont été réalisées des INFO 5A (voir https://github.com/contribution-jhipster-uga).

A savoir:

Ce projet propose de maintenir ces extensions à JHispter, de les porter pour les autres canevas client (React, Vue) et développer de nouvelles extensions qui seront contribées au projet open-source JHipster.

Ce projet vous permettra de rentrer dans le coeur des technologies (frontend, backend) et de ne pas rester qu'un simple utilisateur de celles-ci.

Dépôt Github : https://github.com/contribution-jhipster-uga


Quelques idées d'extension


  • Génération de classes pour commandes shell pour inspecter/modifier les entités (générées).
  • Intégration authentification CAS
  • Ajout d'un ClusteredFileStorage pour les stockage des images côté backend.
  • Synchronisation du FileStorage avec des Drives cloud (OwnCloud, Google Drive, Dropbox, OneDrive, ...)
  • Traduction automatique des messages i18n ?
  • Traduction automatique des valeurs des champs texte des entités
  • Ajout de nouveaux backends BD
  • Intégration Push API (lien)
  • Amélioration du client Swagger UI (OpenAPI2.0 et OpenAPI3.0)
  • Multi-thèmes Dashboard
    • SBAdmin 2
    • Gentella
    • Ngx-Admin (lien), Nebulla (lien)
  • Gestion de Content Delivery Network type AWS S3.
  • Intégration du protocole pub-sub MQTT. Ajout du docker-compose file pour Mosquitto ou RabbitMQ
  • Intégration du protocole pub-sub AMQP.
  • Gestion de quota sur les créations d'entité.
  • Intégration de chatbots open-source (Rasa.ai par exemple) ou commerciaux.
  • Intégration de la traduction automatique des messages et des contenus des champs texte
  • Ajout de l'import en bulk d'un entity (voir Spring Batch) par upload de fichiers CSV/XLS (génération du backend et du frontend).
  • Ajout d'un container Vitess à JHipster (JPARepository)
  • Ajout d'un container Memcached à JHipster
  • Intégration de Intel Clear Containers
  • Ajouter une confirmation textuelle pour la suppression d'une entité (exemple, le nom de l'entité, une phrase type, ...).
    • Remarque: il faut conserver de forcer la destruction en utilisation ligne de commandes ("force"=true)
  • Authentification FIDO (https://github.com/Mastercard/fido2-rp-spring)
  • Descripteurs docker-compose et k8s pour les distributions clusterisées de:
  • Keycloak theming (voir)


Des applications de démo simple seront proposées en exemple pour chaque extension.

Retrieved from "https://air.imag.fr/index.php?title=Contributions_open-source_au_projet_JHipster&oldid=53603"