Update the UI to work with newer changes in cube

.github/workflows/build.yml

@@ -2,7 +2,7 @@ name: build
 
 on:
   push:
-    branches: [ master ]
+    branches: [ master, staging ]
 
 jobs:
   build:
@@ -29,24 +29,42 @@ jobs:
         with:
           username: ${{ secrets.DOCKERHUB_USERNAME }}
           password: ${{ secrets.DOCKERHUB_PASSWORD }}
+
       - name: Login to GitHub Container Registry
         uses: docker/login-action@v3
         with:
           registry: ghcr.io
           username: ${{ github.repository_owner }}
           password: ${{ secrets.GITHUB_TOKEN }}
 
-      - name: Build and push
+      - name: Get postfix of latest
+        id: postfix_of_latest
+        run: |
+          if [[ $GITHUB_REF_TYPE == tag || $GITHUB_REF_NAME == master ]]; then
+            echo "Postfix of latest: ''"
+            echo "postfix_of_latest=" >> $GITHUB_OUTPUT
+          else
+            echo "Postfix of latest: -$GITHUB_REF_NAME"
+            echo "postfix_of_latest=-$GITHUB_REF_NAME" >> $GITHUB_OUTPUT
+          fi
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20.7
+      - run: npm ci
+      - run: npm run build
+
+      - name: Copy and push
         uses: docker/build-push-action@v5
         with:
           tags: |
-            docker.io/fnndsc/chris_ui:latest
-            docker.io/fnndsc/chris_ui:${{ steps.info.outputs.version_string }}
-            ghcr.io/fnndsc/chris_ui:latest
-            ghcr.io/fnndsc/chris_ui:${{ steps.info.outputs.version_string }}
+            docker.io/fnndsc/chris_ui:latest${{ steps.postfix_of_latest.outputs.postfix_of_latest}}
+            docker.io/fnndsc/chris_ui:${{ steps.info.outputs.version_string }}${{ steps.postfix_of_latest.outputs.postfix_of_latest}}
+            ghcr.io/fnndsc/chris_ui:latest${{ steps.postfix_of_latest.outputs.postfix_of_latest}}
+            ghcr.io/fnndsc/chris_ui:${{ steps.info.outputs.version_string }}${{ steps.postfix_of_latest.outputs.postfix_of_latest}}
           context: .
-          file: ./Dockerfile
-          platforms: linux/amd64
+          file: ./Dockerfile_cp
+          platforms: linux/amd64,linux/arm64
           push: true
           cache-from: type=gha
           cache-to: type=gha,mode=max

.gitignore

@@ -5,6 +5,7 @@
 /.pnp
 .pnp.js
 
+.vite/
 # testing
 /coverage
 /test-results

Dockerfile_cp

@@ -0,0 +1,21 @@
+# Dockerfile for copying local `./dist` into the docker image.
+#
+#   The goal of this dockerfile is to efficiently achieve
+#   multi-architectural build.
+#
+#   The app should be built in the physical machine using `npm run build`
+#   before applying this dockerfile.
+#
+FROM node:20.7-alpine
+
+RUN npm i -g sirv-cli
+
+WORKDIR /app
+
+COPY ./dist /app
+COPY ./docker-entrypoint.sh /docker-entrypoint.sh
+
+ENTRYPOINT ["/docker-entrypoint.sh"]
+ENV HOST=0.0.0.0 PORT=3000
+CMD ["sirv", "--etag", "--single"]
+EXPOSE 3000