Merge branch 'main' of https://dev.tildefriends.net/cory/tildefriends

apps/ssb.json

@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🐌",
-	"previous": "&cN1BLgsD5fU8QzkNbtKR/Ie1fO3miBq8FVSpgNqFbrc=.sha256"
+	"previous": "&6dwXL1RKL8t/RSV0UHBflkMnM8f8SV9VFvBZFqhW6LI=.sha256"
 }

apps/ssb/tf-tab-connections.js

@@ -105,6 +105,14 @@ class TfTabConnectionsElement extends LitElement {
 	}
 
 	render_connection(connection) {
+		let requests = Object.values(connection.requests.reduce(function(accumulator, value) {
+			let key = `${value.name}:${Math.sign(value.request_number)}`;
+			if (!accumulator[key]) {
+				accumulator[key] = Object.assign({count: 0}, value);
+			}
+			accumulator[key].count++;
+			return accumulator;
+		}, {}));
 		return html`
 			<button
 				class="w3-button w3-theme-d1"
@@ -116,15 +124,9 @@ class TfTabConnectionsElement extends LitElement {
 			${connection.tunnel !== undefined
 				? '🚇'
 				: html`(${connection.host}:${connection.port})`}
-			<div>
+			<div>${requests.map(x => html`
-				${connection.requests.map(
+				<span class="w3-tag w3-small">${x.request_number > 0 ? '🟩' : '🟥'} ${x.name} <span class="w3-badge w3-white" style=${x.count > 1 ? undefined : 'display: none'}>${x.count}</span></span>
-					(x) => html`
+			`)}</div>
-						<span class="w3-tag w3-small"
-							>${x.request_number > 0 ? '🟩' : '🟥'} ${x.name}</span
-						>
-					`
-				)}
-			</div>
 			<ul>
 				${this.connections
 					.filter((x) => x.tunnel === this.connections.indexOf(connection))