Immutable.js Object Formatter (Chrome Extension)

Transforms Immutable JS objects to a more readable format when they are logged to the console.

Now works with Chrome Extension Manifest v3.

Forked from mattzeunert

Install the Chrome Extension* (Currently awaiting review)

Based on immutable-devtools.

The Chrome extension will only work if you enable Custom Formatters in the DevTools settings.

Step 1: Open DevTools settings

Step 2: Enable custom formatters

How it works

The code in "/immutable-devtools" is essentially just a copy of immutable-devtools that is injected into the page. It also sets a flag __ImmutableJSDevToolsFormattersInstalled on the window to avoid installing the formatter more than once.

Running the code locally

1. yarn install
2. yarn build
3. Load the "/extension" directory as an unpacked Chrome extension
4. Open "/test-page/index.html" to check everything looks as expected

Make sure to reload the extension after any changes.