Merge pull request #32 from Cambio-Project/pipeline-optimization

Pipeline optimizations
-Much faster build through pnpm and caching
-Reduced image size through docker stages

.github/workflows/dockerBuildAndPush.yml

@@ -1,6 +1,7 @@
 name: Docker build and publish to GHCR
 
 on:
+  workflow_dispatch:
   push:
     branches:
       - main
@@ -15,11 +16,11 @@ jobs:
       packages: write
     steps:
       - name: Checkout current Repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Set up Docker Buildx
         id: buildx
-        uses: docker/setup-buildx-action@v2
+        uses: docker/setup-buildx-action@v3
 
       - name: Available platforms
         run: echo ${{ steps.buildx.outputs.platforms }}
@@ -29,15 +30,15 @@ jobs:
 
       - name: Extract metadata (tags, labels) for Docker
         id: meta
-        uses: docker/metadata-action@v4
+        uses: docker/metadata-action@v5
         with:
           images: ghcr.io/${{ github.repository }}
           tags: |
             type=ref,event=tag
             type=raw,value=latest
 
       - name: Build and push Docker image
-        uses: docker/build-push-action@v4
+        uses: docker/build-push-action@v5
         with:
           context: .
           platforms: linux/amd64,linux/arm64
@@ -47,3 +48,5 @@ jobs:
           build-args: |
             EXECUTION_ENV=ci
             GITHUB_PACKAGE_READ_TOKEN=${{ secrets.PUBLISH_PACKAGES }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max

Dockerfile

@@ -1,11 +1,21 @@
-FROM node:18.14.2-slim as base
-
+FROM node:22.2-slim as base
+ENV PNPM_HOME="/pnpm"
+ENV PATH="$PNPM_HOME:$PATH"
+RUN corepack enable
 WORKDIR /app
 
 COPY . .
 
-RUN npm install
-RUN npm run build
+FROM base AS prod-deps
+RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --prod --frozen-lockfile
+
+FROM base AS build
+RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --frozen-lockfile
+RUN pnpm run build
+
+FROM base
+COPY --from=prod-deps /app/node_modules /app/node_modules
+COPY --from=build /app/.output /app/.output
 
 EXPOSE 3000
 

docker-compose.yml

@@ -4,7 +4,7 @@ name: "dashboard-project"
 
 services:
   dashboard:
-    image: ghcr.io/cambio-project/dashboard-vue-23:1.1.0
+    image: ghcr.io/cambio-project/dashboard-vue-23:1.1.1
     container_name: dashboard
     ports:
       - 8080:3000

package.json

@@ -9,17 +9,15 @@
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare"
   },
-  "devDependencies": {
-    "@nuxt/ui": "^2.16.0",
-    "nuxt": "^3.11.1",
-    "nuxt-icon": "^0.6.10",
-    "nuxt-mongoose": "^1.0.5",
-    "vue": "^3.4.14",
-    "vue-router": "^4.2.5"
-  },
   "dependencies": {
+    "@nuxt/ui": "^2.16.0",
     "jszip": "^3.10.1",
-    "mongoose": "^8.2.1",
-    "vuex": "^4.0.2"
+    "mongoose": "^8.4.0",
+    "nuxt": "^3.11.2",
+    "nuxt-icon": "^0.6.10",
+    "nuxt-mongoose": "^1.0.6",
+    "vue": "^3.4.27",
+    "vue-router": "^4.3.2",
+    "vuex": "^4.1.0"
   }
 }