@jumoo/usync 18.2.0 → 19.0.0-beta01

package/README.md

@@ -1,10 +1,10 @@
-## uSync ui library. 
-
-The uSync UI library ,is used by other uSync packages, to 
-show things like changes, and updates ,etc. 
-
-> [!IMPORTANT]
-> Most packages do not need to export thier client library
-as a npm package, unless your client library is also going
-to be used by child packages.
-
+## uSync ui library. 
+
+The uSync UI library ,is used by other uSync packages, to 
+show things like changes, and updates ,etc. 
+
+> [!IMPORTANT]
+> Most packages do not need to export thier client library
+as a npm package, unless your client library is also going
+to be used by child packages.
+

package/dist/api/sdk.gen.js

@@ -61,7 +61,11 @@ export const getCheckLegacy = (options) => (options?.client ?? client).get({
 export const postCopyLegacy = (options) => (options?.client ?? client).post({
     security: [{ scheme: 'bearer', type: 'http' }],
     url: '/umbraco/usync/api/v1/CopyLegacy',
-    ...options
+    ...options,
+    headers: {
+        'Content-Type': 'application/json',
+        ...options?.headers
+    }
 });
 export const postIgnoreLegacy = (options) => (options?.client ?? client).post({
     security: [{ scheme: 'bearer', type: 'http' }],

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

@@ -119,9 +119,26 @@ export type SyncLegacyCheckResponse = {
     hasLegacy: boolean;
     legacyFolder?: null | string;
     legacyTypes: Array<string>;
+    migrations: Array<SyncLegacyMigrationResponse>;
     latestFolder: string;
     latestVersion: string;
 };
+export type SyncLegacyMigrationResponse = {
+    id: string;
+    name: string;
+    description: string;
+    notice?: null | string;
+    /**
+     * number of data types the migration will change.
+     */
+    count: number;
+};
+export type SyncLegacyCopyRequest = {
+    /**
+     * ids of the migrations to run as the folder is copied.
+     */
+    migrations: Array<string>;
+};
 export type SyncOperationStatusResponse = {
     operationId: string;
     requestId?: null | string;
@@ -429,7 +446,7 @@ export type GetCheckLegacyResponses = {
 };
 export type GetCheckLegacyResponse = GetCheckLegacyResponses[keyof GetCheckLegacyResponses];
 export type PostCopyLegacyData = {
-    body?: never;
+    body?: SyncLegacyCopyRequest;
     path?: never;
     query?: never;
     url: '/umbraco/usync/api/v1/CopyLegacy';

package/dist/components/usync-action-box.js

@@ -25,26 +25,26 @@ let uSyncActionBox = class uSyncActionBox extends UmbLitElement {
     }
     render() {
         const dropdownButtons = this.group.buttons.map((b) => {
-            return html `
-				<usync-action-button
-					.button=${b}
-					.disabled=${this.disabled}
-					state=${ifDefined(this.state)}
-					@usync-action-click=${(e) => __classPrivateFieldGet(this, _uSyncActionBox_instances, "m", _uSyncActionBox_onAction).call(this, e, this.group)}></usync-action-button>
+            return html `
+				<usync-action-button
+					.button=${b}
+					.disabled=${this.disabled}
+					state=${ifDefined(this.state)}
+					@usync-action-click=${(e) => __classPrivateFieldGet(this, _uSyncActionBox_instances, "m", _uSyncActionBox_onAction).call(this, e, this.group)}></usync-action-button>
 			`;
         });
-        return html `
-			<uui-box class="action-box ${this.disabled ? 'disabled' : ''}">
-				<div class="box-content">
-					<div class="box-heading">
-						<h2 class="box-heading" title=${this.getLastSyncDate()}>
-							${this.localize.termOrDefault(`uSync_group${this.group?.groupName}`, this.group?.groupName ?? '')}
-						</h2>
-						<umb-icon name=${this.group?.icon}></umb-icon>
-					</div>
-					<div class="box-buttons">${dropdownButtons}</div>
-				</div>
-			</uui-box>
+        return html `
+			<uui-box class="action-box ${this.disabled ? 'disabled' : ''}">
+				<div class="box-content">
+					<div class="box-heading">
+						<h2 class="box-heading" title=${this.getLastSyncDate()}>
+							${this.localize.termOrDefault(`uSync_group${this.group?.groupName}`, this.group?.groupName ?? '')}
+						</h2>
+						<umb-icon name=${this.group?.icon}></umb-icon>
+					</div>
+					<div class="box-buttons">${dropdownButtons}</div>
+				</div>
+			</uui-box>
 		`;
     }
     getLastSyncDate() {
@@ -59,59 +59,59 @@ _uSyncActionBox_onAction = function _uSyncActionBox_onAction(e, group) {
         return;
     this.dispatchEvent(new uSyncActionPerformEvent(group, e.button.key, e.button.force, e.button.clean, e.button.file));
 };
-uSyncActionBox.styles = css `
-		:host {
-			flex-grow: 1;
-		}
-
-		.action-box {
-			transition: opacity 0.2s ease-in-out;
-			--uui-box-default-padding: var(--uui-size-space-4) 0;
-		}
-
-		.box-content {
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-		}
-
-		.box-heading {
-			font-size: var(--uui-type-h3-size);
-			cursor: help;
-			margin: var(--uui-size-space-3);
-		}
-
-		umb-icon {
-			margin: var(--uui-size-4) 0 var(--uui-size-4);
-			font-size: var(--uui-type-h2-size);
-			color: var(--uui-color-text-alt);
-		}
-
-		uui-button {
-			margin: 0 var(--uui-size-space-2);
-			font-size: var(--uui-size-6);
-		}
-
-		.box-buttons {
-			margin: var(--uui-size-space-2) 0;
-		}
-
-		.disabled {
-			opacity: 0.4;
-		}
-
-		.last-sync {
-			color: var(--uui-color-text-alt);
-			font-style: italic;
-			font-size: var(--uui-size-5);
-		}
-
-		.box-heading {
-			display: flex;
-			flex-direction: row-reverse;
-			gap: var(--uui-size-2);
-			align-items: center;
-		}
+uSyncActionBox.styles = css `
+		:host {
+			flex-grow: 1;
+		}
+
+		.action-box {
+			transition: opacity 0.2s ease-in-out;
+			--uui-box-default-padding: var(--uui-size-space-4) 0;
+		}
+
+		.box-content {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+		}
+
+		.box-heading {
+			font-size: var(--uui-type-h3-size);
+			cursor: help;
+			margin: var(--uui-size-space-3);
+		}
+
+		umb-icon {
+			margin: var(--uui-size-4) 0 var(--uui-size-4);
+			font-size: var(--uui-type-h2-size);
+			color: var(--uui-color-text-alt);
+		}
+
+		uui-button {
+			margin: 0 var(--uui-size-space-2);
+			font-size: var(--uui-size-6);
+		}
+
+		.box-buttons {
+			margin: var(--uui-size-space-2) 0;
+		}
+
+		.disabled {
+			opacity: 0.4;
+		}
+
+		.last-sync {
+			color: var(--uui-color-text-alt);
+			font-style: italic;
+			font-size: var(--uui-size-5);
+		}
+
+		.box-heading {
+			display: flex;
+			flex-direction: row-reverse;
+			gap: var(--uui-size-2);
+			align-items: center;
+		}
 	`;
 __decorate([
     property({ type: Object })