@jumoo/usync-expansions 17.6.0 → 17.6.1-prerelease.41

package/dist/api/sdk.gen.js

@@ -95,6 +95,13 @@ export class RestoreService {
             ...options
         });
     }
+    static getPreview(options) {
+        return (options?.client ?? client).get({
+            security: [{ scheme: 'bearer', type: 'http' }],
+            url: '/umbraco/usync/api/v1/Complete/Preview',
+            ...options
+        });
+    }
     static remove(options) {
         return (options?.client ?? client).get({
             security: [{ scheme: 'bearer', type: 'http' }],

package/dist/api/types.gen.d.ts

@@ -568,8 +568,20 @@ export type SyncItem = {
     flags: DependencyFlags;
     change: ChangeType;
 };
+export type SyncItemPreviewResponse = {
+    key: string;
+    handler: string;
+    itemType: string;
+    entityType: string;
+    isDelete: boolean;
+    success: boolean;
+    message?: string | null;
+    preview?: unknown;
+    details: Array<USyncChange>;
+};
 export type SyncPackAttributes = {
     orphanTypes: Array<string>;
+    allowRootClean: boolean;
     folders: Array<string>;
     systemFolders: Array<string>;
     systemExclusions: Array<string>;
@@ -580,6 +592,7 @@ export type SyncPackOptions = {
     removeOrphans: boolean;
     includeFiles: boolean;
     includeFileHash: boolean;
+    fileHashEntityTypes: Array<string>;
     includeContent: boolean;
     includeSystemFileHash: boolean;
     includeSystemFiles: boolean;
@@ -1208,6 +1221,33 @@ export type GetReportResponses = {
     200: Array<USyncAction>;
 };
 export type GetReportResponse = GetReportResponses[keyof GetReportResponses];
+export type GetPreviewData = {
+    body?: never;
+    path?: never;
+    query?: {
+        id?: string;
+        handler?: string;
+        key?: string;
+    };
+    url: '/umbraco/usync/api/v1/Complete/Preview';
+};
+export type GetPreviewErrors = {
+    /**
+     * The resource is protected and requires an authentication token
+     */
+    401: unknown;
+    /**
+     * Not Found
+     */
+    404: unknown;
+};
+export type GetPreviewResponses = {
+    /**
+     * OK
+     */
+    200: SyncItemPreviewResponse;
+};
+export type GetPreviewResponse = GetPreviewResponses[keyof GetPreviewResponses];
 export type RemoveData = {
     body?: never;
     path?: never;

package/dist/background/components/pending-list.element.js

@@ -30,10 +30,10 @@ let uSyncBackgroundPendingListElement = class uSyncBackgroundPendingListElement
     renderTable() {
         return !this.queue || this.queue.items.length === 0
             ? html `<div class="empty">No items in the queue</div>`
-            : html `<usync-queue-table
-					.items=${this.queue.items}
-					.tableColumns=${this._tableColumns}
-					@process-queue-item=${this._onProcessQueueItem}
+            : html `<usync-queue-table
+					.items=${this.queue.items}
+					.tableColumns=${this._tableColumns}
+					@process-queue-item=${this._onProcessQueueItem}
 					@cancel-queue-item=${this._onCancelQueueItem}></usync-queue-table>`;
     }
     async _onProcessQueueItem(e) {
@@ -52,12 +52,12 @@ _uSyncBackgroundPendingListElement_instances = new WeakSet();
 _uSyncBackgroundPendingListElement_changed = function _uSyncBackgroundPendingListElement_changed() {
     this.dispatchEvent(new CustomEvent(USYNC_BACKGROUND_CHANGED_EVENT, { bubbles: true, composed: true }));
 };
-uSyncBackgroundPendingListElement.styles = css `
-		.empty {
-			display: flex;
-			justify-content: center;
-			padding: 20px;
-		}
+uSyncBackgroundPendingListElement.styles = css `
+		.empty {
+			display: flex;
+			justify-content: center;
+			padding: 20px;
+		}
 	`;
 __decorate([
     state()

package/dist/background/components/pipelines-table.element.js

@@ -27,22 +27,22 @@ let uSyncPipelinesTableElement = class uSyncPipelinesTableElement extends JumooP
         _uSyncPipelinesTableElement_instances.add(this);
     }
     renderActions(pipeline) {
-        return html `<uui-button-group>
-			<uui-button
-				label=${this.localize.term('uSyncBackground_view')}
-				color="positive"
-				look="outline"
-				@click=${() => __classPrivateFieldGet(this, _uSyncPipelinesTableElement_instances, "m", _uSyncPipelinesTableElement_dispatch).call(this, 'view-pipeline', pipeline)}></uui-button>
-			${when(!finishedStatuses.includes(pipeline.state.status), () => html `<uui-button
-						label=${this.localize.term('uSyncBackground_cancel')}
-						color="warning"
-						look="outline"
-						@click=${() => __classPrivateFieldGet(this, _uSyncPipelinesTableElement_instances, "m", _uSyncPipelinesTableElement_dispatch).call(this, 'cancel-pipeline', pipeline)}></uui-button>`)}
-			${when(!this.hideDelete, () => html `<uui-button
-						label=${this.localize.term('uSyncBackground_delete')}
-						color="danger"
-						look="outline"
-						@click=${() => __classPrivateFieldGet(this, _uSyncPipelinesTableElement_instances, "m", _uSyncPipelinesTableElement_dispatch).call(this, 'delete-pipeline', pipeline)}></uui-button>`)}
+        return html `<uui-button-group>
+			<uui-button
+				label=${this.localize.term('uSyncBackground_view')}
+				color="positive"
+				look="outline"
+				@click=${() => __classPrivateFieldGet(this, _uSyncPipelinesTableElement_instances, "m", _uSyncPipelinesTableElement_dispatch).call(this, 'view-pipeline', pipeline)}></uui-button>
+			${when(!finishedStatuses.includes(pipeline.state.status), () => html `<uui-button
+						label=${this.localize.term('uSyncBackground_cancel')}
+						color="warning"
+						look="outline"
+						@click=${() => __classPrivateFieldGet(this, _uSyncPipelinesTableElement_instances, "m", _uSyncPipelinesTableElement_dispatch).call(this, 'cancel-pipeline', pipeline)}></uui-button>`)}
+			${when(!this.hideDelete, () => html `<uui-button
+						label=${this.localize.term('uSyncBackground_delete')}
+						color="danger"
+						look="outline"
+						@click=${() => __classPrivateFieldGet(this, _uSyncPipelinesTableElement_instances, "m", _uSyncPipelinesTableElement_dispatch).call(this, 'delete-pipeline', pipeline)}></uui-button>`)}
 		</uui-button-group>`;
     }
 };

package/dist/background/components/process-list.element.js

@@ -49,12 +49,12 @@ let uSyncProcessListElement = class uSyncProcessListElement extends JumooProcess
     renderListPipelines() {
         return !this.pipelines || this.pipelines.length === 0
             ? html `<div class="emtpy">Nothing with status ${this.status}</div>`
-            : html `<usync-pipelines-table
-					.pipelines=${this.pipelines}
-					.hideDelete=${this.hideDelete}
-					.tableColumns=${this.tableColumns}
-					@view-pipeline=${this.onViewPipeline}
-					@cancel-pipeline=${this.onCancelPipeline}
+            : html `<usync-pipelines-table
+					.pipelines=${this.pipelines}
+					.hideDelete=${this.hideDelete}
+					.tableColumns=${this.tableColumns}
+					@view-pipeline=${this.onViewPipeline}
+					@cancel-pipeline=${this.onCancelPipeline}
 					@delete-pipeline=${this.onDeletePipeline}></usync-pipelines-table>`;
     }
 };

package/dist/background/components/queue-table.element.js

@@ -22,17 +22,17 @@ let uSyncQueueTableElement = class uSyncQueueTableElement extends JumooQueueTabl
         _uSyncQueueTableElement_instances.add(this);
     }
     renderActions(item) {
-        return html `<uui-button-group>
-			<uui-button
-				label=${this.localize.term('uSyncBackground_process')}
-				color="positive"
-				look="outline"
-				@click=${() => __classPrivateFieldGet(this, _uSyncQueueTableElement_instances, "m", _uSyncQueueTableElement_dispatch).call(this, 'process-queue-item', item)}></uui-button>
-			<uui-button
-				label=${this.localize.term('uSyncBackground_cancel')}
-				color="warning"
-				look="outline"
-				@click=${() => __classPrivateFieldGet(this, _uSyncQueueTableElement_instances, "m", _uSyncQueueTableElement_dispatch).call(this, 'cancel-queue-item', item)}></uui-button>
+        return html `<uui-button-group>
+			<uui-button
+				label=${this.localize.term('uSyncBackground_process')}
+				color="positive"
+				look="outline"
+				@click=${() => __classPrivateFieldGet(this, _uSyncQueueTableElement_instances, "m", _uSyncQueueTableElement_dispatch).call(this, 'process-queue-item', item)}></uui-button>
+			<uui-button
+				label=${this.localize.term('uSyncBackground_cancel')}
+				color="warning"
+				look="outline"
+				@click=${() => __classPrivateFieldGet(this, _uSyncQueueTableElement_instances, "m", _uSyncQueueTableElement_dispatch).call(this, 'cancel-queue-item', item)}></uui-button>
 		</uui-button-group>`;
     }
 };

package/dist/background/workspace/background-workspace-element.js

@@ -34,29 +34,29 @@ let uSyncBackgroundWorkspaceElement = class uSyncBackgroundWorkspaceElement exte
         });
     }
     render() {
-        return html `<umb-body-layout
-			><div class="layout">
-				<uui-box .headline=${this.localize.term('uSyncBackground_title')}>
-					${this.localize.term('uSyncBackground_intro')}
-				</uui-box>
-
-				<usync-process-list
-					.defaultStatus=${PipelineStatus.WAITING}
-					.headline=${this.localize.term('uSyncBackground_processes')}></usync-process-list>
-
-				<usync-pending-list
-					.headline=${this.localize.term('uSyncBackground_queue')}></usync-pending-list>
-			</div>
+        return html `<umb-body-layout
+			><div class="layout">
+				<uui-box .headline=${this.localize.term('uSyncBackground_title')}>
+					${this.localize.term('uSyncBackground_intro')}
+				</uui-box>
+
+				<usync-process-list
+					.defaultStatus=${PipelineStatus.WAITING}
+					.headline=${this.localize.term('uSyncBackground_processes')}></usync-process-list>
+
+				<usync-pending-list
+					.headline=${this.localize.term('uSyncBackground_queue')}></usync-pending-list>
+			</div>
 		</umb-body-layout>`;
     }
 };
 _uSyncBackgroundWorkspaceElement_pipelinesContext = new WeakMap();
-uSyncBackgroundWorkspaceElement.styles = css `
-		.layout {
-			display: flex;
-			flex-direction: column;
-			gap: var(--uui-size-space-4);
-		}
+uSyncBackgroundWorkspaceElement.styles = css `
+		.layout {
+			display: flex;
+			flex-direction: column;
+			gap: var(--uui-size-space-4);
+		}
 	`;
 __decorate([
     query('usync-process-list')

package/dist/components/report-summary-view.js

@@ -35,21 +35,21 @@ let uSyncResportSummaryView = class uSyncResportSummaryView extends UmbLitElemen
     }
     render() {
         const changes = this.countChanges();
-        return html ` ${this.renderChangeSummary(changes)}
-			<uui-box .headline=${this.headline}>
-				<div slot="header-actions">${this.renderToggle()}</div>
-				${when(this.showAll || changes > 0, () => this.renderTable())}
+        return html ` ${this.renderChangeSummary(changes)}
+			<uui-box .headline=${this.headline}>
+				<div slot="header-actions">${this.renderToggle()}</div>
+				${when(this.showAll || changes > 0, () => this.renderTable())}
 			</uui-box>`;
     }
     renderToggle() {
-        return html `
-			<uui-toggle
-				.label=${this.localize.term('uSync_showAll')}
-				labelPosition="left"
-				?checked=${this.showAll}
+        return html `
+			<uui-toggle
+				.label=${this.localize.term('uSync_showAll')}
+				labelPosition="left"
+				?checked=${this.showAll}
 				@change=${() => {
             this.showAll = !this.showAll;
-        }}></uui-toggle>
+        }}></uui-toggle>
 		`;
     }
     renderChangeSummary(changes) {
@@ -59,49 +59,49 @@ let uSyncResportSummaryView = class uSyncResportSummaryView extends UmbLitElemen
     }
     renderReportSummary(changes) {
         return changes > 0
-            ? html `<div class="change-msg">
-					<h4>
+            ? html `<div class="change-msg">
+					<h4>
 						${this.localize.term('uSyncReport_pendingChanges', [
                 changes,
                 this.results?.length ?? 0,
-            ])}
-					</h4>
+            ])}
+					</h4>
 				</div>`
-            : html `<div class="change-msg positive">
-					<h4>${this.localize.term('uSyncReport_noChanges')}</h4>
-					<p>${this.localize.term('uSyncReport_noChangesDescription')}</p>
+            : html `<div class="change-msg positive">
+					<h4>${this.localize.term('uSyncReport_noChanges')}</h4>
+					<p>${this.localize.term('uSyncReport_noChangesDescription')}</p>
 				</div>`;
     }
     renderResultSummary(changes) {
         return changes > 0
-            ? html `<div class="change-msg">
-					<h4>
+            ? html `<div class="change-msg">
+					<h4>
 						${this.localize.term('uSyncReport_resultChanges', [
                 changes,
                 this.results?.length ?? 0,
-            ])}
-					</h4>
+            ])}
+					</h4>
 				</div>`
-            : html `<div class="change-msg positive">
-					<h4>${this.localize.term('uSyncReport_noChanges')}</h4>
-					<p>${this.localize.term('uSyncReport_resultNoChange')}</p>
+            : html `<div class="change-msg positive">
+					<h4>${this.localize.term('uSyncReport_noChanges')}</h4>
+					<p>${this.localize.term('uSyncReport_resultNoChange')}</p>
 				</div>`;
     }
     renderTable() {
-        return html `
-			<uui-table> ${this.renderTableHeader()} ${this.renderRows()} </uui-table>
+        return html `
+			<uui-table> ${this.renderTableHeader()} ${this.renderRows()} </uui-table>
 		`;
     }
     renderTableHeader() {
-        return html `
-			<uui-table-head>
-				<uui-table-head-cell class="icon-cell" .noPadding=${true}>
-					<!-- <umb-icon name="icon-checkbox-dotted"></umb-icon> -->
-				</uui-table-head-cell>
-				<uui-table-head-cell style="--uui-table-cell-padding: var(--uui-size-space-2);">
-					<umb-localize key="uSync_changeName">Name</umb-localize>
-				</uui-table-head-cell>
-			</uui-table-head>
+        return html `
+			<uui-table-head>
+				<uui-table-head-cell class="icon-cell" .noPadding=${true}>
+					<!-- <umb-icon name="icon-checkbox-dotted"></umb-icon> -->
+				</uui-table-head-cell>
+				<uui-table-head-cell style="--uui-table-cell-padding: var(--uui-size-space-2);">
+					<umb-localize key="uSync_changeName">Name</umb-localize>
+				</uui-table-head-cell>
+			</uui-table-head>
 		`;
     }
     renderRows() {
@@ -113,23 +113,23 @@ let uSyncResportSummaryView = class uSyncResportSummaryView extends UmbLitElemen
                 : result.success
                     ? 'icon-check color-green'
                     : 'icon-wrong color-red';
-            return html `
-				<uui-table-row
-					class=${classMap({ changerow: result.change != ChangeType.NO_CHANGE })}>
-					<uui-table-cell class="icon-cell" .noPadding=${true}>
-						<umb-icon .name=${icon}></umb-icon>
-					</uui-table-cell>
-					<uui-table-cell
-						@click=${() => __classPrivateFieldGet(this, _uSyncResportSummaryView_instances, "m", _uSyncResportSummaryView_showDetail).call(this, result)}
-						.clipText=${true}
-						style="--uui-table-cell-padding: var(--uui-size-space-2);">
-						<div>${result.name}</div>
-						<div class="item-detail">
-							<div>${result.itemType}</div>
-							<div>${result.change}</div>
-						</div>
-					</uui-table-cell>
-				</uui-table-row>
+            return html `
+				<uui-table-row
+					class=${classMap({ changerow: result.change != ChangeType.NO_CHANGE })}>
+					<uui-table-cell class="icon-cell" .noPadding=${true}>
+						<umb-icon .name=${icon}></umb-icon>
+					</uui-table-cell>
+					<uui-table-cell
+						@click=${() => __classPrivateFieldGet(this, _uSyncResportSummaryView_instances, "m", _uSyncResportSummaryView_showDetail).call(this, result)}
+						.clipText=${true}
+						style="--uui-table-cell-padding: var(--uui-size-space-2);">
+						<div>${result.name}</div>
+						<div class="item-detail">
+							<div>${result.itemType}</div>
+							<div>${result.change}</div>
+						</div>
+					</uui-table-cell>
+				</uui-table-row>
 			`;
         });
         return html `${rowsHtml}`;
@@ -141,44 +141,44 @@ _uSyncResportSummaryView_showDetail = async function _uSyncResportSummaryView_sh
         return;
     // TODO . Open the shared details modal
 };
-uSyncResportSummaryView.styles = css `
-		.changerow {
-			cursor: pointer;
-		}
-
-		.icon-cell {
-			width: var(--uui-size-8);
-		}
-
-		.item-detail {
-			display: flex;
-			justify-content: space-between;
-			font-size: smaller;
-			color: var(--uui-color-disabled-contrast);
-		}
-
-		.change-msg {
-			padding: var(--uui-size-3);
-			margin-bottom: var(--uui-size-3);
-		}
-
-		.change-msg.positive {
-			background-color: var(--uui-color-positive);
-			color: #fff;
-			box-shadow: var(--uui-shadow-depth-1);
-		}
-
-		.change-msg > * {
-			margin: var(--uui-size-4) 0;
-		}
-
-		uui-box {
-			margin-bottom: var(--uui-size-3);
-		}
-
-		uui-table-row:hover {
-			background-color: var(--uui-color-disabled);
-		}
+uSyncResportSummaryView.styles = css `
+		.changerow {
+			cursor: pointer;
+		}
+
+		.icon-cell {
+			width: var(--uui-size-8);
+		}
+
+		.item-detail {
+			display: flex;
+			justify-content: space-between;
+			font-size: smaller;
+			color: var(--uui-color-disabled-contrast);
+		}
+
+		.change-msg {
+			padding: var(--uui-size-3);
+			margin-bottom: var(--uui-size-3);
+		}
+
+		.change-msg.positive {
+			background-color: var(--uui-color-positive);
+			color: #fff;
+			box-shadow: var(--uui-shadow-depth-1);
+		}
+
+		.change-msg > * {
+			margin: var(--uui-size-4) 0;
+		}
+
+		uui-box {
+			margin-bottom: var(--uui-size-3);
+		}
+
+		uui-table-row:hover {
+			background-color: var(--uui-color-disabled);
+		}
 	`;
 __decorate([
     state()