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.
Viewing stores. Snapshots. Bootstrap. Flush.
Building this yourself
- Clone this repo to your computer
- You might need to
npm install
andnpm 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