Compiling & Building Clique.UI

More info coming soon.

Because Clique.UI is open-source, we invite any developer interested in contributing to do so. In order to contribute, perform the following steps:


  1. If necessary, install Node.js following the steps on their website.
  2. Clone the Clique.UI repo: `git clone https://github.com/CliqueStudios/Clique.UI.git`
  3. Install the required Node packages: `sudo npm install`
  4. Make the changes you'd like in the `.less` or `.coffee` files
  5. Compile and build the source files: `grunt build`

Grunt Commands

Clique.UI is compiled and built using Grunt, a task-management tool build on top of Node.js. For the most efficient use of Grunt, we created several custom tasks:

Command Sub-Commands Description
build-css
clean:css
less
cleaner_css
cssmin
csscomb
jsbeautifier:css
The build-css command will first clean out the dist directory and compile the .less files, and then will minify, clean, and sort the compiled CSS.
build-js
coffee
concat
uglify
jsbeautifier:js
The build-js command will compile all .coffee files and concatonate, clean, and beautify the resulting JavaScript.
autotest
clean:results
jshint
casperjs
autotest runs all the test commands in sequence - beginning by hinting at any JavaScript errors and warning, and then running recurisve functional tests with CasperJS.
build
build-css
build-js
The build command simply runs the build-css and build-js commands.