Lo que hace esta herramienta OpenAPI
El trabajo de frontend a menudo comienza antes de que el backend esté listo, y escribir tipos a mano para una API que ya tiene una especificación es un esfuerzo perdido. Pegar un ** OpenAPI 3.x ** o ** Swagger 2.0 ** documento en JSON o YAML y esta herramienta genera tres cosas: realistas ** mock respuestas ** para cada operación, ** tipos de TypeScript ** para todos los esquemas, y un pequeño tipo de ** fetch cliente ** con una función por punto final. Todo se genera en su navegador, por lo que las especificaciones de API privadas o internas nunca se cargan.
Cómo usarlo
- Pegue su especificación o cargue el archivo. Se aceptan tanto JSON como YAML.
- La lista de puntos finales muestra cada operación con su método y ruta.
- Abre la pestaña ** datos simulados ** y selecciona una operación para ver una respuesta de muestra, construida a partir de ejemplos de esquemas, formatos y enum.
- Cambiar a los tipos TS para las interfaces generadas desde
components/schemas(odefinitionsen Swagger 2). - Cambiar a **TS cliente ** para un cliente listo para usar y copiarlo en su proyecto.
Cómo se generan las burlas
- Los valores
exampleyexamplesde la especificación siempre ganan. enumelige el primer valor;defaultes respetado.- Los formatos de cadena producen valores plausibles:
email,uuid,date-time,uri,ipv4y así sucesivamente. - Los nombres de las propiedades dan pistas, por lo que
name,priceocreatedAtse ven realistas. $ref,allOf,oneOfyanyOfse resuelven; las referencias recursivas se cortan de forma segura.- Las simulaciones son deterministas por operación, por lo que no cambian en cada actualización.
Usando el cliente generado
El cliente exporta una constante BASE_URL y una función asincrónica por operación, nombrada después de su operationId (o método y ruta cuando falta), con parámetros de ruta, parámetros de consulta y cuerpo de solicitud, devolviendo la respuesta escrita. Solo depende de fetch, así que funciona en navegadores, Node 18+, Deno y Bun.