Skip to content
No description, website, or topics provided.
TypeScript CSS HTML JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app
tasks
.babelrc
.editorconfig
.gitattributes
.gitignore
LICENSE
README.md
gulpfile.babel.js
package-lock.json
package.json
tsconfig.json
tslint.json

README.md

SLext

To install

Chrome

Download from Chrome webstore or install from source.

To install from source, clone the repository:

git clone git@github.com:hrjakobsen/slext.git
cd slext
gulp pack --vendor=chrome --production

Then in Chrome, go to chrome://extensions

Drag the packed chrome extension from the 'packages' folder onto the page to install the extension.

Firefox

Download from Firefox Add-ons or install from source.

To install from source, clone the repository:

git clone git@github.com:hrjakobsen/slext.git
cd slext
gulp pack --vendor=firefox --production

Then in Firefox, go to about:addons

Click on the settings and press 'Install Add-on From File' then select the .xpi file in the packages folder.

Development

The extension is developed for Google Chrome. If you wish to ensure that everything works in other browsers as well, great! But the following section described the development process in Chrome, so you will have to modify some of the steps to develop for other browsers.

Install dependencies

$ npm install

Testing

Run $ gulp --watch and load the dist-directory into Chrome as an unpacked extension on chrome://extensions. After making changes to the code it will automatically be compiled, but you need to refresh the extension where you loaded it.

Tasks

Build

$ gulp
Option Description
--watch Starts a livereload server and watches all assets.
--production Minifies all assets
--verbose Log additional data to the console.
--vendor Compile the extension for different vendors (chrome, firefox, opera, edge) Default: chrome
--sourcemaps Force the creation of sourcemaps. Default: !production

pack

Zips your dist directory and saves it in the packages directory.

$ gulp pack --vendor=chrome

Version

Increments version number of manifest.json and package.json, commits the change to git and adds a git tag.

$ gulp patch      // => 0.0.X

or

$ gulp feature    // => 0.X.0

or

$ gulp release    // => X.0.0
You can’t perform that action at this time.