Skip to content

Add search, media viewer, WhatsApp-style UX (v1.12.0)#57

Open
Meemkhaan wants to merge 5 commits into
Pustur:masterfrom
Meemkhaan:master
Open

Add search, media viewer, WhatsApp-style UX (v1.12.0)#57
Meemkhaan wants to merge 5 commits into
Pustur:masterfrom
Meemkhaan:master

Conversation

@Meemkhaan

Copy link
Copy Markdown

Summary

Fork with UX and feature improvements inspired by WhatsApp: search, jump-to-date, media viewer, and better defaults.

Added

  • Search Messages – Search by author or message text with highlight; Jump to date calendar to view a specific day
  • Who are you? – Prominent selector so “your” messages show on the right; choice stored in localStorage
  • Media viewer – Click images/videos to open in a full-screen lightbox (Escape to close)
  • Improved audiopreload="metadata", styled container, accessible labels
  • Toast notifications – In-app toasts instead of alert() for errors
  • Export visible messages – Download current filtered list as .txt
  • Clear filters – One-click reset to show all messages
  • Scroll to top – Floating button for long chats
  • Virtual list – react-virtuoso for better performance on long chats
  • Accessibility – Skip-to-messages link, aria-labels, focus trap in sidebar
  • i18n – Centralized UI strings in src/i18n.ts
  • Vercelvercel.json with outputDirectory: build for deployment

Changed

  • Show all messages by default – No more 1–100 limit; full chat until you filter
  • Timestamp layout – Date/time on its own line below the bubble (WhatsApp-style)
  • Sidebar order – “Who are you?” and “Search Messages” first

Changelog

See CHANGELOG.md for version 1.12.0 (2025-03-04).

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.

1 participant