@hocuspocus/provider 2.13.7 → 2.14.0

package/dist/hocuspocus-provider.esm.js

@@ -2451,6 +2451,8 @@ class HocuspocusProvider extends EventEmitter {
             forceSync: null,
         };
         this.isConnected = true;
+        this.boundDocumentUpdateHandler = this.documentUpdateHandler.bind(this);
+        this.boundAwarenessUpdateHandler = this.awarenessUpdateHandler.bind(this);
         this.boundBroadcastChannelSubscriber = this.broadcastChannelSubscriber.bind(this);
         this.boundPageHide = this.pageHide.bind(this);
         this.boundOnOpen = this.onOpen.bind(this);
@@ -2492,8 +2494,8 @@ class HocuspocusProvider extends EventEmitter {
         (_b = this.awareness) === null || _b === void 0 ? void 0 : _b.on('change', () => {
             this.emit('awarenessChange', { states: awarenessStatesToArray(this.awareness.getStates()) });
         });
-        this.document.on('update', this.documentUpdateHandler.bind(this));
-        (_c = this.awareness) === null || _c === void 0 ? void 0 : _c.on('update', this.awarenessUpdateHandler.bind(this));
+        this.document.on('update', this.boundDocumentUpdateHandler);
+        (_c = this.awareness) === null || _c === void 0 ? void 0 : _c.on('update', this.boundAwarenessUpdateHandler);
         this.registerEventListeners();
         if (this.configuration.forceSyncInterval
             && typeof this.configuration.forceSyncInterval === 'number') {
@@ -2684,10 +2686,10 @@ class HocuspocusProvider extends EventEmitter {
         }
         if (this.awareness) {
             removeAwarenessStates(this.awareness, [this.document.clientID], 'provider destroy');
-            this.awareness.off('update', this.awarenessUpdateHandler);
+            this.awareness.off('update', this.boundAwarenessUpdateHandler);
             this.awareness.destroy();
         }
-        this.document.off('update', this.documentUpdateHandler);
+        this.document.off('update', this.boundDocumentUpdateHandler);
         this.removeAllListeners();
         this.configuration.websocketProvider.off('connect', this.configuration.onConnect);
         this.configuration.websocketProvider.off('connect', this.forwardConnect);
@@ -2818,6 +2820,10 @@ class TiptapCollabProviderWebsocket extends HocuspocusProviderWebsocket {
     }
 }
 
+const defaultDeleteCommentOptions = {
+    deleteContent: false,
+    deleteThread: false,
+};
 class TiptapCollabProvider extends HocuspocusProvider {
     constructor(configuration) {
         if (!configuration.websocketProvider) {
@@ -2874,12 +2880,25 @@ class TiptapCollabProvider extends HocuspocusProvider {
     disableAutoVersioning() {
         return this.configuration.document.getMap(`${this.tiptapCollabConfigurationPrefix}config`).set('autoVersioning', 0);
     }
+    /**
+     * Returns all users in the document as Y.Map objects
+     * @returns An array of Y.Map objects
+     */
     getYThreads() {
         return this.configuration.document.getArray(`${this.tiptapCollabConfigurationPrefix}threads`);
     }
+    /**
+     * Finds all threads in the document and returns them as JSON objects
+     * @returns An array of threads as JSON objects
+     */
     getThreads() {
         return this.getYThreads().toJSON();
     }
+    /**
+     * Find the index of a thread by its id
+     * @param id The thread id
+     * @returns The index of the thread or null if not found
+     */
     getThreadIndex(id) {
         let index = null;
         let i = 0;
@@ -2893,6 +2912,11 @@ class TiptapCollabProvider extends HocuspocusProvider {
         }
         return index;
     }
+    /**
+     * Gets a single thread by its id
+     * @param id The thread id
+     * @returns The thread as a JSON object or null if not found
+     */
     getThread(id) {
         const index = this.getThreadIndex(id);
         if (index === null) {
@@ -2900,6 +2924,11 @@ class TiptapCollabProvider extends HocuspocusProvider {
         }
         return this.getYThreads().get(index).toJSON();
     }
+    /**
+     * Gets a single thread by its id as a Y.Map object
+     * @param id The thread id
+     * @returns The thread as a Y.Map object or null if not found
+     */
     getYThread(id) {
         const index = this.getThreadIndex(id);
         if (index === null) {
@@ -2907,6 +2936,11 @@ class TiptapCollabProvider extends HocuspocusProvider {
         }
         return this.getYThreads().get(index);
     }
+    /**
+     * Create a new thread
+     * @param data The thread data
+     * @returns The created thread
+     */
     createThread(data) {
         let createdThread = {};
         this.document.transact(() => {
@@ -2914,11 +2948,18 @@ class TiptapCollabProvider extends HocuspocusProvider {
             thread.set('id', uuidv4());
             thread.set('createdAt', (new Date()).toISOString());
             thread.set('comments', new Y.Array());
+            thread.set('deletedComments', new Y.Array());
             this.getYThreads().push([thread]);
             createdThread = this.updateThread(String(thread.get('id')), data);
         });
         return createdThread;
     }
+    /**
+     * Update a specific thread
+     * @param id The thread id
+     * @param data New data for the thread
+     * @returns The updated thread or null if the thread is not found
+     */
     updateThread(id, data) {
         let updatedThread = {};
         this.document.transact(() => {
@@ -2937,6 +2978,11 @@ class TiptapCollabProvider extends HocuspocusProvider {
         });
         return updatedThread;
     }
+    /**
+     * Delete a specific thread and all its comments
+     * @param id The thread id
+     * @returns void
+     */
     deleteThread(id) {
         const index = this.getThreadIndex(id);
         if (index === null) {
@@ -2944,22 +2990,46 @@ class TiptapCollabProvider extends HocuspocusProvider {
         }
         this.getYThreads().delete(index, 1);
     }
-    getThreadComments(threadId) {
-        var _a, _b;
+    /**
+     * Returns comments from a thread, either deleted or not
+     * @param threadId The thread id
+     * @param includeDeleted If you want to include deleted comments, defaults to `false`
+     * @returns The comments or null if the thread is not found
+     */
+    getThreadComments(threadId, includeDeleted) {
+        var _a, _b, _c;
         const index = this.getThreadIndex(threadId);
         if (index === null) {
             return null;
         }
-        return (_b = (_a = this.getThread(threadId)) === null || _a === void 0 ? void 0 : _a.comments) !== null && _b !== void 0 ? _b : [];
+        const comments = !includeDeleted ? (_a = this.getThread(threadId)) === null || _a === void 0 ? void 0 : _a.comments : [...(((_b = this.getThread(threadId)) === null || _b === void 0 ? void 0 : _b.comments) || []), ...(((_c = this.getThread(threadId)) === null || _c === void 0 ? void 0 : _c.deletedComments) || [])].sort((a, b) => {
+            return a.createdAt.localeCompare(b.createdAt);
+        });
+        return comments !== null && comments !== void 0 ? comments : [];
     }
-    getThreadComment(threadId, commentId) {
-        var _a, _b;
+    /**
+     * Get a single comment from a specific thread
+     * @param threadId The thread id
+     * @param commentId The comment id
+     * @param includeDeleted If you want to include deleted comments in the search
+     * @returns The comment or null if not found
+     */
+    getThreadComment(threadId, commentId, includeDeleted) {
+        var _a;
         const index = this.getThreadIndex(threadId);
         if (index === null) {
             return null;
         }
-        return (_b = (_a = this.getThread(threadId)) === null || _a === void 0 ? void 0 : _a.comments.find(comment => comment.id === commentId)) !== null && _b !== void 0 ? _b : null;
+        const comments = this.getThreadComments(threadId, includeDeleted);
+        return (_a = comments === null || comments === void 0 ? void 0 : comments.find(comment => comment.id === commentId)) !== null && _a !== void 0 ? _a : null;
     }
+    /**
+     * Adds a comment to a thread
+     * @param threadId The thread id
+     * @param data The comment data
+     * @returns The updated thread or null if the thread is not found
+     * @example addComment('123', { content: 'Hello world', data: { author: 'Maria Doe' } })
+     */
     addComment(threadId, data) {
         let updatedThread = {};
         this.document.transact(() => {
@@ -2975,6 +3045,14 @@ class TiptapCollabProvider extends HocuspocusProvider {
         });
         return updatedThread;
     }
+    /**
+     * Update a comment in a thread
+     * @param threadId The thread id
+     * @param commentId The comment id
+     * @param data The new comment data
+     * @returns The updated thread or null if the thread or comment is not found
+     * @example updateComment('123', { content: 'The new content', data: { attachments: ['file1.jpg'] }})
+     */
     updateComment(threadId, commentId, data) {
         let updatedThread = {};
         this.document.transact(() => {
@@ -3002,7 +3080,15 @@ class TiptapCollabProvider extends HocuspocusProvider {
         });
         return updatedThread;
     }
-    deleteComment(threadId, commentId) {
+    /**
+     * Deletes a comment from a thread
+     * @param threadId The thread id
+     * @param commentId The comment id
+     * @param options A set of options that control how the comment is deleted
+     * @returns The updated thread or null if the thread or comment is not found
+     */
+    deleteComment(threadId, commentId, options) {
+        const { deleteContent, deleteThread } = { ...defaultDeleteCommentOptions, ...options };
         const thread = this.getYThread(threadId);
         if (thread === null)
             return null;
@@ -3016,18 +3102,33 @@ class TiptapCollabProvider extends HocuspocusProvider {
         }
         // if the first comment of a thread is deleted we also
         // delete the thread itself as the source comment is gone
-        if (commentIndex === 0) {
+        if (commentIndex === 0 && (deleteThread || this.configuration.deleteThreadOnFirstCommentDelete)) {
             this.deleteThread(threadId);
             return;
         }
-        if (commentIndex > 0) {
-            thread.get('comments').delete(commentIndex);
-        }
+        const comment = thread.get('comments').get(commentIndex);
+        const newComment = new Y.Map();
+        newComment.set('id', comment.get('id'));
+        newComment.set('createdAt', comment.get('createdAt'));
+        newComment.set('updatedAt', (new Date()).toISOString());
+        newComment.set('deletedAt', (new Date()).toISOString());
+        newComment.set('data', comment.get('data'));
+        newComment.set('content', deleteContent ? null : comment.get('content'));
+        thread.get('deletedComments').push([newComment]);
+        thread.get('comments').delete(commentIndex);
         return thread.toJSON();
     }
+    /**
+     * Start watching threads for changes
+     * @param callback The callback function to be called when a thread changes
+     */
     watchThreads(callback) {
         this.getYThreads().observeDeep(callback);
     }
+    /**
+     * Stop watching threads for changes
+     * @param callback The callback function to be removed
+     */
     unwatchThreads(callback) {
         this.getYThreads().unobserveDeep(callback);
     }