A powerful devtool for XState state machines

Latest Version

Version
1.7.2
Update
October 21, 2023
Size
224KiB
Developer
Category
Users
428
Rating
4 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

XState Ninja Extension

XState Ninja is a devtool panel for tracking state machines implemented with the XState library. It provides a better developer experience than the widely used Redux devtools extension for monitoring state machines. XState Ninja is more ergonomic and removes common pain points experienced with Redux devtools:

👉 more than one machine can be tracked at once in multiple swimlanes
👉 machine state is clearly visible (including parallel states)
👉 no events are missed regardless of when the devtool was opened
👉 side effects (invoked services and actions) are clearly visible
👉 all invoked or spawned actors are monitored, including invoked/spawned callbacks and promises
👉 dead actors are clearly marked (💀) so there is no confusion if multiple machines of the same ID are started
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "XState Ninja", "author": "Richard Laffers", "description": "A powerful devtool for XState state machines", "version": "1.7.2", "manifest_version": 3, "homepage_url": "https://github.com/rlaffers/xstate-ninja", "background": { "service_worker": "background/background.js", "type": "module" }, "devtools_page": "devtools/devtools.html", "permissions": [ "storage" ], "icons": { "16": "assets/icon_16x16.png", "32": "assets/icon_32x32.png", "48": "assets/icon_48x48.png", "128": "assets/icon_128x128.png" }, "web_accessible_resources": [ { "resources": [ "inject/xstate_ninja.js" ], "matches": [ "" ] } ], "content_scripts": [ { "matches": [ "" ], "exclude_globs": [ "https://www.google*" ], "js": [ "inject/content_script.js" ], "run_at": "document_start", "all_frames": true } ]}
Read more

Similar Extensions

icon

Requestly - Intercept, Modify & Mock HTTP Requests Extension · Developer Tools 428 1227 ★ 876KiB

icon

CORS Unblock Extension · Developer Tools 428 162 ★ 203KiB

icon

GraphQL Network Inspector Extension · Developer Tools 428 123 ★ 8.34MiB

icon

PixiJS Devtools Extension · Developer Tools 428 70 ★ 145KiB

icon

Web Vitals Extension · Developer Tools 428 43 ★ 398KiB

icon

Xstate vizualize addon Extension · Developer Tools 428 1 ★ 1.23MiB

icon

Testing Playground Extension · Developer Tools 428 60 ★ 646KiB

icon

React Context DevTool Extension · Developer Tools 428 21 ★ 2.35MiB

icon

Redux DevTools Extension · Developer Tools 428 726 ★ 1.2MiB

icon

Vue.js devtools (beta) Extension · Developer Tools 428 149 ★ 2.54MiB

icon

tweak: mock and modify HTTP requests Extension · Developer Tools 428 190 ★ 3.22MiB

icon

MobX Developer Tools Extension · Developer Tools 428 51 ★ 682KiB

icon

Apollo Client Devtools Extension · Developer Tools 428 266 ★ 490KiB

icon

GraphQL developer tools Extension · Developer Tools 428 24 ★ 98.19KiB

icon

Refined GitHub Extension · Developer Tools 428 213 ★ 572KiB

icon

axe DevTools - Web Accessibility Testing Extension · Accessibility 428 114 ★ 2.89MiB

icon

CSS Stacking Context inspector Extension · Developer Tools 428 21 ★ 262KiB

icon

Mokku Extension · Developer Tools 428 76 ★ 3.28MiB

icon

Ember Inspector Extension · Developer Tools 428 345 ★ 3.49MiB

icon

Locale Switcher Extension · Developer Tools 428 71 ★ 87.46KiB

icon

Spector.js Extension · Developer Tools 428 45 ★ 370KiB

icon

Zukeeper: Devtools for Zustand Extension · Developer Tools 428 6 ★ 939KiB

icon

Altair GraphQL Client Extension · Developer Tools 428 68 ★ 6.78MiB

icon

Gimli Tailwind Extension · Developer Tools 428 33 ★ 151KiB