diff --git a/AGENTS.md b/AGENTS.md index 3aa9ff9..7361f0a 100644 --- a/AGENTS.md +++ b/AGENTS.md @@ -33,4 +33,15 @@ A React + TypeScript + Vite front-end for Apperson Auto. manual cleanup. ## Memory -(Add lessons learned here, one bullet each.) +- Declare Vite `define` variables (e.g., `__APP_VERSION__`) in `src/global.d.ts` to ensure TypeScript resolves them cleanly. +- Ensure the mobile navigation list (`.nav-list`) has `height: 100%` when using absolute positioning for bottom-anchored elements. + + +## Pull requests + +### PR body conventions (violations may be machine-rejected) + +- **Summary**: markdown bullet points, one change per bullet — never a run-on paragraph. +- **Test evidence**: paste the REAL runner output verbatim (the lines showing pass/fail and test counts), inside a ``` fence — never a description like "all tests passed". If the output has scrolled out of view, re-run the test command and paste what it prints. +- **Test plan**: exact commands and manual steps that exercise the change (start command, route/page, what to click, expected visible result) — a green test suite alone is not a plan. +- **Attribution**: `--author` names the model actually doing the work. Antigravity/agy sessions are ALWAYS `agy — Gemini 3.5 Flash (Medium)` or `(High)` — never write any other Gemini model name (models misremember their own identity; use this exact string). diff --git a/package-lock.json b/package-lock.json index d2be99c..900cb08 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "appersonautomotive.com", - "version": "3.1.0", + "version": "3.2.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "appersonautomotive.com", - "version": "3.1.0", + "version": "3.2.0", "hasInstallScript": true, "license": "MIT", "dependencies": { @@ -2879,9 +2879,9 @@ } }, "node_modules/brace-expansion": { - "version": "5.0.6", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz", - "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==", + "version": "5.0.7", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.7.tgz", + "integrity": "sha512-7oFy703dxfY3/NLxC1fh2SUCQ0H9rmAY+5EpDVfXjUTTs+HEwR2nYaqLv+GWcTsumwxPfiz6CzCNkwXwBUwqCA==", "devOptional": true, "license": "MIT", "dependencies": { @@ -4026,9 +4026,9 @@ "license": "MIT" }, "node_modules/fast-uri": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.2.tgz", - "integrity": "sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==", + "version": "3.1.4", + "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.4.tgz", + "integrity": "sha512-8JnbkQ4juDyvYs4mgFGQqg4yCYtFDtUtmp2QIQq11ZZe5CFQ5wcqm1rqDgAh/QdMySuBnPzMUiJUNZG5N/AiQw==", "devOptional": true, "funding": [ { diff --git a/package.json b/package.json index ecdb3c8..b822d00 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "appersonautomotive.com", - "version": "3.1.0", + "version": "3.2.0", "description": "appersonautomotive.com", "main": "dist/index.html", "repository": { diff --git a/src/App/AppTemplate.tsx b/src/App/AppTemplate.tsx index e90f703..34a6bcc 100644 --- a/src/App/AppTemplate.tsx +++ b/src/App/AppTemplate.tsx @@ -115,21 +115,43 @@ export class AppTemplate extends Component { } mobileMenu() { + const labelStyle: React.CSSProperties = { + position: 'absolute', bottom: '15px', left: 0, right: 0, justifyContent: 'center', opacity: 0.6, pointerEvents: 'none', + }; + const spanStyle: React.CSSProperties = { + fontSize: '13px', color: '#c0c0c0', fontFamily: 'Habibi, ChivoBlack, Arial, sans-serif', + }; return (
{this.callText()} {this.addressBlock()} {this.menus.map((menu, index) => this.makeMenuLink(menu, index))} +
+ + v{__APP_VERSION__} + +
); } navLinks(width: number) { if (width < 1162) return this.mobileMenu(); + const labelStyle: React.CSSProperties = { + position: 'absolute', bottom: '15px', left: 0, right: 0, justifyContent: 'center', opacity: 0.6, pointerEvents: 'none', + }; + const spanStyle: React.CSSProperties = { + fontSize: '13px', color: '#c0c0c0', fontFamily: 'Habibi, ChivoBlack, Arial, sans-serif', + }; return (
{this.addressBlock()} {this.menus.map((menu, index) => this.makeMenuLink(menu, index))} +
+ + v{__APP_VERSION__} + +
); } diff --git a/src/global.d.ts b/src/global.d.ts new file mode 100644 index 0000000..41fad5b --- /dev/null +++ b/src/global.d.ts @@ -0,0 +1 @@ +declare const __APP_VERSION__: string; diff --git a/src/styles/_mobile.scss b/src/styles/_mobile.scss index 050fed0..7e88160 100644 --- a/src/styles/_mobile.scss +++ b/src/styles/_mobile.scss @@ -148,6 +148,7 @@ top : 0; right : 0; width : 220px; + height : 100%; margin : auto; padding-top : 1px; background-color: #505050; diff --git a/test/App/__snapshots__/App.spec.tsx.snap b/test/App/__snapshots__/App.spec.tsx.snap index 55c9857..cc6c89b 100644 --- a/test/App/__snapshots__/App.spec.tsx.snap +++ b/test/App/__snapshots__/App.spec.tsx.snap @@ -149,6 +149,18 @@ exports[`App component > renders the component 1`] = ` +
+ + v + 3.2.0 + +
diff --git a/test/App/__snapshots__/AppTemplate.spec.tsx.snap b/test/App/__snapshots__/AppTemplate.spec.tsx.snap index 5812412..8256ddf 100644 --- a/test/App/__snapshots__/AppTemplate.spec.tsx.snap +++ b/test/App/__snapshots__/AppTemplate.spec.tsx.snap @@ -145,6 +145,18 @@ exports[`AppTemplate > calls the mobile menu 1`] = ` +
+ + v + 3.2.0 + +
@@ -399,6 +411,18 @@ exports[`AppTemplate > renders the component 1`] = ` +
+ + v + 3.2.0 + +
diff --git a/vite.config.ts b/vite.config.ts index 11a7fcb..ad10ffe 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,10 +1,13 @@ /// import { defineConfig, loadEnv, type Plugin } from 'vite'; import { fileURLToPath } from 'node:url'; +import { readFileSync } from 'node:fs'; import react from '@vitejs/plugin-react'; import checker from 'vite-plugin-checker'; const srcDir = fileURLToPath(new URL('./src', import.meta.url)); +const pkg = JSON.parse(readFileSync(new URL('./package.json', import.meta.url), 'utf-8')); + const APP_ENV_KEYS = [ 'BackendUrl', @@ -31,6 +34,9 @@ export default defineConfig(({ mode }) => { const env: Record = { ...loadEnv(mode, process.cwd(), ''), NODE_ENV: mode }; const isTest = mode === 'test' || process.env.VITEST; return { + define: { + __APP_VERSION__: JSON.stringify(pkg.version), + }, plugins: [ ...(isTest ? [] : [replaceProcessEnv(env), checker({ typescript: { tsconfigPath: './tsconfig.build.json' } })]), react(),