create bundle for all components

ng2-components/ng2-alfresco-datatable/.gitignore

@@ -1,11 +1,19 @@
 npm-debug.log
-node_modules/
-.idea/
+node_modules
+.idea
 typings
-coverage/
-dist/
+coverage
+dist
 src/**/*.js
 src/**/*.js.map
+src/**/*.d.ts
+demo/**/*.js
+demo/**/*.js.map
+demo/**/*.d.ts
 index.js
 index.js.map
 !systemjs.config.js
+*.tgz
+/package/
+/bundles/
+index.d.ts

ng2-components/ng2-alfresco-datatable/.npmignore

@@ -2,14 +2,23 @@ npm-debug.log
 .idea
 
 coverage/
+demo/
 node_modules
 typings/
 fonts/
 
+
 /.editorconfig
 /.travis.yml
-/*.js
+*.ts
+!*.d.ts
+!*.js
+!*.js.map
 /*.json
-/*.ts
-/*.js.map
+*.spec.js
+*.tgz
 /.npmignore
+/karma-test-shim.js
+/karma.conf.js
+/make.js
+/package/

ng2-components/ng2-alfresco-datatable/demo/.editorconfig

@@ -0,0 +1,23 @@
+# http://editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 4
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[package.json]
+indent_style = space
+indent_size = 2
+
+[karma.conf.js]
+indent_style = space
+indent_size = 2
+
+[*.md]
+insert_final_newline = false
+trim_trailing_whitespace = false

ng2-components/ng2-alfresco-datatable/demo/package.json

@@ -11,45 +11,47 @@
   ],
   "main": "index.js",
   "scripts": {
-    "clean": "npm install rimraf && rimraf dist node_modules typings dist",
+    "clean": "npm install rimraf && npm run clean-build && rimraf dist node_modules typings dist",
+    "clean-build" : "rimraf 'src/{,**/}**.js' 'src/{,**/}**.js.map' 'src/{,**/}**.d.ts'",
     "postinstall": "npm run build",
-    "build": "npm run tslint && rimraf dist && npm run tsc",
     "start": "npm run build && concurrently \"npm run tsc:w\" \"npm run server\" ",
-    "server": "wsrv -o -l -s",
+    "server": "wsrv -o -s -l",
+    "build": "npm run tslint && npm run clean-build && npm run tsc",
+    "build:w": "npm run tslint && rimraf dist && npm run tsc:w",
     "tsc": "tsc",
     "tsc:w": "tsc -w",
-    "tslint": "tslint -c tslint.json *.ts && tslint -c tslint.json src/{,**/}**.ts"
+    "tslint": "tslint -c tslint.json *.ts && tslint -c tslint.json src/{,**/}**.ts  -e '{,**/}**.d.ts'"
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@angular/common": "2.0.0",
-    "@angular/compiler": "2.0.0",
-    "@angular/core": "2.0.0",
-    "@angular/forms": "2.0.0",
-    "@angular/http": "2.0.0",
-    "@angular/platform-browser": "2.0.0",
-    "@angular/platform-browser-dynamic": "2.0.0",
+    "@angular/common": "2.2.2",
+    "@angular/compiler": "2.2.2",
+    "@angular/compiler-cli": "2.2.2",
+    "@angular/core": "2.2.2",
+    "@angular/forms": "2.2.2",
+    "@angular/http": "2.2.2",
+    "@angular/platform-browser": "2.2.2",
+    "@angular/platform-browser-dynamic": "2.2.2",
+    "@angular/router": "3.2.2",
+    "@angular/upgrade": "2.2.2",
     "core-js": "^2.4.1",
     "reflect-metadata": "^0.1.3",
     "rxjs": "5.0.0-beta.12",
     "systemjs": "0.19.27",
     "zone.js": "^0.6.23",
-
     "intl": "1.2.4",
     "dialog-polyfill": "^0.4.3",
     "element.scrollintoviewifneeded-polyfill": "^1.0.1",
     "material-design-icons": "2.2.3",
     "material-design-lite": "1.2.1",
-
     "ng2-translate": "2.5.0",
     "alfresco-js-api": "^0.5.0",
     "ng2-alfresco-core": "0.5.0",
     "ng2-alfresco-datatable": "0.5.0"
   },
   "devDependencies": {
-    "@types/node": "^6.0.42",
-    "@types/core-js": "^0.9.32",
     "@types/jasmine": "^2.2.33",
+    "@types/node": "^6.0.42",
     "concurrently": "^2.2.0",
     "rimraf": "2.5.2",
     "tslint": "3.15.1",

ng2-components/ng2-alfresco-datatable/demo/systemjs.config.js

@@ -11,7 +11,7 @@
         // map tells the System loader where to look for things
         map: {
             // our app is within the app folder
-            app: 'dist',
+            app: 'src',
             // angular bundles
             '@angular/core': 'npm:@angular/core/bundles/core.umd.js',
             '@angular/common': 'npm:@angular/common/bundles/common.umd.js',
@@ -25,8 +25,8 @@
             'rxjs': 'npm:rxjs',
             'ng2-translate': 'npm:ng2-translate',
             'alfresco-js-api': 'npm:alfresco-js-api/dist',
-            'ng2-alfresco-core': 'npm:ng2-alfresco-core/dist',
-            'ng2-alfresco-datatable': 'npm:ng2-alfresco-datatable/dist'
+            'ng2-alfresco-core': 'npm:ng2-alfresco-core',
+            'ng2-alfresco-datatable': 'npm:ng2-alfresco-datatable'
         },
         // packages tells the System loader how to load when no filename and/or no extension
         packages: {

ng2-components/ng2-alfresco-datatable/demo/tsconfig.json

@@ -3,11 +3,10 @@
         "target": "es5",
         "module": "commonjs",
         "moduleResolution": "node",
+        "sourceMap": true,
         "emitDecoratorMetadata": true,
         "experimentalDecorators": true,
-        "sourceMap": true,
-        "removeComments": true,
-        "declaration": true,
+        "skipLibCheck": true,
         "noLib": false,
         "allowUnreachableCode": false,
         "allowUnusedLabels": false,
@@ -15,12 +14,19 @@
         "noImplicitReturns": false,
         "noImplicitUseStrict": false,
         "noFallthroughCasesInSwitch": true,
-        "outDir": "dist",
-        "types": ["core-js", "jasmine", "node"]
+        "removeComments": true,
+        "declaration": true,
+        "lib": [
+            "es2015",
+            "dom"
+        ],
+        "suppressImplicitAnyIndexErrors": true
     },
     "exclude": [
-        "demo",
-        "node_modules",
-        "dist"
-    ]
+        "node_modules"
+    ],
+    "angularCompilerOptions": {
+        "strictMetadataEmit": false,
+        "skipTemplateCodegen": true
+    }
 }

ng2-components/ng2-alfresco-datatable/gulpfile.ts

@@ -0,0 +1,305 @@
+import * as gulp from 'gulp';
+import * as util from 'gulp-util';
+import * as runSequence from 'run-sequence';
+import * as gulpLoadPlugins from 'gulp-load-plugins';
+import * as merge from 'merge-stream';
+import * as rimraf from 'rimraf';
+import { join } from 'path';
+import * as Builder from 'systemjs-builder';
+var autoprefixer = require('autoprefixer');
+import * as cssnano from 'cssnano';
+import * as filter from 'gulp-filter';
+
+var APP_SRC = `.`;
+var CSS_PROD_BUNDLE = 'main.css';
+var JS_PROD_SHIMS_BUNDLE = 'shims.js';
+var NG_FACTORY_FILE = 'main-prod';
+
+const BUILD_TYPES = {
+    DEVELOPMENT: 'dev',
+    PRODUCTION: 'prod'
+};
+
+function normalizeDependencies(deps) {
+    deps
+        .filter((d) => !/\*/.test(d.src)) // Skip globs
+        .forEach((d) => d.src = require.resolve(d.src));
+    return deps;
+}
+
+function filterDependency(type: string, d): boolean {
+    const t = d.buildType || d.env;
+    d.buildType = t;
+    if (!t) {
+        d.buildType = Object.keys(BUILD_TYPES).map(k => BUILD_TYPES[k]);
+    }
+    if (!(d.buildType instanceof Array)) {
+        (<any>d).env = [d.buildType];
+    }
+    return d.buildType.indexOf(type) >= 0;
+}
+
+function getInjectableDependency() {
+    var APP_ASSETS = [
+        {src: `src/css/main.css`, inject: true, vendor: false},
+    ];
+
+    var NPM_DEPENDENCIES = [
+        {src: 'zone.js/dist/zone.js', inject: 'libs'},
+        {src: 'core-js/client/shim.min.js', inject: 'shims'},
+        {src: 'intl/dist/Intl.min.js', inject: 'shims'},
+        {src: 'systemjs/dist/system.src.js', inject: 'shims', buildType:'dev'}
+    ];
+
+    return normalizeDependencies(NPM_DEPENDENCIES.filter(filterDependency.bind(null, 'dev')))
+        .concat(APP_ASSETS.filter(filterDependency.bind(null, 'dev')));
+}
+
+const plugins = <any>gulpLoadPlugins();
+
+let tsProjects: any = {};
+
+function makeTsProject(options: Object = {}) {
+    let optionsHash = JSON.stringify(options);
+    if (!tsProjects[optionsHash]) {
+        let config = Object.assign({
+            typescript: require('typescript')
+        }, options);
+        tsProjects[optionsHash] =
+            plugins.typescript.createProject('tsconfig.json', config);
+    }
+    return tsProjects[optionsHash];
+}
+
+gulp.task('build.html_css', () => {
+    const gulpConcatCssConfig = {
+        targetFile: CSS_PROD_BUNDLE,
+        options: {
+            rebaseUrls: false
+        }
+    };
+
+    const processors = [
+        autoprefixer({
+            browsers: [
+                'ie >= 10',
+                'ie_mob >= 10',
+                'ff >= 30',
+                'chrome >= 34',
+                'safari >= 7',
+                'opera >= 23',
+                'ios >= 7',
+                'android >= 4.4',
+                'bb >= 10'
+            ]
+        })
+    ];
+
+    const reportPostCssError = (e: any) => util.log(util.colors.red(e.message));
+
+    processors.push(
+        cssnano({
+            discardComments: {removeAll: true},
+            discardUnused: false, // unsafe, see http://goo.gl/RtrzwF
+            zindex: false, // unsafe, see http://goo.gl/vZ4gbQ
+            reduceIdents: false // unsafe, see http://goo.gl/tNOPv0
+        })
+    );
+
+    /**
+     * Processes the CSS files within `src/client` excluding those in `src/client/assets` using `postcss` with the
+     * configured processors
+     * Execute the appropriate component-stylesheet processing method based on user stylesheet preference.
+     */
+    function processComponentStylesheets() {
+        return gulp.src(join('src/**', '*.css'))
+            .pipe(plugins.cached('process-component-css'))
+            .pipe(plugins.postcss(processors))
+            .on('error', reportPostCssError);
+    }
+
+
+    /**
+     * Get a stream of external css files for subsequent processing.
+     */
+    function getExternalCssStream() {
+        return gulp.src(getExternalCss())
+            .pipe(plugins.cached('process-external-css'));
+    }
+
+    /**
+     * Get an array of filenames referring to all external css stylesheets.
+     */
+    function getExternalCss() {
+        return getInjectableDependency().filter(dep => /\.css$/.test(dep.src)).map(dep => dep.src);
+    }
+
+    /**
+     * Processes the external CSS files using `postcss` with the configured processors.
+     */
+    function processExternalCss() {
+        return getExternalCssStream()
+            .pipe(plugins.postcss(processors))
+            .pipe(plugins.concatCss(gulpConcatCssConfig.targetFile, gulpConcatCssConfig.options))
+            .on('error', reportPostCssError);
+    }
+
+    return merge(processComponentStylesheets(), processExternalCss());
+
+});
+
+gulp.task('build.bundles.app', (done) => {
+    var BUNDLER_OPTIONS = {
+        format: 'umd',
+        minify: false,
+        mangle: false,
+        sourceMaps: true
+    };
+    var CONFIG_TYPESCRIPT = {
+        baseURL: '.',
+        transpiler: 'typescript',
+        typescriptOptions: {
+            module: 'cjs'
+        },
+        map: {
+            typescript: 'node_modules/typescript/lib/typescript.js',
+            '@angular': 'node_modules/@angular',
+            rxjs: 'node_modules/rxjs',
+            'ng2-translate': 'node_modules/ng2-translate',
+            'alfresco-js-api': 'node_modules/alfresco-js-api/dist/alfresco-js-api',
+            'ng2-alfresco-core': 'node_modules/ng2-alfresco-core/',
+            'ng2-activiti-diagrams': 'node_modules/ng2-activiti-diagrams/',
+            'ng2-activiti-analytics': 'node_modules/ng2-activiti-analytics/',
+            'ng2-alfresco-datatable': 'node_modules/ng2-alfresco-datatable/',
+            'ng2-alfresco-documentlist': 'node_modules/ng2-alfresco-documentlist/',
+            'ng2-activiti-form': 'node_modules/ng2-activiti-form/',
+            'ng2-alfresco-login': 'node_modules/ng2-alfresco-login/',
+            'ng2-activiti-processlist': 'node_modules/ng2-activiti-processlist/',
+            'ng2-alfresco-search': 'node_modules/ng2-alfresco-search/',
+            'ng2-activiti-tasklist': 'node_modules/ng2-activiti-tasklist/',
+            'ng2-alfresco-tag': 'node_modules/ng2-alfresco-tag/',
+            'ng2-alfresco-upload': 'node_modules/ng2-alfresco-upload/',
+            'ng2-alfresco-userinfo': 'node_modules/ng2-alfresco-userinfo/',
+            'ng2-alfresco-viewer': 'node_modules/ng2-alfresco-viewer/',
+            'ng2-alfresco-webscript': 'node_modules/ng2-alfresco-webscript/',
+        },
+        paths: {
+            '*': '*.js'
+        },
+        meta: {
+            'node_modules/@angular/*': {build: false},
+            'node_modules/rxjs/*': {build: false},
+            'node_modules/ng2-translate/*': {build: false},
+            'node_modules/ng2-alfresco-core/*': {build: false},
+            'node_modules/ng2-activiti-diagrams/*': {build: false},
+            'node_modules/ng2-activiti-analytics/*': {build: false},
+            'node_modules/ng2-alfresco-datatable/*': {build: false},
+            'node_modules/ng2-alfresco-documentlist/*': {build: false},
+            'node_modules/ng2-activiti-form/*': {build: false},
+            'node_modules/ng2-alfresco-login/*': {build: false},
+            'node_modules/ng2-activiti-processlist/*': {build: false},
+            'node_modules/ng2-alfresco-search/*': {build: false},
+            'node_modules/ng2-activiti-tasklist/*': {build: false},
+            'node_modules/ng2-alfresco-tag/*': {build: false},
+            'node_modules/ng2-alfresco-upload/*': {build: false},
+            'node_modules/ng2-alfresco-userinfo/*': {build: false},
+            'node_modules/ng2-alfresco-viewer/*': {build: false},
+            'node_modules/ng2-alfresco-webscript/*': {build: false}
+        }
+    };
+
+    var pkg = require('./package.json');
+    var namePkg = pkg.name;
+
+    var builder = new Builder(CONFIG_TYPESCRIPT);
+    builder
+        .buildStatic(APP_SRC + "/index", 'bundles/' + namePkg + '.js', BUNDLER_OPTIONS)
+        .then(function () {
+            return done();
+        })
+        .catch(function (err) {
+            return done(err);
+        });
+});
+
+gulp.task('build.assets.prod', () => {
+    return gulp.src([
+        join('src/**', '*.ts'),
+        'index.ts',
+        join('src/**', '*.css'),
+        join('src/**', '*.html'),
+        '!'+join('*/**', '*.d.ts'),
+        '!'+join('*/**', '*.spec.ts'),
+        '!gulpfile.ts'])
+
+});
+
+gulp.task('build.bundles', () => {
+    merge(bundleShims());
+
+    /**
+     * Returns the shim files to be injected.
+     */
+    function getShims() {
+        let libs = getInjectableDependency()
+            .filter(d => /\.js$/.test(d.src));
+
+        return libs.filter(l => l.inject === 'shims')
+            .concat(libs.filter(l => l.inject === 'libs'))
+            .concat(libs.filter(l => l.inject === true))
+            .map(l => l.src);
+    }
+
+    /**
+     * Bundles the shim files.
+     */
+    function bundleShims() {
+        return gulp.src(getShims())
+            .pipe(plugins.concat(JS_PROD_SHIMS_BUNDLE))
+            // Strip the first (global) 'use strict' added by reflect-metadata, but don't strip any others to avoid unintended scope leaks.
+            .pipe(plugins.replace(/('|")use strict\1;var Reflect;/, 'var Reflect;'))
+            .pipe(gulp.dest('bundles'));
+    }
+
+});
+
+gulp.task('build.js.prod', () => {
+    const INLINE_OPTIONS = {
+        base: APP_SRC,
+        target: 'es5',
+        useRelativePaths: true,
+        removeLineBreaks: true
+    };
+
+    let tsProject = makeTsProject();
+    let src = [
+        join('src/**/*.ts'),
+        join('!src/**/*.d.ts'),
+        join('!src/**/*.spec.ts'),
+        `!src/**/${NG_FACTORY_FILE}.ts`
+    ];
+
+    let result = gulp.src(src)
+        .pipe(plugins.plumber())
+        .pipe(plugins.inlineNg2Template(INLINE_OPTIONS))
+        .pipe(tsProject())
+        .once('error', function (e: any) {
+            this.once('finish', () => process.exit(1));
+        });
+
+    return result.js
+        .pipe(plugins.template())
+        .pipe(gulp.dest('src'))
+        .on('error', (e: any) => {
+            console.log(e);
+        });
+});
+
+gulp.task('build.prod', (done: any) =>
+    runSequence(
+        'build.assets.prod',
+        'build.html_css',
+        'build.js.prod',
+        'build.bundles',
+        'build.bundles.app',
+        done));

ng2-components/ng2-alfresco-datatable/karma-test-shim.js

@@ -5,7 +5,7 @@ jasmine.DEFAULT_TIMEOUT_INTERVAL = 1000;
 
 __karma__.loaded = function() {};
 
-var builtPath = '/base/dist/';
+var builtPath = '/base/src/';
 
 function isJsFile(path) {
     return path.slice(-3) == '.js';
@@ -29,7 +29,7 @@ var paths = {
 };
 
 var map = {
-    'app': 'base/dist',
+    'app': 'base/src',
     // angular bundles
     '@angular/core': 'npm:@angular/core/bundles/core.umd.js',
     '@angular/common': 'npm:@angular/common/bundles/common.umd.js',
@@ -54,7 +54,7 @@ var map = {
     'ng2-translate': 'npm:ng2-translate',
 
     'alfresco-js-api': 'npm:alfresco-js-api/dist',
-    'ng2-alfresco-core': 'npm:ng2-alfresco-core/dist'
+    'ng2-alfresco-core': 'npm:ng2-alfresco-core'
 };
 
 var packages = {

ng2-components/ng2-alfresco-datatable/karma.conf.js

@@ -33,22 +33,23 @@ module.exports = function (config) {
       {pattern: 'node_modules/@angular/**/*.js.map', included: false, watched: false},
 
       'node_modules/alfresco-js-api/dist/alfresco-js-api.js',
+
       {pattern: 'node_modules/ng2-translate/**/*.js', included: false, watched: false},
-      {pattern: 'node_modules/ng2-translate/**/*.js.map', included: false, watched: false},
 
       'karma-test-shim.js',
 
       // paths loaded via module imports
-      {pattern: 'dist/**/*.js', included: false, watched: true},
-      {pattern: 'dist/**/*.html', included: true, served: true, watched: true},
-      {pattern: 'dist/**/*.css', included: true, served: true, watched: true},
+      {pattern: 'src/**/*.js', included: false, watched: true},
+      {pattern: 'src/**/*.html', included: true, served: true, watched: true},
+      {pattern: 'src/**/*.css', included: true, served: true, watched: true},
 
       // ng2-components
-      { pattern: 'node_modules/ng2-alfresco-core/dist/**/*.js', included: false, served: true, watched: false },
+      { pattern: 'node_modules/ng2-alfresco-core/src/**/*.js', included: false, served: true, watched: false },
+      { pattern: 'node_modules/ng2-alfresco-core/index.js', included: false, served: true, watched: false },
 
       // paths to support debugging with source maps in dev tools
       {pattern: 'src/**/*.ts', included: false, watched: false},
-      {pattern: 'dist/**/*.js.map', included: false, watched: false}
+      {pattern: 'src/**/*.js.map', included: false, watched: false}
     ],
 
     exclude: [
@@ -96,7 +97,7 @@ module.exports = function (config) {
     // Source files that you wanna generate coverage for.
     // Do not include tests or libraries (these files will be instrumented by Istanbul)
     preprocessors: {
-      'dist/**/!(*spec|index|*mock|*model|*interface).js': 'coverage'
+      'src/**/!(*spec|index|*mock|*model).js': 'coverage'
     },
 
     coverageReporter: {

ng2-components/ng2-alfresco-datatable/package.json

@@ -4,13 +4,11 @@
   "version": "0.5.0",
   "author": "Alfresco Software, Ltd.",
   "scripts": {
-    "clean": "npm install rimraf && rimraf dist node_modules typings",
-    "build": "npm run tslint && rimraf dist && tsc && npm run copy-dist && license-check",
-    "build:w": "npm run tslint && rimraf dist && npm run watch-task",
-    "watch-task": "concurrently \"npm run tsc:w\"  \"npm run copy-dist:w\"  \"license-check\"",
-    "tslint": "tslint -c tslint.json *.ts && tslint -c tslint.json 'src/{,**/}**.ts'",
-    "copy-dist": "cpx \"./src/**/*.{html,css,json,png,jpg,gif,svg}\" ./dist/src",
-    "copy-dist:w": "cpx \"./src/**/*.{html,css,json,png,jpg,gif,svg}\" ./dist/src -w",
+    "clean": "npm install rimraf && npm run clean-build && rimraf dist node_modules typings",
+    "clean-build": "rimraf index.js index.js.map index.d.ts'src/{,**/}**.js' 'src/{,**/}**.js.map' 'src/{,**/}**.d.ts' bundles",
+    "build": "npm run clean-build && npm run tslint && rimraf dist && tsc && license-check && npm run build.umd",
+    "build:w": "npm run clean-build && npm run tslint && rimraf dist && tsc:w && license-check npm run build.umd",
+    "tslint": "tslint -c tslint.json 'src/{,**/}**.ts' 'index.ts'  -e '{,**/}**.d.ts' -e './gulpfile.ts'",
     "tsc": "tsc",
     "tsc:w": "tsc -w",
     "pretest": "npm run build",
@@ -19,10 +17,14 @@
     "posttest": "remap-istanbul -i coverage/report/coverage-final.json -o coverage/report -t html && remap-istanbul -i coverage/report/coverage-final.json -o coverage/report/coverage-final.json",
     "coverage": "npm run test && wsrv -o -p 9875 ./coverage/report",
     "prepublish": "npm run build",
-    "travis": "npm link ng2-alfresco-core"
+    "travis": "npm link ng2-alfresco-core",
+    "gulp": "gulp",
+    "build.umd": "gulp build.prod --color --env-config prod --build-type prod",
+    "reinstall": "npm cache clean && npm install"
   },
-  "main": "./dist/index.js",
-  "typings": "./dist/index.d.ts",
+  "main": "bundles/ng2-alfresco-datatable.js",
+  "module": "./index.js",
+  "typings": "./index.d.ts",
   "repository": {
     "type": "git",
     "url": "https://github.com/Alfresco/alfresco-ng2-components.git"
@@ -57,16 +59,31 @@
     "rxjs": "5.0.0-beta.12",
     "systemjs": "0.19.27",
     "zone.js": "^0.6.23",
-
     "ng2-translate": "2.5.0",
     "alfresco-js-api": "^0.5.0",
     "ng2-alfresco-core": "0.5.0"
   },
   "devDependencies": {
-    "@types/node": "^6.0.42",
     "@types/jasmine": "^2.2.33",
+    "@types/node": "^6.0.42",
     "concurrently": "^2.2.0",
     "cpx": "1.3.1",
+    "cssnano": "^3.8.1",
+    "gulp": "^3.9.1",
+    "gulp-autoprefixer": "^3.1.1",
+    "gulp-cached": "^1.1.1",
+    "gulp-concat": "^2.6.1",
+    "gulp-concat-css": "^2.3.0",
+    "gulp-filter": "^4.0.0",
+    "gulp-inline-ng2-template": "^4.0.0",
+    "gulp-load-plugins": "^1.4.0",
+    "gulp-plumber": "^1.1.0",
+    "gulp-postcss": "^6.2.0",
+    "gulp-replace": "^0.5.4",
+    "gulp-template": "^4.0.0",
+    "gulp-typescript": "^3.1.3",
+    "gulp-uglify": "^2.0.0",
+    "intl": "^1.2.5",
     "jasmine-core": "2.4.1",
     "karma": "0.13.22",
     "karma-chrome-launcher": "1.0.1",
@@ -78,19 +95,21 @@
     "license-check": "1.1.5",
     "remap-istanbul": "0.6.3",
     "rimraf": "2.5.2",
+    "run-sequence": "^1.2.2",
+    "systemjs-builder": "^0.15.34",
     "traceur": "0.0.91",
+    "ts-node": "^1.7.0",
     "tslint": "3.15.1",
     "typescript": "^2.0.3",
     "wsrv": "^0.1.5"
   },
   "license-check-config": {
     "src": [
-      "./dist/**/*.js"
+      "./src/**/*.js"
     ],
     "path": "assets/license_header.txt",
     "blocking": true,
     "logInfo": false,
     "logError": true
-  },
-  "license": "Apache-2.0"
+  }
 }

ng2-components/ng2-alfresco-datatable/tsconfig.json

@@ -3,11 +3,10 @@
         "target": "es5",
         "module": "commonjs",
         "moduleResolution": "node",
+        "sourceMap": true,
         "emitDecoratorMetadata": true,
         "experimentalDecorators": true,
-        "sourceMap": true,
-        "removeComments": true,
-        "declaration": true,
+        "skipLibCheck": true,
         "noLib": false,
         "allowUnreachableCode": false,
         "allowUnusedLabels": false,
@@ -15,13 +14,24 @@
         "noImplicitReturns": false,
         "noImplicitUseStrict": false,
         "noFallthroughCasesInSwitch": true,
-        "outDir": "dist",
-        "lib": ["es2015", "dom"],
-        "types": ["jasmine", "node"]
+        "removeComments": true,
+        "declaration": true,
+        "lib": [
+            "es2015",
+            "dom"
+        ],
+        "suppressImplicitAnyIndexErrors": true
     },
     "exclude": [
         "demo",
         "node_modules",
-        "dist"
-    ]
+        "dist",
+        "tools",
+        "gulpfile.ts",
+        "gulpfile.d.ts"
+    ],
+    "angularCompilerOptions": {
+        "strictMetadataEmit": false,
+        "skipTemplateCodegen": true
+    }
 }

ng2-components/ng2-alfresco-datatable/tslint.json

@@ -53,7 +53,7 @@
         "no-eval": true,
         "no-inferrable-types": false,
         "no-internal-module": true,
-        "no-require-imports": true,
+        "no-require-imports": false,
         "no-shadowed-variable": true,
         "no-switch-case-fall-through": true,
         "no-trailing-whitespace": true,