yproject v2.0.0

yproject

yproject is a command-line utility to scaffold YUI3 projects and modules.

It contains a project template and a module template to quickly bootstrap your project enforcing best practices from the start.

Installation

$ [sudo] npm install -g yproject

Or install it as a developer :

$ git clone git://github.com/neyric/yproject.git
$ cd yproject
$ [sudo] npm link

Usage

Create a new project

$ yproject myproject

This will create the following structure :

myproject/
   README.md
   package.json
   yuidoc.json
   src/
      common/
      myproject-loader/

• yuidoc.json is used to generate the API documentation using yuidocjs
• src/myproject-loader is a module which will generate a YUI3 seed file for using the YUI3 loader
• src/common contains a simple documentation template to use with selleck

Creating a new module

Go to your project directory and type :

$ ymodule mymodule

This will create the following structure in src/ :

mymodule/
   build.json
   README.md
   js/
      mymodule.js
   meta/
      mymodule.json

Assets

By default, ymodule will also create an 'assets' folder containing a 'sam' skin.

It will also mark the module as skinnable in the meta file.

To disable the assets generation, use the --no-assets (or --no-a) option :

$ ymodule mymodule --no-assets

Docs

By default, ymodule will generate a 'docs' folder containing two pages for the module description and a basic example.

It will later be used by the selleck documentation rendering.

To disable the docs generation, use the --no-docs (or --no-d) option :

$ ymodule mymodule --no-docs

Lang (I18n, intl)

By default, ymodule will create a 'lang' folder containing a 'en' localization file.

It will also require the 'intl' module in the meta file.

To disable it, use the --no-lang (or --no-l) option :

$ ymodule mymodule --no-lang

Tests

By default, ymodule will create a 'tests' folder with a basic test case.

To disable it, use the --no-tests (or --no-t) option :

$ ymodule mymodule --no-tests

Widget

By using the --widget option (or -w), ymodule will use a widget template for the generated javascript file :

$ ymodule mywidget -w

Updating an existing module

If you already have a working module, you can add some options to it.

Assuming you have a very basic module 'mymodule', with just the js/, meta/, and build.json files :

$ cd mymodule
$ ymodule --no-docs

This command will generate assets/, tests/, and lang/ folders if they don't exist yet. Il will also add the missing dependencies in the meta.json file.

Default loader module

A special module is created when you create a new project (ex: "myproject-loader"), which adds your module definitions to the YUI loader utility.

This module is auto-generated, so you won't have to touch anything in it.

You may want to edit the template/meta.js file to tweek some loader options.

This module has to be re-built everytime you add a new module to the project, or when you change a meta file description in any module.

$ cd src/myproject-loader
$ shifter

Building modules

$ [sudo] npm install -g shifter

$ cd src/container
$ shifter

$ cd src
$ shifter --walk

Building user guides and examples pages

$ [sudo] npm install -g selleck

$ selleck --out docs

Building the API documentation

$ [sudo] npm install -g yuidocjs

$ yuidoc

How to run the tests

$ [sudo] npm install -g yeti

$ yeti src/*/tests/unit/*.html

$ yeti src/*/tests/unit/*.html --server

$ yeti src/*/tests/unit/*.html --server --query 'filter=coverage'

Full example

See example.sh to see a complete example