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-dashi

v0.1.7

Published

Yeoman generator for Dashi

Downloads

18

Readme

generator-dashi Build Status

dashi: data made delicious

Dashi is dashboard for interactive data visualizations, using dc.js and AdminLTE.

dashi-screenshot

generator-dashi is a Yeoman generator for creating Dashi applications.

Assuming you have Yeoman installed, you can just run yo dashi and generator-dashi will

  • stub out a new Dashi application
  • sort out all the JavaScript dependencies
  • drop some git config files in place
  • set up some convenient Grunt tasks to support
    • live reloading in your browser as you edit
    • publish your app to GitHub Pages, with all the supporting files concatenated and minified.

Getting Started

Prerequisites

In order to use generator-dashi, you need to have Yeoman installed. In order to install Yeoman, you'll need to have npm installed. Don't worry, it only seems like it's turtles all the way down.

The only tricky bit is getting npm installed. npm is installed as part of Node.js. However, instructions for installing Node vary by operating system and/or package manager.

For example, if you're using Homebrew on OS X, the following will take care of installing npm:

brew install node --without-npm echo prefix=~/.node >> ~/.npmrc curl -L https://www.npmjs.com/install.sh | sh


> Finally, add `~/.node/bin` to your PATH (e.g., add `export PATH="$HOME/.node/bin:$PATH"` to your `.bashrc`)

However, most Mac or Windows users will probably want to install Node via one of the installers from [nodejs.org](https://nodejs.org/).

Most Linux users will probably want to use their systems own package manager to install Node. Have a look at [Installing Node.js via package manager](https://github.com/joyent/node/wiki/Installing-Node.js-via-package-manager). As of this writing (2015-05-04), the current version of Node.js is 0.12.2. 

Once [npm](https://npmjs.org) is installed, go ahead and install the Yeoman toolset:

```bash
npm install -g yo bower grunt-cli

Installation

To install generator-dashi from npm, run:

npm install -g generator-dashi

Finally, initiate the generator:

yo dashi

Be patient, this can take a bit while npm is fetching dependencies. The whole install seems to take about two minutes for me.

Next steps

Now, just add data to taste.

Some useful commands:

grunt serve

will serve up your Dashi app and support live reloading in your browser.

Next, you'll probably want to start editing app/index.html and app/main.js to customize your app.

grunt

will package everything up, concat and minify your css, javascript, etc., run your tests, and drop everything in your dist/ directory.

grunt gh-pages

will push the contents of dist/ to your gh-pages branch, letting you host your Dashi app on GitHub (if you're using GitHub, of course).

License

Apache License, Version 2.0

Maintainers

Development

During development you'll want to symlink your local development copy of generator-dashi (so that yo dashi uses your local development copy and not the npm released version). From within the root of your development copy of generator-dashi (i.e. cd /home/eddies/generator-dashi):

npm link

Dependencies

To check if there are newer versions of dependencies, regardless of package.json constraints, use npm-check-updates:

Install with npm install -g npm-check-updates and then to check, use npm-check-updates.

For bower-managed dependencies, use bower list.

Releases

Firstly, you'll need to have a user account on npm. Then, assuming you're ready to release version number "x.y.z":

npm version x.y.z -m "Version %s"
git push && git push --tags
npm publish