@fileverse-dev/ddoc 3.0.95 → 3.0.96-zustand-2

package/dist/package/hooks/use-yjs-setup.d.ts

@@ -1,8 +1,8 @@
-import { JSONContent } from '@tiptap/react';
 import { CollaborationProps } from '../sync-local/types';
+import { DdocProps } from '../types';
 import * as Y from 'yjs';
 interface UseYjsSetupArgs {
-    onChange?: (updatedDocContent: string | JSONContent, updateChunk: string) => void;
+    onChange?: DdocProps['onChange'];
     enableIndexeddbSync?: boolean;
     ddocId?: string;
     collaboration?: CollaborationProps;
@@ -16,6 +16,7 @@ export declare const useYjsSetup: ({ onChange, enableIndexeddbSync, ddocId, coll
     terminateSession: () => void;
     awareness: import('y-protocols/awareness.js').Awareness | null;
     hasCollabContentInitialised: boolean;
+    isIndexeddbSynced: boolean;
     initialiseYjsIndexedDbProvider: () => Promise<void>;
     refreshYjsIndexedDbProvider: () => Promise<void>;
     flushPendingUpdate: () => void;

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 | null;
+    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;

package/dist/package/types.d.ts

@@ -138,7 +138,7 @@ export interface DdocProps extends CommentAccountProps {
     renderNavbar?: ({ editor }: {
         editor: JSONContent;
     }) => JSX.Element;
-    onChange?: (updatedDocContent: Data['editorJSONData'], updateChunk: string) => void;
+    onChange?: (updatedDocContent: string | JSONContent, updateChunk: string) => void;
     onCollaboratorChange?: (collaborators: undefined | IDocCollabUsers[]) => void;
     onTextSelection?: (data: IEditorSelectionData) => void;
     onCommentInteraction?: (data: IEditorSelectionData) => void;

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

@@ -25,6 +25,7 @@ export declare const useDdocEditor: ({ isPreviewMode, initialContent, versionHis
     isReady: boolean;
     isSyncing: boolean;
     hasCollabContentInitialised: boolean;
+    isIndexeddbSynced: boolean;
     initialiseYjsIndexedDbProvider: () => Promise<void>;
     flushPendingUpdate: () => void;
     collabState: import('./types').CollabState;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fileverse-dev/ddoc",
   "private": false,
   "description": "DDoc",
-  "version": "3.0.95",
+  "version": "3.0.96-zustand-2",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",
   "exports": {
@@ -93,7 +93,6 @@
     "mammoth": "^1.10.0",
     "markdown-it-footnote": "^4.0.0",
     "ollama": "^0.5.14",
-    "socket.io-client": "^4.7.5",
     "platform": "^1.3.6",
     "prosemirror-model": "^1.21.0",
     "prosemirror-state": "^1.4.3",
@@ -101,6 +100,7 @@
     "react-dom": "^18.2.0",
     "react-tweet": "^3.2.2",
     "react-uuid": "^2.0.0",
+    "socket.io-client": "^4.7.5",
     "tailwindcss-animate": "^1.0.7",
     "tiptap-markdown": "^0.9.0",
     "turndown": "^7.2.0",
@@ -113,7 +113,8 @@
     "y-prosemirror": "^1.2.5",
     "y-protocols": "^1.0.6",
     "y-webrtc": "^10.3.0",
-    "yjs": "^13.6.15"
+    "yjs": "^13.6.15",
+    "zustand": "^5.0.12"
   },
   "peerDependencies": {
     "@dnd-kit/core": ">=6.3.1",
@@ -152,4 +153,4 @@
     "typescript": "^5.2.2",
     "vite": "^5.0.0"
   }
-}
+}