English (UK)
See more
Immerx debugging tools in Chrome developer console.
Latest Version
Version
0.2.0
Update
June 8, 2020
Size
81.98KiB
Developer
Category
Users
27 
Rating
0 ★
Manifest Version
2
Web Store Status
Extension ID
Languages Support
Permissions
Tabs
Http://*/*
Https://*/*
See more
Http://*/*
Https://*/*
Immerx DevTools Extension
ImmerX DevTools is a Chrome DevTools extension for the open-source JS state management library - ImmerX.
It helps developers visualise ImmerX state changes in the Chrome Developer Tools. It creates a new panel called \"Immerx DevTools\" that contains 4 main components:
1. \"Update List\" - A filterable, vertical scrolling list of all the state updates.
2. \"Patches\" - Where you can see all the immer patches that were applied during the selected state update. Each patch containing information about he operation type, the path and the diff.
3. \"State\" - Display the state value resulted from the selected update, or the current value if no update is selected.
4. \"Diff\" - Shows a diff between the state values before and after the selected update.
See an interactive demo of the inlined version here:
https://monojack.github.io/immerx-todomvc
You can learn more about ImmerX here:
https://github.com/monojack/immerx
Code for this extension is open-sourced at:
https://github.com/monojack/immerx-devtools
Read more
It helps developers visualise ImmerX state changes in the Chrome Developer Tools. It creates a new panel called \"Immerx DevTools\" that contains 4 main components:
1. \"Update List\" - A filterable, vertical scrolling list of all the state updates.
2. \"Patches\" - Where you can see all the immer patches that were applied during the selected state update. Each patch containing information about he operation type, the path and the diff.
3. \"State\" - Display the state value resulted from the selected update, or the current value if no update is selected.
4. \"Diff\" - Shows a diff between the state values before and after the selected update.
See an interactive demo of the inlined version here:
https://monojack.github.io/immerx-todomvc
You can learn more about ImmerX here:
https://github.com/monojack/immerx
Code for this extension is open-sourced at:
https://github.com/monojack/immerx-devtools
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "version": "0.2.0", "author": "Ionut Achim ", "name": "Immerx DevTools", "short_name": "Immerx DevTools", "description": "Immerx debugging tools in Chrome developer console.", "icons": { "16": "icons/icon-64.png", "48": "icons/icon-128.png", "128": "icons/icon-400.png" }, "page_action": {}, "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'", "permissions": ["tabs", "http://*/*", "https://*/*"], "devtools_page": "devtools.html", "background": { "scripts": ["background.js"], "persistent": false }, "web_accessible_resources": ["panel.html"], "content_scripts": [ { "matches": [""], "js": ["hook.js", "contentScript.js"], "run_at": "document_start" } ], "manifest_version": 2}
Read more
