Améliorer Switcheroo - gestionnaire de multicomptes

Je travaille depuis quelques jours sur une sorte de plugin que j'aurais aimé utiliser à l'époque où j'étais encore actif dans la communauté RPG. Une façon simple, facile et plus ou moins "sécuritaire" de rejoindre tous les multicomptes – et Dieu sait que certaines personnes peuvent en accumuler plusieurs – d'un joueur sur une même barre latérale inspirée de Discord.



Pour les admins que ça pourrait intéresser, le plugin est présentement fonctionnel à 100%, mais je me suis un peu perdu en chemin de révision (en m'essayant au virtual dom, si certains connaissent). En principe, il ne me reste plus qu'à l'aplatir et le rendre facile à personnaliser avant de le publier (en soit, période de refactoring ou réusinage du code).



Mais ! Je ne poste pas ici pour rien : c'est toujours en cours de bidouillage et je me suis dit... pourquoi pas venir demander quelle genre de trucs vous aimeriez pouvoir faire avec un plugin comme celui-là ? Ou, qu'est-ce que vous aimeriez pouvoir modifier, personnaliser, ajouter/supprimer ? Et si vous avez des questions aussi, n'hésitez pas !

Je ne sais pas s'il sera possible de tout mettre en place pour sa sortie, mais je suis curieux des éventuels retours (quitte à l'améliorer plus tard).

Sur ce, dans ma grande maturité : zizi.

[EDIT: Pour info, mon premier balayage a réduit le nombre de lignes à 300.]

Je t'avoue qu'en fin de journée je n'ai pas la motivation d'aller regarder le code de ton LS pour aller le valider, mais si personne ne l'a fait avant moi demain, j'irais le checker.

Sinon, personnellement je trouve l'idée fantastique ! J'ai déjà partagé à un forum où je suis animatrice et l'idée a l'air de plaire (même si beaucoup de questions se pose pour le moment)
Du coup voici des points que je soulève :
• Comment se passe la gestion des droits en switchant de compte ? Imaginons qu'en tant qu'animatrice je veuille connecter un compte PNJ ayant des droits différents de mes comptes personnages, les droits suivent le switch ?
• Je n'ai vraiment pas regardé le code, du coup tu as prévu la possibilité d'avoir vraiment beaucoup de comptes ? Mais genre vraiment beaucoup (je connais des personnes avec environ 10-12 personnages)
• Justement quand il y a beaucoup de comptes connectés, ça ne va pas faire ramer le navigateur ? (problèmes de cache par exemple)

Amélioration que je vois :
• On pourrait imaginer un petit bouton pour afficher/masquer la barre.
• On peut imaginer pas mal de modifications esthétique en bidouillant le CSS je pense. (D'ailleurs, par sécurité tu devrais donner le CSS dans ton sujet au cas où l'hébergement ne fonctionne plus. Quitte à mettre sous spoiler)
• Si je comprends bien la première icône c'est l'accueil du forum ? Dans le cas où le forum a une navigation, ça ne risque pas de faire redondant ? Ou alors on peut mettre ce qu'on veut sur cette icône ? (genre le bouton pour fermer/ouvrir la gestion des comptes)
• Et pour finir, proposer le plugin sur le FdF pour l'avoir officiellement sur FA (en vrai, ça serait génial d'avoir un truc comme ça sur FA !)

Alors je trouve l'idée très cool aussi, mais pour avoir croisé beaucoup de liens morts avec le temps, je suggèrerais par sécurité d'héberger tes codes ailleurs que sur dropbox (qui a tendance à dire "nope, ya trop de gens qui utilisent ce fichier" au bout d'un moment), donc pourquoi pas sur github?

Je me demandais aussi si c'était très sécuritaire comme code? Sur la base de la loi de murphy, quels sont les risques?

Mais j'ai été tester sur le forum de test que tu as donné dans ton tutoriel et ça a de la gueule boudiou c'est vraiment super cool :3

Ahah, enfin des retours ! Je commençais à croire que l'idée ne plairait à personne...

Comme, il me semble, on est entre connaisseurs, je vais m'attarder un peu plus sur le côté technique pour répondre à vos questions :

@Shaneliae

• Comment se passe la gestion des droits en switchant de compte ? Imaginons qu'en tant qu'animatrice je veuille connecter un compte PNJ ayant des droits différents de mes comptes personnages, les droits suivent le switch ?
  • Le switch de compte fonctionne en arrière-plan, comme AJAX, de cette façon : déconnexion du compte courant > connexion du compte sélectionné > actualisation de la page. Du coup, on pourrait dire que Switcheroo est un hub ou une "façade" de connexion, les comportements restent les mêmes et, donc, les droits seront ceux du compte sélection/connecté. Switcher pour un compte PNJ revient à se déconnecter manuellement et se reconnecter manuellement sur ce-dit compte ; c'est simplement un raccourci.
• Je n'ai vraiment pas regardé le code, du coup tu as prévu la possibilité d'avoir vraiment beaucoup de comptes ? Mais genre vraiment beaucoup (je connais des personnes avec environ 10-12 personnages)
  • Il n'y a aucune limite de compte, mais je n'ai pas vérifié si l'apparence de la barre suivra pour 10/12/15 voire 20 comptes. Je vais ajouter à ma liste de futures modifications pour m'assurer qu'elle s'adapte en conséquence (overflow/scroll ou que sais-je encore).
• Justement quand il y a beaucoup de comptes connectés, ça ne va pas faire ramer le navigateur ? (problèmes de cache par exemple)
  • Les comptes ne sont jamais connectés simultanément. Les identifiants sont sommairement encryptés et enregistrés en localstorage. Switcher de compte revient à identifier quels identifiants décrypter et, suivant les actions en AJAX, continuer avec la déconnexion du compte courant et la connexion du compte sélectionné.
• On pourrait imaginer un petit bouton pour afficher/masquer la barre.
  • Ce serait possible oui, je peux ajouter l'idée dans ma liste d'améliorations.
• On peut imaginer pas mal de modifications esthétique en bidouillant le CSS je pense.
  • En soit, le CSS est assez simple. Il utilise flexbox, quelques classes et le tour est joué. Je propose déjà pas mal de variables pour changer les couleurs et cie, mais effectivement, il est possible de le modifier à volonté tant qu'on utilise les classes et qu'on garde l'ID. Je pensais proposer une version horizontale éventuellement, ce qui est très simple avec flexbox.
• Si je comprends bien la première icône c'est l'accueil du forum ?
  • Oui, c'est bien ça ! Je travaille déjà sur une meilleure façon de personnaliser/ajouter des boutons directement sur la barre, avec quelques un prédéfinis (la liste des membres, par exemple, ou un bouton de déconnexion en plus) (aperçu du code en construction) et (exemple logout implanté).
• Et pour finir, proposer le plugin sur le FdF pour l'avoir officiellement sur FA
  • Je ne pense pas que ce soit une fonctionnalité qui intéresserait FA, d'autant lorsqu'elle sert surtout pour les forums RP, mais peut-être... on jour... on sait jamais.

@'Christa

• Hébergement : Je regarderai plus en détails github. Ce n'est pas une plateforme que j'utilise à la base (sauf pour ce qui s'y trouve déjà ou pour gist). Je sais que ce serait d'autant plus intéressant pour le versionning, mais... *sigh*
• Sécurité : Je ne suis clairement pas un expert du sujet, mais voici un peu comment j'ai abordé les risques :
  • Les identifiants sont enregistrés en localstorage. Juste avant de publier le plugin, j'ai décidé de les encrypté au-moins pour les protéger s'il y a plusieurs membres d'une même famille qui sont sur un forum (auquel cas, ils peuvent quand même se servir du plugin s'ils sont d'accord, mais n'auront pas accès aux mots de passe directement).
  • Ensuite, l'utilisation de scripts par les membres d'un forum étant limitée, ils ne peuvent accéder qu'à leurs identifiants (localstorage) -> sinon, il serait déjà possible d'attaquer les formulaire de connexion de tous les forums.
  • Un administrateur mal intentionné, Switcheroo ou non, pourrait très bien récupérer les identifiants de ses membres avec n'importe quel script JS actif sur n'importe quel formulaire de connexion (ou même changer leurs mot de passe dans son panneau d'administration), donc ce côté là ne change pas.
  • Et, pour finir : si je propose ce plugin c'est parce que j'ai toujours préféré programmer des applications/fonctionnalités pour les forums que simplement m'occuper du visuel en HTML/CSS (j'ai plusieurs projets en cours, dont un forum sur lequel j'hébergerai tout mon travail si j'arrive un jour à être satisfait de son apparence ). Après avoir épluché mon code (je peux fournir une version source plus simple à lire), vous pourrez voir qu'il ne stocke aucunes informations sur une base de donnée externe. Monomer_core.js, quant à lui, peut sembler éparpillé mais me sert de fourre-tout à fonctions, notamment un peu de underscore.js, les façades Fetch qui servent à modifier FA en ajax (supprimer un sujet directement avec son ID, par exemple, etc., très inspiré par le travail qu'avait fait Ethana avec son tool.core). Mes intentions sont absolument bonnes ! <3

Voilà voilà ! J'espère que ça répondra à vos questions et si vous en avez d'autres, ou des idées, n'hésitez pas !

Je vais éditer mon premier message dans les prochains jours pour y ajouter une liste des options que j'ai prévu d'ajouter prochainement.

Et je suis trop content que ça plaise, wah.

Merci pour tes réponses ! Je vais aller tester ton code et voir si je peux le valider ou non.

Merci aussi pour tes réponses sur l'aspect sécurité ! C'est assez clair et j'avoue être vraiment curieuse maintenant.

Sur ce, je file tester tout ça

Mais si, utilise github, c'est simple github, j'ai p'têt l'air de m'y connaitre mais en vrai je suis une noob je ne sais même pas coder en javascript, utilise githuuuub *regard hypnotique*

Blague à part, c'est juste pour éviter la disparition du script dans les limbes, tu pourrais également mettre ton code sur codepen, en plus de le mettre directement dans le sujet de ton tuto. L'idée c'est que quelqu'un qui tombe sur ton tutoriel dans x années ne se retrouve pas avoir trouze mille liens morts. Oui, pense que ton tuto va vivre x années XD

(Récemment, j'ai été pêcher un dev du fin fond de twitter pour mettre à jour des tutoriels forumactif datant de 2013 parce que toutes les démos avaient disparu)

Sur ce, je m'en vais aller me renseigner sur ce qu'est le localstorage, histoire de ne pas juste hocher la tête en faisant semblant d'avoir compris XD