Rollback

package.json

@@ -91,6 +91,7 @@
 		"./workspace": "./dist-cms/packages/core/workspace/index.js",
 		"./external/backend-api": "./dist-cms/external/backend-api/index.js",
 		"./external/base64-js": "./dist-cms/external/base64-js/index.js",
+		"./external/diff": "./dist-cms/external/diff/index.js",
 		"./external/dompurify": "./dist-cms/external/dompurify/index.js",
 		"./external/lit": "./dist-cms/external/lit/index.js",
 		"./external/marked": "./dist-cms/external/marked/index.js",
@@ -165,11 +166,13 @@
 		"npm": ">=10.1 < 11"
 	},
 	"dependencies": {
+		"@types/diff": "^5.0.9",
 		"@types/dompurify": "^3.0.5",
 		"@types/uuid": "^9.0.8",
 		"@umbraco-ui/uui": "1.7.2",
 		"@umbraco-ui/uui-css": "1.7.2",
 		"base64-js": "^1.5.1",
+		"diff": "^5.2.0",
 		"dompurify": "^3.0.9",
 		"element-internals-polyfill": "^1.3.10",
 		"lit": "^3.1.2",

src/assets/lang/da-dk.ts

@@ -834,6 +834,7 @@ export default {
 		submit: 'Indsend',
 		type: 'Type',
 		typeToSearch: 'Skriv for at søge...',
+		unknownUser: 'Ukendt bruger',
 		under: 'under',
 		up: 'Op',
 		update: 'Opdatér',

src/assets/lang/en-us.ts

@@ -848,6 +848,7 @@ export default {
 		type: 'Type',
 		typeName: 'Type Name',
 		typeToSearch: 'Type to search...',
+		unknownUser: 'Unknown user',
 		under: 'under',
 		up: 'Up',
 		update: 'Update',

src/external/diff/index.ts

@@ -0,0 +1 @@
+export { diffWords } from 'diff';

src/packages/documents/documents/modals/manifests.ts

@@ -1,12 +1,19 @@
 import type { ManifestModal } from '@umbraco-cms/backoffice/extension-registry';
 
+export const UMB_ROLLBACK_MODAL_ALIAS = 'Umb.Modal.Rollback';
 export const UMB_DOCUMENT_SAVE_MODAL_ALIAS = 'Umb.Modal.DocumentSave';
 export const UMB_DOCUMENT_PUBLISH_MODAL_ALIAS = 'Umb.Modal.DocumentPublish';
 export const UMB_DOCUMENT_UNPUBLISH_MODAL_ALIAS = 'Umb.Modal.DocumentUnpublish';
 export const UMB_DOCUMENT_SCHEDULE_MODAL_ALIAS = 'Umb.Modal.DocumentSchedule';
 export const UMB_DOCUMENT_PUBLISH_WITH_DESCENDANTS_MODAL_ALIAS = 'Umb.Modal.DocumentPublishWithDescendants';
 
 const modals: Array<ManifestModal> = [
+	{
+		type: 'modal',
+		alias: UMB_ROLLBACK_MODAL_ALIAS,
+		name: 'Rollback Modal',
+		js: () => import('./rollback/rollback-modal.element.js'),
+	},
 	{
 		type: 'modal',
 		alias: UMB_DOCUMENT_SAVE_MODAL_ALIAS,

src/packages/documents/documents/modals/rollback/index.ts

@@ -0,0 +1 @@
+export * from './rollback-modal.token.js';

src/packages/documents/documents/modals/rollback/repository/index.ts

@@ -0,0 +1,2 @@
+export { UmbRollbackRepository } from './rollback.repository.js';
+export { UMB_ROLLBACK_REPOSITORY_ALIAS } from './manifests.js';

src/packages/documents/documents/modals/rollback/repository/manifests.ts

@@ -0,0 +1,12 @@
+import type { ManifestRepository } from '@umbraco-cms/backoffice/extension-registry';
+
+export const UMB_ROLLBACK_REPOSITORY_ALIAS = 'Umb.Repository.Rollback';
+
+const repository: ManifestRepository = {
+	type: 'repository',
+	alias: UMB_ROLLBACK_REPOSITORY_ALIAS,
+	name: 'Rollback Repository',
+	api: () => import('./rollback.repository.js'),
+};
+
+export const manifests = [repository];

src/packages/documents/documents/modals/rollback/repository/rollback.repository.ts

@@ -0,0 +1,32 @@
+import { UmbRollbackServerDataSource } from './rollback.server.data-source.js';
+import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
+import type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
+import type { UmbApi } from '@umbraco-cms/backoffice/extension-api';
+
+export class UmbRollbackRepository extends UmbControllerBase implements UmbApi {
+	#dataSource: UmbRollbackServerDataSource;
+
+	constructor(host: UmbControllerHost) {
+		super(host);
+
+		this.#dataSource = new UmbRollbackServerDataSource(this);
+	}
+
+	async requestVersionsByDocumentId(id: string, culture?: string) {
+		return await this.#dataSource.getVersionsByDocumentId(id, culture);
+	}
+
+	async requestVersionById(id: string) {
+		return await this.#dataSource.getVersionById(id);
+	}
+
+	async setPreventCleanup(versionId: string, preventCleanup: boolean) {
+		return await this.#dataSource.setPreventCleanup(versionId, preventCleanup);
+	}
+
+	async rollback(versionId: string, culture?: string) {
+		return await this.#dataSource.rollback(versionId, culture);
+	}
+}
+
+export default UmbRollbackRepository;

src/packages/documents/documents/modals/rollback/repository/rollback.server.data-source.ts

@@ -0,0 +1,54 @@
+import type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
+import { DocumentVersionResource } from '@umbraco-cms/backoffice/external/backend-api';
+import { tryExecuteAndNotify } from '@umbraco-cms/backoffice/resources';
+
+/**
+ * A data source for the Rollback that fetches data from the server
+ * @export
+ * @class UmbRollbackServerDataSource
+ * @implements {RepositoryDetailDataSource}
+ */
+export class UmbRollbackServerDataSource {
+	#host: UmbControllerHost;
+
+	/**
+	 * Creates an instance of UmbRollbackServerDataSource.
+	 * @param {UmbControllerHost} host
+	 * @memberof UmbRollbackServerDataSource
+	 */
+	constructor(host: UmbControllerHost) {
+		this.#host = host;
+	}
+
+	/**
+	 * Get a list of versions for a document
+	 * @return {*}
+	 * @memberof UmbRollbackServerDataSource
+	 */
+	getVersionsByDocumentId(id: string, culture?: string) {
+		return tryExecuteAndNotify(this.#host, DocumentVersionResource.getDocumentVersion({ documentId: id, culture }));
+	}
+
+	/**
+	 * Get a specific version by id
+	 * @return {*}
+	 * @memberof UmbRollbackServerDataSource
+	 */
+	getVersionById(versionId: string) {
+		return tryExecuteAndNotify(this.#host, DocumentVersionResource.getDocumentVersionById({ id: versionId }));
+	}
+
+	setPreventCleanup(versionId: string, preventCleanup: boolean) {
+		return tryExecuteAndNotify(
+			this.#host,
+			DocumentVersionResource.putDocumentVersionByIdPreventCleanup({ id: versionId, preventCleanup }),
+		);
+	}
+
+	rollback(versionId: string, culture?: string) {
+		return tryExecuteAndNotify(
+			this.#host,
+			DocumentVersionResource.postDocumentVersionByIdRollback({ id: versionId, culture }),
+		);
+	}
+}