asObservables

src/Umbraco.Web.UI.Client/src/packages/documents/document-types/repository/document-type.repository.ts

@@ -14,11 +14,12 @@ import {
 } from '@umbraco-cms/backoffice/backend-api';
 import { UmbNotificationContext, UMB_NOTIFICATION_CONTEXT_TOKEN } from '@umbraco-cms/backoffice/notification';
 
-type ItemType = DocumentTypeResponseModel & {$type: string};
+type ItemType = DocumentTypeResponseModel & { $type: string };
 
 export class UmbDocumentTypeRepository
-	implements UmbTreeRepository<EntityTreeItemResponseModel>,
-	UmbDetailRepository<CreateDocumentTypeRequestModel, any, UpdateDocumentTypeRequestModel, DocumentTypeResponseModel>
+	implements
+		UmbTreeRepository<EntityTreeItemResponseModel>,
+		UmbDetailRepository<CreateDocumentTypeRequestModel, any, UpdateDocumentTypeRequestModel, DocumentTypeResponseModel>
 {
 	#init!: Promise<unknown>;
 
@@ -148,7 +149,7 @@ export class UmbDocumentTypeRepository
 			this.#detailStore?.append(data);
 		}
 
-		return { data, error };
+		return { data, error, asObservable: () => this.#detailStore!.byId(id) };
 	}
 
 	async byId(id: string) {
@@ -167,25 +168,22 @@ export class UmbDocumentTypeRepository
 	// Could potentially be general methods:
 
 	async create(documentType: ItemType) {
-
 		if (!documentType || !documentType.id) throw new Error('Template is missing');
 		await this.#init;
 
 		const { error, data } = await this.#detailDataSource.insert(documentType);
 
 		if (!error && data) {
-
 			// TODO: The parts here is a hack, when we can trust the IDs we send, then this should be removed/changed:
 
-			const splitResultUrl = data.split("/");
+			const splitResultUrl = data.split('/');
 			const newId = splitResultUrl[splitResultUrl.length - 1];
 
 			// Temporary hack while we are not in control of IDs:
 
-			const newDocument = {...(await this.requestById(newId)).data, $type: ''};
-
-			if(newDocument) {
+			const newDocument = { ...(await this.requestById(newId)).data, $type: '' };
 
+			if (newDocument) {
 				const notification = { data: { message: `Document Type created` } };
 				this.#notificationContext?.peek('positive', notification);
 

src/Umbraco.Web.UI.Client/src/packages/documents/documents/repository/document.repository.ts

@@ -14,8 +14,9 @@ import {
 import { UmbNotificationContext, UMB_NOTIFICATION_CONTEXT_TOKEN } from '@umbraco-cms/backoffice/notification';
 
 export class UmbDocumentRepository
-	implements UmbTreeRepository<DocumentTreeItemResponseModel>,
-	UmbDetailRepository<CreateDocumentRequestModel, any, UpdateDocumentRequestModel, DocumentResponseModel>
+	implements
+		UmbTreeRepository<DocumentTreeItemResponseModel>,
+		UmbDetailRepository<CreateDocumentRequestModel, any, UpdateDocumentRequestModel, DocumentResponseModel>
 {
 	#init!: Promise<unknown>;
 
@@ -144,7 +145,7 @@ export class UmbDocumentRepository
 			this.#store?.append(data);
 		}
 
-		return { data, error };
+		return { data, error, asObservable: () => this.#store!.byId(id) };
 	}
 
 	async byId(id: string) {
@@ -176,7 +177,6 @@ export class UmbDocumentRepository
 			this.#notificationContext?.peek('positive', notification);
 		}
 
-
 		return { error };
 	}
 

src/Umbraco.Web.UI.Client/src/packages/settings/data-types/repository/data-type.repository.ts

@@ -179,7 +179,7 @@ export class UmbDataTypeRepository
 			this.#detailStore?.append(data);
 		}
 
-		return { data, error };
+		return { data, error, asObservable: () => this.#detailStore!.byId(id) };
 	}
 
 	async byId(id: string) {