Awesome

urequire-example-helloworld

Introduction

An example Hello world project build with urequire, grunt-urequire & urequire-ab-specrunner

With just ~30 lines of DRY & declarative uRequire config, this example shows off the automagical :

• transparent compilation from coffee-script (or coco, LiveScript etc) to javascript.

• conversion from AMD or CommonJs (or a combination of both) to UMD or combined (<script>, AMD & nodejs compatible) javascript.

• injection of a var VERSION = 'x.x.x'; in main module's body, where 'x.x.x' comes from package.json (using the urequire-rc-inject-version ResourceConverter plugin)

• gereration of a standard banner, with info from package.json.

• declarative exporting of main module on window.myModule (with noConflict() baked in).

• minification, using uglify2's defaults

• discovery of dependencies's paths using the info already in bower or nodejs's npm.

• generated tests that run on nodejs & phantomjs (browser) via mocha (& chai), both as Web/AMD & Web/Script. It even generates the required HTML, with all module's paths, requirejs's configs & shims or <script ...> tags etc.

• watch facility with rapid rebuilds, since it compiles only files that have really changed and also runs the tests only if a) there were changes and b) with no compilation errors.

• clean of destination files / folders before each build.

• deriving (i.e like inheritance in OO) of configs.

• passing r.js options

• a cross module systems development, cross runtimes deployment & automagical continuous testing.

• and last but not least: The elimination of (the need for) grunt plugins. There's isnt any hint of grunt-xxx for watch, coffee-script, browserify, uglify, mocha, concat, phantomjs, banner, clean etc). This is great news cause cause grunt plugins have many disadvantages :

  • repeating the same source & dest paths & files all over again (when you should keep it DRY)

  • you have to learn the intricacies & syntax of each plugin

  • making sure they run in the right order & hope they produce the right result

  • producing many intermediate temp files

  • building everything with each change etc

  • writing stuff for things that should be automagical ;-)

Who's gulping ?

Usage

Prerequisites

You should already have installed and working

  $ npm install -g grunt-cli
  $ npm install -g bower
  $ npm install -g mocha
  $ npm install -g mocha-phantomjs

Download repo & install deps

Clone and install dependencies for both nodejs (npm) & browser (bower):

$ git clone http://github.com/anodynos/urequire-example-helloworld && cd urequire-example-helloworld
$ npm install && bower install

A full clean build & test.

Run the default build & specs test with

$ grunt

that builds the lib (with UMD template) and runs the specs on both nodejs & the browser (phantomjs).

The HTML spec runner and all other configs (requirejs, paths, shims, fake-module of lib inside specs etc) are automagically generated by urequire-ab-specrunner.

Watch real changes

When you develop you need to watch code & specs paths and rebuild modules / resources that seem to have changed. Then you want your tooling to run the specs only when modules have really changed (i.e not to run when just whitespace or comments changed or any change that doesn't really alters the resulting parsed javascript AST). This is an example of what urequire offers.

To get all of this automation, just issue :

 $ grunt develop

which is really a shortcut to

 $ grunt lib specWatch

Note how specWatch is just derived from spec, just adding a watch: true

    specWatch: derive: 'spec', watch: true

Using derive allows you to inherit from other configs, like in Object Oriented Programming. You dont need to repeat existing properties, but you can add or redefine existing ones.

Under the hood, the watch feature auto generates & invokes a grunt-contrib-watch task, through the urequire-ab-grunt-contrib-watch afterBuild-er.

I want more

For more advanced uRequire config examples with comments etc see :

• urequire-example going a bit futher than hello world.

• uBerscore's full grunt config or the one with comments.

• uRequire's own build & spec run with uRequire - eat your own dog food:-)

• uRequire's config docs

• Check out the urequire-ab-specrunner docs.

Finally, write your awesome ResourceConverter or AfterBuilder (and publish it as urequire-rc-awesome or urequire-ab-awesome :-)

License

The MIT License

Copyright (c) 2015 Agelos Pikoulas (agelos.pikoulas@gmail.com)

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.