search

SimeonC / storybook-xstate-addon

A storybook addon to assist with writing stories that rely on xstate
https://SimeonC.github.io/storybook-xstate-addon/
MIT License
54 stars 6 forks source link

Support for @xstate/fsm #24

Open tajakobsen opened 3 years ago

tajakobsen commented 3 years ago

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

SimeonC commented 3 years ago

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.

tajakobsen commented 3 years ago

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.