@blocknote/core 0.30.0 → 0.31.0

package/src/blocks/ListItemBlockContent/getListItemContent.ts

@@ -26,7 +26,7 @@ export function getListItemContent(
   /**
    * The name of the list item node.
    */
-  name: string
+  name: string,
 ): Fragment {
   /**
    * To actually implement this algorithm, we need to leverage ProseMirror's "fitting" algorithm.
@@ -70,8 +70,8 @@ export function getListItemContent(
     // and continuing with the rest of the algorithm.
     blockGroupNode = blockGroupNode.copy(
       blockGroupNode.content.cut(
-        blockGroupNode.firstChild.firstChild.nodeSize + 2
-      )
+        blockGroupNode.firstChild.firstChild.nodeSize + 2,
+      ),
     );
   }
 
@@ -90,14 +90,14 @@ export function getListItemContent(
   // The remaining nodes in the `blockGroup` stay in-place.
   const listItemNode = schema.nodes[name].create(
     {},
-    listItemsFirstChild.content
+    listItemsFirstChild.content,
   );
 
   // We have `blockGroup<listItemsFirstChild, ...blockContainer<any>[]>`
   // We want to extract out the rest of the nodes as `<...blockContainer<any>[]>`
   const remainingListItemChildren = blockGroupNode.content.cut(
     // +2 for the `blockGroup` node's start and end markers
-    listItemsFirstChild.nodeSize + 2
+    listItemsFirstChild.nodeSize + 2,
   );
   const hasRemainingListItemChildren = remainingListItemChildren.size > 0;
 

package/src/blocks/PageBreakBlockContent/PageBreakBlockContent.ts

@@ -22,7 +22,7 @@ export const pageBreakRender = () => {
   };
 };
 export const pageBreakParse = (
-  element: HTMLElement
+  element: HTMLElement,
 ): Partial<Props<typeof pageBreakConfig.propSchema>> | undefined => {
   if (element.tagName === "DIV" && element.hasAttribute("data-page-break")) {
     return {

package/src/blocks/PageBreakBlockContent/getPageBreakSlashMenuItems.ts

@@ -10,9 +10,9 @@ import { pageBreakSchema } from "./schema.js";
 
 export function checkPageBreakBlocksInSchema<
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
-  editor: BlockNoteEditor<any, I, S>
+  editor: BlockNoteEditor<any, I, S>,
 ): editor is BlockNoteEditor<typeof pageBreakSchema.blockSchema, I, S> {
   return (
     "pageBreak" in editor.schema.blockSchema &&
@@ -24,7 +24,7 @@ export function checkPageBreakBlocksInSchema<
 export function getPageBreakSlashMenuItems<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(editor: BlockNoteEditor<BSchema, I, S>) {
   const items: (Omit<DefaultSuggestionItem, "key"> & { key: "page_break" })[] =
     [];

package/src/blocks/PageBreakBlockContent/schema.ts

@@ -18,9 +18,9 @@ export const pageBreakSchema = BlockNoteSchema.create({
 export const withPageBreak = <
   B extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
-  schema: BlockNoteSchema<B, I, S>
+  schema: BlockNoteSchema<B, I, S>,
 ) => {
   return BlockNoteSchema.create({
     blockSpecs: {

package/src/blocks/ParagraphBlockContent/ParagraphBlockContent.ts

@@ -31,7 +31,7 @@ export const ParagraphBlockContent = createStronglyTypedTiptapNode({
           updateBlockCommand(blockInfo.bnBlock.beforePos, {
             type: "paragraph",
             props: {},
-          })
+          }),
         );
       },
     };
@@ -67,12 +67,12 @@ export const ParagraphBlockContent = createStronglyTypedTiptapNode({
         ...(this.options.domAttributes?.blockContent || {}),
         ...HTMLAttributes,
       },
-      this.options.domAttributes?.inlineContent || {}
+      this.options.domAttributes?.inlineContent || {},
     );
   },
 });
 
 export const Paragraph = createBlockSpecFromStronglyTypedTiptapNode(
   ParagraphBlockContent,
-  paragraphPropSchema
+  paragraphPropSchema,
 );

package/src/blocks/QuoteBlockContent/QuoteBlockContent.ts

@@ -36,7 +36,7 @@ export const QuoteBlockContent = createStronglyTypedTiptapNode({
               updateBlockCommand(blockInfo.bnBlock.beforePos, {
                 type: "quote",
                 props: {},
-              })
+              }),
             )
             // Removes the ">" character used to set the list.
             .deleteRange({ from: range.from, to: range.to });
@@ -59,7 +59,7 @@ export const QuoteBlockContent = createStronglyTypedTiptapNode({
         return this.editor.commands.command(
           updateBlockCommand(blockInfo.bnBlock.beforePos, {
             type: "quote",
-          })
+          }),
         );
       },
     };
@@ -88,12 +88,12 @@ export const QuoteBlockContent = createStronglyTypedTiptapNode({
         ...(this.options.domAttributes?.blockContent || {}),
         ...HTMLAttributes,
       },
-      this.options.domAttributes?.inlineContent || {}
+      this.options.domAttributes?.inlineContent || {},
     );
   },
 });
 
 export const Quote = createBlockSpecFromStronglyTypedTiptapNode(
   QuoteBlockContent,
-  quotePropSchema
+  quotePropSchema,
 );

package/src/blocks/README.md

@@ -1,3 +1,3 @@
 ### @blocknote/core/src/blocks
 
-The default built-in blocks that ship with BlockNote
+The default built-in blocks that ship with BlockNote

package/src/blocks/TableBlockContent/TableBlockContent.ts

@@ -1,9 +1,8 @@
+import { Node, mergeAttributes } from "@tiptap/core";
 import { TableCell } from "@tiptap/extension-table-cell";
 import { TableHeader } from "@tiptap/extension-table-header";
-import { TableRow } from "@tiptap/extension-table-row";
 import { DOMParser, Fragment, Node as PMNode, Schema } from "prosemirror-model";
 import { TableView } from "prosemirror-tables";
-
 import { NodeView } from "prosemirror-view";
 import {
   createBlockSpecFromStronglyTypedTiptapNode,
@@ -24,6 +23,7 @@ export const TableBlockContent = createStronglyTypedTiptapNode({
   group: "blockContent",
   tableRole: "table",
 
+  marks: "deletion insertion modification",
   isolating: true,
 
   parseHTML() {
@@ -42,7 +42,7 @@ export const TableBlockContent = createStronglyTypedTiptapNode({
         ...(this.options.domAttributes?.blockContent || {}),
         ...HTMLAttributes,
       },
-      this.options.domAttributes?.inlineContent || {}
+      this.options.domAttributes?.inlineContent || {},
     );
   },
 
@@ -59,18 +59,18 @@ export const TableBlockContent = createStronglyTypedTiptapNode({
         constructor(
           public node: PMNode,
           public cellMinWidth: number,
-          public blockContentHTMLAttributes: Record<string, string>
+          public blockContentHTMLAttributes: Record<string, string>,
         ) {
           super(node, cellMinWidth);
 
           const blockContent = document.createElement("div");
           blockContent.className = mergeCSSClasses(
             "bn-block-content",
-            blockContentHTMLAttributes.class
+            blockContentHTMLAttributes.class,
           );
           blockContent.setAttribute("data-content-type", "table");
           for (const [attribute, value] of Object.entries(
-            blockContentHTMLAttributes
+            blockContentHTMLAttributes,
           )) {
             if (attribute !== "class") {
               blockContent.setAttribute(attribute, value);
@@ -152,6 +152,36 @@ const TableParagraph = createStronglyTypedTiptapNode({
 });
 
 /**
+ * This extension allows you to create table rows.
+ * @see https://www.tiptap.dev/api/nodes/table-row
+ */
+export const TableRow = Node.create<{ HTMLAttributes: Record<string, any> }>({
+  name: "tableRow",
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    };
+  },
+
+  content: "(tableCell | tableHeader)+",
+
+  tableRole: "row",
+  marks: "deletion insertion modification",
+  parseHTML() {
+    return [{ tag: "tr" }];
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "tr",
+      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
+      0,
+    ];
+  },
+});
+
+/*
  * This will flatten a node's content to fit into a table cell's paragraph.
  */
 function parseTableContent(node: HTMLElement, schema: Schema) {
@@ -229,5 +259,5 @@ export const Table = createBlockSpecFromStronglyTypedTiptapNode(
       },
     }),
     TableRow,
-  ]
+  ],
 );

package/src/blocks/TableBlockContent/TableExtension.ts

@@ -56,12 +56,12 @@ export const TableExtension = Extension.create({
       // Enables navigating cells using the tab key.
       Tab: () => {
         return this.editor.commands.command(({ state, dispatch, view }) =>
-          goToNextCell(1)(state, dispatch, view)
+          goToNextCell(1)(state, dispatch, view),
         );
       },
       "Shift-Tab": () => {
         return this.editor.commands.command(({ state, dispatch, view }) =>
-          goToNextCell(-1)(state, dispatch, view)
+          goToNextCell(-1)(state, dispatch, view),
         );
       },
     };
@@ -76,7 +76,7 @@ export const TableExtension = Extension.create({
 
     return {
       tableRole: callOrReturn(
-        getExtensionField(extension, "tableRole", context)
+        getExtensionField(extension, "tableRole", context),
       ),
     };
   },

package/src/blocks/VideoBlockContent/VideoBlockContent.ts

@@ -52,7 +52,7 @@ export const videoBlockConfig = {
 
 export const videoRender = (
   block: BlockFromConfig<typeof videoBlockConfig, any, any>,
-  editor: BlockNoteEditor<any, any, any>
+  editor: BlockNoteEditor<any, any, any>,
 ) => {
   const icon = document.createElement("div");
   icon.innerHTML = FILE_VIDEO_ICON_SVG;
@@ -81,12 +81,12 @@ export const videoRender = (
     { dom: videoWrapper },
     videoWrapper,
     editor.dictionary.file_blocks.video.add_button_text,
-    icon.firstElementChild as HTMLElement
+    icon.firstElementChild as HTMLElement,
   );
 };
 
 export const videoParse = (
-  element: HTMLElement
+  element: HTMLElement,
 ): Partial<Props<typeof videoBlockConfig.propSchema>> | undefined => {
   if (element.tagName === "VIDEO") {
     // Ignore if parent figure has already been parsed.
@@ -115,7 +115,7 @@ export const videoParse = (
 };
 
 export const videoToExternalHTML = (
-  block: BlockFromConfig<typeof videoBlockConfig, any, any>
+  block: BlockFromConfig<typeof videoBlockConfig, any, any>,
 ) => {
   if (!block.props.url) {
     const div = document.createElement("p");

package/src/blocks/defaultBlockHelpers.ts

@@ -18,12 +18,12 @@ export function createDefaultBlockDOMOutputSpec(
   blockName: string,
   htmlTag: string,
   blockContentHTMLAttributes: Record<string, string>,
-  inlineContentHTMLAttributes: Record<string, string>
+  inlineContentHTMLAttributes: Record<string, string>,
 ) {
   const blockContent = document.createElement("div");
   blockContent.className = mergeCSSClasses(
     "bn-block-content",
-    blockContentHTMLAttributes.class
+    blockContentHTMLAttributes.class,
   );
   blockContent.setAttribute("data-content-type", blockName);
   for (const [attribute, value] of Object.entries(blockContentHTMLAttributes)) {
@@ -35,10 +35,10 @@ export function createDefaultBlockDOMOutputSpec(
   const inlineContent = document.createElement(htmlTag);
   inlineContent.className = mergeCSSClasses(
     "bn-inline-content",
-    inlineContentHTMLAttributes.class
+    inlineContentHTMLAttributes.class,
   );
   for (const [attribute, value] of Object.entries(
-    inlineContentHTMLAttributes
+    inlineContentHTMLAttributes,
   )) {
     if (attribute !== "class") {
       inlineContent.setAttribute(attribute, value);
@@ -59,10 +59,10 @@ export function createDefaultBlockDOMOutputSpec(
 export const defaultBlockToHTML = <
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   block: BlockNoDefaults<BSchema, I, S>,
-  editor: BlockNoteEditor<BSchema, I, S>
+  editor: BlockNoteEditor<BSchema, I, S>,
 ): {
   dom: HTMLElement;
   contentDOM?: HTMLElement;
@@ -78,7 +78,7 @@ export const defaultBlockToHTML = <
 
   if (toDOM === undefined) {
     throw new Error(
-      "This block has no default HTML serialization as its corresponding TipTap node doesn't implement `renderHTML`."
+      "This block has no default HTML serialization as its corresponding TipTap node doesn't implement `renderHTML`.",
     );
   }
 
@@ -86,7 +86,7 @@ export const defaultBlockToHTML = <
 
   if (typeof renderSpec !== "object" || !("dom" in renderSpec)) {
     throw new Error(
-      "Cannot use this block's default HTML serialization as its corresponding TipTap node's `renderHTML` function does not return an object with the `dom` property."
+      "Cannot use this block's default HTML serialization as its corresponding TipTap node's `renderHTML` function does not return an object with the `dom` property.",
     );
   }
 

package/src/blocks/defaultBlockTypeGuards.ts

@@ -20,10 +20,10 @@ import { Selection } from "prosemirror-state";
 export function checkDefaultBlockTypeInSchema<
   BlockType extends keyof DefaultBlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   blockType: BlockType,
-  editor: BlockNoteEditor<any, I, S>
+  editor: BlockNoteEditor<any, I, S>,
 ): editor is BlockNoteEditor<{ Type: DefaultBlockSchema[BlockType] }, I, S> {
   return (
     blockType in editor.schema.blockSchema &&
@@ -34,10 +34,10 @@ export function checkDefaultBlockTypeInSchema<
 export function checkDefaultInlineContentTypeInSchema<
   InlineContentType extends keyof DefaultInlineContentSchema,
   B extends BlockSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   inlineContentType: InlineContentType,
-  editor: BlockNoteEditor<B, any, S>
+  editor: BlockNoteEditor<B, any, S>,
 ): editor is BlockNoteEditor<
   B,
   { Type: DefaultInlineContentSchema[InlineContentType] },
@@ -53,11 +53,11 @@ export function checkDefaultInlineContentTypeInSchema<
 export function checkBlockIsDefaultType<
   BlockType extends keyof DefaultBlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   blockType: BlockType,
   block: Block<any, I, S>,
-  editor: BlockNoteEditor<any, I, S>
+  editor: BlockNoteEditor<any, I, S>,
 ): block is BlockFromConfig<DefaultBlockSchema[BlockType], I, S> {
   return (
     block.type === blockType &&
@@ -69,10 +69,10 @@ export function checkBlockIsDefaultType<
 export function checkBlockIsFileBlock<
   B extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   block: Block<any, I, S>,
-  editor: BlockNoteEditor<B, I, S>
+  editor: BlockNoteEditor<B, I, S>,
 ): block is BlockFromConfig<FileBlockConfig, I, S> {
   return (
     (block.type in editor.schema.blockSchema &&
@@ -84,10 +84,10 @@ export function checkBlockIsFileBlock<
 export function checkBlockIsFileBlockWithPreview<
   B extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   block: Block<any, I, S>,
-  editor: BlockNoteEditor<B, I, S>
+  editor: BlockNoteEditor<B, I, S>,
 ): block is BlockFromConfig<
   FileBlockConfig & {
     propSchema: Required<FileBlockConfig["propSchema"]>;
@@ -106,7 +106,7 @@ export function checkBlockIsFileBlockWithPreview<
 export function checkBlockIsFileBlockWithPlaceholder<
   B extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(block: Block<B, I, S>, editor: BlockNoteEditor<B, I, S>) {
   const config = editor.schema.blockSchema[block.type];
   return config.isFileBlock && !block.props.url;
@@ -115,11 +115,11 @@ export function checkBlockIsFileBlockWithPlaceholder<
 export function checkBlockTypeHasDefaultProp<
   Prop extends keyof typeof defaultProps,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   prop: Prop,
   blockType: string,
-  editor: BlockNoteEditor<any, I, S>
+  editor: BlockNoteEditor<any, I, S>,
 ): editor is BlockNoteEditor<
   {
     [BT in string]: {
@@ -143,11 +143,11 @@ export function checkBlockTypeHasDefaultProp<
 export function checkBlockHasDefaultProp<
   Prop extends keyof typeof defaultProps,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   prop: Prop,
   block: Block<any, I, S>,
-  editor: BlockNoteEditor<any, I, S>
+  editor: BlockNoteEditor<any, I, S>,
 ): block is BlockFromConfig<
   {
     type: string;
@@ -163,7 +163,7 @@ export function checkBlockHasDefaultProp<
 }
 
 export function isTableCellSelection(
-  selection: Selection
+  selection: Selection,
 ): selection is CellSelection {
   return selection instanceof CellSelection;
 }

package/src/blocks/defaultBlocks.ts

@@ -78,7 +78,7 @@ export const defaultInlineContentSpecs = {
 } satisfies InlineContentSpecs;
 
 export const defaultInlineContentSchema = getInlineContentSchemaFromSpecs(
-  defaultInlineContentSpecs
+  defaultInlineContentSpecs,
 );
 
 // underscore is used that in case a user overrides DefaultInlineContentSchema,
@@ -89,11 +89,11 @@ export type DefaultInlineContentSchema = _DefaultInlineContentSchema;
 export type PartialBlock<
   BSchema extends BlockSchema = DefaultBlockSchema,
   I extends InlineContentSchema = DefaultInlineContentSchema,
-  S extends StyleSchema = DefaultStyleSchema
+  S extends StyleSchema = DefaultStyleSchema,
 > = PartialBlockNoDefaults<BSchema, I, S>;
 
 export type Block<
   BSchema extends BlockSchema = DefaultBlockSchema,
   I extends InlineContentSchema = DefaultInlineContentSchema,
-  S extends StyleSchema = DefaultStyleSchema
+  S extends StyleSchema = DefaultStyleSchema,
 > = BlockNoDefaults<BSchema, I, S>;

package/src/comments/threadstore/DefaultThreadStoreAuth.ts

@@ -18,7 +18,7 @@ import { ThreadStoreAuth } from "./ThreadStoreAuth.js";
 export class DefaultThreadStoreAuth extends ThreadStoreAuth {
   constructor(
     private readonly userId: string,
-    private readonly role: "comment" | "editor"
+    private readonly role: "comment" | "editor",
   ) {
     super();
   }
@@ -84,7 +84,7 @@ export class DefaultThreadStoreAuth extends ThreadStoreAuth {
 
     return !comment.reactions.some(
       (reaction) =>
-        reaction.emoji === emoji && reaction.userIds.includes(this.userId)
+        reaction.emoji === emoji && reaction.userIds.includes(this.userId),
     );
   }
 
@@ -100,7 +100,7 @@ export class DefaultThreadStoreAuth extends ThreadStoreAuth {
 
     return comment.reactions.some(
       (reaction) =>
-        reaction.emoji === emoji && reaction.userIds.includes(this.userId)
+        reaction.emoji === emoji && reaction.userIds.includes(this.userId),
     );
   }
 }

package/src/comments/threadstore/ThreadStore.ts

@@ -129,6 +129,6 @@ export abstract class ThreadStore {
    * @returns a function to unsubscribe from the thread store
    */
   abstract subscribe(
-    cb: (threads: Map<string, ThreadData>) => void
+    cb: (threads: Map<string, ThreadData>) => void,
   ): () => void;
 }

package/src/comments/threadstore/TipTapThreadStore.ts

@@ -28,7 +28,7 @@ export class TiptapThreadStore extends ThreadStore {
   constructor(
     private readonly userId: string,
     private readonly provider: TiptapCollabProvider,
-    auth: ThreadStoreAuth // TODO: use?
+    auth: ThreadStoreAuth, // TODO: use?
   ) {
     super(auth);
   }
@@ -80,7 +80,7 @@ export class TiptapThreadStore extends ThreadStore {
     });
 
     return this.tiptapCommentToCommentData(
-      thread.comments[thread.comments.length - 1]
+      thread.comments[thread.comments.length - 1],
     );
   }
 
@@ -98,7 +98,7 @@ export class TiptapThreadStore extends ThreadStore {
     const comment = this.provider.getThreadComment(
       options.threadId,
       options.commentId,
-      true
+      true,
     );
 
     if (!comment) {
@@ -120,12 +120,12 @@ export class TiptapThreadStore extends ThreadStore {
     for (const reaction of (comment.data?.reactions ||
       []) as ReactionAsTiptapData[]) {
       const existingReaction = reactions.find(
-        (r) => r.emoji === reaction.emoji
+        (r) => r.emoji === reaction.emoji,
       );
       if (existingReaction) {
         existingReaction.userIds.push(reaction.userId);
         existingReaction.createdAt = new Date(
-          Math.min(existingReaction.createdAt.getTime(), reaction.createdAt)
+          Math.min(existingReaction.createdAt.getTime(), reaction.createdAt),
         );
       } else {
         reactions.push({
@@ -153,7 +153,7 @@ export class TiptapThreadStore extends ThreadStore {
       type: "thread",
       id: thread.id,
       comments: thread.comments.map((comment) =>
-        this.tiptapCommentToCommentData(comment)
+        this.tiptapCommentToCommentData(comment),
       ),
       resolved: !!thread.resolvedAt,
       metadata: thread.data?.metadata,
@@ -207,7 +207,7 @@ export class TiptapThreadStore extends ThreadStore {
     const comment = this.provider.getThreadComment(
       options.threadId,
       options.commentId,
-      true
+      true,
     );
 
     if (!comment) {
@@ -242,7 +242,7 @@ export class TiptapThreadStore extends ThreadStore {
     const comment = this.provider.getThreadComment(
       options.threadId,
       options.commentId,
-      true
+      true,
     );
 
     if (!comment) {
@@ -256,7 +256,7 @@ export class TiptapThreadStore extends ThreadStore {
           (comment.data?.reactions || []) as ReactionAsTiptapData[]
         ).filter(
           (reaction) =>
-            reaction.emoji !== options.emoji && reaction.userId !== this.userId
+            reaction.emoji !== options.emoji && reaction.userId !== this.userId,
         ),
       },
     });
@@ -276,7 +276,7 @@ export class TiptapThreadStore extends ThreadStore {
     return new Map(
       this.provider
         .getThreads()
-        .map((thread) => [thread.id, this.tiptapThreadToThreadData(thread)])
+        .map((thread) => [thread.id, this.tiptapThreadToThreadData(thread)]),
     );
   }
 

package/src/comments/threadstore/yjs/RESTYjsThreadStore.ts

@@ -22,7 +22,7 @@ export class RESTYjsThreadStore extends YjsThreadStoreBase {
     private readonly BASE_URL: string,
     private readonly headers: Record<string, string>,
     threadsYMap: Y.Map<any>,
-    auth: ThreadStoreAuth
+    auth: ThreadStoreAuth,
   ) {
     super(threadsYMap, auth);
   }
@@ -102,7 +102,7 @@ export class RESTYjsThreadStore extends YjsThreadStoreBase {
     const { threadId, commentId, ...rest } = options;
     return this.doRequest(
       `/${threadId}/comments/${commentId}?soft=${!!rest.softDelete}`,
-      "DELETE"
+      "DELETE",
     );
   };
 
@@ -127,7 +127,7 @@ export class RESTYjsThreadStore extends YjsThreadStoreBase {
     return this.doRequest(
       `/${threadId}/comments/${commentId}/reactions`,
       "POST",
-      rest
+      rest,
     );
   };
 
@@ -138,7 +138,7 @@ export class RESTYjsThreadStore extends YjsThreadStoreBase {
   }) => {
     return this.doRequest(
       `/${options.threadId}/comments/${options.commentId}/reactions/${options.emoji}`,
-      "DELETE"
+      "DELETE",
     );
   };
 }

package/src/comments/threadstore/yjs/YjsThreadStore.test.ts

@@ -25,7 +25,7 @@ describe("YjsThreadStore", () => {
     store = new YjsThreadStore(
       "test-user",
       threadsYMap,
-      new DefaultThreadStoreAuth("test-user", "editor")
+      new DefaultThreadStoreAuth("test-user", "editor"),
     );
   });
 
@@ -99,7 +99,7 @@ describe("YjsThreadStore", () => {
           comment: {
             body: "Test comment" as CommentBody,
           },
-        })
+        }),
       ).rejects.toThrow("Thread not found");
     });
   });