feat(*): Upgrade to Angular 6, fix breaking changes (#83)

- Upgrade to Angular 6 and RxJS 6, plus update other dependencies - Fix breaking changes (mostly RxJS imports) - Remove unused imports - Update and simplify webpack config (upgrade to Webpack 4, remove dll stuff and other plugins) - Update jest config (verbose, ignore dist folder) - Replace custom typings file with `web-animations-js` typings Closes #82. BREAKING CHANGE: The upgrade to Angular 6 breaks compatibility with Angular 5.

Author: itsdevdom

.gitignore

@@ -2,7 +2,6 @@
 /node_modules
 
 # Build
-/build
 /dist
 
 # Test coverage

.travis.yml

@@ -4,16 +4,13 @@ sudo: false
 language: node_js
 node_js:
  - "lts/*"
-cache:
- directories:
- - node_modules
+cache: false
 notifications:
  email: false
 branches:
  only:
  - master
  - develop
- - /^greenkeeper/.*$/
 
 # Build stages
 stages:
@@ -27,59 +24,34 @@ jobs:
  include:
 
  - stage: build
- env:
- - ANGULAR=5.0.x
- install:
- - npm install
- - npm install @angular/common@$ANGULAR @angular/core@$ANGULAR
- script:
- - npm run build:js
- - npm run build:sass
- - npm run build:css
- -
- env:
- - ANGULAR=5.1.x
+ before_install:
+ - npm install -g npm
  install:
- - npm install
- - npm install @angular/common@$ANGULAR @angular/core@$ANGULAR
+ - npm ci
  script:
- - npm run build:js
- - npm run build:sass
- - npm run build:css
+ - npm run build
 
  - stage: test
- env:
- - ANGULAR=5.0.x
- install:
- - npm install
- - npm install @angular/common@$ANGULAR @angular/core@$ANGULAR
- script:
- - npm run test
- -
- env:
- - ANGULAR=5.1.x
+ before_install:
+ - npm install -g npm
  install:
- - npm install
- - npm install @angular/common@$ANGULAR @angular/core@$ANGULAR
+ - npm ci
  script:
  - npm run test
  after_success:
  - npm run test:coverage
 
  - stage: release
  before_install:
+ - npm install -g npm
  # Clone the whole repository because we also need the develop branch for releasing (Travis only gives us the master by default)
  - git clone "https://github.com/$TRAVIS_REPO_SLUG.git" "$TRAVIS_REPO_SLUG";
  - cd "$TRAVIS_REPO_SLUG";
  - git checkout -qf "$TRAVIS_COMMIT";
  # Fix Travis CI issue of detached heads in git
  - git checkout master
  install:
- - npm install
- script:
- - npm run build:js
- - npm run build:sass
- - npm run build:css
+ - npm ci
  before_deploy:
  # Login to Git to be able to make commits (required by automatic-release)
  - git config --global user.name "dominique-mueller";
@@ -88,6 +60,8 @@ jobs:
  - echo "https://$GH_TOKEN:@github.com" > .git/credentials;
  # Do release
  - npm run release
+ - npm run build
+ - npm run release:copy
  # Publish the dist folder
  - cd dist
  deploy:

README.md

@@ -36,11 +36,14 @@ npm install angular-notifier
 
 ### Angular versions
 
-The following list describes the Angular compatibility:
-
-- **angular-notifier `1.x`**  is compatible with  **Angular `2.x`**
-- **angular-notifier `2.x`**  is compatible with  **Angular `4.x`**
-- **angular-notifier `3.x`**  is compatible with  **Angular `5.x`**
+The following list describes the compatibility with Angular:
+
+| Angular Notifier | Angular |
+| ----------------- | ------- |
+| `1.x` | `2.x` |
+| `2.x` | `4.x` |
+| `3.x` | `5.x` |
+| `4.x` | `6.x` |
 
 <br>
 

jest.config.json

@@ -6,6 +6,10 @@
 },
 "__TRANSFORM_HTML__": true
 },
+"modulePathIgnorePatterns": [
+"/dist/"
+],
 "preset": "jest-preset-angular",
-"setupTestFrameworkScriptFile": "./jest.setup.ts"
+"setupTestFrameworkScriptFile": "./jest.setup.ts",
+"verbose": true
 }

jest.setup.ts

@@ -7,7 +7,7 @@ import 'jest-preset-angular';
 // mocked away by Jest anyway.
 
 // tslint:disable no-any
-( <any> window ).Element.prototype.animate = ( keyframes: any, options: any ): any => {
+( <any> window ).Element.prototype.animate = (): any => {
 // Nothing to implement
 };
 // tslint:enable no-any