nReplaceWithValidation

Replaces element text with validation message, ex. labels, helper texts etc. using ng-messages (build with nodes-component-starter)

Getting started

npm install n-replace-with-validation --save

Usage

The component comes with some default validation messages which is configured in the provider. These can be configured through the provider or overwritten my the messages attr at the directive.

MORE DOCUMENTATION WILL FOLLOW ASAP!!!

Development

Installation

This will install all you need to get started. Besides the dependencies in package.json, it will automatically install jspm for you globally and install jspm dependencies too.

npm install

What does this include

• Semantic-relase
• Travis CI
• Typescript
• Commitizen
• ng-annotate (adds and removes AngularJS dependency injection annotations)
• Inline Angular templates
• validate-commit-msg
• Karma / Jasmine testing environment
• Lite-server (live-reload)
• SCSS environment with autoprefixer
• SystemJS (SFX)
• Gulp
• Source maps

Lite-server

Lite-server is configured to serve, index.html placed in the root of your component with live-reload for specified environment.

Serve dev-environment

To serve up the un-minified code run following command. This command starts up lite-server and gulp watch task which gives you live-reload when ./dist/component.css, ./dist/component.js or ./index.html is changed:

npm run serve:dev

Serve production-environment

To serve minified & bundled code run the following command. This command starts up lite-server and gulp watch task which gives you live-reload when ./dist/component.css, ./dist/component.min.js or ./index.html is changed.

npm run serve:build

SystemJS (SFX)

SystemJS is configured to build a self-executing bundle. Consumers of your components are therefore NOT required to use SystenJS. Read more

Commitizen (optional)

To use commitizen use following command. Commitizen is optional and if you don't wanna use commitizen you can just commit as you're used to. You will just need to follow the AngularJS commit message guidelines. You can read more about commitizen here

npm run commit

validate-commit-msg

Validates commit messages on each commit according to the AngularJS commit message guidelines

Build

To build your component run following command. This command will minify your css, compile (es2015), ensures to annotate your angular dependencies, inline all your templates, bundle and minify your javascript.

gulp build

Testing

Single run

npm run test

Watch

npm run karma