From 8346d94d63ac05996f4c278ffc2defa18e8fa318 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 15 Feb 2023 17:44:14 +0000
Subject: [PATCH] feat: show appwrite version

---
 src/lib/layout/footer.svelte      | 13 +++++++++++++
 src/lib/stores/sdk.ts             |  2 +-
 src/routes/console/+layout.svelte | 20 ++++++++++----------
 src/routes/console/+layout.ts     | 11 +++++++++++
 src/routes/console/store.ts       |  4 ++++
 svelte.config.js                  |  3 +++
 6 files changed, 42 insertions(+), 11 deletions(-)
 create mode 100644 src/routes/console/+layout.ts
 create mode 100644 src/routes/console/store.ts

diff --git a/src/lib/layout/footer.svelte b/src/lib/layout/footer.svelte
index b5446237e..cc2c697da 100644
--- a/src/lib/layout/footer.svelte
+++ b/src/lib/layout/footer.svelte
@@ -1,5 +1,6 @@
 <script>
     import { consoleMode, Mode } from '$lib/constants';
+    import { version } from '$routes/console/store';
 
     const currentYear = new Date().getFullYear();
 </script>
@@ -12,6 +13,14 @@
                     {#if consoleMode === Mode.CLOUD}
                         <span class="icon-cloud" />
                     {/if}
+                    {#if $version}
+                        <a
+                            class="text"
+                            href="https://github.com/appwrite/appwrite/blob/master/CHANGES.md"
+                            target="_blank">
+                            Version {$version}
+                        </a>
+                    {/if}
                 </div>
             </li>
             <li class="inline-links-item">
@@ -50,4 +59,8 @@
     .main-footer {
         margin-block-start: auto;
     }
+
+    [class^='icon-']:not(:hover) {
+        color: hsl(var(--color-neutral-50));
+    }
 </style>
diff --git a/src/lib/stores/sdk.ts b/src/lib/stores/sdk.ts
index cffc23dec..f859fef2b 100644
--- a/src/lib/stores/sdk.ts
+++ b/src/lib/stores/sdk.ts
@@ -12,7 +12,7 @@ import {
     Users
 } from '@aw-labs/appwrite-console';
 
-const endpoint =
+export const endpoint =
     import.meta.env.VITE_APPWRITE_ENDPOINT?.toString() ?? `${window?.location?.origin}/v1`;
 const clientConsole = new Client();
 clientConsole.setEndpoint(endpoint).setProject('console');
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index 9639c019a..870794b40 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -1,19 +1,19 @@
 <script lang="ts">
-    import Shell from '$lib/layout/shell.svelte';
-    import SideNavigation from '$lib/layout/navigation.svelte';
-    import Header from '$lib/layout/header.svelte';
-    import { newOrgModal } from '$lib/stores/organization';
-    import Create from './createOrganization.svelte';
-    import { page } from '$app/stores';
     import { beforeNavigate } from '$app/navigation';
-    import { wizard } from '$lib/stores/wizard';
+    import { page } from '$app/stores';
+    import { INTERVAL } from '$lib/constants';
     import { Logs } from '$lib/layout';
+    import Footer from '$lib/layout/footer.svelte';
+    import Header from '$lib/layout/header.svelte';
+    import SideNavigation from '$lib/layout/navigation.svelte';
+    import Shell from '$lib/layout/shell.svelte';
+    import { feedback } from '$lib/stores/app';
     import { log } from '$lib/stores/logs';
+    import { newOrgModal } from '$lib/stores/organization';
+    import { wizard } from '$lib/stores/wizard';
     import { onMount } from 'svelte';
     import { loading } from '../store';
-    import { feedback } from '$lib/stores/app';
-    import { INTERVAL } from '$lib/constants';
-    import Footer from '$lib/layout/footer.svelte';
+    import Create from './createOrganization.svelte';
 
     onMount(() => {
         loading.set(false);
diff --git a/src/routes/console/+layout.ts b/src/routes/console/+layout.ts
new file mode 100644
index 000000000..65e09d55d
--- /dev/null
+++ b/src/routes/console/+layout.ts
@@ -0,0 +1,11 @@
+import { endpoint } from '$lib/stores/sdk';
+import type { LayoutLoad } from './$types';
+
+export const load: LayoutLoad = async () => {
+    const response = await fetch(`${endpoint}/health/version`);
+    const data = await response.json();
+
+    return {
+        version: data?.version ?? null
+    };
+};
diff --git a/src/routes/console/store.ts b/src/routes/console/store.ts
new file mode 100644
index 000000000..2e8023dda
--- /dev/null
+++ b/src/routes/console/store.ts
@@ -0,0 +1,4 @@
+import { page } from '$app/stores';
+import { derived } from 'svelte/store';
+
+export const version = derived(page, ($page) => $page.data.version as string | null);
diff --git a/svelte.config.js b/svelte.config.js
index b425b5de9..106dbd4a9 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -10,6 +10,9 @@ const config = {
         accessors: process.env.VITEST
     },
     kit: {
+        alias: {
+            $routes: './src/routes'
+        },
         adapter: adapter({
             fallback: 'index.html'
         }),