54 lines
1.8 KiB
JavaScript
54 lines
1.8 KiB
JavaScript
async function loadSpec() {
|
|
const response = await fetch('/openapi.json');
|
|
const spec = await response.json();
|
|
if (!response.ok) {
|
|
throw new Error(spec.error || 'Failed to load OpenAPI spec');
|
|
}
|
|
return spec;
|
|
}
|
|
|
|
function methodPayload(operation) {
|
|
const body = operation.requestBody?.content?.['application/json']?.schema;
|
|
if (!body) return '';
|
|
return JSON.stringify(body.example || body.properties || body, null, 2);
|
|
}
|
|
|
|
function renderSpec(spec) {
|
|
const root = document.getElementById('api-docs');
|
|
const sectionTemplate = document.getElementById('api-section-template');
|
|
const methodTemplate = document.getElementById('api-method-template');
|
|
root.innerHTML = '';
|
|
|
|
Object.entries(spec.paths || {}).forEach(([path, methods]) => {
|
|
const section = sectionTemplate.content.firstElementChild.cloneNode(true);
|
|
section.querySelector('.api-path').textContent = path;
|
|
const methodsRoot = section.querySelector('.api-methods');
|
|
|
|
Object.entries(methods).forEach(([method, operation]) => {
|
|
const node = methodTemplate.content.firstElementChild.cloneNode(true);
|
|
node.querySelector('.api-verb').textContent = method.toUpperCase();
|
|
node.querySelector('.api-summary').textContent = operation.summary || '';
|
|
node.querySelector('.api-description').textContent = operation.description || '';
|
|
|
|
const body = methodPayload(operation);
|
|
const bodyNode = node.querySelector('.api-body');
|
|
if (body) {
|
|
bodyNode.textContent = body;
|
|
} else {
|
|
bodyNode.remove();
|
|
}
|
|
|
|
methodsRoot.appendChild(node);
|
|
});
|
|
|
|
root.appendChild(section);
|
|
});
|
|
}
|
|
|
|
loadSpec()
|
|
.then(renderSpec)
|
|
.catch((error) => {
|
|
console.error(error);
|
|
document.getElementById('api-docs').innerHTML = `<section class="panel">${error.message}</section>`;
|
|
});
|