Merge pull request danielpdev#11 from Ecodev/angular-9

Upgrade to Angular 9 and animejs 3
Ecodev · Feb 29, 2020 · 6766fe3 · 6766fe3
2 parents c81b43e + 4b2f1bf
commit 6766fe3
Show file tree

Hide file tree

Showing 37 changed files with 11,913 additions and 9,169 deletions.
diff --git a/.github/workflows/nodejs.yml b/.github/workflows/nodejs.yml
@@ -0,0 +1,27 @@
+name: Node.js CI
+
+on: [push]
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [10.x, 12.x]
+
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: npm ci
+      - run: npm run build-lib
+      - run: npm run build
+      - run: ./node_modules/.bin/ng test angular-particle-effect-button --progress false --watch=false --browsers ChromeHeadlessCustom
+      - run: ./node_modules/.bin/ng test particle-effect-button --progress false --watch=false --browsers ChromeHeadlessCustom
+      - run: npm run lint
+        env:
+          CI: true
diff --git a/README.md b/README.md
@@ -1,10 +1,10 @@
 # angular-particle-effect-button ([demo](https://codesandbox.io/s/j0jyz323v))
 
-> Superb particle effect buttons for Angular 6.
+> Superb particle effect buttons for Angular.
 
 [![Demo](https://raw.githubusercontent.com/danielpdev/angular-particle-effect-button/master/demo-animation.gif)](https://github.com/danielpdev/angular-particle-effect-button)
 
-This is a Angular 6 directive used as port of an awesome [Codrops Article](https://tympanus.net/codrops/2018/04/25/particle-effects-for-buttons/) by [Luis Manuel](https://tympanus.net/codrops/author/luis/) (original [source](https://github.com/codrops/ParticleEffectsButtons/)).
+This is a Angular directive used as port of an awesome [Codrops Article](https://tympanus.net/codrops/2018/04/25/particle-effects-for-buttons/) by [Luis Manuel](https://tympanus.net/codrops/author/luis/) (original [source](https://github.com/codrops/ParticleEffectsButtons/)).
 
 ## Install
 

diff --git a/angular.json b/angular.json
@@ -1,5 +1,8 @@
 {
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "cli": {
+    "packageManager": "npm"
+  },
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
@@ -13,6 +16,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "aot": true,
             "outputPath": "dist/particle-effect-button",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -29,6 +33,12 @@
           },
           "configurations": {
             "production": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "fileReplacements": [
                 {
                   "replace": "src/environments/environment.ts",
@@ -117,8 +127,8 @@
             "tsConfig": "e2e/tsconfig.e2e.json",
             "exclude": [
               "**/node_modules/**",
-               "**/*.spec.ts",
-               "**/*.spec.js"
+              "**/*.spec.ts",
+              "**/*.spec.js"
             ]
           }
         }
@@ -168,4 +178,4 @@
     }
   },
   "defaultProject": "particle-effect-button"
-}
+}
diff --git a/e2e/protractor.conf.js b/e2e/protractor.conf.js
@@ -1,28 +1,29 @@
 // Protractor configuration file, see link for more information
 // https://github.com/angular/protractor/blob/master/lib/config.ts
 
-const { SpecReporter } = require('jasmine-spec-reporter');
+const {SpecReporter} = require('jasmine-spec-reporter');
 
 exports.config = {
   allScriptsTimeout: 11000,
   specs: [
-    './src/**/*.e2e-spec.ts'
+    './src/**/*.e2e-spec.ts',
   ],
   capabilities: {
-    'browserName': 'chrome'
+    'browserName': 'chrome',
   },
   directConnect: true,
   baseUrl: 'http://localhost:4200/',
   framework: 'jasmine',
   jasmineNodeOpts: {
     showColors: true,
     defaultTimeoutInterval: 30000,
-    print: function() {}
+    print: function () {
+    },
   },
   onPrepare() {
     require('ts-node').register({
-      project: require('path').join(__dirname, './tsconfig.e2e.json')
+      project: require('path').join(__dirname, './tsconfig.e2e.json'),
     });
-    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
-  }
-};
+    jasmine.getEnv().addReporter(new SpecReporter({spec: {displayStacktrace: true}}));
+  },
+};
diff --git a/e2e/src/app.e2e-spec.ts b/e2e/src/app.e2e-spec.ts
@@ -9,6 +9,6 @@ describe('workspace-project App', () => {
 
   it('should display welcome message', () => {
     page.navigateTo();
-    expect(page.getParagraphText()).toEqual('Welcome to particle-effect-button!');
+    expect(page.getParagraphText()).toEqual('Angular Particle Effects for Buttons');
   });
 });