- Fixing the dependency versions

- Fixing the configuration files to work with the newer dependency versions
- Added a .travis.yml file to automatically run tests

Author: madoar

.travis.yml

@@ -0,0 +1,9 @@
+sudo: false
+dist: trusty
+
+language: node_js
+
+node_js:
+  - "7"
+  - "6"
+  - "4"

package.json

@@ -1,8 +1,28 @@
 {
   "name": "ng2-wizard",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "license": "MIT",
-  "angular-cli": {},
+  "description": "An angular 2 module containing a wizard component and its supporting components and directives",
+  "homepage": "https://github.com/madoar/ng2-wizard",
+  "author": {
+    "name": "Marc Arndt",
+    "email": "[email protected]"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/madoar/ng2-wizard"
+  },
+  "bugs": {
+    "url": "https://github.com/madoar/ng2-wizard"
+  },
+  "keywords": [
+    "angular2",
+    "angular 2",
+    "ng2",
+    "typescript",
+    "wizard",
+    "component"
+  ],
   "scripts": {
     "lint": "tslint --force \"src/**/*.ts\"",
     "pretest": "npm run lint",
@@ -11,12 +31,11 @@
     "test-watch": "karma start --no-single-run --auto-watch",
     "build": "rimraf dist && ngc -p src/tsconfig.aot.json && gulp"
   },
-  "private": true,
+  "private": false,
   "dependencies": {
     "@angular/common": "^2.3.1",
     "@angular/compiler": "^2.3.1",
     "@angular/core": "^2.3.1",
-    "@angular/forms": "^2.3.1",
     "@angular/http": "^2.3.1",
     "@angular/platform-browser": "^2.3.1",
     "@angular/platform-browser-dynamic": "^2.3.1",
@@ -27,25 +46,23 @@
     "zone.js": "^0.7.2"
   },
   "devDependencies": {
-    "@angular-cli/ast-tools": "^1.0.9",
     "@angular/compiler-cli": "^2.3.1",
     "@angularclass/hmr": "^1.0.1",
     "@angularclass/hmr-loader": "^3.0.2",
-    "@ngtools/webpack": "^1.1.6",
+    "@ngtools/webpack": "^1.2.8",
     "@types/jasmine": "^2.2.29",
     "@types/node": "^6.0.38",
     "@types/selenium-webdriver": "2.53.33",
-    "angular-router-loader": "^0.4.0",
-    "angular2-template-loader": "^0.6.0",
+    "angular-router-loader": "^0.5.0",
+    "angular2-template-loader": "^0.6.1",
     "autoprefixer": "^6.3.2",
-    "awesome-typescript-loader": "^2.2.4",
-    "codelyzer": "1.0.0-beta.3",
+    "awesome-typescript-loader": "^3.0.3",
+    "codelyzer": "2.0.0-beta.4",
     "copy-webpack-plugin": "^4.0.0",
     "css-loader": "^0.25.0",
     "extract-text-webpack-plugin": "^2.0.0-beta.4",
     "file-loader": "^0.9.0",
     "gulp": "^3.9.1",
-    "gulp-clean": "^0.3.2",
     "gulp-less": "^3.3.0",
     "html-loader": "^0.4.0",
     "html-webpack-plugin": "^2.8.1",
@@ -65,7 +82,6 @@
     "less": "^2.7.1",
     "less-loader": "^2.2.3",
     "node-sass": "^3.4.2",
-    "null-loader": "0.1.1",
     "phantomjs-prebuilt": "^2.1.4",
     "postcss-loader": "^1.1.0",
     "protractor": "^4.0.10",
@@ -74,17 +90,16 @@
     "remap-istanbul": "^0.6.4",
     "rimraf": "^2.5.1",
     "sass-loader": "^4.0.0",
-    "shelljs": "^0.7.0",
     "style-loader": "^0.13.0",
     "to-string-loader": "^1.1.5",
-    "ts-helpers": "^1.1.1",
-    "tslint": "^3.15.1",
-    "tslint-loader": "^2.1.5",
-    "typedoc": "^0.5.1",
-    "typescript": "2.0.6",
+    "ts-helpers": "^1.1.2",
+    "tslint": "^4.4.2",
+    "tslint-loader": "^3.3.0",
+    "typescript": "2.1.5",
     "url-loader": "^0.5.6",
-    "webpack": "^2.1.0-beta.28",
-    "webpack-dev-server": "2.1.0-beta.9"
+    "webpack": "^2.2.0",
+    "webpack-dev-server": "2.3.0",
+    "typings": "^2.1.0"
   },
   "files": [
     "dist"

src/components/components/wizard-step.component.ts

@@ -34,20 +34,20 @@ export class WizardStepComponent {
    * All steps previous to the currently selected step must be completed.
    * @type {boolean}
    */
-  public completed: boolean = false;
+  public completed = false;
 
   /**
    * True if this step is currently selected and therefore currently visible to the user.
    * Always one step is selected at any time.
    * @type {boolean}
    */
-  public selected: boolean = false;
+  public selected = false;
 
   /**
    * True if this step is optional.
    * @type {boolean}
    */
-  public optional: boolean = false;
+  public optional = false;
 
   constructor() { }
 }

src/polyfills.ts

@@ -1,19 +1,11 @@
-// This file includes polyfills needed by Angular 2 and is loaded before
-// the app. You can add your own extra polyfills to this file.
-import 'core-js/es6/symbol';
-import 'core-js/es6/object';
-import 'core-js/es6/function';
-import 'core-js/es6/parse-int';
-import 'core-js/es6/parse-float';
-import 'core-js/es6/number';
-import 'core-js/es6/math';
-import 'core-js/es6/string';
-import 'core-js/es6/date';
-import 'core-js/es6/array';
-import 'core-js/es6/regexp';
-import 'core-js/es6/map';
-import 'core-js/es6/set';
-import 'core-js/es6/reflect';
-
+import 'core-js/es6';
 import 'core-js/es7/reflect';
-import 'zone.js/dist/zone';
+require('zone.js/dist/zone');
+
+if (process.env.ENV === 'production') {
+  // Production
+} else {
+  // Development and test
+  Error['stackTraceLimit'] = Infinity;
+  require('zone.js/dist/long-stack-trace-zone');
+}

src/vendor.ts

@@ -0,0 +1,17 @@
+/**
+ * Created by marc on 07.02.17.
+ */
+
+// Angular
+import '@angular/platform-browser';
+import '@angular/platform-browser-dynamic';
+import '@angular/core';
+import '@angular/common';
+import '@angular/http';
+import '@angular/router';
+
+// RxJS
+import 'rxjs';
+
+// Other vendors for example jQuery, Lodash or Bootstrap
+// You can import js, ts, css, sass, ...

tslint.json

@@ -16,7 +16,6 @@
       "spaces"
     ],
     "label-position": true,
-    "label-undefined": true,
     "max-line-length": [
       true,
       140
@@ -39,7 +38,6 @@
     ],
     "no-construct": true,
     "no-debugger": true,
-    "no-duplicate-key": true,
     "no-duplicate-variable": true,
     "no-empty": false,
     "no-eval": true,
@@ -49,8 +47,6 @@
     "no-switch-case-fall-through": true,
     "no-trailing-whitespace": true,
     "no-unused-expression": true,
-    "no-unused-variable": true,
-    "no-unreachable": true,
     "no-use-before-declare": true,
     "no-var-keyword": true,
     "object-literal-sort-keys": false,
@@ -92,11 +88,6 @@
       "check-separator",
       "check-type"
     ],
-
-    "directive-selector-name": [true, "camelCase"],
-    "component-selector-name": [true, "kebab-case"],
-    "directive-selector-type": [true, "attribute"],
-    "component-selector-type": [true, "element"],
     "use-input-property-decorator": true,
     "use-output-property-decorator": true,
     "use-host-property-decorator": true,
@@ -106,8 +97,6 @@
     "use-pipe-transform-interface": true,
     "component-class-suffix": true,
     "directive-class-suffix": true,
-    "directive-selector-prefix": [true, "my"],
-    "component-selector-prefix": [true, "my"],
     "pipe-naming": [true, "camelCase", "my"]
   }
 }

webpack.config.js

@@ -46,22 +46,11 @@ module.exports = function makeWebpackConfig() {
    * Entry
    * Reference: http://webpack.github.io/docs/configuration.html#entry
    */
-  config.entry = isTest ? {} : {
-      'polyfills': './src/polyfills.ts',
-      'vendor': './src/vendor.ts',
-      'app': './src/main.ts' // our angular app
-    };
-
-  /**
-   * Output
-   * Reference: http://webpack.github.io/docs/configuration.html#output
-   */
-  config.output = isTest ? {} : {
-      path: root('dist'),
-      publicPath: isProd ? '/' : 'http://localhost:8080/',
-      filename: isProd ? 'js/[name].[hash].js' : 'js/[name].js',
-      chunkFilename: isProd ? '[id].[hash].chunk.js' : '[id].chunk.js'
-    };
+  config.entry = {
+    'polyfills': './src/polyfills.ts',
+    'vendor': './src/vendor.ts',
+    'app': './src/index.ts' // our angular app
+  };
 
   /**
    * Resolve
@@ -108,15 +97,23 @@ module.exports = function makeWebpackConfig() {
 
 
       // all less required in src/app files will be merged in js files
-      {test: /\.less$/, exclude: root('src', 'style'), loader: ['to-string-loader', 'css-loader', 'postcss-loader', 'less-loader']},
+      {
+        test: /\.less$/,
+        exclude: root('src', 'style'),
+        loader: ['to-string-loader', 'css-loader', 'postcss-loader', 'less-loader']
+      },
 
 
       // all scss required in src/app files will be merged in js files
-      {test: /\.(scss|sass)$/, exclude: root('src', 'style'), loader: ['to-string-loader', 'css-loader', 'postcss-loader', 'sass-loader']},
+      {
+        test: /\.(scss|sass)$/,
+        exclude: root('src', 'style'),
+        loader: ['to-string-loader', 'css-loader', 'postcss-loader', 'sass-loader']
+      },
 
       // support for .html as raw text
       // todo: change the loader to something that adds a hash to images
-      {test: /\.html$/, loader: 'raw-loader',  exclude: root('src', 'public')}
+      {test: /\.html$/, loader: 'raw-loader', exclude: root('src', 'public')}
     ]
   };
 
@@ -233,7 +230,7 @@ module.exports = function makeWebpackConfig() {
 
       // Reference: http://webpack.github.io/docs/list-of-plugins.html#uglifyjsplugin
       // Minify all javascript, switch loaders to minimizing mode
-      new webpack.optimize.UglifyJsPlugin({sourceMap: true, mangle: { keep_fnames: true }}),
+      new webpack.optimize.UglifyJsPlugin({sourceMap: true, mangle: {keep_fnames: true}}),
 
       // Copy assets from the public folder
       // Reference: https://github.com/kevlened/copy-webpack-plugin