gortium/openconcho
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): show app version in sidebar footer via Vite define

Browse Source 
Reads version from root package.json at build time and injects it
as __APP_VERSION__ via Vite define, replacing the hardcoded "API v3".
This commit is contained in:
Offending Commit
2026-04-27 14:33:26 -05:00
parent 123828ccb6
commit 7848d69524
3 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/web/src/components/layout/Sidebar.tsx
View File

@@ -116,7 +116,7 @@ export function Sidebar() {
style={{ borderTop: "1px solid var(--border)" }}
>
<p className="text-xs font-mono hidden sm:block" style={{ color: "var(--text-4)" }}>
API v3
v{__APP_VERSION__}
</p>
<div className="flex items-center gap-1.5 mx-auto sm:mx-0">
<button

1
packages/web/src/vite-env.d.ts vendored Normal file
View File

@@ -0,0 +1 @@
declare const __APP_VERSION__: string;

15
packages/web/vite.config.ts
View File

@@ -1,16 +1,23 @@
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import { tanstackRouter } from "@tanstack/router-plugin/vite";
import { readFileSync } from "node:fs";
import tailwindcss from "@tailwindcss/vite";
import { fileURLToPath } from "url";
import { tanstackRouter } from "@tanstack/router-plugin/vite";
import react from "@vitejs/plugin-react";
import path from "path";
import { fileURLToPath } from "url";
import { defineConfig } from "vite";
const __dirname = path.dirname(fileURLToPath(import.meta.url));
const host = process.env.TAURI_DEV_HOST;
const { version } = JSON.parse(
readFileSync(path.resolve(__dirname, "../../package.json"), "utf-8"),
) as { version: string };
export default defineConfig({
clearScreen: false,
plugins: [tanstackRouter({ autoCodeSplitting: true }), react(), tailwindcss()],
define: {
__APP_VERSION__: JSON.stringify(version),
},
resolve: {
alias: {
"@": path.resolve(__dirname, "./src"),