feat: migrate to Umbraco.RichText and data-content-key

Author: iOvergaard

src/packages/block/block-rte/tiptap-extension/block.extension.ts

@@ -1,4 +1,4 @@
-import { UMB_DATA_CONTENT_UDI, type UmbBlockRteLayoutModel } from '../types.js';
+import { UMB_DATA_CONTENT_KEY, type UmbBlockRteLayoutModel } from '../types.js';
 import { UMB_BLOCK_RTE_MANAGER_CONTEXT } from '../context/index.js';
 import { UmbTiptapExtensionApiBase } from '@umbraco-cms/backoffice/tiptap';
 import { Node } from '@umbraco-cms/backoffice/external/tiptap';
@@ -28,7 +28,7 @@ const umbRteBlock = Node.create({
 
 	addAttributes() {
 		return {
-			[UMB_DATA_CONTENT_UDI]: {
+			[UMB_DATA_CONTENT_KEY]: {
 				isRequired: true,
 			},
 		};
@@ -47,7 +47,7 @@ const umbRteBlock = Node.create({
 			setBlock:
 				(options) =>
 				({ commands }) => {
-					const attrs = { [UMB_DATA_CONTENT_UDI]: options.contentUdi };
+					const attrs = { [UMB_DATA_CONTENT_KEY]: options.contentUdi };
 					return commands.insertContent({
 						type: this.name,
 						attrs,
@@ -75,7 +75,7 @@ const umbRteBlockInline = umbRteBlock.extend({
 			setBlockInline:
 				(options) =>
 				({ commands }) => {
-					const attrs = { [UMB_DATA_CONTENT_UDI]: options.contentUdi };
+					const attrs = { [UMB_DATA_CONTENT_KEY]: options.contentUdi };
 					return commands.insertContent({
 						type: this.name,
 						attrs,
@@ -111,7 +111,7 @@ export default class UmbTiptapBlockElementApi extends UmbTiptapExtensionApiBase
 		if (!editor) return;
 
 		const existingBlocks = Array.from(editor.view.dom.querySelectorAll('umb-rte-block, umb-rte-block-inline')).map(
-			(x) => x.getAttribute(UMB_DATA_CONTENT_UDI),
+			(x) => x.getAttribute(UMB_DATA_CONTENT_KEY),
 		);
 		const newBlocks = blocks.filter((x) => !existingBlocks.find((contentUdi) => contentUdi === x.udi));
 

src/packages/block/block-rte/types.ts

@@ -3,7 +3,15 @@ import type { UmbBlockLayoutBaseModel, UmbBlockValueType } from '@umbraco-cms/ba
 
 export const UMB_BLOCK_RTE_TYPE = 'block-rte-type';
 export const UMB_BLOCK_RTE = 'block-rte';
+/**
+ * The attribute where the block content key is stored.
+ * @deprecated Use {@link UMB_DATA_CONTENT_KEY} instead
+ */
 export const UMB_DATA_CONTENT_UDI = 'data-content-udi';
+/**
+ * The attribute where the block content key is stored.
+ */
+export const UMB_DATA_CONTENT_KEY = 'data-content-key';
 
 export interface UmbBlockRteTypeModel extends UmbBlockTypeBaseModel {
 	displayInline: boolean;

src/packages/rte/components/rte-base.element.ts

@@ -18,7 +18,7 @@ export interface UmbRichTextEditorValueType {
 	blocks: UmbBlockValueType<UmbBlockRteLayoutModel>;
 }
 
-export const UMB_BLOCK_RTE_BLOCK_LAYOUT_ALIAS = 'Umbraco.TinyMCE';
+export const UMB_BLOCK_RTE_BLOCK_LAYOUT_ALIAS = 'Umbraco.RichText';
 
 export abstract class UmbRteBaseElement extends UmbLitElement implements UmbPropertyEditorUiElement {
 	public set config(config: UmbPropertyEditorConfigCollection | undefined) {