.github/workflows/release.yml

@@ -27,7 +27,7 @@ jobs:
         id: release
         uses: mikepenz/release-changelog-builder-action@v5
         with:
-          configuration: '.github/changelog-configuration.json'
+          configuration: ".github/changelog-configuration.json"
           failOnError: true
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "fancy-gatus",
-  "version": "2.0.1",
+  "version": "2.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "fancy-gatus",
-      "version": "2.0.1",
+      "version": "2.0.0",
       "dependencies": {
         "@tailwindcss/vite": "^4.1.8",
         "axios": "^1.9.0",

package.json

@@ -1,7 +1,7 @@
 {
   "name": "fancy-gatus",
   "private": true,
-  "version": "2.0.1",
+  "version": "2.0.0",
   "type": "module",
   "scripts": {
     "dev": "vite dev",

src/routes/+layout.svelte

@@ -5,10 +5,10 @@
 </script>
 
 <div
-  class="h-fit min-h-screen flex flex-col items-center bg-base-200"
+  class="w-screen h-fit min-h-screen flex flex-col items-center bg-base-200"
   data-theme={$persistentSettings.darkmode ? 'darkgray' : 'emerald'}
 >
-  <div class="md:w-5/6 xl:w-3/5 max-w-5xl h-full pl-4 md:pl-0 pr-4 md:pr-0 pt-5 pb-5">
+  <div class="w-full md:w-5/6 xl:w-3/5 max-w-5xl h-full pl-4 md:pl-0 pr-4 md:pr-0 pt-5 pb-5">
     {@render children()}
   </div>
 </div>

src/routes/+page.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
   import axios from 'axios'
-  import type { AxiosError } from 'axios'
   import { onMount } from 'svelte'
   import type { Config } from '$lib/types/config'
   import type { Status } from '$lib/types/api'
@@ -16,42 +15,41 @@
   let config: Config = $state({})
   let apiData: Status[] = $state([])
 
-  async function getConfig() {
+  function getConfig() {
-    try {
+    axios
-      const response = await axios.get('config.json', { baseURL: '/' })
+      .get('config.json', { baseURL: '/' })
-
+      .then((response) => {
-      config = response.data
+        config = response.data
-      // Set title if defined in config
+        // Set title if defined in config
-      if (config.title) {
+        if (config.title) {
-        document.title = config.title
+          document.title = config.title
-      }
+        }
-    } catch (err) {
+        getApiData()
-      const error = err as AxiosError
+      })
-      if (error.response && error.response.status === 404) {
+      .catch((error) => {
-        console.warn('No config.json file found. Using default values.')
+        if (error.response.status === 404) {
-      }
+          console.warn('No config.json file found. Using default values.')
-      console.log('Error getting config: ' + error)
+          getApiData()
-    }
+        } else {
+          console.log('Error getting config: ' + error)
+        }
+      })
   }
 
-  async function getApiData() {
+  function getApiData() {
     // Set base URL for API calls if defined in config
     if (config.gatusBaseUrl && axios.defaults.baseURL !== config.gatusBaseUrl) {
       axios.defaults.baseURL = config.gatusBaseUrl
     }
-
+    axios
-    try {
+      .get('/api/v1/endpoints/statuses')
-      const response = await axios.get('/api/v1/endpoints/statuses')
+      .then((response) => {
-      apiData = response.data
+        apiData = response.data
-      loading = false
+        loading = false
-    } catch (error) {
+      })
-      console.log(error)
+      .catch((error) => {
-    }
+        console.log(error)
-  }
+      })
-
-  async function refresh() {
-    await getConfig()
-    await getApiData()
   }
 
   // Group statuses by their group name
@@ -95,14 +93,13 @@
 
   // Array of statuses where the last result has success = false
   let failedStatuses = $derived.by(() => {
-    const filteredStatuses = groups.flatMap((item) => item.statuses)
+    return apiData.filter((status) => {
-    return filteredStatuses.filter((status) => {
       return !status.results[status.results.length - 1].success
     })
   })
 
   onMount(() => {
-    refresh()
+    getConfig()
   })
 </script>
 
@@ -121,6 +118,6 @@
       expandByDefault={config.defaultExpandGroups}
     />
   {/each}
-  <RefreshSettings defaultRefreshInterval={config.defaultRefreshInterval} onRefresh={refresh} />
+  <RefreshSettings defaultRefreshInterval={config.defaultRefreshInterval} onRefresh={getConfig} />
   <Footer />
 {/if}