chore(deps): Update Node.js version and package dependencies (dotCMS#31990)

- Updated Node.js version in  and  to v22.15.0.
- Adjusted package dependencies in , including updates to , , and
various Babel packages for improved compatibility and performance.
- Enhanced type imports in for better type safety and clarity in Angular
component properties.
- Refactored  to streamline imports and improve code organization.

These changes aim to ensure compatibility with the latest Node.js
features and enhance overall project maintainability.

---------

Co-authored-by: Jose Castro <[email protected]>

Author: oidacra

.nvmrc

@@ -1 +1 @@
-v18.20.3
+v22.15.0

core-web/.nvmrc

@@ -1 +1 @@
-v18.20.3
+v22.15.0

core-web/libs/block-editor/src/lib/NodeViewRenderer.ts

@@ -13,24 +13,28 @@ import {
 import { AngularRenderer } from './AngularRenderer';
 
 import type { Node as ProseMirrorNode } from 'prosemirror-model';
-import type { Decoration } from 'prosemirror-view';
+import type { DecorationSource } from 'prosemirror-view';
+import { DecorationSet } from 'prosemirror-view';
 
 export type toJSONFn = (this: { node: ProseMirrorNode }) => Record<string, unknown>;
 
 @Component({ template: '' })
 export class AngularNodeViewComponent implements NodeViewProps {
     @Input() editor!: NodeViewProps['editor'];
     @Input() node!: NodeViewProps['node'];
-    @Input() decorations!: NodeViewProps['decorations'];
+    @Input() decorations!: readonly DecorationWithType[];
     @Input() selected!: NodeViewProps['selected'];
     @Input() extension!: NodeViewProps['extension'];
     @Input() getPos!: NodeViewProps['getPos'];
     @Input() updateAttributes!: NodeViewProps['updateAttributes'];
     @Input() deleteNode!: NodeViewProps['deleteNode'];
+    @Input() view!: NodeViewProps['view'];
+    @Input() innerDecorations!: DecorationSource;
+    @Input() HTMLAttributes!: NodeViewProps['HTMLAttributes'];
 }
 
 interface AngularNodeViewRendererOptions extends NodeViewRendererOptions {
-    update?: ((node: ProseMirrorNode, decorations: Decoration[]) => boolean) | null;
+    update?: ((node: ProseMirrorNode, decorations: DecorationWithType[]) => boolean) | null;
     toJSON?: toJSONFn;
     injector: Injector;
 }
@@ -42,19 +46,23 @@ class AngularNodeView extends NodeView<
 > {
     renderer!: AngularRenderer<AngularNodeViewComponent, NodeViewProps>;
     contentDOMElement!: HTMLElement | null;
+    override decorations!: readonly DecorationWithType[];
 
     override mount() {
         const injector = this.options.injector as Injector;
 
         const props: NodeViewProps = {
             editor: this.editor,
             node: this.node,
-            decorations: this.decorations,
+            decorations: this.decorations as readonly DecorationWithType[],
             selected: false,
             extension: this.extension,
             getPos: () => this.getPos(),
             updateAttributes: (attributes = {}) => this.updateAttributes(attributes),
-            deleteNode: () => this.deleteNode()
+            deleteNode: () => this.deleteNode(),
+            view: this.editor.view,
+            innerDecorations: DecorationSet.empty,
+            HTMLAttributes: {}
         };
 
         // create renderer

core-web/libs/block-editor/src/lib/extensions/bubble-link-form/bubble-link-form.extension.ts

@@ -19,6 +19,8 @@ declare module '@tiptap/core' {
         bubbleLinkForm: {
             openLinkForm: ({ openOnClick }) => ReturnType;
             closeLinkForm: () => ReturnType;
+            setHighlight: () => ReturnType;
+            unsetHighlight: () => ReturnType;
         };
     }
 }
@@ -47,7 +49,6 @@ export const BubbleLinkFormExtension = (viewContainerRef: ViewContainerRef, lang
                             ?.setHighlight?.()
                             .command(({ tr }) => {
                                 tr.setMeta(LINK_FORM_PLUGIN_KEY, { isOpen: true, openOnClick });
-
                                 return true;
                             })
                             .freezeScroll(true)
@@ -64,7 +65,6 @@ export const BubbleLinkFormExtension = (viewContainerRef: ViewContainerRef, lang
                                     isOpen: false,
                                     openOnClick: false
                                 });
-
                                 return true;
                             })
                             .freezeScroll(false)

core-web/libs/block-editor/src/lib/extensions/bubble-menu/plugins/dot-bubble-menu.plugin.ts

@@ -9,6 +9,8 @@ import { filter, take } from 'rxjs/operators';
 import { posToDOMRect } from '@tiptap/core';
 import { BubbleMenuView } from '@tiptap/extension-bubble-menu';
 
+import { DotContentTypeService, DotMessageService } from '@dotcms/data-access';
+import { FeaturedFlags } from '@dotcms/dotcms-models';
 import { ImageNode } from '../../../nodes';
 import {
     changeToItems,
@@ -33,8 +35,6 @@ import {
     popperModifiers,
     setBubbleMenuCoords
 } from '../utils';
-import { DotContentTypeService, DotMessageService } from '@dotcms/data-access';
-import { FeaturedFlags } from '@dotcms/dotcms-models';
 
 export const DotBubbleMenuPlugin = (options: DotBubbleMenuPluginProps) => {
     const component = options.component.instance;
@@ -168,6 +168,7 @@ export class DotBubbleMenuPluginView extends BubbleMenuView {
 
         this.shouldShowProp = this.shouldShow?.({
             editor: this.editor,
+            element: this.element,
             view,
             state,
             oldState,

core-web/package.json

@@ -3,7 +3,7 @@
     "version": "23.4.0-next.1",
     "license": "MIT",
     "engines": {
-        "node": ">=18.20.3"
+        "node": ">=v22.15.0"
     },
     "scripts": {
         "ng": "nx",