feat: render swarm number

src/bin/super/superapp/src/Remotes.svelte

@@ -23,7 +23,7 @@
   import { remotes, tribes } from "./store";
   import { onMount } from "svelte";
   import type { Remote } from "./types/types";
-  import { splitHost } from "./utils/index";
+  import { getSwarmNumber, splitHost } from "./utils/index";
   import { selectedNode } from "./store";
   import {
     create_new_swarm_ec2,
@@ -188,7 +188,11 @@
   }
 
   function remoterow(r: Remote) {
-    return { ...r, id: r.host };
+    let swarmNumber = "";
+    if (r.default_host) {
+      swarmNumber = getSwarmNumber(r.default_host);
+    }
+    return { ...r, id: r.host, number: swarmNumber };
   }
 
   async function handleSubmitAddSwarm() {
@@ -532,6 +536,7 @@
   <DataTable
     headers={[
       { key: "host", value: "Host" },
+      { key: "number", value: "Number" },
       { key: "note", value: "Description" },
       { key: "ec2", value: "Instance" },
       { key: "tribes", value: "Tribes" },

src/bin/super/superapp/src/types/types.ts

@@ -34,4 +34,5 @@ export interface Remote {
   host: string;
   note?: string;
   ec2?: string;
+  default_host?: string;
 }

src/bin/super/superapp/src/utils/index.ts

@@ -8,3 +8,14 @@ export function splitHost(hostFullPath: string) {
   }
   return "";
 }
+
+export function getSwarmNumber(default_host: string) {
+  // Regular expression to match the number in the string
+  const match = default_host.match(/\d+/);
+
+  if (match) {
+    return match[0];
+  } else {
+    return "";
+  }
+}