nucleus-core-ts 0.9.168 → 0.9.169

package/dist/fe/components/ChatPanel/components/MessageThread.js

@@ -38,6 +38,11 @@ export function MessageThread({ conversation, messages, currentUserId, typing, h
     const title = conversationTitle(conversation, currentUserId, resolveUserName);
     const activeParticipants = conversation.participants.filter((p)=>!p.leftAt);
     const subtitle = conversation.type === 'group' ? `${activeParticipants.length} participants` : undefined;
+    const otherReaders = conversation.participants.filter((p)=>p.userId !== currentUserId && !p.leftAt);
+    const isReadByOthers = (message)=>{
+        const created = Date.parse(message.createdAt);
+        return otherReaders.some((p)=>p.lastReadAt != null && Date.parse(p.lastReadAt) >= created);
+    };
     const typingUsers = typing.filter((t)=>t.conversationId === conversation.id && Date.now() - t.at < 6000);
     const typingLabel = typingUsers.length === 1 ? `${resolveUserName?.(typingUsers[0]?.userId ?? '') ?? 'Someone'} is typing` : 'Several people are typing';
     return /*#__PURE__*/ _jsxs("div", {
@@ -105,6 +110,11 @@ export function MessageThread({ conversation, messages, currentUserId, typing, h
                                             message.editedAt && /*#__PURE__*/ _jsx("span", {
                                                 className: theme.message.edited,
                                                 children: "· edited"
+                                            }),
+                                            own && !message.deletedAt && /*#__PURE__*/ _jsx("span", {
+                                                className: cn(theme.message.receipt, isReadByOthers(message) && theme.message.receiptRead),
+                                                title: isReadByOthers(message) ? 'Görüldü' : 'Gönderildi',
+                                                children: isReadByOthers(message) ? '✓✓' : '✓'
                                             })
                                         ]
                                     })

package/dist/fe/components/ChatPanel/hooks/useChat.d.ts

@@ -22,6 +22,7 @@ export declare function useChat(props: ChatPanelProps): {
         clearTyping: (conversationId: string, userId: string) => void;
         resetUnread: (conversationId: string) => void;
         incrementUnread: (conversationId: string) => void;
+        applyRead: (conversationId: string, userId: string, lastReadMessageId: string | null) => void;
         bumpConversationPreview: (conversationId: string, preview: string, at: string) => void;
         reset: () => void;
     }>;

package/dist/fe/components/ChatPanel/hooks/useChat.js

@@ -222,6 +222,11 @@ export function useChat(props) {
             case 'conversation.created':
                 if (payload.conversation) store.upsertConversation(payload.conversation);
                 break;
+            case 'conversation.read':
+                if (payload.conversationId && payload.userId) {
+                    store.applyRead(payload.conversationId, payload.userId, payload.lastReadMessageId ?? null);
+                }
+                break;
             case 'participant.removed':
                 if (payload.userId === currentUserId) loadConversations();
                 break;

package/dist/fe/components/ChatPanel/store/index.d.ts

@@ -19,6 +19,7 @@ type ChatPanelMethods = {
     clearTyping: (conversationId: string, userId: string) => void;
     resetUnread: (conversationId: string) => void;
     incrementUnread: (conversationId: string) => void;
+    applyRead: (conversationId: string, userId: string, lastReadMessageId: string | null) => void;
     bumpConversationPreview: (conversationId: string, preview: string, at: string) => void;
     reset: () => void;
 };

package/dist/fe/components/ChatPanel/store/index.js

@@ -112,6 +112,17 @@ export const { useStore: useChatStore } = createStore(initialState, {
                     } : c.myParticipant
                 } : c);
         },
+    applyRead: (store)=>(conversationId, userId, lastReadMessageId)=>{
+            const now = new Date().toISOString();
+            store.conversations = store.conversations.map((c)=>c.id === conversationId ? {
+                    ...c,
+                    participants: c.participants.map((p)=>p.userId === userId ? {
+                            ...p,
+                            lastReadMessageId,
+                            lastReadAt: now
+                        } : p)
+                } : c);
+        },
     bumpConversationPreview: (store)=>(conversationId, preview, at)=>{
             store.conversations = sortConversations(store.conversations.map((c)=>c.id === conversationId ? {
                     ...c,

package/dist/fe/components/ChatPanel/theme/index.d.ts

@@ -41,6 +41,8 @@ export declare const chatPanelTheme: {
         readonly meta: "mt-1 flex items-center gap-1 text-[10px] opacity-60";
         readonly deleted: "italic opacity-60";
         readonly edited: "opacity-60";
+        readonly receipt: "inline-flex items-center gap-0.5";
+        readonly receiptRead: "text-sky-300 opacity-100";
     };
     readonly attachment: {
         readonly grid: "mt-1.5 flex flex-col gap-1.5";

package/dist/fe/components/ChatPanel/theme/index.js

@@ -39,7 +39,9 @@ export const chatPanelTheme = {
         sender: 'mb-0.5 text-[11px] font-semibold opacity-70',
         meta: 'mt-1 flex items-center gap-1 text-[10px] opacity-60',
         deleted: 'italic opacity-60',
-        edited: 'opacity-60'
+        edited: 'opacity-60',
+        receipt: 'inline-flex items-center gap-0.5',
+        receiptRead: 'text-sky-300 opacity-100'
     },
     attachment: {
         grid: 'mt-1.5 flex flex-col gap-1.5',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "nucleus-core-ts",
-	"version": "0.9.168",
+	"version": "0.9.169",
 	"description": "Production-ready, enterprise-grade TypeScript framework for building multi-tenant APIs",
 	"author": "Hidayet Can Özcan <hidayetcan@gmail.com>",
 	"license": "SEE LICENSE IN LICENSE",