npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

generator-amd

v3.0.0

Published

A generator for Yeoman that provides a boilerplate for a single AMD module

Downloads

42

Readme

generator-amd

NPM version Dependency Status Build Status

About

A generator for Yeoman.

It provides a basic boilerplate for a single AMD module, which features:

  • dependency management with Bower
  • JSDoc documentation created on build
  • a functional example
  • buildable with Grunt
  • ready for Github and to be published itself on Bower

The proposed Grunt build for the generated AMD module has the following tasks:

  • Code quality check: JSHint
  • Code style check: JSCS
  • Minification of the module: UglifyJS
  • Creation of a sourcemap along the minified module
  • Automatic creation of the documentation: JSDoc
  • Automatic versioning of all the project when version is modified in package.json
  • Opens automagically the project in your browser and reloads the page on each change made to the project (liverelaod)

Installation

You must have Nodejs and NPM installed.

Then, to install Yeoman globally from npm, run:

npm install -g yo

Finally, to install generator-amd globally from npm, run:

npm install -g generator-amd

Usage of the generator

Once you have installed Node, NPM and Yeoman, you can initiate the generator:

yo amd

Yeoman will ask you 3 questions:

  1. your github account (e.g. gitaccount)
  2. the name of the repository on Github (e.g. my-amd-module)
  3. the name of the function that the module defines (e.g. myAmdModule)

Build the sources of your generated AMD module

In order to build your generated AMD module from its source, you will also need Grunt. To install Grunt globally on the command line (and run the above build task), run:

npm install -g grunt-cli

Once you have generated your AMD module skeleton, you can build the minified files, the documentation and the example with Grunt:

grunt build

You can also launch the grunt serve task to load the "example" folder in your browser and benefit from livereload of the page in the browser once you edit one of your source file or one of the example files:

grunt serve

Build the generator from its sources

The generator itself can be built from its sources. At the moment, the build process only includes syntax checks with JSHint and JSCS.

In order to build the generator from its source, you will need Grunt. To install Grunt globally on the command line (and run the above build task), run:

npm install -g grunt-cli

Just run the grunt task in the folder where your generator is installed:

grunt

Built with Grunt

Credits

This generator bundles Require.js for the generated example's purposes.

License

This generator is released under the MIT License.