Setting up CI

.eslintrc.json

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

.github/workflows/hpo-web.yml

@@ -0,0 +1,48 @@
+# This is a basic workflow to help you get started with Actions
+
+name: HPO-WEB Static Deployment
+
+# Controls when the workflow will run
+on: workflow_dispatch
+env:
+  GCLOUD_BUCKET: ${{ secrets.GCLOUD_PUBLIC_BUCKET }}
+
+jobs:
+  load:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v3
+
+    - name: Authenticate to Google Cloud
+      uses: 'google-github-actions/auth@v1'
+      with:
+        credentials_json: '${{ secrets.GCLOUD_SA_KEY }}'
+
+    - name: Setup Google Cloud CLI
+      uses: 'google-github-actions/setup-gcloud@v1'
+
+    - name: Configure Node
+      uses: actions/setup-node@v3
+      with:
+        node-version: 16.10.0
+        cache: 'npm'
+
+    - name: Lint, Test, Build
+      run: |
+        npm install
+        npm run lint
+        npm run testci
+        npm run buildProd --if-present
+
+    - name: Set Project Version
+      run: echo "PROJECT_VERSION=$(cat package.json | jq -r '.version')" >> "$GITHUB_ENV"
+
+    - name: Set Github Hash
+      run: echo "GIT_HASH=$(git rev-parse HEAD)" >> "$GITHUB_ENV"
+
+    - name: Deploy to GCS
+      run: |
+        gsutil -m cp -r dist/* "$GCLOUD_BUCKET/hpo-web-$PROJECT_VERSION-$GIT_HASH/"
+        gsutil -m rm -f "$GCLOUD_BUCKET/*" || true
+        gsutil -m rm -rf "$GCLOUD_BUCKET/assets/" || true
+        gsutil -m cp -r "$GCLOUD_BUCKET/hpo-web-$PROJECT_VERSION-$GIT_HASH/*"  "$GCLOUD_BUCKET/"

angular.json

@@ -109,19 +109,14 @@
               "src/favicon.ico"
             ]
           }
-        }
-      }
-    },
-    "hpo-e2e": {
-      "root": "e2e",
-      "sourceRoot": "e2e",
-      "projectType": "application",
-      "architect": {
-        "e2e": {
-          "builder": "@angular-devkit/build-angular:protractor",
+        },
+        "lint": {
+          "builder": "@angular-eslint/builder:lint",
           "options": {
-            "protractorConfig": "./protractor.conf.js",
-            "devServerTarget": "hpo:serve"
+            "lintFilePatterns": [
+              "src/**/*.ts",
+              "src/**/*.html"
+            ]
           }
         }
       }
@@ -137,6 +132,9 @@
     }
   },
   "cli": {
-    "analytics": false
+    "analytics": false,
+    "schematicCollections": [
+      "@angular-eslint/schematics"
+    ]
   }
 }

karma.conf.js

@@ -9,7 +9,6 @@ module.exports = function (config) {
       require('karma-jasmine'),
       require('karma-chrome-launcher'),
       require('karma-phantomjs-launcher'),
-      require('karma-jasmine-html-reporter'),
       require('karma-coverage-istanbul-reporter'),
       require('@angular-devkit/build-angular/plugins/karma')
     ],
@@ -25,7 +24,7 @@ module.exports = function (config) {
       level: 'log',
       format: '%b %T: %m'
     },
-    reporters: ['progress', 'kjhtml'],
+    reporters: ['progress'],
     port: 9876,
     colors: true,
     logLevel: config.LOG_ERROR,