feat: get endpoint url for netlify preview (#88)

constants/index.ts

@@ -1,9 +1,5 @@
 export const APP_NAME = 'Elk'
 
-export const HOST_DOMAIN = process.dev
-  ? 'http://localhost:5314'
-  : 'https://elk.zone'
-
 export const DEFAULT_POST_CHARS_LIMIT = 500
 export const DEFAULT_SERVER = 'mas.to'
 

nuxt.config.ts

@@ -38,6 +38,7 @@ export default defineNuxtConfig({
     },
   },
   runtimeConfig: {
+    deployUrl: process.env.DEPLOY_URL,
     cloudflare: {
       accountId: '',
       namespaceId: '',

server/api/[server]/login.ts

@@ -1,10 +1,9 @@
 import { stringifyQuery } from 'ufo'
-import { getApp } from '~/server/shared'
+import { HOST_DOMAIN, getApp } from '~/server/shared'
-import { HOST_DOMAIN } from '~/constants'
 
 export default defineEventHandler(async ({ context, res }) => {
   const server = context.params.server
-  const app = await getApp(server)
+  const app = await getApp(HOST_DOMAIN, server)
 
   if (!app) {
     res.statusCode = 400

server/api/[server]/oauth.ts

@@ -1,11 +1,10 @@
 import { getQuery } from 'ufo'
 import { stringifyQuery } from 'vue-router'
-import { getApp } from '~/server/shared'
+import { HOST_DOMAIN, getApp } from '~/server/shared'
-import { HOST_DOMAIN } from '~/constants'
 
 export default defineEventHandler(async ({ context, req, res }) => {
   const server = context.params.server
-  const app = await getApp(server)
+  const app = await getApp(HOST_DOMAIN, server)
 
   if (!app) {
     res.statusCode = 400

server/shared.ts

@@ -11,6 +11,10 @@ import cached from './cache-driver'
 import type { AppInfo } from '~/types'
 import { APP_NAME } from '~/constants'
 
+const runtimeConfig = useRuntimeConfig()
+export const HOST_DOMAIN = runtimeConfig.deployUrl
+  || (process.dev ? 'http://localhost:5314' : 'https://elk.zone')
+
 const fs = _fs as typeof import('unstorage/dist/drivers/fs')['default']
 const kv = _kv as typeof import('unstorage/dist/drivers/cloudflare-kv-http')['default']
 
@@ -28,16 +32,10 @@ else {
   })))
 }
 
-const KNOWN_DOMAINS = [
+async function fetchAppInfo(host: string, server: string) {
-  'http://localhost:5314',
-  'https://elk.netlify.app',
-  'https://elk.zone',
-]
-
-async function fetchAppInfo(server: string) {
   const redirect_uris = [
     'urn:ietf:wg:oauth:2.0:oob',
-    ...KNOWN_DOMAINS.map(d => `${d}/api/${server}/oauth`),
+    `${host}/api/${server}/oauth`,
   ].join('\n')
 
   const app: AppInfo = await $fetch(`https://${server}/api/v1/apps`, {
@@ -51,15 +49,15 @@ async function fetchAppInfo(server: string) {
   return app
 }
 
-const serverKey = (server: string) => `servers:${server}.json`
+const serverKey = (host: string, server: string) => `servers:${host}:${server}.json`
 
-export async function getApp(server: string) {
+export async function getApp(host: string, server: string) {
-  const key = serverKey(server)
+  const key = serverKey(host, server)
   if (await storage.hasItem(key))
     return storage.getItem(key) as Promise<AppInfo>
 
   try {
-    const appInfo = await fetchAppInfo(server)
+    const appInfo = await fetchAppInfo(host, server)
     await storage.setItem(key, appInfo)
     return appInfo
   }