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 |
| 官方網址 | 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": [
" | |
