refactor: 🎨 move api docs out of app and into md
This commit is contained in:
@@ -1,79 +0,0 @@
|
||||
// API Documentation Interactive Functions
|
||||
|
||||
function getApiKey() {
|
||||
return document.getElementById('apiKey').value;
|
||||
}
|
||||
|
||||
function showStatus(message, isError = false) {
|
||||
const status = document.getElementById('connectionStatus');
|
||||
status.textContent = message;
|
||||
status.className = `mt-2 text-sm ${isError ? 'text-red-600 dark:text-red-400' : 'text-green-600 dark:text-green-400'}`;
|
||||
}
|
||||
|
||||
async function testConnection() {
|
||||
const apiKey = getApiKey();
|
||||
if (!apiKey) {
|
||||
showStatus('Please enter your API key', true);
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
const response = await axios.get('/api/v1/devices', {
|
||||
headers: { 'X-API-Key': apiKey }
|
||||
});
|
||||
showStatus('✓ Connection successful');
|
||||
} catch (error) {
|
||||
if (error.response?.status === 401) {
|
||||
showStatus('✗ Invalid API key', true);
|
||||
} else if (error.response?.status === 403) {
|
||||
showStatus('✗ Insufficient permissions', true);
|
||||
} else {
|
||||
showStatus('✗ Connection failed', true);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
async function tryEndpoint(method, url, data, responseId) {
|
||||
const apiKey = getApiKey();
|
||||
if (!apiKey) {
|
||||
showStatus('Please enter your API key first', true);
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
const config = {
|
||||
method: method,
|
||||
url: url,
|
||||
headers: { 'X-API-Key': apiKey }
|
||||
};
|
||||
|
||||
if (data) {
|
||||
config.data = data;
|
||||
}
|
||||
|
||||
const response = await axios(config);
|
||||
document.getElementById(responseId + '-response').classList.remove('hidden');
|
||||
document.getElementById(responseId).textContent = JSON.stringify(response.data, null, 2);
|
||||
} catch (error) {
|
||||
document.getElementById(responseId + '-response').classList.remove('hidden');
|
||||
const errorMessage = error.response?.data?.error || error.message;
|
||||
document.getElementById(responseId).textContent = `Error (${error.response?.status || 'Network'}): ${errorMessage}`;
|
||||
}
|
||||
}
|
||||
|
||||
async function tryEndpointWithId(method, baseUrl, inputId, responseId) {
|
||||
const id = document.getElementById(inputId).value;
|
||||
if (!id) {
|
||||
alert('Please enter an ID');
|
||||
return;
|
||||
}
|
||||
await tryEndpoint(method, baseUrl + encodeURIComponent(id), null, responseId);
|
||||
}
|
||||
|
||||
// Auto-populate API key if user is logged in
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const apiKeyInput = document.getElementById('apiKey');
|
||||
if (apiKeyInput && apiKeyInput.value) {
|
||||
testConnection();
|
||||
}
|
||||
});
|
||||
Vendored
-1
@@ -1 +0,0 @@
|
||||
function getApiKey(){return document.getElementById("apiKey").value}function showStatus(e,t=!1){let n=document.getElementById("connectionStatus");n.textContent=e,n.className=`mt-2 text-sm ${t?"text-red-600 dark:text-red-400":"text-green-600 dark:text-green-400"}`}async function testConnection(){let e=getApiKey();if(!e){showStatus("Please enter your API key",!0);return}try{await axios.get("/api/v1/devices",{headers:{"X-API-Key":e}}),showStatus("✓ Connection successful")}catch(t){t.response?.status===401?showStatus("✗ Invalid API key",!0):t.response?.status===403?showStatus("✗ Insufficient permissions",!0):showStatus("✗ Connection failed",!0)}}async function tryEndpoint(e,t,n,s){let a=getApiKey();if(!a){showStatus("Please enter your API key first",!0);return}try{let o={method:e,url:t,headers:{"X-API-Key":a}};n&&(o.data=n);let r=await axios(o);document.getElementById(s+"-response").classList.remove("hidden"),document.getElementById(s).textContent=JSON.stringify(r.data,null,2)}catch(i){document.getElementById(s+"-response").classList.remove("hidden");let d=i.response?.data?.error||i.message;document.getElementById(s).textContent=`Error (${i.response?.status||"Network"}): ${d}`}}async function tryEndpointWithId(e,t,n,s){let a=document.getElementById(n).value;if(!a){alert("Please enter an ID");return}await tryEndpoint(e,t+encodeURIComponent(a),null,s)}document.addEventListener("DOMContentLoaded",function(){let e=document.getElementById("apiKey");e&&e.value&&testConnection()});
|
||||
Reference in New Issue
Block a user