XState Ninja
A powerful devtool for XState state machines
什么是XState Ninja？
XState Ninja是由rlaffers开发的Chrome扩展程序，该扩展的主要功能是“A powerful devtool for XState state machines”。
扩展截图
下载XState Ninja扩展crx文件
下载XState Ninja扩展crx格式的文件，手动将Chrome插件安装到浏览器中，也可以将crx文件分享给朋友，轻松安装Chrome插件。
扩展使用说明
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 扩展基本信息
| 名称 |  XState Ninja |
| ID | cogeldipmkjdfjgjkghlmhehejpmcfif |
| 官方URL | https://chromewebstore.google.com/detail/xstate-ninja/cogeldipmkjdfjgjkghlmhehejpmcfif |
| 简介 | A powerful devtool for XState state machines |
| 文件大小 | 224 KB |
| 安装次数 | 391 |
| 当前版本 | 1.7.2 |
| 更新时间 | 2023-10-21 |
| 上架时间 | 2022-09-19 |
| 评分 | 4.00/5 共1次评分 |
| 开发者 | rlaffers |
| 电子邮箱 | [email protected] |
| 付费类型 | free |
| 扩展官网 | https://github.com/rlaffers/xstate-ninja |
| 支持的语言 | en |
| 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": [
" | |
