@codingfactory/socialkit-vue 0.7.5 → 0.7.7

package/src/stores/discussion.ts

@@ -323,6 +323,78 @@ export function createDiscussionStoreDefinition(config: DiscussionStoreConfig) {
       }
     }
 
+    function hasQuotedReplyBody(quotedReply: Reply['quoted_reply']): boolean {
+      return typeof quotedReply?.body === 'string' && quotedReply.body.trim().length > 0
+    }
+
+    function hasQuotedReplyAuthorName(quotedReply: Reply['quoted_reply']): boolean {
+      return typeof quotedReply?.author?.name === 'string' && quotedReply.author.name.trim().length > 0
+    }
+
+    function buildQuotedReplyFromReply(sourceReply: Reply | null | undefined): Reply['quoted_reply'] {
+      if (!sourceReply?.id || !sourceReply.author_id || typeof sourceReply.body !== 'string' || sourceReply.body.trim().length === 0) {
+        return null
+      }
+
+      return {
+        id: sourceReply.id,
+        author_id: sourceReply.author_id,
+        author: sourceReply.author
+          ? {
+              id: sourceReply.author.id,
+              name: sourceReply.author.name,
+              ...(sourceReply.author.handle ? { handle: sourceReply.author.handle } : {}),
+            }
+          : null,
+        body: sourceReply.body,
+      }
+    }
+
+    function resolveQuotedReply(reply: Reply, existingReply?: Reply | null): Reply['quoted_reply'] {
+      const quotedReplyId = typeof reply.quoted_reply_id === 'string'
+        ? reply.quoted_reply_id.trim()
+        : ''
+
+      if (quotedReplyId.length === 0) {
+        return null
+      }
+
+      const incomingQuotedReply = reply.quoted_reply ?? null
+      if (hasQuotedReplyBody(incomingQuotedReply) && hasQuotedReplyAuthorName(incomingQuotedReply)) {
+        return incomingQuotedReply
+      }
+
+      const referencedReply = replies.value.find((candidate) => candidate.id === quotedReplyId)
+      const hydratedQuotedReply = buildQuotedReplyFromReply(referencedReply)
+      if (hydratedQuotedReply) {
+        return hydratedQuotedReply
+      }
+
+      const existingQuotedReply = existingReply?.quoted_reply ?? null
+      if (hasQuotedReplyBody(existingQuotedReply) && hasQuotedReplyAuthorName(existingQuotedReply)) {
+        return existingQuotedReply
+      }
+
+      return hasQuotedReplyBody(incomingQuotedReply) ? incomingQuotedReply : null
+    }
+
+    function normalizeReplyPayload(reply: Reply, existingReply?: Reply | null): Reply {
+      const normalized: Reply = { ...reply }
+      const hasQuotedReplyId = typeof normalized.quoted_reply_id === 'string'
+        && normalized.quoted_reply_id.trim().length > 0
+
+      if (!hasQuotedReplyId) {
+        normalized.quoted_reply_id = null
+        normalized.quoted_reply = null
+        normalized.quote_data = null
+        return normalized
+      }
+
+      normalized.quoted_reply = resolveQuotedReply(normalized, existingReply)
+
+      return normalized
+    }
+
     function mergeUniqueById<TItem extends { id: string }>(
       existingItems: TItem[],
       incomingItems: TItem[]
@@ -1210,7 +1282,8 @@ export function createDiscussionStoreDefinition(config: DiscussionStoreConfig) {
         })
 
         const responseData = toRecord(response.data)
-        const newReply = (responseData?.data ?? null) as Reply | null
+        const createdReply = (responseData?.data ?? null) as Reply | null
+        const newReply = createdReply ? normalizeReplyPayload(createdReply) : null
 
         if (newReply?.id) {
           locallyCreatedReplyIds.add(newReply.id)
@@ -1306,6 +1379,9 @@ export function createDiscussionStoreDefinition(config: DiscussionStoreConfig) {
         .listen('.Discussion.ReplyCreated', (payload: unknown) => {
           handleRealtimeReplyDetail(payload as Reply | null | undefined)
         })
+        .listen('.Discussion.ReplyUpdated', (payload: unknown) => {
+          handleRealtimeReplyUpdated(payload as Reply | null | undefined)
+        })
         .listen('.Discussion.ReplyReactionToggled', (payload: unknown) => {
           handleRealtimeReplyReaction(payload as ReplyReactionRealtimePayload | null | undefined)
         })
@@ -1401,19 +1477,8 @@ export function createDiscussionStoreDefinition(config: DiscussionStoreConfig) {
         return
       }
 
-      const normalizedPayload: Reply = (() => {
-        const normalized: Reply = { ...payload }
-
-        const quotedReplyId = normalized.quoted_reply_id
-        const hasQuotedReplyId = typeof quotedReplyId === 'string' && quotedReplyId.trim().length > 0
-        if (!hasQuotedReplyId) {
-          normalized.quoted_reply_id = null
-          normalized.quoted_reply = null
-          normalized.quote_data = null
-        }
-
-        return normalized
-      })()
+      const existingReply = replies.value.find((candidate) => candidate.id === payload.id) ?? null
+      const normalizedPayload = normalizeReplyPayload(payload, existingReply)
 
       const didInsertReply = insertReplyIntoActiveThread(
         normalizedPayload,
@@ -1427,6 +1492,34 @@ export function createDiscussionStoreDefinition(config: DiscussionStoreConfig) {
       }
     }
 
+    function handleRealtimeReplyUpdated(payload: Reply | null | undefined): void {
+      if (!payload?.id || !payload.thread_id) {
+        return
+      }
+
+      if (currentThread.value?.id !== payload.thread_id) {
+        return
+      }
+
+      const replyIndex = replies.value.findIndex((candidate) => candidate.id === payload.id)
+      if (replyIndex === -1) {
+        return
+      }
+
+      const existingReply = replies.value[replyIndex]
+      if (!existingReply) {
+        return
+      }
+
+      replies.value[replyIndex] = normalizeReplyPayload(
+        {
+          ...existingReply,
+          ...payload,
+        },
+        existingReply
+      )
+    }
+
     function handleRealtimeReplyReaction(payload: ReplyReactionRealtimePayload | null | undefined): void {
       if (!payload?.reply_id || !payload.thread_id || !payload.user_id) {
         return