Installed Tiptap's StarterKit package

https://tiptap.dev/docs/editor/extensions/functionality/starterkit

This is to steamline the number of direct dependencies.

Author: leekelleher

package-lock.json

@@ -195,36 +195,20 @@
 	},
 	"dependencies": {
 		"@tiptap/core": "^2.7.4",
-		"@tiptap/extension-blockquote": "^2.7.4",
-		"@tiptap/extension-bold": "^2.7.4",
-		"@tiptap/extension-bullet-list": "^2.7.4",
-		"@tiptap/extension-code": "^2.7.4",
-		"@tiptap/extension-code-block": "^2.7.4",
-		"@tiptap/extension-document": "^2.7.4",
-		"@tiptap/extension-dropcursor": "^2.7.4",
-		"@tiptap/extension-gapcursor": "^2.7.4",
-		"@tiptap/extension-hard-break": "^2.7.4",
-		"@tiptap/extension-heading": "^2.7.4",
-		"@tiptap/extension-history": "^2.7.4",
-		"@tiptap/extension-horizontal-rule": "^2.7.4",
 		"@tiptap/extension-image": "^2.7.4",
-		"@tiptap/extension-italic": "^2.7.4",
 		"@tiptap/extension-link": "^2.7.4",
-		"@tiptap/extension-list-item": "^2.7.4",
-		"@tiptap/extension-ordered-list": "^2.7.4",
-		"@tiptap/extension-paragraph": "^2.7.4",
 		"@tiptap/extension-placeholder": "^2.7.4",
-		"@tiptap/extension-strike": "^2.7.4",
 		"@tiptap/extension-subscript": "^2.7.4",
 		"@tiptap/extension-superscript": "^2.7.4",
 		"@tiptap/extension-table": "^2.7.4",
 		"@tiptap/extension-table-cell": "^2.7.4",
 		"@tiptap/extension-table-header": "^2.7.4",
 		"@tiptap/extension-table-row": "^2.7.4",
-		"@tiptap/extension-text": "^2.7.4",
 		"@tiptap/extension-text-align": "^2.7.4",
+		"@tiptap/extension-text-style": "^2.8.0",
 		"@tiptap/extension-underline": "^2.7.4",
 		"@tiptap/pm": "^2.7.4",
+		"@tiptap/starter-kit": "^2.8.0",
 		"@types/diff": "^5.2.1",
 		"@types/dompurify": "^3.0.5",
 		"@types/uuid": "^10.0.0",

package.json

@@ -1,13 +1,8 @@
 // REQUIRED EXTENSIONS
 export * from '@tiptap/core';
-export { Document } from '@tiptap/extension-document';
-export { Dropcursor } from '@tiptap/extension-dropcursor';
-export { Gapcursor } from '@tiptap/extension-gapcursor';
-export { HardBreak } from '@tiptap/extension-hard-break';
-export { History } from '@tiptap/extension-history';
-export { Paragraph } from '@tiptap/extension-paragraph';
+export { StarterKit } from '@tiptap/starter-kit';
 export { Placeholder } from '@tiptap/extension-placeholder';
-export { Text } from '@tiptap/extension-text';
+export { TextStyle } from '@tiptap/extension-text-style';
 
 // OPTIONAL EXTENSIONS
 export { Blockquote } from '@tiptap/extension-blockquote';

src/external/tiptap/index.ts

@@ -2,17 +2,7 @@ import type { UmbTiptapExtensionApi, UmbTiptapToolbarValue } from '../../extensi
 import { css, customElement, html, property, state, when } from '@umbraco-cms/backoffice/external/lit';
 import { loadManifestApi } from '@umbraco-cms/backoffice/extension-api';
 import { umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry';
-import {
-	Document,
-	Dropcursor,
-	Editor,
-	Gapcursor,
-	HardBreak,
-	History,
-	Paragraph,
-	Placeholder,
-	Text,
-} from '@umbraco-cms/backoffice/external/tiptap';
+import { Editor, Placeholder, StarterKit, TextStyle } from '@umbraco-cms/backoffice/external/tiptap';
 import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { UmbFormControlMixin } from '@umbraco-cms/backoffice/validation';
@@ -26,12 +16,7 @@ const elementName = 'umb-input-tiptap';
 @customElement(elementName)
 export class UmbInputTiptapElement extends UmbFormControlMixin<string, typeof UmbLitElement, string>(UmbLitElement) {
 	readonly #requiredExtensions = [
-		Document,
-		Dropcursor,
-		Gapcursor,
-		HardBreak,
-		History,
-		Paragraph,
+		StarterKit,
 		Placeholder.configure({
 			placeholder: ({ node }) => {
 				if (node.type.name === 'heading') {
@@ -41,7 +26,7 @@ export class UmbInputTiptapElement extends UmbFormControlMixin<string, typeof Um
 				return this.localize.term('placeholders_rteParagraph');
 			},
 		}),
-		Text,
+		TextStyle,
 	];
 
 	@state()
@@ -106,6 +91,7 @@ export class UmbInputTiptapElement extends UmbFormControlMixin<string, typeof Um
 		if (!element) return;
 
 		const dimensions = this.configuration?.getValueByAlias<{ width?: number; height?: number }>('dimensions');
+		console.log(this.configuration, dimensions);
 		if (dimensions?.width) this.setAttribute('style', `max-width: ${dimensions.width}px;`);
 		if (dimensions?.height) element.setAttribute('style', `max-height: ${dimensions.height}px;`);