memi-board 0.7.0 → 0.9.1

package/README.md

@@ -236,6 +236,8 @@ const router = useRouter()
 **composables:**  
 `useMemiBoardAuth`, `useMemiBoardPosts`, `useMemiBoardComments`, `useMemiBoardStorage`, `useMemiBoardModeration`, `useMemiBoardSettings`, `useMemiBoardUsers`
 
+댓글은 시간순으로 10개씩 cursor 조회하며, 실제 `댓글 더보기` 버튼이 화면에 들어오면 1초 후 자동으로 다음 페이지를 읽는다. 기존 댓글을 모두 읽은 뒤에만 최신 댓글 1개를 실시간 구독한다. 대댓글은 5개씩 조회하고 모두 읽은 뒤 최신 답글 1개를 실시간 구독하며, 화면 깊이는 최대 2단계로 표시한다.
+
 ### 카테고리
 
 - 문서: `{prefix}Settings/config/categories/{categoryId}` → `{ label, listView, writeRole, order, updatedAt }`

package/dist/composables/useMemiBoardComments.d.ts

@@ -6,9 +6,86 @@ export interface AddCommentInput {
     authorName: string | null;
     authorPhoto: string | null;
 }
-/** postId 서브컬렉션 댓글을 실시간(onSnapshot)으로 구독하고, 작성/삭제 시 부모 글의 commentCount를 같은 batch로 증감한다. */
-export declare function useMemiBoardComments(postId: string | Ref<string>): {
-    comments: import('vuefire')._RefFirestore<import('vuefire').VueFirestoreQueryData<CommentModel>>;
+export interface AddReplyInput extends AddCommentInput {
+    parent: CommentModel;
+}
+/** 10개씩 순차 조회한 뒤 마지막 페이지에서만 최신 1개를 실시간 구독한다. */
+export declare function useMemiBoardComments(postId: string | Ref<string>, options?: {
+    subscribe?: boolean;
+}): {
+    comments: import('vue').ComputedRef<CommentModel[]>;
+    commentsPending: import('vue').ComputedRef<boolean>;
+    hasMore: Ref<boolean, boolean>;
+    loadingMore: Ref<boolean, boolean>;
+    loadMore: () => Promise<void>;
     addComment: (input: AddCommentInput) => Promise<void>;
-    deleteComment: (commentId: string) => Promise<void>;
+    addReply: (input: AddReplyInput) => Promise<void>;
+    deleteComment: (comment: CommentModel) => Promise<void>;
+};
+/** 펼친 스레드의 답글을 5개씩 일회성 조회한다. */
+export declare function useMemiBoardReplies(postId: string, rootId: string): {
+    replies: Ref<{
+        id?: string | undefined;
+        postId: string;
+        body: string;
+        authorUid: string;
+        authorName: string | null;
+        authorPhoto: string | null;
+        moderationStatus: import('..').ModerationStatus;
+        createdAt: {
+            readonly seconds: number;
+            readonly nanoseconds: number;
+            toDate: () => Date;
+            toMillis: () => number;
+            isEqual: (other: import('firebase/firestore').Timestamp) => boolean;
+            toString: () => string;
+            toJSON: () => {
+                seconds: number;
+                nanoseconds: number;
+                type: string;
+            };
+            valueOf: () => string;
+        };
+        parentId?: string | null | undefined;
+        rootId?: string | undefined;
+        depth?: number | undefined;
+        replyToUid?: string | null | undefined;
+        replyToName?: string | null | undefined;
+        replyCount?: number | undefined;
+        isReply?: boolean | undefined;
+    }[], CommentModel[] | {
+        id?: string | undefined;
+        postId: string;
+        body: string;
+        authorUid: string;
+        authorName: string | null;
+        authorPhoto: string | null;
+        moderationStatus: import('..').ModerationStatus;
+        createdAt: {
+            readonly seconds: number;
+            readonly nanoseconds: number;
+            toDate: () => Date;
+            toMillis: () => number;
+            isEqual: (other: import('firebase/firestore').Timestamp) => boolean;
+            toString: () => string;
+            toJSON: () => {
+                seconds: number;
+                nanoseconds: number;
+                type: string;
+            };
+            valueOf: () => string;
+        };
+        parentId?: string | null | undefined;
+        rootId?: string | undefined;
+        depth?: number | undefined;
+        replyToUid?: string | null | undefined;
+        replyToName?: string | null | undefined;
+        replyCount?: number | undefined;
+        isReply?: boolean | undefined;
+    }[]>;
+    loading: Ref<boolean, boolean>;
+    loaded: Ref<boolean, boolean>;
+    hasMore: Ref<boolean, boolean>;
+    loadMore: () => Promise<void>;
+    refresh: () => Promise<void>;
 };

package/dist/index.d.ts

@@ -4,8 +4,8 @@ export type { MemiBoardConfig, MemiBoardAuthOptions, MemiBoardModerationOptions
 export { useMemiBoardAuth } from './composables/useMemiBoardAuth';
 export { useMemiBoardPosts } from './composables/useMemiBoardPosts';
 export type { CreatePostInput, UpdatePostInput } from './composables/useMemiBoardPosts';
-export { useMemiBoardComments } from './composables/useMemiBoardComments';
-export type { AddCommentInput } from './composables/useMemiBoardComments';
+export { useMemiBoardComments, useMemiBoardReplies } from './composables/useMemiBoardComments';
+export type { AddCommentInput, AddReplyInput } from './composables/useMemiBoardComments';
 export { useMemiBoardModeration } from './composables/useMemiBoardModeration';
 export { useMemiBoardStorage } from './composables/useMemiBoardStorage';
 export { useMemiBoardSettings, DEFAULT_CATEGORIES } from './composables/useMemiBoardSettings';