Upgrade Angular and dependencies

.github/workflows/cd.yaml

@@ -0,0 +1,102 @@
+name: CD
+
+on: push
+
+jobs:
+
+  build-and-publish:
+    runs-on: ubuntu-latest
+    outputs:
+      tags: ${{ steps.meta.outputs.tags }}
+    env:
+      DOCKER_BUILDKIT: 1
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Docker meta
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: ghcr.io/${{ github.repository }}
+          tags: |
+            type=ref,event=branch,suffix=-{{sha}}
+            type=ref,event=pr,suffix=-{{sha}}
+            type=sha,prefix={{date 'YYYY-MM-DD-'}},enable={{is_default_branch}}
+            type=raw,value=latest,enable={{is_default_branch}}
+
+      - name: Log in to the Container registry
+        uses: docker/login-action@v3.0.0
+        with:
+          registry: ghcr.io
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Build and push
+        uses: docker/build-push-action@v5
+        with:
+          push: ${{ github.actor != 'dependabot[bot]' }}
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+
+  deploy-to-aks:
+    name: ${{ matrix.cluster }}
+    if: github.actor != 'dependabot[bot]'
+    runs-on: ubuntu-latest
+    needs: build-and-publish
+    strategy:
+      fail-fast: false
+      matrix:
+        cluster: [ aks-beta-fint-2021-11-23, aks-api-fint-2022-02-08 ]
+        include:
+          - cluster: aks-beta-fint-2021-11-23
+            deploy-every-branch: true
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Get environment
+        id: environment
+        run: |
+          echo "name=$(cut -d\- -f2 <<< ${{ matrix.cluster }})" >> $GITHUB_OUTPUT
+
+      - name: Bake manifests with Kustomize
+        id: bake
+        uses: azure/k8s-bake@v2
+        with:
+          renderEngine: 'kustomize'
+          kustomizationPath: 'kustomize/overlays/${{ steps.environment.outputs.name }}'
+
+      - name: Login to Azure
+        uses: azure/login@v1
+        with:
+          creds: "${{ secrets[format('AKS_{0}_FINT_GITHUB', steps.environment.outputs.name)] }}"
+
+      - name: Set the target cluster
+        uses: azure/aks-set-context@v3
+        with:
+          cluster-name: ${{ matrix.cluster }}
+          resource-group: rg-aks-${{ steps.environment.outputs.name }}
+          admin: true
+
+      - if: github.ref != format('refs/heads/{0}', github.event.repository.default_branch) && matrix.deploy-every-branch != true
+        run: |
+          {
+            echo "## Dry run - not a real deploy"
+            echo "To deploy, merge to ${{ github.event.repository.default_branch }}."
+          } >> $GITHUB_STEP_SUMMARY
+
+      - name: Get namespace from config file
+        id: namespace
+        run: |
+          namespace=$(yq '.metadata.namespace' ${{ steps.bake.outputs.manifestsBundle }} | head -n 1 | sed 's/^null$/default/')
+          echo "name=$namespace" >> $GITHUB_OUTPUT
+
+      - name: Deploy to Kubernetes
+        if: github.ref == format('refs/heads/{0}', github.event.repository.default_branch) || matrix.deploy-every-branch == true
+        uses: azure/k8s-deploy@v4
+        with:
+          action: deploy
+          manifests: ${{ steps.bake.outputs.manifestsBundle }}
+          images: ${{ matrix.use-image-from-overlay && 'none:none' || needs.build-and-publish.outputs.tags }}
+          namespace: ${{ steps.namespace.outputs.name }}

.github/workflows/ci.yaml

@@ -0,0 +1,28 @@
+name: CI
+
+on:
+  push:
+    branches-ignore:
+      - master
+
+permissions:
+  packages: read
+  contents: read
+
+jobs:
+
+  main:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Setup node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 16
+          cache: 'npm'
+
+      - name: Build
+        run: |
+          yarn install
+          yarn build

.gitignore

@@ -43,3 +43,4 @@ Thumbs.db
 /log/
 *.log*
 /out/
+.angular/

.vscode/launch.json

@@ -7,10 +7,7 @@
       "name": "Server",
       "preLaunchTask": "server:build",
       "cwd": "${workspaceRoot}",
-      "runtimeExecutable": "node_modules\\.bin\\nodemon",
-      "windows": {
-        "runtimeExecutable": "node_modules\\.bin\\nodemon.cmd"
-      },
+      "runtimeExecutable": "npx nodemon",
       "runtimeArgs": [
         "--debug=5858"
       ],

Dockerfile

@@ -1,6 +1,6 @@
 ######################
 ### STAGE 1: Build ###
-FROM node:8-alpine as builder
+FROM node:14-alpine as builder
 
 WORKDIR /usr/src/app
 COPY . /usr/src/app
@@ -9,7 +9,7 @@ RUN rm -rf ./node_modules && yarn install && yarn build
 
 ######################
 ### STAGE 2: Setup ###
-FROM node:8-alpine
+FROM node:14-alpine
 
 WORKDIR /usr/src/app
 COPY package.json /usr/src/app

angular.json

@@ -0,0 +1,138 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "fint-informasjonsmodell": {
+      "root": "",
+      "sourceRoot": "client",
+      "projectType": "application",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "dist/public",
+            "index": "client/index.html",
+            "main": "client/main.ts",
+            "tsConfig": "client/tsconfig.app.json",
+            "polyfills": "client/polyfills.ts",
+            "optimization": false,
+            "assets": [
+              "client/assets",
+              "client/favicon.ico"
+            ],
+            "styles": [
+              "client/styles.scss",
+              "node_modules/font-awesome/css/font-awesome.css"
+            ],
+            "scripts": [],
+            "stylePreprocessorOptions": {
+              "includePaths": [
+                "node_modules/",
+                "client/styles"
+              ]
+            }
+          },
+          "configurations": {
+            "production": {
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "namedChunks": false,
+              "aot": true,
+              "extractLicenses": true,
+              "vendorChunk": false,
+              "buildOptimizer": true,
+              "fileReplacements": [
+                {
+                  "replace": "client/environments/environment.ts",
+                  "with": "client/environments/environment.prod.ts"
+                }
+              ]
+            }
+          }
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "browserTarget": "fint-informasjonsmodell:build"
+          },
+          "configurations": {
+            "production": {
+              "browserTarget": "fint-informasjonsmodell:build:production"
+            }
+          }
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "browserTarget": "fint-informasjonsmodell:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "client/test.ts",
+            "karmaConfig": "./karma.conf.js",
+            "polyfills": "client/polyfills.ts",
+            "tsConfig": "client/tsconfig.spec.json",
+            "scripts": [],
+            "styles": [
+              "client/styles.scss",
+              "node_modules/font-awesome/css/font-awesome.css"
+            ],
+            "assets": [
+              "client/assets",
+              "client/favicon.ico"
+            ]
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "client/tsconfig.app.json",
+              "client/tsconfig.spec.json"
+            ],
+            "exclude": []
+          }
+        }
+      }
+    },
+    "fint-informasjonsmodell-e2e": {
+      "root": "e2e",
+      "sourceRoot": "e2e",
+      "projectType": "application",
+      "architect": {
+        "e2e": {
+          "builder": "@angular-devkit/build-angular:protractor",
+          "options": {
+            "protractorConfig": "./protractor.conf.js",
+            "devServerTarget": "fint-informasjonsmodell:serve"
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "e2e/tsconfig.e2e.json"
+            ],
+            "exclude": []
+          }
+        }
+      }
+    }
+  },
+  "defaultProject": "fint-informasjonsmodell",
+  "schematics": {
+    "@schematics/angular:component": {
+      "prefix": "app"
+    },
+    "@schematics/angular:directive": {
+      "prefix": "app"
+    }
+  },
+  "cli": {
+    "analytics": false
+  }
+}