From 87d6505fbf8c5a6dbc3e459e1873b71b4a009a50 Mon Sep 17 00:00:00 2001
From: "Vaka.pro" <vakabunga@proton.me>
Date: Wed, 8 Apr 2026 00:45:24 +0300
Subject: [PATCH] fix(frontend): bundle app version via package.json import
 instead of Vite define

---
 frontend/src/app/layouts/AppShellFooter.tsx | 3 ++-
 frontend/src/frontendVersion.ts             | 3 +++
 frontend/src/vite-env.d.ts                  | 2 --
 frontend/vite.config.ts                     | 9 ---------
 4 files changed, 5 insertions(+), 12 deletions(-)
 create mode 100644 frontend/src/frontendVersion.ts

diff --git a/frontend/src/app/layouts/AppShellFooter.tsx b/frontend/src/app/layouts/AppShellFooter.tsx
index 7b77faa..1966638 100644
--- a/frontend/src/app/layouts/AppShellFooter.tsx
+++ b/frontend/src/app/layouts/AppShellFooter.tsx
@@ -1,5 +1,6 @@
 import { useEffect, useState } from "react";
 import { getHealth } from "../../api";
+import { FRONTEND_VERSION } from "../../frontendVersion";
 
 export function AppShellFooter(): JSX.Element {
   const [backendVersion, setBackendVersion] = useState<string | null>(null);
@@ -27,7 +28,7 @@ export function AppShellFooter(): JSX.Element {
   return (
     <footer className="app-shell__footer">
       <p className="app-shell__footer-versions">
-        Версия клиента: {__FRONTEND_VERSION__}
+        Версия клиента: {FRONTEND_VERSION}
         <span className="app-shell__footer-sep" aria-hidden="true">
           {" · "}
         </span>
diff --git a/frontend/src/frontendVersion.ts b/frontend/src/frontendVersion.ts
new file mode 100644
index 0000000..36fee73
--- /dev/null
+++ b/frontend/src/frontendVersion.ts
@@ -0,0 +1,3 @@
+import packageJson from "../package.json";
+
+export const FRONTEND_VERSION: string = packageJson.version;
diff --git a/frontend/src/vite-env.d.ts b/frontend/src/vite-env.d.ts
index d9800ae..11f02fe 100644
--- a/frontend/src/vite-env.d.ts
+++ b/frontend/src/vite-env.d.ts
@@ -1,3 +1 @@
 /// <reference types="vite/client" />
-
-declare const __FRONTEND_VERSION__: string;
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index 6e57d29..081c8d9 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -1,15 +1,6 @@
-import { readFileSync } from "node:fs";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const pkg = JSON.parse(readFileSync(path.join(__dirname, "package.json"), "utf-8")) as { version: string };
-
 export default defineConfig({
   plugins: [react()],
-  define: {
-    __FRONTEND_VERSION__: JSON.stringify(pkg.version),
-  },
 });