MVP Chat

[marineks]

Roadmap

• [x] Etablir une socket connection entre back et front
• [x] Récupérer le nickname du user à partir de son socket (middleware)
• [x] Stocker les sockets de toutes les personnes connectées dans un map
• [x] Créer un modèle Channel
• [x] Créer un modèle Message
• [x] Déplacer la logique de connexion de socket au Login.tsx et non Chat.tsx 🚨
• [x] TEST Faire en sorte d'envoyer un message à une room seulement (sachant qu'un mp est juste une room de 2 personnes).
• [x] TEST Faire en sorte que le message envoyé à la room ne s'envoie pas à l'expéditeur
• [x] maintenant refacto pour que :
  • [x] la room soit dynamique
  • [x] ajouter les users dans les rooms quand ils cliquent sur un bouton Message du profil de qqun par exmple
  • [x] associer la room créée à un channel
  • [x] associer les messages emitted à cette room
  • [x] gestion du "leave the room"
• [x] Mettre en place un système de parsing ('/kick', '/ban', '/msg' etc).
• [x] déplacer logique join chan dans channelLinks et descendre le setActiveTab et setActiveConv dedans
• [x] Faire en sorte que les messages (/msg seulement) persistent (stockés dans chaque Channel)
• [x] Adapter le résultat niveau Front (beaucoup de styling)
• [x] Bonus front:
  • [x] autoscroll down,
  • [x] système de notifs de nouveaux messages,
  • [ ] 'someone is typing...'
  • [ ] système de couleur par role (owner, admin, normal et mute)
• [x] note: lastUpdated property à mettre pour les chans! et dans prisma sort le tout avant de le query dans le front

Finitions demandées par le sujet:

• [x] Intégrer les modes des chans: private public protected
• [x] Intégrer les rôles des users dans les chans: admin, 'normie', kicked, banned, mute
• [x] Permettre à un user d'inviter un autre dans le chat
• [x] Permettre à un user de checker le profil de l'autre dans le chat

[marineks]

Voir avec Simon:

• socket / newSocket => on a un useState, on devrait garder socket après avoir setState(newSocket) => REGLE
• logique de la connexion => pb pour la "délocaliser" dans un autre fichier, la sortir de TabChat enchaine les déco/reco => REGLE
• intégrer les types de sockets avec npm i @types/socket-io (cf. https://stackoverflow.com/questions/14084406/typescript-and-socket-io) pour éviter le useState<any>() => REGLE

[marineks]

• [x] Backend:

  • [x] Http requests
  • [x] Pour Channel
    • [x] Créer un chan
    • [x] Delete un chan
    • [x] Get un chan, tous les chans, filtre protected/private/public/dm
    • [x] update mot de passe chan
    • [x] ajouter ou enlever un chan à une conv, lui donner ou retirer un "role" (admin/kicked/muted/banned)
  • [x] Pour Message
    • [x] Créer message et le rattacher à une conv
    • [x] delete les messages d'un chan pour delete bien le chan
    • [x] pas d'update prévu (scripta manent)
  • [x] Websockets
  • [x] faire en sorte que la logique de Create Lobby marche
  • [x] faire en sorte que la logique des rooms marche
  • [x] faire en sorte que la logique des dms marche
  • [x] vérifier que tout fonctionne toujours avec cas tricky (switch de tab, lag, déco/reco, etc)

• [x] Frontend

  • [x] délocaliser logique websocket dans fichier approprié
  • [x] arriver à envoyer un message depuis le front
  • [x] form pour créer un chan (avec password à fournir pour protected chans, checker s'il existe pas déjà aka nickname déjà pris)
  • [x] bien afficher les chans rejoints
  • [x] mettre en place système pour rejoindre un chan et vérifier que le display des chans rejoints marche toujours
  • [x] faire le display pour une conv (basique)
  • [x] pb: comprendre comment rediriger un user vers un autre component (pas parent ou enfant, "paralelle")
  • [x] mettre en place boutons pour kick/ban/mute selon rôle (owner/admin)
  • [x] mettre en place bouton pour quitter une conv

[marineks]

• [x] afficher le nom de l'autre personne du DM au lieu de la concat' des deux

• [x] afficher différemment les messages selon que ce soit le loggedin user ou autre

• [x] régler le problème de translate/transform quand on ferme la sidebar

• [x] ajouter la logique du Leave room

  • [x] si la personne click sur leave on l'enlève des joined users, des admins des kick et mute (mais pas des bans pour se souvenir)
  • [x] si la personne est owner, ca transfère l'ownership
  • [x] si la personne est la dernière du channel, ça détruit le channel
  • [x] bien vérifier que le nom d'un chan est unique!!!!

• [x] Admin:

  • [x] avant d'afficher les boutons de controle, vérifier le rôle
  • [x] toggle du display des boutons
  • [x] quand click: ajouter la personne au groupe désiré
  • [x] faire l'action en conséquence du nouveau rôle (ban/mute/etc)
  • [x] trouver un moyen de le notifier à la personne et aux autres
  • [x] les admins peuvent ajouter d'autres admins
  • [x] peut ajouter un mot de passe et changer le type du chan
  • [x] peut modifier le titre du chan

• [x] Owner:

  • [x] ajouter des gens en admin
  • [x] transférer l'ownership en quittant la conv

• [x] Gérer les invite à un channel

• [x] cliquer sur la photo d'une personne: accéder à son profil

[marineks]

Pbs:

• [x] User A créé un chan, et se délog pendant qu'il est sur cette conv/ User B se reco, et attérit sur la page de conv nouvellement créée alors qu'il l'a pas rejointe... => problème au niveau du Context, qui prend pas en compte si la personne a le droit de voir ce contneu ou pas
• [x] quand une personne a quitté le channel, ne plus display les boutons (admin/kick/mute etc) parce que ça ne sert plus à rien
• [x] header qui doit se mettre à jour qd nb de membres change
• [x] quand qqun quitte le chan (ou autre action), ce serait bien de l'écrire dans la conv pour en avertir les autres
• [x] mettre les messages des unmuted/unban/unkick etc en notif de conv aussi!