đ 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 đ»âĄ