Skip to content

Commit 565ffac

Browse files
committed
Merge branch 'main' into davidkpiano/v5-cheatsheet
2 parents 403861c + 0df5111 commit 565ffac

File tree

149 files changed

+1862
-439
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

149 files changed

+1862
-439
lines changed

blog/2020-05-27-state-management-bad-bolean-good-boolean/index.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: "State Management: How to tell a bad boolean from a good boolean"
2+
title: "How to tell a bad boolean from a good boolean"
33
description: "TL;DR: Bad booleans represent state. Good booleans are derived from state"
44
tags: [tutorial]
55
authors: [matt]

blog/2021-12-14-what-are-the-biggest-benefits-youve-had-from-using-state-machines/index.mdx

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
---
2-
title: What are the biggest benefits you’ve had from using state machines?
3-
description: >-
4-
At Stately we’re fans of state machines, but we wanted to ask our
5-
community… what are the benefits that you’ve experienced from using state machines?
2+
title: What are the biggest benefits of state machines?
3+
description: 'At Stately we’re fans of state machines, but we wanted to ask our
4+
community… what are the benefits you’ve experienced from using state machines?'
65
tags: [weekly question, community, state machine]
76
authors: [laura]
87
image: /blog/2021-12-14-what-are-the-biggest-benefits-youve-had-from-using-state-machines.png

blog/2022-03-11-xstate-vscode-extension-now-available-on-the-open-vsx-registry/index.mdx

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,7 @@
11
---
2-
title: XState VSCode extension now available on the Open VSX Registry
3-
description: >-
4-
If you use VSCodium, Coder, Gitpod or another editor with VSCode-compatible
5-
extensions, you can now install the XState VSCode extension from the Open VSX
6-
Registry.
2+
title: Open VSX XState VSCode extension now available
3+
description: 'If you use VSCodium, Coder, Gitpod or another editor with VSCode-compatible
4+
extensions, you can now install the XState VSCode extension.'
75
tags: [extension, open source, xstate, vscode]
86
authors: [laura]
97
slug: /2022/03/11/xstate-vscode-extension-now-available-on-the-open-vsx-registry

blog/2022-06-13-nesting-typegen-files/index.mdx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
---
2-
title: "Nesting XState typegen files"
2+
title: 'Nesting XState typegen files'
33
description: What is file nesting in VS Code and how to enable it for XState's generated type files.
44
tags: [stately, extension, open source, xstate, vscode]
55
authors: [anders]
66
image: /blog/2022-06-13-nesting-typegen-files.png
7-
slug: 2022-06-13-nesting-typegen-files
8-
date: 2022-06-13
7+
slug: nesting-typegen-files
8+
date: 2022-06-13
99
---
1010

1111
Our latest update to the [XState VS Code extension](https://marketplace.visualstudio.com/items?itemName=statelyai.stately-vscode) has made it easy to enable file nesting for typegen files. But what is file nesting?

blog/2022-07-06-whats-new-july-2022/index.mdx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
---
2-
title: "What’s new in July 2022?"
2+
title: 'What’s new in July 2022?'
33
description: Search for machines, pinch to zoom, nest typegen files and more! Find out the latest features in the Stately editor and XState VS Code extension.
44
tags: [stately, xstate, announcement, editor, search, typegen, survey, roadmap]
55
authors: [laura]
66
image: /blog/2022-07-06-whats-new-july-2022.png
77
slug: 2022-07-06-whats-new-july-2022
8-
date: 2022-07-06
8+
date: 2022-07-06
99
---
1010

1111
On top of our usual minor improvements and bug fixes, we’ve got great new features to share with you in July!
@@ -28,7 +28,7 @@ Trackpad fans rejoice; you can now pinch to zoom in and out to navigate the edit
2828

2929
## Nesting typegen files
3030

31-
You’re missing out if you’re not using [our XState VS Code extension](https://marketplace.visualstudio.com/items?itemName=statelyai.stately-vscode) 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](/blog/2022-06-13-nesting-typegen-files/index.mdx) for more details.
31+
You’re missing out if you’re not using [our XState VS Code extension](https://marketplace.visualstudio.com/items?itemName=statelyai.stately-vscode) 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](/blog/nesting-typegen-files) for more details.
3232

3333
## Labels on quick action buttons
3434

@@ -38,7 +38,7 @@ The quick action buttons for adding states and guarded transitions are now label
3838

3939
## More upcoming features
4040

41-
We’ve got many more features coming up. Watch [our office hours from last week](https://www.youtube.com/watch?v=4v_M3HcZc3U) and [office hours from June 24](https://www.youtube.com/watch?v=qmbeYvcA3Ks) for demos of [smoother transition lines](https://www.youtube.com/watch?v=qmbeYvcA3Ks&t=530s), [fit to content on initial render](https://www.youtube.com/watch?v=4v_M3HcZc3U&t=1214s) and [parity between XState and the Stately editor](https://www.youtube.com/watch?v=4v_M3HcZc3U&t=208s).
41+
We’ve got many more features coming up. Watch [our office hours from last week](https://www.youtube.com/watch?v=4v_M3HcZc3U) and [office hours from June 24](https://www.youtube.com/watch?v=qmbeYvcA3Ks) for demos of [smoother transition lines](https://www.youtube.com/watch?v=qmbeYvcA3Ks&t=530s), [fit to content on initial render](https://www.youtube.com/watch?v=4v_M3HcZc3U&t=1214s) and [parity between XState and the Stately editor](https://www.youtube.com/watch?v=4v_M3HcZc3U&t=208s).
4242

4343
## Suggest features and help us prioritize our roadmap
4444

@@ -60,4 +60,4 @@ Matt has made five great videos for [our YouTube channel](https://www.youtube.co
6060

6161
## Please give us feedback in our yearly survey
6262

63-
And finally, [the Stately 2022 survey](https://stately.ai/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.
63+
And finally, [the Stately 2022 survey](https://stately.ai/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.

blog/2022-11-22-studio-update/index.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: 'New in the Studio: Safari support, new login providers, and more!'
2+
title: 'New: Safari support, new login providers, and more!'
33
description: It’s been just over a month since we released Stately Studio 1.0, and the team has barely slowed down! We’ve got more features live in the Studio today and even more planned before the end of the year.
44
tags: [editor, studio, safari, login, performance]
55
authors: [laura]

blog/2022-11-29-import-from-code/index.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ And please import your code into an existing machine with caution! Importing cod
3434

3535
## Export code
3636

37-
What about exporting your machines as code? You might have missed this feature as we released it as part of the [Stately Studio 1.0 release](https://stately.ai/blog/introducing-stately-studio-10#more-export-options). You can export your machine as JSON, JavaScript, and TypeScript using the code panel in the right tool menu.
37+
What about exporting your machines as code? You might have missed this feature as we released it as part of the [Stately Studio 1.0 release](https://stately.ai/blog/2022-10-18-introducing-stately-studio-1-0#more-export-options). You can export your machine as JSON, JavaScript, and TypeScript using the code panel in the right tool menu.
3838

3939
Using the export icon button in the editor’s top bar, you can also export as code from the **Export machine** dialog. [Check out Laura’s demo utilizing this feature to go from modeling your machine to code](https://www.youtube.com/watch?v=NVQai9SBpiU).
4040

blog/2023-01-20-whats-new-in-2023/index.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ Happy 2023! The Stately team is back from their [first off-site of the year in L
1717

1818
## Import from code
1919

20-
[Import from code](https://stately.ai/blog/new-in-the-studio-import-from-code) was one of our most-requested features from users who had already created machines using XState or our Stately Viz. You can import an existing machine from JavaScript, TypeScript or JSON using the code panel in the editor’s right tool menu or the Machines list in the left drawer. Import from code works well with our existing export as code feature, where you can export your machine as JSON, JavaScript, and TypeScript using the code panel in the right tool menu.
20+
[Import from code](https://stately.ai/blog/2022-11-29-import-from-code) was one of our most-requested features from users who had already created machines using XState or our Stately Viz. You can import an existing machine from JavaScript, TypeScript or JSON using the code panel in the editor’s right tool menu or the Machines list in the left drawer. Import from code works well with our existing export as code feature, where you can export your machine as JSON, JavaScript, and TypeScript using the code panel in the right tool menu.
2121

2222
![Code panel open in the Studio with the Import button highlighted.](2022-11-29-import-from-code-right-panel.png)
2323

blog/2023-04-21-embed-url/index.mdx

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
---
2+
title: Embed URL
3+
description: '🤫 We’re testing a new feature where you can embed machines.'
4+
authors: [laura]
5+
tags: [changelog, new, beta]
6+
date: 2023-04-21
7+
slug: 2023-04-21-embed-url
8+
image: /blog/2023-07-18-embed-url.png
9+
---
10+
11+
🤫 We’re testing a new feature where you can embed machines.
12+
13+
From the **Share** menu, there’s now a **Copy embed URL** button. You can use this URL in an `<iframe>` to embed your machine anywhere `<iframe>`s are allowed. We love to use embedded machines in our docs!
14+
15+
![embed-url](https://canny.io/images/d1135e463827ba77d2199971d2e7d1e9.png)
16+
17+
We plan to add more to this feature in the future, and [we’d love to hear your feedback](https://discord.gg/xstate).
Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
---
2+
title: 'New default machine'
3+
description: 'There’s now a more detailed default machine when you create a new machine in Stately Studio or jump straight into modeling at state.new.'
4+
authors: [laura]
5+
tags: [changelog, improved]
6+
date: 2023-04-28
7+
slug: 2023-04-28-new-default-machine
8+
image: /blog/2023-04-28-new-default-machine.png
9+
---
10+
11+
There’s now a more detailed default machine when you create a new machine in Stately Studio or when you jump straight into modeling at state.new.
12+
13+
<!--truncate-->
14+
15+
![Stately Studio machine featuring initial state, guards, parent and child states, and using descriptions.](https://canny.io/images/362e27b65f13dfe7ce6979a91a5fdd6c.png)
16+
17+
We hope this will help you get started and maybe learn more about features you’ve not used before.
18+
19+
If you don’t want any of these states and transitions in your new machine, you can drag to select all the unwanted features and hit backspace to delete them.
20+
21+
We’d love your thoughts about our new default machine; please [give us your feedback in our Discord!](https://discord.gg/xstate)

0 commit comments

Comments
 (0)