Skip to content

Instantly share code, notes, and snippets.

@laheadle

laheadle/machine.js

Last active May 14, 2020 16:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save laheadle/71b9d8b10e3f70aa8d12acb428e1cdee to your computer and use it in GitHub Desktop.
Save laheadle/71b9d8b10e3f70aa8d12acb428e1cdee to your computer and use it in GitHub Desktop.
Download ZIP
Generated by XState Viz: https://xstate.js.org/viz
Raw
machine.js
const m = Machine({"id":"slides","initial":"showSlideOneHideSlideTwo","states":{"showSlideOneHideSlideTwo":{"on":{"CLICK_LINKONE":{"target":"showingSlideTwo","actions":["setCurrentSlide","ariaHideSlideOne","ariaShowSlideTwo","lowerSlideOne","raiseSlideTwo"]}}},"showingSlideTwo":{"after":{"300":"quickHideSlideOne"},"entry":["settingSlideTwoOpacity","settingSlideTwoVisibility"]},"quickHideSlideOne":{"initial":"turningOffTransitions","states":{"turningOffTransitions":{"after":{"10":"hidingSlideOne"}},"hidingSlideOne":{"entry":["zeroSlideOneOpacity","hideSlideOneVisibility"],"after":{"10":{"target":"turningOnTransitions"}}},"turningOnTransitions":{"after":{"10":"#slides.hideSlideOneShowSlideTwo"}}}},"hideSlideOneShowSlideTwo":{}}})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment