Devessier / scxml-interpreter

An online interpreter of SCXML state machines powered by XState

Home Page:https://scxml-interpreter.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Netlify Status

scxml-interpreter

Interpret SCXML state machines with XState and visualize them with @xstate/inspect.

Open interpreter 🔗

Explanatory blog post 🔗

How to use

Go to the online interpreter and paste in the editor the state machine you want to interpret. You can interact with it by using the visualizer.

Development

If you want to launch the interpreter locally, follow those steps:

  1. Clone the repository
  2. Install dependencies: yarn install
  3. Launch Vite server: yarn dev
  4. Visit development server at localhost:3000

How it works

You write SCXML state machines with an ace editor configured for XML language.

The SCXML state machine is transformed to a XState machine at launch and 300 milliseconds after you stopped modifying it. Then the machine is interpreted and the visualizer connects to it.

About

An online interpreter of SCXML state machines powered by XState

https://scxml-interpreter.netlify.app


Languages

Language:TypeScript 46.1%Language:Vue 41.0%Language:JavaScript 7.5%Language:HTML 4.9%Language:CSS 0.5%