feat: set project endpoint based on the region

src/lib/constants.ts

@@ -2,6 +2,14 @@ export const PAGE_LIMIT = 12; // default page limit
 export const CARD_LIMIT = 6; // default card limit
 export const INTERVAL = 5 * 60000; // default interval to check for feedback
 
+export const REGION_FRA = 'fra';
+export const REGION_SYD = 'syd';
+export const REGION_NYC = 'nyc';
+
+export const SUBDOMAIN_FRA = 'fra.';
+export const SUBDOMAIN_SYD = 'syd.';
+export const SUBDOMAIN_NYC = 'nyc.';
+
 export enum Dependencies {
     FACTORS = 'dependency:factors',
     IDENTITIES = 'dependency:identities',

src/lib/stores/sdk.ts

@@ -24,12 +24,36 @@ import {
 import { Billing } from '../sdk/billing';
 import { Backups } from '../sdk/backups';
 import { Sources } from '$lib/sdk/sources';
+import {
+    REGION_FRA,
+    REGION_NYC,
+    REGION_SYD,
+    SUBDOMAIN_FRA,
+    SUBDOMAIN_NYC,
+    SUBDOMAIN_SYD
+} from '$lib/constants';
 
-export function getApiEndpoint(): string {
+export function getApiEndpoint(region?: string): string {
     if (VARS.APPWRITE_ENDPOINT) return VARS.APPWRITE_ENDPOINT;
-    return globalThis?.location?.origin + '/v1';
+    const protocol = globalThis?.location?.protocol;
+    const hostname = globalThis?.location?.hostname;
+    const subdomain = getSubdomain(region);
+    return `${protocol}//${subdomain}${hostname}/v1`;
 }
 
+const getSubdomain = (region?: string) => {
+    switch (region) {
+        case REGION_FRA:
+            return SUBDOMAIN_FRA;
+        case REGION_SYD:
+            return SUBDOMAIN_SYD;
+        case REGION_NYC:
+            return SUBDOMAIN_NYC;
+        default:
+            return '';
+    }
+};
+
 const endpoint = getApiEndpoint();
 
 const clientConsole = new Client();

src/routes/(console)/project-[project]/+layout.ts

@@ -1,5 +1,5 @@
 import { Dependencies } from '$lib/constants';
-import { sdk } from '$lib/stores/sdk';
+import { getApiEndpoint, sdk } from '$lib/stores/sdk';
 import { error } from '@sveltejs/kit';
 import type { LayoutLoad } from './$types';
 import { preferences } from '$lib/stores/preferences';
@@ -35,6 +35,9 @@ export const load: LayoutLoad = async ({ params, depends }) => {
             }
         }
 
+        console.log(getApiEndpoint(project.region));
+        sdk.forProject.client.setEndpoint(getApiEndpoint(project.region));
+
         return {
             project,
             organization,

src/routes/+layout.ts

@@ -1,7 +1,7 @@
 import '@appwrite.io/pink';
 import '@appwrite.io/pink-icons';
 import 'tippy.js/dist/tippy.css';
-import { sdk } from '$lib/stores/sdk';
+import { getApiEndpoint, sdk } from '$lib/stores/sdk';
 import { redirect } from '@sveltejs/kit';
 import { Dependencies } from '$lib/constants';
 import type { LayoutLoad } from './$types';
@@ -15,6 +15,9 @@ export const ssr = false;
 export const load: LayoutLoad = async ({ depends, url, route }) => {
     depends(Dependencies.ACCOUNT);
 
+    console.log(getApiEndpoint());
+    sdk.forProject.client.setEndpoint(getApiEndpoint());
+
     const [account, error] = (await sdk.forConsole.account
         .get()
         .then((response) => [response, null])