api server url env cleanup (#4887)

## Problem solved

Short description of the bug fixed or feature added

<!-- start pr-codex -->

---

## PR-Codex overview
This PR introduces a new constant, `API_SERVER_URL`, to centralize the API server URL configuration. It replaces instances of `process.env.NEXT_PUBLIC_THIRDWEB_API_HOST` throughout the codebase, enhancing maintainability and readability.

### Detailed summary
- Added `API_SERVER_URL` in `env.ts`.
- Replaced `process.env.NEXT_PUBLIC_THIRDWEB_API_HOST` with `API_SERVER_URL` in multiple files:
  - `getAccount.ts`
  - `fetchEcosystemList.ts`
  - `fetchEcosystem.ts`
  - `team-members.ts`
  - `get-auth-token/route.ts`
  - `getAPIKeys.ts`
  - `ensure-login/route.ts`
  - `server-proxy/api/[...paths].tsx`
  - `team.ts`
  - `projects.ts`
  - `create-ticket.action.ts`
  - `auth-actions.ts`
  - `utils.ts`
- Updated fetch requests to use `API_SERVER_URL` for consistent API endpoint access.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->

Author: MananTank

apps/dashboard/src/@/api/projects.ts

@@ -1,10 +1,8 @@
 import "server-only";
 import { COOKIE_ACTIVE_ACCOUNT, COOKIE_PREFIX_TOKEN } from "@/constants/cookie";
+import { API_SERVER_URL } from "@/constants/env";
 import { cookies } from "next/headers";
 
-const THIRDWEB_API_HOST =
-  process.env.NEXT_PUBLIC_THIRDWEB_API_HOST || "https://api.thirdweb.com";
-
 export type Project = {
   id: string;
   name: string;
@@ -34,7 +32,7 @@ export async function getProjects(teamSlug: string) {
   }
 
   const teamsRes = await fetch(
-    `${THIRDWEB_API_HOST}/v1/teams/${teamSlug}/projects`,
+    `${API_SERVER_URL}/v1/teams/${teamSlug}/projects`,
     {
       headers: {
         Authorization: `Bearer ${token}`,
@@ -59,7 +57,7 @@ export async function getProject(teamSlug: string, projectSlug: string) {
   }
 
   const teamsRes = await fetch(
-    `${THIRDWEB_API_HOST}/v1/teams/${teamSlug}/projects/${projectSlug}`,
+    `${API_SERVER_URL}/v1/teams/${teamSlug}/projects/${projectSlug}`,
     {
       headers: {
         Authorization: `Bearer ${token}`,

apps/dashboard/src/@/api/team-members.ts

@@ -1,10 +1,8 @@
 import "server-only";
 import { COOKIE_ACTIVE_ACCOUNT, COOKIE_PREFIX_TOKEN } from "@/constants/cookie";
+import { API_SERVER_URL } from "@/constants/env";
 import { cookies } from "next/headers";
 
-const THIRDWEB_API_HOST =
-  process.env.NEXT_PUBLIC_THIRDWEB_API_HOST || "https://api.thirdweb.com";
-
 const TeamAccountRole = {
   OWNER: "OWNER",
   MEMBER: "MEMBER",
@@ -39,7 +37,7 @@ export async function getMembers(teamSlug: string) {
   }
 
   const teamsRes = await fetch(
-    `${THIRDWEB_API_HOST}/v1/teams/${teamSlug}/members`,
+    `${API_SERVER_URL}/v1/teams/${teamSlug}/members`,
     {
       headers: {
         Authorization: `Bearer ${token}`,

apps/dashboard/src/@/api/team.ts

@@ -1,10 +1,8 @@
 import "server-only";
 import { COOKIE_ACTIVE_ACCOUNT, COOKIE_PREFIX_TOKEN } from "@/constants/cookie";
+import { API_SERVER_URL } from "@/constants/env";
 import { cookies } from "next/headers";
 
-const THIRDWEB_API_HOST =
-  process.env.NEXT_PUBLIC_THIRDWEB_API_HOST || "https://api.thirdweb.com";
-
 export type Team = {
   id: string;
   name: string;
@@ -35,7 +33,7 @@ export async function getTeamBySlug(slug: string) {
     return null;
   }
 
-  const teamRes = await fetch(`${THIRDWEB_API_HOST}/v1/teams/${slug}`, {
+  const teamRes = await fetch(`${API_SERVER_URL}/v1/teams/${slug}`, {
     headers: {
       Authorization: `Bearer ${token}`,
     },
@@ -57,7 +55,7 @@ export async function getTeams() {
     return [];
   }
 
-  const teamsRes = await fetch(`${THIRDWEB_API_HOST}/v1/teams`, {
+  const teamsRes = await fetch(`${API_SERVER_URL}/v1/teams`, {
     headers: {
       Authorization: `Bearer ${token}`,
     },

apps/dashboard/src/@/constants/env.ts

@@ -20,3 +20,6 @@ export const PROD_OR_DEV_URL = isProd ? "thirdweb.com" : "thirdweb-dev.com";
 export const DASHBOARD_STORAGE_URL =
   process.env.NEXT_PUBLIC_DASHBOARD_UPLOAD_SERVER ||
   "https://storage.thirdweb.com";
+
+export const API_SERVER_URL =
+  process.env.NEXT_PUBLIC_THIRDWEB_API_HOST || "https://api.thirdweb.com";

apps/dashboard/src/app/(dashboard)/(chain)/utils.ts

@@ -37,25 +37,23 @@ import zytronCTA from "./temp-assets/zytronCTA.jpg";
 
 // END TEMPORARY
 
+import { API_SERVER_URL } from "@/constants/env";
 import type { ChainMetadata } from "thirdweb/chains";
 import type {
   ChainMetadataWithServices,
   ChainService,
   ChainServices,
 } from "./types/chain";
 
-const THIRDWEB_API_HOST =
-  process.env.NEXT_PUBLIC_THIRDWEB_API_HOST || "https://api.thirdweb.com";
-
 export async function getChains() {
   const [chains, chainServices] = await Promise.all([
     fetch(
-      `${THIRDWEB_API_HOST}/v1/chains`,
+      `${API_SERVER_URL}/v1/chains`,
       // revalidate every 60 minutes
       { next: { revalidate: 60 * 60 } },
     ).then((res) => res.json()) as Promise<{ data: ChainMetadata[] }>,
     fetch(
-      `${THIRDWEB_API_HOST}/v1/chains/services`,
+      `${API_SERVER_URL}/v1/chains/services`,
       // revalidate every 60 minutes
       { next: { revalidate: 60 * 60 } },
     ).then((res) => res.json()) as Promise<{
@@ -77,12 +75,12 @@ export async function getChain(
 ): Promise<ChainMetadataWithServices> {
   const [chain, chainServices] = await Promise.all([
     fetch(
-      `${THIRDWEB_API_HOST}/v1/chains/${chainIdOrSlug}`,
+      `${API_SERVER_URL}/v1/chains/${chainIdOrSlug}`,
       // revalidate every 15 minutes
       { next: { revalidate: 15 * 60 } },
     ).then((res) => res.json()) as Promise<{ data: ChainMetadata }>,
     fetch(
-      `${THIRDWEB_API_HOST}/v1/chains/${chainIdOrSlug}/services`,
+      `${API_SERVER_URL}/v1/chains/${chainIdOrSlug}/services`,
       // revalidate every 15 minutes
       { next: { revalidate: 15 * 60 } },
     ).then((res) => res.json()) as Promise<{ data: ChainServices }>,

apps/dashboard/src/app/(dashboard)/dashboard/connect/ecosystem/utils/fetchEcosystem.ts

@@ -1,14 +1,12 @@
+import { API_SERVER_URL } from "@/constants/env";
 import type { Ecosystem } from "../types";
 
 export async function fetchEcosystem(slug: string, authToken: string) {
-  const res = await fetch(
-    `${process.env.NEXT_PUBLIC_THIRDWEB_API_HOST || "https://api.thirdweb.com"}/v1/ecosystem-wallet/${slug}`,
-    {
-      headers: {
-        Authorization: `Bearer ${authToken}`,
-      },
+  const res = await fetch(`${API_SERVER_URL}/v1/ecosystem-wallet/${slug}`, {
+    headers: {
+      Authorization: `Bearer ${authToken}`,
     },
-  );
+  });
   if (!res.ok) {
     const data = await res.json();
     console.error(data);

apps/dashboard/src/app/(dashboard)/dashboard/connect/ecosystem/utils/fetchEcosystemList.ts

@@ -1,14 +1,12 @@
+import { API_SERVER_URL } from "@/constants/env";
 import type { Ecosystem } from "../types";
 
 export async function fetchEcosystemList(authToken: string) {
-  const res = await fetch(
-    `${process.env.NEXT_PUBLIC_THIRDWEB_API_HOST || "https://api.thirdweb.com"}/v1/ecosystem-wallet/list`,
-    {
-      headers: {
-        Authorization: `Bearer ${authToken}`,
-      },
+  const res = await fetch(`${API_SERVER_URL}/v1/ecosystem-wallet/list`, {
+    headers: {
+      Authorization: `Bearer ${authToken}`,
     },
-  );
+  });
 
   if (!res.ok) {
     const data = await res.json();

apps/dashboard/src/app/(dashboard)/support/components/create-ticket.action.ts

@@ -2,6 +2,7 @@
 import "server-only";
 
 import { COOKIE_ACTIVE_ACCOUNT, COOKIE_PREFIX_TOKEN } from "@/constants/cookie";
+import { API_SERVER_URL } from "@/constants/env";
 import { cookies } from "next/headers";
 import { redirect } from "next/navigation";
 
@@ -11,8 +12,6 @@ type State = {
 };
 
 const UNTHREAD_API_KEY = process.env.UNTHREAD_API_KEY || "";
-const THIRDWEB_API_HOST =
-  process.env.NEXT_PUBLIC_THIRDWEB_API_HOST || "https://api.thirdweb.com";
 
 const planToCustomerId = {
   free: process.env.UNTHREAD_FREE_TIER_ID as string,
@@ -77,7 +76,7 @@ export async function createTicketAction(
     // user is not logged in, make them log in
     redirect(`/login?next=${encodeURIComponent("/support")}`);
   }
-  const accountRes = await fetch(`${THIRDWEB_API_HOST}/v1/account/me`, {
+  const accountRes = await fetch(`${API_SERVER_URL}/v1/account/me`, {
     method: "GET",
     headers: {
       Authorization: `Bearer ${token}`,

apps/dashboard/src/app/account/settings/getAccount.ts

@@ -1,11 +1,10 @@
+import { API_SERVER_URL } from "@/constants/env";
 import type { Account } from "@3rdweb-sdk/react/hooks/useApi";
 import { getAuthToken } from "../../api/lib/getAuthToken";
 
 export async function getAccount() {
   const authToken = getAuthToken();
-  const apiServerURL = new URL(
-    process.env.NEXT_PUBLIC_THIRDWEB_API_HOST || "https://api.thirdweb.com",
-  );
+  const apiServerURL = new URL(API_SERVER_URL);
 
   apiServerURL.pathname = "/v1/account/me";
 

apps/dashboard/src/app/api/auth/ensure-login/route.ts

@@ -1,11 +1,9 @@
 import { COOKIE_ACTIVE_ACCOUNT, COOKIE_PREFIX_TOKEN } from "@/constants/cookie";
+import { API_SERVER_URL } from "@/constants/env";
 import { cookies } from "next/headers";
 import { type NextRequest, NextResponse } from "next/server";
 import { getAddress } from "thirdweb/utils";
 
-const THIRDWEB_API_HOST =
-  process.env.NEXT_PUBLIC_THIRDWEB_API_HOST || "https://api.thirdweb.com";
-
 export type EnsureLoginPayload = {
   pathname: string;
   address?: string;
@@ -56,7 +54,7 @@ export const GET = async (req: NextRequest) => {
   }
 
   // check that the token is valid by checking for the user account
-  const accountRes = await fetch(`${THIRDWEB_API_HOST}/v1/account/me`, {
+  const accountRes = await fetch(`${API_SERVER_URL}/v1/account/me`, {
     method: "GET",
     headers: {
       Authorization: `Bearer ${token}`,