@fileverse-dev/ddoc 3.0.79-skeleton-2 → 3.0.79-zustand-1

package/dist/package/stores/comment-store-provider.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { CommentStoreExternalDeps } from './comment-store';
+
+export interface CommentStoreProviderProps extends CommentStoreExternalDeps {
+    children: React.ReactNode;
+}
+/**
+ * Thin provider that:
+ * 1. Creates a per-mount store instance
+ * 2. Syncs React props into the store on every render
+ * 3. Manages DOM refs (not in Zustand — refs are React concerns)
+ * 4. Handles click-outside for comment dropdown
+ */
+export declare const CommentStoreProvider: ({ children, ...props }: CommentStoreProviderProps) => import("react/jsx-runtime").JSX.Element;
+interface CommentRefsContextType {
+    commentsSectionRef: React.RefObject<HTMLDivElement>;
+    replySectionRef: React.RefObject<HTMLDivElement>;
+    portalRef: React.RefObject<HTMLDivElement>;
+    buttonRef: React.RefObject<HTMLDivElement>;
+    dropdownRef: React.RefObject<HTMLDivElement>;
+}
+export declare const useCommentRefs: () => CommentRefsContextType;
+export {};

package/dist/package/stores/comment-store.d.ts

@@ -0,0 +1,112 @@
+import { Editor } from '@tiptap/react';
+import { IComment } from '../extensions/comment';
+import { CommentMutationMeta, CommentMutationType } from '../types';
+import { EnsCache } from '../components/inline-comment/context/types';
+import { EnsStatus } from '../components/inline-comment/types';
+
+import * as Y from 'yjs';
+export interface CommentStoreState {
+    editor: Editor | null;
+    ydoc: Y.Doc | null;
+    initialComments: IComment[];
+    username: string | null;
+    activeCommentId: string | null;
+    activeTabId: string;
+    ensResolutionUrl: string;
+    isConnected: boolean;
+    isLoading: boolean;
+    isDDocOwner: boolean;
+    setUsername: ((name: string) => void) | null;
+    setInitialComments: ((comments: IComment[]) => void) | null;
+    setActiveCommentId: ((id: string | null) => void) | null;
+    focusCommentWithActiveId: ((id: string) => void) | null;
+    onNewComment: ((comment: IComment, meta?: CommentMutationMeta) => void) | null;
+    onCommentReply: ((activeCommentId: string, reply: IComment) => void) | null;
+    onResolveComment: ((commentId: string, meta?: CommentMutationMeta) => void) | null;
+    onUnresolveComment: ((commentId: string, meta?: CommentMutationMeta) => void) | null;
+    onDeleteComment: ((commentId: string, meta?: CommentMutationMeta) => void) | null;
+    onInlineComment: (() => void) | null;
+    onComment: (() => void) | null;
+    setCommentDrawerOpen: ((open: boolean) => void) | null;
+    connectViaWallet: (() => Promise<void>) | null;
+    connectViaUsername: ((username: string) => Promise<void>) | null;
+    showResolved: boolean;
+    reply: string;
+    comment: string;
+    openReplyId: string | null;
+    selectedText: string;
+    isCommentOpen: boolean;
+    isBubbleMenuSuppressed: boolean;
+    inlineCommentData: {
+        inlineCommentText: string;
+        handleClick: boolean;
+    };
+    ensCache: EnsCache;
+    inProgressFetch: string[];
+    getTabComments: () => IComment[];
+    getActiveComment: () => IComment | undefined;
+    getActiveComments: () => IComment[];
+    getActiveCommentIndex: () => number;
+    getIsCommentActive: () => boolean;
+    getIsCommentResolved: () => boolean;
+    setShowResolved: (show: boolean) => void;
+    setReply: (reply: string) => void;
+    setComment: (comment: string) => void;
+    setOpenReplyId: (id: string | null) => void;
+    setSelectedText: (text: string) => void;
+    setIsCommentOpen: (open: boolean) => void;
+    setIsBubbleMenuSuppressed: (suppressed: boolean) => void;
+    setInlineCommentData: (data: {
+        inlineCommentText: string;
+        handleClick: boolean;
+    }) => void;
+    toggleResolved: () => void;
+    handleInput: (e: React.FormEvent<HTMLTextAreaElement>, content: string) => void;
+    handleReplyChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    handleCommentChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    addComment: (content?: string, usernameProp?: string) => string | undefined;
+    resolveComment: (commentId: string) => void;
+    unresolveComment: (commentId: string) => void;
+    deleteComment: (commentId: string) => void;
+    handleAddReply: (activeCommentId: string, replyContent: string, replyCallback?: (activeCommentId: string, reply: IComment) => void) => void;
+    handleCommentSubmit: () => void;
+    handleCommentKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    handleReplySubmit: () => void;
+    handleReplyKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    handleInlineComment: () => void;
+    focusCommentInEditor: (commentId: string) => void;
+    onPrevComment: () => void;
+    onNextComment: () => void;
+    getEnsStatus: (walletAddress: string, setEnsStatus: React.Dispatch<React.SetStateAction<EnsStatus>>) => void;
+    createMutationMeta: (type: CommentMutationType, mutate: () => boolean) => CommentMutationMeta | undefined;
+    syncExternalDeps: (props: CommentStoreExternalDeps) => void;
+}
+export interface CommentStoreExternalDeps {
+    editor: Editor;
+    ydoc: Y.Doc;
+    initialComments: IComment[];
+    username: string | null;
+    activeCommentId: string | null;
+    activeTabId: string;
+    ensResolutionUrl: string;
+    isConnected?: boolean;
+    isLoading?: boolean;
+    isDDocOwner?: boolean;
+    setUsername?: (name: string) => void;
+    setInitialComments?: (comments: IComment[]) => void;
+    setActiveCommentId: (id: string | null) => void;
+    focusCommentWithActiveId: (id: string) => void;
+    onNewComment?: (comment: IComment, meta?: CommentMutationMeta) => void;
+    onCommentReply?: (activeCommentId: string, reply: IComment) => void;
+    onResolveComment?: (commentId: string, meta?: CommentMutationMeta) => void;
+    onUnresolveComment?: (commentId: string, meta?: CommentMutationMeta) => void;
+    onDeleteComment?: (commentId: string, meta?: CommentMutationMeta) => void;
+    onInlineComment?: () => void;
+    onComment?: () => void;
+    setCommentDrawerOpen?: (open: boolean) => void;
+    connectViaWallet?: () => Promise<void>;
+    connectViaUsername?: (username: string) => Promise<void>;
+}
+export declare const createCommentStore: () => import('zustand').StoreApi<CommentStoreState>;
+export declare const CommentStoreContext: import('react').Context<import('zustand').StoreApi<CommentStoreState> | null>;
+export declare function useCommentStore<T>(selector: (state: CommentStoreState) => T): T;