From 08d629ea7893d954181778cd7b2a284a9a482711 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Tue, 6 Dec 2022 21:09:47 +0000
Subject: [PATCH] refactor: configure preview status with runtime config

---
 components/nav/NavTitle.vue | 2 +-
 composables/setups.ts       | 6 +++---
 nuxt.config.ts              | 4 ++--
 server/shared.ts            | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/components/nav/NavTitle.vue b/components/nav/NavTitle.vue
index acb8d9cc..ceda93f7 100644
--- a/components/nav/NavTitle.vue
+++ b/components/nav/NavTitle.vue
@@ -1,5 +1,5 @@
 <script setup>
-const sub = process.dev ? 'dev' : window.location.hostname.includes('deploy-preview') ? 'preview' : 'alpha'
+const sub = process.dev ? 'dev' : useRuntimeConfig().public.env === 'staging' ? 'preview' : 'alpha'
 </script>
 
 <template>
diff --git a/composables/setups.ts b/composables/setups.ts
index 367e43e6..9d9012ad 100644
--- a/composables/setups.ts
+++ b/composables/setups.ts
@@ -1,9 +1,9 @@
 import { APP_NAME, STORAGE_KEY_LANG } from '~/constants'
 
-const isDev = process.dev
-const isPreview = window.location.hostname.includes('deploy-preview')
-
 export function setupPageHeader() {
+  const isDev = process.dev
+  const isPreview = useRuntimeConfig().public.env === 'staging'
+
   const i18n = useI18n()
 
   useHeadFixed({
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 635f75db..385cdf92 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -48,7 +48,6 @@ export default defineNuxtConfig({
     },
   },
   runtimeConfig: {
-    env: isCI ? 'deployed' : 'local',
     deployUrl: !isCI
       ? 'http://localhost:5314'
       : process.env.PULL_REQUEST === 'true'
@@ -60,6 +59,7 @@ export default defineNuxtConfig({
       apiToken: '',
     },
     public: {
+      env: isCI ? process.env.PULL_REQUEST === 'true' ? 'production' : 'staging' : 'local',
       translateApi: '',
       // Masto uses Mastodon version checks to see what features are enabled.
       // Mastodon alternatives like GoToSocial will always fail these checks, so
@@ -67,7 +67,7 @@ export default defineNuxtConfig({
       disableVersionCheck: false,
     },
     storage: {
-      driver: 'cloudflare',
+      driver: isCI ? 'cloudflare' : 'fs',
       fsBase: 'node_modules/.cache/servers',
     },
   },
diff --git a/server/shared.ts b/server/shared.ts
index bd099646..71c686c6 100644
--- a/server/shared.ts
+++ b/server/shared.ts
@@ -21,7 +21,7 @@ const kv = _kv as typeof import('unstorage/dist/drivers/cloudflare-kv-http')['de
 
 const storage = useStorage() as Storage
 
-if (config.env === 'local' || config.storage.driver === 'fs') {
+if (config.storage.driver === 'fs') {
   storage.mount('servers', fs({ base: config.storage.fsBase }))
 }
 else {
@@ -40,7 +40,7 @@ async function fetchAppInfo(server: string) {
   const app: AppInfo = await $fetch(`https://${server}/api/v1/apps`, {
     method: 'POST',
     body: {
-      client_name: APP_NAME + (config.env === 'local' ? ' (dev)' : ''),
+      client_name: APP_NAME + (config.public.env === 'local' ? ' (dev)' : ''),
       website: 'https://elk.zone',
       redirect_uris: getRedirectURI(server),
       scopes: 'read write follow push',