A set of helpers for working with Helix content.
- src - Contains the JS & LESS source files.
- ui - Contains the UI and UX source files.
- web-ext - Contains:
- The manifest.json
- Extension images
- HTML files (options, popup)
- The built JS & CSS
- web-ext-safari - The Xcode project.
- Important: this file references
web-ext
for all the actual web-extension files.
- Important: this file references
This extension can be developed & run in Chrome, Firefox, and Safari. It is recommended that either Chrome or Firefox is used for active development. Safari requires an Xcode build for every change.
npm install
npm run build
For active development, you can watch options or popup for changes:
npm run watch:options
npm run watch:popup
npm run test
- Open the extension preferences screen -
chrome://extensions
- Turn on Developer mode (top right of screen)
- Select the
Load unpacked
button (top left of screen) - Select the
web-ext
folder in this project.
npm run start:firefox
- Open Safari > Develop menu > "Allow Unsigned Extensions" (you need to do this every restart of Safari)
- Open the
web-ext-safari
folder in Xcode. - Press the play button on the project.