Changeset 03bfdce in Klonkt for src/views/shell.ejs

Timestamp:

06/16/2026 11:35:13 PM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

108fd5f

Parents:

09ac0a5

Message:

Hub: always render chrome + CSS toggle (body.on-hub) → hub nav via htmx (no audio jumping)

In hub mode, topnav/view-switcher are now always in the DOM; CSS hides them
on the hub landing (body.on-hub, also toggled in the htmx body-class swap).
Roster, main card, feed, and brand links are now htmx → navigating between
hub-home and an artist happens in-place, so the persistent audio player
stays alive (no jumping). Solo/circle completely unchanged
(renderChrome = !bareChrome there).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@…>

File:

• src/views/shell.ejs (modified) (3 diffs)

src/views/shell.ejs

@@ -267 +267 @@
     - auth-pagina's (on-auth): focus-schermen voor in-/uitloggen.
     Die chrome hoort bij een Klonkt-site en verschijnt dus op /user/-pagina's. %>
+<% var _isHub  = (typeof tenancy !== 'undefined' && tenancy === 'hub'); %>
+<% var _onAuth = (typeof bodyClass === 'string' && bodyClass.indexOf('on-auth') >= 0); %>
 <% var bareChrome = (typeof bodyClass === 'string' && (bodyClass.indexOf('on-hub') >= 0 || bodyClass.indexOf('on-auth') >= 0))
-     || ((typeof tenancy !== 'undefined' && tenancy === 'hub') && !siteUrlBase && !isAdminPage); %>
-
-<% if (!bareChrome) { %>
+     || (_isHub && !siteUrlBase && !isAdminPage); %>
+<%# In HUB-modus de chrome ALTIJD renderen (CSS verbergt 'm op de hub-landing via
+    body.on-hub) zodat htmx tussen hub-home en artiest-sites kan schakelen zónder
+    full-reload → de audioplayer blijft leven, geen verspringen. profile-header
+    self-hidet als er geen site is. Solo/circle: ongewijzigd (!bareChrome). %>
+<% var renderChrome = _isHub ? !_onAuth : !bareChrome; %>
+
+<% if (renderChrome) { %>
   <%- include('partials/topnav') %>
   <%- include('partials/profile-header') %>
@@ -279 +286 @@
     on non-feed pages (post, account, search, auth) it navigates to /
     in the chosen view. Click logic is in shell.ejs at the bottom. %>
-<% if (!isAdminPage && !bareChrome) { %>
+<% if (!isAdminPage && renderChrome) { %>
   <%- include('partials/view-switcher') %>
 <% } %>
@@ -353 +360 @@
     PAGE_CLASSES.forEach(function(c) { document.body.classList.remove(c); });
     document.body.classList.add(firstClass);
+    // 'on-hub' is een modifier náást de page-class: apart toggelen zodat de
+    // hub-chrome (topnav/view-switcher) via CSS mee-schakelt bij htmx-navigatie
+    // tussen hub-home (on-hub) en artiest-sites (geen on-hub).
+    document.body.classList.toggle('on-hub', /(^|\s)on-hub(\s|$)/.test(String(next)));
   });
 })();