Developing

First, you must have yarn installed.

Install dependencies:

yarn install

Choose your favorite browser and start developing:

yarn run dev:firefox

or

yarn run dev:chrome

This command will initialize a browser window and load the extension, watching for changes and reloading the window automatically.

Building the Extension

yarn build

Linting and formatting

In order to maintain our codebase we are using Prettier for formatting and ESLint for linting.

If you only want to check for formatting issues run:

yarn format

Or if you want to have Prettier fix them:

yarn format:fix

Similarly, to check for linting issues run:

yarn lint

And, if you wish to fix the warnings that ESLint picks up, run:

yarn lint:fix

Manu Loading a bundle

Chrome or Edge	Firefox	Safari
Open chrome://extensions or edge://extensions Turn on the Developer mode toggle Click on the Load unpacked button Select the folder dist/chrome	Open about:debugging#/runtime/this-firefox Click on the Load Temporary Add-on... button Select the file dist/firefox/manifest.json	Open bundle/safari/NitSig for NitSig.xcodeproj Click the Play button in Xcode ("start the active scheme") Configure Safari in macOS to run unsigned extensions

Fun Fact: We have a page to display all the components created by us

See the components page by adding /components to the end of any Sigarra URL.