The landing page for stateml.org is live! 🙌

Francois Laberge ✍️ Steve Ruiz tldraw GitHub This is something we are exploring with StateML (but we haven't mentioned in public yet). The DSL is designed to *approach* a 1:1 mapping with the visual formalism of statecharts. A `.sml` file can simultaneously be viewed/edited as text and visualized as a graph.

purple 💊 State machines as language (StateML)

One example that I am working on right now is a web component for an embeddable StateML visualizer. If JavaScript is disabled or fails to load, the browser will fallback to rendering the semantic HTML in the slot.

Part of our long-term vision for StateML is helping state machines and statecharts become *infrastructural* and a good starting point is improving learnability of these topics.

I cant express how important it has been to have a north star while designing StateML. Many times we go down a rabbit hole or feel stuck we ask ourselves “what does the visual formalism (of statecharts) reveal?” and every time it has helped get us move forward. 🙏

I love the vision Andrew laid out here! One of the early thought experiments we had for StateML is envisioning what it could look like if a dedicated language for statecharts existed in the browser.

Let's compare the "noise" of that different textual formats impose on authoring statecharts, particularly JSON, SCXML, and StateML's DSL. Here is a comparison between JSON and StateML:

“Our north stars for the StateML language” by John Yanarella stateml.org/garden/north-s…

The beginning of 2023 marks the 50 year anniversary of when Harel conceptualized the statechart formalism. 🎉 I hope that we can reflect on this milestone by learning more about it’s rich history and gaining a deeper appreciation for all of the prior art. 🎨

Love this exploration of using color to shrink the distance between modalities! Been exploring similar topics with statecharts via StateML.

I think part of the challenge comes from the fact that a State Machine (SM) is simpler than a Turing Complete Machine (TCM). Using an SM inside a TCM (eg a UI Component) requires reasoning about both machines and the boundary between them at the same time.

Added View Transition API to a POC of a potential StateML visualizer! Took 10 LOC to add, a little polish on the animations would make this legit.