fabi
e79e020566
feat(eventsnap): UX review batch-3 — feed virtualization, a11y/UX fixes, shared primitives
...
Frontend
- Feed: DOM-windowing via @tanstack/svelte-virtual (new VirtualFeed). The window
virtualizer keeps the sticky header, pull-to-refresh, infinite-scroll sentinel and
bottom nav working. List = dynamic measured heights keyed by upload id +
anchorTo:start so an SSE prepend doesn't jump a scrolled reader; grid = measured
square rows. Drops the content-visibility band-aid and the old FeedGrid.
measureElement(null) on row unmount prevents ResizeObserver retention; stable
option callbacks + guarded setOptions avoid O(n) re-measure on like/comment patches.
- Global: viewport-fit=cover (activates safe-area insets), lang=de, PWA manifest +
maskable icon + apple-touch metas, prefers-reduced-motion, safe-area-top headers.
- Feed reactivity: like/comment SSE patch the single card in place; upload-processed
debounced in-place merge; IntersectionObserver leak fixed; shared 60s clock.
- CLS: list cards reserve the skeleton aspect box.
- Destructive actions (promote/demote/unban, gallery release) routed through
ConfirmSheet (host + admin).
- Export OOM: streamed download via single-use ticket instead of res.blob().
- Shared primitives: IconButton (44px hit area), scrollLock action; UploadSheet a11y.
- Polish: api timeout + non-JSON guard, focus-trap offsetParent fix, pull-to-refresh
passive:false + guards, diashow keyboard a11y, Toaster assertive errors, dark-mode
gaps, aria-pressed on like/chip state, CameraCapture mic-on-video + retry,
ConfirmSheet spinner, upload beforeunload warning, emoji->SVG icons.
Backend
- social.rs: like/comment SSE broadcasts now carry the fresh count so feed clients
patch one card in place instead of refetching page 1.
- admin.rs / main.rs: supporting changes for the above.
Verified: svelte-check 0 errors, frontend build clean, /feed SSR 200. Runtime feed
scroll-feel validation still owed (documented in FOLLOWUPS.md).
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-30 19:16:48 +02:00
MechaCat02
309c25bc06
feat(frontend): UX review followups — primitives + a11y/UX fixes across 4 passes
...
New shared primitives:
- Toaster + toast-store, ConfirmSheet, Modal, focusTrap action,
pullToRefresh action, avatarPalette + initials helper, Skeleton,
HeartBurst, haptics, export-status store with onClearAuth hook
Critical UX/a11y:
- Replaced window.confirm with branded ConfirmSheet
- Focus management + Escape on every modal (PIN, Lightbox,
Onboarding, ContextSheet, data-mode sheet, leave-confirm,
HTML guide, host/admin ban + PIN-display modals)
- Sheet backdrops are real buttons with aria-label
- Silent ApiError catches now surface via global Toaster
Major polish:
- Dark-mode parity on HashtagChips + avatars (shared palette)
- Conditional Export tab in BottomNav (badge dot when ZIP ready)
- Back chevrons on /recover (history-aware) and /export
- Upload composer discard confirmation when content is staged
- Camera segmented Photo/Video shutter
- PIN auto-submit on 4th digit, paste-flash-free (controlled input)
- Welcome-back toast on /feed after PIN recovery
Minor:
- Skeleton states on feed; pull-to-refresh with live drag indicator
- Haptics on like / capture / submit / PIN-copy / onboarding complete
- Comment 500-char counter; quota "Fast voll" / "Limit erreicht" labels
- Onboarding pip ≥24px tap targets; long-press hint step
- overscroll-behavior lock on <html> while feed mounted
- teardownExportStatus wired via onClearAuth (covers 401 + explicit logout)
- ConfirmSheet per-instance titleId; Modal requires titleId or ariaLabel
Tests (7 new Playwright specs):
- 01-auth/pin-auto-submit, 01-auth/back-chevron
- 03-feed/confirm-sheet-delete, 03-feed/toast-on-failure
- 09-mobile/focus-trap, 09-mobile/sheet-escape,
09-mobile/upload-cancel-confirm
FOLLOWUPS.md captures the deferred AT inert containment work
with acceptance criteria + implementation sketches.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com >
2026-05-24 22:50:28 +02:00
MechaCat02
25f4fb1810
feat: implement camera capture step
...
Add in-app camera capture to the upload flow. Guests can now take photos
and record videos directly via getUserMedia without leaving the app.
The captured media is immediately queued through the existing IndexedDB
upload pipeline alongside library-picked files.
- CameraCapture.svelte: fullscreen overlay with live preview, photo
capture (JPEG via canvas), video recording (WebM/MP4 via MediaRecorder),
front/back camera toggle, recording timer, and permission-denied error state
- Upload page: side-by-side "Gallery" and "Camera" pickers; shared
caption/hashtags fields apply to both sources; Blob→File conversion
with timestamped filename before enqueue
- .env.test: reference environment config for local testing
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-04-02 20:20:51 +02:00
