GeneralBots/botui
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(auth): Simplify user profile loading with direct API call

Browse source
This commit is contained in:
Rodrigo Rodriguez (Pragmatismo) 2026-01-07 07:09:29 -03:00
parent a4b9d013e1
commit 454fd5a8b0
1 changed files with 89 additions and 71 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

106
ui/suite/index.html
View file

@ -2918,9 +2918,11 @@
});
});
// User Profile Loading - Integrates with GBAuth service
// User Profile Loading
(function () {
function updateUserUI(user) {
if (!user) return;
const userName = document.getElementById("userName");
const userEmail = document.getElementById("userEmail");
const userAvatar = document.getElementById("userAvatar");
@ -2930,7 +2932,6 @@
const authText = document.getElementById("authText");
const authIcon = document.getElementById("authIcon");
if (user && user.email) {
const displayName =
user.display_name ||
user.first_name ||
@ -2941,22 +2942,29 @@
displayName.charAt(0) || "U"
).toUpperCase();
console.log("Updating user UI:", displayName, email);
if (userName) userName.textContent = displayName;
if (userEmail) userEmail.textContent = email;
if (userAvatar) {
const avatarSpan = userAvatar.querySelector("span");
if (avatarSpan) avatarSpan.textContent = initial;
}
if (userAvatarLarge)
userAvatarLarge.textContent = initial;
if (userAvatarLarge) userAvatarLarge.textContent = initial;
if (authAction) {
authAction.href = "#";
authAction.onclick = function (e) {
e.preventDefault();
if (window.GBAuth) {
window.GBAuth.logout();
}
fetch("/api/auth/logout", {
method: "POST",
}).finally(function () {
localStorage.removeItem("gb-access-token");
localStorage.removeItem("gb-refresh-token");
localStorage.removeItem("gb-user-data");
sessionStorage.removeItem("gb-access-token");
window.location.href = "/auth/login.html";
});
};
authAction.style.color = "var(--error)";
}
@ -2966,50 +2974,60 @@
'<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line>';
}
}
function loadUserProfile() {
var token =
localStorage.getItem("gb-access-token") ||
sessionStorage.getItem("gb-access-token");
if (!token) {
console.log("No auth token found");
return;
}
// Listen for auth service events
if (window.GBAuth) {
window.GBAuth.on("userUpdated", updateUserUI);
window.GBAuth.on("login", function () {
const user = window.GBAuth.getCurrentUser();
if (user) updateUserUI(user);
});
window.GBAuth.on("logout", function () {
window.location.href = "/auth/login.html";
});
console.log(
"Loading user profile with token:",
token.substring(0, 10) + "...",
);
// Load current user on page load
if (window.GBAuth.isAuthenticated()) {
const user = window.GBAuth.getCurrentUser();
fetch("/api/auth/me", {
headers: { Authorization: "Bearer " + token },
})
.then(function (res) {
if (!res.ok) throw new Error("Not authenticated");
return res.json();
})
.then(function (user) {
console.log("User profile loaded:", user);
updateUserUI(user);
localStorage.setItem(
"gb-user-data",
JSON.stringify(user),
);
})
.catch(function (err) {
console.log("Failed to load user profile:", err);
});
}
// Try to load cached user first
var cachedUser = localStorage.getItem("gb-user-data");
if (cachedUser) {
try {
var user = JSON.parse(cachedUser);
if (user && user.email) {
updateUserUI(user);
} else {
// Fetch from API if not cached
window.AuthService.fetchCurrentUser().then(
updateUserUI,
}
} catch (e) {}
}
// Always fetch fresh user data
if (document.readyState === "loading") {
document.addEventListener(
"DOMContentLoaded",
loadUserProfile,
);
}
}
} else {
// Fallback: wait for GBAuth to be available
document.addEventListener("DOMContentLoaded", function () {
setTimeout(function () {
if (
window.GBAuth &&
window.GBAuth.isAuthenticated()
) {
const user = window.GBAuth.getCurrentUser();
if (user) {
updateUserUI(user);
} else {
window.AuthService.fetchCurrentUser().then(
updateUserUI,
);
}
}
}, 100);
});
loadUserProfile();
}
})();
</script>