@@ -154,17 +199,21 @@ async function loadCouncilDetail(main: HTMLElement, council: CouncilConfig, ctx:
- ${channelData.map(ch => `
+ ${
+ channelData.map((ch) => `
| ${truncateAddress(ch.id)} |
${escapeHtml(ch.asset)} |
${formatAmount(ch.supply)} |
- `).join("")}
+ `).join("")
+ }
- ${activeProviders.length > 0 ? `
+ ${
+ activeProviders.length > 0
+ ? `
Registered Providers
@@ -173,33 +222,53 @@ async function loadCouncilDetail(main: HTMLElement, council: CouncilConfig, ctx:
- ${activeProviders.map(p => `
+ ${
+ activeProviders.map((p) => `
| ${escapeHtml(p)} |
- `).join("")}
+ `).join("")
+ }
- ` : `
+ `
+ : `
Registered Providers
No providers discovered from recent on-chain events.
- `}
+ `
+ }
Recent Activity
- ${allEvents.length > 0 ? `
+ ${
+ allEvents.length > 0
+ ? `
- ${allEvents.slice(0, 50).map(e => `
+ ${
+ allEvents.slice(0, 50).map((e) => `
-
${truncateAddress(e.contractId)}
+
${
+ truncateAddress(e.contractId)
+ }
- `).join("")}
+ `).join("")
+ }
- ` : `
+ `
+ : `
No recent activity found.
- `}
+ `
+ }
`;
}
diff --git a/src/views/councils.ts b/src/views/councils.ts
index 33fabed..e001292 100644
--- a/src/views/councils.ts
+++ b/src/views/councils.ts
@@ -3,8 +3,14 @@
*/
import { renderNav } from "../components/nav.ts";
import { getCouncils } from "../lib/config.ts";
-import { getChannelSupply, getContractEvents, countProvidersFromEvents, queryErrors, clearQueryErrors } from "../lib/stellar.ts";
-import { escapeHtml, truncateAddress, formatAmount } from "../lib/dom.ts";
+import {
+ clearQueryErrors,
+ countProvidersFromEvents,
+ getChannelSupply,
+ getContractEvents,
+ queryErrors,
+} from "../lib/stellar.ts";
+import { escapeHtml, formatAmount, truncateAddress } from "../lib/dom.ts";
import { getCountryName } from "../lib/world-map.ts";
import { onCleanup } from "../lib/router.ts";
@@ -22,6 +28,7 @@ interface CouncilState {
loading: boolean;
}
+// deno-lint-ignore require-await -- view fn satisfies router's Promise
contract
export async function councilsView(): Promise {
const el = document.createElement("div");
el.appendChild(renderNav());
@@ -36,19 +43,24 @@ export async function councilsView(): Promise {
el.appendChild(main);
const ctx = { cancelled: false };
- onCleanup(() => { ctx.cancelled = true; });
+ onCleanup(() => {
+ ctx.cancelled = true;
+ });
loadCouncilData(main, ctx).catch(() => {});
return el;
}
-async function loadCouncilData(main: HTMLElement, ctx: { cancelled: boolean }): Promise {
+async function loadCouncilData(
+ main: HTMLElement,
+ ctx: { cancelled: boolean },
+): Promise {
clearQueryErrors();
const councils = await getCouncils();
if (ctx.cancelled) return;
- const states: CouncilState[] = councils.map(council => ({
+ const states: CouncilState[] = councils.map((council) => ({
name: council.name,
channelAuthId: council.channelAuthId,
jurisdictions: council.jurisdictions,
@@ -63,11 +75,13 @@ async function loadCouncilData(main: HTMLElement, ctx: { cancelled: boolean }):
const promises: Promise[] = [];
for (const state of states) {
- const council = councils.find(c => c.channelAuthId === state.channelAuthId)!;
+ const council = councils.find((c) =>
+ c.channelAuthId === state.channelAuthId
+ )!;
for (const ch of council.channels) {
promises.push(
- getChannelSupply(ch.privacyChannelId).then(supply => {
+ getChannelSupply(ch.privacyChannelId).then((supply) => {
state.channels.push({
privacyChannelId: ch.privacyChannelId,
assetCode: ch.assetCode,
@@ -78,7 +92,7 @@ async function loadCouncilData(main: HTMLElement, ctx: { cancelled: boolean }):
}
promises.push(
- getContractEvents(state.channelAuthId).then(events => {
+ getContractEvents(state.channelAuthId).then((events) => {
state.providerCount = countProvidersFromEvents(events).length;
}),
);
@@ -99,19 +113,28 @@ function renderCouncilTable(main: HTMLElement, states: CouncilState[]): void {
if (!content) return;
if (states.length === 0) {
- content.innerHTML = `No councils registered yet.
No councils registered yet.
Some data may be incomplete — network queries failed. (${queryErrors.length} error${queryErrors.length !== 1 ? "s" : ""})
` : ""}
+ ${
+ hasErrors
+ ? `Some data may be incomplete — network queries failed. (${queryErrors.length} error${
+ queryErrors.length !== 1 ? "s" : ""
+ })
`
+ : ""
+ }
@@ -144,30 +167,42 @@ function renderCouncilTable(main: HTMLElement, states: CouncilState[]): void {
- ${states.map(s => {
- const supply = s.channels.reduce((sum, c) => sum + c.supply, 0n);
- return `
-
+ ${
+ states.map((s) => {
+ const supply = s.channels.reduce((sum, c) => sum + c.supply, 0n);
+ return `
+
|
${escapeHtml(s.name)}
- ${truncateAddress(s.channelAuthId)}
+ ${
+ truncateAddress(s.channelAuthId)
+ }
|
- ${s.jurisdictions.map(j => escapeHtml(getCountryName(j))).join(", ")} |
+ ${
+ s.jurisdictions.map((j) => escapeHtml(getCountryName(j))).join(", ")
+ } |
${s.channels.length} |
- ${s.loading ? '...' : s.providerCount} |
- ${s.loading ? '...' : formatAmount(supply)} |
+ ${
+ s.loading ? '...' : s.providerCount
+ } |
+ ${
+ s.loading ? '...' : formatAmount(supply)
+ } |
Active |
`;
- }).join("")}
+ }).join("")
+ }
`;
- content.querySelectorAll(".clickable-row").forEach(row => {
+ content.querySelectorAll(".clickable-row").forEach((row) => {
row.addEventListener("click", () => {
const href = row.getAttribute("data-href");
- if (href) window.location.hash = href;
+ if (href) globalThis.location.hash = href;
});
});
}
diff --git a/src/views/map.ts b/src/views/map.ts
index 6f57b05..15f476e 100644
--- a/src/views/map.ts
+++ b/src/views/map.ts
@@ -3,8 +3,12 @@
* Uses a static SVG map (simple-world-map, CC BY-SA 3.0).
*/
import { renderNav } from "../components/nav.ts";
-import { getCouncils, type CouncilConfig } from "../lib/config.ts";
-import { fetchWorldSvg, projectCountry, getCountryName } from "../lib/world-map.ts";
+import { type CouncilConfig, getCouncils } from "../lib/config.ts";
+import {
+ fetchWorldSvg,
+ getCountryName,
+ projectCountry,
+} from "../lib/world-map.ts";
import { escapeHtml, truncateAddress } from "../lib/dom.ts";
import { onCleanup } from "../lib/router.ts";
@@ -26,7 +30,9 @@ export async function mapView(): Promise
{
el.appendChild(main);
const ctx = { cancelled: false };
- onCleanup(() => { ctx.cancelled = true; });
+ onCleanup(() => {
+ ctx.cancelled = true;
+ });
const councils = await getCouncils();
if (ctx.cancelled) return el;
@@ -35,16 +41,24 @@ export async function mapView(): Promise {
if (grid) {
grid.innerHTML = councils.length === 0
? `No councils registered yet.
- ${c.jurisdictions.map(j => escapeHtml(getCountryName(j))).join(", ")}
+ ${
+ c.jurisdictions.map((j) => escapeHtml(getCountryName(j))).join(", ")
+ }
- ${truncateAddress(c.channelAuthId)}
+ ${
+ truncateAddress(c.channelAuthId)
+ }
`).join("");
}
@@ -66,7 +80,7 @@ export async function mapView(): Promise {
// Extract all path elements
const pathElements = svgDoc.querySelectorAll("path");
const pathStrings: string[] = [];
- pathElements.forEach(p => {
+ pathElements.forEach((p) => {
const d = p.getAttribute("d");
if (d) pathStrings.push(d);
});
@@ -82,7 +96,7 @@ export async function mapView(): Promise {
- ${pathStrings.map(d => ``).join("\n ")}
+ ${pathStrings.map((d) => ``).join("\n ")}
@@ -93,7 +107,8 @@ export async function mapView(): Promise {
console.warn("[map] Failed to load world map:", err);
if (!ctx.cancelled) {
const mapContainer = main.querySelector(".map-container")!;
- mapContainer.innerHTML = `Failed to load map. Please try again later.
Failed to load map. Please try again later.
No recent transactions found.
- ${hasErrors
- ? `
Network queries encountered errors. The RPC may be unreachable.
`
- : `
Transactions will appear here as channels process bundles.
`}
+ ${
+ hasErrors
+ ? `
Network queries encountered errors. The RPC may be unreachable.
`
+ : `
Transactions will appear here as channels process bundles.
`
+ }
`;
return;
}
- const txCount = feed.filter(f => !["ProviderAdded", "ProviderRemoved", "ContractInitialized"].includes(f.event.type)).length;
- const providerEvents = feed.filter(f => f.event.type === "ProviderAdded" || f.event.type === "ProviderRemoved").length;
+ const txCount =
+ feed.filter((f) =>
+ !["ProviderAdded", "ProviderRemoved", "ContractInitialized"].includes(
+ f.event.type,
+ )
+ ).length;
+ const providerEvents =
+ feed.filter((f) =>
+ f.event.type === "ProviderAdded" || f.event.type === "ProviderRemoved"
+ ).length;
content.innerHTML = `
@@ -138,20 +166,38 @@ function renderFeed(main: HTMLElement, feed: FeedEntry[]): void {
- ${feed.slice(0, 100).map(entry => `
+ ${
+ feed.slice(0, 100).map((entry) => `
- Council: ${escapeHtml(entry.councilName)}
- ${entry.channelAsset !== "\u2014" ? `Asset: ${escapeHtml(entry.channelAsset)}` : ""}
+ Council: ${
+ escapeHtml(entry.councilName)
+ }
+ ${
+ entry.channelAsset !== "\u2014"
+ ? `Asset: ${
+ escapeHtml(entry.channelAsset)
+ }`
+ : ""
+ }
-
${truncateAddress(entry.channelId)}
+
${
+ truncateAddress(entry.channelId)
+ }
- `).join("")}
+ `).join("")
+ }