Profile Jumper to easy jump between profiles.
Project uses React, read on about the design decisions and how to build.
- Build with
npm run build
- Ensure "developer mode" is on
- Load unpacked extensions
- Choose the
builddir to load from
- Run while editing code
npm start run
Here you can understand the decisions taken for each aspect.
Using Font Awesome for the profile icons, need to perform explicit imports. See: https://github.com/FortAwesome/react-fontawesome#explicit-import
Multiple react entry paths
When you're building a chrome extension, there multiple or "custom" webpage examples of how to have "multiple entry points to create-react-app". This problem can be summarized as Essentially one does not want to "eject" then build for all configs because you then need to spend time customising, maintaining, etc. Keeping things simple (that's how I like to roll), found a good solution.
Looking to solve this issue, found a simple, elegant solution using
Install these additional React dependencies.
npm install --save react-router react-router-dom
npm install --save react-move
Running in LXC container
First create the container, use bash tools see: https://github.com/mrupgradable/bash-scripts
Example of creating container
Create the container using bash tool (will create Alpine Linux container by default)
./lxc-create-react-code-project-container.sh node-code-profile-jumper 10.237.245.12 /projects/code/browser-extension/profile-jumper profile-jumper false
The container needs to be be executed as the user 1000 (contain it's a little different with Alpine)
lxc start node-code-profile-jumper
lxc exec node-code-profile-jumper --user 1000 bash
In the container, go to the project source
npm run build
Google developer docs are available here: https://developer.chrome.com/extensions/devguide