@fileverse-dev/ddoc 3.0.96-zustand-21 → 3.0.97-fragment-0

package/dist/package/components/inline-comment/comment-card.d.ts

@@ -1,4 +1,4 @@
 import { CommentCardProps } from './types';
 
-export declare const CommentCard: ({ username, comment, createdAt, replies, onResolve, onDelete: _onDelete, onRequestDelete, onUnresolve, isResolved, isDropdown, activeCommentId, id, isDisabled, isCommentOwner, version, emptyComment, }: CommentCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommentCard: ({ username, selectedContent, comment, createdAt, replies, onResolve, onDelete, onUnresolve, isResolved, isDropdown, activeCommentId, id, isDisabled, isCommentOwner, version, emptyComment, }: CommentCardProps) => import("react/jsx-runtime").JSX.Element;
 export declare const UserDisplaySkeleton: () => import("react/jsx-runtime").JSX.Element;

package/dist/package/components/inline-comment/context/comment-context.d.ts

@@ -0,0 +1,4 @@
+import { CommentContextType, CommentProviderProps } from './types';
+
+export declare const CommentProvider: ({ children, editor, ydoc, initialComments, setInitialComments, username, setUsername, activeCommentId, setActiveCommentId, activeTabId, focusCommentWithActiveId, onNewComment, onCommentReply, ensResolutionUrl, onResolveComment, onUnresolveComment, onDeleteComment, isConnected, connectViaWallet, isLoading, connectViaUsername, isDDocOwner, onInlineComment, onComment, setCommentDrawerOpen, }: CommentProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useComments: () => CommentContextType;

package/dist/package/components/inline-comment/context/types.d.ts

@@ -1,51 +1,100 @@
-import { Dispatch, RefObject, SetStateAction } from 'react';
+import { Editor } from '@tiptap/react';
 import { IComment } from '../../../extensions/comment';
-import { CommentStoreState } from '../../../stores/comment-store';
-import { CommentStoreProviderProps } from '../../../stores/comment-store-provider';
-import { CommentAccountProps } from '../../../types';
+import { SetStateAction } from 'react';
+import { CommentAccountProps, CommentMutationMeta } from '../../../types';
+import { EnsStatus } from '../types';
 
-export interface CommentFloatingBaseItem {
-    itemId: string;
+import * as Y from 'yjs';
+export interface CommentContextType extends CommentAccountProps {
+    comments: IComment[];
+    setComments: React.Dispatch<SetStateAction<IComment[]>>;
+    editor: Editor;
+    username?: string | null;
+    setUsername?: React.Dispatch<SetStateAction<string>>;
+    showResolved: boolean;
+    setShowResolved: (show: boolean) => void;
+    resolveComment: (commentId: string) => void;
+    unresolveComment: (commentId: string) => void;
+    deleteComment: (commentId: string) => void;
+    handleAddReply: (activeCommentId: string, replyContent: string, onCommentReply: (activeCommentId: string, reply: IComment) => void) => void;
+    focusCommentInEditor: (commentId: string) => void;
+    handleReplyChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    handleCommentChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    handleCommentKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    handleReplySubmit: () => void;
+    toggleResolved: () => void;
+    openReplyId: string | null;
+    setOpenReplyId: (id: string | null) => void;
+    handleReplyKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    commentsSectionRef: React.RefObject<HTMLDivElement>;
+    replySectionRef: React.RefObject<HTMLDivElement>;
+    addComment: (content?: string) => void;
+    handleCommentSubmit: () => void;
+    reply: string;
+    setReply: React.Dispatch<React.SetStateAction<string>>;
+    comment: string;
+    setComment: React.Dispatch<React.SetStateAction<string>>;
+    onPrevComment: () => void;
+    onNextComment: () => void;
+    activeCommentIndex: number;
+    activeComment: IComment | undefined;
     selectedText: string;
-    isOpen: boolean;
-    isFocused: boolean;
-}
-export interface CommentFloatingDraftItem extends CommentFloatingBaseItem {
-    type: 'draft';
-    draftId: string;
-    draftText: string;
-    isAuthPending: boolean;
+    isCommentOpen: boolean;
+    isBubbleMenuSuppressed: boolean;
+    setIsBubbleMenuSuppressed: React.Dispatch<React.SetStateAction<boolean>>;
+    handleInlineComment: () => void;
+    portalRef: React.RefObject<HTMLDivElement>;
+    buttonRef: React.RefObject<HTMLDivElement>;
+    dropdownRef: React.RefObject<HTMLDivElement>;
+    activeComments: IComment[];
+    handleInput: (e: React.FormEvent<HTMLTextAreaElement>, content: string) => void;
+    isCommentActive: boolean;
+    isCommentResolved: boolean;
+    ensResolutionUrl: string;
+    activeTabId: string;
+    onCommentReply?: (activeCommentId: string, reply: IComment) => void;
+    onComment?: () => void;
+    setCommentDrawerOpen?: React.Dispatch<React.SetStateAction<boolean>>;
+    inlineCommentData: {
+        inlineCommentText: string;
+        handleClick: boolean;
+    };
+    setInlineCommentData: React.Dispatch<React.SetStateAction<{
+        inlineCommentText: string;
+        handleClick: boolean;
+    }>>;
+    getEnsStatus: (walletAddress: string, setEnsStatus: React.Dispatch<React.SetStateAction<EnsStatus>>) => void;
+    ensCache: EnsCache;
 }
-export interface CommentFloatingThreadItem extends CommentFloatingBaseItem {
-    type: 'thread';
-    commentId: string;
+export interface CommentProviderProps extends CommentAccountProps {
+    children: React.ReactNode;
+    editor: Editor;
+    ydoc: Y.Doc;
+    initialComments?: IComment[];
+    setInitialComments?: React.Dispatch<SetStateAction<IComment[]>>;
+    onCommentReply?: (activeCommentId: string, reply: IComment) => void;
+    onNewComment?: (newComment: IComment, meta?: CommentMutationMeta) => void;
+    onResolveComment?: (activeCommentId: string, meta?: CommentMutationMeta) => void;
+    onUnresolveComment?: (activeCommentId: string, meta?: CommentMutationMeta) => void;
+    onDeleteComment?: (activeCommentId: string, meta?: CommentMutationMeta) => void;
+    username: string | null;
+    setUsername?: React.Dispatch<SetStateAction<string>>;
+    activeCommentId: string | null;
+    setActiveCommentId: React.Dispatch<React.SetStateAction<string | null>>;
+    activeTabId: string;
+    focusCommentWithActiveId: (id: string) => void;
+    ensResolutionUrl: string;
+    onInlineComment?: () => void;
+    onComment?: () => void;
+    setCommentDrawerOpen?: React.Dispatch<React.SetStateAction<boolean>>;
 }
-export type CommentFloatingItem = CommentFloatingDraftItem | CommentFloatingThreadItem;
-export interface InlineCommentData {
-    highlightedTextContent?: string;
-    inlineCommentText: string;
-    handleClick: boolean;
+export interface CommentUsernameProps extends CommentAccountProps {
+    username?: string | null;
+    setUsername?: React.Dispatch<SetStateAction<string>>;
+    isNavbarVisible?: boolean;
 }
 export interface EnsEntry {
     name: string;
     isEns: boolean;
 }
 export type EnsCache = Record<string, EnsEntry>;
-export type CommentProviderProps = CommentStoreProviderProps;
-export type CommentContextType = Pick<CommentStoreState, 'activeComment' | 'activeCommentIndex' | 'activeComments' | 'activeTabId' | 'addComment' | 'blurFloatingItem' | 'cancelFloatingDraft' | 'closeFloatingItem' | 'comment' | 'connectViaUsername' | 'connectViaWallet' | 'createFloatingDraft' | 'deleteComment' | 'deleteReply' | 'ensCache' | 'floatingItems' | 'focusCommentInEditor' | 'focusFloatingItem' | 'getEnsStatus' | 'handleAddReply' | 'handleCommentChange' | 'handleCommentKeyDown' | 'handleCommentSubmit' | 'handleInlineComment' | 'handleInput' | 'handleReplyChange' | 'handleReplyKeyDown' | 'handleReplySubmit' | 'inlineCommentData' | 'isBubbleMenuSuppressed' | 'isCommentActive' | 'isCommentOpen' | 'isCommentResolved' | 'isConnected' | 'isDDocOwner' | 'isDesktopFloatingEnabled' | 'isLoading' | 'onComment' | 'onNextComment' | 'onPrevComment' | 'openFloatingThread' | 'openReplyId' | 'reply' | 'resolveComment' | 'setComment' | 'setCommentDrawerOpen' | 'setInlineCommentData' | 'setIsBubbleMenuSuppressed' | 'setOpenReplyId' | 'setReply' | 'setShowResolved' | 'setUsername' | 'selectedText' | 'showResolved' | 'submitFloatingDraft' | 'toggleResolved' | 'unresolveComment' | 'updateFloatingDraftText' | 'username'> & {
-    comments: IComment[];
-    commentsSectionRef: RefObject<HTMLDivElement>;
-    dropdownRef: RefObject<HTMLDivElement>;
-    buttonRef: RefObject<HTMLDivElement>;
-    portalRef: RefObject<HTMLDivElement>;
-    replySectionRef: RefObject<HTMLDivElement>;
-    editor: CommentStoreProviderProps['editor'];
-    ensResolutionUrl: string;
-    onCommentReply?: CommentStoreProviderProps['onCommentReply'];
-    setComments?: Dispatch<SetStateAction<IComment[]>>;
-};
-export interface CommentUsernameProps extends CommentAccountProps {
-    username?: string | null;
-    setUsername?: Dispatch<SetStateAction<string>>;
-    isNavbarVisible?: boolean;
-}

package/dist/package/components/inline-comment/types.d.ts

@@ -37,7 +37,6 @@ export interface CommentCardProps extends IComment {
     comment?: string;
     onResolve?: (commentId: string) => void;
     onDelete?: (commentId: string) => void;
-    onRequestDelete?: (commentId: string) => void;
     onUnresolve?: (commentId: string) => void;
     isResolved?: boolean;
     isDropdown?: boolean;
@@ -46,14 +45,11 @@ export interface CommentCardProps extends IComment {
     isCommentOwner?: boolean;
     version?: string;
     emptyComment?: boolean;
-    isFocused?: boolean;
 }
 export type CommentBubbleMenuProps = Omit<BubbleMenuProps, 'children'> & {
     zoomLevel: string;
 };
 export interface CommentReplyProps {
-    commentId: string;
-    replyId: string;
     reply: string;
     username: string;
     createdAt: Date;

package/dist/package/extensions/comment/comment.d.ts

@@ -1,7 +1,5 @@
 import { Mark, Range } from '@tiptap/core';
 import { Mark as PMMark } from '@tiptap/pm/model';
-import { PluginKey, EditorState } from '@tiptap/pm/state';
-import { DecorationSet } from '@tiptap/pm/view';
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
@@ -30,18 +28,6 @@ declare module '@tiptap/core' {
              * Unset comment active
              */
             unsetCommentActive: () => ReturnType;
-            /**
-             * Add a local draft anchor that tracks through transactions.
-             */
-            setDraftComment: (draftId: string) => ReturnType;
-            /**
-             * Remove a local draft anchor.
-             */
-            unsetDraftComment: (draftId: string) => ReturnType;
-            /**
-             * Replace a draft anchor with a persisted comment mark.
-             */
-            promoteDraftComment: (draftId: string, commentId: string) => ReturnType;
         };
     }
 }
@@ -59,18 +45,6 @@ export interface CommentOptions {
 export interface CommentStorage {
     activeCommentId: string | null;
 }
-export interface DraftCommentRange {
-    draftId: string;
-    from: number;
-    to: number;
-}
-interface DraftCommentPluginState {
-    decorations: DecorationSet;
-    drafts: Map<string, DraftCommentRange>;
-}
-export declare const draftCommentPluginKey: PluginKey<DraftCommentPluginState>;
-export declare const getDraftCommentState: (state: EditorState) => DraftCommentPluginState | undefined;
-export declare const getDraftCommentRange: (state: EditorState, draftId: string) => DraftCommentRange | null;
 export interface IComment {
     id?: string;
     tabId?: string;
@@ -89,4 +63,3 @@ export interface IComment {
     version?: string;
 }
 export declare const CommentExtension: Mark<CommentOptions, CommentStorage>;
-export {};

package/dist/package/hooks/use-tab-editor.d.ts

@@ -1,7 +1,6 @@
 import { Dispatch, MutableRefObject, SetStateAction } from 'react';
 import { DdocProps } from '../types';
 import { AnyExtension, Editor } from '@tiptap/react';
-import { CommentAnchor } from '../extensions/comment/comment-decoration-plugin';
 import { ToCItemType } from '../components/toc/types';
 import { CollabConnectionConfig, CollaborationProps } from '../sync-local/types';
 
@@ -60,6 +59,5 @@ export declare const useTabEditor: ({ ydoc, isVersionMode, hasTabState, versionI
     setActiveCommentId: Dispatch<SetStateAction<string | null>>;
     focusCommentWithActiveId: (id: string) => void;
     isContentLoading: boolean | undefined;
-    commentAnchorsRef: MutableRefObject<CommentAnchor[]>;
 };
 export {};

package/dist/package/types.d.ts

@@ -22,16 +22,7 @@ export type InlineCommentData = {
 export type CommentMutationType = 'create' | 'resolve' | 'unresolve' | 'delete';
 export interface CommentMutationMeta {
     type: CommentMutationType;
-    updateChunk?: string;
-    anchorFrom?: string;
-    anchorTo?: string;
-}
-export interface SerializedCommentAnchor {
-    id: string;
-    anchorFrom: string;
-    anchorTo: string;
-    resolved: boolean;
-    deleted: boolean;
+    updateChunk: string;
 }
 export interface CommentAccountProps {
     isConnected?: boolean;
@@ -113,7 +104,6 @@ export interface DdocProps extends CommentAccountProps {
     commentDrawerOpen?: boolean;
     setCommentDrawerOpen?: React.Dispatch<SetStateAction<boolean>>;
     initialComments?: IComment[];
-    initialCommentAnchors?: SerializedCommentAnchor[];
     setInitialComments?: React.Dispatch<SetStateAction<IComment[]>>;
     onCommentReply?: (activeCommentId: string, reply: IComment) => void;
     onNewComment?: (newComment: IComment, meta?: CommentMutationMeta) => void;

package/dist/package/use-ddoc-editor.d.ts

@@ -38,5 +38,4 @@ export declare const useDdocEditor: ({ isPreviewMode, initialContent, versionHis
     activeCommentId: string | null;
     setActiveCommentId: import('react').Dispatch<import('react').SetStateAction<string | null>>;
     focusCommentWithActiveId: (id: string) => void;
-    commentAnchorsRef: import('react').MutableRefObject<import('./extensions/comment/comment-decoration-plugin').CommentAnchor[]>;
 };