@jumoo/usync 18.2.0 → 18.2.1

package/README.md

@@ -1,10 +1,16 @@
-## 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.
+
+### SignalR negotiation
+
+The uSync SignalR client respects `Umbraco:Cms:SignalR:ClientShouldSkipNegotiation`
+when exposed by Umbraco's server context. When enabled, the client connects using
+WebSockets without negotiation. When disabled, or on older Umbraco versions
+that do not expose the setting, negotiation and transport fallback remain enabled.

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 })