feat: add APP_HOST_BASE_URL env var and update app URL construction

Author: jchris

app/config/env.ts

@@ -54,6 +54,8 @@ export const CLOUD_SESSION_TOKEN_PUBLIC_KEY =
 // Vibes Service API
 export const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 'https://vibes-diy-api.com';
 
+export const APP_HOST_BASE_URL = import.meta.env.VITE_APP_HOST_BASE_URL || 'https://vibesdiy.app';
+
 // CallAI Endpoint
 export const CALLAI_ENDPOINT = import.meta.env.VITE_CALLAI_ENDPOINT || API_BASE_URL;
 

app/utils/publishUtils.ts

@@ -3,7 +3,7 @@
  */
 
 import { fireproof } from 'use-fireproof';
-import { API_BASE_URL } from '../config/env';
+import { APP_HOST_BASE_URL, API_BASE_URL } from '../config/env';
 import { getSessionDatabaseName, updateUserVibespaceDoc } from './databaseManager';
 import { normalizeComponentExports } from './normalizeComponentExports';
 
@@ -130,7 +130,7 @@ export async function publishApp({
     const data = await response.json();
     if (data.success && data.app?.slug) {
       // Construct the app URL from the response data
-      const appUrl = data.appUrl || `https://${data.app.slug}.${new URL(API_BASE_URL).hostname}`;
+      const appUrl = data.appUrl || `https://${data.app.slug}.${new URL(APP_HOST_BASE_URL).hostname}`;
 
       // Get the user's vibespace database to check for existing data
       const userVibespaceDb = fireproof(`vu-${userId}`);