Skip to content

Friss/immutable-object-formatter-extension

 
 

Repository files navigation

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.

About

Make ImmutableJS objects more readable when viewed in Chrome DevTools

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 98.4%
  • HTML 1.6%