// Signed-in cloud-portal user in the docs navbar, mirroring loadPortalUser in // datum.net's Nav.astro: adds a user menu at the top right of the navbar on // desktop and before the search icon on mobile. Everyone else gets datum.net's // "Start for free" link in the desktop spot only. Mintlify loads every .js file in this // repo on every docs page. The session-status request only succeeds when docs // are served from an origin in cloud-portal's WEBSITE_ORIGINS (www.datum.net/docs // via the datum.net proxy), not from localhost or *.mintlify.dev. (function () { // Desktop: the menu joins the navbar's right-hand group (links + theme // toggle, hidden below lg). Mobile: it leads the header icon group (hidden // from lg up). var NAVBAR_LINKS_SELECTOR = 'nav[aria-label="Main"]'; var MOBILE_SEARCH_SELECTOR = '#search-bar-entry-mobile'; var MENU_ID = 'portal-user-menu'; var SIGNUP_URL = 'https://auth.datum.net/id/signup'; // Mirrors PORTAL_URL_BY_HOST in datum.net's Nav.astro. var PORTAL_URL_BY_HOST = { 'website.staging.env.datum.net': 'https://cloud.staging.env.datum.net/', }; var portal = new URL(PORTAL_URL_BY_HOST[location.hostname] || 'https://cloud.datum.net/'); // Lucide icons, same as the datum.net user menu. var ICONS = { 'layout-grid': '', folder: '', user: '', }; // datum.net's hand-drawn arrow (src/static/assets/svgs/arrow-right.svg). var ARROW_RIGHT = ''; var el = function (tag, className, text) { var node = document.createElement(tag); if (className) node.className = className; if (text) node.textContent = text; return node; }; var menuItem = function (href, label, icon) { var link = el('a', 'portal-user-menu-item'); link.href = href; if (icon) { link.insertAdjacentHTML( 'beforeend', '' ); } link.appendChild(document.createTextNode(label)); return link; }; // Same items as datum.net: "Get started" only when the dashboard is not the // projects page (i.e. onboarding for new users), and no Projects for an org // without any. var buildMenuItems = function (status, dashboardUrl) { var projectsUrl = status.org ? new URL('/org/' + encodeURIComponent(status.org.name) + '/projects', portal).href : null; var main = el('div', 'portal-user-menu-group'); if (dashboardUrl && dashboardUrl !== projectsUrl) { main.appendChild(menuItem(dashboardUrl, 'Get started', 'layout-grid')); } // hasProjects is omitted when the portal's lookup fails; only an explicit // false hides Projects. if (projectsUrl && status.org.hasProjects !== false) { main.appendChild(menuItem(projectsUrl, 'Projects', 'folder')); } main.appendChild( menuItem(new URL('/account/general', portal).href, 'Account Settings', 'user') ); var signOut = el('div', 'portal-user-menu-group'); signOut.appendChild(menuItem(new URL('/logout', portal).href, 'Sign out')); return [main, signOut]; }; var buildUserMenu = function (status, dashboardUrl, id) { var root = el('div', 'portal-user'); root.id = id; var trigger = el('button', 'portal-user-trigger'); trigger.type = 'button'; trigger.setAttribute('aria-haspopup', 'menu'); trigger.setAttribute('aria-expanded', 'false'); trigger.setAttribute('aria-controls', id + '-panel'); var avatarUrl = status.user.avatarUrl; if (avatarUrl && avatarUrl.indexOf('https://') === 0) { var avatar = el('img', 'portal-user-avatar'); avatar.src = avatarUrl; avatar.alt = ''; avatar.referrerPolicy = 'no-referrer'; trigger.appendChild(avatar); } trigger.appendChild(el('span', 'portal-user-name', status.user.displayName)); var panel = el('div', 'portal-user-menu'); panel.id = id + '-panel'; panel.hidden = true; var header = el('div', 'portal-user-menu-header'); header.appendChild(el('span', 'portal-user-menu-name', status.user.displayName)); header.appendChild(el('span', 'portal-user-menu-email', status.user.email || '')); panel.appendChild(header); buildMenuItems(status, dashboardUrl).forEach(function (group) { panel.appendChild(group); }); var setOpen = function (open) { panel.hidden = !open; trigger.setAttribute('aria-expanded', String(open)); }; trigger.addEventListener('click', function () { setOpen(panel.hidden); }); document.addEventListener('click', function (e) { if (!panel.hidden && !root.contains(e.target)) setOpen(false); }); document.addEventListener('keydown', function (e) { if (e.key === 'Escape' && !panel.hidden) { setOpen(false); trigger.focus(); } }); root.appendChild(trigger); root.appendChild(panel); return root; }; // Same link as datum.net's desktop nav. var buildSignupLink = function () { var link = el('a', 'portal-signup', 'Start for free'); link.href = SIGNUP_URL; link.target = '_blank'; link.rel = 'noopener'; link.insertAdjacentHTML('beforeend', ARROW_RIGHT); return link; }; // Loader until session-status settles, so "Start for free" doesn't flash // before the user menu. Same shape as datum.net's .nav-signin-skeleton. var buildSkeleton = function () { var root = el('div', 'portal-user-skeleton'); root.setAttribute('aria-hidden', 'true'); root.appendChild(el('span', 'portal-user-skeleton-avatar')); root.appendChild(el('span', 'portal-user-skeleton-name')); return root; }; var nodes = { desktop: buildSkeleton(), mobile: buildSkeleton() }; // Mintlify re-renders the navbar on client-side navigation, dropping nodes it // doesn't own, so this runs on every DOM change. Both steps are no-ops once // applied. var apply = function () { var links = document.querySelector(NAVBAR_LINKS_SELECTOR); if (links && !nodes.desktop.isConnected) links.parentElement.appendChild(nodes.desktop); var search = document.querySelector(MOBILE_SEARCH_SELECTOR); if (nodes.mobile && search && !nodes.mobile.isConnected) search.before(nodes.mobile); }; // Swaps the loader for the final nodes. var mount = function (next) { nodes.desktop.remove(); nodes.mobile.remove(); nodes = next; apply(); }; apply(); new MutationObserver(apply).observe(document.documentElement, { childList: true, subtree: true, }); fetch(new URL('/api/website/session-status', portal), { credentials: 'include', signal: AbortSignal.timeout(5000), }) .then(function (res) { return res.ok ? res.json() : null; }) .catch(function () { // Origin not in WEBSITE_ORIGINS or portal unreachable: treat as signed out. return null; }) .then(function (status) { if (!status || !status.signedIn) { mount({ desktop: buildSignupLink() }); return; } // Only follow dashboard links that stay on the portal. var dashboardUrl = status.dashboardUrl ? new URL(status.dashboardUrl, portal) : null; var safeDashboardUrl = dashboardUrl && dashboardUrl.origin === portal.origin ? dashboardUrl.href : null; mount({ desktop: buildUserMenu(status, safeDashboardUrl, MENU_ID), mobile: buildUserMenu(status, safeDashboardUrl, MENU_ID + '-mobile'), }); }); })();