CtrlK
BlogDocsLog inGet started
Tessl Logo

pubnub/pubnub-chat

Build chat applications with PubNub Chat SDK

Does it follow best practices?

Evaluation100%

1.14x

Agent success when using this tile

Validation for skill structure

Overview
Skills
Evals
Files

task.mdevals/scenario-4/

Message Interaction Features for Chat App

Context

You are enhancing a PubNub Chat SDK-based messaging application with interactive message features. Users should be able to express quick feedback on messages using emoji, and should be able to start focused side conversations on any message. The application uses the PubNub Chat SDK (not the raw PubNub SDK).

Task

Write a React component (MessageActions.jsx) that:

  1. Displays a message with its emoji feedback indicators, showing which emojis have been applied and how many users applied each
  2. Allows the current user to add or remove their emoji feedback on a message
  3. Shows a count of side conversation replies on the message, if any exist
  4. Allows the user to open the side conversation and send replies, handling both the case where a side conversation already exists and where one needs to be started fresh

The component receives message (a Chat SDK Message object) and currentUserId as props.

Expected Outputs

  • A MessageActions.jsx file containing a React component with emoji feedback and side conversation support.

Install with Tessl CLI

npx tessl i pubnub/pubnub-chat

evals

SKILL.md

tile.json