ProxMenux/AppImage/lib/api-config.ts

/**
 * API Configuration for ProxMenux Monitor
 * Handles API URL generation with automatic proxy detection
 */

/**
 * API Server Port Configuration
 * Default: 8008 (production)
 * Can be changed to 8009 for beta testing
 * This can also be set via NEXT_PUBLIC_API_PORT environment variable
 */
export const API_PORT = process.env.NEXT_PUBLIC_API_PORT || "8008"

/**
 * Gets the base URL for API calls
 * Automatically detects if running behind a proxy by checking if we're on a standard port
 *
 * @returns Base URL for API endpoints
 */
export function getApiBaseUrl(): string {
  if (typeof window === "undefined") {
    return ""
  }

  const { protocol, hostname, port } = window.location

  // If accessing via standard ports (80/443) or no port, assume we're behind a proxy
  // In this case, use relative URLs so the proxy handles routing
  const isStandardPort = port === "" || port === "80" || port === "443"

  if (isStandardPort) {
    return ""
  } else {
    return `${protocol}//${hostname}:${API_PORT}`
  }
}

/**
 * Constructs a full API URL
 *
 * @param endpoint - API endpoint path (e.g., '/api/system')
 * @returns Full API URL
 */
export function getApiUrl(endpoint: string): string {
  const baseUrl = getApiBaseUrl()

  // Ensure endpoint starts with /
  const normalizedEndpoint = endpoint.startsWith("/") ? endpoint : `/${endpoint}`

  return `${baseUrl}${normalizedEndpoint}`
}

/**
 * Gets the base URL for WebSocket connections
 * Automatically handles ws:// vs wss:// based on page protocol (SSL support)
 *
 * @param path - WebSocket endpoint path (e.g., '/ws/terminal')
 * @returns Full WebSocket URL
 */
export function getWebSocketUrl(path: string): string {
  if (typeof window === "undefined") {
    return `ws://localhost:${API_PORT}${path}`
  }

  const { protocol, hostname, port } = window.location
  const isStandardPort = port === "" || port === "80" || port === "443"
  
  // Use wss:// when page is served over https://
  const wsProtocol = protocol === "https:" ? "wss:" : "ws:"

  // Ensure path starts with /
  const normalizedPath = path.startsWith("/") ? path : `/${path}`

  let wsUrl: string
  if (isStandardPort) {
    // Behind a proxy - WebSocket goes through same host
    wsUrl = `${wsProtocol}//${hostname}${normalizedPath}`
  } else {
    // Direct access - use API port
    wsUrl = `${wsProtocol}//${hostname}:${API_PORT}${normalizedPath}`
  }
  
  console.log(`[v0] getWebSocketUrl: protocol=${protocol}, hostname=${hostname}, port=${port}, isStandardPort=${isStandardPort}, wsUrl=${wsUrl}`)
  
  return wsUrl
}

/**
 * Gets the JWT token from localStorage
 *
 * @returns JWT token or null if not authenticated
 */
export function getAuthToken(): string | null {
  if (typeof window === "undefined") {
    return null
  }
  return localStorage.getItem("proxmenux-auth-token")
}

/**
 * Fetches data from an API endpoint with error handling
 *
 * @param endpoint - API endpoint path
 * @param options - Fetch options
 * @returns Promise with the response data
 */
export async function fetchApi<T>(endpoint: string, options?: RequestInit): Promise<T> {
  const url = getApiUrl(endpoint)

  const token = getAuthToken()

  const headers: Record<string, string> = {
    "Content-Type": "application/json",
    ...(options?.headers as Record<string, string>),
  }

  if (token) {
    headers["Authorization"] = `Bearer ${token}`
  }

  const response = await fetch(url, {
    ...options,
    headers,
    cache: "no-store",
  })

  if (!response.ok) {
    if (response.status === 401) {
      throw new Error(`Unauthorized: ${endpoint}`)
    }
    throw new Error(`API request failed: ${response.status} ${response.statusText}`)
  }

  return response.json()
}