Merge pull request #1 from Bernardo-MG/develop

Develop

Author: Bernardo-MG

.eslintrc.json

@@ -0,0 +1,50 @@
+{
+  "root": true,
+  "ignorePatterns": [
+    "projects/**/*"
+  ],
+  "overrides": [
+    {
+      "files": [
+        "*.ts"
+      ],
+      "parserOptions": {
+        "project": [
+          "tsconfig.json"
+        ],
+        "createDefaultProgram": true
+      },
+      "extends": [
+        "plugin:@angular-eslint/recommended",
+        "plugin:@angular-eslint/template/process-inline-templates"
+      ],
+      "rules": {
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": "attribute",
+            "prefix": ["app", "navigation", "login", "logout", "data"],
+            "style": "camelCase"
+          }
+        ],
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "type": "element",
+            "prefix": ["app", "navigation", "login", "logout", "data"],
+            "style": "kebab-case"
+          }
+        ]
+      }
+    },
+    {
+      "files": [
+        "*.html"
+      ],
+      "extends": [
+        "plugin:@angular-eslint/template/recommended"
+      ],
+      "rules": {}
+    }
+  ]
+}

.github/workflows/testing.yml

@@ -0,0 +1,73 @@
+name: Testing and validation
+
+on: [push, pull_request]
+
+jobs:
+
+  linting:
+    name: Linting
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node: [ 16.x ]
+
+    steps:
+    - name: Check-out
+      uses: actions/checkout@v2
+    - name: Set up Node.js ${{ matrix.node }}
+      uses: actions/setup-node@v2
+      with:
+        node-version: ${{ matrix.node }}
+        cache: 'npm'
+    - name: Install dependencies
+      run: npm ci
+    - name: Install Angular CLI
+      run: npm install -g @angular/cli
+    - name: Run linter
+      run: npm run lint
+
+  test:
+    name: Tests
+    needs: linting
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node: [ 16.x ]
+
+    steps:
+    - name: Check-out
+      uses: actions/checkout@v2
+    - name: Set up Node.js ${{ matrix.node }}
+      uses: actions/setup-node@v2
+      with:
+        node-version: ${{ matrix.node }}
+        cache: 'npm'
+    - name: Install dependencies
+      run: npm ci
+    - name: Install Angular CLI
+      run: npm install -g @angular/cli
+    - name: Run tests
+      run: npm test -- --configuration=ci
+
+  test_build:
+    name: Test build
+    needs: test
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node: [ 16.x ]
+  
+    steps:
+    - name: Check-out
+      uses: actions/checkout@v2
+    - name: Set up Node.js ${{ matrix.node }}
+      uses: actions/setup-node@v2
+      with:
+        node-version: ${{ matrix.node }}
+        cache: 'npm'
+    - name: Install dependencies
+      run: npm ci
+    - name: Install Angular CLI
+      run: npm install -g @angular/cli
+    - name: Build
+      run: npm run build

README.md

@@ -1,6 +1,6 @@
 # Angular HTTP Basic Authentication Example
 
-Example for setting up HTTP Basic authentication with Angular.
+Example for setting up HTTP Basic authentication with Angular. It is prepared to be used with [Spring WS Basic Security Example](https://github.com/bernardo-mg/spring-ws-basic-security-example);
 
 ## Features
 

angular.json

@@ -31,9 +31,13 @@
               "src/assets"
             ],
             "styles": [
-              "src/styles.sass"
+              "src/styles.sass",
+              "./node_modules/bootstrap/dist/css/bootstrap.min.css"
             ],
-            "scripts": []
+            "scripts": [
+              "./node_modules/@popperjs/core/dist/umd/popper.min.js",
+              "./node_modules/bootstrap/dist/js/bootstrap.min.js"
+            ]
           },
           "configurations": {
             "production": {
@@ -88,6 +92,13 @@
         },
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
+          "configurations": {
+            "ci": {
+              "watch": false,
+              "progress": false,
+              "browsers": "ChromeHeadlessCI"
+            }
+          },
           "options": {
             "main": "src/test.ts",
             "polyfills": "src/polyfills.ts",
@@ -103,9 +114,21 @@
             ],
             "scripts": []
           }
+        },
+        "lint": {
+          "builder": "@angular-eslint/builder:lint",
+          "options": {
+            "lintFilePatterns": [
+              "src/**/*.ts",
+              "src/**/*.html"
+            ]
+          }
         }
       }
     }
   },
-  "defaultProject": "angular-http-basic-auth-example"
+  "defaultProject": "angular-http-basic-auth-example",
+  "cli": {
+    "defaultCollection": "@angular-eslint/schematics"
+  }
 }

karma.conf.js

@@ -38,6 +38,12 @@ module.exports = function (config) {
     logLevel: config.LOG_INFO,
     autoWatch: true,
     browsers: ['Chrome'],
+    customLaunchers: {
+      ChromeHeadlessCI: {
+        base: 'ChromeHeadless',
+        flags: ['--no-sandbox']
+      }
+    },
     singleRun: false,
     restartOnFileChange: true
   });