0.3.1 • Published 7 days ago
@statelyai/inspect v0.3.1
Stately.ai Inspect
The @statelyai/inspect
package enables developers to visually inspect state transitions and actor communication in any JavaScript/TypeScript app.
Documentation: stately.ai/docs/inspector
Features
- Visualize state machines
- Visualize sequence diagrams
- Works best with XState
- Can be used with any framework or library (or none at all)
Usage
Browser inspector with XState:
import { createBrowserInspector } from '@statelyai/inspect';
import { createActor } from 'xstate';
import { machine } from './someMachine';
const inspector = createBrowserInspector();
const actor = createActor(machine, {
inspect: inspector.inspect,
});
actor.start();
Browser inspector with anything:
import { createBrowserInspector } from '@statelyai/inspect';
const inspector = createBrowserInspector();
// ...
inspector.actor('someActor', {
status: 'active',
context: {
/* any context data */
},
});
inspector.actor('anotherActor');
inspector.event('someActor', 'hello', { source: 'anotherActor' });
inspector.snapshot('anotherActor', {
status: 'active',
context: {
/* any context data */
},
});
0.3.1
7 days ago
0.3.0
27 days ago
0.2.5
3 months ago
0.2.4
3 months ago
0.2.3
3 months ago
0.2.2
4 months ago
0.2.1
4 months ago
0.2.0
4 months ago
0.1.0
5 months ago
0.0.11
5 months ago
0.0.10
5 months ago
0.0.9
5 months ago
0.0.8
5 months ago
0.0.7
5 months ago
0.0.6
6 months ago
0.0.5
6 months ago
0.0.4
6 months ago
0.0.3
6 months ago
0.0.2
6 months ago
0.0.1
6 months ago