refactor: rewrite frontend to angular

.github/workflows/deploy-helm.yml

@@ -16,9 +16,6 @@ on:
 
 env:
   path_to_helm: .helm/voluba-prod
-  INGRESS_HOST: '[{ "host": "voluba-staging.apps.tc.humanbrainproject.eu", "paths": [{ "path": "/", "pathType": "Prefix" }] }]'
-  TLS: '[{ "secretName": "voluba-rc-tc-secret", "hosts": ["voluba-staging.apps.tc.humanbrainproject.eu"] }]'
-  ENV_HOSTNAME: 'https://voluba-staging.apps.tc.humanbrainproject.eu'
 
 jobs:
   trigger-deploy:
@@ -27,13 +24,19 @@ jobs:
     - uses: actions/checkout@v4
     - name: 'Deploy'
       run: |
+        if [[ ! ${{ inputs.IMAGE_TAG }} -eq "rf_rewriteFrontend" ]]
+        then
+          echo "IMAGE_TAG is ${{ inputs.IMAGE_TAG }}, currently only works for rf_rewriteFrontend"
+          exit 1
+        fi
         kubecfg_path=${{ runner.temp }}/.kube_config
         echo "${{ secrets.KUBECONFIG }}" > $kubecfg_path
 
         helm --kubeconfig=$kubecfg_path \
           upgrade \
           --reuse-values \
           --set image.tag=${{ inputs.IMAGE_TAG }} \
+          --history-max=3 \
           ${{ inputs.DEPLOYMENT_NAME }} ${{ env.path_to_helm }}
 
         rm $kubecfg_path

.github/workflows/dockerimg.yml

@@ -5,14 +5,13 @@ on:
     branches:
       - master
       - staging
+      - rf_rewriteFrontend
 
     # do not rebuild if...
     paths-ignore:
       # use_docs (use_docs are built on readthedocs any way)
       - 'use_docs/*'
 
-env:
-  OKD_URL: https://okd.hbp.eu:443
 jobs:
   build-docker-img:
     runs-on: ubuntu-latest
@@ -30,6 +29,10 @@ jobs:
         if [[ $GITHUB_REF == 'refs/heads/staging' ]]; then
             echo "DOCKERIMG=voluba:staging" >> "$GITHUB_ENV"
         fi
+
+        if [[ $GITHUB_REF == 'refs/heads/rf_rewriteFrontend' ]]; then
+            echo "DOCKERIMG=voluba:rf_rewriteFrontend" >> "$GITHUB_ENV"
+        fi
     - name: 'Setup tags'
       run: |
         if [[ -z "$DOCKERIMG" ]]
@@ -40,40 +43,20 @@ jobs:
         DOCKER_IMGSTREAM=${{ secrets.EBRAINS_DOCKER_REG_VOLUBA_NSP }}/${DOCKERIMG}
         echo "Setting docker image stream to $DOCKER_IMGSTREAM"
         echo "DOCKER_IMGSTREAM=$DOCKER_IMGSTREAM" >> $GITHUB_ENV
-    - name: 'Set matomo env var'
-      run: |
-        echo "MATOMO_URL=${{ secrets.MATOMO_URL_PROD }}" >> $GITHUB_ENV
-        echo "MATOMO_ID=${{ secrets.MATOMO_ID_PROD }}" >> $GITHUB_ENV
-
-    - name: 'Set version variable & expmt feature flag'
-      id: 'setting-vars'
-      run: |
-        GIT_HASH=$(git rev-parse --short HEAD)
-        echo "Setting GIT_HASH: $GIT_HASH"
-        echo "GIT_HASH=$GIT_HASH" >> $GITHUB_OUTPUT
-
-        VERSION=$(jq -r '.version' app/package.json)
-        echo "Setting VERSION: $VERSION"
-        echo "VERSION=$VERSION" >> $GITHUB_OUTPUT
-        echo "VERSION=$VERSION" >> $GITHUB_ENV
-
-        # VUE_APP_ENABLE_EXPERIMENTAL_FEATURES="{}"
 
     - name: 'Build docker image'
       run: |
-
         echo "Building $DOCKER_IMGSTREAM"
         docker build \
-          --build-arg MATOMO_URL=$MATOMO_URL \
-          --build-arg MATOMO_ID=$MATOMO_ID \
-          --build-arg VUE_APP_BACKEND_URL=${{ secrets.VUE_APP_BACKEND_URL }} \
-          --build-arg VUE_APP_UPLOAD_URL=${{ secrets.VUE_APP_UPLOAD_URL }} \
           -t $DOCKER_IMGSTREAM \
           .
         echo "Successfully built $DOCKER_IMGSTREAM"
 
     - name: 'Push to docker registry'
       run: |
+        # Good luck charm?
+        curl -v https://docker-registry.ebrains.eu/v2/
+
         echo "Login to docker registry"
         docker login \
           -u '${{ secrets.EBRAINS_DOCKER_REG_USER }}' \
@@ -97,48 +80,46 @@ jobs:
 
         docker push $VERSIONED_DOCKER_IMGSTREAM
 
-  deploy-prod-on-rancher:
-    needs: [ build-docker-img ]
-    if: ${{ github.ref == 'refs/heads/master' && success() }}
-    uses: ./.github/workflows/deploy-helm.yml
-    with:
-      DEPLOYMENT_NAME: voluba-prod
-      IMAGE_TAG: ${{ needs.build-docker-img.outputs.VERSION }}
-    secrets:
-      KUBECONFIG: ${{ secrets.KUBECONFIG }}
-
-  deploy-rc-on-rancher:
-    needs: [ build-docker-img ]
-    if: ${{ github.ref == 'refs/heads/staging' && success() }}
-    uses: ./.github/workflows/deploy-helm.yml
-    with:
-      DEPLOYMENT_NAME: voluba-rc
-      IMAGE_TAG: staging
-    secrets:
-      KUBECONFIG: ${{ secrets.KUBECONFIG }}
-
-  deploy-on-okd:
+  trigger-gitops:
     needs: [ build-docker-img ]
-    if: success()
     runs-on: ubuntu-latest
+    if: ${{ github.ref == 'refs/heads/rf_rewriteFrontend' && success() }}
     steps:
-    - name: "Configure image stream"
-      run: |
-        if [[ "$GITHUB_REF" == "refs/heads/master" ]]
-        then
-          echo "IMAGE_STREAM_TAG=docker-registry.default.svc:5000/voluba/voluba-img-deploy:latest" >> $GITHUB_ENV
-        fi
-        if [[ "$GITHUB_REF" == "refs/heads/staging" ]]
-        then
-          echo "IMAGE_STREAM_TAG=docker-registry.default.svc:5000/voluba/voluba-stg-img-deploy:staging" >> $GITHUB_ENV
-        fi
-    - name: "Login via cli"
-      run: |
-        if [[ ! -z "$IMAGE_STREAM_TAG" ]]
-        then
-          oc login ${{ env.OKD_URL }} --token=${{ secrets.OKD_SECRET }}
-          oc project voluba
-          oc import-image $IMAGE_STREAM_TAG
-        else
-          echo "Empty IMAGE_STREAM_TAG, skipping"
-        fi
+      - name: 'Set deployment variables'
+        id: deploy-vars
+        run: |
+          echo "DEPLOY_FILE=voluba/frontend/values/jsccloud-prod.yaml" >> "$GITHUB_OUTPUT"
+
+          cat > /tmp/delta.yaml << EOF
+          image:
+            tag: rf_rewriteFrontend
+          podLabel:
+            commithash: ${{ github.sha }}
+          EOF
+          echo "DELTA_B64=$(base64 -w 0 /tmp/delta.yaml)" >> "$GITHUB_OUTPUT"
+
+          # optional MR_TITLE
+          echo "MR_TITLE='voluba rf_rewriteFrontend update'" >> "$GITHUB_OUTPUT"
+
+      - name: 'Trigger GitLab GitOps pipeline'
+        run: |
+          UPDATE_FILES=$(jq -cn \
+            --arg filename "${{ steps.deploy-vars.outputs.DEPLOY_FILE }}" \
+            --arg delta "${{ steps.deploy-vars.outputs.DELTA_B64 }}" \
+            '[{"filename": $filename, "delta": $delta}]')
+
+          MR_TITLE="${{ steps.deploy-vars.outputs.MR_TITLE }}"
+
+          curl -fL -X POST \
+            --form "token=${{ secrets.GITLAB_GITOPS_TRIGGER_TOKEN }}" \
+            --form "ref=main" \
+            --form "variables[UPDATE_FILES]=$UPDATE_FILES" \
+            --form "variables[MR_TITLE]=$MR_TITLE" \
+            "${{ secrets.GITLAB_GITOPS_URL }}/api/v4/projects/${{ secrets.GITLAB_GITOPS_PROJECT_ID }}/trigger/pipeline"
+
+# DO NOT EDIT BELOW
+# 
+# TODO
+# GITLAB_TRIGGER_TOKEN
+# GITLAB_GITOPS_URL
+# GITLAB_GITOPS_PROJECT_ID

.github/workflows/test.yml

@@ -19,6 +19,6 @@ jobs:
         node-version: ${{ matrix.node-version }}
     - name: npm install, build, and test
       run: |
-        cd app
-        npm i
-        npm run test
+        cd frontend
+        echo npm i
+        echo npm run test

.helm/adhoc/certificate.yaml

@@ -1,11 +1,12 @@
+---
 apiVersion: cert-manager.io/v1
 kind: Certificate
 metadata:
-  name: voluba-certificate
+  name: voluba-ebrains-cert
 spec:
-  secretName: voluba-prod-secret
+  secretName: voluba-prod-ebrains-cert-secret
   renewBefore: 120h 
-  commonName: voluba.apps.tc.humanbrainproject.eu
+  commonName: voluba.apps.ebrains.eu
   isCA: false
   privateKey:
     algorithm: RSA
@@ -15,7 +16,29 @@ spec:
   - server auth
   dnsNames:
   # (CHANGE ME! same as `commonName`)
-  - voluba.apps.tc.humanbrainproject.eu
+  - voluba.apps.ebrains.eu
   issuerRef:
     name: letsencrypt-production-issuer-1
-    kind: ClusterIssuer 
+    kind: ClusterIssuer 
+---
+apiVersion: cert-manager.io/v1
+kind: Certificate
+metadata:
+  name: voluba-rc-tc-certificate
+spec:
+  secretName: voluba-rc-tc-secret
+  renewBefore: 120h 
+  commonName: voluba-staging.apps.tc.humanbrainproject.eu
+  isCA: false
+  privateKey:
+    algorithm: RSA
+    encoding: PKCS1
+    size: 2048
+  usages:
+  - server auth
+  dnsNames:
+  # (CHANGE ME! same as `commonName`)
+  - voluba-staging.apps.tc.humanbrainproject.eu
+  issuerRef:
+    name: letsencrypt-production-issuer-1
+    kind: ClusterIssuer

.helm/adhoc/ingress.yaml

@@ -0,0 +1,41 @@
+apiVersion: networking.k8s.io/v1
+kind: Ingress
+metadata:
+  name: voluba-ingress
+  labels:
+    name: voluba-ingress
+spec:
+  ingressClassName: nginx
+  rules:
+  - host: voluba.apps.ebrains.eu
+    http:
+      paths:
+      - pathType: Prefix
+        path: "/"
+        backend:
+          service:
+            name: voluba-prod-ebrains
+            port: 
+              number: 8080
+  - host: voluba.apps.hbp.eu
+    http:
+      paths:
+      - pathType: Prefix
+        path: "/"
+        backend:
+          service:
+            name: voluba-prod-ebrains
+            port: 
+              number: 8080
+  tls:
+  - secretName: voluba-prod-ebrains-cert-secret
+    hosts:
+    - voluba.apps.ebrains.eu
+  - secretName: voluba-old-hostname-secret
+    hosts:
+    - voluba.apps.hbp.eu
+
+  # TODO delete cert & secret
+  # - secretName: voluba-prod-secret
+  #   hosts:
+  #   - voluba.apps.tc.humanbrainproject.eu

.helm/deployments/ebrains/install.sh

@@ -0,0 +1,6 @@
+#! /bin/bash
+
+helm install \
+    -f .helm/deployments/ebrains/values.yaml \
+    voluba-prod-ebrains \
+    .helm/voluba-prod

.helm/deployments/ebrains/upgrade.sh

@@ -0,0 +1,7 @@
+#! /bin/bash
+
+helm upgrade \
+    --history-max 3 \
+    -f .helm/deployments/ebrains/values.yaml \
+    voluba-prod-ebrains \
+    .helm/voluba-prod

.helm/deployments/ebrains/values.yaml

@@ -0,0 +1,5 @@
+image:
+  tag: rf_rewriteFrontend
+
+ingress:
+  enabled: false

.helm/deployments/legacy/install.sh

@@ -0,0 +1,6 @@
+#! /bin/bash
+
+helm install \
+    -f .helm/deployments/legacy/values.yaml \
+    voluba-prod-legacy \
+    .helm/voluba-prod

.helm/deployments/legacy/upgrade.sh

@@ -0,0 +1,7 @@
+#! /bin/bash
+
+helm upgrade \
+    --history-max 3 \
+    -f .helm/deployments/legacy/values.yaml \
+    voluba-prod-legacy \
+    .helm/voluba-prod

.helm/deployments/legacy/values.yaml

@@ -0,0 +1,18 @@
+image:
+  tag: staging
+
+env:
+  HOSTNAME: https://voluba-staging.apps.tc.humanbrainproject.eu
+
+ingress:
+  enabled: true
+  className: "nginx"
+  hosts:
+  - host: voluba-staging.apps.tc.humanbrainproject.eu
+    paths:
+    - path: "/"
+      pathType: Prefix
+  tls:
+  - secretName: voluba-rc-tc-secret
+    hosts:
+    - voluba-staging.apps.tc.humanbrainproject.eu

.helm/voluba-prod/Chart.yaml

@@ -21,4 +21,4 @@ version: 0.1.1
 # incremented each time you make changes to the application. Versions are not expected to
 # follow Semantic Versioning. They should reflect the version the application is using.
 # It is recommended to use it with quotes.
-appVersion: "1.1.1"
+appVersion: "1.1.3-rc7"