mediahub-fe/service/http-config/http-base-service.ts

import axiosBaseInstance from "./axios-base-instance";
import axios from "axios";
import Cookies from "js-cookie";
import qs from "qs";
import { getCsrfToken } from "../auth";

// CSRF token cache
let csrfTokenCache: string | null = null;
let csrfTokenExpiry: number = 0;
const CSRF_CACHE_DURATION = 5 * 60 * 1000; // 5 minutes

// Helper function to append timestamp to URL to prevent caching
function addTimestampToUrl(url: string): string {
  const separator = url.includes('?') ? '&' : '?';
  const timestamp = Date.now();
  return `${url}${separator}timemilis=${timestamp}`;
}

async function getCachedCsrfToken() {
  const now = Date.now();
  
  // Return cached token if still valid
  if (csrfTokenCache && now < csrfTokenExpiry) {
    return csrfTokenCache;
  }
  
  // Fetch new token
  try {
    const resCsrf = await getCsrfToken();
    const token = resCsrf?.data?.token;
    
    if (token) {
      csrfTokenCache = token;
      csrfTokenExpiry = now + CSRF_CACHE_DURATION;
      return token;
    }
  } catch (error) {
    console.error("Failed to fetch CSRF token:", error);
  }
  
  return null;
}

export async function httpPost(pathUrl: any, data?: any, headers?: any,) {
  const resCsrf = await getCsrfToken();
  const csrfToken = resCsrf?.data?.token;

  const authToken = Cookies.get("access_token");

  const defaultHeaders = {
    "Content-Type": "application/json",
  };

  const mergedHeaders = {
    ...defaultHeaders,
    ...(csrfToken ? { "X-XSRF-TOKEN": csrfToken } : {}),
    ...(authToken ? { "Authorization" : `Bearer ${authToken}`} : {}),
    ...headers,
  };
  
  // Add timestamp to URL to prevent caching
  const urlWithTimestamp = addTimestampToUrl(pathUrl);
  
  const response = await axiosBaseInstance
        .post(urlWithTimestamp, data, { headers: mergedHeaders })
        .catch(function (error: any) {
            console.log(error);
            return error.response;
        });
    // Remove console.log for better performance
    if (response?.status == 200 || response?.status == 201) {
        return {
            error: false,
            message: "success",
            data: response?.data,
        };
    } else {
        return {
            error: true,
            message: response?.data?.message || response?.data || null,
            data: null,
        };
    }
}

export async function httpGet(pathUrl: any, headers: any) {
  // Add timestamp to URL to prevent caching
  const urlWithTimestamp = addTimestampToUrl(pathUrl);
  
  const response = await axiosBaseInstance
    .get(urlWithTimestamp, { headers })
    .catch(function (error: any) {
      console.log(error);
      return error.response;
    });
  // Remove console.log for better performance
  if (response?.status == 200 || response?.status == 201) {
    return {
      error: false,
      message: "success",
      data: response?.data,
    };
  } else {
    return {
      error: true,
      message: response?.data?.message || response?.data || null,
      data: null,
    };
  }
}

export async function httpPut(pathUrl: any, headers: any, data?: any) {
  const resCsrf = await getCsrfToken();
  const csrfToken = resCsrf?.data?.token;

  const defaultHeaders = {
    "Content-Type": "application/json",
  };
  
  const mergedHeaders = {
    ...defaultHeaders,
    ...headers,
    ...(csrfToken ? { "X-XSRF-TOKEN": csrfToken } : {}),
  };

  // Add timestamp to URL to prevent caching
  const urlWithTimestamp = addTimestampToUrl(pathUrl);

  const response = await axiosBaseInstance
    .put(urlWithTimestamp, data, { headers: mergedHeaders })
    .catch(function (error: any) {
      console.log(error);
      return error.response;
    });
  // Remove console.log for better performance
  if (response?.status == 200 || response?.status == 201) {
    return {
      error: false,
      message: "success",
      data: response?.data,
    };
  } else {
    return {
      error: true,
      message: response?.data?.message || response?.data || null,
      data: null,
    };
  }
}