feature(webpack): latest angular-cli builds (#86)

* angular-cli latest deployed with rc.7

* css files added

* dependencies updated

* moduling added based on latest router

* updated with webpack 15

* README updated

* updated README.md and e2e setup

* removed unused code and dependencies

* re-added basic unit test, fixed karma setup, and updated travis setup

* added to see if fixes build issue # angular-cli/1930

* run chrome in travis

* make ng test run once so travis can finish

* included spec.ts files for intellisense

* fixed highlight dependency using require() and not linting for that line

* checking if require affects dependency CI

* fixed back

* udpate(material): checkbox text

* udpate(app-sass): hint & icon button

* update(home): add repo links in toolbar

.travis.yml

@@ -4,14 +4,16 @@ node_js:
 addons:
   firefox: latest
 before_script:
+- export CHROME_BIN=chromium-browser
 - export DISPLAY=:99.0
 - sh -e /etc/init.d/xvfb start
 install:
+- npm i process-nextick-args util-deprecate
 - npm install
 - "./node_modules/.bin/ng build"
 script:
-- "./node_modules/.bin/tslint -c ./tslint.json ./src/**/*.ts -e ./src/**/typings.d.ts"
-- "./node_modules/.bin/karma start ./config/karma.travis.conf.js"
+- npm run tslint
+- "./node_modules/.bin/ng test --watch=false"
 notifications:
   slack:
     secure: pkXQL5AZiSBh1yWjilrcA7KbcJjC4xxjhd0SAwogJCQgyEf/i8/CfR1ZXiZYsIBJT6HTI7UMdJzwP6TiY/zih6Mq8PqUg38NUsvGyznILkbksMQJieWrg1r+1ideplPJFX7qdXwrOcxvSVoEFIGha26X0Fglq3kXSBHpPR9U0lDCoUxLUO35txQ/iji85Na4hjQnmtBEQkqaJogA0hRdcSLIKxwScgSrb4UU2PXEaIS9Zpr2SOG/RTOMkrrSMOD7bgocZbhAbk3c5shPZNj51gpEN+692Qxp4kQ/nfT10Hu5ATLaFCM5v04+w0D3ZJLA46LpU47qP0ALy6O9d16pGUcxJGbWaMZpV53vV9jIl9y2ahaqN1h1J9BcLIOzJvaQy92km8F7a3l7cN8gWSUZjs5Hd+gPFQH9Flcydmq26e8Maa1tQDF5R3GIdaCw4qkuJYbl4ToE59wtiPQ6M7xVKqNK4Qypu1YNsKOoLG/tZRFvp4771vgWcR5Lu/DqJJ9SAB0jsdrOXpe+0DmdrLBwhoZv2D9FTce+clDHIJ7ObPEc/UKw8rtWAA5iCPCEJ0sPl+WZwOS3ZFp4QmMC+5mzffMUiX6HBnzxiyOZvYGJD/jTy1yA1Cmt4RJYrOPM73csI1ELs5tj4tvqBNJQ8daIenfkg7u42IJfByDGIsJz8to=

README.md

@@ -14,9 +14,9 @@ Covalent is a reusable UI platform from Teradata for building web applications w
 ## Setup
 
 * Ensure you have Node 4.4 and NPM 3+ installed.
-* Install Angular CLI `npm i -g [email protected].10`
-* Install Typescript 2.0 `npm i -g typescript@2.0.2`
-* Install TSLint and Typings `npm install -g tslint typings`
+* Install Angular CLI `npm i -g [email protected].15`
+* Install Typescript 2.0 `npm i -g typescript`
+* Install TSLint `npm install -g tslint`
 * Install Protractor for e2e testing `npm install -g protractor`
 * Install Node packages `npm i`
 * Update Webdriver `webdriver-manager update` and `./node_modules/.bin/webdriver-manager update`

angular-cli.json

@@ -5,26 +5,47 @@
   },
   "apps": [
     {
-      "main": "src/main.ts",
-      "tsconfig": "src/tsconfig.json"
+      "root": "src",
+      "outDir": "dist",
+      "assets": "assets",
+      "index": "index.html",
+      "main": "main.ts",
+      "test": "test.ts",
+      "tsconfig": "tsconfig.json",
+      "prefix": "app",
+      "mobile": false,
+      "styles": [
+        "styles.css",
+        "platform/core/styles/platform.scss",
+        "../node_modules/@angular2-material/core/style/core.css",
+        "../node_modules/@angular2-material/core/overlay/overlay.css"
+      ],
+      "scripts": [
+        "../node_modules/hammerjs/hammer.min.js",
+        "../node_modules/showdown/dist/showdown.js"
+      ],
+      "environments": {
+        "source": "environments/environment.ts",
+        "dev": "environments/environment.ts",
+        "prod": "environments/environment.prod.ts"
+      }
     }
   ],
   "addons": [],
   "packages": [],
   "e2e": {
     "protractor": {
-      "config": "config/protractor.conf.js"
+      "config": "./protractor.conf.js"
     }
   },
   "test": {
     "karma": {
-      "config": "config/karma.conf.js"
+      "config": "./karma.conf.js"
     }
   },
   "defaults": {
-    "prefix": "docs",
-    "sourceDir": "src",
-    "styleExt": "css",
+    "styleExt": "scss",
+    "prefixInterfaces": false,
     "lazyRoutePrefix": "+"
   }
 }

e2e/index.e2e.ts

@@ -1,3 +1,5 @@
+import { browser } from 'protractor/globals';
+
 describe('hello, protractor', function(): void {
   describe('index', function(): void {
     browser.get('/');

e2e/tsconfig.json

@@ -6,16 +6,11 @@
     "experimentalDecorators": true,
     "module": "commonjs",
     "moduleResolution": "node",
-    "noEmitOnError": true,
-    "noImplicitAny": false,
-    "outDir": "../dist/e2e",
-    "rootDir": ".",
+    "outDir": "../dist/out-tsc-e2e",
     "sourceMap": true,
     "target": "es5",
-    "inlineSources": true
-  },
-
-  "files": [
-    "./typings.d.ts"
-  ]
+    "typeRoots": [
+      "../node_modules/@types"
+    ]
+  }
 }

karma.conf.js

@@ -0,0 +1,49 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/0.13/config/configuration-file.html
+
+module.exports = function (config) {
+  var configuration = {
+    basePath: '.',
+    frameworks: ['jasmine', 'angular-cli'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-remap-istanbul'),
+      require('angular-cli/plugins/karma')
+    ],
+    customLaunchers: {
+      // chrome setup for travis CI using chromium
+      Chrome_travis_ci: {
+        base: 'Chrome',
+        flags: ['--no-sandbox']
+      }
+    },
+    files: [
+      { pattern: './src/test.ts', watched: false }
+    ],
+    preprocessors: {
+      './src/test.ts': ['angular-cli']
+    },
+    remapIstanbulReporter: {
+      reports: {
+        html: 'coverage',
+        lcovonly: './coverage/coverage.lcov'
+      }
+    },
+    angularCli: {
+      config: './angular-cli.json',
+      environment: 'dev'
+    },
+    reporters: ['progress', 'karma-remap-istanbul'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false
+  };
+  if (process.env.TRAVIS) {
+    configuration.browsers = ['Chrome_travis_ci'];
+  }
+  config.set(configuration);
+};