storybook-xstate-addon icon indicating copy to clipboard operation
storybook-xstate-addon copied to clipboard

Support for @xstate/fsm

Open tajakobsen opened this issue 3 years ago • 2 comments

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...

tajakobsen avatar Jun 10 '21 08:06 tajakobsen

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.

SimeonC avatar Jun 10 '21 11:06 SimeonC

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.

tajakobsen avatar Jun 10 '21 12:06 tajakobsen