✨ Darkwood Update : Uniflow 1.1.18 & les prototypes Darkwaar intégrés sur uniflow.io

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.

// 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.

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) et style

• 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.

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.

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.

• 🧩 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

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

Merci de votre lecture ! Créons ensemble des workflows intelligents, rapides et automatisés 💻⚡