Events do not show up if they exist in another file.

[cpetzel]

I often create a machine.types.tsx file that contains all of my states, events, and the type of machine. I then use these values/enums in separate machines based on platform...

Example...
exampleMachine.types.tsx - exports enums for States, types for events, and the type of the machine.

export enum Events {
  event1 = 'EVENT_1',
  event2 = 'EVENT_12',
  ....
}

type EventTypeSchema =
  | Events.event1
  | Events.event2;

export interface MyMachineEvents extends EventObject {
  type: EventTypeSchema;
}

export interface MachineContext {}

export type TMyMachine = StateMachine<
  MachineContext,
  any,
  MyMachineEvents
>;

exampleMachine.native.tsx - This will actually create the machine for iOS and Android (react native) that was typed in exampleMachine.types.tsx, utilizing the States enum from the same file.

exampleMachine.web.tsx - This will actually create the machine for web that was typed in exampleMachine.types.tsx, utilizing the States enum from the same file. This machine may behave a bit differently, because it is on another platform, but it still adheres to the same contract/types, so any parent machine that "uses" it has type safety.

Issue

The visualizer is not drawing the events because the parser doesn't know about them, because they live in another file.

Would it be possible to extend the functionality of the xstate-parser to search import paths for these events/states?

Thanks so much for the wonderful tool!

[mattpocock]

Thanks for the detailed issue! This PR (statelyai/xstate-parser#11) would solve this.