chore(build): ng2 style guide applied,

- build process updated
- systemjs bundler added

BREAKING CHANGES:
- directives and selectors renamed to ng2FileSelect and ng2FileDrop

.config/bundle-system.js

@@ -0,0 +1,107 @@
+#!/usr/bin/env node
+'use strict';
+
+/*eslint no-console: 0, no-sync: 0*/
+
+// System.js bundler
+// simple and yet reusable system.js bundler
+// bundles, minifies and gzips
+
+const fs = require('fs');
+const del = require('del');
+const path = require('path');
+const zlib = require('zlib');
+const async = require('async');
+const Builder = require('systemjs-builder');
+
+const pkg = require('../package.json');
+const name = pkg.name;
+const targetFolder = path.resolve('./bundles');
+
+async.waterfall([
+  cleanBundlesFolder,
+  getSystemJsBundleConfig,
+  buildSystemJs({minify: false, sourceMaps: true, mangle: false}),
+  getSystemJsBundleConfig,
+  buildSystemJs({minify: true, sourceMaps: true, mangle: false}),
+  gzipSystemJsBundle
+], err => {
+  if (err) {
+    throw err;
+  }
+});
+
+function getSystemJsBundleConfig(cb) {
+  const config = {
+    baseURL: '..',
+    transpiler: 'typescript',
+    typescriptOptions: {
+      module: 'cjs'
+    },
+    map: {
+      typescript: path.resolve('node_modules/typescript/lib/typescript.js'),
+      '@angular/core': path.resolve('node_modules/@angular/core/index.js'),
+      '@angular/common': path.resolve('node_modules/@angular/common/index.js'),
+      '@angular/compiler': path.resolve('node_modules/@angular/compiler/index.js'),
+      '@angular/platform-browser': path.resolve('node_modules/@angular/platform-browser/index.js'),
+      '@angular/platform-browser-dynamic': path.resolve('node_modules/@angular/platform-browser-dynamic/'),
+      rxjs: path.resolve('node_modules/rxjs')
+    },
+    paths: {
+      '*': '*.js'
+    }
+  };
+
+  config.meta = ['@angular/common','@angular/compiler','@angular/core',
+    '@angular/platform-browser','@angular/platform-browser-dynamic', 'rxjs'].reduce((memo, currentValue) => {
+    memo[path.resolve(`node_modules/${currentValue}/*`)] = {build: false};
+    return memo;
+  }, {});
+  config.meta.moment = {build: false};
+  return cb(null, config);
+}
+
+function cleanBundlesFolder(cb) {
+  return del(targetFolder)
+    .then(paths => {
+      console.log('Deleted files and folders:\n', paths.join('\n'));
+      cb();
+    });
+}
+
+function buildSystemJs(options) {
+  return (config, cb) => {
+    const minPostFix = options && options.minify ? '.min' : '';
+    const fileName = `${name}${minPostFix}.js`;
+    const dest = path.resolve(__dirname, targetFolder, fileName);
+    const builder = new Builder();
+
+    console.log('Bundling system.js file:', fileName, options);
+    builder.config(config);
+    return builder
+      .bundle([name, name].join('/'), dest, options)
+      .then(() => cb())
+      .catch(cb);
+  };
+}
+
+function gzipSystemJsBundle(cb) {
+  const files = fs
+    .readdirSync(path.resolve(targetFolder))
+    .map(file => path.resolve(targetFolder, file))
+    .filter(file => fs.statSync(file).isFile())
+    .filter(file => path.extname(file) !== 'gz');
+
+  return async.eachSeries(files, (file, gzipcb) => {
+    process.nextTick(() => {
+      console.log('Gzipping ', file);
+      const gzip = zlib.createGzip({level: 9});
+      const inp = fs.createReadStream(file);
+      const out = fs.createWriteStream(`${file}.gz`);
+
+      inp.on('end', () => gzipcb());
+      inp.on('error', err => gzipcb(err));
+      return inp.pipe(gzip).pipe(out);
+    });
+  }, cb);
+}

.eslintrc.json

@@ -0,0 +1,6 @@
+{
+  "extends": "./node_modules/eslint-config-valorsoft/.eslintrc.json",
+  "env": {
+    "node": true
+  }
+}

.gitignore

@@ -10,9 +10,13 @@ npm-debug.log
 .idea
 
 # ignore build and dist for now
-/build
+/bundles
+/demo-build
 /dist
+/coverage
+/ts
 
+# ignore incline compiling
 /demo/**/*.js
 /demo/**/*.d.ts
 /demo/**/*.js.map

.npmignore

@@ -1,13 +1,24 @@
 .idea
-demo
-build
 gulp-tasks
 logs
 
-tsd.d.ts
+# typings
 typings
 
-/node_modules
+# testing
+karma.conf.js
+test.bundle.js
+coverage
 
+# demo build
+demo
+demo-build
 webpack.config.js
 
+#typescript sources
+*.ts
+*.js.map
+!*.d.ts
+/components/**/*.ts
+!/components/**/*.d.ts
+

README.md

@@ -1,7 +1,7 @@
 # ng2-file-upload [![npm version](https://badge.fury.io/js/ng2-file-upload.svg)](http://badge.fury.io/js/ng2-file-upload)
 Easy to use Angular2 directives for files upload ([demo](http://valor-software.github.io/ng2-file-upload/))
 
-Follow me at [twitter](https://twitter.com/valorkin) to be notified about new releases.
+Follow me [![twitter](https://img.shields.io/twitter/follow/valorkin.svg?style=social&label=%20valorkin)](https://twitter.com/valorkin) to be notified about new releases.
 
 [![Code Climate](https://codeclimate.com/github/valor-software/ng2-file-upload/badges/gpa.svg)](https://codeclimate.com/github/valor-software/ng2-file-upload)
 [![Join the chat at https://gitter.im/valor-software/ng2-bootstrap](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/valor-software/ng2-bootstrap?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
@@ -17,9 +17,9 @@ Follow me at [twitter](https://twitter.com/valorkin) to be notified about new re
 
   Alternatively, you can [download it in a ZIP file](https://github.com/valor-software/ng2-file-upload/archive/master.zip).
 
-2. Currently `ng2-file-upload` contains two directives: `ng2-file-select` and `ng2-file-drop`. `ng2-file-select` is used for 'file-input' field of form and 
+2. Currently `ng2-file-upload` contains two directives: `ng2-file-select` and `ng2-file-drop`. `ng2-file-select` is used for 'file-input' field of form and
   `ng2-file-drop` is used for area that will be used for dropping of file or files.
-  
+
 3. More information regarding using of ***ng2-file-upload*** is located in
   [demo](http://valor-software.github.io/ng2-file-upload/) and [demo sources](https://github.com/valor-software/ng2-file-upload/tree/master/demo).
 
@@ -28,7 +28,7 @@ Follow me at [twitter](https://twitter.com/valorkin) to be notified about new re
 ### Properties
 
   - `uploader` - (`FileUploader`) - uploader object. See using in [demo](https://github.com/valor-software/ng2-file-upload/blob/master/demo/components/file-upload/simple-demo.ts)
-  
+
 ## API for `ng2-file-drop`
 
 ### Properties