update blocknote version, include new dependencies, adjust frontend accordingly

Author: brunopagno

frontend/angular.json

@@ -53,7 +53,6 @@
                 "bundleName": "backlogs"
               },
               "src/styles.scss",
-              "node_modules/@blocknote/mantine/dist/style.css",
               "node_modules/codemirror/lib/codemirror.css",
               "src/vendor/jquery-ui-1.14.1/jquery-ui.css",
               "src/vendor/jquery-ui-1.14.1/jquery-ui.structure.css",

frontend/package.json

@@ -80,9 +80,9 @@
     "@appsignal/javascript": "^1.6.1",
     "@appsignal/plugin-breadcrumbs-console": "^1.1.37",
     "@appsignal/plugin-breadcrumbs-network": "^1.1.24",
-    "@blocknote/core": "^0.38.0",
-    "@blocknote/mantine": "^0.38.0",
-    "@blocknote/react": "^0.38.0",
+    "@blocknote/core": "^0.41.1",
+    "@blocknote/mantine": "^0.41.1",
+    "@blocknote/react": "^0.41.1",
     "@braintree/sanitize-url": "^7.1.1",
     "@datorama/akita": "^8.0.1",
     "@floating-ui/dom": "^1.2.1",
@@ -104,6 +104,9 @@
     "@hotwired/turbo": "^8.0.18",
     "@hotwired/turbo-rails": "^8.0.18",
     "@kolkov/ngx-gallery": "^2.0.1",
+    "@mantine/core": "^8.3.5",
+    "@mantine/hooks": "^8.3.5",
+    "@mantine/utils": "^6.0.22",
     "@ng-select/ng-option-highlight": "^20.3.0",
     "@ng-select/ng-select": "^20.1.0",
     "@ngneat/content-loader": "^7.0.0",
@@ -117,6 +120,7 @@
     "@primer/view-components": "npm:@openproject/primer-view-components@^0.75.2",
     "@rails/request.js": "^0.0.12",
     "@stimulus-components/auto-submit": "^6.0.0",
+    "@tiptap/extensions": "^3.7.0",
     "@types/hotwired__turbo": "^8.0.1",
     "@types/jquery.cookie": "^1.4.36",
     "@uirouter/angular": "^17.0.0",
@@ -157,7 +161,7 @@
     "ng2-dragula": "^6.0.0",
     "ngx-cookie-service": "^20.0.1",
     "observable-array": "0.0.4",
-    "op-blocknote-extensions": "https://github.com/opf/op-blocknote-extensions/releases/download/v0.0.6/op-blocknote-extensions-0.0.6.tgz",
+    "op-blocknote-extensions": "https://github.com/opf/op-blocknote-extensions/releases/download/v0.0.8/op-blocknote-extensions-0.0.8.tgz",
     "pako": "^2.0.3",
     "qr-creator": "^1.0.0",
     "react": "^19.1.0",

frontend/src/react/OpBlockNoteContainer.tsx

@@ -29,18 +29,19 @@
  */
 
 import { BlockNoteSchema, defaultBlockSpecs, filterSuggestionItems } from '@blocknote/core';
+import {
+    DefaultThreadStoreAuth,
+    User,
+    YjsThreadStore,
+} from '@blocknote/core/comments';
 import { BlockNoteView } from '@blocknote/mantine';
+import "@blocknote/mantine/style.css";
 import { getDefaultReactSlashMenuItems, SuggestionMenuController, useCreateBlockNote } from '@blocknote/react';
-import { initOpenProjectApi, getDefaultOpenProjectSlashMenuItems, openProjectWorkPackageBlockSpec } from 'op-blocknote-extensions';
-import { useEffect, useState } from 'react';
-import { OpColorMode } from 'core-app/core/setup/globals/theme-utils';
 import { HocuspocusProvider } from '@hocuspocus/provider';
+import { OpColorMode } from 'core-app/core/setup/globals/theme-utils';
+import { getDefaultOpenProjectSlashMenuItems, initOpenProjectApi, openProjectWorkPackageBlockSpec } from 'op-blocknote-extensions';
+import { useEffect, useState } from 'react';
 import * as Y from 'yjs';
-import {
-  DefaultThreadStoreAuth,
-  YjsThreadStore,
-} from '@blocknote/core/comments';
-import { User } from '@blocknote/core/comments';
 
 export interface OpBlockNoteContainerProps {
   inputField:HTMLInputElement;
@@ -56,7 +57,7 @@ export interface OpBlockNoteContainerProps {
 const schema = BlockNoteSchema.create({
   blockSpecs: {
     ...defaultBlockSpecs,
-    openProjectWorkPackage: openProjectWorkPackageBlockSpec,
+    openProjectWorkPackage: openProjectWorkPackageBlockSpec(),
   },
 });