move VEDA_BACKEND_URL to config (#146)

Author: stephenkilbourn

__tests__/hooks/useCogValidation.test.ts

@@ -95,8 +95,9 @@ describe('useCogValidation', () => {
       });
 
       expect(isValid!).toBe(true);
+      const { VEDA_BACKEND_URL } = await import('@/config/env');
       expect(global.fetch).toHaveBeenCalledWith(
-        'https://staging.openveda.cloud/api/raster/cog/validate?strict=false&url=http%3A%2F%2Fexample.com%2Ffile.tif'
+        `${VEDA_BACKEND_URL}/raster/cog/validate?strict=false&url=http%3A%2F%2Fexample.com%2Ffile.tif`
       );
     });
 
@@ -117,8 +118,9 @@ describe('useCogValidation', () => {
       });
 
       expect(isValid!).toBe(true);
+      const { VEDA_BACKEND_URL } = await import('@/config/env');
       expect(global.fetch).toHaveBeenCalledWith(
-        'https://staging.openveda.cloud/api/raster/cog/validate?strict=false&url=http%3A%2F%2Fexample.com%2Ffile1.tif'
+        `${VEDA_BACKEND_URL}/raster/cog/validate?strict=false&url=http%3A%2F%2Fexample.com%2Ffile1.tif`
       );
     });
 

components/COGViewer/COGControlsForm.tsx

@@ -96,9 +96,8 @@ const COGControlsForm: React.FC<COGControlsFormProps> = ({
 
   const getColorMaps = async () => {
     try {
-      const response = await fetch(
-        'https://staging.openveda.cloud/api/raster/colorMaps'
-      );
+      const { VEDA_BACKEND_URL } = await import('@/config/env');
+      const response = await fetch(`${VEDA_BACKEND_URL}/raster/colorMaps`);
       const data = await response.json();
       setColorMapsList(['Internal', ...data.colorMaps]);
     } catch (error) {

components/rjsf-components/TestableUrlWidget.tsx

@@ -1,4 +1,5 @@
 import { WidgetProps } from '@rjsf/utils';
+import { VEDA_BACKEND_URL } from '@/config/env';
 import Input from 'antd/lib/input';
 import Button from 'antd/lib/button';
 import Typography from 'antd/lib/typography';
@@ -40,7 +41,7 @@ export const TestableUrlWidget = ({
 
     setValidationState('loading');
     const encodedUrl = encodeURIComponent(inputValue);
-    const validationApiUrl = `https://staging.openveda.cloud/api/raster/cog/validate?strict=false&url=${encodedUrl}`;
+    const validationApiUrl = `${VEDA_BACKEND_URL}/raster/cog/validate?strict=false&url=${encodedUrl}`;
 
     try {
       const response = await fetch(validationApiUrl);

config/env.ts

@@ -10,6 +10,7 @@ interface EnvConfig {
   AWS_REGION: string;
   NEXT_PUBLIC_AWS_S3_BUCKET_NAME: string;
   ADDITIONAL_LOGO: string;
+  VEDA_BACKEND_URL: string;
 }
 
 const profiles: Record<AppEnv, EnvConfig> = {
@@ -20,6 +21,7 @@ const profiles: Record<AppEnv, EnvConfig> = {
     AWS_REGION: 'us-west-2',
     NEXT_PUBLIC_AWS_S3_BUCKET_NAME: 'veda-thumbnails',
     ADDITIONAL_LOGO: '',
+    VEDA_BACKEND_URL: 'https://staging.openveda.cloud/api',
   },
   veda: {
     OWNER: 'nasa-impact',
@@ -28,6 +30,7 @@ const profiles: Record<AppEnv, EnvConfig> = {
     AWS_REGION: 'us-west-2',
     NEXT_PUBLIC_AWS_S3_BUCKET_NAME: 'veda-thumbnails',
     ADDITIONAL_LOGO: '',
+    VEDA_BACKEND_URL: 'https://staging.openveda.cloud/api',
   },
   disasters: {
     OWNER: 'Disasters-Learning-Portal',
@@ -36,6 +39,7 @@ const profiles: Record<AppEnv, EnvConfig> = {
     AWS_REGION: 'us-west-2',
     NEXT_PUBLIC_AWS_S3_BUCKET_NAME: 'veda-thumbnails',
     ADDITIONAL_LOGO: 'disasters',
+    VEDA_BACKEND_URL: 'https://staging.openveda.cloud/api',
   },
 };
 
@@ -46,3 +50,4 @@ const getAppEnv = (): AppEnv => {
 };
 
 export const cfg: EnvConfig = profiles[getAppEnv()];
+export const VEDA_BACKEND_URL = cfg.VEDA_BACKEND_URL;

hooks/useCogValidation.ts

@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import { VEDA_BACKEND_URL } from '@/config/env';
 
 interface UseCogValidationReturn {
   isCogValidationModalVisible: boolean;
@@ -20,7 +21,7 @@ export const useCogValidation = (): UseCogValidationReturn => {
     if (!url) return true; // Skip validation if no URL provided
 
     const encodedUrl = encodeURIComponent(url);
-    const validationApiUrl = `https://staging.openveda.cloud/api/raster/cog/validate?strict=false&url=${encodedUrl}`;
+    const validationApiUrl = `${VEDA_BACKEND_URL}/raster/cog/validate?strict=false&url=${encodedUrl}`;
 
     try {
       const response = await fetch(validationApiUrl);