@bongos/core 1.19.402 → 1.19.403

package/tests/projects_hub.mjs

@@ -483,13 +483,109 @@ test('the card claims only what the catalog and the project itself answer (C6)',
   for (const invented of [/\blive\b/i, /uptime/i, /\bCreated\b/]) {
     assert.doesNotMatch(card, invented, `the card must not invent ${invented}`);
   }
-  for (const id of ['cardBuilders', 'cardRuns', 'cardOwner', 'cardListed']) {
-    assert.match(card, new RegExp(`id="${id}"`), `the ${id} fact must be real markup (C7)`);
+  for (const id of ['cardBuilders', 'cardShipped', 'cardRuns', 'cardOwner', 'cardListed', 'cardArt', 'cardFaces', 'cardFigs']) {
+    assert.match(card, new RegExp(`id="${id}"`), `the ${id} region must be real markup (C7)`);
   }
   assert.match(card, />Listed</, 'the catalogue date wears its honest label');
   assert.doesNotMatch(card, /—/, 'an unanswerable card fact hides; it never dashes');
 });
 
+/* ── The poster (task 1003301; the v2 pick, direction §7) ───────────────────
+   Art, faces, two figures on the art, the facts as a ledger, one accent door
+   and a member-only hall entry. The load-bearing rule is the DEGRADATION
+   LADDER: every region hides on null, down to the card that shipped before. ── */
+
+test('every card region is a direct child of the card — the banner a bare img, the faces and figures paragraphs', () => {
+  const card = (HUB.match(/<div class="projCard"[\s\S]*?<div class="cardActions" id="cardActions"><\/div>/) || [''])[0];
+  assert.ok(card, 'the card must be findable');
+  assert.equal((card.match(/<div\b/g) || []).length, 2, 'the card and its actions strip are the only divs — a nested wrapper shortens the C6 slice');
+  assert.match(card, /<img class="cardArt" id="cardArt" alt="" hidden>/, 'the banner is a bare img, hidden until art arrives');
+  assert.match(card, /<p class="cardFigs" id="cardFigs" hidden>/, 'the figures ride a paragraph');
+  assert.match(card, /<p class="cardFaces" id="cardFaces" hidden>/, 'the faces ride a paragraph');
+  assert.match(card, /<span class="cardCall a" id="cardBuildersFig" hidden>[\s\S]*?<span class="fig" id="cardBuilders"><\/span><span class="cap">builders<\/span>/);
+  assert.match(card, /<span class="cardCall b" id="cardShippedFig" hidden>[\s\S]*?<span class="fig" id="cardShipped"><\/span><span class="cap">shipped in 30 days<\/span>/);
+  assert.equal((card.match(/<svg class="lead"/g) || []).length, 2, 'each callout carries its own leader');
+  assert.doesNotMatch(card, /id="cardBuildersL"/, 'Builders left the facts list for the figure band');
+});
+
+test('the ladder: each region hides on null and the other figure stands alone', () => {
+  const fig = (SCRIPT.match(/function cardFig\(id, value\)\s*\{([\s\S]*?)\n  \}/) || [, ''])[1];
+  assert.ok(fig, 'cardFig() must exist');
+  assert.match(fig, /\$\(id \+ 'Fig'\)\.hidden = !value/, 'a null figure hides its whole callout, leader and caption with it');
+  assert.match(SCRIPT, /\$\('cardFigs'\)\.hidden = !figs;/, 'both null hides the band');
+  const sf = (SCRIPT.match(/function shippedFigure\(p\)\s*\{([\s\S]*?)\n  \}/) || [, ''])[1];
+  assert.match(sf, /p\.shipped_30d == null\) return ''/, 'null shipped hides; 0 renders');
+  assert.match(sf, /p\.shipped_30d_capped \? '\+' : ''/, 'at the feed cap the figure reads N+');
+  const faces = (SCRIPT.match(/function cardFaces\(p\)\s*\{([\s\S]*?)\n  \}/) || [, ''])[1];
+  assert.ok(faces, 'cardFaces() must exist');
+  assert.match(faces, /\$\('cardFaces'\)\.hidden = !faces\.length/, 'no faces, no row — absent, not empty-looking');
+  assert.match(faces, /p\.faces\.map\(safeHttpUrl\)\.filter\(Boolean\)\.slice\(0, FACES_MAX\)/, 'five scheme-checked faces at most');
+  assert.match(faces, /p\.builders - faces\.length/, 'the +N counts the builders beyond the faces shown');
+  assert.match(SCRIPT, /var FACES_MAX = 5;/);
+  const art = (SCRIPT.match(/function cardArt\(url\)\s*\{([\s\S]*?)\n  \}/) || [, ''])[1];
+  assert.ok(art, 'cardArt() must exist');
+  assert.match(art, /classList\.toggle\('has-art', !!url\)/, 'art switches the whole layout');
+  assert.match(SCRIPT, /\$\('cardArt'\)\.addEventListener\('error', function \(\) \{ cardArt\(''\); \}\);/,
+    'a broken image demotes to the no-art layout, never a broken glyph');
+  assert.match(SCRIPT, /cardArt\(p\.isSelf \? '' : safeHttpUrl\(p\.art_url\)\)/, 'the art URL is scheme-checked client-side too');
+});
+
+test('exactly one hall-URL derivation: the DOM for the hub, the feed for a project, safeHttpUrl for both, and only where the hall is elsewhere', () => {
+  assert.equal((SCRIPT.match(/function hallUrlOf\(/g) || []).length, 1);
+  const fn = (SCRIPT.match(/function hallUrlOf\(p\)\s*\{([\s\S]*?)\n  \}/) || [, ''])[1];
+  assert.ok(fn, 'hallUrlOf() must exist');
+  assert.match(fn, /var a = \$\('selfHall'\);/, 'the hub\'s own hall is read from the stamped DOM anchor, never assembled in script');
+  assert.match(fn, /safeHttpUrl\(a\.getAttribute\('href'\)\)/);
+  assert.match(fn, /safeHttpUrl\(p\.hall_origin\)/, 'a project\'s hall is the feed field, scheme-checked');
+  assert.match(fn, /hostOf\(hall\) !== hostOf\(site\)/, 'address-gated: no door onto the room you are in');
+  assert.doesNotMatch(SCRIPT, /'[^'\n]*\{\{buildersOrigin\}\}/, 'no brand token is ever emitted into a script string');
+  assert.equal((SCRIPT.match(/isMember\(rel\) \? hallUrlOf\(p\) : ''/g) || []).length, 2, 'member-gated on the card AND on the row, one rule');
+  assert.match(SCRIPT, /'<a class="cardHall" id="cardHall" href="' \+ esc\(hall\)/, 'the card\'s hall door is escaped');
+  assert.match(SCRIPT, /'<a class="rowHall" href="' \+ esc\(hall\) \+ '" target="_blank" rel="noopener"/, 'the row\'s hall glyph is escaped and opens a new tab');
+  assert.match(SCRIPT, /: ''\) \+ hallGlyphHtml\(p, rel\) \+ '<\/td>'/, 'the glyph rides the existing door cell — no seventh column');
+});
+
+test('the platform row carries a stamped, hidden hall glyph the session unhides — same tab, no target', () => {
+  const selfRow = (HUB.match(/<tr id="selfRow">([\s\S]*?)<\/tr>/) || [, ''])[1];
+  assert.match(selfRow, /<a class="rowHall" id="selfHall" href="\{\{buildersOrigin\}\}"[^>]*hidden>/, 'server-stamped and hidden until the session says member');
+  assert.match(SCRIPT, /if \(sh\) sh\.hidden = !badge \|\| !hallUrlOf\(SELF_PROJECT\);/, 'member-gated and address-gated, and null-safe: the stamp drops the anchor whole when a pack names no hall');
+  assert.match(SCRIPT, /if \(p\.isSelf\) \{\r?\n\s*var a = \$\('selfHall'\);/);
+});
+
+test('the card\'s doors: one accent door, the hall entry beside it as text, the platform\'s door same-tab', () => {
+  assert.match(SCRIPT, /'<a class="cardOpen" id="cardOpen" href="' \+ esc\(href\) \+ '"' \+\r?\n\s*\(p\.isSelf \? '' : ' target="_blank" rel="noopener"'\)/);
+  assert.match(SCRIPT, /\(p\.isSelf \? 'Home →' : 'Open site →'\)/);
+  assert.match(SCRIPT, /HALL_GLYPH \+ 'Builders\\' hall<\/a>'/, 'the hall entry carries the glyph and its name');
+  assert.match(COSMOS, /\.projCard \.cardOpen\{[^}]*background:var\(--accent\);color:var\(--accent-on\)/, 'the one accent door');
+  assert.match(COSMOS, /\.projCard \.cardHall\{[^}]*color:var\(--accent-deep\)[^}]*text-decoration:underline/, 'the hall entry is the footer-link grammar');
+});
+
+test('the platform answers its own figures by the same rule: faces from its leaderboard, shipped from its own feed', () => {
+  assert.match(SCRIPT, /SELF_PROJECT\.faces = real\.map\(function \(b\) \{ return safeHttpUrl\(b\.avatar_url\); \}\)\.filter\(Boolean\)\.slice\(0, FACES_MAX\);/);
+  const fn = (SCRIPT.match(/function loadSelfShipped\(\)\s*\{([\s\S]*?)\n  \}/) || [, ''])[1];
+  assert.ok(fn, 'loadSelfShipped() must exist');
+  assert.match(fn, /\/public\/recent-shipped\?days=30/, 'the window is asked for explicitly');
+  assert.match(fn, /Date\.parse\(t && t\.shipped_at\) >= since/, 'counted from shipped_at, inside the window');
+  assert.match(fn, /d\.tasks\.length >= 200 && n === d\.tasks\.length/, 'N+ at the feed\'s row cap');
+  assert.match(SCRIPT, /\.then\(loadSelfStats, loadSelfStats\)\r?\n\s*\.then\(loadSelfShipped, loadSelfShipped\);/, 'runs once at boot beside the leaderboard read');
+});
+
+test('the poster is in the world: 560 wide, one hairline, no shadow, the disc surviving over the art, the facts a ledger', () => {
+  const block = (COSMOS.match(/\.projCard\{[^}]*\}/) || [''])[0];
+  assert.match(block, /width:min\(560px,100%\)/);
+  assert.match(block, /border:1px solid var\(--rule\)/);
+  assert.match(block, /box-shadow:none/);
+  assert.match(block, /container-type:inline-size/, 'the disc and the callouts measure the card, not the viewport');
+  assert.match(COSMOS, /\.projCard \.cardArt\{[^}]*aspect-ratio:5\/2;object-fit:cover/, 'a fixed 5:2 crop');
+  assert.match(COSMOS, /\.projCard\.has-art \.cardDot\{[^}]*top:calc\(100cqw \/ 2\.5 - 27px\)[^}]*border:4px solid var\(--bg-card\)/, 'half over the banner\'s edge, ringed in the card ground');
+  assert.match(COSMOS, /\.projCard\.has-art \.cardCall::before\{[^}]*mask-image/, 'each callout carries a feathered patch of the card ground — a mask, not a shadow');
+  assert.match(COSMOS, /\.projCard \.cardMeta dt\{[^}]*font-family:var\(--label-face\)[^}]*border-top:1px solid var\(--rule-soft\)/, 'mono label on a hairline');
+  assert.match(COSMOS, /\.projCard \.cardMeta dd\{[^}]*text-align:right[^}]*border-top:1px solid var\(--rule-soft\)/, 'the value right and on the same hairline');
+  assert.match(COSMOS, /\.projCard \.cardRel\{[^}]*font-family:var\(--label-face\)/, 'the relationship is a mono label, not an accent pill');
+  assert.doesNotMatch(COSMOS, /\.projCard \.cardMeta \.tags/, 'the card no longer renders the module list');
+  assert.match(COSMOS, /\.rowHall\{[^}]*width:28px;height:28px/, 'the row glyph clears the 24px floor');
+});
+
 test('the row keeps its own Open link working underneath the card', () => {
   assert.match(SCRIPT, /if \(ev\.target\.closest && ev\.target\.closest\('a'\)\) return;/,
     'a click on the row\'s own anchor must not be swallowed by the card handler');
@@ -592,10 +688,15 @@ test('each card fact is wired to its data, not just present in the markup', () =
   assert.match(SCRIPT, /function cardFact/, 'the card fact writer must exist');
   assert.match(SCRIPT, /dd\.hidden = \$\(id \+ 'L'\)\.hidden = !value/,
     'a fact with no answer hides label and value together — never a dash');
-  assert.match(SCRIPT, /cardFact\('cardBuilders', p\.builders == null \? '' : String\(p\.builders\)\)/,
+  // since task 1003301 Builders is a FIGURE (a callout on the art), not a fact,
+  // and Runs on the poster is the project's ADDRESS — the table keeps the module list
+  assert.match(SCRIPT, /cardFig\('cardBuilders', p\.builders == null \? '' : String\(p\.builders\)\)/,
     'builders: 0 is a real answer, null hides');
-  assert.match(SCRIPT, /cardFact\('cardRuns', Array\.isArray\(p\.tags\) \? tagsHtml\(p\.tags\) : ''/,
-    'runs go through the one shared formatter');
+  assert.match(SCRIPT, /cardFig\('cardShipped', shippedFigure\(p\)\)/, 'the second figure is the 30-day count');
+  assert.match(SCRIPT, /cardFact\('cardRuns', runsOf\(p\)\)/, 'runs is the address on the poster');
+  const runs = (SCRIPT.match(/function runsOf\(p\)\s*\{([\s\S]*?)\n  \}/) || [, ''])[1];
+  assert.match(runs, /hostOf\(p\.origin\)/, 'the address is the catalog origin\'s host');
+  assert.match(SCRIPT, /'<td class="colTags">' \+ tagsHtml\(p\.tags\)/, 'the table row keeps the module list');
   assert.match(SCRIPT, /cardFact\('cardOwner', rel === 'owner' \? '' : ownerHtml\(p\), true\)/,
     'owner comes from the enrichment and yields to the rel chip saying "yours"');
   const oh = (SCRIPT.match(/function ownerHtml\(p\)\s*\{([\s\S]*?)\n  \}/) || [, ''])[1];