feat: Facebook Chat-style real-time messaging widget #92

Open
opened 2026-06-04 12:26:14 +00:00 by jmiller · 2 comments
Owner

Summary

Convert the existing page-refresh messaging into a Facebook Messenger-style chat experience.

Features

  • Floating chat widget in bottom-right corner
  • Chat head bubbles for active conversations
  • AJAX polling for new messages (every 3-5 seconds when chat is open)
  • Online status indicator (last_activity based)
  • Typing indicator
  • Unread badge count on chat icon
  • Conversation list sidebar
  • Sound notification on new message
  • Mobile responsive (full-screen on mobile)

Technical

  • JavaScript module loaded by system plugin
  • AJAX endpoints via com_ajax or REST API
  • Uses existing MessageHelper backend
  • last_activity column on profiles for online status
  • Session-based typing indicator

Priority: High

## Summary Convert the existing page-refresh messaging into a Facebook Messenger-style chat experience. ## Features - Floating chat widget in bottom-right corner - Chat head bubbles for active conversations - AJAX polling for new messages (every 3-5 seconds when chat is open) - Online status indicator (last_activity based) - Typing indicator - Unread badge count on chat icon - Conversation list sidebar - Sound notification on new message - Mobile responsive (full-screen on mobile) ## Technical - JavaScript module loaded by system plugin - AJAX endpoints via com_ajax or REST API - Uses existing MessageHelper backend - last_activity column on profiles for online status - Session-based typing indicator ## Priority: High
Author
Owner

Branch created: feature/92-feat-facebook-chat-style-real-time-messa

git fetch origin
git checkout feature/92-feat-facebook-chat-style-real-time-messa
Branch created: [`feature/92-feat-facebook-chat-style-real-time-messa`](https://git.mokoconsulting.tech/MokoConsulting/MokoJoomCommunity/src/branch/feature/92-feat-facebook-chat-style-real-time-messa) ```bash git fetch origin git checkout feature/92-feat-facebook-chat-style-real-time-messa ```
Author
Owner

Built: Chat widget with floating bubble, conversation list, message thread, AJAX polling (5s/15s), desktop notifications, online status, mobile responsive. ChatController with 5 JSON endpoints. System plugin injects CSS/JS for logged-in users.

Built: Chat widget with floating bubble, conversation list, message thread, AJAX polling (5s/15s), desktop notifications, online status, mobile responsive. ChatController with 5 JSON endpoints. System plugin injects CSS/JS for logged-in users.
jmiller added the pending: testing label 2026-06-04 12:50:07 +00:00
Sign in to join this conversation.
No labels pending: testing
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: MokoConsulting/MokoJoomCommunity#92