using docker buildkit

Author: rodolfoIOET

.github/workflows/time-tracker-ui-cd-stage.yml

@@ -19,6 +19,10 @@ jobs:
     - name: Checkout
       uses: actions/checkout@v3
 
+    - name: Set up Docker Buildx
+      id: buildx
+      uses: docker/setup-buildx-action@v2
+
     - name: Get the release_version
       run: |
         echo "RELEASE_VERSION=${GITHUB_REF#refs/*/}" >> $GITHUB_ENV
@@ -41,15 +45,8 @@ jobs:
     - name: Build the docker image
       run: |-
         docker build \
-          --target production  -t timetracker_ui \
-          --build-arg API_URL="::add-mask::${{ env.API_URL }}" \
-          --build-arg AUTHORITY="$AUTHORITY" \
-          --build-arg CLIENT_ID="$CLIENT_ID" \
-          --build-arg CLIENT_URL="$CLIENT_URL" \
-          --build-arg SCOPES=${{ env.SCOPES }}" \
-          --build-arg STACK_EXCHANGE_ID="$STACK_EXCHANGE_ID" \
-          --build-arg STACK_EXCHANGE_ACCESS_TOKEN="$STACK_EXCHANGE_ACCESS_TOKEN" \
-          --build-arg AZURE_APP_CONFIGURATION_CONNECTION_STRING="$AZURE_APP_CONFIGURATION_CONNECTION_STRING" \
+          --secret id=mysecret,src=.stage.env \
+          --target production -t timetracker_ui \
           .
 
     - name: Publish docker image to stage azure container registry

Dockerfile

@@ -1,3 +1,5 @@
+# syntax=docker/dockerfile:1.2
+
 FROM node:14 AS building
 
 ENV USERNAME timetracker
@@ -18,15 +20,7 @@ ARG CLIENT_ID
 ARG CLIENT_URL
 ARG SCOPES
 ARG AZURE_APP_CONFIGURATION_CONNECTION_STRING
-
-RUN API_URL=${API_URL} \
-    AUTHORITY=${AUTHORITY} \
-    CLIENT_ID=${CLIENT_ID} \
-    CLIENT_URL=${CLIENT_URL} \
-    SCOPES=${SCOPES} \
-    AZURE_APP_CONFIGURATION_CONNECTION_STRING=${AZURE_APP_CONFIGURATION_CONNECTION_STRING}
-
-RUN npm run build
+RUN --mount=type=secret,id=mysecret set -a && source /run/secrets/mysecret && set +a && npm run build
 
 
 FROM nginx:1.21 AS production