refactor: centralize version configuration

- Add frontend/src/config/version.js for frontend version
- Add backend/config.py for backend version
- Update Header.js, SocialCardGenerator.js, main.py to use centralized config

Author: ChidcGithub

backend/config.py

@@ -0,0 +1,8 @@
+"""
+PyVizAST Version Configuration
+All version numbers are managed in this single file for easy updates.
+"""
+
+VERSION = "0.7.1"
+BUILD = "2522"
+FULL_VERSION = f"v{VERSION}"

backend/main.py

@@ -18,6 +18,7 @@
 from pydantic import ValidationError
 
 from .utils.logger import log_exception, init_logging
+from .config import VERSION
 from .exceptions import (
     AnalysisError,
     CodeParsingError,
@@ -58,7 +59,7 @@ async def lifespan(app: FastAPI) -> AsyncIterator[None]:
 app = FastAPI(
     title="PyVizAST API",
     description="Python AST Visualization and Static Analysis API",
-    version="0.7.1",
+    version=VERSION,
     docs_url="/docs",
     redoc_url="/redoc",
     lifespan=lifespan

frontend/src/components/Header.js

@@ -1,4 +1,5 @@
 import React, { useState, useCallback, useEffect, useRef } from 'react';
+import { VERSION, BUILD } from '../config/version';
 
 const DECRYPT_KEY = 42;
 
@@ -12,10 +13,6 @@ const decrypt = (encrypted) => {
   }
 };
 
-// Version info
-const APP_VERSION = '0.7.1';
-const APP_BUILD = '2522';
-
 // Get actual encrypted values (these are pre-encrypted)
 const AUTHOR_DATA = {
   author: decrypt('aUJDTkk='),
@@ -769,11 +766,11 @@ function Header({
                   </div>
                   <div className="info-row">
                     <span className="info-label">Version</span>
-                    <span className="info-value">v{APP_VERSION}</span>
+                    <span className="info-value">v{VERSION}</span>
                   </div>
                   <div className="info-row">
                     <span className="info-label">Build</span>
-                    <span className="info-value info-build">{APP_BUILD}</span>
+                    <span className="info-value info-build">{BUILD}</span>
                   </div>
                 </div>
                 <p className="easter-egg-hint">

frontend/src/components/SocialCardGenerator.js

@@ -1,7 +1,5 @@
 import React, { useState, useRef, useCallback, useEffect, useMemo } from 'react';
-
-// App version
-const APP_VERSION = '0.7.1';
+import { VERSION } from '../config/version';
 
 // Social Card Generator - creates beautiful black/white themed image cards
 function SocialCardGenerator({ 
@@ -353,7 +351,7 @@ function SocialCardGenerator({
     ctx.font = '500 16px "SF Pro Text", -apple-system, sans-serif';
     ctx.fillStyle = colors.textMuted;
     ctx.textAlign = 'right';
-    ctx.fillText(`v${APP_VERSION}`, width - edgePadding - 50, edgePadding + 32);
+    ctx.fillText(`v${VERSION}`, width - edgePadding - 50, edgePadding + 32);
 
     // Center AST visualization
     drawASTGraph(ctx, width / 2, height / 2 - 20, width * 0.6, height * 0.45);
@@ -489,7 +487,7 @@ function SocialCardGenerator({
     ctx.fillText('Python AST Visualizer & Static Analyzer', edgePadding, footerY);
 
     ctx.textAlign = 'right';
-    ctx.fillText(`v${APP_VERSION}`, width - edgePadding, footerY);
+    ctx.fillText(`v${VERSION}`, width - edgePadding, footerY);
   }, [colors, drawLogo, roundRect]);
 
   // Generate card image

frontend/src/config/version.js

@@ -0,0 +1,7 @@
+/**
+ * PyVizAST Version Configuration
+ * All version numbers are managed in this single file for easy updates.
+ */
+export const VERSION = '0.7.1';
+export const BUILD = '2522';
+export const FULL_VERSION = `v${VERSION}`;