feat: added version

Signed-off-by: Varun Raj <mailme@varunraj.in>

next.config.mjs

@@ -1,10 +1,20 @@
 /** @type {import('next').NextConfig} */
+
+import { readFileSync } from 'fs';
+
+const { version } = JSON.parse(readFileSync('./package.json', 'utf-8'));
+
+console.log(`Version: ${version}`);
+
 const nextConfig = {
   reactStrictMode: false,
   output: 'standalone',
   images: {
     unoptimized: true,
-  }
+  },
+  env: {
+    VERSION: version,
+  },
 };
 
 export default nextConfig;

src/components/shared/ProfileInfo.tsx

@@ -8,7 +8,7 @@ import { useToast } from "../ui/use-toast";
 
 export default function ProfileInfo() {
   const { updateContext, ...user } = useCurrentUser()
-  const { immichURL, exImmichUrl } = useConfig();
+  const { immichURL, exImmichUrl, version } = useConfig();
   const toast = useToast();
 
   const handleLogout = () => logoutUser()
@@ -44,7 +44,7 @@ export default function ProfileInfo() {
           </>
         )}
       </div>
-      <div className="border text-muted-foreground text-xs text-center py-2">
+      <div className="border text-muted-foreground text-xs py-2 flex justify-between items-center px-2">
         <p>
           Made with <span className="text-red-500">&hearts;</span> by{" "}
           <Link
@@ -55,6 +55,9 @@ export default function ProfileInfo() {
             @zathvarun
           </Link>
         </p>
+        <Link target="_blank" href={`https://github.com/varun-raj/immich-power-tools/releases/tag/v${version}`}>
+          v{version}
+        </Link>
       </div>
     </>
   );

src/config/environment.ts

@@ -5,6 +5,7 @@ export const ENV = {
   DATABASE_URL: (process.env.DATABASE_URL || `postgresql://${process.env.DB_USERNAME}:${process.env.DB_PASSWORD}@${(process.env.DB_HOST || 'immich_postgres')}:${(process.env.DB_PORT || '5432')}/${process.env.DB_DATABASE_NAME}`),
   JWT_SECRET: process.env.JWT_SECRET as string,
   SECURE_COOKIE: process.env.SECURE_COOKIE === 'true',
+  VERSION: process.env.VERSION
 };
 
 

src/contexts/ConfigContext.tsx

@@ -3,11 +3,13 @@ import { createContext, useContext } from "react";
 interface ConfigContextType {
   immichURL: string;
   exImmichUrl: string;
+  version?: string;
 }
 
 const ConfigContext = createContext<ConfigContextType>({
   immichURL: "",
   exImmichUrl: "",
+  version: "",
 });
 
 export default ConfigContext;

src/pages/_app.tsx

@@ -4,14 +4,12 @@ import type { AppProps } from "next/app";
 import { ThemeProvider } from "next-themes";
 import { ENV } from "@/config/environment";
 import ConfigContext from "@/contexts/ConfigContext";
-import { useEffect, useRef, useState } from "react";
-import { getMe } from "@/handlers/api/user.handler";
-import { db } from "@/config/db";
-
+import { useRef } from "react";
 interface AppPropsWithProps extends AppProps {
   props: {
     immichURL: string;
     exImmichUrl: string;
+    version?: string;
   };
 }
 const App = ({ Component, pageProps, ...props }: AppPropsWithProps) => {
@@ -29,10 +27,12 @@ const App = ({ Component, pageProps, ...props }: AppPropsWithProps) => {
 };
 
 App.getInitialProps = async () => {
+
   return {
     props: {
       exImmichUrl: ENV.EXTERNAL_IMMICH_URL,
       immichURL: ENV.IMMICH_URL,
+      version: ENV.VERSION
     },
   };
 };