Is there a way to count "steps to final state" / states programatically?

[radiodario]

I'm using XState for a relatively complex - branching form (signup) and one of the requirements from the UX team is to have some sort of "progress" bar to indicate how far through the signup process you are (and how much is left)

As a dev, i want to not have to maintain this (so no hard-coding) as different steps are added and logic changes. I want to do this programatically.

Is there a way to count how many steps away from a "final" state we are, in order to turn this into a progress display that updates as you proceed through the machine's states?

[Andarist]

There is no builtin way of doing a thing like this. However, XState config is just a JavaScript object - you can just process it however you want and count accordingly to your use case.

[davidkpiano]

Can you share an example machine? You can probably use @xstate/graph to process the machine and deliver this information.

[radiodario]

Oh this is perfect! i think i can make it work with this