add test button to sol push so you can mass test all RPC endpoints at once.
This commit is contained in:
@@ -15,11 +15,15 @@ const rpcEndpointList = document.getElementById("rpc-endpoint-list");
|
||||
const newRpcInput = document.getElementById("new-rpc-url");
|
||||
const addRpcBtn = document.getElementById("add-rpc-btn");
|
||||
const rpcManagerError = document.getElementById("rpc-manager-error");
|
||||
const testAllRpcBtn = document.getElementById("test-all-rpc-btn");
|
||||
const rpcTestSummary = document.getElementById("rpc-test-summary");
|
||||
|
||||
if (!rpcSelect || !customRpcWrapper || !customRpcInput || !privateKeyInput || !toggleKeyBtn || !serverUrlInput || !previewBtn || !publishBtn || !outputSection || !outputDiv || !walletInfo || !walletAddress || !rpcEndpointList || !newRpcInput || !addRpcBtn || !rpcManagerError) {
|
||||
if (!rpcSelect || !customRpcWrapper || !customRpcInput || !privateKeyInput || !toggleKeyBtn || !serverUrlInput || !previewBtn || !publishBtn || !outputSection || !outputDiv || !walletInfo || !walletAddress || !rpcEndpointList || !newRpcInput || !addRpcBtn || !rpcManagerError || !testAllRpcBtn || !rpcTestSummary) {
|
||||
return;
|
||||
}
|
||||
|
||||
let rpcTestResults = new Map();
|
||||
|
||||
function normalizeRpcEndpoints(value) {
|
||||
const seen = new Set();
|
||||
const endpoints = [];
|
||||
@@ -75,8 +79,11 @@ function renderRpcEndpointManager(records) {
|
||||
return;
|
||||
}
|
||||
records.forEach((record) => {
|
||||
const testResult = rpcTestResults.get(record.id);
|
||||
const row = document.createElement("div");
|
||||
row.className = "group flex items-center gap-1 rounded-lg border border-slate-800 bg-slate-950/60 p-1.5";
|
||||
row.className = `group flex flex-wrap items-center gap-1 rounded-lg border bg-slate-950/60 p-1.5 ${
|
||||
testResult ? (testResult.ok ? "border-emerald-500/40" : "border-red-500/40") : "border-slate-800"
|
||||
}`;
|
||||
const input = document.createElement("input");
|
||||
input.type = "url";
|
||||
input.value = record.url;
|
||||
@@ -94,10 +101,51 @@ function renderRpcEndpointManager(records) {
|
||||
remove.innerHTML = '<i class="fa-solid fa-trash"></i>';
|
||||
remove.addEventListener("click", () => mutateRpcEndpoint(`/api/sol/rpc-endpoints/${record.id}`, "DELETE"));
|
||||
row.append(input, save, remove);
|
||||
if (testResult) {
|
||||
const status = document.createElement("div");
|
||||
status.className = `basis-full px-2 pb-1 text-[11px] ${testResult.ok ? "text-emerald-300" : "text-red-300"}`;
|
||||
status.title = testResult.ok ? `Latest blockhash: ${testResult.blockhash}` : testResult.error;
|
||||
status.innerHTML = testResult.ok
|
||||
? `<i class="fa-solid fa-circle-check mr-1"></i>Valid response · ${testResult.latencyMs} ms · slot ${testResult.slot.toLocaleString()} · block height ${testResult.lastValidBlockHeight.toLocaleString()}`
|
||||
: `<i class="fa-solid fa-circle-xmark mr-1"></i>${escapeHtml(testResult.error || "RPC test failed")} · ${testResult.latencyMs} ms`;
|
||||
row.appendChild(status);
|
||||
}
|
||||
rpcEndpointList.appendChild(row);
|
||||
});
|
||||
}
|
||||
|
||||
function escapeHtml(value) {
|
||||
const element = document.createElement("span");
|
||||
element.textContent = String(value);
|
||||
return element.innerHTML;
|
||||
}
|
||||
|
||||
testAllRpcBtn.addEventListener("click", async () => {
|
||||
setRpcManagerError();
|
||||
rpcTestSummary.classList.add("hidden");
|
||||
testAllRpcBtn.disabled = true;
|
||||
testAllRpcBtn.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i> Testing...';
|
||||
try {
|
||||
const res = await fetch("/api/sol/rpc-endpoints/test", {
|
||||
method: "POST",
|
||||
credentials: "include",
|
||||
});
|
||||
const data = await res.json();
|
||||
if (!res.ok) throw new Error(data?.error || "Failed to test RPC endpoints");
|
||||
rpcTestResults = new Map((data.results || []).map((result) => [result.id, result]));
|
||||
rpcTestSummary.textContent = `${data.passed} of ${data.tested} endpoints returned a valid Solana blockhash${data.failed ? `; ${data.failed} failed` : "."}`;
|
||||
rpcTestSummary.className = `rounded-lg border px-3 py-2 text-xs ${
|
||||
data.failed ? "border-amber-500/30 bg-amber-500/5 text-amber-200" : "border-emerald-500/30 bg-emerald-500/5 text-emerald-200"
|
||||
}`;
|
||||
await loadRpcEndpoints();
|
||||
} catch (error) {
|
||||
setRpcManagerError(error?.message || "Failed to test RPC endpoints");
|
||||
} finally {
|
||||
testAllRpcBtn.disabled = false;
|
||||
testAllRpcBtn.innerHTML = '<i class="fa-solid fa-vial"></i> Test all';
|
||||
}
|
||||
});
|
||||
|
||||
async function mutateRpcEndpoint(path, method, body) {
|
||||
setRpcManagerError();
|
||||
try {
|
||||
@@ -110,6 +158,8 @@ async function mutateRpcEndpoint(path, method, body) {
|
||||
const data = await res.json();
|
||||
if (!res.ok) throw new Error(data?.error || "Failed to save RPC endpoints");
|
||||
newRpcInput.value = "";
|
||||
rpcTestResults.clear();
|
||||
rpcTestSummary.classList.add("hidden");
|
||||
await loadRpcEndpoints();
|
||||
} catch (error) {
|
||||
setRpcManagerError(error?.message || "Failed to save RPC endpoints");
|
||||
|
||||
@@ -135,9 +135,14 @@
|
||||
<h2 class="text-base font-semibold">RPC endpoint pool</h2>
|
||||
<p class="text-xs text-slate-400">Shared by future client builds.</p>
|
||||
</div>
|
||||
<button type="button" id="test-all-rpc-btn"
|
||||
class="ml-auto shrink-0 inline-flex items-center justify-center gap-1.5 px-3 py-2 rounded-lg bg-sky-600 hover:bg-sky-500 text-white border border-sky-500 text-xs font-semibold transition-colors disabled:opacity-50">
|
||||
<i class="fa-solid fa-vial"></i> Test all
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div id="rpc-endpoint-list" class="space-y-2"></div>
|
||||
<div id="rpc-test-summary" class="hidden rounded-lg border px-3 py-2 text-xs"></div>
|
||||
|
||||
<div class="pt-3 border-t border-slate-800 space-y-2">
|
||||
<label class="block text-xs font-semibold uppercase tracking-wider text-slate-500" for="new-rpc-url">Add endpoint</label>
|
||||
|
||||
Reference in New Issue
Block a user