Guillermo Arrieta Medina
f00fabeac5
- Mejorar invokeEdge para parsear el body JSON de errores HTTP de las Edge Functions y extraer un message humano (soporta { error: { message } }, { error: "..." } y { message: "..." }).
- EdgeFunctionError ahora incluye status y details; se manejan también FunctionsRelayError y FunctionsFetchError con mensajes más descriptivos.
- Ajustes en el front: WizardControls muestra el mensaje real del error (no el genérico "Edge Function returned a non-2xx status code"), y se corrige navegación/logging tras crear plan IA (uso de `plan` en vez de `data` y `navigate` a `/planes/{plan.id}`).
- Actualización de types/API: renombrados campos en AIGeneratePlanInput para alinear nombres (descripcionEnfoqueAcademico, instruccionesAdicionalesIA).
109 lines
3.3 KiB
TypeScript
109 lines
3.3 KiB
TypeScript
import {
|
|
FunctionsFetchError,
|
|
FunctionsHttpError,
|
|
FunctionsRelayError,
|
|
} from '@supabase/supabase-js'
|
|
|
|
import { supabaseBrowser } from './client'
|
|
|
|
import type { Database } from '@/types/supabase'
|
|
import type { SupabaseClient } from '@supabase/supabase-js'
|
|
|
|
export type EdgeInvokeOptions = {
|
|
method?: 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE'
|
|
headers?: Record<string, string>
|
|
}
|
|
|
|
export class EdgeFunctionError extends Error {
|
|
constructor(
|
|
message: string,
|
|
public readonly functionName: string,
|
|
public readonly status?: number,
|
|
public readonly details?: unknown,
|
|
) {
|
|
super(message)
|
|
this.name = 'EdgeFunctionError'
|
|
}
|
|
}
|
|
|
|
export async function invokeEdge<TOut>(
|
|
functionName: string,
|
|
body?:
|
|
| string
|
|
| File
|
|
| Blob
|
|
| ArrayBuffer
|
|
| FormData
|
|
| ReadableStream<Uint8Array<ArrayBufferLike>>
|
|
| Record<string, unknown>
|
|
| undefined,
|
|
opts: EdgeInvokeOptions = {},
|
|
client?: SupabaseClient<Database>,
|
|
): Promise<TOut> {
|
|
const supabase = client ?? supabaseBrowser()
|
|
|
|
const { data, error } = await supabase.functions.invoke(functionName, {
|
|
body,
|
|
method: opts.method ?? 'POST',
|
|
headers: opts.headers,
|
|
})
|
|
|
|
if (error) {
|
|
// Valores por defecto (por si falla el parseo o es otro tipo de error)
|
|
let message = error.message // El genérico "returned a non-2xx status code"
|
|
let status = undefined
|
|
let details: unknown = error
|
|
|
|
// 2. Verificamos si es un error HTTP (4xx o 5xx) que trae cuerpo JSON
|
|
if (error instanceof FunctionsHttpError) {
|
|
try {
|
|
// Obtenemos el status real (ej. 404, 400)
|
|
status = error.context.status
|
|
|
|
// ¡LA CLAVE! Leemos el JSON que tu Edge Function envió
|
|
const errorBody = await error.context.json()
|
|
details = errorBody
|
|
|
|
// Intentamos extraer el mensaje humano según tu estructura { error: { message: "..." } }
|
|
// o la estructura simple { error: "..." }
|
|
if (errorBody && typeof errorBody === 'object') {
|
|
// Caso 1: Estructura anidada (la que definimos hace poco: { error: { message: "..." } })
|
|
if (
|
|
'error' in errorBody &&
|
|
typeof errorBody.error === 'object' &&
|
|
errorBody.error !== null &&
|
|
'message' in errorBody.error
|
|
) {
|
|
message = (errorBody.error as { message: string }).message
|
|
}
|
|
// Caso 2: Estructura simple ({ error: "Mensaje de error" })
|
|
else if (
|
|
'error' in errorBody &&
|
|
typeof errorBody.error === 'string'
|
|
) {
|
|
message = errorBody.error
|
|
}
|
|
// Caso 3: Propiedad message directa ({ message: "..." })
|
|
else if (
|
|
'message' in errorBody &&
|
|
typeof errorBody.message === 'string'
|
|
) {
|
|
message = errorBody.message
|
|
}
|
|
}
|
|
} catch (e) {
|
|
console.warn('No se pudo parsear el error JSON de la Edge Function', e)
|
|
}
|
|
} else if (error instanceof FunctionsRelayError) {
|
|
message = `Error de Relay Supabase: ${error.message}`
|
|
} else if (error instanceof FunctionsFetchError) {
|
|
message = `Error de conexión (Fetch): ${error.message}`
|
|
}
|
|
|
|
// 3. Lanzamos tu error personalizado con los datos reales extraídos
|
|
throw new EdgeFunctionError(message, functionName, status, details)
|
|
}
|
|
|
|
return data as TOut
|
|
}
|