alt-devtool icon indicating copy to clipboard operation
alt-devtool copied to clipboard

Alt's Chrome Devtool

A developer tool extension for debugging your Alt flux applications

Download the extension here:

https://chrome.google.com/webstore/detail/alt-devtools/jfjefoacbhfenehankalijibcccajchg

Installing

Open up Chrome extensions. Drag the extension onto there. Accept the ridiculous permissions.

var Alt = require('alt');
var alt = new Alt();
Alt.debug('alt', alt);

Permissions

This extension requires the ability to "Read and change all your data on the websites you visit" according to Google.

This extension just needs some JavaScript to detect whether Alt exists on the page or not. Having access to all data on websites you visit is way more power than this extension actually needs to work. Ideally, the extension would just have access to Alt if it exists or not.

The source code will always be included here and the extension as well should you wish to inspect it.

Feedback

If you have feedback or issues then please file an issue.

Screenshots

All dispatches. Search. Rollback. Time Travel debugging.

Dispatches

Viewing stores. Snapshots. Bootstrap. Flush.

Stores

Building this yourself

  • Clone this repo to your computer
  • You might need to npm install and npm run build
  • Download Chrome Apps & Extensions Developer Tool from the chrome store.
  • Open the Extensions dev tool you just downloaded and click on the Extensions tab
  • Click Load Unpacked and find the folder where you cloned alt-devtool
  • Open it
  • Remove node_modules folder from your directory (you technically don't have to but this is faster)
  • Click pack
  • You'll need to use a private key, you can generate your own or not use one I think
  • You'll finally have a .crx file which you can then install

License

MIT