Trackula is a WebExtension to show you, in p5.js, an interactive visualization of your data migrations through the web, and how you interact with third-party websites.
All the information will be contained in the first-run.html, which is (as of yet) not finished.
This is the web extension version of the Firefox Lightbeam add-on for visualizing HTTP requests between websites in real time.
The Firefox Lightbeam extension by Mozilla is a key tool for Mozilla to educate the public about privacy.
Note This repository uses a submodule to allow some third party requests. To ensure the submodule is cloned along with this repository, use a modified clone command:
git clone --recursive https://github.com/mozilla/lightbeam-we.git
There are a couple ways to try out this web extension:
-
Open Firefox and load
about:debuggingin the URL bar.- Click the Load Temporary Add-on button and select the
manifest.jsonfile within the directory of this repository. - You should now see the Lightbeam icon on the top right bar of the browser.
- Click the Lightbeam icon to launch the web extension.
- Click the Load Temporary Add-on button and select the
-
Install the web-ext tool, change into the directory of this repository, and type
web-ext run.- This will launch Firefox and install the extension automatically.
- This tool gives you some additional development features such as automatic reloading.
Run npm run build.
To manually update the submodule at any time during development, run git submodule update.
Run npm run test to check that everything is OK.
- If you have installed
eslintglobally, you will have to install globally the followingeslintplugins too:eslint-plugin-jsoneslint-plugin-mocha
- Test suites include lint and unit testing. You can individually run lint or unit tests using the following commands:
npm run lint:eslintnpm run test:karma
Eslint is used for linting. Karma, Mocha & Chai are used for unit testing. Additionally the test suites are run on the Travis service providing continuous integration support.
