From 5b00db5bb235c15a5b176453521f14081c8c1cae Mon Sep 17 00:00:00 2001
From: overtrue <anzhengchao@gmail.com>
Date: Sun, 23 Feb 2025 15:25:50 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=9D=99=E6=80=81=E5=AF=BC=E5=87=BA=20?=
 =?UTF-8?q?&=20=E5=A2=9E=E5=8A=A0=20config.json=20=E6=94=AF=E6=8C=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                         |   2 +
 app.vue                            |   2 +-
 components/sidebar.vue             |  65 ++++++++++-------------------
 components/user-dropdown.vue       |  21 ++++++++--
 lib/sts.ts                         |  12 +++---
 nuxt.config.ts                     |  23 +++++++---
 pages/browser/[bucket]/[[key]].vue |   4 +-
 pages/index.vue                    |  10 ++++-
 pages/policies/index.vue           |   8 +++-
 plugins/01.config.ts               |  28 +++++++++++++
 plugins/02.api.ts                  |  42 +++++++++++++++++++
 plugins/03.s3.ts                   |  33 +++++++++++++++
 plugins/api.ts                     |  36 ----------------
 plugins/s3.ts                      |  27 ------------
 public/config.json.example         |  17 ++++++++
 public/img/rustfs.png              | Bin 0 -> 4845 bytes
 public/logo.svg                    |   8 ++++
 types/config.d.ts                  |  32 ++++++++++++++
 18 files changed, 244 insertions(+), 126 deletions(-)
 create mode 100644 plugins/01.config.ts
 create mode 100644 plugins/02.api.ts
 create mode 100644 plugins/03.s3.ts
 delete mode 100644 plugins/api.ts
 delete mode 100644 plugins/s3.ts
 create mode 100644 public/config.json.example
 create mode 100644 public/img/rustfs.png
 create mode 100644 public/logo.svg
 create mode 100644 types/config.d.ts

diff --git a/.gitignore b/.gitignore
index d056894..8397e8f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -27,3 +27,5 @@ logs
 !.env.example
 
 pages/test
+
+public/config.json
diff --git a/app.vue b/app.vue
index 4f81209..f472c8d 100644
--- a/app.vue
+++ b/app.vue
@@ -24,7 +24,7 @@ import {
 import { ref } from 'vue'
 import { themeOverrides } from '~/config/theme'
 
-const theme = ref<GlobalTheme | null>(darkTheme)
+const theme = ref<GlobalTheme>(darkTheme)
 const locale = ref<NLocale | null>(zhCN)
 const dateLocale = ref<NDateLocale | null>(dateZhCN)
 </script>
diff --git a/components/sidebar.vue b/components/sidebar.vue
index 19e7f23..dff5825 100644
--- a/components/sidebar.vue
+++ b/components/sidebar.vue
@@ -1,7 +1,10 @@
 <script lang="ts" setup>
-import { RouterLink } from 'vue-router'
+import { RouterLink, useRouter } from 'vue-router'
 import { useSidebarStore } from '~/store/sidebar'
+import type { SiteConfig } from '~/types/config'
 const appConfig = useAppConfig()
+const siteConfig = useNuxtApp().$siteConfig as unknown as SiteConfig
+const router = useRouter()
 const sidebarStore = useSidebarStore()
 const isCollapsed = computed(() => sidebarStore.isCollapsed)
 
@@ -33,13 +36,13 @@ const options = computed(() => {
           nav.to
             ? nav.target
               ? h(
-                  'a',
-                  {
-                    href: nav.to,
-                    target: '_blank'
-                  },
-                  { default: () => nav.label }
-                )
+                'a',
+                {
+                  href: nav.to,
+                  target: '_blank'
+                },
+                { default: () => nav.label }
+              )
               : h(RouterLink, { to: nav.to }, { default: () => nav.label })
             : nav.label,
         icon: nav.icon ? iconRender(nav.icon) : undefined
@@ -63,22 +66,11 @@ const options = computed(() => {
 })
 </script>
 <template>
-  <n-layout-sider
-    bordered
-    class="min-h-full"
-    collapse-mode="width"
-    :collapsed-width="64"
-    :width="240"
-    :native-scrollbar="false"
-    :collapsed="isCollapsed">
+  <n-layout-sider bordered class="min-h-full" collapse-mode="width" :collapsed-width="64" :width="240" :native-scrollbar="false" :collapsed="isCollapsed">
     <div class="flex flex-col h-screen overflow-hidden gap-4 relative">
-      <div
-        class="border-b dark:border-neutral-800 flex flex-wrap h-16 items-center p-4"
-        :class="isCollapsed ? 'justify-center' : 'justify-between'">
+      <div class="border-b dark:border-neutral-800 flex flex-wrap h-16 items-center p-4" :class="isCollapsed ? 'justify-center' : 'justify-between'">
         <div>
-          <n-avatar
-            v-if="isCollapsed"
-            class="text-center text-2xl leading-none">
+          <n-avatar v-if="isCollapsed" class="text-center text-2xl leading-none">
             {{ appConfig.name.substring(0, 1) }}
           </n-avatar>
           <h2 v-else class="text-center text-2xl">
@@ -87,45 +79,30 @@ const options = computed(() => {
           </h2>
         </div>
         <div v-if="!isCollapsed" class="px-4 flex items-center -mr-4">
-          <Icon
-            name="ri:menu-fold-fill"
-            class="cursor-pointer text-xl"
-            @click="toggleSidebar" />
+          <Icon name="ri:menu-fold-fill" class="cursor-pointer text-xl" @click="toggleSidebar" />
         </div>
       </div>
 
       <div class="overflow-y-auto flex-1">
-        <n-menu
-          :indent="26"
-          :root-indent="12"
-          :collapsed-width="64"
-          :collapsed-icon-size="22"
-          :options="options"
-          default-expand-all
-          class="flex-1" />
+        <n-menu :indent="26" :root-indent="12" :collapsed-width="64" :collapsed-icon-size="22" :options="options" default-expand-all class="flex-1" />
       </div>
 
-      <div
-        v-if="isCollapsed"
-        class="w-full flex items-center justify-center py-4">
-        <Icon
-          name="ri:menu-unfold-fill"
-          class="cursor-pointer text-xl"
-          @click="toggleSidebar" />
+      <div v-if="isCollapsed" class="w-full flex items-center justify-center py-4">
+        <Icon name="ri:menu-unfold-fill" class="cursor-pointer text-xl" @click="toggleSidebar" />
       </div>
 
       <div v-if="!isCollapsed" class="flex flex-col p-4 text-gray-500">
         <div class="flex items-center gap-2">
           <Icon name="ri-server-line" />
-          <span>当前版本: v0.0.1</span>
+          <span>当前版本: {{ siteConfig.release.version }}</span>
         </div>
         <div class="flex items-center gap-2">
           <Icon name="ri-calendar-line" />
-          <span>构建日期：2024-12-01</span>
+          <span>构建日期：{{ siteConfig.release.date }}</span>
         </div>
         <div class="flex items-center gap-2">
           <Icon name="ri-verified-badge-line" />
-          <span>授权协议：商业初级版</span>
+          <span>授权协议：{{ siteConfig.license.name }}</span>
         </div>
       </div>
 
diff --git a/components/user-dropdown.vue b/components/user-dropdown.vue
index 91d92ec..9799a56 100644
--- a/components/user-dropdown.vue
+++ b/components/user-dropdown.vue
@@ -1,7 +1,7 @@
 <template>
-  <n-dropdown :options="options" placement="right-end">
+  <n-dropdown :options="options" placement="right-end" @select="handleDropdownClick">
     <div class="flex items-center border-t dark:border-neutral-800 py-4">
-      <n-avatar round size="small" src="https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg" />
+      <n-avatar round size="small" src="/img/rustfs.png" />
       <template v-if="!isCollapsed">
         <span class="px-2">RustFS</span>
         <Icon name="ri:more-2-line" class="ml-auto text-xl" />
@@ -14,6 +14,21 @@
 import { Icon } from '#components'
 import { defineProps, withDefaults } from 'vue'
 
+const { logout } = useAuth()
+const router = useRouter()
+
+
+const handleLogout = async () => {
+  await logout()
+  router.push('/auth/login')
+}
+
+const handleDropdownClick = (key: string) => {
+  if (key === 'logout') {
+    handleLogout()
+  }
+}
+
 const props = withDefaults(defineProps<{
   isCollapsed?: boolean
 }>(), {
@@ -29,7 +44,7 @@ const options = [
   {
     label: '退出登录',
     key: 'logout',
-    icon: () => icon('ri:logout-box-r-line')
+    icon: () => icon('ri:logout-box-r-line'),
   },
 ]
 </script>
diff --git a/lib/sts.ts b/lib/sts.ts
index 6fc6020..1018806 100644
--- a/lib/sts.ts
+++ b/lib/sts.ts
@@ -1,5 +1,6 @@
 import { AssumeRoleCommand, STSClient } from "@aws-sdk/client-sts";
 import type { AwsCredentialIdentity, AwsCredentialIdentityProvider } from "@aws-sdk/types";
+import type { SiteConfig } from "~/types/config";
 
 /**
  * 获取 STS 临时凭证并返回
@@ -9,13 +10,14 @@ import type { AwsCredentialIdentity, AwsCredentialIdentityProvider } from "@aws-
  * @returns {Promise<Credentials>}
  */
 export async function getStsToken(credentials: AwsCredentialIdentity | AwsCredentialIdentityProvider, roleArn: string) {
-  const runtimeConfig = useRuntimeConfig().public;
-  console.log('S3 runtimeConfig', runtimeConfig);
+  const siteConfig = useNuxtApp().$siteConfig as SiteConfig;
+
+  console.log('S3 siteConfig', siteConfig);
 
   // 1. 创建 STS 客户端
   const stsClient = new STSClient({
-    endpoint: runtimeConfig.s3.endpoint,
-    region: runtimeConfig.s3.region || 'us-east-1',
+    endpoint: siteConfig.s3.endpoint,
+    region: siteConfig.s3.region || 'us-east-1',
     credentials: credentials
   });
 
@@ -24,7 +26,7 @@ export async function getStsToken(credentials: AwsCredentialIdentity | AwsCreden
   const command = new AssumeRoleCommand({
     RoleArn: roleArn,
     RoleSessionName: "console", // 自定义角色会话名称
-    DurationSeconds: runtimeConfig.session.durationSeconds || 3600 * 12, // 临时凭证有效期
+    DurationSeconds: siteConfig.session?.durationSeconds || 3600 * 12, // 临时凭证有效期
   });
 
   const response = await stsClient.send(command);
diff --git a/nuxt.config.ts b/nuxt.config.ts
index dba3c89..858b286 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -17,10 +17,8 @@ export default defineNuxtConfig({
     'nuxtjs-naive-ui',
     '@vueuse/nuxt'
   ],
-  plugins: [
-    '~/plugins/api.ts',
-    '~/plugins/s3.ts',
-  ],
+  // Nuxt automatically reads the files in the plugins/ directory
+  plugins: [],
   runtimeConfig: {
     public: {
       session: {
@@ -28,15 +26,28 @@ export default defineNuxtConfig({
         durationSeconds: Number(process.env.SESSION_DURATION_SECONDS) || 3600 * 12
       },
 
-      // API 请求基础 URL
+      // 下面部分修改的时候记得同步修改 public/config.json
+      // admin API 请求基础 URL
       api: {
         baseURL: process.env.API_BASE_URL || ''
       },
 
-      // 临时配置，后续登录后从本地存储中获取
+      // 对象存储配置
       s3: {
         region: process.env.S3_REGION || 'us-east-1',
         endpoint: process.env.S3_ENDPOINT || process.env.API_BASE_URL || ''
+      },
+
+      // 版本信息
+      release: {
+        version: process.env.VERSION || 'dev-0.0.0',
+        date: process.env.RELEASE_DATE || new Date().toISOString().slice(0, 10)
+      },
+
+      // 授权信息
+      license: {
+        "name": "Apache-2.0",
+        "url": "https://www.apache.org/licenses/LICENSE-2.0"
       }
     }
   },
diff --git a/pages/browser/[bucket]/[[key]].vue b/pages/browser/[bucket]/[[key]].vue
index d9ecc62..5b77db4 100644
--- a/pages/browser/[bucket]/[[key]].vue
+++ b/pages/browser/[bucket]/[[key]].vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <content>
+    <div>
       <page-header>
         <template #title>
           <div class="flex items-center gap-4">
@@ -13,7 +13,7 @@
         <object-list v-if="isObjectList" :bucket="bucketName" :path="key" />
         <object-view v-else :bucket="bucketName" :object-key="key" />
       </page-content>
-    </content>
+    </div>
     <footer />
   </div>
 </template>
diff --git a/pages/index.vue b/pages/index.vue
index 2209e4b..83dbd09 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,3 +1,11 @@
 <template>
-  <h1>hello</h1>
+  <page-content class="flex flex-col gap-4 items-center justify-center min-h-screen">
+    <h1 class="text-2xl font-bold">欢迎使用 Rustfs.</h1>
+    <div class="flex items-center justify-center">
+      <n-button type="primary" @click="$router.push('/browser')">进入文件浏览器</n-button>
+    </div>
+    <div class="mt-4">
+      <p>轻松浏览您的文件和文件夹!</p>
+    </div>
+  </page-content>
 </template>
diff --git a/pages/policies/index.vue b/pages/policies/index.vue
index 92475f5..1fc9dcf 100644
--- a/pages/policies/index.vue
+++ b/pages/policies/index.vue
@@ -29,7 +29,7 @@
       </div>
       <n-data-table ref="tableRef" class="border dark:border-neutral-700 rounded overflow-hidden" :columns="columns" :data="pilicies" :pagination="false" :bordered="false" />
     </page-content>
-    <policies-form-item v-model:show="current" :policy="current" @saved="fetchPolicies" />
+    <policies-form-item v-model:show="showPolicyForm" :policy="current" @saved="fetchPolicies" />
   </div>
 </template>
 <script lang="ts" setup>
@@ -42,6 +42,12 @@ const message = useMessage();
 const pilicies = ref<any[]>([]);
 const tableRef = ref<DataTableInst>();
 const current = ref();
+const showPolicyForm = computed({
+  get: () => !!current.value,
+  set: (val) => {
+    if (!val) current.value = null;
+  }
+});
 
 const handleEdit = (item: any) => {
   current.value = item;
diff --git a/plugins/01.config.ts b/plugins/01.config.ts
new file mode 100644
index 0000000..3c734c8
--- /dev/null
+++ b/plugins/01.config.ts
@@ -0,0 +1,28 @@
+export default defineNuxtPlugin({
+  name: 'load-site-config',
+  async setup(nuxtApp) {
+    console.log('load-site-config setup');
+
+    let finalConfig: any
+
+    // 客户端：尝试从 public/config.json 动态加载配置
+    try {
+      const response = await fetch('/config.json')
+      const remoteConfig = await response.json()
+      // 合并 public/runtimeConfig 与 remote 配置，remote 的优先
+      finalConfig = { ...useRuntimeConfig().public, ...remoteConfig }
+      console.log('加载 public/config.json 成功:', remoteConfig)
+    } catch (error) {
+      console.error('加载 public/config.json 失败，使用 runtimeConfig:', error)
+      finalConfig = useRuntimeConfig().public
+    }
+
+    console.log('siteConfig:', finalConfig);
+
+    return {
+      provide: {
+        siteConfig: finalConfig
+      }
+    }
+  }
+})
diff --git a/plugins/02.api.ts b/plugins/02.api.ts
new file mode 100644
index 0000000..340e071
--- /dev/null
+++ b/plugins/02.api.ts
@@ -0,0 +1,42 @@
+import { AwsClient } from 'aws4fetch';
+import ApiClient from '~/lib/api-client';
+import type { SiteConfig } from '~/types/config'; // Updated import
+
+export default defineNuxtPlugin({
+  name: 'admin-api-client',
+  setup(nuxtApp) {
+    console.log('admin-api-client setup');
+
+    const siteConfig = nuxtApp.$siteConfig as SiteConfig
+    const { isAuthenticated, credentials } = useAuth()
+
+    if (!isAuthenticated.value) {
+      return
+    }
+
+    const accessKeyId = credentials.value?.AccessKeyId || ''
+    const secretAccessKey = credentials.value?.SecretAccessKey || ''
+    const sessionToken = credentials.value?.SessionToken || ''
+    const region: string = siteConfig.s3.region || 'us-east-1'
+    const service = 's3'
+
+    const adminApiClient: AwsClient = new AwsClient({
+      accessKeyId,
+      secretAccessKey,
+      sessionToken,
+      region,
+      service
+    })
+
+    return {
+      provide: {
+        api: new ApiClient(adminApiClient, {
+          baseUrl: siteConfig.api.baseURL,
+          headers: {
+            'Content-Type': 'application/json'
+          }
+        })
+      }
+    }
+  }
+})
diff --git a/plugins/03.s3.ts b/plugins/03.s3.ts
new file mode 100644
index 0000000..e35f10e
--- /dev/null
+++ b/plugins/03.s3.ts
@@ -0,0 +1,33 @@
+import { S3Client } from "@aws-sdk/client-s3";
+import type { SiteConfig } from "~/types/config";
+
+export default defineNuxtPlugin({
+  name: 's3-client',
+  setup(nuxtApp) {
+    console.log('s3-client setup');
+    const { credentials, isAuthenticated } = useAuth();
+    const siteConfig = nuxtApp.$siteConfig as SiteConfig;
+
+    if (!isAuthenticated || !credentials.value) {
+      return;
+    }
+
+    console.log('s3-client setup', siteConfig);
+
+    const client = new S3Client({
+      endpoint: siteConfig.s3.endpoint,
+      region: siteConfig.s3.region || 'us-east-1',
+      credentials: {
+        accessKeyId: credentials.value?.AccessKeyId || '',
+        secretAccessKey: credentials.value?.SecretAccessKey || '',
+        sessionToken: credentials.value?.SessionToken || '',
+      }
+    });
+
+    return {
+      provide: {
+        s3Client: client
+      }
+    }
+  }
+})
diff --git a/plugins/api.ts b/plugins/api.ts
deleted file mode 100644
index a8415a7..0000000
--- a/plugins/api.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { AwsClient } from 'aws4fetch'
-import ApiClient from '~/lib/api-client'
-
-export default defineNuxtPlugin((nuxtApp) => {
-  const runtimeConfig = useRuntimeConfig().public
-  const { isAuthenticated, credentials } = useAuth()
-
-  if (!isAuthenticated.value) {
-    return
-  }
-
-  const accessKeyId = credentials.value?.AccessKeyId || ''
-  const secretAccessKey = credentials.value?.SecretAccessKey || ''
-  const sessionToken = credentials.value?.SessionToken || ''
-  const region = runtimeConfig.s3.region || 'us-east-1'
-  const service = 's3'
-
-  const adminApiClient = new AwsClient({
-    accessKeyId,
-    secretAccessKey,
-    sessionToken,
-    region,
-    service
-  })
-
-  return {
-    provide: {
-      api: new ApiClient(adminApiClient, {
-        baseUrl: runtimeConfig.api.baseURL,
-        headers: {
-          'Content-Type': 'application/json'
-        }
-      })
-    }
-  }
-})
diff --git a/plugins/s3.ts b/plugins/s3.ts
deleted file mode 100644
index 7724a6a..0000000
--- a/plugins/s3.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { S3Client } from "@aws-sdk/client-s3";
-
-export default defineNuxtPlugin((nuxtApp) => {
-  const { credentials, isAuthenticated } = useAuth();
-  const runtimeConfig = useRuntimeConfig().public;
-
-  if (!isAuthenticated || !credentials.value) {
-    return
-  }
-
-  const client = new S3Client({
-    endpoint: runtimeConfig.s3.endpoint,
-    region: runtimeConfig.s3.region || 'us-east-1',
-    credentials: {
-      accessKeyId: credentials.value?.AccessKeyId || '',
-      secretAccessKey: credentials.value?.SecretAccessKey || '',
-      sessionToken: credentials.value?.SessionToken || '',
-    }
-  });
-
-  // Expose to useNuxtApp().$api, useNuxtApp().$apiFetch
-  return {
-    provide: {
-      s3Client: client
-    }
-  }
-})
diff --git a/public/config.json.example b/public/config.json.example
new file mode 100644
index 0000000..36688cf
--- /dev/null
+++ b/public/config.json.example
@@ -0,0 +1,17 @@
+{
+  "api": {
+    "baseURL": "http://localhost:9000/rustfs/admin/v3"
+  },
+  "s3": {
+    "endpoint": "http://localhost:9000",
+    "region": "us-east-1"
+  },
+  "release": {
+    "version": "v0.0.1",
+    "date": "2025-02-25"
+  },
+  "license": {
+    "name": "Apache-2.0",
+    "url": "https://www.apache.org/licenses/LICENSE-2.0"
+  }
+}
diff --git a/public/img/rustfs.png b/public/img/rustfs.png
new file mode 100644
index 0000000000000000000000000000000000000000..87f1bafbfac8ff80d648e51f28d4ff1042672dbb
GIT binary patch
literal 4845
zcmeI0XEYm**T)gGwX44xwbiI9rDhSdXl&Kisu6py{*BmTRaLB7p{-GBi=Uas*4SHX
z#0r|A_K2AvkLUgK=6U~raqm6%+;{if`#In9O?YVtVx+rAM?pcssH3g<>bmy-Z``E4
z&ei6KJPHcd1|7|3Z-TyTFEIMQS^Y}8zs@M7!~alce3+kFgmR04PC&MSr9v3<k$;<x
zyM-pSA}*rpmjhA@2<&Y(ah+jvzxy|Y+H>NgrChCeW*maLEbI*n>q2h1tbl;FvwZ-q
zBda$5`5sC^AUfyVMdTLs20>Z0X?Ov3`W3Q<+UpD76M}yDX0QI?ABLN0(UbzOr1&-I
zXk)dzpe$k>EP^zE=f$@F9sXZSm{8a?!~Y{>yBWPoLG&m6js9J-p~(_pa`%tgnM+0{
zxB3H?CDr#KM7Uj^C#-)Y{h3ASzy7<4){;hp>hP)saYwi)dk*%XY@vmYEC1Gu`31#z
zF3wFJs#20taj`RJsj>$5KsG?za~_`&HK|vy$&qV#wKy4{tf*R1?H*D?Or@?c6bx&?
z8Cq_g-lDi{zEEv;$8D09{lQUR#NvSMK55oLp4d4!a?DrMwj1+EagkT?Q#@BGsiLVl
zpuy|iAV)cS<P^wsQINYrYdrF1RE35Jo>@<7bkF#ogBwD^jVS|1l8TiDiwghwViMK)
zg>+KrNieF7aJo%p^2<&c#41(NnV>%w<QPKG58Mrs<`9+Ikb>S0HiTjTpH_D1_qr#X
zyUjf!al#{VHc$^+eYN}0Sa&jgCyG*s^QL|~uAW0}$56-5;D!`~R4;tG)F2iOw=3Ev
zH)8D_w#dqq%hq>}$eedW6N_DEw|4AwbPS|&u;&z?aAjS*0%GNA&vV5W9YZ=6aU^fg
zvMvAnrOK4)>x;2pqLouW5uG|6&6z6$KA*o^Y~tC-pqMIAZD5{i=Q+b|mKJ|IdSf=k
z6RAF$-sEGBz%LxJww{kUtS&-U(tU<E-lO~m_NdortAE*>N<HRFU-Q(eBIO3BaHa2=
z-va#_>4pDjDJ{9A=p`Pm^N0H;7o%8fPYP#nlB80Df=wUe{CdMMKYBu%!lh0pK36iV
z%w?*2>M&VTcTSsA?j7xkPXyiF@79thS_-ta*s^y*BWR#FpGL0CPg*JK@=n+I#HV(C
z^fi4W^jDs&={_5}ir?ts-9tRV>|&(t2n_pEe$&K@mj_{ZgC%?YnV*IGxFD}=OJ*w=
zWvxXcUi(V2WR$G$!`_pnR;hOA!p`Y{*gOcgyj;`EYgk6lef(e)9zKwy?FV#%8TVNU
zva+Tnz2imRD|9$$!`}&MO%xUkt!?{@dSJw*xLD4y#u*bapup)st2v({T~dQL=(w|$
zb@6ZM5C<}co_x0#HYxA61JFx9&Qy>RrLj+%sCwo^c9lrJ%(Y$q<nxRo4EnMF=Lj0b
zQwNEv+J#R~*gOz4xEXJ{GIdu?9t^*vaZJ7^A!rJh1f&*2MD^vENX;hu1Zmo*P<A%8
zLT|g{r+r34sk4cBatW6m+~F;FF6qgb-Sz?R1AV9tXOK%nsa7$~%6QE|ulQIevW;Qo
zWz3`rpxiL@Ilv9^?2ms+x9{FD$0ldu8#7+02W7hBUV&<mH~k+q%p;#xE6j#V`X@U4
zKMPJUl<B-aHQzT+!Wauvz?BW)2D<;qzx`|D60VTlxGC62p9`>8WDkzl$yRkJHSnbE
z)m%`cc2zmJ;rTd(q6YD(uRJ}Kr>BSF<NV-X_4g#*0pFC^p>UojZBMoRl9XQ~1HFG1
zdLu{MWVC&hZh1aNXjE)fJ_+a&aM0JykchVc5U>o|&jUvb*f@M932zh|xXIF|p*$s}
z)sgX3BZ}LV=!i*5jJKNiF-it_nYMEBGe?dtRGwRPJs|UY^x!YB|J#4{nTO$G3P05u
zZ$gVO4Mdl+gj%LPqZF@})JTAhIX9`ni+W@x`7?Jp4NKaS?TDR-D)2$a2U+WRqD}5g
zoHA7>ao$}m!gTSY3Gx}aeK&)-O*PTPlvVaMdj{3n^9%{r@lu@UUfkq=EQnLkCl4S(
z*0b`HDb)olMe64W+Kjyr`c6xr`J_>P#^g$Vn6{>&z+Z6EPLHMFdksI{%@cc$Vugoe
zZSixP^yV4b#aiJ?wPY)mqrt=<!R_n-TAP1gSyya#g%FqTo?Yd(t!*WCI6_Q9jrW@P
z4Iyfjh{U;YH>Cqn>IzBE9Myq5r#jjtkw0<9E!znLevWHDE#RnshbMU+ZGhYS%+OsG
z$nU*oN$OK>EqXdUaT+&#E#Ah*?<mPRH^B0*KzMx%AKknbuso1prk@8%LU}H`5F?jK
z9q(gI<X+)^8`%I0PO0pZB%CE5QR{cVjs=F+MiPFvU9CP8Kffu{K~jRc%{hC?n4o-}
z*QZ?^0r~ZzR(zbxi`_U7)?4Ll28mbSF!b|XQhtT=Xt!PMfM<F|Xo-wiaC@;0@#YJO
zjHQ+@wQ?#fT;;pEm4C`;08b-NoYiEZ%uy8`LJ{T`)1@UxBO&>FkINnb7t^)2&!Muy
zotk;Kq^T73OV-_kMAr01Gkhr45{+FpqOU;vhjoz9*06($$|lwR8^SIh<qBYK=b)|7
zI<ntWXlw6KJYK-1KMa;*AKq}KdfcTZ+kvu^Xky>fw2l>)%cpWKgNT`CU52*S-1)$q
z66uf|9uSJl1)NL~y04aIBr*3KxH+WuZEm}%R(k)Y)Q=YTcvU1$|726IQ{qtIXW_`L
zcAm$Lt;Vgqncv@@0!4s)ETAE;!_MZ@`zj7!?QYymbqtUBHU-+^uRiGu3cE5Alw8|l
z^q?QQ=ClcC8mTpKr$oj}Mjnxsapd!DnQ6;MH1MCr#O&<$sVxboRt8$i6L1)HjBn<A
z)W=^Up(Q@6z|*0hU`FWujrp$<X;QtK*8KBqU;M4I0z>t%u=zBIhlKlJWHfu0N?h)t
zBoYHu)mG>gx+WoPKO1{u74Q22)1@fV7c=$^k3<FepRiH`*vE3Fh=+(D>m9XjBQD=-
zS4_6_rx&f~j%|lE@naDHdb82S8pcZvDKU=S0dKO4lbZ}LYDXD!Ij4U+*s_?!*V1M+
z0Po_Ecc;1X8VS+Qomx$QTQg?gXdQ)p|FI2;J2;0Fy3T?n2kSS=(>p80uRi{CBgdMV
z1+9)Nr(pOVG_$j96-R9^fN_>XA}3aMkL{;t-<6#%B*vKP)iwD7d2{60ggd@I>bh@~
z*dO}V+<qV};6XY(jNbY2+ZY&=%%JqfF|^_P<qH@G@)q;mj)bR)h^?I`<(nx~pQpJy
z9SFR=8c0}|5ASe>f(`K_cgQ-sV4Z=cD$7=S5>C_gv=(@W4|IYdSR5usFNXRygFs<*
zhzc65p{8%XMC3ug7y9K9!MHAxfb0gNbTzT8X}Cbws%C>!@X)}Wu~~6WrF8hk-C>KP
z9z@1zSXB>QK^5M6GJbSN=N8c(kD2K2uOsI25D{LNV`GE(U`qiw^xOA|Y!FB}&<I<^
znrKUbX)9!FQE2@jb6V&a!n*9QER5cX`W+5@fsf!7D}T)}TwrL*lmasBlDqy2-zeQB
z305Xakj20>qRpHM(rjQIK)+crWL$^f?tFNpSNE9SwyaNh1L0xIqB%ey?LUqi)5YTN
zmY|F#<El+dZCcMw6#_k4+tLYABOaTzZpY%rS@NwPYE*xiij2%Uz)*sJDwA}wql3q6
z$!lCMjqicuC;RzBzZzBzJ^b}0n`>j&Ksf&;&f{594IA_rIU6x7(<MMd@QzU+54eg)
z?=VaM-m0Cc3%^GV2(9&gcR-_@H`N2&R*plr->b};=L5I>4cLaK-uL6X5cq{?U)rsE
zv8MInVkk>8jJ?uzc8P@vh}B_tWOaVjT8%C`vE`jGqO?b#r_c_OMmgB6DPLLnz%85T
zz;<f`bJRYh3<L3*M0#yIiML@_FW(&QC?$Z_RbWY#ep-%t8CPD}-nTpU`94f_dsz|m
zqAq}QB7qPO&0TxEfig1A!+?C-X^->l;)|Gc=6#=BfLJ*=@uWfh-fhLR16FeoYpQgs
zrB{;lFYcZ0@xa%{>((iH#<{;S^o%WNq76+&GC!W2K84l9{9%c{`T?0&cB$IY>SJM&
zFtNPtpaNIwz&#-}qg#qPx|ybbpAm~to6Tj?G-7beGcJyz#nfXaswvSqvRv@)>e+<&
z9vr0bNX{=pipPNt@nn?4<;558<<CRy4`y*$FY-6DPv4bY>|g?e+;o1p^jNReO3eF?
z4U&8b7h_y|u^GiM7zUF1dVERc%>`fqRs6G<F#@x^@VVygUQ7995wMH36l>vbe=Mqi
zuo3XvZJFt0NNz}IQ<=^=mO6B)MkoJye<G@@aA{K_d8XCSULx)M1J-eDfM00vf<`Vi
z5z$xffJyps=Hy}qSU*pU><oj$aHcyax^Ue%c-npAHj0L}H|D5|SL|$#S?WBQjgqQ&
z+2>D<Qid;4Q~kn3z)i)18BqCMn_EiO&lc^ZvG8e)$PM+Fq_<lcPsh|3ioKs}X((2j
z_%od64MTOo20NZzU+R`u<BfR6mtu15rwsV;@&g{gI7JNGO=6+_Qb_ED9K6<-@&*2i
zMM@(heN4bJ_$m(ZPtEDHy#<(fF{{?IyuCUhFD<2kpN?DV$zx1u98>iS#-<EF9)VsR
zh8u%j^ua<RMs6H=YCQ~U^);A;e#&cY@P-6P7CO3?tnT!qb7os};^GT2N#d1_(%ed$
zUvRSgO%93u@>QWn>+Gw?`GnyhQAO$pu4IVEsuG2xWu!A4d3?|We&3bDW_NMqv8+ve
zVq4chNd7Qc6xOGbQKdYQd3cO17$-jQd|R)p`R(ycBlc{y{Pce0bf2Co8WfcYVb^s)
zSFV4zvahIZbfs;|pK=ctfjdi2?1gP_7Ixp;kZp}^j6>R!vm#rk(M<i_3D5)&3VX1!
zp8i#`w5}p`DqFew?3$Q)qbta4Xr`rJBvf8j@MWVp-$%IYu+>@T)0iKFze-fqT0FAO
z#5+U<zml=97&MEYCEv&%YUWEp>m`omxEt&n9#Qz7cE9r#;i!g;T*~l%hA0Piu<e$I
zN6s|_5qvgQz)xy7n@rus`8sQMd6P^MvD=123#5+3#&^f{Kl}zRH=(m>tt<*-;HYm-
zJM}6fSCG#Kf44=KzwS5a=K=w<D5RjU9G`kg)P}goe`eOI_&DlA^aEU#4n)F~$v3_W
z_h7(>&x!{<#g<HBa3Ff2#Q=#fyJ^>m?o9IxpnOlEUAw3FCV3{LrSLL_X;1L)5^S-i
z4F=>2d~xxvHBwefFF)hWjJ#tA=>AA1W2tiGjw4=Hy{=)(y_jX7kNlKznLqkUtuSmo
zWIMvED1db*;ZF}=YG>E)y35s;q9)bo6nkP6ROZA}G0843_>cDJj-y`Xtqn!Sx9wZh
zgOEm>0Yg73&Rub#5jh62a!DOOi<%AQn06NPD8(q>zZ}t5O0g-t&zF~PlvVCt=rwl;
z!7ha@t8Tv}IWUn1z4?ljUROJGrTJ$nE&_IXf~w7qdU)ScUkcoc$D&DlCS8&I3l8EL
zXo3Ed?CkrL9cIYHQ^Gau%%MI3&DP@`;wN7pHnHcUYQi)~4%KQwD=h2#&wPbkI@A2W
zE7l_@q$p@F=hTL9g+({dQ~3YZyeQZ-Ur@8u(_BQ0BmZl4{D1wPGxD`_MJCJ5&}}GW
S*+gD96gpalnuzDN(f<QlR~#My

literal 0
HcmV?d00001

diff --git a/public/logo.svg b/public/logo.svg
new file mode 100644
index 0000000..5d54270
--- /dev/null
+++ b/public/logo.svg
@@ -0,0 +1,8 @@
+<svg width="1558" height="260" viewBox="0 0 1558 260" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1288.5 112.905H1159.75V58.4404H1262L1270 0L1074 0V260H1159.75V162.997H1296.95L1288.5 112.905Z" fill="#0196D0"/>
+<path d="M1058.62 58.4404V0H789V58.4404H881.133V260H966.885V58.4404H1058.62Z" fill="#0196D0"/>
+<path d="M521 179.102V0L454.973 15V161C454.973 181.124 452.084 193.146 443.5 202C434.916 211.257 419.318 214.5 400.5 214.5C381.022 214.5 366.744 210.854 357.5 202C348.916 193.548 346.357 175.721 346.357 156V0L280 15V175.48C280 208.08 290.234 229.412 309.712 241.486C329.19 253.56 358.903 260 400.5 260C440.447 260 470.159 253.56 490.297 241.486C510.766 229.412 521 208.483 521 179.102Z" fill="#0196D0"/>
+<path d="M172.84 84.2813C172.84 97.7982 168.249 107.737 158.41 113.303C149.883 118.471 137.092 121.254 120.693 122.049V162.997C129.876 163.792 138.076 166.177 144.307 176.514L184.647 260H265L225.316 180.489C213.181 155.046 201.374 149.48 178.744 143.517C212.197 138.349 241.386 118.471 241.386 73.1499C241.386 53.2722 233.843 30.2141 218.756 17.8899C203.998 5.56575 183.991 0 159.394 0H120.693V48.5015H127.58C142.23 48.5015 153.6 51.4169 161.689 57.2477C169.233 62.8135 172.84 71.5596 172.84 84.2813ZM120.693 122.049C119.163 122.049 117.741 122.049 116.43 122.049H68.5457V48.5015H120.693V0H0V260H70.5137V162.997H110.526C113.806 162.997 117.741 162.997 120.693 162.997V122.049Z" fill="#0196D0"/>
+<path d="M774 179.297C774 160.829 766.671 144.669 752.013 131.972C738.127 119.66 712.025 110.169 673.708 103.5C662.136 101.191 651.722 99.6523 643.235 97.3437C586.532 84.6467 594.632 52.7118 650.564 52.7118C680.651 52.7118 709.582 61.946 738.127 66.9478C742.37 67.7174 743.913 68.1021 744.298 68.1021L750.47 12.697C720.383 3.46282 684.895 0 654.036 0C616.619 0 587.689 6.54088 567.245 19.2379C546.801 31.9349 536 57.7137 536 82.3382C536 103.5 543.715 119.66 559.916 131.972C575.731 143.515 604.276 152.749 645.55 160.059C658.279 162.368 668.694 163.907 676.794 166.215C685.023 168.524 691.066 170.704 694.924 172.756C702.253 176.604 706.11 182.375 706.11 188.531C706.11 196.611 701.481 202.767 692.224 207C664.836 220.081 587.689 212.001 556.83 198.15L543.715 247.784C547.186 248.169 552.972 249.323 559.916 250.477C616.619 259.327 690.681 270.869 741.212 238.935C762.814 225.468 774 206.23 774 179.297Z" fill="#0196D0"/>
+<path d="M1558 179.568C1558 160.383 1550.42 144.268 1535.67 131.99C1521.32 119.968 1494.34 110.631 1454.74 103.981C1442.38 101.679 1432.01 99.3764 1422.84 97.8416C1422.44 97.8416 1422.04 97.8416 1422.04 97.4579V112.422L1361.04 75.2038L1422.04 38.3692V52.9496C1424.7 52.9496 1427.49 52.9496 1430.41 52.9496C1461.51 52.9496 1491.42 62.5419 1521.32 67.5299C1525.31 67.9136 1526.9 67.9136 1527.3 67.9136L1533.68 12.6619C1502.98 3.83692 1465.9 0 1434 0C1395.33 0 1365.43 6.52277 1345.09 19.5683C1323.16 32.6139 1312 57.9376 1312 82.8776C1312 103.981 1320.37 120.096 1336.72 131.607C1353.46 143.885 1382.97 153.093 1425.23 160.383C1434 161.535 1441.18 162.686 1447.56 164.22L1448.36 150.791L1507.36 190.312L1445.57 224.844L1445.96 212.949C1409.68 215.635 1357.45 209.112 1333.53 197.985L1320.37 247.482C1323.56 248.249 1329.54 248.633 1336.72 250.551C1395.33 259.376 1471.88 270.887 1524.11 238.657C1546.84 225.611 1558 205.659 1558 179.568Z" fill="#0196D0"/>
+</svg>
diff --git a/types/config.d.ts b/types/config.d.ts
new file mode 100644
index 0000000..f31a564
--- /dev/null
+++ b/types/config.d.ts
@@ -0,0 +1,32 @@
+export type S3Config = {
+  region: string;
+  endpoint: string;
+  accessKeyId: string;
+  secretAccessKey: string;
+}
+
+export type ApiConfig = {
+  baseURL: string;
+}
+
+export type ReleaseConfig = {
+  version: string;
+  date: string;
+}
+
+export type LicenseConfig = {
+  name: string;
+  url: string;
+}
+
+export type SessionConfig = {
+  durationSeconds: number;
+}
+
+export interface SiteConfig {
+  api: ApiConfig;
+  s3: S3Config;
+  release: ReleaseConfig;
+  license: LicenseConfig;
+  session?: SessionConfig;
+}