@bongos/core 1.19.402 → 1.19.404

package/public-landing/projects.html

@@ -539,7 +539,7 @@ summary{min-height:24px;padding:3px 0;}
           <td class="right num" id="selfBuilders">—</td>
           <td class="colTags" id="selfTags">—</td>
           <td class="right colStatus"><span class="chip calm"><span class="cdot"></span>—</span></td>
-          <td class="colGo"><a class="rowGo" href="/">Open →</a></td>
+          <td class="colGo"><a class="rowGo" href="/">Open →</a><a class="rowHall" id="selfHall" href="{{buildersOrigin}}" aria-label="Builders' hall" title="Builders' hall" hidden><svg viewBox="0 0 20 20" aria-hidden="true"><path d="M2.8 7.4 10 3.5l7.2 3.9"/><path d="M5.2 8.8v5.6M10 8.8v5.6M14.8 8.8v5.6"/><path d="M3.4 16.3h13.2"/></svg></a></td>
         </tr>
         <!--apex-only:end-->
       </tbody>
@@ -563,20 +563,30 @@ summary{min-height:24px;padding:3px 0;}
   <div class="cardScrim" id="cardScrim" hidden>
     <div class="projCard" id="projCard" role="dialog" aria-modal="true" aria-labelledby="cardName">
       <button type="button" class="cardX" id="cardClose" aria-label="Close">✕</button>
+      <!-- The poster (task 1003301, the v2 pick): every region a DIRECT child of
+           the card, on purpose. The C6 card test slices the card non-greedily up
+           to the first adjacent pair of closing wrapper tags, and a nested
+           wrapper would silently shorten what that test guards. So the banner is
+           a bare img, the figures and the faces are paragraphs, the facts a
+           definition list. Each region degrades by hiding: no art, no banner;
+           no faces, no row; one figure null, the other stands alone; both null,
+           no band; a fact with no answer hides label and value together,
+           because "Owner: dash" on the most authoritative-looking element of
+           the page reads as broken, not honest (task 1002778). Everything null
+           is the card that shipped before this one: disc, name, tagline,
+           relationship, the address, one door. -->
+      <img class="cardArt" id="cardArt" alt="" hidden>
+      <p class="cardFigs" id="cardFigs" hidden>
+        <span class="cardCall a" id="cardBuildersFig" hidden><svg class="lead" viewBox="0 0 68 26" preserveAspectRatio="none" aria-hidden="true"><line x1="0" y1="25" x2="67" y2="1" stroke="currentColor" stroke-width="1" vector-effect="non-scaling-stroke"/></svg><span class="fig" id="cardBuilders"></span><span class="cap">builders</span></span>
+        <span class="cardCall b" id="cardShippedFig" hidden><svg class="lead" viewBox="0 0 68 26" preserveAspectRatio="none" aria-hidden="true"><line x1="0" y1="25" x2="67" y2="1" stroke="currentColor" stroke-width="1" vector-effect="non-scaling-stroke"/></svg><span class="fig" id="cardShipped"></span><span class="cap">shipped in 30 days</span></span>
+      </p>
       <span class="cardDot" id="cardDot"></span>
       <h3 id="cardName"></h3>
       <p class="cardTag" id="cardTag"></p>
       <p class="cardRel" id="cardRel" hidden></p>
-      <!-- The facts strip. A definition list, never nested block wrappers, on
-           purpose: the C6 card test slices the card non-greedily up to the
-           first adjacent pair of closing wrapper tags, and a nested wrapper
-           would silently shorten what that test guards. A fact with no answer
-           hides, label and value together, because "Owner: dash" on the most
-           authoritative-looking element of the page reads as broken, not
-           honest (task 1002778). -->
+      <p class="cardFaces" id="cardFaces" hidden></p>
       <dl class="cardMeta" id="cardMeta" hidden>
         <dt id="cardTypeL" hidden>Type</dt><dd id="cardType" hidden></dd>
-        <dt id="cardBuildersL" hidden>Builders</dt><dd id="cardBuilders" hidden></dd>
         <dt id="cardRunsL" hidden>Runs</dt><dd id="cardRuns" hidden></dd>
         <dt id="cardOwnerL" hidden>Owner</dt><dd id="cardOwner" hidden></dd>
         <dt id="cardListedL" hidden>Listed</dt><dd id="cardListed" hidden></dd>
@@ -1492,7 +1502,7 @@ summary{min-height:24px;padding:3px 0;}
           : '<span class="chip calm"><span class="cdot"></span>—</span>') + '</td>' +
         '<td class="colGo">' + (safeHttpUrl(p.origin)
           ? '<a class="rowGo" href="' + esc(safeHttpUrl(p.origin)) + '" target="_blank" rel="noopener">Open →</a>'
-          : '') + '</td>' +
+          : '') + hallGlyphHtml(p, rel) + '</td>' +
         '</tr>';
     }).join(''));
   }
@@ -1577,6 +1587,9 @@ summary{min-height:24px;padding:3px 0;}
     if (row) {
       row.hidden = !selfShown;
       $('selfPill').innerHTML = badge ? ' <span class="pill">' + badge + '</span>' : '';
+      /* the hall glyph: member-gated (the badge says so) and address-gated */
+      var sh = $('selfHall');
+      if (sh) sh.hidden = !badge || !hallUrlOf(SELF_PROJECT);
     }
 
     var shown = list.length + (selfShown ? 1 : 0);
@@ -1639,32 +1652,111 @@ summary{min-height:24px;padding:3px 0;}
     return !!value;
   }
 
+  /* Runs, on the poster, is the project's ADDRESS: where it answers. The table
+     keeps the module list in its Runs column (the v2 pick, direction §7). */
+  function runsOf(p) {
+    return p.isSelf ? hostOf(location.host) : hostOf(p.origin);
+  }
+  /* shipped in the last 30 days, "N+" when the count sat at the feed's row cap;
+     null is "we could not ask" and hides, 0 is a real answer and renders */
+  function shippedFigure(p) {
+    if (p.shipped_30d == null) return '';
+    return String(p.shipped_30d) + (p.shipped_30d_capped ? '+' : '');
+  }
+  /* A figure either has an answer or takes no space: the callout hides whole,
+     leader and caption with it, so the other figure stands alone. */
+  function cardFig(id, value) {
+    $(id).textContent = value || '';
+    $(id + 'Fig').hidden = !value;
+    return !!value;
+  }
+  /* The faces: up to five avatars from the project's own leaderboard, then +N
+     for the builders beyond them. Third-party URLs, scheme-checked before they
+     become a src. No faces, no row. */
+  var FACES_MAX = 5;
+  function cardFaces(p) {
+    var faces = Array.isArray(p.faces) ? p.faces.map(safeHttpUrl).filter(Boolean).slice(0, FACES_MAX) : [];
+    var more = p.builders != null && p.builders > faces.length ? p.builders - faces.length : 0;
+    $('cardFaces').innerHTML = faces.map(function (u) {
+      return '<img src="' + esc(u) + '" alt="" loading="lazy">';
+    }).join('') + (more ? '<span class="facesMore">+' + more + '</span>' : '');
+    $('cardFaces').hidden = !faces.length;
+  }
+  /* The banner. has-art switches the whole layout (the disc over the banner's
+     edge, the figures as callouts on it); without art the card is the card
+     that shipped before this one. A broken image demotes to no-art, so the
+     most authoritative element of the page never shows a broken glyph. */
+  function cardArt(url) {
+    var img = $('cardArt');
+    if (url) img.src = url; else img.removeAttribute('src');
+    img.hidden = !url;
+    $('projCard').classList.toggle('has-art', !!url);
+  }
+  $('cardArt').addEventListener('error', function () { cardArt(''); });
+  /* EXACTLY ONE hall-URL derivation (task 1003257, owner decision a). The hub's
+     own hall comes from the DOM: the server-stamped anchor in its own table row
+     (dropped whole by the stamp when a pack names no hall; never assembled in
+     script). A project's comes from the hall_origin its feed row carries. Both
+     go through safeHttpUrl, and both count only where the hall is a different
+     host from the site: a door that opens onto the room you are in is a dead door. */
+  function hallUrlOf(p) {
+    var hall, site;
+    if (p.isSelf) {
+      var a = $('selfHall');
+      hall = a ? safeHttpUrl(a.getAttribute('href')) : '';
+      site = location.host;
+    } else {
+      hall = safeHttpUrl(p.hall_origin);
+      site = p.origin;
+    }
+    return hall && hostOf(hall) !== hostOf(site) ? hall : '';
+  }
+  var HALL_GLYPH = '<svg viewBox="0 0 20 20" aria-hidden="true"><path d="M2.8 7.4 10 3.5l7.2 3.9"/><path d="M5.2 8.8v5.6M10 8.8v5.6M14.8 8.8v5.6"/><path d="M3.4 16.3h13.2"/></svg>';
+  function isMember(rel) { return rel === 'owner' || rel === 'builder'; }
+  /* the row's hall glyph: a member's door, only where the hall is elsewhere */
+  function hallGlyphHtml(p, rel) {
+    var hall = isMember(rel) ? hallUrlOf(p) : '';
+    return hall
+      ? '<a class="rowHall" href="' + esc(hall) + '" target="_blank" rel="noopener" aria-label="Builders\' hall" title="Builders\' hall">' + HALL_GLYPH + '</a>'
+      : '';
+  }
+
   function openCard(p, rel, returnTo) {
     var href = p.isSelf ? '/' : safeHttpUrl(p.origin);
+    /* the art: catalog text an Archon typed, scheme-checked server-side and
+       again here before it becomes a src */
+    cardArt(p.isSelf ? '' : safeHttpUrl(p.art_url));
     $('cardDot').style.setProperty('--acc', p.isSelf ? 'var(--accent)' : accentOf(p));
     $('cardName').textContent = p.name || '';
     $('cardTag').textContent = p.tagline || '';
     var label = rel === 'owner' ? 'yours' : rel === 'builder' ? 'you build here' : '';
     $('cardRel').textContent = label;
     $('cardRel').hidden = !label;
-    /* builders: 0 is a real answer ("nobody has joined yet"), null is "we could
-       not ask" and hides. runs: [] is a real answer too — the project declares
-       nothing beyond the core set, which the owner voiced as "core". */
+    cardFaces(p);
+    /* the two figures: builders (0 is a real answer, "nobody has joined yet";
+       null is "we could not ask" and hides) and shipped in the last 30 days */
+    var figs = cardFig('cardBuilders', p.builders == null ? '' : String(p.builders));
+    figs = cardFig('cardShipped', shippedFigure(p)) || figs;
+    $('cardFigs').hidden = !figs;
     var any = cardFact('cardType', typeLabel(p.type));
-    any = cardFact('cardBuilders', p.builders == null ? '' : String(p.builders)) || any;
-    any = cardFact('cardRuns', Array.isArray(p.tags) ? tagsHtml(p.tags) : '', true) || any;
+    any = cardFact('cardRuns', runsOf(p)) || any;
     /* when the rel chip already says "yours", naming the viewer as Owner is
        noise — the fact answers strangers, not the person it describes */
     any = cardFact('cardOwner', rel === 'owner' ? '' : ownerHtml(p), true) || any;
     any = cardFact('cardListed', p.created_at ? listedDate(p.created_at) : '') || any;
     $('cardMeta').hidden = !any;
     /* the platform's door is same-tab: / is this site, and a new tab for the
-       page you are already on is a bug, not a courtesy */
-    $('cardActions').innerHTML = href
-      ? '<a class="btn small" href="' + esc(href) + '"' +
+       page you are already on is a bug, not a courtesy. The hall door beside it
+       is member-gated AND address-gated: a member's entry, only where the hall
+       is somewhere other than the site the first door already opens. */
+    var hall = isMember(rel) ? hallUrlOf(p) : '';
+    $('cardActions').innerHTML = (href
+      ? '<a class="cardOpen" id="cardOpen" href="' + esc(href) + '"' +
         (p.isSelf ? '' : ' target="_blank" rel="noopener"') + '>' +
         (p.isSelf ? 'Home →' : 'Open site →') + '</a>'
-      : '';
+      : '') + (hall
+      ? '<a class="cardHall" id="cardHall" href="' + esc(hall) + '" target="_blank" rel="noopener">' + HALL_GLYPH + 'Builders\' hall</a>'
+      : '');
     closeMenus();
     cardReturn = returnTo || null;
     $('cardScrim').hidden = false;
@@ -1864,6 +1956,7 @@ summary{min-height:24px;padding:3px 0;}
            builder count and its owner — the archon row — by the same rule the
            server-side enrichment applies to every other project */
         SELF_PROJECT.builders = real.length;
+        SELF_PROJECT.faces = real.map(function (b) { return safeHttpUrl(b.avatar_url); }).filter(Boolean).slice(0, FACES_MAX);
         var arch = real.filter(function (b) { return b.rank === 'archon'; })[0];
         if (arch && arch.github_login) {
           SELF_PROJECT.owner = String(arch.github_login);
@@ -1872,6 +1965,21 @@ summary{min-height:24px;padding:3px 0;}
       })
       .catch(function () { /* unreachable → the dash already in the markup stands */ });
   }
+  /* the platform's shipped-in-30-days figure, by the rule the server applies
+     to every other project (project-stats.js): rows inside the window from
+     shipped_at, "N+" when the feed's row cap (200 with ?days honoured) was full */
+  function loadSelfShipped() {
+    return fetch(API + '/public/recent-shipped?days=30', { credentials: 'same-origin' })
+      .then(function (res) { return res.ok ? res.json() : null; })
+      .then(function (d) {
+        if (!d || !Array.isArray(d.tasks)) return;
+        var since = Date.now() - 30 * 24 * 60 * 60 * 1000;
+        var n = d.tasks.filter(function (t) { return Date.parse(t && t.shipped_at) >= since; }).length;
+        SELF_PROJECT.shipped_30d = n;
+        SELF_PROJECT.shipped_30d_capped = d.tasks.length >= 200 && n === d.tasks.length;
+      })
+      .catch(function () { /* unknown stays unknown: the figure hides */ });
+  }
 
   function loadCatalog() {
     fetch(API + '/projects/featured', { credentials: 'same-origin' })
@@ -5610,7 +5718,8 @@ summary{min-height:24px;padding:3px 0;}
        signed-out stranger lands on and it must not depend on identity */
     .then(loadCatalog, loadCatalog)
     /* the platform's own count is public too, so it loads either way */
-    .then(loadSelfStats, loadSelfStats);
+    .then(loadSelfStats, loadSelfStats)
+    .then(loadSelfShipped, loadSelfShipped);
 })();
 </script>
 </body>

package/public-landing/projects.probes.json

@@ -51,6 +51,34 @@
     { "name": "Escape closes the card when no band is open", "continue": true,
       "steps": [["press", "Escape"], ["wait", 150]],
       "expect": { "dialog": false } },
+    { "name": "the poster (task 1003301): art, five faces and +N, two figures on the art, the address, a member's hall door", "continue": true,
+      "steps": [["dispatchClick", "#orbField a.worldOrb[data-origin=\"https://amazonprimea.com\"]"], ["wait", 900]],
+      "expect": { "dialog": true, "hasClass": [["#projCard", "has-art"]],
+                  "visible": ["#cardArt", "#cardFaces", "#cardBuildersFig", "#cardShippedFig", "#cardOpen", "#cardHall"],
+                  "count": [["#cardFaces img", 5], ["#projCard > div", 1]],
+                  "text": [["#cardBuilders", "11"], ["#cardShipped", "0"], ["#cardRel", "you build here"], ["#cardRuns", "amazonprimea.com"], ["#cardFaces .facesMore", "+6"], ["#cardHall", "Builders' hall"]],
+                  "href": [["#cardHall", "https://builders.amazonprimea.com/"], ["#cardOpen", "https://amazonprimea.com/"]] } },
+    { "name": "the ladder: a project that answered nothing is the card that shipped before (disc, name, tagline, address, listed, one door)", "continue": true,
+      "steps": [["press", "Escape"], ["wait", 150], ["dispatchClick", "#orbField a.worldOrb[data-origin=\"https://demo.cloudbongos.com\"]"], ["wait", 500]],
+      "expect": { "dialog": true, "hasClass": [["#projCard", "has-art", false]],
+                  "hidden": ["#cardArt", "#cardFaces", "#cardFigs", "#cardBuildersFig", "#cardShippedFig", "#cardHall", "#cardRel", "#cardTypeL", "#cardOwnerL"],
+                  "visible": ["#cardDot", "#cardName", "#cardTag", "#cardRuns", "#cardListed", "#cardOpen"],
+                  "text": [["#cardRuns", "demo.cloudbongos.com"]] } },
+    { "name": "the hall door is address-gated: a member of a project whose hall is its own site gets no door; the capped figure reads N+", "continue": true,
+      "steps": [["press", "Escape"], ["wait", 150], ["dispatchClick", "#orbField a.worldOrb[data-origin=\"https://emersonian-circles.cloudbongos.com\"]"], ["wait", 500]],
+      "expect": { "dialog": true, "hidden": ["#cardArt", "#cardFaces", "#cardHall"], "visible": ["#cardFigs", "#cardBuildersFig", "#cardShippedFig", "#cardOpen"],
+                  "text": [["#cardRel", "you build here"], ["#cardShipped", "30+"], ["#cardBuilders", "1"]] } },
+    { "name": "the platform's own card: figures and faces by the same rule, its hall door from the stamped DOM link", "continue": true,
+      "steps": [["press", "Escape"], ["wait", 150], ["dispatchClick", "#selfOrb"], ["wait", 500]],
+      "expect": { "dialog": true, "hidden": ["#cardArt"], "visible": ["#cardBuildersFig", "#cardShippedFig", "#cardFaces", "#cardOpen", "#cardHall"],
+                  "text": [["#cardRel", "yours"]], "href": [["#cardOpen", "/"]] } },
+    { "name": "the table: the hall glyph rides the door cell on the one member row whose hall is elsewhere, and on the platform's row", "continue": true,
+      "steps": [["press", "Escape"], ["wait", 150], ["click", "#projTrig"], ["wait", 120], ["click", "a[data-sub=\"table\"]"], ["wait", 300]],
+      "expect": { "dialog": false, "visible": ["#selfHall"], "count": [["#mapRows tr[data-generated] .rowHall", 1], ["#mapRows tr[data-generated] td", 18]],
+                  "href": [["#mapRows tr[data-generated] .rowHall", "https://builders.amazonprimea.com/"]] } },
+    { "name": "back to the sky for the rest of the sequence", "continue": true,
+      "steps": [["click", "#projTrig"], ["wait", 120], ["click", "a[data-sub=\"sky\"]"], ["wait", 300]],
+      "expect": { "hidden": ["#sub-table-body"] } },
     { "name": "a solo Shift tap focuses the search on the map", "continue": true,
       "steps": [["clickAt", 700, 600], ["press", "Shift"], ["wait", 100]],
       "expect": { "activeId": "mapQ" } },

package/public-landing/projects.states.json

@@ -1,5 +1,5 @@
 {
-  "_": "The hub's states for modules/ui-design/kit/render.js (task 1003320): name → url + actions + expectations. `auth` picks the signed-in stub. Rendered dark + light at 1440/390/320 and audited against the platform floors.",
+  "_": "The hub's states for modules/ui-design/kit/render.js (task 1003320): name → url + actions + expectations. `auth` picks the signed-in stub. Rendered dark + light at 1440/390/320 and audited against the platform floors. The card states (task 1003301) walk the poster's ladder: the full poster, the artless two-up band, the all-null floor, the platform's own card.",
   "page": "/projects",
   "surface": "public-landing",
   "modeQuery": "mode",
@@ -14,12 +14,15 @@
     "in-map-kbd": { "auth": true, "actions": [["focus", "#projTrig"], ["press", "Enter"], ["wait", 350], ["press", "ArrowDown"], ["wait", 120]], "expect": { "expanded": true, "activeText": "Table" } },
     "in-map-search": { "auth": true, "actions": [["clickIfVisible", "#qToggle"], ["wait", 200], ["fill", "#mapQ", "emer"], ["wait", 300]], "expect": { "value": [["#mapQ", "emer"]] } },
     "in-map-mine-on": { "auth": true, "actions": [["check", "#onlyMine"], ["wait", 300]], "expect": { "checked": "#onlyMine" } },
-    "in-table": { "auth": true, "actions": [["click", "#projTrig"], ["wait", 250], ["click", "a[data-sub=\"table\"]"], ["wait", 400]], "expect": { "visible": ["#sub-table-body", ".tblMast", ".mastObj"], "closed": "#menuProjects" } },
+    "in-table": { "auth": true, "actions": [["click", "#projTrig"], ["wait", 250], ["click", "a[data-sub=\"table\"]"], ["wait", 400]], "expect": { "visible": ["#sub-table-body", ".tblMast", ".mastObj", "#selfHall"], "closed": "#menuProjects", "count": [["#mapRows tr[data-generated] .rowHall", 1]] } },
     "in-mine": { "auth": true, "url": "/projects?view=mine", "expect": { "hidden": ["#qWrap"] } },
     "in-new": { "auth": true, "url": "/projects?view=new", "expect": { "hidden": ["#qWrap"] } },
     "out-new": { "auth": false, "url": "/projects?view=new", "expect": { "hidden": ["#qWrap"] } },
     "out-map-projects": { "auth": false, "actions": [["click", "#projTrig"], ["wait", 350]], "expect": { "expanded": true, "hidden": ["#menuProjects [data-nav=\"mine\"]"] } },
-    "card": { "auth": true, "actions": [["dispatchClick", "#orbField a.worldOrb:not(#selfOrb)"], ["wait", 600]], "expect": { "dialog": true } }
+    "card": { "auth": true, "actions": [["dispatchClick", "#orbField a.worldOrb[data-origin=\"https://amazonprimea.com\"]"], ["wait", 900]], "expect": { "dialog": true, "hasClass": [["#projCard", "has-art"]], "visible": ["#cardArt", "#cardFaces", "#cardBuildersFig", "#cardShippedFig", "#cardOpen", "#cardHall"], "text": [["#cardBuilders", "11"], ["#cardShipped", "0"], ["#cardRel", "you build here"], ["#cardRuns", "amazonprimea.com"], ["#cardFaces .facesMore", "+6"]], "count": [["#cardFaces img", 5]], "href": [["#cardHall", "https://builders.amazonprimea.com/"]] } },
+    "card-noart": { "auth": true, "actions": [["dispatchClick", "#orbField a.worldOrb[data-origin=\"https://emersonian-circles.cloudbongos.com\"]"], ["wait", 600]], "expect": { "dialog": true, "hasClass": [["#projCard", "has-art", false]], "hidden": ["#cardArt", "#cardFaces", "#cardHall"], "visible": ["#cardBuildersFig", "#cardShippedFig", "#cardOpen"], "text": [["#cardShipped", "30+"], ["#cardRel", "you build here"]] } },
+    "card-floor": { "auth": true, "actions": [["dispatchClick", "#orbField a.worldOrb[data-origin=\"https://demo.cloudbongos.com\"]"], ["wait", 600]], "expect": { "dialog": true, "hidden": ["#cardArt", "#cardFaces", "#cardFigs", "#cardHall", "#cardRel", "#cardTypeL", "#cardOwnerL"], "visible": ["#cardOpen", "#cardRuns", "#cardListed"] } },
+    "card-self": { "auth": true, "actions": [["dispatchClick", "#selfOrb"], ["wait", 600]], "expect": { "dialog": true, "hidden": ["#cardArt"], "visible": ["#cardBuildersFig", "#cardShippedFig", "#cardFaces", "#cardOpen", "#cardHall"], "text": [["#cardRel", "yours"]] } }
   },
   "reducedMotion": { "auth": true, "actions": [["click", "#projTrig"], ["wait", 100]] }
 }

package/src/module-api.js

@@ -1244,8 +1244,12 @@ const { validateOrRespond, LIMITS, parseId, asyncHandler, corsPublicGet, parsePa
 //         landed since 1.19.400 with no explicit bump. run 33205015717. (task 1002620)
 //   1.19.402 — CI auto-patch (publish-on-merge, ADR 0161): carrier for merges
 //         landed since 1.19.401 with no explicit bump. run 33206226800. (task 1002620)
+//   1.19.403 — CI auto-patch (publish-on-merge, ADR 0161): carrier for merges
+//         landed since 1.19.402 with no explicit bump. run 33208825538. (task 1002620)
+//   1.19.404 — CI auto-patch (publish-on-merge, ADR 0161): carrier for merges
+//         landed since 1.19.403 with no explicit bump. run 33211074633. (task 1002620)
 // ---------------------------------------------------------------------------
-const CORE_VERSION = '1.19.402'; // CI auto-patch carrier (ADR 0161); see changelog above
+const CORE_VERSION = '1.19.404'; // CI auto-patch carrier (ADR 0161); see changelog above
 
 // A namespaced logger so a module's log lines are attributable + consistent.
 // Usage: const log = api.logger('dev-box'); log.info('mounted');

package/tests/cosmos_token_contrast.mjs

@@ -176,6 +176,8 @@ const PAIRS = [
   // shipped a fired-down ember where #ffffff measured 4.61:1 — that is history now,
   // and any prose below still naming those values is history too.)
   ['.btn label on its fill',            'var(--accent-on)',     'var(--accent)',        4.5],
+  // the poster card's door lifts to --accent-lift on hover (task 1003301)
+  ['.cardOpen:hover label on its lift', 'var(--accent-on)',     'var(--accent-lift)',   4.5],
   ['.btn.ghost:hover label',            'var(--accent-deep)',   CARD,                   4.5],
   ['.btn.danger label',                 'var(--err)',           CARD,                   4.5],
   // Code chips, pills, the now-step number, the hover inks: --accent-deep is
@@ -205,8 +207,9 @@ const PAIRS = [
   ['.chip.live label',                  'var(--ok)',            'var(--ok-soft)',       4.5],
   ['.chip.maybe label',                 'var(--warn)',          'var(--warn-soft)',     4.5],
   ['.chip.down/.bad label',             'var(--err)',           'var(--err-soft)',      4.5],
-  // .chip.busy + the .tbl .pill / .cardRel / builder-badge family: accent-deep
-  // ink on the accent-soft tint, both modes
+  // .chip.busy + the builder-badge family: accent-deep ink on the accent-soft
+  // tint, both modes (.tbl .pill and .cardRel are mono labels in ink-faint since
+  // tasks 1003332 / 1003301 — a fact is not pressable, so the accent left them)
   ['.chip.busy label',                  'var(--accent-deep)',   'var(--accent-soft)',   4.5],
   // lifecycle strip STATE INDICATORS (task 1002751): non-text at the WCAG
   // 1.4.11 bar of 3.0. --sea-ink derives brighter in dark exactly the way

package/tests/landing_page.mjs

@@ -19,10 +19,13 @@
 //     is an accessibility constraint nobody sees fail; it holds through a
 //     cross-FILE dependency (world.css carries ONE universal switch rather than
 //     every page repeating it), which is the right shape but an invisible one;
-//   * the live-data contract — every figure and row on the page is baked real
-//     and then refreshed from five public feeds, with third-party strings in
-//     the payload; the no-JS state, the XSS discipline and the definitions of
-//     the figures are all invisible to a passing render.
+//   * the live-data contract — the ledger line, meter and rows are baked real
+//     and then refreshed from three public feeds, with third-party strings in
+//     the payload; the no-JS state, the XSS discipline and the definition of
+//     the ledger line are all invisible to a passing render;
+//   * the owner's review of the hero (task 1003333) — no figure or leader line
+//     on the landing, the doors below the blob's centre, the big plates on
+//     their own slow drifts: a regression here looks like a design choice.
 //
 // Deliberately NOT asserted here: that GET / returns the page (tests/platform_boot.mjs
 // owns that), and nothing about geometry or colour — the world's token layer is
@@ -61,9 +64,9 @@ test('the apex-only sentinels are balanced and each one wraps content', () => {
   const starts = HTML.match(/<!--apex-only:start-->/g) || [];
   const ends = HTML.match(/<!--apex-only:end-->/g) || [];
   assert.equal(starts.length, ends.length, 'every apex-only:start needs its end');
-  // four sections plus every baked apex FIGURE (task 1003298: the page bakes real
-  // numbers as its no-JS state, and a child must show an empty figure, not the
-  // platform's count, until its own feed answers)
+  // four sections plus the baked ledger line, meter and rows (task 1003298: the
+  // page bakes real numbers as its no-JS state, and a child must show an empty
+  // ledger, not the platform's, until its own feed answers)
   assert.ok(starts.length >= 4, 'the direction marks at least four apex-only regions');
   // no start after an unclosed start — a nested pair would make the non-greedy
   // strip close on the wrong sentinel and leak the platform's claims.
@@ -95,8 +98,8 @@ test('a child instance is served none of the platform-only claims', () => {
 test("a child instance is served none of the platform's NUMBERS either", () => {
   // The v3 composition puts real ledger values in the markup as the no-JS state.
   // A claim is obvious when it leaks; a number is not — a fresh child instance
-  // would silently advertise the hub's 2,107 shipped tasks and its V1 progress
-  // line until its own feeds answered. Both are apex-only for exactly that reason.
+  // would silently advertise the hub's V1 progress line and its six shipped
+  // rows until its own feed answered. Both are apex-only for exactly that reason.
   // the MARKUP only: the page script names every one of these hooks in a
   // querySelector, so scanning the whole file would match its own selectors.
   const child = stripApexOnly(HTML, false)
@@ -107,7 +110,6 @@ test("a child instance is served none of the platform's NUMBERS either", () => {
     'a thousands-separated figure survived the strip',
   );
   for (const [what, re, expected] of [
-    ['the three hero figures', /data-fig="[a-z]+"[^>]*>([\s\S]*?)<\/span>/g, 3],
     ['the ledger line', /data-ledger="line"[^>]*>([\s\S]*?)<\/p>/g, 1],
     ['the ledger meter', /data-ledger="meter"[^>]*>([\s\S]*?)<\/div>/g, 1],
   ]) {
@@ -134,7 +136,6 @@ test('a child instance keeps the whole portable spine', () => {
     'id="who"',                               // the identity slot
     'The six most recent, straight from the ledger.', // the ledger's own sub-line
     // the live hooks: a child's OWN feeds fill these, so the shells must survive
-    'data-fig="shipped"', 'data-fig="value"', 'data-fig="builders"',
     'data-ledger="line"', 'data-ledger="meter"', 'data-rows',
   ]) {
     assert.ok(child.includes(portable), `a child instance lost "${portable}"`);
@@ -314,8 +315,9 @@ test('nothing on the page marks an animation !important and escapes that switch'
 
 test('the signature animations are plain declarations, so the switch reaches them', () => {
   for (const name of [
-    'breathe', 'sheen', 'orbit',                                  // the breath
-    'arrive-form', 'arrive-orb', 'arrive-bead', 'arrive-mark',    // the authored moment
+    'breathe', 'sheen',                                // the breath
+    'drift-form', 'drift-orb',                         // the drift (task 1003333)
+    'arrive-form', 'arrive-orb', 'arrive-mark',        // the authored moment
   ]) {
     assert.match(PAGE_CSS, new RegExp(`@keyframes\\s+${name}\\s*\\{`), `@keyframes ${name} is gone`);
     assert.match(PAGE_CSS, new RegExp(`animation:[^;}]*\\b${name}\\b`), `nothing runs ${name}`);
@@ -334,22 +336,83 @@ test('the breath stays slow and the arrival stays brief', () => {
   };
   assert.ok(period('breathe', 's') >= 30, 'the blob breathes at 32s; under 30s it reads as a pulse');
   assert.ok(period('sheen', 's') >= 30, 'the hue drift is 40s; under 30s the iridescence shimmers');
-  assert.ok(period('orbit', 's') >= 60, 'the bead walks its circle in 60s');
-  for (const arrive of ['arrive-form', 'arrive-orb', 'arrive-bead', 'arrive-mark']) {
+  // the lava lamp (task 1003333): two long loops, and two DIFFERENT ones, so the
+  // plates never phase-lock into one animation
+  const form = period('drift-form', 's');
+  const orb = period('drift-orb', 's');
+  assert.ok(form >= 30, 'the sweeping form drifts over 74s; under 30s it paddles');
+  assert.ok(orb >= 30, 'the blob drifts over 58s; under 30s it paddles');
+  assert.notEqual(form, orb, 'equal periods would make the two plates read as one animation');
+  for (const arrive of ['arrive-form', 'arrive-orb', 'arrive-mark']) {
     assert.ok(period(arrive, 'ms') <= 800, `${arrive} holds the first paint too long`);
   }
 });
 
+// ── the owner's review of the hero (task 1003333) ──────────────────────────
+// Three corrections that a passing render cannot distinguish from taste: the
+// figures with their leader lines were "random lines" on the landing (they live
+// on the /projects poster card now), the doors sat too high and central, and
+// the small bead's orbit was not the motion asked for — the big plates drift.
+
+test('no figure, leader line or bead renders on the landing hero at any width (task 1003333)', () => {
+  const body = HTML.split('<body>')[1].split('<script>')[0];
+  assert.doesNotMatch(body, /class="callout|class="leader|data-fig=|callouts-row/, 'a hero callout came back');
+  assert.doesNotMatch(body, /class="plate bead"/, 'the orbiting bead came back');
+  // the narrow breakpoint has no three-up row to fall back to either
+  assert.doesNotMatch(PAGE_CSS, /\.callout|\.callouts-row|\.leader\b|\.fig\b|\.cap\b|\.bead\b/, 'callout or bead CSS survived');
+  assert.doesNotMatch(PAGE_CSS, /--c[123]-[xy]|--leader-len|--orbit-r|--bead-(w|cx|cy)/, 'a callout or bead token survived');
+  assert.doesNotMatch(PAGE_CSS, /@keyframes\s+(orbit|arrive-bead)\b/, 'the orbit keyframes survived');
+  // and the script no longer reads the two feeds that fed only those figures
+  assert.doesNotMatch(CODE, /setFig|data-fig|\/public\/cost-summary|\/public\/leaderboard/);
+});
+
+test('the doors hang below the blob\'s centre in both modes (task 1003333)', () => {
+  // the door pair is a stage token; the blob's centre is --orb-y + half its height. In dark the
+  // blob spans stage 24% to ~100% (centre ~62%); in light 32% to ~99% (centre ~66%). The doors
+  // used to sit at 53% / 60% — above centre and "too high and central" to the owner.
+  const cy = (block) => {
+    const m = block.match(/--doors-cy:calc\(var\(--vh\) \* (\d+)\)/);
+    assert.ok(m, 'the doors\' vertical token is no longer a stage percentage — update this test');
+    return Number(m[1]);
+  };
+  const light = PAGE_CSS.match(/\nbody\{([\s\S]*?)\n\}/);
+  // the wide blocks carry the stage percentage; the under-900 twins zero the token
+  const dark = [...PAGE_CSS.matchAll(/:root(?:\[data-mode="dark"\]|:not\(\[data-mode="light"\]\)) body\{([\s\S]*?)\n\s*\}/g)]
+    .filter((m) => /--doors-cy:calc\(/.test(m[1]));
+  assert.ok(light, 'the light token block is findable');
+  assert.equal(dark.length, 2, 'the dark token block and its prefers-color-scheme twin');
+  assert.ok(cy(light[1]) >= 70, 'light: the doors sit in the blob\'s lower half');
+  for (const d of dark) assert.ok(cy(d[1]) >= 68, 'dark: the doors sit in the blob\'s lower half');
+  assert.equal(cy(dark[0][1]), cy(dark[1][1]), 'the dark twins agree');
+});
+
+test('the big plates drift on transform alone, and the still object never does (task 1003333)', () => {
+  // transform is the one property the arrival (translate), the breath (scale) and the sheen
+  // (filter) do not use, so the drift composes with them instead of overriding one
+  for (const name of ['drift-form', 'drift-orb']) {
+    const kf = PAGE_CSS.match(new RegExp(`@keyframes\\s+${name}\\s*\\{([\\s\\S]*?)\\}\\s*\\}`));
+    assert.ok(kf, `@keyframes ${name} is gone`);
+    assert.doesNotMatch(kf[1], /translate:|scale:|filter:|opacity:|left:|top:/, `${name} must ride the transform property only`);
+    assert.match(kf[1], /0%\{transform:translate\(0,0\) rotate\(0deg\)\}/, `${name}'s rest frame is the graded composition`);
+    assert.match(kf[1], /100%\{transform:translate\(0,0\) rotate\(0deg\)/, `${name} must close its loop where it opened`);
+  }
+  const form = PAGE_CSS.match(/\n\.form\{[^}]*\}/);
+  const orb = PAGE_CSS.match(/\n\.orb\{[^}]*\}/);
+  const mark = PAGE_CSS.match(/\n\.mark\{[^}]*\}/);
+  assert.match(form[0], /animation:[^}]*\bdrift-form\b/, 'the sweeping form drifts');
+  assert.match(orb[0], /animation:[^}]*\bdrift-orb\b/, 'the big blob drifts');
+  assert.doesNotMatch(mark[0], /drift/, 'the bongo pair is the still object the moving ground is read against');
+  assert.doesNotMatch(PAGE_CSS, /\.doors\{[^}]*animation/, 'the doors never move with a plate');
+});
+
 // ── the live-data contract ─────────────────────────────────────────────────
 // Five public feeds fill the page after it has already rendered a real, baked
 // state. Everything here is invisible to a passing render: a feed renamed, an
 // innerHTML crept in with third-party titles in it, a figure quietly redefined.
 
-test('the script reads the five public feeds the head comment documents', () => {
+test('the script reads the three public feeds the head comment documents', () => {
   for (const feed of [
-    '/public/progress',                 // the shipped figure + the ledger line
-    '/public/cost-summary',             // the value figure
-    '/public/leaderboard',              // the builders figure
+    '/public/progress',                 // the ledger line + meter
     '/public/recent-shipped?limit=6',   // the ledger rows
     '/projects/featured',               // living proof
   ]) {
@@ -381,17 +444,12 @@ test('a live task title is normalised to the front door\'s own punctuation', ()
   assert.ok(has('/,\\s*,/g'), 'the comma a dash leaves beside one collapses');
 });
 
-test('each figure is defined the way the head comment says it is', () => {
+test('the ledger line is defined the way the head comment says it is', () => {
   // A figure whose definition drifts still renders a plausible number, so the
-  // page would lie without ever looking wrong. These are the three definitions.
-  assert.match(CODE, /total \+= Number\(r\.shipped_count\)/, 'shipped = the SUM over every progress row');
-  assert.match(CODE, /setFig\('shipped'/);
-  assert.match(CODE, /data\.total_value_credits/, 'value = total_value_credits from the cost summary');
-  assert.match(CODE, /setFig\('value'/);
-  assert.match(CODE, /Number\(r\.total_credits\) > 0/, 'builders = leaderboard entries HOLDING credits');
-  assert.match(CODE, /setFig\('builders'/);
-  // the ledger line + meter come off the first `building` row
+  // page would lie without ever looking wrong. The ledger line + meter come off
+  // the first `building` row (else the first row).
   assert.match(CODE, /r\.status === 'building'/);
+  assert.match(CODE, /if \(!live\) live = rows\[0\];/);
   assert.match(CODE, /' shipped on '/);
   // numbers are grouped, so the live value matches the baked one's shape
   assert.match(CODE, /toLocaleString\('en-US'\)/);