feat: retrieve version from package.json and pass as environment variable

Author: OlaBekkevold

.github/workflows/build-push.yml

@@ -24,6 +24,13 @@ jobs:
           username: olabekkevold
           password: ${{ secrets.PAT }}
 
+      - name: Get version from package.json
+        id: version
+        run: |
+          VERSION=$(jq -r '.version' ./labman/package.json)
+          echo "VERSION=$VERSION" >> $GITHUB_OUTPUT
+          echo "Version: $VERSION"
+
       - name: Determine image tag
         id: tag
         run: |
@@ -43,5 +50,9 @@ jobs:
           tags: |
             ghcr.io/olabekkevold/labmanager:${{ steps.tag.outputs.env_tag }}
             ghcr.io/olabekkevold/labmanager:${{ github.sha }}
-
-
+          build-args: |
+            NEXT_PUBLIC_VERSION=${{ steps.version.outputs.VERSION }}
+            NEXT_PUBLIC_ENV=${{ steps.tag.outputs.env_tag }}
+            
+            
+            

labman/Dockerfile

@@ -24,6 +24,11 @@ WORKDIR /app
 COPY --from=deps /app/node_modules ./node_modules
 COPY . .
 
+ARG NEXT_PUBLIC_ENV
+ENV NEXT_PUBLIC_ENV=${NEXT_PUBLIC_ENV}
+
+ARG NEXT_PUBLIC_VERSION
+ENV NEXT_PUBLIC_VERSION=${NEXT_PUBLIC_VERSION}
 # Next.js collects completely anonymous telemetry data about general usage.
 # Learn more here: https://nextjs.org/telemetry
 # Uncomment the following line in case you want to disable telemetry during the build.

labman/package.json

@@ -1,6 +1,6 @@
 {
   "name": "labman",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "type": "module",
   "private": true,
   "scripts": {

labman/src/app/(auth)/login/page.tsx

@@ -42,7 +42,7 @@ export default function Home() {
               </form>
             </div>
           </div>
-          <p className={"text-gray-300 text-2xl mb-3 ml-3 fixed bottom-0"}>v1.0.0-test</p>
+          <p className={"text-gray-300 text-2xl mb-3 ml-3 fixed bottom-0"}>{process.env.NEXT_PUBLIC_VERSION}</p>
       </>