feat: adds labels to fuzzy search dialog (#2649)

assets/components/FuzzySearchModal.vue

@@ -58,22 +58,24 @@ const store = useContainerStore();
 const { containers } = storeToRefs(store);
 
 const list = computed(() => {
-  return containers.value.map(({ id, created, name, state, hostLabel: host }) => {
+  return containers.value.map(({ id, created, name, state, labels, hostLabel: host }) => {
     return {
       id,
       created,
       name,
       state,
       host,
+      labels: Object.entries(labels).map(([_, value]) => value),
     };
   });
 });
 
 const { results } = useFuse(query, list, {
   fuseOptions: {
-    keys: ["name", "host"],
+    keys: ["name", "host", "labels"],
     includeScore: true,
     useExtendedSearch: true,
+    threshold: 0.3,
   },
   resultLimit,
   matchAllWhenSearchEmpty: true,

assets/models/Container.spec.ts

@@ -18,7 +18,7 @@ describe("Container", () => {
   ];
 
   test.each(names)("name %s should be %s and %s", (name, expectedName, expectedSwarmId) => {
-    const c = new Container("id", new Date(), "image", name!, "command", "host", "status", "created");
+    const c = new Container("id", new Date(), "image", name!, "command", "host", {}, "status", "created");
     expect(c.name).toBe(expectedName);
     expect(c.swarmId).toBe(expectedSwarmId);
   });

assets/models/Container.ts

@@ -31,6 +31,7 @@ export class Container {
     public readonly name: string,
     public readonly command: string,
     public readonly host: string,
+    public readonly labels = {} as Record<string, string>,
     public status: string,
     public state: ContainerState,
     public health?: ContainerHealth,

assets/stores/container.ts

@@ -124,6 +124,7 @@ export const useContainerStore = defineStore("container", () => {
           c.name,
           c.command,
           c.host,
+          c.labels,
           c.status,
           c.state,
           c.health,

assets/types/Container.d.ts

@@ -14,6 +14,7 @@ export type ContainerJson = {
   readonly status: string;
   readonly state: ContainerState;
   readonly host: string;
+  readonly labels: Record<string, string>;
   readonly health?: ContainerHealth;
 };
 

internal/docker/client.go

@@ -190,6 +190,7 @@ func (d *Client) ListContainers() ([]Container, error) {
 			Status:  c.Status,
 			Host:    d.host.ID,
 			Health:  findBetweenParentheses(c.Status),
+			Labels:  c.Labels,
 		}
 		containers = append(containers, container)
 	}

internal/docker/types.go

@@ -6,18 +6,19 @@ import (
 
 // Container represents an internal representation of docker containers
 type Container struct {
-	ID      string   `json:"id"`
-	Names   []string `json:"names"`
-	Name    string   `json:"name"`
-	Image   string   `json:"image"`
-	ImageID string   `json:"imageId"`
-	Command string   `json:"command"`
-	Created int64    `json:"created"`
-	State   string   `json:"state"`
-	Status  string   `json:"status"`
-	Health  string   `json:"health,omitempty"`
-	Host    string   `json:"host,omitempty"`
-	Tty     bool     `json:"-"`
+	ID      string            `json:"id"`
+	Names   []string          `json:"names"`
+	Name    string            `json:"name"`
+	Image   string            `json:"image"`
+	ImageID string            `json:"imageId"`
+	Command string            `json:"command"`
+	Created int64             `json:"created"`
+	State   string            `json:"state"`
+	Status  string            `json:"status"`
+	Health  string            `json:"health,omitempty"`
+	Host    string            `json:"host,omitempty"`
+	Tty     bool              `json:"-"`
+	Labels  map[string]string `json:"labels,omitempty"`
 }
 
 // ContainerStat represent stats instant for a container