fix: use tokens for api url

Author: jog1t

frontend/src/app/data-providers/engine-data-provider.tsx

@@ -44,7 +44,7 @@ export function createClient(
 export const createGlobalContext = (opts: {
 	engineToken: (() => string) | string;
 }) => {
-	const client = createClient(getConfig().apiUrl, {
+	const client = createClient(engineEnv().VITE_APP_API_URL, {
 		token: opts.engineToken,
 	});
 	return {

frontend/src/components/lib/config.ts

@@ -23,7 +23,7 @@ export const ConfigContext = createContext<Config>({
 export const useConfig = () => useContext(ConfigContext);
 export const ConfigProvider = ConfigContext.Provider;
 
-const getApiEndpoint = (apiEndpoint: string) => {
+export const getApiEndpoint = (apiEndpoint: string) => {
 	if (apiEndpoint === "__AUTO__") {
 		if (location.hostname.startsWith("hub.")) {
 			// Connect to the corresponding API endpoint

frontend/src/lib/env.ts

@@ -1,7 +1,10 @@
 import z from "zod";
+import { getApiEndpoint } from "../components/lib/config";
 
 export const commonEnvSchema = z.object({
-	VITE_APP_API_URL: z.string(),
+	VITE_APP_API_URL: z.string().transform((url) => {
+		return getApiEndpoint(url);
+	}),
 	VITE_APP_ASSETS_URL: z.string().url(),
 	VITE_APP_POSTHOG_API_KEY: z.string().optional(),
 	VITE_APP_POSTHOG_API_HOST: z.string().url().optional(),
@@ -19,7 +22,9 @@ export const engineEnv = () => commonEnvSchema.parse(import.meta.env);
 
 export const cloudEnvSchema = commonEnvSchema.merge(
 	z.object({
-		VITE_APP_API_URL: z.string().url(),
+		VITE_APP_API_URL: z.string().transform((url) => {
+			return getApiEndpoint(url);
+		}),
 		VITE_APP_CLOUD_ENGINE_URL: z.string().url(),
 		VITE_APP_CLOUD_API_URL: z.string().url(),
 		VITE_APP_CLERK_PUBLISHABLE_KEY: z.string(),