⬆️(dependencies) upgrade Blocknote to last version

Last version of Blocknote includes fixes for some
issues related to comments.
It introduces as well a bug about "previewWidth",
plus compatibility issues with "prosemirror-state".
This commit fixes those issues.

Author: AntoLC

src/frontend/apps/impress/package.json

@@ -19,13 +19,13 @@
   },
   "dependencies": {
     "@ag-media/react-pdf-table": "2.0.3",
-    "@blocknote/code-block": "0.41.1",
-    "@blocknote/core": "0.41.1",
-    "@blocknote/mantine": "0.41.1",
-    "@blocknote/react": "0.41.1",
-    "@blocknote/xl-docx-exporter": "0.41.1",
-    "@blocknote/xl-multi-column": "0.41.1",
-    "@blocknote/xl-pdf-exporter": "0.41.1",
+    "@blocknote/code-block": "0.42.0",
+    "@blocknote/core": "0.42.0",
+    "@blocknote/mantine": "0.42.0",
+    "@blocknote/react": "0.42.0",
+    "@blocknote/xl-docx-exporter": "0.42.0",
+    "@blocknote/xl-multi-column": "0.42.0",
+    "@blocknote/xl-pdf-exporter": "0.42.0",
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/modifiers": "9.0.0",
     "@emoji-mart/data": "1.2.1",
@@ -42,6 +42,7 @@
     "@react-pdf/renderer": "4.3.1",
     "@sentry/nextjs": "10.22.0",
     "@tanstack/react-query": "5.90.6",
+    "@tiptap/core": "3.10.1",
     "@tiptap/extensions": "3.10.1",
     "canvg": "4.0.3",
     "clsx": "2.1.1",

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

@@ -53,15 +53,68 @@ import XLMultiColumn from './xl-multi-column';
 const multiColumnLocales = XLMultiColumn?.locales;
 const withMultiColumn = XLMultiColumn?.withMultiColumn;
 
+// Patch video/file/audio/image blocks to have a valid number default for previewWidth
+// This fixes the ProseMirror error: "No value supplied for attribute previewWidth"
+// BlockNote's default blocks use `undefined` which causes runtime errors
+const patchedVideoBlock = {
+  ...defaultBlockSpecs.video,
+  config: {
+    ...defaultBlockSpecs.video.config,
+    propSchema: {
+      ...defaultBlockSpecs.video.config.propSchema,
+      previewWidth: { default: 512, type: 'number' as const },
+    },
+  },
+};
+
+const patchedFileBlock = {
+  ...defaultBlockSpecs.file,
+  config: {
+    ...defaultBlockSpecs.file.config,
+    propSchema: {
+      ...defaultBlockSpecs.file.config.propSchema,
+      previewWidth: { default: 512, type: 'number' as const },
+    },
+  },
+};
+
+const patchedAudioBlock = {
+  ...defaultBlockSpecs.audio,
+  config: {
+    ...defaultBlockSpecs.audio.config,
+    propSchema: {
+      ...defaultBlockSpecs.audio.config.propSchema,
+      previewWidth: { default: 512, type: 'number' as const },
+    },
+  },
+};
+
+const patchedImageBlock = () => {
+  const imageSpec = AccessibleImageBlock();
+  return {
+    ...imageSpec,
+    config: {
+      ...imageSpec.config,
+      propSchema: {
+        ...imageSpec.config.propSchema,
+        previewWidth: { default: 512, type: 'number' as const },
+      },
+    },
+  };
+};
+
 const baseBlockNoteSchema = withPageBreak(
   BlockNoteSchema.create({
     blockSpecs: {
       ...defaultBlockSpecs,
+      audio: patchedAudioBlock,
       callout: CalloutBlock(),
       codeBlock: createCodeBlockSpec(codeBlockOptions),
-      image: AccessibleImageBlock(),
+      file: patchedFileBlock,
+      image: patchedImageBlock(),
       pdf: PdfBlock(),
       uploadLoader: UploadLoaderBlock(),
+      video: patchedVideoBlock,
     },
     inlineContentSpecs: {
       ...defaultInlineContentSpecs,

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

@@ -173,5 +173,4 @@ export const getCalloutFormattingToolbarItems = (
   name: t('Callout'),
   type: 'callout',
   icon: () => <Icon iconName="lightbulb" $size="16px" />,
-  isSelected: (block) => block.type === 'callout',
 });

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

@@ -36,7 +36,7 @@ type CreatePDFBlockConfig = BlockConfig<
     backgroundColor: { default: 'default' };
     caption: { default: '' };
     name: { default: '' };
-    previewWidth: { default: undefined; type: 'number' };
+    previewWidth: { default: 512; type: 'number' };
     showPreview: { default: true };
     textAlignment: { default: 'left' };
     url: { default: '' };
@@ -117,7 +117,7 @@ export const PdfBlock = createReactBlockSpec(
       backgroundColor: { default: 'default' as const },
       caption: { default: '' as const },
       name: { default: '' as const },
-      previewWidth: { default: undefined, type: 'number' },
+      previewWidth: { default: 512, type: 'number' },
       showPreview: { default: true },
       textAlignment: { default: 'left' as const },
       url: { default: '' as const },

src/frontend/package.json

@@ -36,8 +36,9 @@
     "@types/react-dom": "19.2.2",
     "@typescript-eslint/eslint-plugin": "8.46.2",
     "@typescript-eslint/parser": "8.46.2",
-    "docx": "9.5.0",
+    "docx": "9.5.1",
     "eslint": "9.39.0",
+    "prosemirror-state": "1.4.3",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "typescript": "5.9.3",

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

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