-
+
`;
})
.join("");
}
-(window as any).revokeApp = async (clientId: string, event?: Event) => {
- const btn = event?.target as HTMLButtonElement | undefined;
-
- // Double-click confirmation pattern
- if (btn?.dataset.confirmState === "pending") {
- // Second click - execute revoke
- delete btn.dataset.confirmState;
- btn.disabled = true;
- btn.textContent = "revoking...";
-
- const card = document.querySelector(`[data-client-id="${clientId}"]`);
-
- try {
- const response = await fetch(
- `/api/apps/${encodeURIComponent(clientId)}`,
- {
- method: "DELETE",
- headers: {
- Authorization: `Bearer ${token}`,
- },
- },
- );
-
- if (!response.ok) {
- throw new Error("Failed to revoke app");
+async function handleRevoke(btn: HTMLButtonElement) {
+ const clientId = btn.dataset.clientId;
+ if (!clientId) return;
+
+ // Two-step confirm: first click arms, second click revokes
+ if (btn.dataset.confirmState !== "pending") {
+ btn.dataset.confirmState = "pending";
+ btn.textContent = "you sure?";
+ setTimeout(() => {
+ if (btn.dataset.confirmState === "pending") {
+ delete btn.dataset.confirmState;
+ btn.textContent = "revoke";
}
+ }, 3000);
+ return;
+ }
- // Remove from UI
- card?.remove();
+ delete btn.dataset.confirmState;
+ btn.disabled = true;
+ btn.textContent = "revoking...";
- // Check if list is now empty
- const remaining = document.querySelectorAll(".app-card");
- if (remaining.length === 0) {
- appsList.innerHTML =
- '
No authorized apps yet. Apps will appear here after you grant them access.
';
- }
- } catch (error) {
- console.error("Failed to revoke app:", error);
- alert("Failed to revoke app access. Please try again.");
- if (btn) {
- btn.disabled = false;
- btn.textContent = "revoke";
- }
- }
- } else {
- // First click - set pending state
- if (btn) {
- const originalText = btn.textContent;
- btn.dataset.confirmState = "pending";
- btn.textContent = "you sure?";
-
- // Reset after 3 seconds if not confirmed
- setTimeout(() => {
- if (btn.dataset.confirmState === "pending") {
- delete btn.dataset.confirmState;
- btn.textContent = originalText;
- }
- }, 3000);
+ try {
+ const response = await fetch(`/api/apps/${encodeURIComponent(clientId)}`, {
+ method: "DELETE",
+ headers: { Authorization: `Bearer ${token}` },
+ });
+
+ if (!response.ok) throw new Error("Failed to revoke app");
+
+ document.querySelector(`[data-client-id="${clientId}"]`)?.remove();
+ toast.show("App access revoked", "success");
+
+ if (document.querySelectorAll(".app-card").length === 0) {
+ appsList.innerHTML =
+ '
No authorized apps yet. Apps will appear here after you grant them access.
';
}
+ } catch (error) {
+ console.error("Failed to revoke app:", error);
+ toast.show("Failed to revoke app access. Please try again.", "error");
+ btn.disabled = false;
+ btn.textContent = "revoke";
}
-};
+}
+
+function init() {
+ appsList = $("appsList");
+ toast = $("toast") as unknown as IToast;
+
+ appsList.addEventListener("click", (e) => {
+ const btn = (e.target as HTMLElement).closest(
+ ".revoke-btn",
+ ) as HTMLButtonElement | null;
+ if (btn) handleRevoke(btn);
+ });
-loadApps();
+ loadApps();
+}
+
+if (document.readyState === "complete") {
+ init();
+} else {
+ document.addEventListener("DOMContentLoaded", init);
+}
diff --git a/src/client/ds/button.ts b/src/client/ds/button.ts
new file mode 100644
index 0000000..00bbcc3
--- /dev/null
+++ b/src/client/ds/button.ts
@@ -0,0 +1,23 @@
+import { Elena } from "@elenajs/core";
+
+/**
+ *
— brutalist action button. Composite: put a native