Introduced UfmToken interface type

Author: leekelleher

src/packages/core/extension-registry/models/ufm-component.model.ts

@@ -1,8 +1,8 @@
 import type { ManifestApi, UmbApi } from '@umbraco-cms/backoffice/extension-api';
-import type { Tokens } from '@umbraco-cms/backoffice/external/marked';
+import type { UfmToken } from '@umbraco-cms/backoffice/ufm';
 
 export interface UmbUfmComponentApi extends UmbApi {
-	render(token: Tokens.Generic): string | undefined;
+	render(token: UfmToken): string | undefined;
 }
 
 export interface MetaUfmComponent {

src/packages/ufm/plugins/marked-ufm.plugin.ts

@@ -3,7 +3,11 @@ import type { MarkedExtension, Tokens } from '@umbraco-cms/backoffice/external/m
 export interface UfmPlugin {
 	alias: string;
 	marker: string;
-	render?: (token: Tokens.Generic) => string | undefined;
+	render?: (token: UfmToken) => string | undefined;
+}
+
+export interface UfmToken extends Tokens.Generic {
+	text?: string;
 }
 
 export function ufm(plugins: Array<UfmPlugin> = []): MarkedExtension {

src/packages/ufm/ufm-components/label-value.component.ts

@@ -1,10 +1,11 @@
+import type { UfmToken } from '../plugins/marked-ufm.plugin.js';
 import { UmbUfmComponentBase } from './ufm-component-base.js';
-import type { Tokens } from '@umbraco-cms/backoffice/external/marked';
 
 import './label-value.element.js';
 
 export class UmbUfmLabelValueComponent extends UmbUfmComponentBase {
-	render(token: Tokens.Generic) {
+	render(token: UfmToken) {
+		if (!token.text) return;
 		return `<ufm-label-value alias="${token.text}"></ufm-label-value>`;
 	}
 }

src/packages/ufm/ufm-components/localize.component.ts

@@ -1,8 +1,9 @@
+import type { UfmToken } from '../plugins/marked-ufm.plugin.js';
 import { UmbUfmComponentBase } from './ufm-component-base.js';
-import type { Tokens } from '@umbraco-cms/backoffice/external/marked';
 
 export class UmbUfmLocalizeComponent extends UmbUfmComponentBase {
-	render(token: Tokens.Generic) {
+	render(token: UfmToken) {
+		if (!token.text) return;
 		return `<umb-localize key="${token.text}"></umb-localize>`;
 	}
 }

src/packages/ufm/ufm-components/ufm-component-base.ts

@@ -1,7 +1,7 @@
-import type { Tokens } from '@umbraco-cms/backoffice/external/marked';
+import type { UfmToken } from '../plugins/marked-ufm.plugin.js';
 import type { UmbUfmComponentApi } from '@umbraco-cms/backoffice/extension-registry';
 
 export abstract class UmbUfmComponentBase implements UmbUfmComponentApi {
-	abstract render(token: Tokens.Generic): string | undefined;
+	abstract render(token: UfmToken): string | undefined;
 	destroy() {}
 }