adamf/web_server

Files

History

Adam French 4e7377d9f0

Deploy with Docker Compose / deploy (push) Successful in 15s

Details

Improve AutoScroll reliability with mouseenter/mouseleave

Replace mouseover (which fires repeatedly on child elements) with
mouseenter/mouseleave so hover cleanly stops scrolling. On mouse leave,
sync scroll position from scrollTop so manual scrolling is respected.
Fix inverted top/bottom boundary checks.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

2026-03-25 21:22:58 +00:00

..

crates/stp_wasm

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

Improve AutoScroll reliability with mouseenter/mouseleave

2026-03-25 21:22:58 +00:00

.dockerignore

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

Dockerfile

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

index.html

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

jsconfig.json

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

package-lock.json

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

package.json

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

README.md

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

vite.config.js

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

README.md

My Web - Frontend

Vue 3 SPA for adam-french.co.uk. Built with Vite, Tailwind CSS v4, Pinia, and Vue Router.

Setup

npm install

Development

npm run dev

The Vite dev server proxies API requests:

/api -> http://localhost:8080 (Go backend)
/gitea -> http://localhost:3000 (Gitea)
/radio -> http://localhost:8000 (Icecast2)

Production Build

npm run build

In production, the built dist/ is served by Nginx inside a Docker container (see ../Dockerfile).

Recommended IDE Setup

VS Code + Vue (Official) (and disable Vetur).

Recommended Browser Setup

Chromium-based browsers (Chrome, Edge, Brave, etc.):
- Vue.js devtools
- Turn on Custom Object Formatter in Chrome DevTools
Firefox:
- Vue.js devtools
- Turn on Custom Object Formatter in Firefox DevTools