Comments

Description

Comments cards and inline comment threads for Enso UI.

Installation

Install the package:

yarn add @enso-ui/comments

This package is also available through the full enso-ui workspace bundle.

Features

• exports Comments and CommentsCard through the Bulma entrypoint
• loads comment threads, supports optimistic create/delete/update flows, and keeps tagged users in sync
• ships inline edit and delete actions with the Enso confirmation popper
• surfaces comment counts through the card wrapper used on entity detail pages

Usage

<script setup>
import { CommentsCard } from '@enso-ui/comments/bulma';
</script>

<CommentsCard
    :id="companyId"
    type="company"
    title="Comments"
/>

API

Comments

Thread component that manages the comment list for one model.

Import: @enso-ui/comments/bulma

Props:

• id: string | number target model id.
• type: string backend commentable type.
• query: string | null = null initial filter.
• compact: boolean = false toggles compact toolbar labels.

Events:

• update after fetch, create, or delete operations.

Slots:

• controls receives { create, internalQuery, fetch }.

CommentsCard

Card wrapper around Comments with badge and refresh controls.

Import: @enso-ui/comments/bulma

Props:

• collapsed: boolean = false
• id: string | number
• type: string
• title: string = ""
• icon: string | array | object

Events:

• No direct emits.

Companion Backend Package

• laravel-enso/comments ↗

The frontend widgets depend on the backend companion for comment thread endpoints, tagged-user support, and the model-type contracts used by the card.

Depends On

• @enso-ui/card ↗
• @enso-ui/confirmation ↗
• @enso-ui/directives ↗
• @enso-ui/transitions ↗
• @enso-ui/ui ↗

Contributions

are welcome. Pull requests are great, but issues are good too.

Thank you to all the people who already contributed to Enso!

License

MIT