sort results

content/~challenge/12.md

@@ -81,7 +81,7 @@ $ curl localhost:80/count
 <thead>
     <tr>
         <th>Nickname</th>
-        <th>Duration</th>
+        <th>99th</th>
         <th>State</th>
     </tr>
 </thead>
@@ -91,7 +91,6 @@ $ curl localhost:80/count
 
 <script>
 const url = 'https://raw.githubusercontent.com/birlug/soallpeach/refs/heads/master/report.json';
-
 async function fetchData() {
     try {
         const response = await fetch(url);
@@ -109,9 +108,27 @@ function populateTable(data) {
     const tableBody = document.querySelector('#reportTable tbody');
     tableBody.innerHTML = '';
 
-    data.forEach(entry => {
+    const sortedData = data.sort((a, b) => {
+        const jsonA = JSON.parse(a.result?.metrics?.stdout || '{}');
+        let durationA = jsonA?.latencies?.['99th'];
+        if (!durationA) {
+            durationA = 1e9;
+        }
+
+        const jsonB = JSON.parse(b.result?.metrics?.stdout || '{}');
+        let durationB = jsonB?.latencies?.['99th'];
+        if (!durationB) {
+            durationB = 1e9;
+        }
+
+        return durationA - durationB;
+    });
+
+    sortedData.forEach(entry => {
         const { nickname, result, state } = entry;
-        const duration = result?.metrics?.duration || 'N/A';
+        const json = JSON.parse(result?.metrics?.stdout || '{}');
+        duration = json?.latencies?.['99th'];
+        duration = duration ? (duration / 1_000_000.0).toFixed(2) : 'N/A'
 
         const row = document.createElement('tr');