Skip to content

Display app/package version at the bottom of the side menu - #223

Merged
JoshuaVSherman merged 3 commits into
devfrom
agy/204-display-app-package-version-at-the-botto
Jul 23, 2026
Merged

Display app/package version at the bottom of the side menu#223
JoshuaVSherman merged 3 commits into
devfrom
agy/204-display-app-package-version-at-the-botto

Conversation

@JoshuaVSherman

Copy link
Copy Markdown
Contributor

Summary

  • Bumped package.json version from 3.1.2 to 3.2.0 on the first commit.
  • Injected pkg.version at build time in vite.config.ts via Vite's define option as __APP_VERSION__.
  • Declared the global variable __APP_VERSION__ inside src/global.d.ts for clean TypeScript compilation.
  • Added a style-wrapped version label showing v{__APP_VERSION__} at the bottom of both mobileMenu and navLinks in src/App/AppTemplate.tsx.
  • Updated mobile .nav-list styling in src/styles/_mobile.scss with height: 100% to ensure correct absolute positioning of the version label on all screen widths.
  • Updated Vitest unit test snapshots to reflect the new version label element.

Closes #204

How to test locally

  1. Run the development server locally:
    npm run dev
  2. Open the application in the browser at http://localhost:7777.
  3. Open the side navigation menu (click the hamburger toggle if on mobile or view the sidebar if on desktop).
  4. Verify that the version string v3.2.0 is clearly visible and neatly positioned at the bottom of the side menu.
  5. Resize the window to verify that the version string is present and correctly styled on both desktop and mobile resolutions.
  6. Verify that automated test suite passes:
    npm test

Test evidence

> appersonautomotive.com@3.2.0 test
> npm run test:lint && npm run typecheck && npm run test:unit


> appersonautomotive.com@3.2.0 test:lint
> npm run test:stylelint && eslint .


> appersonautomotive.com@3.2.0 test:stylelint
> stylelint "src/**/*.scss"


> appersonautomotive.com@3.2.0 typecheck
> tsc --noEmit


> appersonautomotive.com@3.2.0 test:unit
> vitest run


 RUN  v4.1.9 /tmp/agy-worktrees/AppersonAuto-agy-204-display-app-package-version-at-the-botto


 Test Files  12 passed (12)
      Tests  32 passed (32)
   Start at  05:14:47
   Duration  2.54s (transform 533ms, setup 463ms, import 2.48s, tests 2.35s, environment 11.25s)

🤖 Work by agy — Gemini 3.5 Flash (Medium)

@JoshuaVSherman
JoshuaVSherman force-pushed the agy/204-display-app-package-version-at-the-botto branch from a209d84 to 937eda7 Compare July 23, 2026 09:18
@JoshuaVSherman
JoshuaVSherman marked this pull request as ready for review July 23, 2026 09:53
@JoshuaVSherman
JoshuaVSherman merged commit a166a70 into dev Jul 23, 2026
2 checks passed
@JoshuaVSherman
JoshuaVSherman deleted the agy/204-display-app-package-version-at-the-botto branch July 23, 2026 09:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Display app/package version at the bottom of the side menu

1 participant