Footer with environment, build, and hash

Dockerfile

@@ -16,10 +16,12 @@ FROM build-deps AS build
 COPY . .
 
 ARG REPO_VERSION_HASH
+ARG BUILD_ENVIRONMENT
 ARG PROJECT_VERSION
 
-RUN echo $"PUBLIC_REPO_VERSION_HASH=${REPO_VERSION_HASH} \n\
+RUN echo "PUBLIC_REPO_VERSION_HASH=/"${REPO_VERSION_HASH}/" \n\
-    PUBLIC_PROJECT_VERSION=${PROJECT_VERSION}" >> .env
+    BUILD_ENVIRONMENT=/"${BUILD_ENVIRONMENT}/" \n\
+    PUBLIC_PROJECT_VERSION=/"${PROJECT_VERSION}/"" >> nope
 RUN npm run build
 
 FROM httpd:latest AS runtime

src/components/Footer.astro

@@ -0,0 +1,5 @@
+---
+---
+<footer class="flex justify-center items-center text-center">
+    {import.meta.env.BUILD_ENVIRONMENT || "development"} | {import.meta.env.PUBLIC_REPO_VERSION_HASH || "invalid"}@{import.meta.env.PUBLIC_PROJECT_VERSION || "0.0.0"}
+</footer>

src/env.d.ts

@@ -0,0 +1,9 @@
+interface ImportMetaEnv {
+    readonly PUBLIC_REPO_VERSION_HASH: string;
+    readonly PUBLIC_PROJECT_VERSION: string;
+    readonly BUILD_ENVIRONMENT: string;
+}
+
+interface ImportMeta {
+    readonly env: ImportMetaEnv;
+}

src/layouts/BaseLayout.astro

@@ -1,6 +1,7 @@
 ---
 import '../styles/global.css'
 import Navbar from '../components/Navbar.astro';
+import Footer from '../components/Footer.astro';
 
 const pageTitle = Astro.props.title ? `${Astro.props.title} - Corwin Perren` : "Corwin Perren";
 ---
@@ -16,5 +17,6 @@ const pageTitle = Astro.props.title ? `${Astro.props.title} - Corwin Perren`: "C
 <main style="padding: 2rem;">
     <slot/>
 </main>
+<Footer/>
 </body>
 </html>