quentin/quentin.dufour.io
1
0
Fork 2
Code Issues 3 Pull requests Releases Wiki Activity

Update Article “2023-04-12-un-outil-sans-daemon-pour-gérer-ses-artefacts-de-build”
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source
This commit is contained in:
Quentin 2023-04-13 07:20:03 +00:00
parent da59692a6f
commit 392d4c1745
1 changed files with 38 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
_posts/2023-04-12-un-outil-sans-daemon-pour-gérer-ses-artefacts-de-build.md
View file

@ -113,9 +113,46 @@ e<!doctype html>
<body>
<pre>list</pre>
<script type="text/javascript">
console.log()
console.log("hello world")
</script>
</body>
</html>
```
On va avoir besoin d'une API du navigateur nommée `FileReader` mais cette dernière utilise la sémantique des callbacks. On va créer un wrapper avec des Promises pour simplifier son utilisation :
```javascript
const reader = blob => {
const tmp = new FileReader();
return new Promise((resolve, reject) => {
tmp.onerror = () => {
tmp.abort()
reject(new DOMException("Problem parsing blob"))
}
tmp.onload = () => {
resolve(tmp.result)
}
tmp.readAsText(blob)
})
}
```
Et maintenant on peut simplement écrire notre logique pour récupérer la liste des tags :
```javascript
const albatros_tags = async () => {
const res = await fetch('https://registry.deuxfleurs.org/v2/albatros/tags/list')
const blob = await res.blob()
const txt = await reader(blob)
const tags = JSON.parse(txt)
return tags
}
(async () => console.log(await albatros_tags()))()
```
Ensuite il ne reste plus qu'à l'insérer dans le DOM de la page :