coracle/flotilla
1
6
Fork 24
Code Issues 42 Pull Requests 2 Actions Packages Projects 5 Releases Wiki Activity

feat(chat): group consecutive messages into message blocks for more consistent dom flow and fixing weird spacing #157

Closed
theAnuragMishra wants to merge 1 commits from theAnuragMishra/flotilla:dev into dev
pull from: theAnuragMishra/flotilla:dev
merge into: coracle:dev
Conversation 1 Commits 1 Files Changed 4
+291 -135
theAnuragMishra commented 2026-04-05 11:26:09 +00:00
Contributor
Copy Link
Copy Source

This pr makes the following changes to implement a better structure for chat messages.

  • Add components/RoomMessageBlock.svelte to render a block header (profile picture, display name, timestamp) and
    group consecutive messages from the same user.
  • Refactor src/app/components/RoomItem.svelte to support grouped-mode (isGrouped) and remove per-message header/spacing, keep
    reactions/actions intact.
  • Update message feed processing in:
  • src/routes/spaces/[relay]/[h]/+page.svelte
  • src/routes/spaces/[relay]/chat/+page.svelte
    to emit message-block items (respecting the existing 3-minute gap rule) and render blocks via RoomMessageBlock.

Before and After screenshots attached in that order.

This pr makes the following changes to implement a better structure for chat messages. - Add components/RoomMessageBlock.svelte to render a block header (profile picture, display name, timestamp) and group consecutive messages from the same user. - Refactor src/app/components/RoomItem.svelte to support grouped-mode (isGrouped) and remove per-message header/spacing, keep reactions/actions intact. - Update message feed processing in: - src/routes/spaces/[relay]/[h]/+page.svelte - src/routes/spaces/[relay]/chat/+page.svelte to emit message-block items (respecting the existing 3-minute gap rule) and render blocks via RoomMessageBlock. Before and After screenshots attached in that order.
Screenshot 2026-04-05 at 16.55.05.png
118 KiB
Screenshot 2026-04-05 at 16.55.44.png
137 KiB
Screenshot 2026-04-05 at 16.55.05.png Screenshot 2026-04-05 at 16.55.44.png
theAnuragMishra added 1 commit 2026-04-05 11:26:10 +00:00
feat(chat): group consecutive messages into message blocks 18a7d651e0 
- Add components/RoomMessageBlock.svelte to render a block header (profile picture, display name, timestamp) and
group consecutive messages from the same user.
 - Refactor src/app/components/RoomItem.svelte to support grouped-mode (isGrouped) and remove per-message header/spacing, keep
 reactions/actions intact.
 - Update message feed processing in:
  - src/routes/spaces/[relay]/[h]/+page.svelte
  - src/routes/spaces/[relay]/chat/+page.svelte
  to emit message-block items (respecting the existing 3-minute gap rule) and render blocks via RoomMessageBlock.
theAnuragMishra commented 2026-04-05 11:38:50 +00:00
Author
Contributor
Copy Link
Copy Source

moved to #159 to follow the contribution workflow.

moved to #159 to follow the contribution workflow.
theAnuragMishra closed this pull request 2026-04-05 11:38:50 +00:00

Pull request closed

Please reopen this pull request to perform a merge.
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
Clear labels
design
For issues related to design work. Development should be done in another issue and refer back to this one.
 dev
Issues related to development work
 easy
Issues that can be executed on by new contributors
 idea
For issues that aren't yet actionable
 priority
For issues related to high priority features and bugs
 usability
Issues that have to be validated with real live human beings.
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
hodlbod (hodlbod) mplorentz (Matt Lorentz) sakshamjain (Saksham Jain) sondreb triesap userAdityaa (Aditya Chaudhary)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: coracle/flotilla#157
Delete Branch "theAnuragMishra/flotilla:dev"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?