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
Eメール	[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": [ "" ] } ], "content_scripts": [ { "matches": [ "" ], "exclude_globs": [ "https:\/\/www.google*" ], "js": [ "inject\/content_script.js" ], "run_at": "document_start", "all_frames": true } ] }