member composition

Author: nielslyngsoe

src/packages/members/member-type/index.ts

@@ -1,10 +1,9 @@
 import './components/index.js';
 
-export * from './workspace/index.js';
 export * from './components/index.js';
-export * from './repository/index.js';
 export * from './entity.js';
-export * from './tree/index.js';
 export * from './modal/member-type-picker-modal.token.js';
-
-export type { UmbMemberTypeDetailModel } from './types.js';
+export * from './repository/index.js';
+export * from './tree/index.js';
+export * from './types.js';
+export * from './workspace/index.js';

src/packages/members/member-type/repository/composition/index.ts

@@ -0,0 +1 @@
+export { UMB_MEMBER_TYPE_COMPOSITION_REPOSITORY_ALIAS } from './manifests.js';

src/packages/members/member-type/repository/composition/manifests.ts

@@ -0,0 +1,12 @@
+import type { ManifestRepository, ManifestTypes } from '@umbraco-cms/backoffice/extension-registry';
+
+export const UMB_MEMBER_TYPE_COMPOSITION_REPOSITORY_ALIAS = 'Umb.Repository.MemberType.Composition';
+
+const compositionRepository: ManifestRepository = {
+	type: 'repository',
+	alias: UMB_MEMBER_TYPE_COMPOSITION_REPOSITORY_ALIAS,
+	name: 'Member Type Composition Repository',
+	api: () => import('./member-type-composition.repository.js'),
+};
+
+export const manifests: Array<ManifestTypes> = [compositionRepository];

src/packages/members/member-type/repository/composition/member-type-composition.repository.ts

@@ -0,0 +1,36 @@
+import { UmbMemberTypeCompositionServerDataSource } from './member-type-composition.server.data-source.js';
+import type { UmbContentTypeCompositionRepository } from '@umbraco-cms/backoffice/content-type';
+import type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
+import type {
+	UmbMemberTypeAvailableCompositionRequestModel,
+	UmbMemberTypeCompositionCompatibleModel,
+	UmbMemberTypeCompositionReferenceModel,
+} from '@umbraco-cms/backoffice/member-type';
+import { UmbRepositoryBase } from '@umbraco-cms/backoffice/repository';
+
+export class UmbMemberTypeCompositionRepository
+	extends UmbRepositoryBase
+	implements
+		UmbContentTypeCompositionRepository<
+			UmbMemberTypeCompositionReferenceModel,
+			UmbMemberTypeCompositionCompatibleModel,
+			UmbMemberTypeAvailableCompositionRequestModel
+		>
+{
+	#compositionSource: UmbMemberTypeCompositionServerDataSource;
+
+	constructor(host: UmbControllerHost) {
+		super(host);
+		this.#compositionSource = new UmbMemberTypeCompositionServerDataSource(this);
+	}
+
+	async getReferences(unique: string) {
+		return this.#compositionSource.getReferences(unique);
+	}
+
+	async availableCompositions(args: UmbMemberTypeAvailableCompositionRequestModel) {
+		return this.#compositionSource.availableCompositions(args);
+	}
+}
+
+export { UmbMemberTypeCompositionRepository as api };

src/packages/members/member-type/repository/composition/member-type-composition.server.data-source.ts

@@ -0,0 +1,89 @@
+import type {
+	UmbMemberTypeCompositionCompatibleModel,
+	UmbMemberTypeCompositionReferenceModel,
+	UmbMemberTypeAvailableCompositionRequestModel,
+} from '../../types.js';
+import {
+	type MemberTypeCompositionRequestModel,
+	MemberTypeService,
+} from '@umbraco-cms/backoffice/external/backend-api';
+import type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
+import { tryExecuteAndNotify } from '@umbraco-cms/backoffice/resources';
+import type { UmbContentTypeCompositionDataSource } from '@umbraco-cms/backoffice/content-type';
+
+/**
+ * A data source for the Member Type Composition that fetches data from the server
+ * @export
+ * @class UmbMemberTypeCompositionServerDataSource
+ */
+export class UmbMemberTypeCompositionServerDataSource
+	implements
+		UmbContentTypeCompositionDataSource<
+			UmbMemberTypeCompositionReferenceModel,
+			UmbMemberTypeCompositionCompatibleModel,
+			UmbMemberTypeAvailableCompositionRequestModel
+		>
+{
+	#host: UmbControllerHost;
+
+	/**
+	 * Creates an instance of UmbMemberTypeCompositionServerDataSource.
+	 * @param {UmbControllerHost} host
+	 * @memberof UmbMemberTypeCompositionServerDataSource
+	 */
+	constructor(host: UmbControllerHost) {
+		this.#host = host;
+	}
+	/**
+	 * Fetches the compatible compositions for a document type from the server
+	 * @param {string} unique
+	 * @return {*}
+	 * @memberof UmbMemberTypeCompositionServerDataSource
+	 */
+	async getReferences(unique: string) {
+		const response = await tryExecuteAndNotify(
+			this.#host,
+			MemberTypeService.getMemberTypeByIdCompositionReferences({ id: unique }),
+		);
+		const error = response.error;
+		const data: Array<UmbMemberTypeCompositionReferenceModel> | undefined = response.data?.map((reference) => {
+			return {
+				unique: reference.id,
+				icon: reference.icon,
+				name: reference.name,
+			};
+		});
+
+		return { data, error };
+	}
+	/**
+	 * Updates the compositions for a document type on the server
+	 * @param {MemberTypeCompositionRequestModel} requestBody
+	 * @return {*}
+	 * @memberof UmbMemberTypeCompositionServerDataSource
+	 */
+	async availableCompositions(args: UmbMemberTypeAvailableCompositionRequestModel) {
+		const requestBody: MemberTypeCompositionRequestModel = {
+			id: args.unique,
+			currentCompositeIds: args.currentCompositeUniques,
+			currentPropertyAliases: args.currentPropertyAliases,
+		};
+
+		const response = await tryExecuteAndNotify(
+			this.#host,
+			MemberTypeService.postMemberTypeAvailableCompositions({ requestBody }),
+		);
+		const error = response.error;
+		const data: Array<UmbMemberTypeCompositionCompatibleModel> | undefined = response.data?.map((composition) => {
+			return {
+				unique: composition.id,
+				name: composition.name,
+				icon: composition.icon,
+				folderPath: composition.folderPath,
+				isCompatible: composition.isCompatible,
+			};
+		});
+
+		return { data, error };
+	}
+}

src/packages/members/member-type/repository/index.ts

@@ -1,2 +1,3 @@
 export { UmbMemberTypeDetailRepository, UMB_MEMBER_TYPE_DETAIL_REPOSITORY_ALIAS } from './detail/index.js';
 export { UmbMemberTypeItemRepository, UMB_MEMBER_TYPE_ITEM_REPOSITORY_ALIAS } from './item/index.js';
+export { UMB_MEMBER_TYPE_COMPOSITION_REPOSITORY_ALIAS } from './composition/index.js';

src/packages/members/member-type/types.ts

@@ -1,6 +1,17 @@
 import type { UmbMemberTypeEntityType } from './entity.js';
-import type { UmbContentTypeModel } from '@umbraco-cms/backoffice/content-type';
+import type {
+	UmbContentTypeAvailableCompositionRequestModel,
+	UmbContentTypeCompositionCompatibleModel,
+	UmbContentTypeCompositionReferenceModel,
+	UmbContentTypeModel,
+} from '@umbraco-cms/backoffice/content-type';
 
 export interface UmbMemberTypeDetailModel extends UmbContentTypeModel {
 	entityType: UmbMemberTypeEntityType;
 }
+
+export interface UmbMemberTypeAvailableCompositionRequestModel extends UmbContentTypeAvailableCompositionRequestModel {}
+
+export interface UmbMemberTypeCompositionCompatibleModel extends UmbContentTypeCompositionCompatibleModel {}
+
+export interface UmbMemberTypeCompositionReferenceModel extends UmbContentTypeCompositionReferenceModel {}

src/packages/members/member-type/workspace/manifests.ts

@@ -1,7 +1,8 @@
+import { UMB_MEMBER_TYPE_COMPOSITION_REPOSITORY_ALIAS } from '../repository/index.js';
 import type {
 	ManifestWorkspaces,
 	ManifestWorkspaceActions,
-	ManifestWorkspaceView,
+	ManifestWorkspaceViews,
 	ManifestTypes,
 } from '@umbraco-cms/backoffice/extension-registry';
 import { UmbSubmitWorkspaceAction } from '@umbraco-cms/backoffice/workspace';
@@ -19,7 +20,7 @@ const workspace: ManifestWorkspaces = {
 	},
 };
 
-const workspaceViews: Array<ManifestWorkspaceView> = [
+const workspaceViews: Array<ManifestWorkspaceViews> = [
 	{
 		type: 'workspaceView',
 		kind: 'contentTypeDesignEditor',
@@ -29,6 +30,7 @@ const workspaceViews: Array<ManifestWorkspaceView> = [
 			label: '#general_design',
 			pathname: 'design',
 			icon: 'icon-member-dashed-line',
+			compositionRepositoryAlias: UMB_MEMBER_TYPE_COMPOSITION_REPOSITORY_ALIAS,
 		},
 		conditions: [
 			{