show uptime

src/App.svelte

···
 <script lang="ts">
   import { onMount } from 'svelte';
-  import { formatDistanceToNow, addSeconds, formatDate, formatISO9075 } from 'date-fns';
+  import { formatDistanceToNow, addSeconds, subSeconds, formatDate, formatISO9075 } from 'date-fns';
   import { Progress, Switch } from '@skeletonlabs/skeleton-svelte';
   import orderBy from "lodash/orderBy";
+  import { formatNumber, formatUptime } from './lib/utils';
   import instancesData from './instances.json';
-  import numeral from 'numeral';
   
   const APP_TITLE = 'plcbundle instances'
   const PLC_DIRECTORY = 'plc.directory'
···
   let instances = $state(instancesData.sort(() => Math.random() - 0.5))
 
   const instanceOrderBy = [['_head', 'status.latency'], ['desc', 'asc']]
-
-  function formatNumber(n: number) {
-    return numeral(n).format()
-  }
 
   async function getStatus(instance: Instance) {
     let statusResp: object | undefined;
···
           <th>head</th>
           <th>root</th>
           <th>version</th>
+          <th>ws?</th>
+          <th>uptime</th>
           <th>latency</th>
         </tr>
       </thead>
···
             <td><span class="font-mono text-xs {instance._head ? (isConflict ? 'text-error-600' : 'text-success-600') : 'opacity-50'}">{#if instance.status?.bundles?.head_hash}{instance.status?.bundles?.head_hash.slice(0, 7)}{/if}</span></td>
             <td><span class="font-mono text-xs {instance.status ? (instance.status?.bundles?.root_hash === ROOT ? 'text-success-600' : 'text-error-600') : ''}">{#if instance.status?.bundles?.root_hash}{instance.status?.bundles?.root_hash.slice(0, 7)}{/if}</span></td>
             <td>{#if instance.status?.server?.version}{instance.status?.server?.version}{/if}</td>
+            <td>{#if instance.status?.server?.websocket_enabled}✔︎{:else if instance.status}<span class="opacity-25">-</span>{/if}</td>
+            <td class="text-xs">{#if instance.status?.server?.uptime_seconds}{formatUptime(instance.status?.server?.uptime_seconds)}{/if}</td>
             <td class="opacity-50">{#if instance.status?.latency}{Math.round(instance.status?.latency)}ms{/if}</td>
           </tr>
         {/each}

src/instances.json

···
 [
     {
-        "url": "https://plcbundle.atscan.net"
+        "url": "https://plcbundle.atscan.net",
+        "country": "AT",
+        "maintainer": "@tree.fail"
     },
     {
         "url": "https://plc.j4ck.xyz"

src/lib/utils.ts

···
+import numeral from 'numeral';
+
+export function formatNumber(n: number) {
+    return numeral(n).format()
+}
+
+export function formatUptime(totalSeconds: number): string {
+      if (totalSeconds < 0) {
+          return "Invalid input: seconds cannot be negative";
+      }
+      if (totalSeconds === 0) {
+          return "0s";
+      }
+
+      let parts: string[] = [];
+      let displayUnits: [string, number][];
+
+      const SECONDS_IN_MINUTE = 60;
+      const SECONDS_IN_HOUR = 3600; // 60 minutes * 60 seconds/minute
+      const SECONDS_IN_DAY = 24 * SECONDS_IN_HOUR;
+
+      if (totalSeconds > SECONDS_IN_DAY) { // If uptime is bigger than 1 day
+          displayUnits = [
+              ['d', SECONDS_IN_DAY],
+              ['h', SECONDS_IN_HOUR],
+          ];
+      } else if (totalSeconds > SECONDS_IN_MINUTE) { // If uptime is bigger than 60 seconds but not bigger than 60 minutes
+          displayUnits = [
+              ['d', SECONDS_IN_DAY],
+              ['h', SECONDS_IN_HOUR],
+              ['m', SECONDS_IN_MINUTE],
+          ];
+      } else { // If uptime is 60 seconds or less
+          displayUnits = [
+              ['d', SECONDS_IN_DAY],
+              ['h', SECONDS_IN_HOUR],
+              ['m', SECONDS_IN_MINUTE],
+              ['s', 1],
+          ];
+      }
+
+      let remainingSeconds = totalSeconds;
+
+      for (const [unitChar, unitSeconds] of displayUnits) {
+          if (remainingSeconds >= unitSeconds) {
+              const value = Math.floor(remainingSeconds / unitSeconds);
+              parts.push(`${value}${unitChar}`);
+              remainingSeconds %= unitSeconds;
+          }
+      }
+
+      return parts.join("");
+  }