Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    Lenoir Christopher
    @xLeDocteurx
    Welcome to the machine.
    The first release 0.0.1 just came out
    Callan
    @AllanCerveaux
    Hey comment ça va ?
    Dis-moi, j'aimerais donner un ti coups papatte.
    Si il y à une fonctionnalité en particulier à bosser dessus je suis partant ;)
    Lenoir Christopher
    @xLeDocteurx

    Hey ! Désolé du temps de réponse. Ma box a rendu l'ame et je suis resté 9 jours sans internet.
    Ce serait avec un grand plaisir que d'accepter un coup de main d'un maitre du code !

    Je suis en train de finir un commit ou j'ai fait pas mal de refactoring pour simplifier un truc ou deux.
    Et après si ca te tente je t'expose un peu ma feuille de route pour la suite et on peut échanger des idées.
    Si tu en as je suis preneur !

    Lenoir Christopher
    @xLeDocteurx

    Meme si pour la suite et que dis je.... la poursuite de l'objectif de la coolitude absolue.
    Il nous faudrait des fonctionnalités à la robothash / gravatar.

    Pour l'instant le composant :

    • Génère aléatoirement un avatar si on ne lui passe aucun props.
    • Génère un avatar en fonctions d'options qu'on peut lui envoyer grace à un props.

    Le must have serait d'avoir :

    • Un système qui permet de passer un string en props et de générer procéduralement un avatar en fonction de cette input. Ce qui est cool pour avoir des avataaars uniques et installer le composant dans une architechture existante, sans déboiser la bdd, et les petits projets; En fonction des adresses email ou des nom d'utilisateurs.
      (Un peu comme l'exemple en haut de page de robothash https://robohash.org qui permet de faire ca )

    • Donner à ce monde une API qui permetterait d'envoyer des SVG dans ses réponses.
      Un monde ou l'on aurait même pas à utiliser la library pour s'en servir.
      Un monde ou notre bébé rejoindrait LoremPicsum dans le pantheon des API gratuites pour les devs.
      Un monde ou avoir des avataaars personnalisés sur nos app ne couterait qu'une ligne de code :

    <img src="https://nomdelapi.com/api/unparametretypestringapartirduquelgenererlavatar" />
    ( pour le coup ce serait peut etre le truc le plus chiant a faire car ce sont des composants vue qui génèrent les SVG, du coup faut faire une api avec du server side rendering. C'est chiant mais cool )
    Après je suis sur qu'il y a des tonnes de bonnes idées qui m'échappent !
    Callan
    @AllanCerveaux
    Je viens voir ton message !
    Ah oui ça m'a l'aire d'être concéquent !
    Mais j'ai bien envie foutre mon nez dedans, mais du coups pourquoi du SSR ?
    je vois pas la plus value ?
    Callan
    @AllanCerveaux
    @xLeDocteurx Je t'ai fais une petite PR hésite pas à allez voir ;)
    Lenoir Christopher
    @xLeDocteurx

    Ta pull request est belle.
    Tu as nettoyé plein de trucs pas très propres que j'avais laissé là par dépit. Et la structure des composant est super. Niveau répétition de code c'est pas mal non plus.

    J'ai fait un pré build avant de mettre à jour la lib sur npm et c'est devenu plus léger.
    Du coup ton idée de composant réutilisable pour les input de l'éditeur m'a donné envie de tenter la même approche avec les composants qui produisent les svg.

    La lib pourrait perdre 90% de sa répétition de code et devenir encore plus légère
    Du géni
    Callan
    @AllanCerveaux
    Yes je me suis appliqué pour une fois :smile:.
    oui j'ai nettoyé un peu j'ai quelque props qui se répète donc faut je fasse un peu nettoyage de ce côté et ouaip je viens comprendre pourquoi pas de Props dans le composant Avataaar je vais repliquer la logique dans le dis composant.
    Après je pense faire un coups refacto sur les inputs aussi il y à moyen de rendre ça beaucoup plus léger.
    Callan
    @AllanCerveaux

    J'ai trouver un moyen de lancer le randomize depuis le composant parent à l'enfant sans passer par des props mes en passant par un custom event.
    En gros sur le button envoie l'event randomize :

    <span class="inline custom-control custom-switch">
      <b-button @click="$emit('randomize')"> 
          <i class="fa fa-random"></i> 
          Random
      </b-button> 
    </span>

    Et Avataaar recup cette event au moment ou le composant et créer :

    created(){
      this.$parent.$on('randomize', () => {
        this.randomAvatar()
        this.forceUpdate()
      });
    }
    Mais bon après ça entre dans le cas ou le dev qui va utiliser le package il devra faire ça pour randomiser l'avatar
    Callan
    @AllanCerveaux
    Du coups j'ai juste un petite question @xLeDocteurx ,
    Au lieu de renvoyer un SVG si tu veux faire un générateur pourquoi pas juste renvoyer du bon vieux canvas, comme ça pas besoin de SSR on revoie que du JS.
    le front récup les vecteur et le composant ce charge du rendu
    c'est un idée comme ça qui à pop au réveil