⬆️(dependencies) bump blocknote to 0.44.2

We bump the blocknote dependencies to version
0.44.2 to incorporate the latest features
and bug fixes.
It seems to fix an issue with Titap, when the text
was selected and the user clicked
on the Go Back button of the browser, the
application was crashing.
"[tiptap error]: The editor view is not available.
Cannot access view['dom']. The editor may not be
mounted yet."

Author: AntoLC

src/frontend/apps/impress/package.json

@@ -19,14 +19,14 @@
   },
   "dependencies": {
     "@ag-media/react-pdf-table": "2.0.3",
-    "@blocknote/code-block": "0.42.3",
-    "@blocknote/core": "0.42.3",
-    "@blocknote/mantine": "0.42.3",
-    "@blocknote/react": "0.42.3",
-    "@blocknote/xl-docx-exporter": "0.42.3",
-    "@blocknote/xl-multi-column": "0.42.3",
-    "@blocknote/xl-odt-exporter": "0.42.3",
-    "@blocknote/xl-pdf-exporter": "0.42.3",
+    "@blocknote/code-block": "0.44.2",
+    "@blocknote/core": "0.44.2",
+    "@blocknote/mantine": "0.44.2",
+    "@blocknote/react": "0.44.2",
+    "@blocknote/xl-docx-exporter": "0.44.2",
+    "@blocknote/xl-multi-column": "0.44.2",
+    "@blocknote/xl-odt-exporter": "0.44.2",
+    "@blocknote/xl-pdf-exporter": "0.44.2",
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/modifiers": "9.0.0",
     "@emoji-mart/data": "1.2.1",

src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx

@@ -6,6 +6,7 @@ import {
   defaultInlineContentSpecs,
   withPageBreak,
 } from '@blocknote/core';
+import { CommentsExtension } from '@blocknote/core/comments';
 import '@blocknote/core/fonts/inter.css';
 import * as locales from '@blocknote/core/locales';
 import { BlockNoteView } from '@blocknote/mantine';
@@ -101,7 +102,11 @@ export const BlockNoteEditor = ({ doc, provider }: BlockNoteEditorProps) => {
   const cursorName = collabName || t('Anonymous');
   const showCursorLabels: 'always' | 'activity' | (string & {}) = 'activity';
 
-  const threadStore = useComments(doc.id, canSeeComment, user);
+  const { resolveUsers, threadStore } = useComments(
+    doc.id,
+    canSeeComment,
+    user,
+  );
 
   const currentUserAvatarUrl = useMemo(() => {
     if (canSeeComment) {
@@ -162,22 +167,7 @@ export const BlockNoteEditor = ({ doc, provider }: BlockNoteEditorProps) => {
         multi_column:
           multiColumnLocales?.[lang as keyof typeof multiColumnLocales],
       },
-      resolveUsers: async (userIds) => {
-        return Promise.resolve(
-          userIds.map((encodedURIUserId) => {
-            const fullName = decodeURIComponent(encodedURIUserId);
-
-            return {
-              id: encodedURIUserId,
-              username: fullName || t('Anonymous'),
-              avatarUrl: avatarUrlFromName(
-                fullName,
-                themeTokens?.font?.families?.base,
-              ),
-            };
-          }),
-        );
-      },
+      extensions: [CommentsExtension({ threadStore, resolveUsers })],
       tables: {
         splitCells: true,
         cellBackgroundColor: true,
@@ -187,7 +177,7 @@ export const BlockNoteEditor = ({ doc, provider }: BlockNoteEditorProps) => {
       uploadFile,
       schema: blockNoteSchema,
     },
-    [cursorName, lang, provider, uploadFile, threadStore],
+    [cursorName, lang, provider, uploadFile, threadStore, resolveUsers],
   );
 
   useHeadings(editor);

src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteSuggestionMenu.tsx

@@ -1,4 +1,5 @@
-import { combineByGroup, filterSuggestionItems } from '@blocknote/core';
+import { combineByGroup } from '@blocknote/core';
+import { filterSuggestionItems } from '@blocknote/core/extensions';
 import {
   DefaultReactSuggestionItem,
   SuggestionMenuController,

src/frontend/apps/impress/src/features/docs/doc-editor/components/comments/CommentToolbarButton.tsx

@@ -3,9 +3,12 @@
  * https://github.com/TypeCellOS/BlockNote/blob/main/packages/react/src/components/FormattingToolbar/DefaultButtons/AddCommentButton.tsx
  */
 
+import { CommentsExtension } from '@blocknote/core/comments';
+import { FormattingToolbarExtension } from '@blocknote/core/extensions';
 import {
   useBlockNoteEditor,
   useComponentsContext,
+  useExtension,
   useSelectedBlocks,
 } from '@blocknote/react';
 import { useMemo } from 'react';
@@ -29,6 +32,10 @@ export const CommentToolbarButton = () => {
   const { t } = useTranslation();
   const { spacingsTokens, colorsTokens } = useCunninghamTheme();
   const { isDesktop } = useResponsiveStore();
+  const comments = useExtension('comments') as unknown as ReturnType<
+    ReturnType<typeof CommentsExtension>
+  >;
+  const { store } = useExtension(FormattingToolbarExtension);
 
   const editor = useBlockNoteEditor<
     DocsBlockSchema,
@@ -53,6 +60,7 @@ export const CommentToolbarButton = () => {
   };
 
   if (
+    !comments ||
     !isDesktop ||
     !show ||
     !editor.isEditable ||
@@ -67,8 +75,8 @@ export const CommentToolbarButton = () => {
       <Components.Generic.Toolbar.Button
         className="bn-button"
         onClick={() => {
-          editor.comments?.startPendingComment();
-          editor.formattingToolbar.closeMenu();
+          comments.startPendingComment();
+          store.setState(false);
           focusOnInputThread();
         }}
         aria-haspopup="dialog"

src/frontend/apps/impress/src/features/docs/doc-editor/components/comments/useComments.ts

@@ -1,6 +1,8 @@
-import { useEffect, useMemo } from 'react';
+import { useCallback, useEffect, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
 
-import { User } from '@/features/auth';
+import { useCunninghamTheme } from '@/cunningham';
+import { User, avatarUrlFromName } from '@/features/auth';
 import { Doc, useProviderStore } from '@/features/docs/doc-management';
 
 import { DocsThreadStore } from './DocsThreadStore';
@@ -12,6 +14,9 @@ export function useComments(
   user: User | null | undefined,
 ) {
   const { provider } = useProviderStore();
+  const { t } = useTranslation();
+  const { themeTokens } = useCunninghamTheme();
+
   const threadStore = useMemo(() => {
     return new DocsThreadStore(
       docId,
@@ -29,5 +34,25 @@ export function useComments(
     };
   }, [threadStore]);
 
-  return threadStore;
+  const resolveUsers = useCallback(
+    async (userIds: string[]) => {
+      return Promise.resolve(
+        userIds.map((encodedURIUserId) => {
+          const fullName = decodeURIComponent(encodedURIUserId);
+
+          return {
+            id: encodedURIUserId,
+            username: fullName || t('Anonymous'),
+            avatarUrl: avatarUrlFromName(
+              fullName,
+              themeTokens?.font?.families?.base,
+            ),
+          };
+        }),
+      );
+    },
+    [t, themeTokens?.font?.families?.base],
+  );
+
+  return { threadStore, resolveUsers };
 }

src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx

@@ -5,8 +5,8 @@ import {
   InlineContentSchema,
   StyleSchema,
   defaultProps,
-  insertOrUpdateBlock,
 } from '@blocknote/core';
+import { insertOrUpdateBlockForSlashMenu } from '@blocknote/core/extensions';
 import { BlockTypeSelectItem, createReactBlockSpec } from '@blocknote/react';
 import { TFunction } from 'i18next';
 import React, { useEffect, useState } from 'react';
@@ -156,7 +156,7 @@ export const getCalloutReactSlashMenuItems = (
     key: 'callout',
     title: t('Callout'),
     onItemClick: () => {
-      insertOrUpdateBlock(editor, {
+      insertOrUpdateBlockForSlashMenu(editor, {
         type: 'callout',
       });
     },

src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/PdfBlock.tsx

@@ -4,8 +4,8 @@ import {
   BlockNoteEditor,
   InlineContentSchema,
   StyleSchema,
-  insertOrUpdateBlock,
 } from '@blocknote/core';
+import { insertOrUpdateBlockForSlashMenu } from '@blocknote/core/extensions';
 import * as locales from '@blocknote/core/locales';
 import {
   AddFileButton,
@@ -139,7 +139,7 @@ export const getPdfReactSlashMenuItems = (
   {
     title: t('PDF'),
     onItemClick: () => {
-      insertOrUpdateBlock(editor, { type: 'pdf' });
+      insertOrUpdateBlockForSlashMenu(editor, { type: 'pdf' });
     },
     aliases: [t('pdf'), t('document'), t('embed'), t('file')],
     group,

src/frontend/servers/y-provider/package.json

@@ -16,7 +16,7 @@
     "node": ">=22"
   },
   "dependencies": {
-    "@blocknote/server-util": "0.42.3",
+    "@blocknote/server-util": "0.44.2",
     "@hocuspocus/server": "3.4.0",
     "@sentry/node": "10.26.0",
     "@sentry/profiling-node": "10.26.0",
@@ -30,7 +30,7 @@
     "yjs": "*"
   },
   "devDependencies": {
-    "@blocknote/core": "0.42.3",
+    "@blocknote/core": "0.44.2",
     "@hocuspocus/provider": "3.4.0",
     "@types/cors": "2.8.19",
     "@types/express": "5.0.5",