added size

Author: y0014984

src/components/ServerItem.vue

@@ -32,6 +32,10 @@ function onClickLogs() {
     router.push(`/server-logs-list/${model.value!.uuid}`);
 }
 
+function onClickSize() {
+    router.push(`/server-size/${model.value!.uuid}`);
+}
+
 function onClickStats() {
     router.push(`/server-stats/${model.value!.uuid}`);
 }
@@ -73,6 +77,7 @@ function onClickKnownPlayers() {
             <button class="column-right" type="button" @click="onClickDelete" :disabled="model!.isRunning">Delete</button>
             <button class="column-right" type="button" @click="onClickClone">Clone</button>
             <button class="column-right" type="button" @click="onClickLogs">Logs</button>
+            <button class="column-right" type="button" @click="onClickSize">Size</button>
             <button class="column-right" type="button" @click="onClickStats" :disabled="!model!.isRunning">Stats</button>
             <button class="column-right" type="button" @click="onClickKnownPlayers">Known Players</button>
         </p>

src/plugins/router.ts

@@ -9,6 +9,7 @@ import ServerLogsList from '../views/ServerLogsList.vue';
 import ViewServerLog from '../views/ViewServerLog.vue';
 import PlayersList from '../views/PlayersList.vue';
 import ServerStats from '../views/ServerStats.vue';
+import ServerSize from '../views/ServerSize.vue';
 import PageNotFound from '../views/PageNotFound.vue';
 
 const routes = [
@@ -20,6 +21,7 @@ const routes = [
     { path: '/view-server/:id', component: ViewServer },
     { path: '/server-logs-list/:id', component: ServerLogsList },
     { path: '/server-stats/:id', component: ServerStats },
+    { path: '/server-size/:id', component: ServerSize },
     { path: '/players-list/:id', component: PlayersList },
     { path: '/view-server-log/:id/:log/:file', component: ViewServerLog },
     { path: '/', redirect: '/servers-list' }

src/stores/servers.ts

@@ -16,9 +16,10 @@ import {
     recreateArsDockerImage,
     getPlayersFromLog,
     getKnownPlayers,
-    getStats
+    getStats,
+    getSize
 } from '../utils/api';
-import { PlayerIdentityId, Server, DockerStats, Result, LogFile, ArsStatus } from '../utils/interfaces';
+import { PlayerIdentityId, Server, DockerStats, Result, LogFile, ArsStatus, ResultSize } from '../utils/interfaces';
 
 interface State {
     servers: Server[];
@@ -107,6 +108,14 @@ export const useServersStore = defineStore('servers', {
                 return result;
             }
         },
+        async getSize(uuid: string): Promise<ResultSize | null> {
+            const result: ResultSize | Result = await getSize(uuid);
+            if ((result as unknown as Result).value === false) {
+                return null;
+            } else {
+                return result;
+            }
+        },
         async getPublicIp(): Promise<string> {
             if (this.publicIp === '') {
                 this.publicIp = await getPublicIp();

src/utils/api.ts

@@ -1,4 +1,15 @@
-import { IpAddress, Result, Server, ServerId, PlayerIdentityId, DockerStats, LogFile, ArsStatusResult, ArsStatus } from './interfaces';
+import {
+    IpAddress,
+    Result,
+    Server,
+    ServerId,
+    PlayerIdentityId,
+    DockerStats,
+    LogFile,
+    ArsStatusResult,
+    ArsStatus,
+    ResultSize
+} from './interfaces';
 import { useLogsStore } from '../stores/logs';
 
 const api = import.meta.env.VITE_API_URL;
@@ -104,6 +115,14 @@ export async function getStats(uuid: string): Promise<DockerStats> {
     return result;
 }
 
+export async function getSize(uuid: string): Promise<ResultSize> {
+    const jsonResponse = await fetch(`${apiProtocol}://${api}/api/server/${uuid}/size`);
+    const result = (await jsonResponse.json()) as ResultSize;
+    const logsStore = useLogsStore();
+    logsStore.add(`Getting Size for Server with UUID: ${uuid}`);
+    return result;
+}
+
 export async function addServer(server: Server): Promise<string> {
     const jsonResponse = await fetch(`${apiProtocol}://${api}/api/add-server`, {
         method: 'POST',
@@ -140,7 +159,6 @@ export async function getPublicIp(): Promise<string> {
 
 export async function getArsStatus(): Promise<ArsStatus> {
     const jsonResponse = await fetch(`${apiProtocol}://${api}/api/get-ars-status`);
-
     const result = (await jsonResponse.json()) as ArsStatusResult;
     const logsStore = useLogsStore();
     logsStore.add(`ARS status fetched`);
@@ -149,7 +167,6 @@ export async function getArsStatus(): Promise<ArsStatus> {
 
 export async function recreateArsDockerImage(): Promise<boolean> {
     const jsonResponse = await fetch(`${apiProtocol}://${api}/api/recreate-ars-docker-image`);
-
     const result = (await jsonResponse.json()) as Result;
     const logsStore = useLogsStore();
     logsStore.add(`ARS docker image recreation started`);

src/utils/interfaces.ts

@@ -12,6 +12,15 @@ export interface Result {
     value: boolean;
 }
 
+export interface ResultSize {
+    profileDir: string;
+    serverDir: string;
+    modsDir: string;
+    logsDir: string;
+    allMods: string;
+    allLogs: string;
+}
+
 export interface LogFile {
     logFile: string;
 }

src/views/ServerSize.vue

@@ -0,0 +1,67 @@
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue';
+import { useRoute } from 'vue-router';
+import { useServersStore } from '../stores/servers';
+import Loading from '../components/Loading.vue';
+import NotFound from '../components/NotFound.vue';
+import { ResultSize } from '../utils/interfaces';
+
+const route = useRoute();
+
+const loading = ref(true);
+const found = ref(false);
+
+const serversStore = useServersStore();
+
+const size = ref<ResultSize>({
+    profileDir: 'unknown',
+    serverDir: 'unknown',
+    modsDir: 'unknown',
+    logsDir: 'unknown',
+    allMods: 'unknown',
+    allLogs: 'unknown'
+});
+
+async function getSize() {
+    const result = await serversStore.getSize(route.params.id as string);
+    if (result) {
+        size.value = result;
+        found.value = true;
+    }
+    loading.value = false;
+}
+
+const allMods = computed(() => {
+    const mods = size.value.allMods.split('\n');
+    mods.pop();
+    mods.pop();
+    return mods.join('\n');
+});
+
+const allLogs = computed(() => {
+    const logs = size.value.allLogs.split('\n');
+    logs.pop();
+    logs.pop();
+    return logs.join('\n');
+});
+
+onMounted(async () => {
+    getSize();
+});
+</script>
+
+<template>
+    <Loading v-if="loading" />
+    <NotFound v-else-if="!found" />
+    <div v-else>
+        <h1>Arma Reforger Server Size</h1>
+        <h2>Profile: {{ size.profileDir }}</h2>
+        <h3>Mods: {{ size.modsDir }}</h3>
+        <pre v-html="allMods"></pre>
+        <h3>Logs: {{ size.logsDir }}</h3>
+        <pre v-html="allLogs"></pre>
+        <h2>Server: {{ size.serverDir }}</h2>
+    </div>
+</template>
+
+<style scoped></style>