storybook-xstate-addon
storybook-xstate-addon copied to clipboard
Support for @xstate/fsm
Hi,
I'm planning to use @xstate/fsm in my project to get the bundle size down a bit, but I'm not able to use this addon when I replace the imports.
// import { useMachine } from '@xstate/svelte'; // this works
// import { createMachine } from 'xstate'; // this works
import { useMachine } from '@xstate/svelte/lib/fsm'; // this doesn't work
import { createMachine } from '@xstate/fsm'; // this doesn't work
(I'm using svelte too, but I don't think that makes a difference)
I'm just getting a message in "xState inspector" that says:
Waiting for connection...
Hey, thanks for the report. I didn't test with fsm packages. They must use a different interpreter than the main xstate packages.
Not sure when I can get time to figure that out, if you want to have a go and send an PR the part that "turns on" the inspector is in this file src/preset/withXstateInspector.ts L24 an L38.
Hey,
I tried to google a bit, and it seems that fsm isn't supported by the vizualizer.
But I found a workaround where the config for fsm is passed into normal xstate – created only for the purpose of using it with the vizualizer.