feat: commit id in settings (#1507)

* feat: display commit in settings

* feat: styling of commit id message

* fix: build error

.env

@@ -177,4 +177,6 @@ HF_ORG_ADMIN=
 HF_ORG_EARLY_ACCESS=
 
 PUBLIC_SMOOTH_UPDATES=false
-COMMUNITY_TOOLS=false
+COMMUNITY_TOOLS=false
+
+PUBLIC_COMMIT_SHA=

Dockerfile

@@ -3,17 +3,11 @@
 # you will also find guides on how best to write your Dockerfile
 ARG INCLUDE_DB=false
 
-# stage that install the dependencies
-FROM node:20 AS builder-production
+FROM node:20 AS builder
 
 WORKDIR /app
 
 COPY --link --chown=1000 package-lock.json package.json ./
-RUN --mount=type=cache,target=/app/.npm \
-        npm set cache /app/.npm && \
-        npm ci --omit=dev
-
-FROM builder-production AS builder
 
 ARG APP_BASE=
 ARG PUBLIC_APP_COLOR=blue
@@ -25,7 +19,8 @@ RUN --mount=type=cache,target=/app/.npm \
 
 COPY --link --chown=1000 . .
 
-RUN npm run build
+RUN git config --global --add safe.directory /app && \
+    PUBLIC_COMMIT_SHA=$(git rev-parse HEAD) && npm run build
 
 # mongo image
 FROM mongo:7 AS mongo

src/routes/settings/(nav)/+page.svelte

@@ -17,11 +17,15 @@
 </script>
 
 <div class="flex w-full flex-col gap-5">
-	<div class="flex items-start justify-between text-xl font-semibold text-gray-800">
+	<div class="flex flex-col items-start justify-between text-xl font-semibold text-gray-800">
 		<h2>Application Settings</h2>
+		<span class="text-sm font-light text-gray-500">
+			Latest deployment <span class="gap-2 font-mono"
+				>{envPublic.PUBLIC_COMMIT_SHA.slice(0, 7)}</span
+			>
+		</span>
 	</div>
-
-	<div class="flex h-full flex-col gap-4 pt-4 max-sm:pt-0">
+	<div class="flex h-full flex-col gap-2 max-sm:pt-0">
 		{#if envPublic.PUBLIC_APP_DATA_SHARING === "1"}
 			<!-- svelte-ignore a11y-label-has-associated-control -->
 			<label class="flex items-center">

svelte.config.js

@@ -1,11 +1,21 @@
 import adapter from "@sveltejs/adapter-node";
 import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
 import dotenv from "dotenv";
-
+import { execSync } from "child_process";
 dotenv.config({ path: "./.env.local" });
 dotenv.config({ path: "./.env" });
 
+function getCurrentCommitSHA() {
+	try {
+		return execSync("git rev-parse HEAD").toString();
+	} catch (error) {
+		console.error("Error getting current commit SHA:", error);
+		return "unknown";
+	}
+}
+
 process.env.PUBLIC_VERSION ??= process.env.npm_package_version;
+process.env.PUBLIC_COMMIT_SHA = getCurrentCommitSHA();
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {