big features

static/js/home.js

@@ -1,3 +1,4 @@
+import { bindIdentityDialog, handleResetToken, logoutCurrentSession, validateCurrentSession } from "./auth-ui.js";
 import { api } from "@rustpad/api";
 
 function slugify(value, fallback) {
@@ -74,3 +75,42 @@ document.querySelector("#workspace-form").addEventListener("submit", async (even
     setBusy(button, false, "Create workspace", "Creating…");
   }
 });
+
+handleResetToken();
+
+const identityDialog = document.querySelector("#identity-dialog");
+const guestAccount = document.querySelector("#footer-account-guest");
+const userAccount = document.querySelector("#footer-account-user");
+const userLabel = document.querySelector("#footer-user-label");
+const registerLink = document.querySelector("#footer-register");
+const registrationEnabled = document.body.dataset.registrationEnabled === "true";
+
+function renderAccount(session) {
+  guestAccount.hidden = Boolean(session);
+  userAccount.hidden = !session;
+  if (session) userLabel.textContent = `Signed in as ${session.nickname}`;
+  registerLink.hidden = !registrationEnabled;
+}
+
+if (identityDialog) {
+  const authDialog = bindIdentityDialog({
+    dialog: identityDialog,
+    onIdentity: async (_nickname, session) => renderAccount(session),
+  });
+
+  document.querySelector("#footer-login")?.addEventListener("click", () => {
+    authDialog.setMode("login");
+    identityDialog.showModal();
+  });
+  registerLink?.addEventListener("click", () => {
+    authDialog.setMode("register");
+    identityDialog.showModal();
+  });
+  document.querySelector("#footer-logout")?.addEventListener("click", async () => {
+    await logoutCurrentSession();
+    renderAccount(null);
+  });
+
+  renderAccount(null);
+  validateCurrentSession().then(renderAccount);
+}