> For the complete documentation index, see [llms.txt](https://docs.hablla.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.hablla.com/french/flux-dautomatisations/tous-les-composants/transformation-des-donnees/code.md).

# Code

### Vue d'ensemble

Le **Composant de code exécutable JavaScript** (identifié en interne comme `code`) est un nœud d'action avancé conçu pour étendre les capacités natives de la plateforme grâce à une programmation active. Sa fonction principale est d'exécuter des scripts personnalisés dans un environnement isolé (*bac à sable*), permettant d'effectuer des calculs mathématiques complexes, de nettoyer ou de reformater des chaînes de texte, de manipuler des tableaux de données et de s'intégrer à des systèmes externes.

**Règles de développement obligatoires :** 1. **Consommation d'API externes :** Chaque fois qu'il est nécessaire d'effectuer des requêtes HTTP/HTTPS (comme les méthodes `GET`, `POST`, `PUT` ou `DELETE`) vers des serveurs tiers au sein du script, l'utilisation de la bibliothèque **Axios** (nativement injectée dans la portée globale du nœud).

2. **Persistance des données dans le flux :** L'utilisation de l'instruction `return` est strictement obligatoire à la fin du script. Sans retour explicite d'un objet ou d'une variable, le moteur d'exécution ignore le traitement et ne transmet pas les données calculées aux blocs suivants de l'automatisation.

### Paramètres de configuration

La paramétrisation du nœud est simplifiée et concentrée dans la fenêtre de codage directe :

* **Code :** Zone avec syntaxe mise en évidence (*syntax highlighting*) où le développeur ou l'administrateur saisit le bloc de script en JavaScript (ECMAScript moderne) qui sera soumis à la compilation du moteur.<br>

### Constructeur visuel

L'interface graphique se concentre sur l'isolement et l'autonomie technique du développeur au sein du constructeur de flux :

* **Éditeur de code intégré :** Le constructeur propose un terminal textuel épuré contenant une numérotation des lignes et des extraits rapides pour faciliter le collage et la validation d'algorithmes. Il dispense des sélecteurs de canaux ou de fichiers multimédias, fonctionnant purement dans le noyau logique du système.<br>
* **Mappage des sorties de payload :** Dans la carte visuelle d'automatisation, le bloc présente un port d'entrée et une sortie continue. En enregistrant le script structuré avec le `return`, l'éditeur met à disposition la variable résultante du composant comme métadonnée lisible pour les nœuds voisins dans l'arbre de décision.<br>

### Opérateurs spéciaux

Les propriétés logiques de ce composant gèrent la capture des variables locales et des appels asynchrones :

* **Injection de contexte global (`$data`):** L'interpréteur JavaScript du composant donne un accès total à l'objet `$data`. Cela permet au code de lire n'importe quelle variable stockée auparavant dans le flux (ex : `$data.nome`, `$data.telefone`, ou des payloads de réponses de questions précédentes) directement dans les expressions du script.<br>
* **Résolution asynchrone via des promesses (`async/await`):** Pour garantir le traitement correct des requêtes externes sans bloquer le moteur, le nœud est préparé pour interpréter des portées asynchrones. Le développeur peut structurer des fonctions avec `async` et utiliser l'opérateur `await` dans les appels Axios, garantissant que le `return` final attende la réponse de l'API externe.<br>

### Exemples pratiques

Le tableau ci-dessous montre des scénarios classiques d'application du composant utilisant la syntaxe correcte avec Axios et le retour de données :

| **Objectif du script**               | **Code JavaScript configuré dans le constructeur**                                                                                                                                                      | **Comportement du moteur de la plateforme**                                                                                            | **Cas d'utilisation pratique**                                                                                            |
| ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------- |
| **Manipulation locale de chaîne**    | <p>const nome = $data.nome;<br><br><br><br>const nomeMaiusculo = nome.toUpperCase();<br><br><br><br>return { nome\_formatado: nomeMaiusculo };</p>                                                      | Capture la variable du CRM, transforme les lettres en majuscules en utilisant le JS natif et renvoie le nouveau format au flux.        | Standardiser les noms des leads dans la base de données avant d'envoyer une notification formelle par e-mail.             |
| **Intégration externe avec Axios**   | <p>const cep = <span class="math">data.cep;\<br>\<br> \<br>\<br>const resposta = await axios.get(`https://viacep.com.br/ws/</span>{cep}/json/`);<br><br><br><br>return { endereco: resposta.data };</p> | Exécute un appel externe synchrone à l'aide d'Axios sur la base du CEP du client et renvoie l'objet d'adresse complet.                 | Localiser la rue et le quartier d'un client de manière 100 % autonome après qu'il a saisi le CEP dans le Webchat.         |
| **Calcul mathématique conditionnel** | <p>const valorTotal = $data.total\_carrinho;<br><br><br><br>const desconto = valorTotal \* 0.10;<br><br><br><br>return { valor\_desconto: desconto, total\_final: valorTotal - desconto };</p>          | Effectue des équations mathématiques en mémoire sur le serveur et injecte les deux résultats comme variables utilisables dans le flux. | Calculer dynamiquement une remise de 10 % dans le parcours et transmettre la valeur exacte au lien de paiement du client. |


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.hablla.com/french/flux-dautomatisations/tous-les-composants/transformation-des-donnees/code.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.