@pmate/chat-sdk 0.12.0-next.30 → 0.12.0-next.31

package/lib/runtime/index.d.ts

@@ -31,4 +31,4 @@ export * from "./messageReaders.js";
 export * from "./createChat.js";
 export * from "./conversationRead.js";
 export { projectConversationReading, type ReadingCandidate, type MessageReadingState, type ConversationReadingView } from "./conversationReading.js";
-export { projectMessageTimeline, type TimelineItem, type TimelineReaction } from "./messageTimeline.js";
+export { projectMessageTimeline, type TimelineItem, type TimelineReaction, type TimelineReactionEvent } from "./messageTimeline.js";

package/lib/runtime/messageTimeline.d.ts

@@ -2,6 +2,9 @@ import type { StoredMessage } from "./messageStore.js";
 import type { OutgoingMessage } from "./durableSender.js";
 import type { ChatRuntimeMessage } from "./protocol.js";
 import type { MessageReadingState } from "./conversationReading.js";
+export type TimelineReactionEvent = Reaction & {
+    threadId: string;
+};
 export type TimelineReaction = {
     emojiId: string;
     userIds: string[];
@@ -18,6 +21,16 @@ export type TimelineItem<T> = {
     message: T | undefined;
     reading?: MessageReadingState;
     reactions: readonly TimelineReaction[];
+    reactionEvents: readonly TimelineReactionEvent[];
+};
+type Reaction = {
+    id: string;
+    messageId: string;
+    from: string;
+    emojiId: string;
+    active: boolean;
+    revision: number;
+    timestamp: number;
 };
 /** Derives one display stream without copying bodies or creating another cache.
  * Outgoing rows retain their wire identity; indexed rows take precedence. */
@@ -31,3 +44,4 @@ export declare function projectMessageTimeline<T extends StoredMessage>(input: {
     reading: Readonly<Record<string, MessageReadingState>>;
     previous?: readonly TimelineItem<T>[];
 }): readonly TimelineItem<T>[];
+export {};

package/lib/runtime/messageTimeline.js

@@ -74,6 +74,14 @@ export function projectMessageTimeline(input) {
                 }
             }
     }
+    const groupedEvents = new Map();
+    for (const event of reactions.values()) {
+        const values = groupedEvents.get(event.messageId) ?? [];
+        values.push({ ...event, threadId: input.threadId });
+        groupedEvents.set(event.messageId, values);
+    }
+    for (const values of groupedEvents.values())
+        values.sort((a, b) => a.from < b.from ? -1 : a.from > b.from ? 1 : a.emojiId < b.emojiId ? -1 : a.emojiId > b.emojiId ? 1 : 0);
     const grouped = new Map();
     for (const event of reactions.values())
         if (event.active) {
@@ -93,11 +101,12 @@ export function projectMessageTimeline(input) {
         const mine = envelope.from === input.profileId, reading = input.reading[message.id];
         const withdrawn = Boolean(message.recalled || envelope.legacyDisplay?.recalled || envelope.from && recalled.get(message.id)?.has(envelope.from));
         const item = { id: message.id, threadId: message.threadId, timestamp: message.timestamp, from: envelope.from, mine, status: !mine && reading ? (reading.read ? "read" : status === "read" ? "sent" : status) : status, recalled: withdrawn,
-            message: withdrawn ? undefined : message, reading, reactions: withdrawn ? [] : [...(grouped.get(message.id) ?? [])].sort(([a], [b]) => a < b ? -1 : a > b ? 1 : 0).map(([emojiId, users]) => { const userIds = [...users].sort(); return { emojiId, userIds, mine: userIds.includes(input.profileId) }; }) };
+            message: withdrawn ? undefined : message, reading, reactionEvents: withdrawn ? [] : groupedEvents.get(message.id) ?? [], reactions: withdrawn ? [] : [...(grouped.get(message.id) ?? [])].sort(([a], [b]) => a < b ? -1 : a > b ? 1 : 0).map(([emojiId, users]) => { const userIds = [...users].sort(); return { emojiId, userIds, mine: userIds.includes(input.profileId) }; }) };
         const old = previous.get(item.id);
         const sameReading = old?.reading === item.reading || old?.reading?.seq === item.reading?.seq && old?.reading?.read === item.reading?.read && old?.reading?.readPolicy === item.reading?.readPolicy;
         const sameReactions = old?.reactions.length === item.reactions.length && old.reactions.every((reaction, index) => { const next = item.reactions[index]; return reaction.emojiId === next.emojiId && reaction.mine === next.mine && reaction.userIds.length === next.userIds.length && reaction.userIds.every((user, i) => user === next.userIds[i]); });
-        result.push(old && old.message === item.message && old.timestamp === item.timestamp && old.from === item.from && old.mine === item.mine && old.status === item.status && old.recalled === item.recalled && sameReading && sameReactions ? old : item);
+        const sameEvents = old?.reactionEvents.length === item.reactionEvents.length && old.reactionEvents.every((event, index) => { const next = item.reactionEvents[index]; return event.id === next.id && event.from === next.from && event.emojiId === next.emojiId && event.active === next.active && event.revision === next.revision && event.timestamp === next.timestamp && event.threadId === next.threadId && event.messageId === next.messageId; });
+        result.push(old && sameEvents && old.message === item.message && old.timestamp === item.timestamp && old.from === item.from && old.mine === item.mine && old.status === item.status && old.recalled === item.recalled && sameReading && sameReactions ? old : item);
     }
     result.sort((a, b) => a.timestamp - b.timestamp || (a.id < b.id ? -1 : a.id > b.id ? 1 : 0));
     return input.previous?.length === result.length && result.every((item, index) => item === input.previous[index]) ? input.previous : result;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pmate/chat-sdk",
-  "version": "0.12.0-next.30",
+  "version": "0.12.0-next.31",
   "description": "Cross-platform PMate chat input components, voice input primitives, and ASR helpers",
   "type": "module",
   "main": "./lib/index.js",