Leapp Multi Console Extension

Repository for the Leapp Cross-Browser Multi Console Extension

Description

This extension lets you access different AWS Browser consoles from the same window on different tabs by isolating the Browser context.

npm run chrome-dev : build the extension and start a Chrome instance to test it. Open chrome://extensions then toggle developer mode slider, and click on background script to access the extension dev tools.
npm run firefox-dev : build the extension and start a Firefox instance to test it. Open about:addons then select extensions from the side menu, and click on the setting icon, select the debug addons option, and click on inspect.

npm run build-chrome/npm run build-firefox : bundle the extension for Chrome/Firefox using webpack without starting any Browser instance.
npm run watch : watch extension code for any changes. Use it after running chrome-dev or firefox-dev to hot reload the extension while testing it.

asset : contains all the static assets for the extension (images, icons, fonts, etc.).
config : contains webpack configurations.
src :
- backend : contains background and content scripts.
- frontend : contains the popup page and all related content (.html, .js, and .css).
manifest-chrome.json/manifest-firefox.json : entry point for the extension; contains metadata about the extension as well as configuration and permission properties. Link

Install node and npm
Run npm install
Run npm run build-firefox or npm run build-chrome
The extension code should be inside the newly created build folder
Otherwise, to test it locally, run npm run firefox-dev or npm run chrome-dev