Stately
All blog posts

What’s new in July 2022?

By Laura Kalbag on July 6, 2022Edit this page on GitHub

  • #stately
  • #xstate
  • #announcement
  • #editor
  • #search
  • #typegen
  • #survey
  • #roadmap

On top of our usual minor improvements and bug fixes, we’ve got great new features to share with you in July!

Search for machines

Thanks to Anders’ hard work, the Discover page now has a fully-featured search where you can find and filter through all the machines our community has made.

The filters can limit your search by source, features and number of states.

The discover page showing 101 search results for the “auth” keyword, each with the word “auth” highlighted in the title. The search is filtered by the Editor source, and also has the option to filter by features entry actions, exit actions, final states, guards, invoke, and
parallel states.

We have more planned for search in the future that we can’t wait to share with you.

Pinch to zoom

Trackpad fans rejoice; you can now pinch to zoom in and out to navigate the editor’s canvas by touch. This feature was a popular request at a workshop Matt gave, so he implemented it the following day! If you prefer a keyboard or mouse, you can also use the zoom in and out buttons or the + and - keyboard shortcuts.

Nesting typegen files

You’re missing out if you’re not using our XState VS Code extension yet! After a top tip from our friend Erik Rasmussen, Anders added the feature to our VS Code extension. Read Anders’ blog post on nesting XState typegen files for more details.

Labels on quick action buttons

The quick action buttons for adding states and guarded transitions are now labeled with + State and + Guard to make the buttons’ function clearer. Improvements that make the editor’s interface easier to understand and use are a priority for us, and we appreciate any feedback you have for improvements that would benefit you.

A state with quick action buttons labeled “+ state” and “x” to delete the state. And an event with quick action buttons labeled “+ guard“ and “x” to delete the event.

More upcoming features

We’ve got many more features coming up. Watch our office hours from last week and office hours from June 24 for demos of smoother transition lines, fit to content on initial render and parity between XState and the Stately editor.

Suggest features and help us prioritize our roadmap

We’ve also started using Canny to collect your feedback and help us prioritize planned features in the last month. If there’s anything you want from XState or our Stately tools, please create a post or upvote and give feedback on proposed features.

Visit our Canny roadmap to make feature requests, submit feedback, view the roadmap and vote on features.

The Stately roadmap showing options to give feedback on the Editor, XState, Documentation, Workflows, Devtools and Registry, as well as a roadmap showing Planned, In Progress and Complete features

New videos on our YouTube channel

Matt has made five great videos for our YouTube channel to help you learn about using XState. Join our 1000+ subscribers and find out more about:

Please give us feedback in our yearly survey

And finally, the Stately 2022 survey is out, and we would love you to add your response to help us make our tools work for you. All the questions are optional, and it will take just five minutes of your time.

Copyright © Stately, 2022