From e4ef784be739f5449ebe871b1db960a4eb186cd5 Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Thu, 6 Jul 2023 08:41:04 -0700
Subject: [PATCH] chore(format): updates js files to updates prettier

---
 assets/components/LogViewer/ContainerStat.vue |  4 ++--
 .../LogViewer/LogEventSource.spec.ts          |  2 +-
 assets/components/LogViewer/LogViewer.vue     | 14 ++++++++---
 assets/components/ScrollProgress.vue          |  4 ++--
 assets/components/Search.vue                  |  4 +++-
 assets/components/SideMenu.vue                | 24 ++++++++++++-------
 assets/components/common/DateTime.vue         |  5 ++--
 assets/components/common/MobileMenu.vue       | 13 ++++++----
 assets/composables/eventsource.ts             | 12 +++++-----
 assets/main.ts                                |  4 ++--
 assets/models/Container.ts                    |  2 +-
 assets/models/LogEntry.ts                     | 18 ++++++++------
 assets/modules/i18n.ts                        |  4 ++--
 assets/pages/index.vue                        |  4 ++--
 assets/stores/container.ts                    | 15 +++++++-----
 .../.vitepress/theme/components/HeroVideo.vue |  2 +-
 16 files changed, 79 insertions(+), 52 deletions(-)

diff --git a/assets/components/LogViewer/ContainerStat.vue b/assets/components/LogViewer/ContainerStat.vue
index 26f4c830..1e0878c7 100644
--- a/assets/components/LogViewer/ContainerStat.vue
+++ b/assets/components/LogViewer/ContainerStat.vue
@@ -31,7 +31,7 @@ const cpuData = computedWithControl(
       value: stat.snapshot.cpu + "%",
     }));
     return points;
-  }
+  },
 );
 
 const memoryData = computedWithControl(
@@ -44,7 +44,7 @@ const memoryData = computedWithControl(
       value: formatBytes(stat.snapshot.memoryUsage),
     }));
     return points;
-  }
+  },
 );
 </script>
 
diff --git a/assets/components/LogViewer/LogEventSource.spec.ts b/assets/components/LogViewer/LogEventSource.spec.ts
index 60d7d48c..405f0c56 100644
--- a/assets/components/LogViewer/LogEventSource.spec.ts
+++ b/assets/components/LogViewer/LogEventSource.spec.ts
@@ -44,7 +44,7 @@ describe("<LogEventSource />", () => {
       hourStyle = "auto",
     }: { searchFilter?: string | undefined; hourStyle?: "auto" | "24" | "12" } = {
       hourStyle: "auto",
-    }
+    },
   ) {
     settings.value.hourStyle = hourStyle;
     search.searchFilter.value = searchFilter;
diff --git a/assets/components/LogViewer/LogViewer.vue b/assets/components/LogViewer/LogViewer.vue
index 52384204..8dc85257 100644
--- a/assets/components/LogViewer/LogViewer.vue
+++ b/assets/components/LogViewer/LogViewer.vue
@@ -58,17 +58,25 @@ const routeHash = useRouteHash();
 watch(
   routeHash,
   (hash) => {
-    if(hash){
+    if (hash) {
       document.querySelector(`[data-key="${hash.substring(1)}"]`)?.scrollIntoView({ block: "center" });
     }
   },
-  { immediate: true, flush: "post" }
+  { immediate: true, flush: "post" },
 );
 </script>
 <style scoped lang="scss">
 .events {
   padding: 1em 0;
-  font-family: ui-monospace, SFMono-Regular, SF Mono, Consolas, Liberation Mono, monaco, Menlo, monospace;
+  font-family:
+    ui-monospace,
+    SFMono-Regular,
+    SF Mono,
+    Consolas,
+    Liberation Mono,
+    monaco,
+    Menlo,
+    monospace;
 
   & > li {
     display: flex;
diff --git a/assets/components/ScrollProgress.vue b/assets/components/ScrollProgress.vue
index 822c7b79..591d66e7 100644
--- a/assets/components/ScrollProgress.vue
+++ b/assets/components/ScrollProgress.vue
@@ -37,7 +37,7 @@ onMounted(() => {
     () => {
       scrollElement.value = (root.value?.closest("[data-scrolling]") as HTMLElement) ?? document;
     },
-    { immediate: true, flush: "post" }
+    { immediate: true, flush: "post" },
   );
 });
 
@@ -56,7 +56,7 @@ watchPostEffect(() => {
         delay: 2000,
         fill: "both",
         easing: "ease-out",
-      }
+      },
     );
   }
 });
diff --git a/assets/components/Search.vue b/assets/components/Search.vue
index 700c8bf6..624d0c07 100644
--- a/assets/components/Search.vue
+++ b/assets/components/Search.vue
@@ -46,7 +46,9 @@ onUnmounted(() => resetSearch());
   right: 0;
   border-radius: 0 0 0 5px;
   z-index: 10;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  box-shadow:
+    0 1px 3px rgba(0, 0, 0, 0.12),
+    0 1px 2px rgba(0, 0, 0, 0.24);
 
   button.delete {
     margin-left: 1em;
diff --git a/assets/components/SideMenu.vue b/assets/components/SideMenu.vue
index b63a133d..150cf224 100644
--- a/assets/components/SideMenu.vue
+++ b/assets/components/SideMenu.vue
@@ -82,21 +82,27 @@ const sortedContainers = computed(() =>
       } else {
         return a.name.localeCompare(b.name);
       }
-    })
+    }),
 );
 
 const hosts = computed(() =>
-  config.hosts.reduce((acc, item) => {
-    acc[item.host] = item;
-    return acc;
-  }, {} as Record<string, { name: string; host: string }>)
+  config.hosts.reduce(
+    (acc, item) => {
+      acc[item.host] = item;
+      return acc;
+    },
+    {} as Record<string, { name: string; host: string }>,
+  ),
 );
 
 const activeContainersById = computed(() =>
-  activeContainers.value.reduce((acc, item) => {
-    acc[item.id] = item;
-    return acc;
-  }, {} as Record<string, Container>)
+  activeContainers.value.reduce(
+    (acc, item) => {
+      acc[item.id] = item;
+      return acc;
+    },
+    {} as Record<string, Container>,
+  ),
 );
 </script>
 <style scoped lang="scss">
diff --git a/assets/components/common/DateTime.vue b/assets/components/common/DateTime.vue
index d12efaee..23079aa0 100644
--- a/assets/components/common/DateTime.vue
+++ b/assets/components/common/DateTime.vue
@@ -11,9 +11,10 @@ const props = defineProps<{
 }>();
 
 const dateFormatter = new Intl.DateTimeFormat(undefined, { day: "2-digit", month: "2-digit", year: "numeric" });
-const use12Hour = $computed(() => ({ auto: undefined, "12": true, "24": false }[hourStyle.value]));
+const use12Hour = $computed(() => ({ auto: undefined, "12": true, "24": false })[hourStyle.value]);
 const timeFormatter = $computed(
-  () => new Intl.DateTimeFormat(undefined, { hour: "numeric", minute: "2-digit", second: "2-digit", hour12: use12Hour })
+  () =>
+    new Intl.DateTimeFormat(undefined, { hour: "numeric", minute: "2-digit", second: "2-digit", hour12: use12Hour }),
 );
 
 const dateStr = $computed(() => dateFormatter.format(props.date));
diff --git a/assets/components/common/MobileMenu.vue b/assets/components/common/MobileMenu.vue
index ab23556b..7f4fa991 100644
--- a/assets/components/common/MobileMenu.vue
+++ b/assets/components/common/MobileMenu.vue
@@ -109,14 +109,17 @@ const sortedContainers = computed(() =>
       } else {
         return a.name.localeCompare(b.name);
       }
-    })
+    }),
 );
 
 const hosts = computed(() =>
-  config.hosts.reduce((acc, item) => {
-    acc[item.host] = item;
-    return acc;
-  }, {} as Record<string, { name: string; host: string }>)
+  config.hosts.reduce(
+    (acc, item) => {
+      acc[item.host] = item;
+      return acc;
+    },
+    {} as Record<string, { name: string; host: string }>,
+  ),
 );
 </script>
 <style scoped lang="scss">
diff --git a/assets/composables/eventsource.ts b/assets/composables/eventsource.ts
index bca07f35..03309f9d 100644
--- a/assets/composables/eventsource.ts
+++ b/assets/composables/eventsource.ts
@@ -82,8 +82,8 @@ export function useLogStream(container: ComputedRef<Container>, streamConfig: Lo
 
     es = new EventSource(
       `${config.base}/api/logs/stream/${container.value.host}/${container.value.id}?${new URLSearchParams(
-        params
-      ).toString()}`
+        params,
+      ).toString()}`,
     );
     es.addEventListener("container-stopped", () => {
       es?.close();
@@ -127,8 +127,8 @@ export function useLogStream(container: ComputedRef<Container>, streamConfig: Lo
     const logs = await (
       await fetch(
         `${config.base}/api/logs/${container.value.host}/${container.value.id}?${new URLSearchParams(
-          params
-        ).toString()}`
+          params,
+        ).toString()}`,
       )
     ).text();
     if (logs) {
@@ -149,7 +149,7 @@ export function useLogStream(container: ComputedRef<Container>, streamConfig: Lo
         buffer.push(new DockerEventLogEntry("Container started", new Date(), "container-started"));
         connect({ clear: false });
       }
-    }
+    },
   );
 
   onUnmounted(() => {
@@ -161,7 +161,7 @@ export function useLogStream(container: ComputedRef<Container>, streamConfig: Lo
   watch(
     () => container.value.id,
     () => connect(),
-    { immediate: true }
+    { immediate: true },
   );
 
   watch(streamConfig, () => connect());
diff --git a/assets/main.ts b/assets/main.ts
index 1a689028..12a15404 100644
--- a/assets/main.ts
+++ b/assets/main.ts
@@ -3,8 +3,8 @@ import { createApp, App as VueApp } from "vue";
 import App from "./App.vue";
 
 const app = createApp(App);
-Object.values(import.meta.glob<{ install: (app: VueApp) => void }>("./modules/*.ts", { eager: true })).forEach((i) =>
-  i.install?.(app)
+Object.values(import.meta.glob<{ install: (app: VueApp) => void }>("./modules/*.ts", { eager: true })).forEach(
+  (i) => i.install?.(app),
 );
 
 app.mount("#app");
diff --git a/assets/models/Container.ts b/assets/models/Container.ts
index abe9c537..3244d90f 100644
--- a/assets/models/Container.ts
+++ b/assets/models/Container.ts
@@ -21,7 +21,7 @@ export class Container {
     public readonly host: string,
     public status: string,
     public state: ContainerState,
-    public health?: ContainerHealth
+    public health?: ContainerHealth,
   ) {
     this.stat = ref({ cpu: 0, memory: 0, memoryUsage: 0 });
     this.throttledStatHistory = useThrottledRefHistory(this.stat, { capacity: 300, deep: true, throttle: 1000 });
diff --git a/assets/models/LogEntry.ts b/assets/models/LogEntry.ts
index 216a455a..97e1c346 100644
--- a/assets/models/LogEntry.ts
+++ b/assets/models/LogEntry.ts
@@ -29,7 +29,7 @@ export abstract class LogEntry<T extends string | JSONObject> implements HasComp
     public readonly id: number,
     public readonly date: Date,
     public readonly std: Std,
-    public readonly level?: string
+    public readonly level?: string,
   ) {
     this._message = message;
   }
@@ -48,7 +48,7 @@ export class SimpleLogEntry extends LogEntry<string> {
     date: Date,
     public readonly level: string,
     public readonly position: Position,
-    public readonly std: Std
+    public readonly std: Std,
   ) {
     super(message, id, date, std, level);
   }
@@ -66,7 +66,7 @@ export class ComplexLogEntry extends LogEntry<JSONObject> {
     date: Date,
     public readonly level: string,
     public readonly std: Std,
-    visibleKeys?: Ref<string[][]>
+    visibleKeys?: Ref<string[][]>,
   ) {
     super(message, id, date, std, level);
     if (visibleKeys) {
@@ -99,7 +99,11 @@ export class ComplexLogEntry extends LogEntry<JSONObject> {
 }
 
 export class DockerEventLogEntry extends LogEntry<string> {
-  constructor(message: string, date: Date, public readonly event: string) {
+  constructor(
+    message: string,
+    date: Date,
+    public readonly event: string,
+  ) {
     super(message, date.getTime(), date, "stderr", "info");
   }
   getComponent(): Component {
@@ -115,7 +119,7 @@ export class SkippedLogsEntry extends LogEntry<string> {
     date: Date,
     totalSkipped: number,
     public readonly firstSkipped: LogEntry<string | JSONObject>,
-    lastSkipped: LogEntry<string | JSONObject>
+    lastSkipped: LogEntry<string | JSONObject>,
   ) {
     super("", date.getTime(), date, "stderr", "info");
     this._totalSkipped = totalSkipped;
@@ -151,7 +155,7 @@ export function asLogEntry(event: LogEvent): LogEntry<string | JSONObject> {
       new Date(event.ts),
       event.l,
       event.p,
-      event.s === "unknown" ? "stderr" : event.s ?? "stderr"
+      event.s === "unknown" ? "stderr" : event.s ?? "stderr",
     );
   } else {
     return new ComplexLogEntry(
@@ -159,7 +163,7 @@ export function asLogEntry(event: LogEvent): LogEntry<string | JSONObject> {
       event.id,
       new Date(event.ts),
       event.l,
-      event.s === "unknown" ? "stderr" : event.s ?? "stderr"
+      event.s === "unknown" ? "stderr" : event.s ?? "stderr",
     );
   }
 }
diff --git a/assets/modules/i18n.ts b/assets/modules/i18n.ts
index 9e8f95e5..2d2cb1ba 100644
--- a/assets/modules/i18n.ts
+++ b/assets/modules/i18n.ts
@@ -7,8 +7,8 @@ export const install = (app: App) => {
       ([key, value]) => {
         const yaml = key.endsWith(".yaml");
         return [key.slice(14, yaml ? -5 : -4), value.default];
-      }
-    )
+      },
+    ),
   );
   const i18n = createI18n({
     legacy: false,
diff --git a/assets/pages/index.vue b/assets/pages/index.vue
index 0385a4c0..0ce044ed 100644
--- a/assets/pages/index.vue
+++ b/assets/pages/index.vue
@@ -124,7 +124,7 @@ useIntervalFn(
     totalCpu = runningContainers.reduce((acc, c) => acc + (c.stat?.cpu ?? 0), 0);
   },
   1000,
-  { immediate: true }
+  { immediate: true },
 );
 
 let totalMem = $ref(0);
@@ -133,7 +133,7 @@ useIntervalFn(
     totalMem = runningContainers.reduce((acc, c) => acc + (c.stat?.memoryUsage ?? 0), 0);
   },
   1000,
-  { immediate: true }
+  { immediate: true },
 );
 
 function onEnter() {
diff --git a/assets/stores/container.ts b/assets/stores/container.ts
index fe7fc8b2..9028b93c 100644
--- a/assets/stores/container.ts
+++ b/assets/stores/container.ts
@@ -10,10 +10,13 @@ export const useContainerStore = defineStore("container", () => {
   const ready = ref(false);
 
   const allContainersById = computed(() =>
-    containers.value.reduce((acc, container) => {
-      acc[container.id] = container;
-      return acc;
-    }, {} as Record<string, Container>)
+    containers.value.reduce(
+      (acc, container) => {
+        acc[container.id] = container;
+        return acc;
+      },
+      {} as Record<string, Container>,
+    ),
   );
 
   const visibleContainers = computed(() => {
@@ -29,7 +32,7 @@ export const useContainerStore = defineStore("container", () => {
     es = new EventSource(`${config.base}/api/events/stream`);
 
     es.addEventListener("containers-changed", (e: Event) =>
-      updateContainers(JSON.parse((e as MessageEvent).data) as ContainerJson[])
+      updateContainers(JSON.parse((e as MessageEvent).data) as ContainerJson[]),
     );
     es.addEventListener("container-stat", (e) => {
       const stat = JSON.parse((e as MessageEvent).data) as ContainerStat;
@@ -83,7 +86,7 @@ export const useContainerStore = defineStore("container", () => {
           c.host,
           c.status,
           c.state,
-          c.health
+          c.health,
         );
       }),
     ];
diff --git a/docs/.vitepress/theme/components/HeroVideo.vue b/docs/.vitepress/theme/components/HeroVideo.vue
index 513b4e54..ace258b9 100644
--- a/docs/.vitepress/theme/components/HeroVideo.vue
+++ b/docs/.vitepress/theme/components/HeroVideo.vue
@@ -13,7 +13,7 @@ onMounted(() => {
     {
       attributes: true,
       attributeFilter: ["class"],
-    }
+    },
   );
 });
 </script>