panels-origin/web-panel/composables/api-response.ts

export type FrontRpcCode = "VALIDATION" | "NETWORK" | "INTERNAL";

export type FrontResponse<T = unknown> = {
  ok: boolean;
  code: FrontRpcCode | string;
  layer: "front";
  message: string;
  context?: Record<string, unknown>;
  data?: T | null;
  errors?: Record<string, string> | string[] | null;
};

export function buildFrontError(
  message: string,
  code: FrontRpcCode = "VALIDATION",
  context?: Record<string, unknown>,
  errors?: Record<string, string> | string[] | null,
): FrontResponse {
  return {
    ok: false,
    code,
    layer: "front",
    message,
    context,
    data: null,
    errors: errors ?? null,
  };
}

export function buildFrontNetworkError(method: string, path: string): FrontResponse {
  return buildFrontError(
    `No se pudo conectar con el servidor en ${method} ${path} — verifique su conexión`,
    "NETWORK",
    { route: `${method} ${path}` },
  );
}

export function isApiEnvelope(value: unknown): value is {
  ok: boolean;
  code: string;
  status?: number;
  layer: string;
  message: string;
} {
  return !!value && typeof value === "object"
    && "ok" in value && "message" in value && "layer" in value;
}

/** Muestra el mensaje detallado de la API o front sin reescribirlo. */
export function displayErrorMessage(value: unknown, fallback = "Ocurrió un error"): string {
  if (isApiEnvelope(value)) return value.message;
  if (value && typeof value === "object" && "message" in value) {
    return String((value as { message: unknown }).message);
  }
  if (value && typeof value === "object" && "error" in value) {
    return String((value as { error: unknown }).error);
  }
  return fallback;
}