@umbraco-cms/backoffice 14.2.0 → 14.3.0

package/dist-cms/packages/ufm/components/localize/localize.element.js

@@ -0,0 +1,29 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { UmbUfmElementBase } from '../ufm-element-base.js';
+import { customElement, property } from '../../../../external/lit/index.js';
+const elementName = 'ufm-localize';
+let UmbUfmLocalizeElement = class UmbUfmLocalizeElement extends UmbUfmElementBase {
+    set alias(value) {
+        if (!value)
+            return;
+        this.#alias = value;
+        this.value = this.localize.term(value);
+    }
+    get alias() {
+        return this.#alias;
+    }
+    #alias;
+};
+__decorate([
+    property()
+], UmbUfmLocalizeElement.prototype, "alias", null);
+UmbUfmLocalizeElement = __decorate([
+    customElement(elementName)
+], UmbUfmLocalizeElement);
+export { UmbUfmLocalizeElement };
+export { UmbUfmLocalizeElement as element };

package/dist-cms/packages/ufm/components/manifests.d.ts

@@ -0,0 +1,2 @@
+import type { ManifestUfmComponent } from '../../core/extension-registry/index.js';
+export declare const manifests: Array<ManifestUfmComponent>;

package/dist-cms/packages/ufm/components/manifests.js

@@ -0,0 +1,23 @@
+export const manifests = [
+    {
+        type: 'ufmComponent',
+        alias: 'Umb.Markdown.LabelValue',
+        name: 'Label Value UFM Component',
+        api: () => import('./label-value/label-value.component.js'),
+        meta: { marker: '=' },
+    },
+    {
+        type: 'ufmComponent',
+        alias: 'Umb.Markdown.Localize',
+        name: 'Localize UFM Component',
+        api: () => import('./localize/localize.component.js'),
+        meta: { marker: '#' },
+    },
+    {
+        type: 'ufmComponent',
+        alias: 'Umb.Markdown.ContentName',
+        name: 'Content Name UFM Component',
+        api: () => import('./content-name/content-name.component.js'),
+        meta: { marker: '~' },
+    },
+];

package/dist-cms/packages/ufm/{ufm-components → components}/ufm-component-base.d.ts

@@ -1,6 +1,7 @@
 import type { UfmToken } from '../plugins/marked-ufm.plugin.js';
 import type { UmbUfmComponentApi } from '../../core/extension-registry/index.js';
 export declare abstract class UmbUfmComponentBase implements UmbUfmComponentApi {
+    protected getAttributes(text: string): string | null;
     abstract render(token: UfmToken): string | undefined;
     destroy(): void;
 }

package/dist-cms/packages/ufm/components/ufm-component-base.js

@@ -0,0 +1,16 @@
+export class UmbUfmComponentBase {
+    getAttributes(text) {
+        if (!text)
+            return null;
+        const pipeIndex = text.indexOf('|');
+        if (pipeIndex === -1) {
+            return `alias="${text.trim()}"`;
+        }
+        const alias = text.substring(0, pipeIndex).trim();
+        const filters = text.substring(pipeIndex + 1).trim();
+        return Object.entries({ alias, filters })
+            .map(([key, value]) => (value ? `${key}="${value.trim()}"` : null))
+            .join(' ');
+    }
+    destroy() { }
+}

package/dist-cms/packages/ufm/components/ufm-element-base.d.ts

@@ -0,0 +1,10 @@
+import { nothing } from '../../../external/lit/index.js';
+import { UmbLitElement } from '../../core/lit-element/index.js';
+export declare abstract class UmbUfmElementBase extends UmbLitElement {
+    #private;
+    set filters(value: string | undefined);
+    get filters(): string | undefined;
+    value?: unknown;
+    constructor();
+    render(): string | typeof nothing;
+}

package/dist-cms/packages/ufm/components/ufm-element-base.js

@@ -0,0 +1,54 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { UMB_UFM_CONTEXT } from '../contexts/ufm.context.js';
+import { nothing, property, state } from '../../../external/lit/index.js';
+import { UmbLitElement } from '../../core/lit-element/index.js';
+// eslint-disable-next-line local-rules/enforce-element-suffix-on-element-class-name
+export class UmbUfmElementBase extends UmbLitElement {
+    #filterFuncArgs;
+    set filters(value) {
+        this.#filters = value;
+        this.#filterFuncArgs = value
+            ?.split('|')
+            .filter((item) => item)
+            .map((item) => {
+            const [alias, ...args] = item.split(':').map((x) => x.trim());
+            return { alias, args };
+        });
+    }
+    get filters() {
+        return this.#filters;
+    }
+    #filters;
+    #ufmContext;
+    constructor() {
+        super();
+        this.consumeContext(UMB_UFM_CONTEXT, (ufmContext) => {
+            this.#ufmContext = ufmContext;
+        });
+    }
+    render() {
+        if (!this.#ufmContext)
+            return nothing;
+        let values = Array.isArray(this.value) ? this.value : [this.value];
+        if (this.#filterFuncArgs) {
+            for (const item of this.#filterFuncArgs) {
+                const filter = this.#ufmContext.getFilterByAlias(item.alias);
+                if (filter) {
+                    values = values.map((value) => filter(value, ...item.args));
+                }
+            }
+        }
+        return values.join(', ');
+    }
+}
+__decorate([
+    property()
+], UmbUfmElementBase.prototype, "filters", null);
+__decorate([
+    state()
+], UmbUfmElementBase.prototype, "value", void 0);

package/dist-cms/packages/ufm/components/ufm-render/ufm-render.element.d.ts

@@ -1,6 +1,4 @@
-import { Marked } from '../../../../external/marked/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
-export declare const UmbMarked: Marked;
 declare const elementName = "umb-ufm-render";
 export declare class UmbUfmRenderElement extends UmbLitElement {
     #private;

package/dist-cms/packages/ufm/components/ufm-render/ufm-render.element.js

@@ -4,40 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { ufm } from '../../plugins/marked-ufm.plugin.js';
+import { UMB_UFM_CONTEXT } from '../../contexts/ufm.context.js';
 import { UmbUfmRenderContext } from './ufm-render.context.js';
 import { css, customElement, nothing, property, unsafeHTML, until } from '../../../../external/lit/index.js';
-import { DOMPurify } from '../../../../external/dompurify/index.js';
-import { Marked } from '../../../../external/marked/index.js';
-import { UmbExtensionsApiInitializer } from '../../../../libs/extension-api/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
 import { UmbTextStyles } from '../../../core/style/index.js';
-import { umbExtensionsRegistry } from '../../../core/extension-registry/index.js';
-const UmbDomPurify = DOMPurify(window);
-const UmbDomPurifyConfig = {
-    USE_PROFILES: { html: true },
-    CUSTOM_ELEMENT_HANDLING: {
-        tagNameCheck: /^(?:ufm|umb|uui)-.*$/,
-        attributeNameCheck: /.+/,
-        allowCustomizedBuiltInElements: false,
-    },
-};
-UmbDomPurify.addHook('afterSanitizeAttributes', function (node) {
-    // set all elements owning target to target=_blank
-    if ('target' in node) {
-        node.setAttribute('target', '_blank');
-    }
-});
-export const UmbMarked = new Marked({
-    async: true,
-    gfm: true,
-    breaks: true,
-    hooks: {
-        postprocess: (markup) => {
-            return UmbDomPurify.sanitize(markup, UmbDomPurifyConfig);
-        },
-    },
-});
 const elementName = 'umb-ufm-render';
 let UmbUfmRenderElement = class UmbUfmRenderElement extends UmbLitElement {
     #context;
@@ -48,33 +19,22 @@ let UmbUfmRenderElement = class UmbUfmRenderElement extends UmbLitElement {
     get value() {
         return this.#context.getValue();
     }
+    #ufmContext;
     constructor() {
         super();
         this.#context = new UmbUfmRenderContext(this);
         this.inline = false;
-        new UmbExtensionsApiInitializer(this, umbExtensionsRegistry, 'ufmComponent', [], undefined, (controllers) => {
-            UmbMarked.use(ufm(controllers
-                .map((controller) => {
-                const ctrl = controller;
-                if (!ctrl.manifest || !ctrl.api)
-                    return;
-                return {
-                    alias: ctrl.manifest.alias,
-                    marker: ctrl.manifest.meta.marker,
-                    render: ctrl.api.render,
-                };
-            })
-                .filter((x) => x)));
-            this.requestUpdate('markdown');
+        this.consumeContext(UMB_UFM_CONTEXT, (ufmContext) => {
+            this.#ufmContext = ufmContext;
         });
     }
     render() {
         return until(this.#renderMarkdown());
     }
     async #renderMarkdown() {
-        if (!this.markdown)
+        if (!this.#ufmContext || !this.markdown)
             return null;
-        const markup = !this.inline ? await UmbMarked.parse(this.markdown) : await UmbMarked.parseInline(this.markdown);
+        const markup = await this.#ufmContext.parse(this.markdown, this.inline);
         return markup ? unsafeHTML(markup) : nothing;
     }
     static { this.styles = [

package/dist-cms/packages/ufm/contexts/index.d.ts

@@ -0,0 +1 @@
+export * from './ufm.context.js';

package/dist-cms/packages/ufm/contexts/index.js

@@ -0,0 +1 @@
+export * from './ufm.context.js';

package/dist-cms/packages/ufm/contexts/manifest.d.ts

@@ -0,0 +1,2 @@
+import type { ManifestGlobalContext } from '../../core/extension-registry/index.js';
+export declare const manifest: ManifestGlobalContext;

package/dist-cms/packages/ufm/contexts/manifest.js

@@ -0,0 +1,6 @@
+export const manifest = {
+    type: 'globalContext',
+    alias: 'Umb.GlobalContext.Ufm',
+    name: 'UFM Context',
+    api: () => import('./ufm.context.js'),
+};

package/dist-cms/packages/ufm/contexts/ufm.context.d.ts

@@ -0,0 +1,18 @@
+import { Marked } from '../../../external/marked/index.js';
+import { UmbContextBase } from '../../../libs/class-api/index.js';
+import { UmbContextToken } from '../../../libs/context-api/index.js';
+import type { UmbControllerHost } from '../../../libs/controller-api/index.js';
+export declare const UmbMarked: Marked;
+type UmbUfmFilterType = {
+    alias: string;
+    filter: ((...args: Array<unknown>) => string | undefined | null) | undefined;
+};
+export declare class UmbUfmContext extends UmbContextBase<UmbUfmContext> {
+    #private;
+    readonly filters: import("rxjs/internal/Observable").Observable<UmbUfmFilterType[]>;
+    constructor(host: UmbControllerHost);
+    getFilterByAlias(alias: string): ((...args: Array<unknown>) => string | undefined | null) | undefined;
+    parse(markdown: string, inline: boolean): Promise<string>;
+}
+export declare const UMB_UFM_CONTEXT: UmbContextToken<UmbUfmContext, UmbUfmContext>;
+export { UmbUfmContext as api };

package/dist-cms/packages/ufm/contexts/ufm.context.js

@@ -0,0 +1,74 @@
+import { ufm } from '../plugins/marked-ufm.plugin.js';
+import { DOMPurify } from '../../../external/dompurify/index.js';
+import { Marked } from '../../../external/marked/index.js';
+import { UmbArrayState } from '../../../libs/observable-api/index.js';
+import { UmbContextBase } from '../../../libs/class-api/index.js';
+import { UmbContextToken } from '../../../libs/context-api/index.js';
+import { UmbExtensionsApiInitializer } from '../../../libs/extension-api/index.js';
+import { umbExtensionsRegistry } from '../../core/extension-registry/index.js';
+const UmbDomPurify = DOMPurify(window);
+const UmbDomPurifyConfig = {
+    USE_PROFILES: { html: true },
+    CUSTOM_ELEMENT_HANDLING: {
+        tagNameCheck: /^(?:ufm|umb|uui)-.*$/,
+        attributeNameCheck: /.+/,
+        allowCustomizedBuiltInElements: false,
+    },
+};
+UmbDomPurify.addHook('afterSanitizeAttributes', function (node) {
+    // set all elements owning target to target=_blank
+    if ('target' in node) {
+        node.setAttribute('target', '_blank');
+    }
+});
+export const UmbMarked = new Marked({
+    async: true,
+    gfm: true,
+    breaks: true,
+    hooks: {
+        postprocess: (markup) => {
+            return UmbDomPurify.sanitize(markup, UmbDomPurifyConfig);
+        },
+    },
+});
+export class UmbUfmContext extends UmbContextBase {
+    #filters;
+    constructor(host) {
+        super(host, UMB_UFM_CONTEXT);
+        this.#filters = new UmbArrayState([], (x) => x.alias);
+        this.filters = this.#filters.asObservable();
+        new UmbExtensionsApiInitializer(this, umbExtensionsRegistry, 'ufmComponent', [], undefined, (controllers) => {
+            UmbMarked.use(ufm(controllers
+                .map((controller) => {
+                const ctrl = controller;
+                if (!ctrl.manifest || !ctrl.api)
+                    return;
+                return {
+                    alias: ctrl.manifest.alias,
+                    marker: ctrl.manifest.meta.marker,
+                    render: ctrl.api.render,
+                };
+            })
+                .filter((x) => x)));
+        });
+        new UmbExtensionsApiInitializer(this, umbExtensionsRegistry, 'ufmFilter', [], undefined, (controllers) => {
+            const filters = controllers
+                .map((controller) => {
+                const ctrl = controller;
+                if (!ctrl.manifest || !ctrl.api)
+                    return null;
+                return { alias: ctrl.manifest.meta.alias, filter: ctrl.api.filter };
+            })
+                .filter((x) => x);
+            this.#filters.setValue(filters);
+        });
+    }
+    getFilterByAlias(alias) {
+        return this.#filters.getValue().find((x) => x.alias === alias)?.filter;
+    }
+    async parse(markdown, inline) {
+        return !inline ? await UmbMarked.parse(markdown) : await UmbMarked.parseInline(markdown);
+    }
+}
+export const UMB_UFM_CONTEXT = new UmbContextToken('UmbUfmContext');
+export { UmbUfmContext as api };

package/dist-cms/packages/ufm/filters/fallback.filter.d.ts

@@ -0,0 +1,5 @@
+import { UmbUfmFilterBase } from '../types.js';
+declare class UmbUfmFallbackFilterApi extends UmbUfmFilterBase {
+    filter(str: string, fallback: string): string;
+}
+export { UmbUfmFallbackFilterApi as api };

package/dist-cms/packages/ufm/filters/fallback.filter.js

@@ -0,0 +1,7 @@
+import { UmbUfmFilterBase } from '../types.js';
+class UmbUfmFallbackFilterApi extends UmbUfmFilterBase {
+    filter(str, fallback) {
+        return typeof str !== 'string' || str ? str : fallback;
+    }
+}
+export { UmbUfmFallbackFilterApi as api };

package/dist-cms/packages/ufm/filters/lowercase.filter.d.ts

@@ -0,0 +1,5 @@
+import { UmbUfmFilterBase } from '../types.js';
+declare class UmbUfmLowercaseFilterApi extends UmbUfmFilterBase {
+    filter(str?: string): string | undefined;
+}
+export { UmbUfmLowercaseFilterApi as api };

package/dist-cms/packages/ufm/filters/lowercase.filter.js

@@ -0,0 +1,7 @@
+import { UmbUfmFilterBase } from '../types.js';
+class UmbUfmLowercaseFilterApi extends UmbUfmFilterBase {
+    filter(str) {
+        return str?.toLocaleLowerCase();
+    }
+}
+export { UmbUfmLowercaseFilterApi as api };

package/dist-cms/packages/ufm/filters/manifests.d.ts

@@ -0,0 +1,2 @@
+import type { ManifestUfmFilter } from '../../core/extension-registry/index.js';
+export declare const manifests: Array<ManifestUfmFilter>;

package/dist-cms/packages/ufm/filters/manifests.js

@@ -0,0 +1,51 @@
+export const manifests = [
+    {
+        type: 'ufmFilter',
+        alias: 'Umb.Filter.Fallback',
+        name: 'Fallback UFM Filter',
+        api: () => import('./fallback.filter.js'),
+        meta: { alias: 'fallback' },
+    },
+    {
+        type: 'ufmFilter',
+        alias: 'Umb.Filter.Lowercase',
+        name: 'Lowercase UFM Filter',
+        api: () => import('./lowercase.filter.js'),
+        meta: { alias: 'lowercase' },
+    },
+    {
+        type: 'ufmFilter',
+        alias: 'Umb.Filter.StripHtml',
+        name: 'Strip HTML UFM Filter',
+        api: () => import('./strip-html.filter.js'),
+        meta: { alias: 'strip-html' },
+    },
+    {
+        type: 'ufmFilter',
+        alias: 'Umb.Filter.TitleCase',
+        name: 'Title Case UFM Filter',
+        api: () => import('./title-case.filter.js'),
+        meta: { alias: 'title-case' },
+    },
+    {
+        type: 'ufmFilter',
+        alias: 'Umb.Filter.Truncate',
+        name: 'Truncate UFM Filter',
+        api: () => import('./truncate.filter.js'),
+        meta: { alias: 'truncate' },
+    },
+    {
+        type: 'ufmFilter',
+        alias: 'Umb.Filter.Uppercase',
+        name: 'Uppercase UFM Filter',
+        api: () => import('./uppercase.filter.js'),
+        meta: { alias: 'uppercase' },
+    },
+    {
+        type: 'ufmFilter',
+        alias: 'Umb.Filter.WordLimit',
+        name: 'Word Limit UFM Filter',
+        api: () => import('./word-limit.filter.js'),
+        meta: { alias: 'word-limit' },
+    },
+];

package/dist-cms/packages/ufm/filters/strip-html.filter.d.ts

@@ -0,0 +1,7 @@
+import { UmbUfmFilterBase } from '../types.js';
+declare class UmbUfmStripHtmlFilterApi extends UmbUfmFilterBase {
+    filter(value: string | {
+        markup: string;
+    } | undefined | null): string;
+}
+export { UmbUfmStripHtmlFilterApi as api };

package/dist-cms/packages/ufm/filters/strip-html.filter.js

@@ -0,0 +1,12 @@
+import { UmbUfmFilterBase } from '../types.js';
+class UmbUfmStripHtmlFilterApi extends UmbUfmFilterBase {
+    filter(value) {
+        if (!value)
+            return '';
+        const markup = typeof value === 'object' && Object.hasOwn(value, 'markup') ? value.markup : value;
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(markup, 'text/html');
+        return doc.body.textContent ?? '';
+    }
+}
+export { UmbUfmStripHtmlFilterApi as api };

package/dist-cms/packages/ufm/filters/title-case.filter.d.ts

@@ -0,0 +1,5 @@
+import { UmbUfmFilterBase } from '../types.js';
+declare class UmbUfmTitleCaseFilterApi extends UmbUfmFilterBase {
+    filter(str?: string): string | undefined;
+}
+export { UmbUfmTitleCaseFilterApi as api };

package/dist-cms/packages/ufm/filters/title-case.filter.js

@@ -0,0 +1,7 @@
+import { UmbUfmFilterBase } from '../types.js';
+class UmbUfmTitleCaseFilterApi extends UmbUfmFilterBase {
+    filter(str) {
+        return str?.replace(/\w\S*/g, (txt) => txt.charAt(0).toUpperCase() + txt.substring(1).toLowerCase());
+    }
+}
+export { UmbUfmTitleCaseFilterApi as api };

package/dist-cms/packages/ufm/filters/truncate.filter.d.ts

@@ -0,0 +1,5 @@
+import { UmbUfmFilterBase } from '../types.js';
+declare class UmbUfmTruncateFilterApi extends UmbUfmFilterBase {
+    filter(str: string, length: number, tail?: string): string;
+}
+export { UmbUfmTruncateFilterApi as api };

package/dist-cms/packages/ufm/filters/truncate.filter.js

@@ -0,0 +1,14 @@
+import { UmbUfmFilterBase } from '../types.js';
+class UmbUfmTruncateFilterApi extends UmbUfmFilterBase {
+    filter(str, length, tail) {
+        if (typeof str !== 'string' || !str.length)
+            return str;
+        if (tail === 'false')
+            tail = '';
+        if (tail === 'true')
+            tail = '…';
+        tail = !tail && tail !== '' ? '…' : tail;
+        return str.slice(0, length).trim() + tail;
+    }
+}
+export { UmbUfmTruncateFilterApi as api };

package/dist-cms/packages/ufm/filters/uppercase.filter.d.ts

@@ -0,0 +1,5 @@
+import { UmbUfmFilterBase } from '../types.js';
+declare class UmbUfmUppercaseFilterApi extends UmbUfmFilterBase {
+    filter(str?: string): string | undefined;
+}
+export { UmbUfmUppercaseFilterApi as api };

package/dist-cms/packages/ufm/filters/uppercase.filter.js

@@ -0,0 +1,7 @@
+import { UmbUfmFilterBase } from '../types.js';
+class UmbUfmUppercaseFilterApi extends UmbUfmFilterBase {
+    filter(str) {
+        return str?.toLocaleUpperCase();
+    }
+}
+export { UmbUfmUppercaseFilterApi as api };

package/dist-cms/packages/ufm/filters/word-limit.filter.d.ts

@@ -0,0 +1,5 @@
+import { UmbUfmFilterBase } from '../types.js';
+declare class UmbUfmWordLimitFilterApi extends UmbUfmFilterBase {
+    filter(str: string, limit: number): string;
+}
+export { UmbUfmWordLimitFilterApi as api };

package/dist-cms/packages/ufm/filters/word-limit.filter.js

@@ -0,0 +1,8 @@
+import { UmbUfmFilterBase } from '../types.js';
+class UmbUfmWordLimitFilterApi extends UmbUfmFilterBase {
+    filter(str, limit) {
+        const words = str?.split(/\s+/) ?? [];
+        return limit && words.length > limit ? words.slice(0, limit).join(' ') : str;
+    }
+}
+export { UmbUfmWordLimitFilterApi as api };

package/dist-cms/packages/ufm/index.d.ts

@@ -1,2 +1,4 @@
-export * from './components/ufm-render/index.js';
-export * from './plugins/marked-ufm.plugin.js';
+export * from './types.js';
+export * from './components/index.js';
+export * from './contexts/index.js';
+export * from './plugins/index.js';

package/dist-cms/packages/ufm/index.js

@@ -1,2 +1,4 @@
-export * from './components/ufm-render/index.js';
-export * from './plugins/marked-ufm.plugin.js';
+export * from './types.js';
+export * from './components/index.js';
+export * from './contexts/index.js';
+export * from './plugins/index.js';

package/dist-cms/packages/ufm/manifests.d.ts

@@ -1,2 +1,2 @@
-import type { ManifestUfmComponent } from '../core/extension-registry/index.js';
-export declare const manifests: Array<ManifestUfmComponent>;
+import type { ManifestTypes } from '../core/extension-registry/index.js';
+export declare const manifests: Array<ManifestTypes>;

package/dist-cms/packages/ufm/manifests.js

@@ -1,16 +1,4 @@
-export const manifests = [
-    {
-        type: 'ufmComponent',
-        alias: 'Umb.Markdown.LabelValue',
-        name: 'Label Value UFM Component',
-        api: () => import('./ufm-components/label-value.component.js'),
-        meta: { marker: '=' },
-    },
-    {
-        type: 'ufmComponent',
-        alias: 'Umb.Markdown.Localize',
-        name: 'Localize UFM Component',
-        api: () => import('./ufm-components/localize.component.js'),
-        meta: { marker: '#' },
-    },
-];
+import { manifest as ufmContext } from './contexts/manifest.js';
+import { manifests as ufmComponents } from './components/manifests.js';
+import { manifests as ufmFilters } from './filters/manifests.js';
+export const manifests = [ufmContext, ...ufmComponents, ...ufmFilters];

package/dist-cms/packages/ufm/package.json

@@ -0,0 +1,8 @@
+{
+    "name": "@umbraco-backoffice/ufm",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "build": "vite build"
+    }
+}

package/dist-cms/packages/ufm/plugins/index.d.ts

@@ -0,0 +1,2 @@
+export { ufm } from './marked-ufm.plugin.js';
+export type { UfmPlugin, UfmToken } from './marked-ufm.plugin.js';

package/dist-cms/packages/ufm/plugins/index.js

@@ -0,0 +1 @@
+export { ufm } from './marked-ufm.plugin.js';

package/dist-cms/packages/ufm/plugins/marked-ufm.plugin.d.ts

@@ -9,6 +9,7 @@ export interface UfmToken extends Tokens.Generic {
 }
 /**
  *
- * @param plugins
+ * @param {Array<UfmPlugin>} plugins - An array of UFM plugins.
+ * @returns {MarkedExtension} A Marked extension object.
  */
 export declare function ufm(plugins?: Array<UfmPlugin>): MarkedExtension;

package/dist-cms/packages/ufm/plugins/marked-ufm.plugin.js

@@ -1,6 +1,7 @@
 /**
  *
- * @param plugins
+ * @param {Array<UfmPlugin>} plugins - An array of UFM plugins.
+ * @returns {MarkedExtension} A Marked extension object.
  */
 export function ufm(plugins = []) {
     return {

package/dist-cms/packages/ufm/types.d.ts

@@ -0,0 +1,5 @@
+import type { UmbUfmFilterApi } from '../core/extension-registry/index.js';
+export declare abstract class UmbUfmFilterBase implements UmbUfmFilterApi {
+    abstract filter(...args: Array<unknown>): string | undefined | null;
+    destroy(): void;
+}

package/dist-cms/packages/ufm/types.js

@@ -0,0 +1,3 @@
+export class UmbUfmFilterBase {
+    destroy() { }
+}

package/dist-cms/packages/ufm/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;