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

package/dist/licence/licence.element.js

@@ -53,69 +53,69 @@ let uSyncLicenceViewElement = class uSyncLicenceViewElement extends UmbElementMi
         super.connectedCallback();
     }
     render() {
-        return html `
-			<umb-body-layout>
-				<div class="layout">
-					${this.renderStatus()} ${this.renderDetails()} ${this.renderSubscription()}
-					${this.renderExpiration()}
-				</div></umb-body-layout
-			>
+        return html `
+			<umb-body-layout>
+				<div class="layout">
+					${this.renderStatus()} ${this.renderDetails()} ${this.renderSubscription()}
+					${this.renderExpiration()}
+				</div></umb-body-layout
+			>
 		`;
     }
     renderStatus() {
-        return html `
-			<usync-licence-status .licenceStatus=${this.licenceStatus}></usync-licence-status>
+        return html `
+			<usync-licence-status .licenceStatus=${this.licenceStatus}></usync-licence-status>
 		`;
     }
     renderDetails() {
         return this.licenceStatus
-            ? html `
-					<uui-box headline="uSync.Complete.Licence">
-						<div slot="header-actions">
-							<uui-button
-								type="button"
-								look="outline"
-								color="danger"
-								label="Clear"
-								@click=${__classPrivateFieldGet(this, _uSyncLicenceViewElement_instances, "m", _uSyncLicenceViewElement_clearLicence)}></uui-button>
-						</div>
-						<div class="details">
-							<umb-property-layout
-								label="Domains"
-								alias="domains"
-								description="Domains licence applys to">
-								<div slot="editor">
-									<uui-input
-										label="domains"
-										@input=${__classPrivateFieldGet(this, _uSyncLicenceViewElement_instances, "m", _uSyncLicenceViewElement_updateDomains)}
-										.value=${this.licence.domains}
+            ? html `
+					<uui-box headline="uSync.Complete.Licence">
+						<div slot="header-actions">
+							<uui-button
+								type="button"
+								look="outline"
+								color="danger"
+								label="Clear"
+								@click=${__classPrivateFieldGet(this, _uSyncLicenceViewElement_instances, "m", _uSyncLicenceViewElement_clearLicence)}></uui-button>
+						</div>
+						<div class="details">
+							<umb-property-layout
+								label="Domains"
+								alias="domains"
+								description="Domains licence applys to">
+								<div slot="editor">
+									<uui-input
+										label="domains"
+										@input=${__classPrivateFieldGet(this, _uSyncLicenceViewElement_instances, "m", _uSyncLicenceViewElement_updateDomains)}
+										.value=${this.licence.domains}
 										.readonly=${this.licenceStatus?.licenceType ===
-                'Subscription'}></uui-input>
-								</div>
-							</umb-property-layout>
-
-							<umb-property-layout
-								label="Licence Key"
-								alias="key"
-								description="Key for licence">
-								<div slot="editor">
-									<uui-input
-										label="key"
-										@input=${__classPrivateFieldGet(this, _uSyncLicenceViewElement_instances, "m", _uSyncLicenceViewElement_updateKey)}
-										.value=${this.licence.key}></uui-input>
-								</div>
-							</umb-property-layout>
-
-							<div class="actions">
-								<uui-button
-									look="primary"
-									color="positive"
-									label="Save"
-									.state=${this.saveState}
-									@click=${__classPrivateFieldGet(this, _uSyncLicenceViewElement_instances, "m", _uSyncLicenceViewElement_saveLicence)}></uui-button>
-							</div>
-						</div>
-					</uui-box>
+                'Subscription'}></uui-input>
+								</div>
+							</umb-property-layout>
+
+							<umb-property-layout
+								label="Licence Key"
+								alias="key"
+								description="Key for licence">
+								<div slot="editor">
+									<uui-input
+										label="key"
+										@input=${__classPrivateFieldGet(this, _uSyncLicenceViewElement_instances, "m", _uSyncLicenceViewElement_updateKey)}
+										.value=${this.licence.key}></uui-input>
+								</div>
+							</umb-property-layout>
+
+							<div class="actions">
+								<uui-button
+									look="primary"
+									color="positive"
+									label="Save"
+									.state=${this.saveState}
+									@click=${__classPrivateFieldGet(this, _uSyncLicenceViewElement_instances, "m", _uSyncLicenceViewElement_saveLicence)}></uui-button>
+							</div>
+						</div>
+					</uui-box>
 				`
             : nothing;
     }
@@ -127,16 +127,16 @@ let uSyncLicenceViewElement = class uSyncLicenceViewElement extends UmbElementMi
         const expiresDate = new Date(this.licenceStatus.expires);
         if (expiresDate >= new Date('9999-12-30'))
             return nothing;
-        return html `<uui-box headline="uSync.Complete.Subscription">
-			<umb-localize key="usynccomplete_licenceSubscriptionInfo"></umb-localize>
-			<uui-button
-				look="secondary"
-				color="positive"
-				href="https://jumoo.co.uk/resend?sub=${this.licence.key}"
-				target="_blank"
-				rel="noopener noreferrer"
-				>Request subscription details</uui-button
-			>
+        return html `<uui-box headline="uSync.Complete.Subscription">
+			<umb-localize key="usynccomplete_licenceSubscriptionInfo"></umb-localize>
+			<uui-button
+				look="secondary"
+				color="positive"
+				href="https://jumoo.co.uk/resend?sub=${this.licence.key}"
+				target="_blank"
+				rel="noopener noreferrer"
+				>Request subscription details</uui-button
+			>
 		</uui-box>`;
     }
     renderExpiration() {
@@ -148,28 +148,28 @@ let uSyncLicenceViewElement = class uSyncLicenceViewElement extends UmbElementMi
         const today = new Date();
         const remainingDays = Math.ceil((expiresDate.getTime() - today.getTime()) / (1000 * 60 * 60 * 24));
         if (expiresDate < today) {
-            return html `<uui-box class="alert alert-danger">
-				<umb-localize key="usynccomplete_licenceExpired"></umb-localize>
+            return html `<uui-box class="alert alert-danger">
+				<umb-localize key="usynccomplete_licenceExpired"></umb-localize>
 			</uui-box>`;
         }
-        return html `<uui-box
-			class="alert ${remainingDays <= 60 && !this.licenceStatus.autoRenews ? 'alert-warning' : 'alert-default'}"
-		">
-		<div class="alert-content">
-			<div>
-			<umb-localize
-				key="usynccomplete_licenceExpires"
-				.args=${[expiresDate.toDateString()]}></umb-localize>
-			<umb-localize
-				key="usynccomplete_licenceDaysLeft"
-				.args=${[remainingDays]}></umb-localize>
-				</div>
-
-				<div>
-			${when(this.licenceStatus.autoRenews, () => html `<umb-icon name="icon-check"></umb-icon
-						><umb-localize key="usynccomplete_licenceAutoRenews"></umb-localize>`, () => html `<umb-icon name="icon-alarm-clock"></umb-icon
-						><umb-localize key="usynccomplete_licenceNotAutoRenews"></umb-localize>`)}</div>
-			</div>
+        return html `<uui-box
+			class="alert ${remainingDays <= 60 && !this.licenceStatus.autoRenews ? 'alert-warning' : 'alert-default'}"
+		">
+		<div class="alert-content">
+			<div>
+			<umb-localize
+				key="usynccomplete_licenceExpires"
+				.args=${[expiresDate.toDateString()]}></umb-localize>
+			<umb-localize
+				key="usynccomplete_licenceDaysLeft"
+				.args=${[remainingDays]}></umb-localize>
+				</div>
+
+				<div>
+			${when(this.licenceStatus.autoRenews, () => html `<umb-icon name="icon-check"></umb-icon
+						><umb-localize key="usynccomplete_licenceAutoRenews"></umb-localize>`, () => html `<umb-icon name="icon-alarm-clock"></umb-icon
+						><umb-localize key="usynccomplete_licenceNotAutoRenews"></umb-localize>`)}</div>
+			</div>
 		</uui-box>`;
     }
 };
@@ -213,45 +213,45 @@ _uSyncLicenceViewElement_clearLicence = async function _uSyncLicenceViewElement_
 };
 uSyncLicenceViewElement.styles = [
     UmbTextStyles,
-    css `
-			.layout {
-				display: flex;
-				flex-direction: column;
-				gap: var(--uui-size-space-4);
-			}
-
-			uui-input {
-				width: 100%;
-			}
-
-			.actions {
-				padding-left: calc(200px + var(--uui-size-layout-2));
-			}
-
-			.alert-content {
-				display: flex;
-				justify-content: space-between;
-			}
-
-			.alert-content > div {
-				display: flex;
-				gap: 10px;
-			}
-
-			.alert-danger {
-				background-color: var(--uui-color-danger);
-				color: var(--uui-color-danger-contrast);
-			}
-
-			.alert-default {
-				background-color: var(--uui-color-default);
-				color: var(--uui-color-default-contrast);
-			}
-
-			.alert-warning {
-				background-color: var(--uui-color-warning);
-				color: var(--uui-color-warning-contrast);
-			}
+    css `
+			.layout {
+				display: flex;
+				flex-direction: column;
+				gap: var(--uui-size-space-4);
+			}
+
+			uui-input {
+				width: 100%;
+			}
+
+			.actions {
+				padding-left: calc(200px + var(--uui-size-layout-2));
+			}
+
+			.alert-content {
+				display: flex;
+				justify-content: space-between;
+			}
+
+			.alert-content > div {
+				display: flex;
+				gap: 10px;
+			}
+
+			.alert-danger {
+				background-color: var(--uui-color-danger);
+				color: var(--uui-color-danger-contrast);
+			}
+
+			.alert-default {
+				background-color: var(--uui-color-default);
+				color: var(--uui-color-default-contrast);
+			}
+
+			.alert-warning {
+				background-color: var(--uui-color-warning);
+				color: var(--uui-color-warning-contrast);
+			}
 		`,
 ];
 __decorate([

package/dist/restore/components/restore-point-table.element.js

@@ -61,10 +61,10 @@ let uSyncRestorePointTableElement = class uSyncRestorePointTableElement extends
             };
         })
             .filter((item) => item !== undefined);
-        return html `<umb-table
-			.config=${this._tableConfig}
-			.columns=${this._tableColumns}
-			.items=${items}
+        return html `<umb-table
+			.config=${this._tableConfig}
+			.columns=${this._tableColumns}
+			.items=${items}
 			.filter=${this.filter}></umb-table>`;
     }
     renderStatus(restorePoint) {
@@ -80,23 +80,23 @@ let uSyncRestorePointTableElement = class uSyncRestorePointTableElement extends
     }
     renderActions(restorePoint) {
         const isComplete = restorePoint.status === RestorePointStatus.COMPLETE || restorePoint.status === undefined;
-        return html ` <uui-button
-				compact
-				label="restore"
-				color="positive"
-				look="default"
-				?disabled=${!isComplete}
-				@click=${() => __classPrivateFieldGet(this, _uSyncRestorePointTableElement_instances, "m", _uSyncRestorePointTableElement_onRestore).call(this, restorePoint)}>
-				<uui-icon name="icon-paper-plane"></uui-icon>
-			</uui-button>
-
-			<uui-button
-				compact
-				label="delete"
-				color="danger"
-				look="default"
-				@click=${() => __classPrivateFieldGet(this, _uSyncRestorePointTableElement_instances, "m", _uSyncRestorePointTableElement_onDelete).call(this, restorePoint)}>
-				<uui-icon name="icon-trash"></uui-icon>
+        return html ` <uui-button
+				compact
+				label="restore"
+				color="positive"
+				look="default"
+				?disabled=${!isComplete}
+				@click=${() => __classPrivateFieldGet(this, _uSyncRestorePointTableElement_instances, "m", _uSyncRestorePointTableElement_onRestore).call(this, restorePoint)}>
+				<uui-icon name="icon-paper-plane"></uui-icon>
+			</uui-button>
+
+			<uui-button
+				compact
+				label="delete"
+				color="danger"
+				look="default"
+				@click=${() => __classPrivateFieldGet(this, _uSyncRestorePointTableElement_instances, "m", _uSyncRestorePointTableElement_onDelete).call(this, restorePoint)}>
+				<uui-icon name="icon-trash"></uui-icon>
 			</uui-button>`;
     }
 };

package/dist/restore/lang/en.js

@@ -7,13 +7,13 @@ export default {
     },
     uSyncRestore: {
         title: 'Restore points',
-        intro: `<p>
-			Restore points can be created manually, or as part of a process such as a push or pull from
-			another site
-		</p>
-		<p>
-			By default only the last 10 restore points are kept, you can restore from any restore point, but you migth 
-			well loose your current content, setting or files as part of the process.
+        intro: `<p>
+			Restore points can be created manually, or as part of a process such as a push or pull from
+			another site
+		</p>
+		<p>
+			By default only the last 10 restore points are kept, you can restore from any restore point, but you migth 
+			well loose your current content, setting or files as part of the process.
 		</p>`,
         scan: 'Scan restore folder',
         restoreLatest: 'Restore from latest',
@@ -22,10 +22,10 @@ export default {
         createSummary: 'Your restore point has been created.',
         restorePoints: 'Restore points',
         restoreTitle: 'Restore Umbraco settings and content',
-        restoreIntro: `
-			<p>A restore can help fix problems the might be causing your site to not work show the right content</p>
-			<p>A restore will reset all the settings, content and (if included media), back to the way it was at the specified point in time.</p>
-			<p style="color: var(--uui-color-danger)">You will loose any changes that you have made this this restore point, so you should be sure you want to restore.</p>
+        restoreIntro: `
+			<p>A restore can help fix problems the might be causing your site to not work show the right content</p>
+			<p>A restore will reset all the settings, content and (if included media), back to the way it was at the specified point in time.</p>
+			<p style="color: var(--uui-color-danger)">You will loose any changes that you have made this this restore point, so you should be sure you want to restore.</p>
 			`,
         restoreCheck: 'Check restore',
         restoreInfo: 'Restore to this point?',

package/dist/restore/restore.repository.d.ts

@@ -8,6 +8,11 @@ export declare class SyncRestoreRepository extends UmbControllerBase {
     getAll(): Promise<import("..").RestorePoint[]>;
     get(key: string): Promise<import("..").RestorePoint>;
     getReport(id: string): Promise<import("..").USyncAction[]>;
+    /**
+     * what restoring an item from the restore point in a report would do to it.
+     * handlers that don't support previews return a 404, so there's no notification.
+     */
+    getPreview(id: string, handler: string, key: string): Promise<import("..").SyncItemPreviewResponse>;
     scan(): Promise<{
         [key: string]: number;
     }>;

package/dist/restore/restore.repository.js

@@ -35,6 +35,13 @@ export class SyncRestoreRepository extends UmbControllerBase {
         return (await tryExecute(__classPrivateFieldGet(this, _SyncRestoreRepository_host, "f"), RestoreService.getReport({ query: { id } })))
             .data;
     }
+    /**
+     * what restoring an item from the restore point in a report would do to it.
+     * handlers that don't support previews return a 404, so there's no notification.
+     */
+    async getPreview(id, handler, key) {
+        return (await tryExecute(__classPrivateFieldGet(this, _SyncRestoreRepository_host, "f"), RestoreService.getPreview({ query: { id, handler, key } }), { disableNotifications: true })).data;
+    }
     async scan() {
         return (await tryExecute(__classPrivateFieldGet(this, _SyncRestoreRepository_host, "f"), RestoreService.scan())).data;
     }

package/dist/restore/steps/restore-create-complete.js

@@ -14,15 +14,15 @@ let uSyncRestoreCreateCompleteElement = class uSyncRestoreCreateCompleteElement
     render() {
         const results = this.results;
         const options = this.options;
-        return html `<uui-box>
-			<p>
-				Restore point created:
-				<strong>${options.title}</strong>
-			</p>
-
-			<umb-localize key="uSyncRestore_createComplete"></umb-localize>
-
-			<p>Contains ${results.results['changes'] ?? 'unknown'} items</p>
+        return html `<uui-box>
+			<p>
+				Restore point created:
+				<strong>${options.title}</strong>
+			</p>
+
+			<umb-localize key="uSyncRestore_createComplete"></umb-localize>
+
+			<p>Contains ${results.results['changes'] ?? 'unknown'} items</p>
 		</uui-box>`;
     }
 };

package/dist/restore/steps/restore-create-element.js

@@ -29,37 +29,37 @@ let uSyncRestoreCreateElement = class uSyncRestoreCreateElement extends ProcessS
         });
     }
     render() {
-        return html `
-			<umb-localize key="uSyncRestore_createIntro"></umb-localize>
-
-			${this.renderName()}
+        return html `
+			<umb-localize key="uSyncRestore_createIntro"></umb-localize>
+
+			${this.renderName()}
 		`;
     }
     renderName() {
         const options = this.options;
-        return html `<umb-property-layout
-				label="Name"
-				description="Give your restore point a name"
-				orientation="vertical">
-				<div slot="editor">
-					<uui-input
-						type="text"
-						label="Name"
-						.value=${options.title}
-						@change=${__classPrivateFieldGet(this, _uSyncRestoreCreateElement_instances, "m", _uSyncRestoreCreateElement_onNameChange)}></uui-input>
-				</div>
-			</umb-property-layout>
-
-			<usync-property-layout
-				label="Include Media"
-				description="Include media files in the restore point">
-				<div slot="editor">
-					<uui-checkbox
-						label="Include Media"
-						.checked=${options.includeMedia}
-						@change=${__classPrivateFieldGet(this, _uSyncRestoreCreateElement_instances, "m", _uSyncRestoreCreateElement_onIncludeMedia)}>
-					</uui-checkbox>
-				</div>
+        return html `<umb-property-layout
+				label="Name"
+				description="Give your restore point a name"
+				orientation="vertical">
+				<div slot="editor">
+					<uui-input
+						type="text"
+						label="Name"
+						.value=${options.title}
+						@change=${__classPrivateFieldGet(this, _uSyncRestoreCreateElement_instances, "m", _uSyncRestoreCreateElement_onNameChange)}></uui-input>
+				</div>
+			</umb-property-layout>
+
+			<usync-property-layout
+				label="Include Media"
+				description="Include media files in the restore point">
+				<div slot="editor">
+					<uui-checkbox
+						label="Include Media"
+						.checked=${options.includeMedia}
+						@change=${__classPrivateFieldGet(this, _uSyncRestoreCreateElement_instances, "m", _uSyncRestoreCreateElement_onIncludeMedia)}>
+					</uui-checkbox>
+				</div>
 			</usync-property-layout>`;
     }
 };
@@ -85,10 +85,10 @@ _uSyncRestoreCreateElement_onIncludeMedia = function _uSyncRestoreCreateElement_
         includeMedia: element.checked,
     });
 };
-uSyncRestoreCreateElement.styles = css `
-		uui-input {
-			width: 100%;
-		}
+uSyncRestoreCreateElement.styles = css `
+		uui-input {
+			width: 100%;
+		}
 	`;
 uSyncRestoreCreateElement = __decorate([
     customElement(uSyncRestore.steps.restoreCreateStep)

package/dist/restore/steps/restore-report-config-element.js

@@ -40,57 +40,57 @@ let uSyncRestoreReportConfigElement = class uSyncRestoreReportConfigElement exte
     renderRestorePointInfo() {
         if (!this.restorePoint)
             return nothing;
-        return html `
-			<uui-box .headline=${this.localize.term('uSyncRestore_restoreInfo')}>
-				<table>
-					<tr>
-						<th>Name :</th>
-						<td>${this.restorePoint.name}</td>
-					</tr>
-					<tr>
-						<th>Created :</th>
-						<td>${this.localize.date(this.restorePoint.created, TimeOptions)}</td>
-					</tr>
-					<tr>
-						<th>Source Site :</th>
-						<td>${this.restorePoint.machineName}</td>
-					</tr>
-					<tr>
-						<th>Source :</th>
-						<td>${this.restorePoint.action}</td>
-					</tr>
-					<tr>
-						<th>User:</th>
-						<td>${this.restorePoint.user}</td>
-					</tr>
-				</table>
-			</uui-box>
+        return html `
+			<uui-box .headline=${this.localize.term('uSyncRestore_restoreInfo')}>
+				<table>
+					<tr>
+						<th>Name :</th>
+						<td>${this.restorePoint.name}</td>
+					</tr>
+					<tr>
+						<th>Created :</th>
+						<td>${this.localize.date(this.restorePoint.created, TimeOptions)}</td>
+					</tr>
+					<tr>
+						<th>Source Site :</th>
+						<td>${this.restorePoint.machineName}</td>
+					</tr>
+					<tr>
+						<th>Source :</th>
+						<td>${this.restorePoint.action}</td>
+					</tr>
+					<tr>
+						<th>User:</th>
+						<td>${this.restorePoint.user}</td>
+					</tr>
+				</table>
+			</uui-box>
 		`;
     }
     render() {
-        return html `<div class="wrapper">
-			<uui-box>
-				<umb-localize key="uSyncRestore_restoreIntro"></umb-localize>
-			</uui-box>
-			${this.renderRestorePointInfo()}
+        return html `<div class="wrapper">
+			<uui-box>
+				<umb-localize key="uSyncRestore_restoreIntro"></umb-localize>
+			</uui-box>
+			${this.renderRestorePointInfo()}
 		</div>`;
     }
 };
 _uSyncRestoreReportConfigElement_context = new WeakMap();
-uSyncRestoreReportConfigElement.styles = css `
-		.wrapper {
-			display: flex;
-			flex-direction: column;
-			gap: var(--uui-size-space-4);
-		}
-
-		.red {
-			color: red;
-		}
-
-		table th {
-			text-align: right;
-		}
+uSyncRestoreReportConfigElement.styles = css `
+		.wrapper {
+			display: flex;
+			flex-direction: column;
+			gap: var(--uui-size-space-4);
+		}
+
+		.red {
+			color: red;
+		}
+
+		table th {
+			text-align: right;
+		}
 	`;
 __decorate([
     state()

package/dist/restore/steps/restore-report-element.d.ts

@@ -1,5 +1,6 @@
 import { ProcessStepElement, ProcessStepElementBase } from '@jumoo/processing';
 export declare class uSyncRestoreReportElement extends ProcessStepElementBase implements ProcessStepElement {
+    #private;
     connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
 }