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
Languages Support
English (UK)
See more
Permissions
Tabs
Http://*/*
Https://*/*
See more

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

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

Similar Extensions

icon

UpGPT | ChatGPT for Upwork Extension · Productivity 27 0 ★ 338KiB

icon

GA4 annotations Test Extension · Productivity 27 4 ★ 38.46KiB

icon

Practice Forcius Extension · Productivity 27 0 ★ 329KiB

icon

TripZi Extension · Productivity 27 0 ★ 1.45MiB

icon

Twitter Long Text Editor Extension · Accessibility 27 0 ★ 406KiB

icon

Chat Review Extension · Productivity 27 0 ★ 476KiB

icon

Aiera Extension Extension · Developer Tools 27 1 ★ 207KiB

icon

Stefan's Mastodon Tools Extension · Social & Communication 27 0 ★ 463KiB

icon

Bitbaguette Extension · Developer Tools 27 2 ★ 518KiB

icon

Conga Debug Helper Extension · Productivity 27 6 ★ 1.04MiB

icon

GPT Extension for Salesforce Extension · Developer Tools 27 0 ★ 43.78KiB

icon

SearchTool Extension · Productivity 27 0 ★ 9.72KiB

icon

Notion Cover Extension · Productivity 27 1 ★ 341KiB

icon

Job Arranger (Linkedin,Indeed,Glassdoor,...) Extension · Productivity 27 0 ★ 991KiB

icon

Brelly: Save money, support creators Extension · Shopping 27 6 ★ 346KiB

icon

Jira Followers Groups Extension · Productivity 27 1 ★ 114KiB

icon

Dana Extension · Productivity 27 3 ★ 777KiB

icon

Discord Search Blocker Extension · Productivity 27 1 ★ 1.6MiB

icon

ExactNote Extension · Social & Communication 27 1 ★ 4.93MiB

icon

Emoji everywhere Extension · Fun 27 0 ★ 66.75KiB

icon

Crypto Conversion Extension · Productivity 27 0 ★ 45.21KiB

icon

Postman markdown beautifier Extension · Productivity 27 0 ★ 198KiB

icon

Competitors App - Monitor competitors' LinkedIn and Facebook pages Extension · Productivity 27 2 ★ 81.26KiB

icon

Chatgpt Plus Waitlist Skipper Extension · Productivity 27 1 ★ 73.81KiB