autovisualizer 0.1.0 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/package.json +1 -1
- package/public/embed/assets/auto-visualizer-PXd6ddz_.js +87 -0
- package/public/embed/assets/{auto-visualizer-COLD613X.js.map → auto-visualizer-PXd6ddz_.js.map} +1 -1
- package/public/embed/assets/style-DwXpbdyo.css +3 -0
- package/public/embed/embed.js +1 -1
- package/public/embed/assets/auto-visualizer-COLD613X.js +0 -87
- package/public/embed/assets/style-D1Z4-Q28.css +0 -3
package/README.md
CHANGED
|
@@ -110,6 +110,7 @@ Paste a machine into [the app](https://autovisualizer.vercel.app) and you get it
|
|
|
110
110
|
- **Guard branches.** Literal targets in transition functions are drawn as dashed, numbered branches. When a function computes its target (`target: pick(event.to)`), the Validations panel names it.
|
|
111
111
|
- **Step-through simulation.** Click an event pill and the machine takes that transition. You fire invoked actors and timers yourself: send `done: deploy` or `after 30000ms` when you want them. Add a payload with a custom event, and set the machine's input before a reset.
|
|
112
112
|
- **Problems flagged.** Unreachable states get a warning badge, and the Validations panel lists them with the transitions it can't draw.
|
|
113
|
+
- **Outcomes at a glance.** Final states draw green. Tag a final state `error` or `failure` (`tags: ["error"]`) and it draws red, in the editor, embeds and SVG exports.
|
|
113
114
|
- **Sharing.** Share a link that carries the code. Save the code as `.ts`, or export XState's MachineJSON. Open either kind of file. Your code autosaves in the browser.
|
|
114
115
|
|
|
115
116
|
## Agent skills
|