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

v1.0.6

Published

Yeoman generator for scaffolding complete javascript web application stack using MEAN/Ember/Mocha/Istanbul/Doccu/Plato

Downloads

3

Readme

Getting Started

Yeoman generator

What is Yeoman?

Trick question. It's not a thing. It's this guy

Basically, he wears a top hat, lives in your computer, and waits for you to tell him what kind of application you wish to create.

Not every new computer comes with a Yeoman pre-installed. He lives in the npm package repository. You only have to ask for him once, then he packs up and moves into your hard drive. Make sure you clean up, he likes new and shiny things.

$ npm install -g yo

To know more about yeoman go through http://yeoman.io/

generator-nodsem

A node.js module scaffolding express based web application. The generator gives an option to choose from a set of options for each layer as described below

Layer | Available Option --- | --- UI | Semantic/Bootstrap MVM/MVVM | Ember/Angular Data Base | Mongo / Mysql / Sqlite Test | Mocha,Grunt,Gulp,Qunit(for Ember) Code Analysis | Plato Documentation | Doccu Code Coverage | Instanbul

Nodesem Designer

To speed up the creation of the Ember / Angular application using we have come up with a WYSIWYG designer. The Designer is in the Beta stage and is at http://www.nodsem.com. Feedback and suggstions are welcome and help us better the product for you.

URL : http://www.nodsem.com

Semantic

Semantic are a group of css, fonts, images, and javascript which make up a single element. Semantic UI elements are stand-alone and only require their own assets to function correctly.

For more info please look in to http://semantic-ui.com/

Bootstrap

Bootstrap is a free collection of tools for creating websites and web applications. It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions.Bootstrap is compatible with the latest versions of all major browsers. It gracefully degrades when used on older browsers such as Internet Explorer 8.

For more info please look in to http://getbootstrap.com/

Mocha

Mocha is a feature-rich JavaScript test framework running on node.js and the browser, making asynchronous testing simple and fun. Mocha tests run serially, allowing for flexible and accurate reporting, while mapping uncaught exceptions to the correct test cases.

For more info please look in to http://visionmedia.github.io/mocha/

Grunt

The Grunt ecosystem is huge and it's growing every day with literally hundreds of plugins to choose from, you can use Grunt to automate just about anything with a minimum of effort.It is used for code analysis, code coverage and to generate report for the project.

For more info please look in to http://gruntjs.com/

Gulp

This is one of the task runner for the javascript.It is used for code analysis, code coverage and to generate report for the project.

For more info please look in to http://gulpjs.com/

Plato

Plato is a javaScript source code visualization, static analysis,complexity and a code analysis tool.

For more info please look in to https://github.com/jsoverson/grunt-plato

doccu

Doccu is a grunt plug-in which is used to generate the document of the project.

instanbul

instanbul is a grunt plugin to enforce coverage thresholds.

For more info please look in to https://github.com/taichi/grunt-istanbul

Installation

To install generator-nodsem from npm, run:

$ npm install -g generator-nodsem

Finally, we need to create the actual project, so navigate to the folder of your choosing and run:

$ yo nodsem

Unit testing for Emberjs

This generator will support unit testing for emberjs frame work.Their will be tests folder inside public folder for unit testing.For checking unit test just add /test in postfix for the url present in address bar.

Running the grunt file

Navigate to the project folder and run grunt analyze then three folder will generate in your project

  1. docs folder

This folder will have documentation of the project created.

  1. report folder

This folder will have code analysis for your project.

  1. coverage folder

This folder is generated inside test folder , it will give information about code coverage of your project.

How it works ..

![generator-nodsem screenshot] (https://raw.githubusercontent.com/SRS-Consulting-Inc/generator-nodsem/master/vid/nodsem.gif)

After you run grunt analyze

![generator-nodsem screenshot] (https://raw.githubusercontent.com/SRS-Consulting-Inc/generator-nodsem/master/vid/nodsem1.gif)

Running the Gulp file

Navigate to the project folder and run gulp, then folder will create with a name called gulpcodecoverage in your project folder, It gives report of codecoverage and jshint generated for your project.

Configuration

Mysql: default database is nodsem Username:root Password:root

Mongodb: default port is 27100

After the project is generated,the project will run on http://localhost:3000

Contact

Prashanth Karnam [email protected]

Pradeep M [email protected]