Add version display, fix header text

AnatoliEckert · claude · AnatoliEckert · commit 6ee49830bde5 · 2026-02-21T16:46:47.000+01:00
Show version from package.json in Header and Footer via Vite define.
Remove stale "WebGPU + WASM" text from header. Bump to v1.1.0.

Co-Authored-By: Claude Opus 4.6 &lt;noreply@anthropic.com&gt;
diff --git a/eslint.config.js b/eslint.config.js
@@ -9,7 +9,7 @@ export default [
     files: ['**/*.{js,jsx}'],
     languageOptions: {
       ecmaVersion: 2024,
-      globals: globals.browser,
+      globals: { ...globals.browser, __APP_VERSION__: 'readonly' },
       parserOptions: {
         ecmaVersion: 'latest',
         ecmaFeatures: { jsx: true },
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "framesight",
   "private": true,
-  "version": "1.0.0",
+  "version": "1.1.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/components/layout/Footer.jsx b/src/components/layout/Footer.jsx
@@ -17,6 +17,8 @@ export default function Footer() {
         <span className="text-text-dim">Depth Anything V2</span>
         {' '}&middot;{' '}
         Apache 2.0
+        {' '}&middot;{' '}
+        <span className="font-mono">v{__APP_VERSION__}</span>
       </p>
     </footer>
   );
diff --git a/src/components/layout/Header.jsx b/src/components/layout/Header.jsx
@@ -28,7 +28,7 @@ export default function Header() {
           GitHub
         </a>
         <span className="text-border">|</span>
-        <span className="text-xs text-text-muted font-mono">WebGPU + WASM</span>
+        <span className="text-xs text-text-muted font-mono">v{__APP_VERSION__}</span>
       </div>
     </motion.header>
   );
diff --git a/vite.config.js b/vite.config.js
@@ -1,6 +1,9 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import tailwindcss from '@tailwindcss/vite'
+import { readFileSync } from 'fs'
+
+const pkg = JSON.parse(readFileSync('./package.json', 'utf-8'))
 
 export default defineConfig({
   plugins: [
@@ -11,6 +14,9 @@ export default defineConfig({
     }),
     tailwindcss(),
   ],
+  define: {
+    __APP_VERSION__: JSON.stringify(pkg.version),
+  },
   optimizeDeps: {
     exclude: ['onnxruntime-web'],
   },

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "framesight",`
`3`	`3`	`"private": true,`
`4`		`- "version": "1.0.0",`
	`4`	`+ "version": "1.1.0",`
`5`	`5`	`"type": "module",`
`6`	`6`	`"scripts": {`
`7`	`7`	`"dev": "vite",`