diff --git a/static/js/core/shell.js b/static/js/core/shell.js index 1bc5c06..b5298b4 100644 --- a/static/js/core/shell.js +++ b/static/js/core/shell.js @@ -9,14 +9,22 @@ */ import { BASE_URL, getConfig } from "./config.js"; +import { ensureDefaultPolicy } from "./trusted-types.js"; import { initResponsive } from "./responsive.js"; import { initTheme } from "./theme-engine.js"; import { initAuth } from "../system/auth-integration.js"; import { checkAccess, renderAccessWall } from "../system/access-guard.js"; -import { filterAppsByRole, getManifestSync } from "../system/manifest.js"; +import { + fetchManifest, + filterAppsByRole, + getManifestSync, +} from "../system/manifest.js"; import { initDropdowns } from "../ui/dropdowns.js"; import { SHELL_CONFIG_DEFAULTS } from "./shell-config.js"; +// Must run before any DOM injection sink is used (innerHTML, script.src, etc.) +ensureDefaultPolicy(); + window.__componentsJS = true; let _injected = false; @@ -202,12 +210,20 @@ function safeIconClass(value) { } function renderAppsGrid(shellRoot, apps) { - const grids = shellRoot.querySelectorAll("[data-app-menu-grid]"); + // Backward compatibility: + // - New markup uses: [data-app-menu-grid="desktop"|"mobile"] + // - Older injected markup used: [data-apps-grid] and [data-apps-grid-mobile] + const grids = shellRoot.querySelectorAll( + "[data-app-menu-grid], [data-apps-grid], [data-apps-grid-mobile]", + ); if (!grids.length) return; const entries = Array.isArray(apps) ? apps : []; grids.forEach((grid) => { - const isDesktop = grid.getAttribute("data-app-menu-grid") === "desktop"; + const gridMode = grid.getAttribute("data-app-menu-grid"); + const isDesktop = + gridMode === "desktop" || + (!gridMode && grid.hasAttribute("data-apps-grid")); const padding = isDesktop ? "p-3" : "p-2.5"; const fragment = document.createDocumentFragment(); @@ -243,11 +259,17 @@ function renderAppsGrid(shellRoot, apps) { }); } -function updateAppsGridForRole(shellRoot, role) { - const fallback = getManifestSync(); - const visibleApps = filterAppsByRole(fallback.apps, role); - renderAppsGrid(shellRoot, visibleApps); - return Promise.resolve(visibleApps); +async function updateAppsGridForRole(shellRoot, role) { + // Render cached/fallback immediately (fast paint). + const cached = getManifestSync(); + const cachedVisible = filterAppsByRole(cached.apps, role); + renderAppsGrid(shellRoot, cachedVisible); + + // Then refresh from the live manifest source of truth. + const fresh = await fetchManifest(role); + const freshVisible = filterAppsByRole(fresh.apps, role); + renderAppsGrid(shellRoot, freshVisible); + return freshVisible; } // --- Mobile panel logic --- @@ -311,7 +333,14 @@ function syncMobileAuth(shellRoot, authStatus) { if (authedAvatar) { authedAvatar.classList.remove("hidden"); const img = authedAvatar.querySelector("img"); - if (img) img.src = user.avatar_url || ""; + if (img) { + const avatarUrl = user.avatar_url; + if (avatarUrl) { + img.src = avatarUrl; + } else { + img.removeAttribute("src"); + } + } } if (nameEl) nameEl.textContent = user.name || "User"; if (emailEl) emailEl.textContent = user.email || ""; @@ -382,8 +411,6 @@ function hydrate(shellRoot) { applyChromeVisibility(shellRoot, config); - const cachedManifest = getManifestSync(); - renderAppsGrid(shellRoot, filterAppsByRole(cachedManifest.apps, "guest")); updateAppsGridForRole(shellRoot, "guest"); initResponsive(); diff --git a/static/js/core/trusted-types.js b/static/js/core/trusted-types.js new file mode 100644 index 0000000..5feea9c --- /dev/null +++ b/static/js/core/trusted-types.js @@ -0,0 +1,52 @@ +/** + * Trusted Types Bootstrap — Shared across main site and subdomains. + * + * Creates the 'default' Trusted Types policy so that raw string + * assignments to innerHTML, script.src, etc. are automatically + * converted to TrustedHTML / TrustedScriptURL by the browser. + * + * Must run BEFORE any code that touches DOM injection sinks. + */ +export function ensureDefaultPolicy() { + if (window.trustedTypes && window.trustedTypes.createPolicy) { + try { + window.__defaultPolicy = window.trustedTypes.createPolicy("default", { + createScriptURL: function (s) { + return s; + }, + createHTML: function (s) { + return s; + }, + }); + } catch { + /* policy already exists — safe to ignore */ + } + } + + // Patch appendChild/insertBefore so dynamically-created iframes + // (e.g. Cloudflare challenge, giscus) also get a default policy. + function installFramePolicy(methodName) { + const original = Element.prototype[methodName]; + Element.prototype[methodName] = function (...args) { + const result = original.apply(this, args); + const node = args[0]; + if (node && node.tagName === "IFRAME") { + try { + const win = node.contentWindow; + if (win && win.trustedTypes && !win.trustedTypes.defaultPolicy) { + win.trustedTypes.createPolicy("default", { + createHTML: (s) => s, + createScript: (s) => s, + createScriptURL: (s) => s, + }); + } + } catch { + /* cross-origin — expected */ + } + } + return result; + }; + } + installFramePolicy("appendChild"); + installFramePolicy("insertBefore"); +} diff --git a/static/js/shell.min.js b/static/js/shell.min.js index ced9e91..3ed0453 100644 --- a/static/js/shell.min.js +++ b/static/js/shell.min.js @@ -1,4 +1,4 @@ -(()=>{function P(){if(window.__siteConfig)return window.__siteConfig;let e=document.getElementById("site-config");if(e)try{return window.__siteConfig=JSON.parse(e.textContent),window.__siteConfig}catch(t){console.error("[SiteConfig] Failed to parse JSON config",t)}return window.__siteConfig=window.SiteNavConfig||{},window.__siteConfig}var S="https://dhanur.me",H=(()=>{let e=window.location.hostname;if(e==="localhost"||e==="127.0.0.1")return"";let t=e.split(".");return t.length>=2?"."+t.slice(-2).join("."):""})();var fe={MOBILE:0,SM:640,MD:768,LG:1024,XL:1280,XXL:1536},d={isDesktop:!1,isMobile:!1,mediaQueries:{},listeners:new Set},O=!1;function _(){let e=d.isDesktop;d.isDesktop=d.mediaQueries.hoverCapable?.matches&&d.mediaQueries.finePointer?.matches,d.isMobile=!d.isDesktop,e!==d.isDesktop&&he()}function he(){d.listeners.forEach(e=>{try{e({isDesktop:d.isDesktop,isMobile:d.isMobile,isLargeScreen:me(),isTouchDevice:pe(),prefersReducedMotion:ge()})}catch(t){console.error(t)}})}function U(){O||typeof window.matchMedia=="function"&&(O=!0,d.mediaQueries.hoverCapable=window.matchMedia("(hover: hover)"),d.mediaQueries.finePointer=window.matchMedia("(pointer: fine)"),d.mediaQueries.largeScreen=window.matchMedia(`(min-width: ${fe.LG}px)`),d.mediaQueries.touchDevice=window.matchMedia("(pointer: coarse)"),d.mediaQueries.reducedMotion=window.matchMedia("(prefers-reduced-motion: reduce)"),_(),Object.values(d.mediaQueries).forEach(e=>{e.addListener?e.addListener(_):e.addEventListener&&e.addEventListener("change",_)}))}var me=()=>d.mediaQueries.largeScreen?.matches||!1,pe=()=>d.mediaQueries.touchDevice?.matches||!1,ge=()=>d.mediaQueries.reducedMotion?.matches||!1;function G(e){let t=`${e}=`,n=document.cookie?document.cookie.split(";"):[];for(let o of n){let a=o.trim();if(a.startsWith(t))return decodeURIComponent(a.slice(t.length))}return""}function j(e,t,n={}){let{maxAgeSeconds:o,domain:a,path:i="/",sameSite:r="Lax"}=n,l=typeof o=="number"?`; Max-Age=${o}`:"",s=a?`; Domain=${a}`:"";document.cookie=`${e}=${encodeURIComponent(t)}; Path=${i}; SameSite=${r}; Secure${l}${s}`}var ye={dark:"dark",light:"light"},ve=["auto","light","dark"],z={dark:"#010409",light:"#f6f8fa"},we=240,v="auto",g=window.matchMedia?window.matchMedia("(prefers-color-scheme: dark)"):null,A=null;function L(e,t="auto"){let n=String(e||"").trim().toLowerCase();return ve.includes(n)?n:n.includes("dark")?"dark":n.includes("light")?"light":t}function be(){let e=window.__getThemeCookie?window.__getThemeCookie():G("theme")||null;return L(e,"auto")}function Se(e){let t=L(e,"auto");if(window.__setThemeCookie){window.__setThemeCookie(t);return}j("theme",t,{maxAgeSeconds:31536e3,domain:H||void 0,path:"/",sameSite:"Lax",secure:window.location.protocol==="https:"})}function M(e){let t=L(e,"auto");return window.__resolveColorset?window.__resolveColorset(t):t==="auto"?g&&g.matches?"dark":"light":t}function T(e){let t=ye[e]||e;document.documentElement.setAttribute("data-theme",t),document.documentElement.style.backgroundColor=z[e]||z.dark,e==="dark"?(document.documentElement.classList.add("dark"),document.documentElement.classList.remove("light"),document.documentElement.style.colorScheme="dark"):(document.documentElement.classList.add("light"),document.documentElement.classList.remove("dark"),document.documentElement.style.colorScheme="light");function n(o,a){document.querySelectorAll(o).forEach(i=>{i.classList.remove("hidden","invisible"),i.style.opacity=a?"1":"0",i.style.visibility=a?"visible":"hidden",i.style.pointerEvents=a?"":"none"})}n(".logo-dark",e==="dark"),n(".logo-light",e==="light"),n(".hero-dark",e==="dark"),n(".hero-light",e==="light")}function F(){let e=document.documentElement;e.classList.add("is-theme-switching"),A&&window.clearTimeout(A),A=window.setTimeout(()=>{e.classList.remove("is-theme-switching"),A=null},we)}function D(){document.querySelectorAll(".theme-switcher").forEach(e=>{e.querySelectorAll("[data-theme-mode]").forEach(t=>{let o=t.getAttribute("data-theme-mode")===v;t.style.background=o?"color-mix(in oklab, var(--color-base-content) 20%, transparent)":"",t.style.boxShadow=o?"0 1px 3px rgba(0,0,0,0.12), inset 0 0 0 1px color-mix(in oklab, var(--color-base-content) 8%, transparent)":"",t.style.opacity=o?"1":"0.55"})})}function Ae(e){v=e,Se(e),F();let t=M(e);T(t),D(),document.dispatchEvent(new CustomEvent("themeChanged",{detail:t}))}function Q(e=document){v=L(be(),"auto");let t=M(v);if(T(t),D(),document.dispatchEvent(new CustomEvent("themeChanged",{detail:t})),e.querySelectorAll(".theme-switcher [data-theme-mode]").forEach(n=>{n.addEventListener("click",o=>{o.preventDefault(),o.stopPropagation();let a=n.getAttribute("data-theme-mode");a&&a!==v&&Ae(a)})}),g){let n=()=>{if(v==="auto"){F();let o=M("auto");T(o),D(),document.dispatchEvent(new CustomEvent("themeChanged",{detail:o}))}};g.addEventListener?g.addEventListener("change",n):g.addListener&&g.addListener(n)}}function W({src:e,selector:t,async:n=!0,defer:o=!1,crossOrigin:a,loadedAttribute:i,onLoad:r,onError:l}){if(!e&&!t)return null;let s=t?document.querySelector(t):document.querySelector(`script[src="${e}"]`);if(s)return typeof r=="function"&&((i?s.getAttribute(i)==="1":!1)||s.readyState==="complete"?r():s.addEventListener("load",r,{once:!0})),typeof l=="function"&&s.addEventListener("error",l,{once:!0}),s;let c=document.createElement("script"),u=window.__defaultPolicy;return c.src=u?u.createScriptURL(e):e,c.async=n,c.defer=o,a&&(c.crossOrigin=a),c.addEventListener("load",()=>{i&&c.setAttribute(i,"1"),typeof r=="function"&&r()},{once:!0}),typeof l=="function"&&c.addEventListener("error",l,{once:!0}),document.head.appendChild(c),c}function C(){return!window.AUTH||typeof window.AUTH!="object"?null:window.AUTH}function Le(e){let t=!1;return(...n)=>{t||(t=!0,e(...n))}}function p(...e){return e.find(Boolean)||null}function b(...e){e.forEach(t=>t?.classList.remove("hidden"))}function k(...e){e.forEach(t=>t?.classList.add("hidden"))}function w(e,t){e&&(e.textContent=t)}function I(e,t){if(e){if(t){e.src=t;return}e.removeAttribute("src")}}function J(e,t,n,o,a){e.querySelectorAll(t).forEach(i=>{i.addEventListener(n,o,a)})}function ke(e){let t=Le(e);if(C()){t();return}document.addEventListener("authReady",t,{once:!0}),W({src:"https://auth.dhanur.me/auth-client.js",selector:'script[src*="auth-client.js"]',defer:!0,onLoad:()=>{let n=C();n&&typeof n.onReady=="function"?n.onReady(()=>t()):t()},onError:()=>{console.warn("[Auth] Could not load auth-client.js")}}),window.setTimeout(()=>{C()&&t()},2e3)}function Ce(e){if(!e)return"";try{let t=new Date(e);return`resets ${["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][t.getUTCMonth()]} ${t.getUTCDate()}`}catch{return""}}function K(e,t){if(!t)return;let n=t.unlimited||t.balance===-1,o=n?"\u221E":String(t.balance),a=n?"":Ce(t.periodEnd),i=e.querySelector('[data-auth="credits-row"]');if(i){i.classList.remove("hidden");let l=i.querySelector('[data-auth="credits-balance"]'),s=i.querySelector('[data-auth="credits-reset"]');l&&(l.textContent=o),s&&(s.textContent=a)}let r=e.querySelector('[data-auth="sidebar-credits-row"]');if(r){r.classList.remove("hidden");let l=r.querySelector('[data-auth="sidebar-credits-balance"]'),s=r.querySelector('[data-auth="sidebar-credits-reset"]');l&&(l.textContent=o),s&&(s.textContent=a)}}function qe(e){e.querySelector('[data-auth="credits-row"]')?.classList.add("hidden"),e.querySelector('[data-auth="sidebar-credits-row"]')?.classList.add("hidden")}function X(e=document,t=null){e.__authIntegrationBound||(e.__authIntegrationBound=!0,ke(()=>{let n=C();if(!n)return;let o=e.querySelector(".navbar"),a=e.querySelector("[data-sidebar-root]")||e.querySelector("#navigation-drawer"),i=e.querySelector("[data-sidebar-account]"),r={navGuestAvatar:p(e.querySelector('[data-auth="nav-guest-avatar"]'),o?.querySelector('[data-dropdown="account"] .bg-base-300')),navAuthedAvatar:p(e.querySelector('[data-auth="nav-authed-avatar"]'),o?.querySelector('[data-dropdown="account"] .ring-primary')),navAvatarImg:p(e.querySelector('[data-auth="nav-authed-avatar"] img'),o?.querySelector('[data-dropdown="account"] .ring-primary img')),navAuthedHeader:p(e.querySelector('[data-auth="nav-authed-header"]'),o?.querySelector('.dropdown-panel [data-auth="nav-name"]')?.closest(".border-b")),navGuestHeader:p(e.querySelector('[data-auth="nav-guest-header"]'),o?.querySelector(".dropdown-panel .fa-user")?.closest(".border-b")),navAuthedHeaderImg:e.querySelector('[data-auth="nav-authed-header-avatar"]'),navName:p(e.querySelector('[data-auth="nav-name"]'),o?.querySelector('[data-auth="name"]')),navEmail:p(e.querySelector('[data-auth="nav-email"]'),o?.querySelector('[data-auth="email"]')),navRole:p(e.querySelector('[data-auth="nav-role"]'),o?.querySelector('[data-auth="role"]')),navLoginItem:o?.querySelector('[data-auth="login-item"]')||null,navAccountItem:o?.querySelector('[data-auth="account-item"]')||null,navLogoutItem:o?.querySelector('[data-auth="logout-item"]')||null,sidebarGuestAvatar:p(e.querySelector('[data-auth="sidebar-guest-avatar"]'),i?.querySelector(".bg-base-300")),sidebarAuthedAvatar:p(e.querySelector('[data-auth="sidebar-authed-avatar"]'),i?.querySelector(".ring-primary")),sidebarAvatarImg:p(e.querySelector('[data-auth="sidebar-authed-avatar"] img'),i?.querySelector(".ring-primary img")),sidebarName:p(e.querySelector('[data-auth="sidebar-name"]'),i?.querySelector(".font-semibold")),sidebarEmail:p(e.querySelector('[data-auth="sidebar-email"]'),i?.querySelector(".text-xs.opacity-60")),sidebarLoginBtn:a?.querySelector('[data-auth="sidebar-login-btn"]')||null,sidebarLogoutBtn:a?.querySelector('[data-auth="sidebar-logout-btn"]')||null,sidebarAccountBtn:a?.querySelector('[data-auth="sidebar-account-btn"]')||null};function l(s){if(!s)return;let c=s.authenticated,u=s.user,h=u?.avatar_url||"",f=u?.name||"User";if(c&&u){if(k(r.navGuestAvatar,r.navGuestHeader,r.navLoginItem),b(r.navAuthedAvatar,r.navAuthedHeader,r.navAccountItem,r.navLogoutItem),I(r.navAvatarImg,h),I(r.navAuthedHeaderImg,h),w(r.navName,f),w(r.navEmail,u.email||""),r.navRole){let m=s.role||"user";r.navRole.textContent=m.toUpperCase(),r.navRole.className=m==="admin"?"badge badge-sm badge-error":"badge badge-sm badge-success",b(r.navRole)}k(r.sidebarGuestAvatar,r.sidebarLoginBtn),b(r.sidebarAuthedAvatar,r.sidebarLogoutBtn,r.sidebarAccountBtn),I(r.sidebarAvatarImg,h),w(r.sidebarName,f),w(r.sidebarEmail,u.email||""),K(e,s.credits||null)}else b(r.navGuestAvatar,r.navGuestHeader,r.navLoginItem),k(r.navAuthedAvatar,r.navAuthedHeader,r.navRole,r.navAccountItem,r.navLogoutItem),b(r.sidebarGuestAvatar,r.sidebarLoginBtn),k(r.sidebarAuthedAvatar,r.sidebarLogoutBtn,r.sidebarAccountBtn),w(r.sidebarName,"Guest"),w(r.sidebarEmail,"Not signed in"),qe(e);typeof t=="function"&&t(s)}typeof n.onReady=="function"?n.onReady(s=>l(s?.status||s||n.status||null)):n.status&&l(n.status),document.addEventListener("authChanged",s=>l(s.detail)),document.addEventListener("creditsChanged",s=>K(e,s.detail)),J(e,'[data-auth="login-btn"], [data-auth="sidebar-login-btn"]',"click",s=>{s.preventDefault(),typeof n.login=="function"&&n.login()}),J(e,'[data-auth="logout-btn"], [data-auth="sidebar-logout-btn"]',"click",s=>{if(s.preventDefault(),typeof n.logout=="function"){let c=n.logout();c&&typeof c.then=="function"?c.then(()=>window.location.reload()).catch(u=>{console.warn("[Auth] Logout failed:",u),window.location.reload()}):window.location.reload()}})}))}var Ee=` +(()=>{function H(){if(window.__siteConfig)return window.__siteConfig;let e=document.getElementById("site-config");if(e)try{return window.__siteConfig=JSON.parse(e.textContent),window.__siteConfig}catch(t){console.error("[SiteConfig] Failed to parse JSON config",t)}return window.__siteConfig=window.SiteNavConfig||{},window.__siteConfig}var A="https://dhanur.me",O=(()=>{let e=window.location.hostname;if(e==="localhost"||e==="127.0.0.1")return"";let t=e.split(".");return t.length>=2?"."+t.slice(-2).join("."):""})();var ye={MOBILE:0,SM:640,MD:768,LG:1024,XL:1280,XXL:1536},f={isDesktop:!1,isMobile:!1,mediaQueries:{},listeners:new Set},G=!1;function M(){let e=f.isDesktop;f.isDesktop=f.mediaQueries.hoverCapable?.matches&&f.mediaQueries.finePointer?.matches,f.isMobile=!f.isDesktop,e!==f.isDesktop&&ve()}function ve(){f.listeners.forEach(e=>{try{e({isDesktop:f.isDesktop,isMobile:f.isMobile,isLargeScreen:we(),isTouchDevice:be(),prefersReducedMotion:Se()})}catch(t){console.error(t)}})}function j(){G||typeof window.matchMedia=="function"&&(G=!0,f.mediaQueries.hoverCapable=window.matchMedia("(hover: hover)"),f.mediaQueries.finePointer=window.matchMedia("(pointer: fine)"),f.mediaQueries.largeScreen=window.matchMedia(`(min-width: ${ye.LG}px)`),f.mediaQueries.touchDevice=window.matchMedia("(pointer: coarse)"),f.mediaQueries.reducedMotion=window.matchMedia("(prefers-reduced-motion: reduce)"),M(),Object.values(f.mediaQueries).forEach(e=>{e.addListener?e.addListener(M):e.addEventListener&&e.addEventListener("change",M)}))}var we=()=>f.mediaQueries.largeScreen?.matches||!1,be=()=>f.mediaQueries.touchDevice?.matches||!1,Se=()=>f.mediaQueries.reducedMotion?.matches||!1;function z(e){let t=`${e}=`,n=document.cookie?document.cookie.split(";"):[];for(let a of n){let o=a.trim();if(o.startsWith(t))return decodeURIComponent(o.slice(t.length))}return""}function F(e,t,n={}){let{maxAgeSeconds:a,domain:o,path:r="/",sameSite:i="Lax"}=n,c=typeof a=="number"?`; Max-Age=${a}`:"",s=o?`; Domain=${o}`:"";document.cookie=`${e}=${encodeURIComponent(t)}; Path=${r}; SameSite=${i}; Secure${c}${s}`}var Ae={dark:"dark",light:"light"},Le=["auto","light","dark"],Q={dark:"#010409",light:"#f6f8fa"},Ce=240,w="auto",y=window.matchMedia?window.matchMedia("(prefers-color-scheme: dark)"):null,L=null;function C(e,t="auto"){let n=String(e||"").trim().toLowerCase();return Le.includes(n)?n:n.includes("dark")?"dark":n.includes("light")?"light":t}function ke(){let e=window.__getThemeCookie?window.__getThemeCookie():z("theme")||null;return C(e,"auto")}function qe(e){let t=C(e,"auto");if(window.__setThemeCookie){window.__setThemeCookie(t);return}F("theme",t,{maxAgeSeconds:31536e3,domain:O||void 0,path:"/",sameSite:"Lax",secure:window.location.protocol==="https:"})}function T(e){let t=C(e,"auto");return window.__resolveColorset?window.__resolveColorset(t):t==="auto"?y&&y.matches?"dark":"light":t}function D(e){let t=Ae[e]||e;document.documentElement.setAttribute("data-theme",t),document.documentElement.style.backgroundColor=Q[e]||Q.dark,e==="dark"?(document.documentElement.classList.add("dark"),document.documentElement.classList.remove("light"),document.documentElement.style.colorScheme="dark"):(document.documentElement.classList.add("light"),document.documentElement.classList.remove("dark"),document.documentElement.style.colorScheme="light");function n(a,o){document.querySelectorAll(a).forEach(r=>{r.classList.remove("hidden","invisible"),r.style.opacity=o?"1":"0",r.style.visibility=o?"visible":"hidden",r.style.pointerEvents=o?"":"none"})}n(".logo-dark",e==="dark"),n(".logo-light",e==="light"),n(".hero-dark",e==="dark"),n(".hero-light",e==="light")}function W(){let e=document.documentElement;e.classList.add("is-theme-switching"),L&&window.clearTimeout(L),L=window.setTimeout(()=>{e.classList.remove("is-theme-switching"),L=null},Ce)}function I(){document.querySelectorAll(".theme-switcher").forEach(e=>{e.querySelectorAll("[data-theme-mode]").forEach(t=>{let a=t.getAttribute("data-theme-mode")===w;t.style.background=a?"color-mix(in oklab, var(--color-base-content) 20%, transparent)":"",t.style.boxShadow=a?"0 1px 3px rgba(0,0,0,0.12), inset 0 0 0 1px color-mix(in oklab, var(--color-base-content) 8%, transparent)":"",t.style.opacity=a?"1":"0.55"})})}function Ee(e){w=e,qe(e),W();let t=T(e);D(t),I(),document.dispatchEvent(new CustomEvent("themeChanged",{detail:t}))}function J(e=document){w=C(ke(),"auto");let t=T(w);if(D(t),I(),document.dispatchEvent(new CustomEvent("themeChanged",{detail:t})),e.querySelectorAll(".theme-switcher [data-theme-mode]").forEach(n=>{n.addEventListener("click",a=>{a.preventDefault(),a.stopPropagation();let o=n.getAttribute("data-theme-mode");o&&o!==w&&Ee(o)})}),y){let n=()=>{if(w==="auto"){W();let a=T("auto");D(a),I(),document.dispatchEvent(new CustomEvent("themeChanged",{detail:a}))}};y.addEventListener?y.addEventListener("change",n):y.addListener&&y.addListener(n)}}function K({src:e,selector:t,async:n=!0,defer:a=!1,crossOrigin:o,loadedAttribute:r,onLoad:i,onError:c}){if(!e&&!t)return null;let s=t?document.querySelector(t):document.querySelector(`script[src="${e}"]`);if(s)return typeof i=="function"&&((r?s.getAttribute(r)==="1":!1)||s.readyState==="complete"?i():s.addEventListener("load",i,{once:!0})),typeof c=="function"&&s.addEventListener("error",c,{once:!0}),s;let l=document.createElement("script"),u=window.__defaultPolicy;return l.src=u?u.createScriptURL(e):e,l.async=n,l.defer=a,o&&(l.crossOrigin=o),l.addEventListener("load",()=>{r&&l.setAttribute(r,"1"),typeof i=="function"&&i()},{once:!0}),typeof c=="function"&&l.addEventListener("error",c,{once:!0}),document.head.appendChild(l),l}function q(){return!window.AUTH||typeof window.AUTH!="object"?null:window.AUTH}function xe(e){let t=!1;return(...n)=>{t||(t=!0,e(...n))}}function p(...e){return e.find(Boolean)||null}function S(...e){e.forEach(t=>t?.classList.remove("hidden"))}function k(...e){e.forEach(t=>t?.classList.add("hidden"))}function b(e,t){e&&(e.textContent=t)}function R(e,t){if(e){if(t){e.src=t;return}e.removeAttribute("src")}}function V(e,t,n,a,o){e.querySelectorAll(t).forEach(r=>{r.addEventListener(n,a,o)})}function _e(e){let t=xe(e);if(q()){t();return}document.addEventListener("authReady",t,{once:!0}),K({src:"https://auth.dhanur.me/auth-client.js",selector:'script[src*="auth-client.js"]',defer:!0,onLoad:()=>{let n=q();n&&typeof n.onReady=="function"?n.onReady(()=>t()):t()},onError:()=>{console.warn("[Auth] Could not load auth-client.js")}}),window.setTimeout(()=>{q()&&t()},2e3)}function Me(e){if(!e)return"";try{let t=new Date(e);return`resets ${["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][t.getUTCMonth()]} ${t.getUTCDate()}`}catch{return""}}function X(e,t){if(!t)return;let n=t.unlimited||t.balance===-1,a=n?"\u221E":String(t.balance),o=n?"":Me(t.periodEnd),r=e.querySelector('[data-auth="credits-row"]');if(r){r.classList.remove("hidden");let c=r.querySelector('[data-auth="credits-balance"]'),s=r.querySelector('[data-auth="credits-reset"]');c&&(c.textContent=a),s&&(s.textContent=o)}let i=e.querySelector('[data-auth="sidebar-credits-row"]');if(i){i.classList.remove("hidden");let c=i.querySelector('[data-auth="sidebar-credits-balance"]'),s=i.querySelector('[data-auth="sidebar-credits-reset"]');c&&(c.textContent=a),s&&(s.textContent=o)}}function Te(e){e.querySelector('[data-auth="credits-row"]')?.classList.add("hidden"),e.querySelector('[data-auth="sidebar-credits-row"]')?.classList.add("hidden")}function Y(e=document,t=null){e.__authIntegrationBound||(e.__authIntegrationBound=!0,_e(()=>{let n=q();if(!n)return;let a=e.querySelector(".navbar"),o=e.querySelector("[data-sidebar-root]")||e.querySelector("#navigation-drawer"),r=e.querySelector("[data-sidebar-account]"),i={navGuestAvatar:p(e.querySelector('[data-auth="nav-guest-avatar"]'),a?.querySelector('[data-dropdown="account"] .bg-base-300')),navAuthedAvatar:p(e.querySelector('[data-auth="nav-authed-avatar"]'),a?.querySelector('[data-dropdown="account"] .ring-primary')),navAvatarImg:p(e.querySelector('[data-auth="nav-authed-avatar"] img'),a?.querySelector('[data-dropdown="account"] .ring-primary img')),navAuthedHeader:p(e.querySelector('[data-auth="nav-authed-header"]'),a?.querySelector('.dropdown-panel [data-auth="nav-name"]')?.closest(".border-b")),navGuestHeader:p(e.querySelector('[data-auth="nav-guest-header"]'),a?.querySelector(".dropdown-panel .fa-user")?.closest(".border-b")),navAuthedHeaderImg:e.querySelector('[data-auth="nav-authed-header-avatar"]'),navName:p(e.querySelector('[data-auth="nav-name"]'),a?.querySelector('[data-auth="name"]')),navEmail:p(e.querySelector('[data-auth="nav-email"]'),a?.querySelector('[data-auth="email"]')),navRole:p(e.querySelector('[data-auth="nav-role"]'),a?.querySelector('[data-auth="role"]')),navLoginItem:a?.querySelector('[data-auth="login-item"]')||null,navAccountItem:a?.querySelector('[data-auth="account-item"]')||null,navLogoutItem:a?.querySelector('[data-auth="logout-item"]')||null,sidebarGuestAvatar:p(e.querySelector('[data-auth="sidebar-guest-avatar"]'),r?.querySelector(".bg-base-300")),sidebarAuthedAvatar:p(e.querySelector('[data-auth="sidebar-authed-avatar"]'),r?.querySelector(".ring-primary")),sidebarAvatarImg:p(e.querySelector('[data-auth="sidebar-authed-avatar"] img'),r?.querySelector(".ring-primary img")),sidebarName:p(e.querySelector('[data-auth="sidebar-name"]'),r?.querySelector(".font-semibold")),sidebarEmail:p(e.querySelector('[data-auth="sidebar-email"]'),r?.querySelector(".text-xs.opacity-60")),sidebarLoginBtn:o?.querySelector('[data-auth="sidebar-login-btn"]')||null,sidebarLogoutBtn:o?.querySelector('[data-auth="sidebar-logout-btn"]')||null,sidebarAccountBtn:o?.querySelector('[data-auth="sidebar-account-btn"]')||null};function c(s){if(!s)return;let l=s.authenticated,u=s.user,h=u?.avatar_url||"",m=u?.name||"User";if(l&&u){if(k(i.navGuestAvatar,i.navGuestHeader,i.navLoginItem),S(i.navAuthedAvatar,i.navAuthedHeader,i.navAccountItem,i.navLogoutItem),R(i.navAvatarImg,h),R(i.navAuthedHeaderImg,h),b(i.navName,m),b(i.navEmail,u.email||""),i.navRole){let d=s.role||"user";i.navRole.textContent=d.toUpperCase(),i.navRole.className=d==="admin"?"badge badge-sm badge-error":"badge badge-sm badge-success",S(i.navRole)}k(i.sidebarGuestAvatar,i.sidebarLoginBtn),S(i.sidebarAuthedAvatar,i.sidebarLogoutBtn,i.sidebarAccountBtn),R(i.sidebarAvatarImg,h),b(i.sidebarName,m),b(i.sidebarEmail,u.email||""),X(e,s.credits||null)}else S(i.navGuestAvatar,i.navGuestHeader,i.navLoginItem),k(i.navAuthedAvatar,i.navAuthedHeader,i.navRole,i.navAccountItem,i.navLogoutItem),S(i.sidebarGuestAvatar,i.sidebarLoginBtn),k(i.sidebarAuthedAvatar,i.sidebarLogoutBtn,i.sidebarAccountBtn),b(i.sidebarName,"Guest"),b(i.sidebarEmail,"Not signed in"),Te(e);typeof t=="function"&&t(s)}typeof n.onReady=="function"?n.onReady(s=>c(s?.status||s||n.status||null)):n.status&&c(n.status),document.addEventListener("authChanged",s=>c(s.detail)),document.addEventListener("creditsChanged",s=>X(e,s.detail)),V(e,'[data-auth="login-btn"], [data-auth="sidebar-login-btn"]',"click",s=>{s.preventDefault(),typeof n.login=="function"&&n.login()}),V(e,'[data-auth="logout-btn"], [data-auth="sidebar-logout-btn"]',"click",s=>{if(s.preventDefault(),typeof n.logout=="function"){let l=n.logout();l&&typeof l.then=="function"?l.then(()=>window.location.reload()).catch(u=>{console.warn("[Auth] Logout failed:",u),window.location.reload()}):window.location.reload()}})}))}var De=` .access-wall { display: flex; flex-direction: column; @@ -22,14 +22,14 @@ font-size: 0.9rem; opacity: 0.7; } -`;function xe(){if(document.getElementById("access-wall-styles"))return;let e=document.createElement("style");e.id="access-wall-styles",e.textContent=Ee,document.head.appendChild(e)}function V(e={},t=null){let n=e.requireAdmin===!0;if(!(e.requireAuth===!0||n))return{allowed:!0};let a=t?.authenticated===!0,i=t?.role||"guest";return a?n&&i!=="admin"?{allowed:!1,reason:"admin_required"}:{allowed:!0}:{allowed:!1,reason:"auth_required"}}function Y(e,t="auth_required",n="This app"){if(!e)return;xe();let o=t==="admin_required",a=o?"fa-solid fa-shield-halved":"fa-solid fa-lock",i=o?"Admin access required":"Sign in to continue",r=o?`${n} is restricted to administrator sessions.`:`${n} requires a dhanur.me account to continue.`,l=o?"Verify Admin":"Sign In",s=o?"upgrade-btn":"login-btn";e.innerHTML=` +`;function Ie(){if(document.getElementById("access-wall-styles"))return;let e=document.createElement("style");e.id="access-wall-styles",e.textContent=De,document.head.appendChild(e)}function Z(e={},t=null){let n=e.requireAdmin===!0;if(!(e.requireAuth===!0||n))return{allowed:!0};let o=t?.authenticated===!0,r=t?.role||"guest";return o?n&&r!=="admin"?{allowed:!1,reason:"admin_required"}:{allowed:!0}:{allowed:!1,reason:"auth_required"}}function ee(e,t="auth_required",n="This app"){if(!e)return;Ie();let a=t==="admin_required",o=a?"fa-solid fa-shield-halved":"fa-solid fa-lock",r=a?"Admin access required":"Sign in to continue",i=a?`${n} is restricted to administrator sessions.`:`${n} requires a dhanur.me account to continue.`,c=a?"Verify Admin":"Sign In",s=a?"upgrade-btn":"login-btn";e.innerHTML=`
- -

${i}

-

${r}

+ +

${r}

+

${i}

- `;let c=window.AUTH;if(t==="admin_required"){let h=e.querySelector('[data-auth="upgrade-btn"]');h&&c&&typeof c.upgrade=="function"&&h.addEventListener("click",f=>{f.preventDefault(),c.upgrade()});return}let u=e.querySelector('[data-auth="login-btn"]');u&&c&&typeof c.login=="function"&&u.addEventListener("click",h=>{h.preventDefault(),c.login()})}var _e="dhanur_manifest_v1";var Me=[{name:"Home",url:"https://dhanur.me",icon:"fa-solid fa-house",minRole:"guest"},{name:"Linkr",url:"https://linkr.dhanur.me",icon:"fa-solid fa-link",minRole:"guest"},{name:"Tasks",url:"https://tasks.dhanur.me",icon:"fa-solid fa-clipboard-list",minRole:"guest"},{name:"Auth",url:"https://auth.dhanur.me",icon:"fa-solid fa-fingerprint",minRole:"guest"},{name:"Status",url:"https://up.dhanur.me",icon:"fa-solid fa-heart-pulse",minRole:"guest",category:"Core"}],q=null;function Z(e){return e==="admin"?2:e==="user"?1:0}function Te(){try{let e=localStorage.getItem(_e);if(!e)return null;let t=JSON.parse(e);if(!t||!Array.isArray(t.apps))return null;let n=Number(t._cachedAt||0);return{...t,_stale:Date.now()-n>36e5}}catch{return null}}function R(){if(q&&Array.isArray(q.apps))return q;let e=Te();return e&&Array.isArray(e.apps)?(q=e,e):{version:"0",apps:Me,_stale:!0}}function $(e,t="guest"){let n=Z(t);return(Array.isArray(e)?e:[]).filter(o=>Z(o?.minRole||"guest")<=n)}var ee=!1;function E(){document.querySelectorAll("[data-dropdown][data-open]").forEach(e=>{e.removeAttribute("data-open")})}function N(){return document.querySelector("[data-dropdown][data-open]")}function te(e){let t=e.querySelector(".dropdown-panel");if(!t)return;let n=e.getBoundingClientRect(),o=t.offsetWidth||224,a=(n.width-o)/2,i=n.left+a+o-(window.innerWidth-16);i>0&&(a-=i),n.left+a<8&&(a=8-n.left),t.style.left=`${a}px`,t.style.right="auto"}function De(e){E(),e.setAttribute("data-open",""),te(e)}function ne(e=document){let t=e.querySelectorAll("[data-dropdown]");t.length&&(t.forEach(n=>{if(n.getAttribute("data-dropdown-init")==="1")return;let o=n.querySelector('[role="button"]');if(!o)return;let a=n.querySelector(".dropdown-panel"),i=o.classList.contains("tooltip")&&(o.hasAttribute("data-tooltip-label")||o.hasAttribute("data-tip")||!!o.querySelector(":scope > .tooltip-content"));n.setAttribute("data-dropdown-tooltip",i?"1":"0"),o.addEventListener("click",r=>{r.stopPropagation(),n.hasAttribute("data-open")?E():De(n)}),a&&a.addEventListener("click",r=>r.stopPropagation()),n.setAttribute("data-dropdown-init","1")}),!ee&&(ee=!0,document.addEventListener("click",()=>{N()&&E()}),document.addEventListener("keydown",n=>{n.key==="Escape"&&N()&&E()}),window.addEventListener("resize",()=>{let n=N();n&&te(n)})))}var B={shellPath:"/navbar/",favicon:!0,enablePwa:!0,swPath:"/sw.js",requireAuth:!1,requireAdmin:!1,showMobileMenu:!0,showLanguage:!1,showAppsGrid:!0,showAccountButton:!0,showThemeToggle:!1};typeof window<"u"&&(window.SiteNavConfig={...B,...window.SiteNavConfig||{}});window.__componentsJS=!0;var oe=!1,ae={...B,noCss:!1,showNavbar:!0};function se(){let e=P()||{},t=e.shell&&typeof e.shell=="object"?e.shell:{},n={...ae,...e,...t};return(typeof n.shellPath!="string"||n.shellPath.trim()==="")&&(n.shellPath=ae.shellPath),n}function ce(){return window.location.origin===S}function Ie(e){if(e.enablePwa===!1||!("serviceWorker"in navigator)||!window.isSecureContext)return;let t=typeof e.swPath=="string"&&e.swPath.trim()!==""?e.swPath:"/sw.js";window.addEventListener("load",()=>{navigator.serviceWorker.register(t).catch(()=>{})},{once:!0})}function le(e,t){if(t.noCss||document.querySelector('link[data-shell-style="main"]'))return;let n=e?"":S,o=e?`${n}/css/main.css`:`${n}/css/dui.css`,a=document.createElement("link");a.rel="stylesheet",a.href=o,a.setAttribute("data-shell-style","main"),e||(a.crossOrigin="anonymous"),document.head.appendChild(a);let i=document.createElement("link");i.rel="stylesheet",i.href=`${n}/css/font-awesome.min.css`,i.setAttribute("data-shell-style","fa"),i.media="print",i.onload=function(){this.media="all"},e||(i.crossOrigin="anonymous"),document.head.appendChild(i)}function ue(e,t){if(t.favicon===!1)return;let n=e?"/icons/":`${S}/icons/`;document.querySelectorAll('link[rel="icon"], link[rel="shortcut icon"], link[rel="apple-touch-icon"]').forEach(a=>a.remove());let o=[{rel:"icon",type:"image/png",sizes:"96x96",href:`${n}favicon-96x96-transparent.png`},{rel:"icon",type:"image/svg+xml",href:`${n}favicon.svg`},{rel:"apple-touch-icon",sizes:"180x180",href:`${n}apple-touch-icon-180x180-transparent.png`}];e&&o.push({rel:"shortcut icon",href:`${n}favicon-transparent.ico`}),e&&(document.querySelectorAll('link[rel="manifest"]').forEach(a=>a.remove()),o.push({rel:"manifest",href:`${n}site.webmanifest`})),o.forEach(a=>{let i=document.createElement("link");i.rel=a.rel,a.type&&(i.type=a.type),a.sizes&&(i.sizes=a.sizes),i.href=a.href,!e&&a.rel==="manifest"&&(i.crossOrigin="anonymous"),document.head.appendChild(i)})}function Re(e,t){if(t.showLanguage||e.querySelectorAll('[data-nav-chrome="lang"]').forEach(n=>n.remove()),t.showAppsGrid||e.querySelectorAll('[data-nav-chrome="apps"]').forEach(n=>n.remove()),t.showAccountButton||e.querySelectorAll('[data-nav-chrome="account"]').forEach(n=>n.remove()),t.showThemeToggle||e.querySelectorAll('[data-nav-chrome="theme"]').forEach(n=>n.remove()),!t.showMobileMenu){let n=e.querySelector("#shell-mobile-toggle");if(n){let a=n.closest(".flex-none");a&&a.remove()}let o=e.querySelector("[data-shell-mobile-panel]");o&&o.remove()}}function $e(e){let t=String(e||"").trim();if(!t)return"#";try{let n=new URL(t,window.location.origin);if(n.protocol==="http:"||n.protocol==="https:")return n.href}catch{}return"#"}function Ne(e){let t=String(e||"").trim();return!t||!/^[a-z0-9\s_-]+$/i.test(t)?"fa-solid fa-link":t}function de(e,t){let n=e.querySelectorAll("[data-app-menu-grid]");if(!n.length)return;let o=Array.isArray(t)?t:[];n.forEach(a=>{let r=a.getAttribute("data-app-menu-grid")==="desktop"?"p-3":"p-2.5",l=document.createDocumentFragment();for(let s of o){let c=$e(s?.url),u=Ne(s?.icon),h=String(s?.name||"App").trim()||"App",f=document.createElement("a");f.href=c,f.className=`group flex flex-col items-center gap-1.5 ${r} rounded-md hover:bg-base-200 transition-colors duration-200 no-underline hover:no-underline text-base-content`;let m=document.createElement("div");m.className="w-10 h-10 rounded-md bg-base-300/50 flex items-center justify-center group-hover:bg-primary/10 group-hover:text-primary transition-colors";let y=document.createElement("i");y.className=`${u} text-lg`;let x=document.createElement("span");x.className="text-[10px] font-medium opacity-70 group-hover:opacity-100",x.textContent=h,m.appendChild(y),f.appendChild(m),f.appendChild(x),l.appendChild(f)}a.replaceChildren(l)})}function re(e,t){let n=R(),o=$(n.apps,t);return de(e,o),Promise.resolve(o)}function Be(e){let t=e.querySelector("[data-shell-mobile-panel]");if(!t)return;let n=e.querySelector("#shell-mobile-toggle"),o=t.querySelector("[data-shell-mobile-backdrop]"),a=t.querySelector("[data-shell-mobile-drawer]"),i=t.querySelector("[data-shell-mobile-close]");function r(){t.classList.remove("hidden"),a.offsetWidth,a.style.transform="translateX(0)",document.body.style.overflow="hidden"}function l(){a.style.transform="translateX(-100%)",document.body.style.overflow="",setTimeout(()=>{t.classList.add("hidden")},300)}n&&n.addEventListener("click",r),o&&o.addEventListener("click",l),i&&i.addEventListener("click",l),document.addEventListener("keydown",s=>{s.key==="Escape"&&!t.classList.contains("hidden")&&l()})}function Pe(e,t){let n=e.querySelector("[data-shell-mobile-panel]");if(!n)return;let o=t?.authenticated===!0,a=t?.user,i=n.querySelector('[data-auth="mobile-guest-avatar"]'),r=n.querySelector('[data-auth="mobile-authed-avatar"]'),l=n.querySelector('[data-auth="mobile-name"]'),s=n.querySelector('[data-auth="mobile-email"]'),c=n.querySelector('[data-auth="mobile-login-btn"]'),u=n.querySelector('[data-auth="mobile-logout-btn"]'),h=n.querySelector('[data-auth="mobile-account-btn"]');if(o&&a){if(i&&i.classList.add("hidden"),r){r.classList.remove("hidden");let f=r.querySelector("img");f&&(f.src=a.avatar_url||"")}l&&(l.textContent=a.name||"User"),s&&(s.textContent=a.email||""),c&&c.classList.add("hidden"),u&&u.classList.remove("hidden"),h&&h.classList.remove("hidden")}else i&&i.classList.remove("hidden"),r&&r.classList.add("hidden"),l&&(l.textContent="Guest"),s&&(s.textContent="Not signed in"),c&&c.classList.remove("hidden"),u&&u.classList.add("hidden"),h&&h.classList.add("hidden");u&&(u.onclick=f=>{f.preventDefault();let m=window.AUTH;if(m&&typeof m.logout=="function"){let y=m.logout();y&&typeof y.then=="function"?y.then(()=>window.location.reload()).catch(()=>window.location.reload()):window.location.reload()}}),c&&(c.onclick=f=>{f.preventDefault();let m=window.AUTH;m&&typeof m.login=="function"?m.login():window.location.href="https://auth.dhanur.me"})}function He(e){let t=se(),n=ce(),o=!!document.querySelector('link[rel="stylesheet"][href*="/css/main.css"], link[rel="stylesheet"][href*="/css/dui.css"], link[data-shell-style="main"]'),a=!!document.querySelector('link[rel="icon"], link[rel="shortcut icon"], link[rel="apple-touch-icon"]');(!n||!o)&&le(n,t),(!n||!a)&&ue(n,t),Re(e,t);let i=R();de(e,$(i.apps,"guest")),re(e,"guest"),U(),Q(e),ne(e),Be(e),X(e,r=>{let l=r?.role||"guest",s=V(t,r),c=e.querySelector(".site-nav-slot")||e.querySelector(".drawer-content");if(!s.allowed){c&&Y(c,s.reason,document.title||"This app");return}re(e,l),Pe(e,r)})}async function ie(){if(oe)return;oe=!0;let e=se();if(e.showNavbar===!1)return;Ie(e);let t=ce();if(document.querySelector(".navbar")){t||He(document.body);return}if(!t){le(!1,e),ue(!1,e);return}}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",ie):ie();})(); + `;let l=window.AUTH;if(t==="admin_required"){let h=e.querySelector('[data-auth="upgrade-btn"]');h&&l&&typeof l.upgrade=="function"&&h.addEventListener("click",m=>{m.preventDefault(),l.upgrade()});return}let u=e.querySelector('[data-auth="login-btn"]');u&&l&&typeof l.login=="function"&&u.addEventListener("click",h=>{h.preventDefault(),l.login()})}var Re="https://up.dhanur.me/api/manifest",ne="dhanur_manifest_v1";var oe=[{name:"Home",url:"https://dhanur.me",icon:"fa-solid fa-house",minRole:"guest"},{name:"Linkr",url:"https://linkr.dhanur.me",icon:"fa-solid fa-link",minRole:"guest"},{name:"Tasks",url:"https://tasks.dhanur.me",icon:"fa-solid fa-clipboard-list",minRole:"guest"},{name:"Auth",url:"https://auth.dhanur.me",icon:"fa-solid fa-fingerprint",minRole:"guest"},{name:"Status",url:"https://up.dhanur.me",icon:"fa-solid fa-heart-pulse",minRole:"guest",category:"Core"}],v=null,E=new Map;function $e(e){return e==="admin"?"admin":e==="user"?"user":"guest"}function te(e){return e==="admin"?2:e==="user"?1:0}function Ne(){try{let e=localStorage.getItem(ne);if(!e)return null;let t=JSON.parse(e);if(!t||!Array.isArray(t.apps))return null;let n=Number(t._cachedAt||0);return{...t,_stale:Date.now()-n>36e5}}catch{return null}}function Be(e){try{localStorage.setItem(ne,JSON.stringify({version:e.version||"1",apps:Array.isArray(e.apps)?e.apps:oe,_cachedAt:Date.now()}))}catch{}}function $(){if(v&&Array.isArray(v.apps))return v;let e=Ne();return e&&Array.isArray(e.apps)?(v=e,e):{version:"0",apps:oe,_stale:!0}}function N(e,t="guest"){let n=te(t);return(Array.isArray(e)?e:[]).filter(a=>te(a?.minRole||"guest")<=n)}async function ae(e="guest"){let t=$e(e);if(E.has(t))return E.get(t);let n=(async()=>{try{let a=`${Re}?role=${encodeURIComponent(t)}`,o=await fetch(a,{credentials:"omit",mode:"cors",cache:"no-cache"});if(!o.ok)throw new Error(`Manifest request failed with status ${o.status}`);let r=await o.json();if(!r||!Array.isArray(r.apps))throw new Error("Manifest payload is invalid");return v={version:r.version||"1",apps:r.apps},Be(v),v}catch{return $()}})();E.set(t,n);try{return await n}finally{E.delete(t)}}var re=!1;function x(){document.querySelectorAll("[data-dropdown][data-open]").forEach(e=>{e.removeAttribute("data-open")})}function B(){return document.querySelector("[data-dropdown][data-open]")}function ie(e){let t=e.querySelector(".dropdown-panel");if(!t)return;let n=e.getBoundingClientRect(),a=t.offsetWidth||224,o=(n.width-a)/2,r=n.left+o+a-(window.innerWidth-16);r>0&&(o-=r),n.left+o<8&&(o=8-n.left),t.style.left=`${o}px`,t.style.right="auto"}function Pe(e){x(),e.setAttribute("data-open",""),ie(e)}function se(e=document){let t=e.querySelectorAll("[data-dropdown]");t.length&&(t.forEach(n=>{if(n.getAttribute("data-dropdown-init")==="1")return;let a=n.querySelector('[role="button"]');if(!a)return;let o=n.querySelector(".dropdown-panel"),r=a.classList.contains("tooltip")&&(a.hasAttribute("data-tooltip-label")||a.hasAttribute("data-tip")||!!a.querySelector(":scope > .tooltip-content"));n.setAttribute("data-dropdown-tooltip",r?"1":"0"),a.addEventListener("click",i=>{i.stopPropagation(),n.hasAttribute("data-open")?x():Pe(n)}),o&&o.addEventListener("click",i=>i.stopPropagation()),n.setAttribute("data-dropdown-init","1")}),!re&&(re=!0,document.addEventListener("click",()=>{B()&&x()}),document.addEventListener("keydown",n=>{n.key==="Escape"&&B()&&x()}),window.addEventListener("resize",()=>{let n=B();n&&ie(n)})))}var P={shellPath:"/navbar/",favicon:!0,enablePwa:!0,swPath:"/sw.js",requireAuth:!1,requireAdmin:!1,showMobileMenu:!0,showLanguage:!1,showAppsGrid:!0,showAccountButton:!0,showThemeToggle:!1};typeof window<"u"&&(window.SiteNavConfig={...P,...window.SiteNavConfig||{}});window.__componentsJS=!0;var ce=!1,le={...P,noCss:!1,showNavbar:!0};function he(){let e=H()||{},t=e.shell&&typeof e.shell=="object"?e.shell:{},n={...le,...e,...t};return(typeof n.shellPath!="string"||n.shellPath.trim()==="")&&(n.shellPath=le.shellPath),n}function me(){return window.location.origin===A}function Ue(e){if(e.enablePwa===!1||!("serviceWorker"in navigator)||!window.isSecureContext)return;let t=typeof e.swPath=="string"&&e.swPath.trim()!==""?e.swPath:"/sw.js";window.addEventListener("load",()=>{navigator.serviceWorker.register(t).catch(()=>{})},{once:!0})}function pe(e,t){if(t.noCss||document.querySelector('link[data-shell-style="main"]'))return;let n=e?"":A,a=e?`${n}/css/main.css`:`${n}/css/dui.css`,o=document.createElement("link");o.rel="stylesheet",o.href=a,o.setAttribute("data-shell-style","main"),e||(o.crossOrigin="anonymous"),document.head.appendChild(o);let r=document.createElement("link");r.rel="stylesheet",r.href=`${n}/css/font-awesome.min.css`,r.setAttribute("data-shell-style","fa"),r.media="print",r.onload=function(){this.media="all"},e||(r.crossOrigin="anonymous"),document.head.appendChild(r)}function ge(e,t){if(t.favicon===!1)return;let n=e?"/icons/":`${A}/icons/`;document.querySelectorAll('link[rel="icon"], link[rel="shortcut icon"], link[rel="apple-touch-icon"]').forEach(o=>o.remove());let a=[{rel:"icon",type:"image/png",sizes:"96x96",href:`${n}favicon-96x96-transparent.png`},{rel:"icon",type:"image/svg+xml",href:`${n}favicon.svg`},{rel:"apple-touch-icon",sizes:"180x180",href:`${n}apple-touch-icon-180x180-transparent.png`}];e&&a.push({rel:"shortcut icon",href:`${n}favicon-transparent.ico`}),e&&(document.querySelectorAll('link[rel="manifest"]').forEach(o=>o.remove()),a.push({rel:"manifest",href:`${n}site.webmanifest`})),a.forEach(o=>{let r=document.createElement("link");r.rel=o.rel,o.type&&(r.type=o.type),o.sizes&&(r.sizes=o.sizes),r.href=o.href,!e&&o.rel==="manifest"&&(r.crossOrigin="anonymous"),document.head.appendChild(r)})}function He(e,t){if(t.showLanguage||e.querySelectorAll('[data-nav-chrome="lang"]').forEach(n=>n.remove()),t.showAppsGrid||e.querySelectorAll('[data-nav-chrome="apps"]').forEach(n=>n.remove()),t.showAccountButton||e.querySelectorAll('[data-nav-chrome="account"]').forEach(n=>n.remove()),t.showThemeToggle||e.querySelectorAll('[data-nav-chrome="theme"]').forEach(n=>n.remove()),!t.showMobileMenu){let n=e.querySelector("#shell-mobile-toggle");if(n){let o=n.closest(".flex-none");o&&o.remove()}let a=e.querySelector("[data-shell-mobile-panel]");a&&a.remove()}}function Oe(e){let t=String(e||"").trim();if(!t)return"#";try{let n=new URL(t,window.location.origin);if(n.protocol==="http:"||n.protocol==="https:")return n.href}catch{}return"#"}function Ge(e){let t=String(e||"").trim();return!t||!/^[a-z0-9\s_-]+$/i.test(t)?"fa-solid fa-link":t}function ue(e,t){let n=e.querySelectorAll("[data-app-menu-grid], [data-apps-grid], [data-apps-grid-mobile]");if(!n.length)return;let a=Array.isArray(t)?t:[];n.forEach(o=>{let r=o.getAttribute("data-app-menu-grid"),c=r==="desktop"||!r&&o.hasAttribute("data-apps-grid")?"p-3":"p-2.5",s=document.createDocumentFragment();for(let l of a){let u=Oe(l?.url),h=Ge(l?.icon),m=String(l?.name||"App").trim()||"App",d=document.createElement("a");d.href=u,d.className=`group flex flex-col items-center gap-1.5 ${c} rounded-md hover:bg-base-200 transition-colors duration-200 no-underline hover:no-underline text-base-content`;let g=document.createElement("div");g.className="w-10 h-10 rounded-md bg-base-300/50 flex items-center justify-center group-hover:bg-primary/10 group-hover:text-primary transition-colors";let U=document.createElement("i");U.className=`${h} text-lg`;let _=document.createElement("span");_.className="text-[10px] font-medium opacity-70 group-hover:opacity-100",_.textContent=m,g.appendChild(U),d.appendChild(g),d.appendChild(_),s.appendChild(d)}o.replaceChildren(s)})}async function de(e,t){let n=$(),a=N(n.apps,t);ue(e,a);let o=await ae(t),r=N(o.apps,t);return ue(e,r),r}function je(e){let t=e.querySelector("[data-shell-mobile-panel]");if(!t)return;let n=e.querySelector("#shell-mobile-toggle"),a=t.querySelector("[data-shell-mobile-backdrop]"),o=t.querySelector("[data-shell-mobile-drawer]"),r=t.querySelector("[data-shell-mobile-close]");function i(){t.classList.remove("hidden"),o.offsetWidth,o.style.transform="translateX(0)",document.body.style.overflow="hidden"}function c(){o.style.transform="translateX(-100%)",document.body.style.overflow="",setTimeout(()=>{t.classList.add("hidden")},300)}n&&n.addEventListener("click",i),a&&a.addEventListener("click",c),r&&r.addEventListener("click",c),document.addEventListener("keydown",s=>{s.key==="Escape"&&!t.classList.contains("hidden")&&c()})}function ze(e,t){let n=e.querySelector("[data-shell-mobile-panel]");if(!n)return;let a=t?.authenticated===!0,o=t?.user,r=n.querySelector('[data-auth="mobile-guest-avatar"]'),i=n.querySelector('[data-auth="mobile-authed-avatar"]'),c=n.querySelector('[data-auth="mobile-name"]'),s=n.querySelector('[data-auth="mobile-email"]'),l=n.querySelector('[data-auth="mobile-login-btn"]'),u=n.querySelector('[data-auth="mobile-logout-btn"]'),h=n.querySelector('[data-auth="mobile-account-btn"]');if(a&&o){if(r&&r.classList.add("hidden"),i){i.classList.remove("hidden");let m=i.querySelector("img");if(m){let d=o.avatar_url;d?m.src=d:m.removeAttribute("src")}}c&&(c.textContent=o.name||"User"),s&&(s.textContent=o.email||""),l&&l.classList.add("hidden"),u&&u.classList.remove("hidden"),h&&h.classList.remove("hidden")}else r&&r.classList.remove("hidden"),i&&i.classList.add("hidden"),c&&(c.textContent="Guest"),s&&(s.textContent="Not signed in"),l&&l.classList.remove("hidden"),u&&u.classList.add("hidden"),h&&h.classList.add("hidden");u&&(u.onclick=m=>{m.preventDefault();let d=window.AUTH;if(d&&typeof d.logout=="function"){let g=d.logout();g&&typeof g.then=="function"?g.then(()=>window.location.reload()).catch(()=>window.location.reload()):window.location.reload()}}),l&&(l.onclick=m=>{m.preventDefault();let d=window.AUTH;d&&typeof d.login=="function"?d.login():window.location.href="https://auth.dhanur.me"})}function Fe(e){let t=he(),n=me(),a=!!document.querySelector('link[rel="stylesheet"][href*="/css/main.css"], link[rel="stylesheet"][href*="/css/dui.css"], link[data-shell-style="main"]'),o=!!document.querySelector('link[rel="icon"], link[rel="shortcut icon"], link[rel="apple-touch-icon"]');(!n||!a)&&pe(n,t),(!n||!o)&&ge(n,t),He(e,t),de(e,"guest"),j(),J(e),se(e),je(e),Y(e,r=>{let i=r?.role||"guest",c=Z(t,r),s=e.querySelector(".site-nav-slot")||e.querySelector(".drawer-content");if(!c.allowed){s&&ee(s,c.reason,document.title||"This app");return}de(e,i),ze(e,r)})}async function fe(){if(ce)return;ce=!0;let e=he();if(e.showNavbar===!1)return;Ue(e);let t=me();if(document.querySelector(".navbar")){t||Fe(document.body);return}if(!t){pe(!1,e),ge(!1,e);return}}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",fe):fe();})(); diff --git a/templates/shell-chrome.html b/templates/shell-chrome.html index 559e782..61c5882 100644 --- a/templates/shell-chrome.html +++ b/templates/shell-chrome.html @@ -6,10 +6,41 @@ - +
- - dhanur.me + +
+ + ~/dhanur + + + ~/dhanur + +