đ Uniflow 1.1.18
le 6 octobre 2025
⚠Darkwood Update : Uniflow 1.1.18 & les prototypes Darkwaar intégrés sur uniflow.io
đ§© Uniflow 1.1.18 â Le nouveau composant HtmlFlow
La version 1.1.18 dâUniflow introduit un nouveau composant clĂ© : HtmlFlow.
Il permet dĂ©sormais dâafficher directement du contenu HTML stockĂ© dans une variable de contexte â que ce soit un fragment de texte, un rendu visuel ou mĂȘme une iframe gĂ©nĂ©rĂ©e dynamiquement par un autre flow.
Ce composant, dĂ©veloppĂ© la semaine derniĂšre, marque une Ă©tape importante dans la philosophie Flow Based Programming dâUniflow : rendre les flows autonomes, visuels et interactifs, sans dĂ©pendre dâune interface externe.
âïž Exemple minimal
// JavascriptFlow
const iframe = `<iframe frameborder="0"
src="https://itch.io/embed-upload/15043973?color=333333"
allowfullscreen
width="640"
height="380">
<a href="https://darkwoodcom.itch.io/darkwaar1">Play Darkwaar1 on itch.io</a>
</iframe>`;
context.gameHtml = iframe;
return context;
// HtmlFlow â Variable = gameHtml
Ici, le JavascriptFlow crée une iframe (par exemple vers un jeu itch.io) et la stocke dans gameHtml.
Le HtmlFlow rĂ©cupĂšre cette variable et lâaffiche directement, sans iframe interne, grĂące Ă un rendu sĂ©curisĂ© cĂŽtĂ© client.
đ Un rendu HTML sĂ©curisĂ©
Le HtmlFlow nâest pas un simple dangerouslySetInnerHTML.
Il applique un filtrage DOM personnalisé, spécialement conçu pour autoriser les intégrations (iframe, markup simple) tout en bloquant les attaques XSS ou les injections CSS.
Parmi les rÚgles appliquées :
- Suppression des balises dangereuses (
script,object,embed,form,button, etc.) - Suppression des attributs
on*(ex.onclick) etstyle - Vérification stricte des URLs (
https:ou relatives uniquement) - Nettoyage des
iframe: seuls les attributs sĂ»rs (src,width,height,frameborder,allowfullscreen,sandbox) sont conservĂ©s - Ajout automatique dâun sandbox sĂ©curisĂ© sur les iframes
- Protection SSR : pas dâexĂ©cution cĂŽtĂ© serveur
- Mémoïsation et limites de taille pour éviter les rendus excessifs
Ces garde-fous garantissent un équilibre entre flexibilité et sécurité, idéal pour intégrer des visualisations ou des jeux sans compromettre la stabilité du flow.
đź Darkwaar â Vers un puzzle game jouable
En parallĂšle, lâunivers Darkwaar continue de prendre forme. Jâai commencĂ© plusieurs prototypes de puzzle games, jouables directement sur itch.io, explorant diffĂ©rentes mĂ©caniques :
- Placement stratégique sur une grille,
- Tour par tour et gestion des pions,
- Résolution par logique (trouver le prochain coup gagnant).
Ces prototypes me permettent dâitĂ©rer rapidement sur le gameplay avant de stabiliser une version principale. Lâobjectif Ă court terme : un puzzle jouable au format web, accessible Ă tous depuis itch.io.
đ Uniflow Ă Darkwaar â IntĂ©gration native via HtmlFlow
GrĂące au nouveau composant HtmlFlow, jâai pu intĂ©grer directement les quatre projets Darkwaar dans Uniflow.
Chacun des prototypes est désormais visible depuis un flow dédié sur uniflow.io/flows.
Cette intĂ©gration montre concrĂštement comment Uniflow peut servir de hub crĂ©atif : les flows deviennent des modules capables dâorchestrer, dâafficher et dâhĂ©berger des crĂ©ations interactives â ici, des jeux Darkwaar â dans un mĂȘme environnement.
đĄ Cette approche ouvre la voie Ă un espace oĂč automatisation et crĂ©ation ludique se rejoignent. Chaque prototype Darkwaar est un flow, et chaque flow peut devenir une expĂ©rience jouable.
đ Liens utiles
- đ§© Uniflow 1.1.18 â Lire la release sur GitHub
- âš Article technique complet â HtmlFlow sur le blog Uniflow
- đź Prototypes Darkwaar â Disponible sur uniflow.io/flows
- đ Darkwood â darkwood.com
đź Et aprĂšs ?
Les prochaines versions dâUniflow continueront dâexplorer la dimension visuelle et interactive des flows :
- presets dâintĂ©gration sĂ©curisĂ©e (itch.io, YouTube, dashboards),
- composants de visualisation avancés,
- et connexion naturelle entre automatisation, jeu et création artistique.
Darkwaar, de son cĂŽtĂ©, suivra ce mouvement. Lâobjectif reste le mĂȘme : construire un univers cohĂ©rent oĂč la programmation, lâimagination et le jeu se rencontrent.
âïž Mathieu Ledru Darkwood â Automate. Create. Play. Music
đ Je propose des sĂ©ances de coaching gratuites de 30 minutes pour aider les crĂ©ateurs comme vous Ă automatiser leurs processus et Ă gagner du temps â±ïž
đ RĂ©servez votre sĂ©ance gratuite ici : https://www.bonzai.pro/matyo91/lp/4471/je-taide-a-automatiser-tes-process
Merci de votre lecture ! CrĂ©ons ensemble des workflows intelligents, rapides et automatisĂ©s đ»âĄ