🚀 Uniflow 1.1.18
der 6. Oktober 2025
✨ Darkwood-Update: Uniflow 1.1.18 und Darkwood-Prototypen auf uniflow.io integriert
🧩 Uniflow 1.1.18 – Die neue Komponente „HtmlFlow“
Uniflow Version 1.1.18 führt eine neue Schlüsselkomponente ein: HtmlFlow
. Damit können Sie jetzt in einer Kontextvariablen gespeicherte HTML-Inhalte direkt anzeigen – sei es ein Textfragment, eine visuelle Darstellung oder sogar ein von einem anderen Flow dynamisch generiertes Iframe.
Diese letzte Woche entwickelte Komponente markiert einen wichtigen Schritt in Uniflows Flow Based Programming-Philosophie: Flows autonom, visuell und interaktiv zu gestalten, ohne von einer externen Schnittstelle abhängig zu sein.
⚙️ Minimalbeispiel
// 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">Spielen Sie Darkwaar1 auf itch.io</a></iframe> `;
context.gameHtml = iframe; Kontext zurückgeben;
// HtmlFlow → Variable = gameHtml
Hier erstellt der JavascriptFlow
einen Iframe (z.B. zu einem itch.io-Spiel) und speichert ihn in gameHtml
. Der HtmlFlow
ruft diese Variable ab und zeigt sie dank sicherem clientseitigen Rendering direkt ohne internen Iframe an.
🔒 Sicheres HTML-Rendering
HtmlFlow
ist kein einfaches dangerouslySetInnerHTML
. Es wendet benutzerdefinierte DOM-Filterung an, die speziell dafür entwickelt wurde, Einbettungen (Iframe, einfaches Markup) zuzulassen und gleichzeitig XSS-Angriffe oder CSS-Injections zu blockieren.
Zu den geltenden Regeln gehören:
- Gefährliche Tags entfernt (
script
,object
,embed
,form
,button
, etc.) * Attributeon*
(z. B.onclick
) undstyle
entfernt * Strenge URL-Prüfung (https:
oder nur relativ) *iframe
bereinigt: nur sichere Attribute (src
,width
,height
,frameborder
,allowfullscreen
,sandbox
) werden beibehalten * Automatisch eine sichere Sandbox auf iframes hinzugefügt * SSR-Schutz: keine serverseitige Ausführung * Memoisierung und Größenbeschränkungen, um übermäßiges Rendering zu vermeiden
Diese Sicherheitsvorkehrungen gewährleisten ein Gleichgewicht zwischen Flexibilität und Sicherheit, ideal für die Integration von Visualisierungen oder Spielen, ohne die Stabilität des Flusses zu beeinträchtigen.
🎮 Darkwaar – Auf dem Weg zu einem spielbaren Puzzlespiel
In der Zwischenzeit nimmt das Darkwood-Universum weiter Gestalt an. Ich habe mit mehreren Puzzle-Prototypen begonnen, die direkt auf itch.io spielbar sind und verschiedene Mechaniken erforschen:
- Strategische Platzierung auf einem Raster, * Rundenbasiertes und Bauernmanagement, * Logische Lösung (den nächsten Gewinnzug finden).
Diese Prototypen ermöglichen es mir, das Gameplay schnell zu iterieren, bevor ich eine Hauptversion stabilisiere. Das kurzfristige Ziel: ein spielbares Puzzle im Webformat, das über itch.io für alle zugänglich ist.
🌐 Uniflow × Darkwaar – Native Integration über „HtmlFlow“
Dank der neuen Komponente „HtmlFlow“ konnte ich die vier Darkwaar-Projekte direkt in Uniflow integrieren. Jeder der Prototypen ist jetzt von einem dedizierten Flow auf uniflow.io/flows aus sichtbar.
Diese Integration zeigt konkret, wie Uniflow als kreativer Hub dienen kann: Flows werden zu Modulen, die interaktive Kreationen – in diesem Fall Darkwaar-Spiele – in derselben Umgebung orchestrieren, anzeigen und hosten können.
💡 Dieser Ansatz ebnet den Weg für einen Raum, in dem Automatisierung und spielerisches Gestalten zusammenkommen. > Jeder Darkwaar-Prototyp ist ein Flow, und jeder Flow kann zu einem spielbaren Erlebnis werden.
🔗 Nützliche Links
- 🧩 Uniflow 1.1.18 — Lesen Sie die Version auf GitHub * ✨ Vollständiger technischer Artikel — HtmlFlow im Uniflow-Blog * 🎮 Prototypen Darkwaar — Verfügbar auf uniflow.io/flows * 🌑 Darkwood — darkwood.com
🔮 Und danach?
Zukünftige Versionen von Uniflow werden die visuelle und interaktive Dimension von Flows weiter erforschen:
- sichere Integrationsvoreinstellungen (itch.io, YouTube, Dashboards), * erweiterte Visualisierungskomponenten, * und natürliche Verbindung zwischen Automatisierung, Gaming und Kunstschöpfung.
Darkwaar wird seinerseits diesem Beispiel folgen. Das Ziel bleibt dasselbe: ein zusammenhängendes Universum zu erschaffen, in dem Programmierung, Fantasie und Spiel aufeinandertreffen.
✍️ Mathieu Ledru Darkwood – Automaton. Erstellen. Spielen. Musik
🎁 Ich biete kostenlose 30-minütige Coaching-Sitzungen an, um Kreativen wie Ihnen zu helfen, ihre Prozesse zu automatisieren und Zeit zu sparen ⏱️
👉 Buchen Sie hier Ihre kostenlose Sitzung: https://www.bonzai.pro/matyo91/lp/4471/je-taide-a-automatiser-tes-process
Danke fürs Lesen! Lasst uns gemeinsam intelligente, schnelle und automatisierte Workflows erstellen 💻⚡