Skip to content

Commit 87556b9

Browse files
MDA2AVMDA2AV
committed
add cards full info
1 parent 1b3e9ee commit 87556b9

10 files changed

Lines changed: 198 additions & 50 deletions

‎site/layouts/shortcodes/leaderboard-gateway.html‎

Lines changed: 20 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -600,9 +600,24 @@
600600
var connCount = connPanel ? connPanel.dataset.conns : '';
601601
if (connCount === 'best') connCount = row.querySelector('.lb-conns').textContent.replace(/,/g, '').trim();
602602
var baseUrl = '{{ "logs" | relURL }}';
603-
var repoHtml = repo ? '<a class="lb-popup-link" href="' + repo + '" target="_blank" rel="noreferrer">View source &rarr;</a>' : '';
604-
var benchHtml = '<a class="lb-popup-link" href="https://github.com/MDA2AV/HttpArena/tree/main/frameworks/' + encodeURIComponent(name) + '" target="_blank" rel="noreferrer">Benchmark implementation &rarr;</a>';
605-
var logHtml = (profile && connCount) ? '<a class="lb-popup-link" href="' + baseUrl + '/' + profile + '/' + connCount + '/' + encodeURIComponent(name) + '.log" target="_blank" rel="noreferrer">Docker logs &rarr;</a>' : '';
603+
var fwMetaRef = (lbGwCurrentMeta && lbGwCurrentMeta[name]) || {};
604+
var dirName = fwMetaRef.dir || name;
605+
var variantsList = [{ dir: dirName, description: fwMetaRef.description || desc, repo: fwMetaRef.repo || repo }];
606+
if (Array.isArray(fwMetaRef.variants)) {
607+
fwMetaRef.variants.forEach(function(v) {
608+
variantsList.push({ dir: v.dir, description: v.description || '', repo: v.repo || '' });
609+
});
610+
}
611+
var variantsHtml = variantsList.map(function(v) {
612+
var vHeader = variantsList.length > 1
613+
? '<div style="font-size:0.75rem; font-weight:600; color:#64748b; text-transform:uppercase; letter-spacing:0.04em; margin-top:0.5rem;">' + v.dir + '</div>'
614+
: '';
615+
var vDesc = v.description ? '<div class="lb-popup-desc" style="margin-top:0.2rem;">' + v.description + '</div>' : '';
616+
var vRepo = v.repo ? '<a class="lb-popup-link" href="' + v.repo + '" target="_blank" rel="noreferrer">View source &rarr;</a>' : '';
617+
var vBench = '<a class="lb-popup-link" href="https://github.com/MDA2AV/HttpArena/tree/main/frameworks/' + encodeURIComponent(v.dir) + '" target="_blank" rel="noreferrer">Benchmark implementation &rarr;</a>';
618+
return vHeader + vDesc + '<div class="lb-popup-links" style="margin-top:0.35rem;">' + vRepo + vBench + '</div>';
619+
}).join('');
620+
var logHtml = (profile && connCount) ? '<a class="lb-popup-link" href="' + baseUrl + '/' + profile + '/' + connCount + '/' + encodeURIComponent(dirName) + '.log" target="_blank" rel="noreferrer">Docker logs &rarr;</a>' : '';
606621
var statusHtml = s2xx > 0
607622
? '2xx: ' + s2xx.toLocaleString() + ', 3xx: ' + s3xx.toLocaleString() + ', 4xx: ' + s4xx.toLocaleString() + ', 5xx: ' + s5xx.toLocaleString()
608623
: '\u2014';
@@ -613,7 +628,7 @@
613628
'<button class="lb-popup-close" aria-label="Close">&times;</button>' +
614629
'<div class="lb-popup-name">' + name + '</div>' +
615630
'<div class="lb-popup-lang">' + lang + ' (HTTP/2)</div>' +
616-
'<div class="lb-popup-desc">' + desc + '</div>' +
631+
variantsHtml +
617632
'<div class="lb-popup-stats">' +
618633
'<div><div class="lb-popup-stat-label">Req/s</div><div class="lb-popup-stat-value">' + rps + '</div></div>' +
619634
'<div><div class="lb-popup-stat-label">Connections</div><div class="lb-popup-stat-value">' + conns + '</div></div>' +
@@ -624,7 +639,7 @@
624639
(cpuBreakdown ? '<div style="grid-column:1/-1"><div class="lb-popup-stat-label">Per-service CPU</div><div class="lb-popup-stat-value" style="font-size:0.85rem;">' + cpuBreakdown.replace(/\|/g, '&nbsp;&nbsp;|&nbsp;&nbsp;') + '</div></div>' : '') +
625640
'<div style="grid-column:1/-1"><div class="lb-popup-stat-label">Status Codes</div><div class="lb-popup-stat-value">' + statusHtml + '</div></div>' +
626641
'</div>' +
627-
'<div class="lb-popup-links">' + repoHtml + benchHtml + logHtml + '</div>' +
642+
(logHtml ? '<div class="lb-popup-links" style="margin-top:0.5rem;">' + logHtml + '</div>' : '') +
628643
'</div>';
629644
document.body.appendChild(overlay);
630645
function close() { overlay.remove(); }

‎site/layouts/shortcodes/leaderboard-grpc.html‎

Lines changed: 20 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -562,9 +562,24 @@
562562
var connCount = connPanel ? connPanel.dataset.conns : '';
563563
if (connCount === 'best') connCount = row.querySelector('.lb-conns').textContent.replace(/,/g, '').trim();
564564
var baseUrl = '{{ "logs" | relURL }}';
565-
var repoHtml = repo ? '<a class="lb-popup-link" href="' + repo + '" target="_blank" rel="noreferrer">View source &rarr;</a>' : '';
566-
var benchHtml = '<a class="lb-popup-link" href="https://github.com/MDA2AV/HttpArena/tree/main/frameworks/' + encodeURIComponent(name) + '" target="_blank" rel="noreferrer">Benchmark implementation &rarr;</a>';
567-
var logHtml = (profile && connCount) ? '<a class="lb-popup-link" href="' + baseUrl + '/' + profile + '/' + connCount + '/' + encodeURIComponent(name) + '.log" target="_blank" rel="noreferrer">Docker logs &rarr;</a>' : '';
565+
var fwMetaRef = (lbGrpcCurrentMeta && lbGrpcCurrentMeta[name]) || {};
566+
var dirName = fwMetaRef.dir || name;
567+
var variantsList = [{ dir: dirName, description: fwMetaRef.description || desc, repo: fwMetaRef.repo || repo }];
568+
if (Array.isArray(fwMetaRef.variants)) {
569+
fwMetaRef.variants.forEach(function(v) {
570+
variantsList.push({ dir: v.dir, description: v.description || '', repo: v.repo || '' });
571+
});
572+
}
573+
var variantsHtml = variantsList.map(function(v) {
574+
var vHeader = variantsList.length > 1
575+
? '<div style="font-size:0.75rem; font-weight:600; color:#64748b; text-transform:uppercase; letter-spacing:0.04em; margin-top:0.5rem;">' + v.dir + '</div>'
576+
: '';
577+
var vDesc = v.description ? '<div class="lb-popup-desc" style="margin-top:0.2rem;">' + v.description + '</div>' : '';
578+
var vRepo = v.repo ? '<a class="lb-popup-link" href="' + v.repo + '" target="_blank" rel="noreferrer">View source &rarr;</a>' : '';
579+
var vBench = '<a class="lb-popup-link" href="https://github.com/MDA2AV/HttpArena/tree/main/frameworks/' + encodeURIComponent(v.dir) + '" target="_blank" rel="noreferrer">Benchmark implementation &rarr;</a>';
580+
return vHeader + vDesc + '<div class="lb-popup-links" style="margin-top:0.35rem;">' + vRepo + vBench + '</div>';
581+
}).join('');
582+
var logHtml = (profile && connCount) ? '<a class="lb-popup-link" href="' + baseUrl + '/' + profile + '/' + connCount + '/' + encodeURIComponent(dirName) + '.log" target="_blank" rel="noreferrer">Docker logs &rarr;</a>' : '';
568583
var statusHtml = s2xx > 0
569584
? '2xx: ' + s2xx.toLocaleString() + ', 3xx: ' + s3xx.toLocaleString() + ', 4xx: ' + s4xx.toLocaleString() + ', 5xx: ' + s5xx.toLocaleString()
570585
: '\u2014';
@@ -575,7 +590,7 @@
575590
'<button class="lb-popup-close" aria-label="Close">&times;</button>' +
576591
'<div class="lb-popup-name">' + name + '</div>' +
577592
'<div class="lb-popup-lang">' + lang + ' (gRPC)</div>' +
578-
'<div class="lb-popup-desc">' + desc + '</div>' +
593+
variantsHtml +
579594
'<div class="lb-popup-stats">' +
580595
'<div><div class="lb-popup-stat-label">Req/s</div><div class="lb-popup-stat-value">' + rps + '</div></div>' +
581596
'<div><div class="lb-popup-stat-label">Connections</div><div class="lb-popup-stat-value">' + conns + '</div></div>' +
@@ -585,7 +600,7 @@
585600
'<div><div class="lb-popup-stat-label">Memory</div><div class="lb-popup-stat-value">' + mem + '</div></div>' +
586601
'<div style="grid-column:1/-1"><div class="lb-popup-stat-label">Status Codes</div><div class="lb-popup-stat-value">' + statusHtml + '</div></div>' +
587602
'</div>' +
588-
'<div class="lb-popup-links">' + repoHtml + benchHtml + logHtml + '</div>' +
603+
(logHtml ? '<div class="lb-popup-links" style="margin-top:0.5rem;">' + logHtml + '</div>' : '') +
589604
'</div>';
590605
document.body.appendChild(overlay);
591606
function close() { overlay.remove(); }

‎site/layouts/shortcodes/leaderboard-h1-isolated.html‎

Lines changed: 19 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1017,9 +1017,23 @@
10171017
}
10181018
var baseUrl = '{{ "logs" | relURL }}';
10191019

1020-
var dirName = (lbH1IsoFwMeta[name] && lbH1IsoFwMeta[name].dir) ? lbH1IsoFwMeta[name].dir : name;
1021-
var repoHtml = repo ? '<a class="lb-popup-link" href="' + repo + '" target="_blank" rel="noreferrer">View source &rarr;</a>' : '';
1022-
var benchHtml = '<a class="lb-popup-link" href="https://github.com/MDA2AV/HttpArena/tree/main/frameworks/' + encodeURIComponent(dirName) + '" target="_blank" rel="noreferrer">Benchmark implementation &rarr;</a>';
1020+
var fwMetaRef = (lbH1IsoFwMeta && lbH1IsoFwMeta[name]) || {};
1021+
var dirName = fwMetaRef.dir || name;
1022+
var variantsList = [{ dir: dirName, description: fwMetaRef.description || desc, repo: fwMetaRef.repo || repo }];
1023+
if (Array.isArray(fwMetaRef.variants)) {
1024+
fwMetaRef.variants.forEach(function(v) {
1025+
variantsList.push({ dir: v.dir, description: v.description || '', repo: v.repo || '' });
1026+
});
1027+
}
1028+
var variantsHtml = variantsList.map(function(v) {
1029+
var vHeader = variantsList.length > 1
1030+
? '<div style="font-size:0.75rem; font-weight:600; color:#64748b; text-transform:uppercase; letter-spacing:0.04em; margin-top:0.5rem;">' + v.dir + '</div>'
1031+
: '';
1032+
var vDesc = v.description ? '<div class="lb-popup-desc" style="margin-top:0.2rem;">' + v.description + '</div>' : '';
1033+
var vRepo = v.repo ? '<a class="lb-popup-link" href="' + v.repo + '" target="_blank" rel="noreferrer">View source &rarr;</a>' : '';
1034+
var vBench = '<a class="lb-popup-link" href="https://github.com/MDA2AV/HttpArena/tree/main/frameworks/' + encodeURIComponent(v.dir) + '" target="_blank" rel="noreferrer">Benchmark implementation &rarr;</a>';
1035+
return vHeader + vDesc + '<div class="lb-popup-links" style="margin-top:0.35rem;">' + vRepo + vBench + '</div>';
1036+
}).join('');
10231037
var logHtml = (profile && connCount) ? '<a class="lb-popup-link" href="' + baseUrl + '/' + profile + '/' + connCount + '/' + encodeURIComponent(dirName) + '.log" target="_blank" rel="noreferrer">Docker logs &rarr;</a>' : '';
10241038

10251039
var statusHtml = s2xx > 0
@@ -1033,7 +1047,7 @@
10331047
'<button class="lb-popup-close" aria-label="Close">&times;</button>' +
10341048
'<div class="lb-popup-name">' + name + '</div>' +
10351049
'<div class="lb-popup-lang">' + lang + '</div>' +
1036-
'<div class="lb-popup-desc">' + desc + '</div>' +
1050+
variantsHtml +
10371051
'<div class="lb-popup-stats">' +
10381052
'<div><div class="lb-popup-stat-label">Req/s</div><div class="lb-popup-stat-value">' + rps + '</div></div>' +
10391053
'<div><div class="lb-popup-stat-label">Connections</div><div class="lb-popup-stat-value">' + conns + '</div></div>' +
@@ -1043,7 +1057,7 @@
10431057
'<div><div class="lb-popup-stat-label">Memory</div><div class="lb-popup-stat-value">' + mem + '</div></div>' +
10441058
'<div style="grid-column:1/-1"><div class="lb-popup-stat-label">Status Codes</div><div class="lb-popup-stat-value">' + statusHtml + '</div></div>' +
10451059
'</div>' +
1046-
'<div class="lb-popup-links">' + repoHtml + benchHtml + logHtml + '</div>' +
1060+
(logHtml ? '<div class="lb-popup-links" style="margin-top:0.5rem;">' + logHtml + '</div>' : '') +
10471061
'</div>';
10481062

10491063
document.body.appendChild(overlay);

‎site/layouts/shortcodes/leaderboard-h1-workload.html‎

Lines changed: 19 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1001,9 +1001,23 @@
10011001
}
10021002
var baseUrl = '{{ "logs" | relURL }}';
10031003

1004-
var dirName = (lbH1WkFwMeta[name] && lbH1WkFwMeta[name].dir) ? lbH1WkFwMeta[name].dir : name;
1005-
var repoHtml = repo ? '<a class="lb-popup-link" href="' + repo + '" target="_blank" rel="noreferrer">View source &rarr;</a>' : '';
1006-
var benchHtml = '<a class="lb-popup-link" href="https://github.com/MDA2AV/HttpArena/tree/main/frameworks/' + encodeURIComponent(dirName) + '" target="_blank" rel="noreferrer">Benchmark implementation &rarr;</a>';
1004+
var fwMetaRef = (lbH1WkFwMeta && lbH1WkFwMeta[name]) || {};
1005+
var dirName = fwMetaRef.dir || name;
1006+
var variantsList = [{ dir: dirName, description: fwMetaRef.description || desc, repo: fwMetaRef.repo || repo }];
1007+
if (Array.isArray(fwMetaRef.variants)) {
1008+
fwMetaRef.variants.forEach(function(v) {
1009+
variantsList.push({ dir: v.dir, description: v.description || '', repo: v.repo || '' });
1010+
});
1011+
}
1012+
var variantsHtml = variantsList.map(function(v) {
1013+
var vHeader = variantsList.length > 1
1014+
? '<div style="font-size:0.75rem; font-weight:600; color:#64748b; text-transform:uppercase; letter-spacing:0.04em; margin-top:0.5rem;">' + v.dir + '</div>'
1015+
: '';
1016+
var vDesc = v.description ? '<div class="lb-popup-desc" style="margin-top:0.2rem;">' + v.description + '</div>' : '';
1017+
var vRepo = v.repo ? '<a class="lb-popup-link" href="' + v.repo + '" target="_blank" rel="noreferrer">View source &rarr;</a>' : '';
1018+
var vBench = '<a class="lb-popup-link" href="https://github.com/MDA2AV/HttpArena/tree/main/frameworks/' + encodeURIComponent(v.dir) + '" target="_blank" rel="noreferrer">Benchmark implementation &rarr;</a>';
1019+
return vHeader + vDesc + '<div class="lb-popup-links" style="margin-top:0.35rem;">' + vRepo + vBench + '</div>';
1020+
}).join('');
10071021
var logHtml = (profile && connCount) ? '<a class="lb-popup-link" href="' + baseUrl + '/' + profile + '/' + connCount + '/' + encodeURIComponent(dirName) + '.log" target="_blank" rel="noreferrer">Docker logs &rarr;</a>' : '';
10081022

10091023
var statusHtml = s2xx > 0
@@ -1017,7 +1031,7 @@
10171031
'<button class="lb-popup-close" aria-label="Close">&times;</button>' +
10181032
'<div class="lb-popup-name">' + name + '</div>' +
10191033
'<div class="lb-popup-lang">' + lang + '</div>' +
1020-
'<div class="lb-popup-desc">' + desc + '</div>' +
1034+
variantsHtml +
10211035
'<div class="lb-popup-stats">' +
10221036
'<div><div class="lb-popup-stat-label">Req/s</div><div class="lb-popup-stat-value">' + rps + '</div></div>' +
10231037
'<div><div class="lb-popup-stat-label">Connections</div><div class="lb-popup-stat-value">' + conns + '</div></div>' +
@@ -1027,7 +1041,7 @@
10271041
'<div><div class="lb-popup-stat-label">Memory</div><div class="lb-popup-stat-value">' + mem + '</div></div>' +
10281042
'<div style="grid-column:1/-1"><div class="lb-popup-stat-label">Status Codes</div><div class="lb-popup-stat-value">' + statusHtml + '</div></div>' +
10291043
'</div>' +
1030-
'<div class="lb-popup-links">' + repoHtml + benchHtml + logHtml + '</div>' +
1044+
(logHtml ? '<div class="lb-popup-links" style="margin-top:0.5rem;">' + logHtml + '</div>' : '') +
10311045
'</div>';
10321046

10331047
document.body.appendChild(overlay);

‎site/layouts/shortcodes/leaderboard-h2-gateway.html‎

Lines changed: 20 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -571,9 +571,24 @@
571571
var connCount = connPanel ? connPanel.dataset.conns : '';
572572
if (connCount === 'best') connCount = row.querySelector('.lb-conns').textContent.replace(/,/g, '').trim();
573573
var baseUrl = '{{ "logs" | relURL }}';
574-
var repoHtml = repo ? '<a class="lb-popup-link" href="' + repo + '" target="_blank" rel="noreferrer">View source &rarr;</a>' : '';
575-
var benchHtml = '<a class="lb-popup-link" href="https://github.com/MDA2AV/HttpArena/tree/main/frameworks/' + encodeURIComponent(name) + '" target="_blank" rel="noreferrer">Benchmark implementation &rarr;</a>';
576-
var logHtml = (profile && connCount) ? '<a class="lb-popup-link" href="' + baseUrl + '/' + profile + '/' + connCount + '/' + encodeURIComponent(name) + '.log" target="_blank" rel="noreferrer">Docker logs &rarr;</a>' : '';
574+
var fwMetaRef = (lbH2GwCurrentMeta && lbH2GwCurrentMeta[name]) || {};
575+
var dirName = fwMetaRef.dir || name;
576+
var variantsList = [{ dir: dirName, description: fwMetaRef.description || desc, repo: fwMetaRef.repo || repo }];
577+
if (Array.isArray(fwMetaRef.variants)) {
578+
fwMetaRef.variants.forEach(function(v) {
579+
variantsList.push({ dir: v.dir, description: v.description || '', repo: v.repo || '' });
580+
});
581+
}
582+
var variantsHtml = variantsList.map(function(v) {
583+
var vHeader = variantsList.length > 1
584+
? '<div style="font-size:0.75rem; font-weight:600; color:#64748b; text-transform:uppercase; letter-spacing:0.04em; margin-top:0.5rem;">' + v.dir + '</div>'
585+
: '';
586+
var vDesc = v.description ? '<div class="lb-popup-desc" style="margin-top:0.2rem;">' + v.description + '</div>' : '';
587+
var vRepo = v.repo ? '<a class="lb-popup-link" href="' + v.repo + '" target="_blank" rel="noreferrer">View source &rarr;</a>' : '';
588+
var vBench = '<a class="lb-popup-link" href="https://github.com/MDA2AV/HttpArena/tree/main/frameworks/' + encodeURIComponent(v.dir) + '" target="_blank" rel="noreferrer">Benchmark implementation &rarr;</a>';
589+
return vHeader + vDesc + '<div class="lb-popup-links" style="margin-top:0.35rem;">' + vRepo + vBench + '</div>';
590+
}).join('');
591+
var logHtml = (profile && connCount) ? '<a class="lb-popup-link" href="' + baseUrl + '/' + profile + '/' + connCount + '/' + encodeURIComponent(dirName) + '.log" target="_blank" rel="noreferrer">Docker logs &rarr;</a>' : '';
577592
var statusHtml = s2xx > 0
578593
? '2xx: ' + s2xx.toLocaleString() + ', 3xx: ' + s3xx.toLocaleString() + ', 4xx: ' + s4xx.toLocaleString() + ', 5xx: ' + s5xx.toLocaleString()
579594
: '\u2014';
@@ -584,7 +599,7 @@
584599
'<button class="lb-popup-close" aria-label="Close">&times;</button>' +
585600
'<div class="lb-popup-name">' + name + '</div>' +
586601
'<div class="lb-popup-lang">' + lang + ' (HTTP/2)</div>' +
587-
'<div class="lb-popup-desc">' + desc + '</div>' +
602+
variantsHtml +
588603
'<div class="lb-popup-stats">' +
589604
'<div><div class="lb-popup-stat-label">Req/s</div><div class="lb-popup-stat-value">' + rps + '</div></div>' +
590605
'<div><div class="lb-popup-stat-label">Connections</div><div class="lb-popup-stat-value">' + conns + '</div></div>' +
@@ -595,7 +610,7 @@
595610
(cpuBreakdown ? '<div style="grid-column:1/-1"><div class="lb-popup-stat-label">Per-service CPU</div><div class="lb-popup-stat-value" style="font-size:0.85rem;">' + cpuBreakdown.replace(/\|/g, '&nbsp;&nbsp;|&nbsp;&nbsp;') + '</div></div>' : '') +
596611
'<div style="grid-column:1/-1"><div class="lb-popup-stat-label">Status Codes</div><div class="lb-popup-stat-value">' + statusHtml + '</div></div>' +
597612
'</div>' +
598-
'<div class="lb-popup-links">' + repoHtml + benchHtml + logHtml + '</div>' +
613+
(logHtml ? '<div class="lb-popup-links" style="margin-top:0.5rem;">' + logHtml + '</div>' : '') +
599614
'</div>';
600615
document.body.appendChild(overlay);
601616
function close() { overlay.remove(); }

0 commit comments

Comments
 (0)