Chatinoid Development History

ChatRaum v3.0

Major release of the global ChatRaum module, delivering a fully real-time room experience with live presence tracking, localized room logic and a complete UI/UX overhaul. This version establishes ChatRaum as the core interactive layer of Chatinoid.

Real-Time Messaging Engine

• WebSocket-based instant message delivery with zero latency.
• Automatic DOM injection for all new room messages (no refresh needed).
• Sender color applied dynamically using ColorSync across all clients.
• Username triggers unified with Offcanvas Profile (user-profile-trigger).

Localized Room Enforcement

• Each room has its own assigned language (de / en / hu).
• Empty state shows language-specific messages and usage rules.
• Chat input placeholder dynamically localised.

Improved Room Metadata System

• <meta name="room-id"> injected for WebSocket routing.
• <meta name="my-user-id"> provided for event targeting.
• Room name stored in a hidden metadata tag for dynamic title updates.
• Log link automatically provided (ChatLog integration).

Message Rendering Improvements

• Consistent timestamp formatting using H:i.
• Color validation for each sender (fallback to system orange).
• Automatic data-username backfill for old messages.
• Overflow-safe message text rendering (long strings / no-break words).

Online Userlist (RoomUserSync)

• Real-time userlist updated from room_userlist WebSocket events.
• Dynamic counter display: (X) style for total users.
• Profiles instantly openable from the list.
• Compatible with future rank/status icons.

Enhanced Header Controls

• Room log button with icon (opens ChatLog in new tab).
• Info panel using Chatinoid Modal Engine (room stats + metadata).
• Tab-close integration with SPA (kezelhető a Chatinoid tab rendszerén belül).

Two-Column Room Layout

• Messages left panel (10/12 width on desktop).
• Room userlist right panel (2/12 width).
• Mobile-friendly collapse (userlist hidden on small displays).

Database Query Upgrade

• Efficient join structure: messages → users → user_settings → rooms.
• Color retrieval via user_settings.chat_color.
• Reverse order load → forward DOM injection for natural visual ordering.
• Top 10 recent messages shown for fast initial rendering.

Security & Stability

• Strict HTML escaping on all message text.
• Session validation and hard fail handling for missing room IDs.
• Graceful error messages for unknown rooms.
• PDO exception-safe connection layer.

Notes

ChatRaum v3.0 is the foundation of the modern Chatinoid room ecosystem. Future updates include typing indicators, rich message attachments, emoji reactions, and predictive presence transitions.

ChatRaum v2.4

Introduction of the full WebSocket sync system for rooms, enabling dynamic presence updates and real-time broadcasted actions.

Presence Sync (RoomUserSync)

• Live userlist refresh from backend events.
• Automatic join/leave event processing.
• Headless integration with the Chatinoid SPA tab system.

Dynamic Message Handling

• Incoming messages appended to the message stack in real time.
• Unified data schema for all room events.