chore: api

Author: Giovanni Gargiulo

frontend/src/app/[username]/index.tsx

@@ -4,6 +4,7 @@ import React, { useContext, useEffect, useState, useMemo } from 'react';
 
 //Axios imports
 import axios from 'axios';
+import { getApiUrl } from '../utils/apiConfig';
 
 //Mui imports
 import { Box, Checkbox, CircularProgress, FormControl, FormControlLabel, InputLabel, MenuItem, Paper, Select, Typography } from '@mui/material';
@@ -356,7 +357,7 @@ export default function Profile() {
     };
     try {
       const response = await axios.post(
-        '/api/v1/tx/programmable-token/transfer', 
+        getApiUrl('/api/v1/tx/programmable-token/transfer'),
         requestData, 
         {
           headers: {
@@ -430,7 +431,7 @@ export default function Profile() {
       setIsRegistering(true);
       changeAlertInfo({ severity: 'info', message: 'Preparing registration transaction…', open: true, link: '' });
       const response = await axios.post(
-        '/api/v1/tx/programmable-token/register-transfer-scripts',
+        getApiUrl('/api/v1/tx/programmable-token/register-transfer-scripts'),
         { issuer: issuerAddress },
         { headers: { 'Content-Type': 'application/json;charset=utf-8' } }
       );
@@ -484,7 +485,7 @@ export default function Profile() {
       setIsInitializingBlacklist(true);
       changeAlertInfo({ severity: 'info', message: 'Preparing blacklist initialisation transaction…', open: true, link: '' });
       const response = await axios.post(
-        '/api/v1/tx/programmable-token/blacklist-init',
+        getApiUrl('/api/v1/tx/programmable-token/blacklist-init'),
         { issuer: issuerAddress },
         { headers: { 'Content-Type': 'application/json;charset=utf-8' } }
       );
@@ -572,7 +573,7 @@ export default function Profile() {
     };
     try {
       const response = await axios.post(
-        '/api/v1/tx/programmable-token/issue',
+        getApiUrl('/api/v1/tx/programmable-token/issue'),
         requestData,
         {
           headers: {'Content-Type': 'application/json;charset=utf-8'}
@@ -611,7 +612,7 @@ export default function Profile() {
     };
     try {
       const response = await axios.post(
-        '/api/v1/tx/programmable-token/blacklist',
+        getApiUrl('/api/v1/tx/programmable-token/blacklist'),
         requestData,
         { headers: {'Content-Type': 'application/json;charset=utf-8'} }
       );
@@ -657,7 +658,7 @@ export default function Profile() {
     };
     try {
       const response = await axios.post(
-        '/api/v1/tx/programmable-token/unblacklist',
+        getApiUrl('/api/v1/tx/programmable-token/unblacklist'),
         requestData,
         { headers: {'Content-Type': 'application/json;charset=utf-8'} }
       );
@@ -703,7 +704,7 @@ export default function Profile() {
     };
     try {
       const response = await axios.post(
-        '/api/v1/tx/programmable-token/seize',
+        getApiUrl('/api/v1/tx/programmable-token/seize'),
         requestData,
         { headers: {'Content-Type': 'application/json;charset=utf-8'} }
       );

frontend/src/app/clientLayout.tsx

@@ -10,20 +10,17 @@ import NavDrawer from './components/NavDrawer';
 import { ThemeModeProvider } from "./styles/themeContext";
 import "./styles/globals.css";
 import { makeLucid, getWalletFromSeed, getProgrammableTokenAddress } from "./utils/walletUtils";
-import useStore from './store/store'; 
+import useStore from './store/store';
 import WSTAppBar from "./components/WSTAppBar";
 import AlertBar from './components/AlertBar';
 import { DemoEnvironment, previewEnv } from "./store/types";
 import axios from "axios";
 import DemoEnvironmentContext from "./context/demoEnvironmentContext";
+import { getApiUrl } from "./utils/apiConfig";
 
 async function loadDemoEnvironment(): Promise<DemoEnvironment> {
-  // In development: use relative URL (will be rewritten by Next.js)
-  // In production: use NEXT_PUBLIC_API_URL to call API directly
-  const apiUrl = process.env.NEXT_PUBLIC_API_URL || '';
-  const endpoint = `${apiUrl}/api/v1/demo-environment`;
-
-  const response = await axios.get<DemoEnvironment>(endpoint,
+  const response = await axios.get<DemoEnvironment>(
+    getApiUrl('/api/v1/demo-environment'),
     {
       headers: {
         'Content-Type': 'application/json;charset=utf-8',