Reprise du message précédent :

Genre si ton parent te passe un callback en prop? Oui.

il faut que je fabrique un "event" du coup, il a quoi comme champs attendus à part 'value' ?

tu fais un peu ce que tu veux
par exemple des callback peuvent arriver dans les props  
 
tu as un peu plus de détails ?  
 

c'est open source, mais c'est un poil compliqué.
https://github.com/vatesfr/xen-orch [...] al.js#L290
 
je veux utiliser cette fonction form() pour faire l'équivalent de window.prompt()
donc je veux mettre un champ dans le paramètre render.
 
Mon composant a cette gueule:  

class SshName extends Component {
  state = { value: this.props.value }
 
  _onChange = event => {
    this.setState({value: event.target.value})
    this.props.onChange(event.target.value)
  }
 
  render() {
    return (
      <div>
        <input
          type='text'
          className='form-control'
          onChange={this._onChange}
          value={this.state.value}
        />
      </div>
    )
  }
}

 
mon point d'appel:  

const username = await form({
      defaultValue: 'root',
      header: <span>SSH user name</span>,
      render: props => <SshName {...props}/>,
      handler: value => {
        console.log('handler', value)
        return value
      },
    })
    console.log('username', username)

 
le résultat pour l'instant c'est que je perds le focus après chaque lettre:  

 
et si j'appelle pas le onChange, le username dans le retour reste la valeur par défaut "root"

c'est probablement que react casse et reconstruit l'input
tu veux essayer de mettre key='my-fuckkink-ssh-name-input-container-sa-race' sur le div ?  

et le formId change à quel moment ?

l'id du form n'a pas l'air de changer à chaque frappe de touche, il  a l'air de rester constant.
 
j'ai pas non plus d'amélioration quand j'essaye ça:  

render() {
    return (
      <div key='my-fuckkink-ssh-name-input-container-sa-race'>
        <input
          type='text'
          className='form-control'
          onChange={this._onChange}
          value={this.state.value}
        />
      </div>
    )
  }

et en simplifiant (perso, j'aime beaucoup les composant fonctionnels et stateless)

const SshName  = ({value,onChange}) => <div key='my-fuckkink-ssh-name-input-container-sa-race'>
        <input
          type='text'
          className='form-control'
          onChange={onChange}
          value={value}
        />
</div>

ça marche parfaitement, merci.
 
Je comprends absolument pas la différence, mais c'est pas grave

En react , c'est une bonne pratique d'utiliser principalement des composants stateless

Surtout quand il commence d'y avoir déjà beaucoup de couches de magie

Tu peux peut être même faire péter le div

Ça pourrait être que le setState est async, l’event handler est sync, et il se perd les pieds dans le truc?
 
Si tu reviens au composant stateful et que tu « dispatch » ton événement via le callback du setState il fait quoi?

Je cherche un reverse proxy super simple pour tester X-Forwarded-* and Forwarded, vous avez un truc? TinyProxy est pas super complexe mais il gère pas X-Forwarded.

T'as pas un Apache à dispo ?

Ils ont quoi de spéciaux c'est putains de caractères

Joli Spéciale dédicace au "Equal" alors que tout le reste est en français Et beau mix de guillemets et apostrophes, aussi.

J'ai un nginx installé mais ça me fait / faisait chier d'aller le configurer pour juste avoir un damné reverse proxy de localhost vers localhost.

et le "EspaceVide" est pas mal non plus ! le mec a surement du voir beaucoup d'espaces pas vides
et je parle pas d'utiliser une struct au lieu d'une enum, du mélange string/char...

Non mais même, ce code a aucun intérêt tout court. Dans quel monde le signe égal va se mettre a représenter autre chose que l'égalité? Ca risque de changer en cours de projet, vraiment?

c'est pour ça que je poste ce code de merde, ça n'a aucun sens

Faut retrouver le dev qui a pondu ca
 

 
Moi je vois là le travail d'un vrai dev, impliqué dans son boulot, qui prend les choses à coeur et essaye de développer le code le plus maintenable possible

Moi je vois un développeur payé à l'heure.

Yo les boyz    
 
Ça fait longtemps que j'ai plus posté ici mais là j'ai vraiment aucune idée du pourquoi du comment, ça fait 2h que je m'arrache les cheveux sur un truc à priori plutôt simple    
 
J'essaie de capturer l'event "animationstart" pour savoir si mon formulaire (Gravity Forms sur WP) a été rempli avec l'autofill de Chrome, alors y'a un tas de techniques mais la plus classe et celle qui est utilisée dans les frameworks apparement, c'est de mettre une animation CSS sur :webkit-autofill et un eventlistener. C'est ce que j'ai fait mais impossible, ça me renvoie rien...
 

 

 

 
ma console reste vierge, immaculée de blanc  
 
Un truc étrange, ça marche en mode dev (webpack HMR sur le port 3000), mais pas en build. Autre point, ma classe "is-material-ui" se rajoute en JS donc mes animation onAutofillStart et onAutoFillCancel n'existent pas dans le code source.
 
Hypothèses:
- Alors ça doit être un souci d'ordre, un truc qui se déclenche avant... pourtant tous mes JS sont chargés en bas de page, et je ne fais aucun DOMContentLoaded ou autre... (la classe is-material-ui se rajoute avant l'execution du addEventListener, ça viendrait de là ?)
- J'ai testé aussi de rajouter la classe is-material-ui dans le back office pour l'avoir direct dans le code source, ça change rien...
- J'ai testé aussi sous Firefox, mon event animationstart est bien ajouté aux inputs (bon après normal que ça renvoie rien sur Firefox)
 
Du coup si vous avez une idée ou une piste pour débugger

oh ptin je crois que j'ai trouvé, l'autopréfixer CSS qui me supprimer les @keyframes vides        
 
edit: c'est bon, c'est CSSNano qui enlève les règles CSS vides.. comme par exemple ça:
 

 
du coup, pas d'animation, pas d'event… et pas de pierre, pas de construction; pas de construction, pas de palais  

Salut quelqu'un utilise les solutions axway ici ?

Bonjour à tous,  
J'ai une petite question à vous soumettre aujourd'hui.
Pour mon boulot j'ai un fichier excel qui me sert de "tarificateur" pour différentes formules de mutuelle santé de différentes compagnies d'assurances. (Fait maison)
Je rentre l'age des personnes et ça me calcule le prix d'une 20aine de formule. (Le tarif est calculé selon plusieurs critères : age, département, type de sécurité sociale, réduction couple oui/non et chaque compagnie n'a bien sur pas les mêmes règles de calcul, mais tout ça a déjà été "paramétré" dans mes formules excel)
 
J'aimerai pouvoir avoir le même résultat en HTML. Est il possible d’interagir avec le fichier excel via du code HTML ? Ou de ..."convertir" le tout afin de l'incorporer à du HTML ?
Merci.

Non, il te faut utiliser un langage de programmation qui rendrait probablement inutile l'utilisation d'Excel.

 
HTML n'est pas un véritable langage de programmation, c'est un langage de balisage dont le but est d'être interprété, tu ne peux pas vraiment lui faire faire de calculs.
 
Ce que tu veux faire nécessite d'utiliser un vrai langage de programmation, comme PHP par exemple.

ASM68K, le reste c'est pas de la programmation.

Comme vous gérez le téléchargement de fichier, et plus particulièrement d'images, dans une API JSON ?

J'ai une route qui renvoie un objet de cette forme :

{
    "html": "html content with <img src=\"http://some/images.jpg\"> images. <img src=\"http://some/image2.gif\">",
    "medias": [
        "http://some/images.jpg",
        "http://some/image2.gif"
    ]
}

Un object avec une liste de cette forme est suffisant puis ensuite le client itère "medias" et fais autant de GET que nécessaire ?

Si oui, quel header dois-je utiliser pour qu'il récupère les fichier ? "images/*"

{
    "html": "html content with <img src=\"http://some/images.jpg\"> images. <img src=\"http://some/image2.gif\">",
    "medias": [
        "http://some/images.jpg",
        "http://some/image2.gif"
    ]
}

Bah s't'une option, sinon tu peux embed ton truc en base64 dans le doc, ce qui évite des requêtes mais fait exploser le document. Ou alors tu peux utiliser un header (genre Link rel=attachment, truc du style).

je comprend même pas la question. Le header sur quoi?

 
Pour éviter que le client ait à parser le HTML.
Egalement pour qu'il re-télécharge les images et change les liens dans le HTML car nous ne servons les images que temporairement.
 

 
Il peut y avoir beaucoup d'images, ça va vite devenir très lourd.
 

 
Je sais pas, vu que c'est une API je pensais à un stream pour servir les images, mais j'y connais vraiment rien.

Serait ptet smart de faire des URI custom dans ce cas, et de fournir un mapping temporaire URI -> URL (ton medias).

Mets ça sur un serveur qui sait faire du keep-alive, tu vas pas te faire chier avec un bricolage custom pour ça

 
Je ne suis pas sûr de comprendre ce à quoi tu penses  
 

Au lieu de
 

tu utilises

et ton "medias" fournit un mapping des URN kozkorp vers des URLs temporaires. Comme ca le consommateur de l'API peut pas faire l'erreur de stocker / afficher le document tel quel, ça va ressembler à rien.

Fucking clever!  
 

Tu le fais déjà pour sortir les URLs non?

C'est fait à la moment de la transpilation par un web service node, auquel j'aimerais éviter de toucher.

En fait toute la structure HTML arrive sous forme de JSON et c'est ce webservice qui transpile ça en HTML.

Par contre je maitrise les URLs où sont stockés les images de notre côté du coup ça ne devrait pas poser de soucis à parser.

Je cherche le nom d'un jeu javascript en ligne où il fallait arriver à passer au niveau suivant avec le moins possible de caractères.
En général il fallait faire des trucs tordus avec des égalités de types et des conversions implicites, ce genre de trucs.
Quelqu'un se rappelle de ce jeu?
C'est super important, des vies en dépendent.

 
Codewars ?

Nope, c'était plus barebones, avec juste une textbox à droite pour soumettre la réponse si je me rappelle bien.