@bongos/core 1.24.48 → 1.24.49

package/tests/loading_mark.mjs

@@ -38,7 +38,8 @@ const SURFACES = {
   status: { css: STATUS_CSS, loader: section(STATUS_CSS, '/* ---------- The loader (task 1005053') },
 };
 const flat = (s) => s.replace(/\/\*[\s\S]*?\*\//g, '').replace(/\s+/g, ' ');
-const masksOf = (css) => [...css.matchAll(/url\("data:image\/svg\+xml,([^"]+)"\)/g)].map((m) => decodeURIComponent(m[1]));
+// The masks are the brand folder's one-ink shapes (task 1005088), named by file.
+const masksOf = (css) => [...css.matchAll(/url\("\/modules\/ui-design\/public\/brand\/(mark-[a-z]+\.svg)"\)/g)].map((m) => m[1]);
 function keyframes(css, name) {
   const m = css.match(new RegExp(`@keyframes ${name} ?\\{`));
   assert.ok(m, `@keyframes ${name} exists`);
@@ -48,16 +49,11 @@ function keyframes(css, name) {
 }
 
 test('the apex loader is the bar\'s own Bongos mark, and the status loader is the same mark', () => {
-  // The apex bar draws the mark inline (account.html's .bongosMark); the loader's
-  // two masks carry exactly its arc, core and dot, so the loader IS the logo.
+  // The apex bar and the loader are cut from the one mark (task 1005088): the bar references
+  // mark.svg, and the loader's two masks are its ring-and-core and its dot, so the loader IS the logo.
   const bar = read(LANDING, 'account.html');
-  const arc = bar.match(/<path class="mr" d="([^"]+)"/)[1];
-  assert.match(bar, /<circle class="mp" cx="100" cy="100" r="55"/);
-  assert.match(bar, /<circle cx="156" cy="46" r="12" style="fill:var\(--accent\)"\/>/);
-  const [ring, dot] = masksOf(SURFACES.apex.loader);
-  assert.ok(ring.includes(`d='${arc}'`), 'the ring is the bar mark\'s arc');
-  assert.ok(ring.includes("<circle cx='100' cy='100' r='55'/>"), 'the core is the bar mark\'s core');
-  assert.ok(dot.includes("<circle cx='156' cy='46' r='12'/>"), 'the dot is the bar mark\'s dot');
+  assert.match(bar, /<svg class="bongosMark"[^>]*><use href="\/modules\/ui-design\/public\/brand\/mark\.svg#mark"\/><\/svg>/);
+  assert.deepEqual(masksOf(SURFACES.apex.loader), ['mark-body.svg', 'mark-dot.svg']);
   // The status page has no Bongos mark of its own: its loader carries the apex's two
   // masks byte for byte, so the two surfaces cannot drift into two logos.
   assert.deepEqual(masksOf(SURFACES.status.loader), masksOf(SURFACES.apex.loader));
@@ -91,9 +87,7 @@ for (const [name, { css, loader }] of Object.entries(SURFACES)) {
     for (const p of paints) assert.match(p, /^(var\(--[a-z-]+\)|color-mix\(in srgb, ?var\(--ink\) 30%, ?var\(--bg-card\)\))$/, `${p} is a token or a mix of one`);
     // The one accent is the dot: the live thing on a waiting page (the One Warm Thing Rule).
     assert.equal((css.match(/var\(--accent\)/g) || []).length, 1, 'the accent paints the dot alone');
-    const masks = masksOf(loader);
-    assert.equal(masks.length, 2, 'two masks: the ring and core, and the dot');
-    for (const m of masks) assert.doesNotMatch(m.replace(/stroke='black'|fill='none'/g, ''), /fill='|stroke='|#/, 'a mask carries no colour of its own');
+    assert.deepEqual(masksOf(loader), ['mark-body.svg', 'mark-dot.svg'], 'two masks: the ring and core, and the dot');
   });
 
   test(`${name}: the dot shares the ring's grid cell, so no page padding can knock it off`, () => {

package/tests/nav_permission_atoms.mjs

@@ -101,7 +101,8 @@ test('the hall-preview fixture carries every atom /me resolves', () => {
 // task 1005050: Accomplishments left it (folded into Profile; its hashes redirect);
 // task 1005051: Roadmap left it (folded into Goals; /roadmap redirects).
 // task 1005070: the remembered nav (the rail paints before /me).
-const SHELL_SHA = 'dbbe6f2eb49a65c3';
+// task 1005088: the sidebar mark is drawn by reference to the one brand mark.
+const SHELL_SHA = '2845bfedfaf7846f';
 
 test('shell.js has not changed without its cache-bust being bumped', () => {
   const actual = crypto.createHash('sha256').update(SHELL).digest('hex').slice(0, 16);

package/tests/raise.mjs

@@ -157,7 +157,9 @@ test('a stranger gets the gate, never the copy', async () => {
   assert.doesNotMatch(html, /gamification of capitalism/);
   assert.equal(r.headers.get('x-robots-tag'), 'noindex, nofollow, noarchive');
   assert.equal((await get('/raise/media/x.mp4')).status, 401);
-  assert.equal((await get('/raise/assets/logo-ink.svg')).status, 200, 'the gate needs its logo');
+  // the gate's logo is the shared one (task 1005088), served on every host, never a raise copy
+  assert.match(html, /src="\/modules\/ui-design\/public\/brand\/mark-light\.svg"/, 'the gate needs its logo');
+  assert.equal((await get('/raise/assets/logo-ink.svg')).status, 404, 'the old pasted copy is gone');
   assert.match(await (await get('/raise/nda')).text(), /CONFIDENTIALITY|Confidential/i);
 });
 

package/tests/welcome_boot.mjs

@@ -79,8 +79,11 @@ test('the banner is the logo, named from the branding pack, never a hardcoded wo
   assert.equal(W.bannerText, undefined, 'the "Working on the core of" banner is gone');
   const harbor = W.logoHtml({ identity: { worldName: 'Harbor', productName: 'Cloud Bongos' } });
   assert.match(harbor, /<svg class="wb__mark"/, 'no project logo: the Bongos mark');
-  assert.match(harbor, /class="wb__ring"[^>]*pathLength="100"/, 'the ring can draw in');
-  assert.match(harbor, /class="wb__moonlet"[^>]*fill="#fb9569"/, 'the salmon moon');
+  // the parts come from the one mark (task 1005088), whose ring carries pathLength="100"
+  assert.match(harbor, /<use class="wb__ring" href="\/modules\/ui-design\/public\/brand\/mark\.svg#mark-ring"\/>/, 'the ring can draw in');
+  assert.match(harbor, /<use class="wb__planet" href="[^"]*#mark-disc"\/>/, 'the planet');
+  assert.match(harbor, /<use class="wb__moonlet" href="[^"]*#mark-dot"\/>/, 'the moon');
+  assert.match(fs.readFileSync(path.join(ROOT, 'modules', 'ui-design', 'public', 'brand', 'mark.svg'), 'utf8'), /id="mark-ring"[^>]*pathLength="100"/);
   assert.match(harbor, /<span class="wb__name">Harbor<\/span>/);
   assert.match(W.logoHtml(undefined), /<span class="wb__name">this project<\/span>/, 'no branding: still a name');
   const own = W.logoHtml({ identity: { worldName: 'Harbor' }, theme: { logo: '/logo.png?a="b"' } });

package/modules/raise/public/favicon.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><style>.p{fill:#17181a}.r{stroke:#17181a}@media (prefers-color-scheme:dark){.p{fill:#e2e1e4}.r{stroke:#e2e1e4}}</style><path class="r" d="M137 31 A78 78 0 1 0 170 66" fill="none" stroke-width="24" stroke-linecap="round"/><circle class="p" cx="100" cy="100" r="50"/><circle cx="156" cy="46" r="18" fill="#fb9569"/></svg>

package/modules/raise/public/logo-ink.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" role="img" aria-label="Cloud Bongos"><path d="M137 31 A78 78 0 1 0 170 66" fill="none" stroke="#17181a" stroke-width="15" stroke-linecap="round"/><circle cx="100" cy="100" r="55" fill="#17181a"/><circle cx="156" cy="46" r="12" fill="#fb9569"/></svg>

package/modules/raise/public/logo-night.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" role="img" aria-label="Cloud Bongos"><path d="M137 31 A78 78 0 1 0 170 66" fill="none" stroke="#e2e1e4" stroke-width="15" stroke-linecap="round"/><circle cx="100" cy="100" r="55" fill="#e2e1e4"/><circle cx="156" cy="46" r="12" fill="#fb9569"/></svg>