Fluid Comment

Fluid comment provides a new comment field formatter that replaces Drupal's default comment field with a client-side component that lets you add new comments, reply to comments and moderate comments without ever leaving or reloading the page.

How it works

Fluid Comment is an implementation of the new routes and links provided by the JSON:API Comment module.

Built with React, it replaces the built in comment display with a progressively decoupled application that uses JSON:API responses to display the appropriate UI to users with different permissions.

For example:

• Users with "view comments" see the comment list. It will automatically load each page of comments and update the display.
• Users with "post comments" see a form to post, as well as a "reply" link on existing comments. Comment Threading is supported.
• Users with "edit own comments" will have an edit link on their own comments.
• Users with "administer comments" will be able to unpublish/approve, edit or delete any comments.

This was built based on Bartik markup and class names, but the components do not have any embedded styles and the module does not include css so it should be possible to style the comments to match your own custom themes.

This module currently only supports the default "subject" and "comment_body" fields.

Requirements

• Comment module (Drupal core)
• JSON:API module (Drupal core)
• JSON:API Comment
• JSON:API Hypermedia

Set up

1. Download and install
2. Navigate to "Manage Display" for a content type that supports comments, enable "Fluid comment list" as the Format for the comment field.