Skip to content
State Backed Machine Visualizer logo

State Backed Machine Visualizer

App
Add PR comments visualizing added or changed XState state machines
20 installs

Pricing

Free plan available.

Select a tab navigation

The State Backed state machine visualizer will add a comment to any PR that adds or changes an XState state machine with a visualization of the machine.

Keep authors, reviewers, and maintainers on the same page by visualizing the structure of your logic.

Made with ❤️ by State Backed, the fastest way to deploy state machines as invincible workflows and real-time backends.

This GitHub bot is actually running on State Backed :)

Install the State Backed state machine visualizer on as many repositories as you like.

The bot will ignore PRs that don't include a state machine.

For PRs that do include a state machine, the bot will add a comment to the createMachine call with visualization of the machine (because of the limitations of GitHub comments, this is a static SVG).

The visualization is created with the @statebacked/react-statechart library.

This bot is running on State Backed. For each GitHub webhook, we extract the entities involved (e.g. users, repositories, pull requests) and then send the webhook as an event to the state machine that represents that entity. The actual implementation is just a simple state machine, reacting to events and executing a durable workflow.

Visualize every state machine in every PR

Supported languages

 (2)
JavaScript and TypeScript

Plans and pricing

Free plan
$0
  • Visualize every state machine in every PR
  • Pay nothing
  • Maybe you'll want to use those state machines on State Backed :)

Next: Confirm your installation location

State Backed Machine Visualizer is provided by a third-party and is governed by separate terms of service, privacy policy, and support contact.

About

Add PR comments visualizing added or changed XState state machines
20 installs

Pricing

Free plan available.

Supported languages

 (2)
JavaScript and TypeScript