@jrpool/kilotest 60.1.5 → 60.1.7

package/lhm.plugin.json

@@ -4423,5 +4423,5 @@
       }
     }
   ],
-  "version": "60.1.5"
+  "version": "60.1.7"
 }

package/openapi-3.0.yaml

@@ -2,7 +2,7 @@ openapi: 3.0.3
 info:
   title: Kilotest API
   description: 'Kilotest is an ensemble testing and reporting service for front-end web quality. It uses an ensemble of 12 rule engines to test web pages for front-end quality (accessibility, usability, and web standards, including HTML, CSS, ARIA, and WCAG). Kilotest acts as a web server for human users, an MCP server for AI platforms, and an API for programmatic access. With this API you can request that a page be tested or retested, discover available reports, incrementally retrieve facts from a report: from what reports are available, to what issues were reported in one report, to what elements violated one issue, to what diagnoses rule engines gave for one violation.'
-  version: 60.1.5
+  version: 60.1.7
   license:
     name: MIT
     url: https://github.com/jrpool/kilotest/blob/main/LICENSE

package/openapi.yaml

@@ -2,7 +2,7 @@ openapi: 3.1.0
 info:
   title: Kilotest API
   description: 'Kilotest is an ensemble testing and reporting service for front-end web quality. It uses an ensemble of 12 rule engines to test web pages for front-end quality (accessibility, usability, and web standards, including HTML, CSS, ARIA, and WCAG). Kilotest acts as a web server for human users, an MCP server for AI platforms, and an API for programmatic access. With this API you can request that a page be tested or retested, discover available reports, incrementally retrieve facts from a report: from what reports are available, to what issues were reported in one report, to what elements violated one issue, to what diagnoses rule engines gave for one violation.'
-  version: 60.1.5
+  version: 60.1.7
   license:
     name: MIT
     identifier: MIT

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jrpool/kilotest",
-  "version": "60.1.5",
+  "version": "60.1.7",
   "description": "Ensemble testing for front-end web quality",
   "type": "module",
   "main": "index.ts",

package/server.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/jrpool/kilotest",
     "source": "github"
   },
-  "version": "60.1.5",
+  "version": "60.1.7",
   "remotes": [
     {
       "type": "streamable-http",

package/style.css

@@ -257,12 +257,11 @@ body.styled header {
 body.styled .header-inner {
   max-width: 64rem;
   margin-inline: auto;
-  padding: 1.1rem 1.5rem;
-  display: flex;
-  align-items: baseline;
-  gap: 0.75rem;
+  padding: 0.75rem 1.5rem;
 }
 body.styled .brand {
+  display: block;
+  padding-block: 0.4rem;
   font-weight: 800;
   font-size: 1.25rem;
   letter-spacing: -0.02em;
@@ -282,6 +281,7 @@ body.styled .brand svg {
   vertical-align: -0.2em;
 }
 body.styled .brand-tag {
+  margin: 0;
   font-size: 0.85rem;
   color: var(--muted);
 }
@@ -429,7 +429,7 @@ body.styled .page ol, body.styled .page ul {
   margin: 0.5rem 0 1rem;
 }
 body.styled ul.links {
-  column-width: 20rem;
+  columns: 16rem 3;
   column-gap: 2.5rem;
 }
 body.styled ul.links li {

package/util.ts

@@ -376,14 +376,23 @@ export const getPlainText = (string: string): string => string
 .replace(/&/g, '+')
 .replace(/[<>"']/g, ' ');
 // Markup shared by populated templates, lazily read once from files.
-let sharedContent: {head: string, logo: string} | undefined;
+let sharedContent: {head: string, header: string, headerNL: string, logo: string} | undefined;
 // Returns the markup shared by populated templates.
-const getSharedContent = async (): Promise<{head: string, logo: string}> => {
+const getSharedContent = async (): Promise<{head: string, header: string, headerNL: string, logo: string}> => {
   // Trailing newlines are stripped so injection does not add blank lines.
-  sharedContent ??= {
-    head: (await fs.readFile(path.join(import.meta.dirname, 'web', 'head.partial'), 'utf8')).trimEnd(),
-    logo: (await fs.readFile(path.join(import.meta.dirname, 'logo.svg'), 'utf8')).trimEnd()
-  };
+  if (!sharedContent) {
+    const webDir = path.join(import.meta.dirname, 'web');
+    const logo = (await fs.readFile(path.join(import.meta.dirname, 'logo.svg'), 'utf8')).trimEnd();
+    const header = (await fs.readFile(path.join(webDir, 'header.partial'), 'utf8')).trimEnd()
+    .replace(/__logo__/g, () => logo);
+    sharedContent = {
+      head: (await fs.readFile(path.join(webDir, 'head.partial'), 'utf8')).trimEnd(),
+      header,
+      // The home page gets the same header with its brand as text, not a link to itself.
+      headerNL: header.replace('<a class="brand" href="/">', '<span class="brand">').replace('</a>', '</span>'),
+      logo
+    };
+  }
   return sharedContent;
 };
 // Populates an HTML template file with named values.
@@ -394,6 +403,8 @@ export const populateFile = async (filePath: string, query: Record<string, strin
   const shared = await getSharedContent();
   answerPage = answerPage
   .replace(/__head__/g, () => shared.head)
+  .replace(/__headerNL__/g, () => shared.headerNL)
+  .replace(/__header__/g, () => shared.header)
   .replace(/__logo__/g, () => shared.logo);
   // Replace its placeholders.
   Object.keys(query).forEach(param => {

package/web/header.partial

@@ -0,0 +1,6 @@
+<header>
+      <div class="header-inner">
+        <a class="brand" href="/">__logo__<span class="brand-name">Kilotest</span></a>
+        <p class="brand-tag">Ensemble front-end testing</p>
+      </div>
+    </header>

package/web/home/index.html

@@ -52,12 +52,7 @@
     </script>
   </head>
   <body class="styled">
-    <header>
-      <div class="header-inner">
-        <span class="brand">__logo__Kilotest</span>
-        <span class="brand-tag">Ensemble front-end testing</span>
-      </div>
-    </header>
+    __headerNL__
     <main>
       <div class="hero">
         <p class="eyebrow">12 rule engines · ~1,300 tests</p>

package/web/listPages/index.html

@@ -6,12 +6,7 @@
     <title>Pages tested | Kilotest</title>
   </head>
   <body class="styled">
-    <header>
-      <div class="header-inner">
-        <a class="brand" href="/">__logo__<span class="brand-name">Kilotest</span></a>
-        <span class="brand-tag">Ensemble front-end testing</span>
-      </div>
-    </header>
+    __header__
     <main class="page">
       <h1>Pages tested</h1>
 __jobSections__