react-cheminfo 0.25.0 → 0.27.0

package/README.md

@@ -78,6 +78,7 @@ through a wildcard subpath exactly as `react-science` serves its own.
 | -------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | **Site identity**          | `siteById`, `findSiteByHost`, `siteTokensCss`                                                                                                                                                                                                                              | `SiteMark`, `Wordmark`, `SiteTheme`, `SiteTile`, `EcosystemButton`, `EcosystemLinks`                                                                                                    |
 | **Chrome**                 | —                                                                                                                                                                                                                                                                          | `SiteHeader`, `SiteFooter`, `NavLink`, `NavMenuButton`, `MenuButton`, `useCompactHeader`                                                                                                |
+| **Languages**              | `LANGUAGES`, `DEFAULT_LANGUAGE`, `LANGUAGE_LABELS`, `isLanguage`, `MessageCatalog`, `CHROME_CATALOG`, `setMessageSession`, `loadCatalogs`, `LANGUAGE_PARAM`, `withLanguageParam`                                                                                           | `useT`, `useChromeT`, `useLanguage`, `LanguageSelect`, `SiteLanguage`                                                                                                                   |
 | **Citation**               | `formatCitation`, `formatCitations`, `citationSegments`, `downloadCitation`, `citedReferences`, `doiUrl`                                                                                                                                                                   | `CiteButton`, `CitationMenu`, `CitationPreview`                                                                                                                                         |
 | **Share & embed**          | `parseShareConfig`, `applyShareConfig`, `buildShareUrl`, `buildEmbedCode`, `isHidden`, `visibleShareParts`, `applySharePreset`, `findSharePreset`, the param codecs, `syncPreferencesWithUrl`, `applyPreferencesFromSearch`, `writePreferencesToSearch`                    | `ShareDialog`, `ShareButton`, `HiddenPartsProvider`, `PagePart`, `useIsHidden`                                                                                                          |
 | **Routing & head**         | `createTabRouter`, `readRoute`, `writeRoute`, `subscribeToRoute`, `adoptLegacyHashAddress`, `writeDocumentMeta`                                                                                                                                                            | `useTabRoute`                                                                                                                                                                           |
@@ -93,7 +94,7 @@ through a wildcard subpath exactly as `react-science` serves its own.
 | **About**                  | `resolveAbout`, `aboutProblems`                                                                                                                                                                                                                                            | `AboutPage`                                                                                                                                                                             |
 | **Which build is running** | `formatBuiltAt`, `shortCommit`, `BuildInfo`                                                                                                                                                                                                                                | `AboutBuild`, `cheminfoBuildInfo` (`/vite`)                                                                                                                                             |
 | **Slideshows**             | `parseTalk`, `splitDemoLinks`, `slideActionForKey`, `parseTalkOrigin`, `buildTalkManifest` (all `/slides`)                                                                                                                                                                 | `Slideshow`, `SlideView`, `TalkList`, `BackToSlides` (all `/slides`), `cheminfoTalks` (`/vite`)                                                                                         |
-| **Token guard**            | `findTokenViolations`                                                                                                                                                                                                                                                      | `cheminfo-check-tokens` (the bin)                                                                                                                                                       |
+| **Token guard**            | `findTokenViolations`                                                                                                                                                                                                                                                      | `cheminfo-check-tokens`, `cheminfo-check-messages`, `cheminfo-check-deploy` (the bins)                                                                                                  |
 | **Figures**                | `chartScale`, `chartAxisScale`, `chartAxisTitle`, `chartShare`, `chartColumnExtent`, `chartBinCounts`, `chartSeriesColor`, `rowMatrix`, `stackedMatrix`, `emptiestCorner`, `placeOverlayCard`, `overlayMetrics`                                                            | `ChartFrame`, `ChartAxis`, `TrackedLineChart`, `OverlayBar`, `OverlaySelect`, `OverlaySegmented`, `OverlayToggle`, `OverlayNumber`, `OverlayLegend`, `OverlayCaption`, `OverlayReadout` |
 | **Projections**            | `pcaResult`, `embeddingResult`, `projectionTabs`, `loadingProfiles`, `explainedShares`, `confidenceEllipse`, `projectEllipse`, `pointsInPolygon`, `resolveProjectionGroups`, `resolveProjectionShapes`, `PROJECTION_COPY`                                                  | `PcaViewer`, `ProjectionViewer`, `ScatterPlot`, `ScatterMatrix`                                                                                                                         |
 | **Parallel coordinates**   | `parallelAxisOf`, `parallelAxisLayouts`, `parallelIncludedMask`, `parallelKeptCount`, `parallelNearestRow`, `parallelSegmentAt`, `parallelBandAt`, `parallelRangeOf`, `parallelPalette`, `parallelColorSteps`, `paintParallelLines`                                        | `ParallelCoordinates`                                                                                                                                                                   |
@@ -621,6 +622,76 @@ const included = useMemo(
   subject — a formula through `react-mf`, a structure, a name — and a readout of
   strings cannot hold any of that.
 
+## Speaking four languages
+
+Every word this library puts on a page — the header, the Tools menu, the Cite
+menu, the share dialog, the About page, the structure editor's guide, the 3D
+toolbar — is in `src/locales`, one flat JSON file per language, `en.json` being
+the source of truth. English, French, German and Spanish are complete, and
+`npm run check-messages` fails on a key English does not declare, a placeholder
+a translation adds or drops, and an empty message.
+
+**A site gets a translated chrome by saying what language it is in, and nothing
+else.** `<SiteLanguage value>` already tells every link out of the page which
+language to carry; the chrome now reads the same declaration:
+
+```tsx
+<SiteLanguage value={language === 'en' ? undefined : language}>
+  <SiteHeader
+    siteId="surge"
+    nav={nav}
+    actions={<ShareButton onClick={open} />}
+  />
+</SiteLanguage>
+```
+
+English is part of the page, because it is what a missing message falls back to;
+the other three arrive as a chunk of their own, so a site nobody reads in German
+never downloads the German. A site with a language switch draws it with
+`<LanguageSelect value onChange>`, which names each language in its own words.
+
+A site's own text is a catalog of its own, read with the same runtime:
+
+```ts
+import { MessageCatalog } from 'react-cheminfo/core';
+import en from '../locales/en.json' with { type: 'json' };
+
+export const SITE_CATALOG = new MessageCatalog({
+  id: 'surge.cheminfo.org',
+  repository: 'cheminfo/surge.cheminfo.org',
+  directory: 'src/locales',
+  source: en,
+  translations: {
+    fr: () => import('../locales/fr.json', { with: { type: 'json' } }),
+  },
+});
+```
+
+`const t = useT(SITE_CATALOG)` then reads it in the language of the page, typed
+by the English keys; `t.or(key, fallback)` is for a key built from the data,
+which the catalog may not have caught up with. Only the plain `{name}` argument
+of ICU MessageFormat is filled — a plural or a select needs the formatter
+itself, which an ordinary visit must not pay for, so `check-messages` refuses
+one and the page is written with a key per branch instead.
+
+In translate mode the page hands both catalogs over at once, so a translator
+editing a site also edits the chrome:
+
+```ts
+const { catalogs, translations } = await loadCatalogs(
+  [CHROME_CATALOG, SITE_CATALOG],
+  locale,
+);
+setMessageSession(startTranslating({ locale, catalogs, translations }));
+```
+
+`setMessageSession` is what every `useT` listens to, so an edit typed in the
+overlay redraws the page without the site holding a version of its own.
+
+Still English, with the runtime in place and no catalog yet: the spectra
+settings editor and the projection panels (`react-cheminfo/spectra`, the
+projection viewers), which no site of the family reads in a second language yet.
+
 ## Carrying talks
 
 A deck is one Markdown file in the repository of the site whose subject it
@@ -906,7 +977,7 @@ Unit tests cover the framework-free half, which is where the citation formats
 and the site list live:
 
 ```console
-npm run test         # vitest + type-check + eslint + prettier
+npm run test         # vitest + type-check + tokens + messages + eslint + prettier
 ```
 
 The components themselves are almost entirely interaction — Blueprint popovers

package/bin/check-deploy.mjs

@@ -2,9 +2,10 @@
 /*
  * Report every way a repository would break, or silently mis-deploy, under the
  * server's global deploy script: a compose file it would not find, an image with
- * no selectable tag, an `IMAGE_NAME` naming a package this repository never
- * publishes, an `env_file` that fails on a checkout with no `.env` yet, a
- * service with no health probe to read, an `.env.example` that hides a mode.
+ * no selectable tag, a page the browser keeps across a deploy and then cannot
+ * run, an `IMAGE_NAME` naming a package this repository never publishes, an
+ * `env_file` that fails on a checkout with no `.env` yet, a service with no
+ * health probe to read, an `.env.example` that hides a mode.
  *
  * Wire it as an npm script, next to check-tokens:
  *   "check-deploy": "cheminfo-check-deploy"
@@ -25,6 +26,8 @@ import process from 'node:process';
 
 import {
   DEPLOY_COMPOSE_FILES,
+  NGINX_CONFIG,
+  PAGE_CACHE_CONFIG,
   findDeployProblems,
 } from '../lib/deploy/core/index.js';
 
@@ -67,7 +70,14 @@ if (imageName === undefined) {
 // Every mode is read, present or not: a missing one is itself a problem.
 const expected = composeFiles ?? DEPLOY_COMPOSE_FILES;
 const files = [];
-for (const path of [...expected, '.env.example', '.gitignore']) {
+for (const path of [
+  ...expected,
+  '.env.example',
+  '.gitignore',
+  'Dockerfile',
+  PAGE_CACHE_CONFIG,
+  NGINX_CONFIG,
+]) {
   const text = read(path);
   if (text !== undefined) files.push({ path, text });
 }

package/bin/check-messages.mjs

@@ -0,0 +1,229 @@
+#!/usr/bin/env node
+/*
+ * Check a catalog directory: `en.json` is the source of truth, and every other
+ * locale beside it must answer to the same keys with the same placeholders.
+ *
+ * Wire it as an npm script:
+ *   "check-messages": "cheminfo-check-messages src/locales"
+ *
+ * Usage: check-messages.mjs [directory...] [--quiet]
+ *   directory   the catalog directories to check, `src/locales` when none is
+ *               given
+ *   --quiet     say nothing when every catalog is clean
+ *
+ * It reports, per locale: a key English does not declare, a placeholder the
+ * translation adds or drops, a message left empty, and — as a count rather
+ * than a fault — the keys still missing. It also refuses an ICU plural or
+ * select, which the page's formatter does not load: a message with branches is
+ * written as one key per branch instead.
+ *
+ * Exits 1 when anything is reported, 2 when it was called wrongly, 0 otherwise.
+ */
+import { readFileSync, readdirSync, statSync } from 'node:fs';
+import { basename, join } from 'node:path';
+import process from 'node:process';
+
+import { countOf, usageError } from './cli.mjs';
+
+const TOOL = 'check-messages';
+const SOURCE_LOCALE = 'en';
+const DEFAULT_DIRECTORY = 'src/locales';
+const PLACEHOLDER = /\{(?<name>[^{}]*)\}/g;
+
+process.exit(main(process.argv.slice(2)));
+
+/**
+ * Run the check.
+ * @param {string[]} argv - The arguments, without the node and script paths.
+ * @returns {number} The status to exit with.
+ */
+function main(argv) {
+  const directories = [];
+  let quiet = false;
+  for (const argument of argv) {
+    if (argument === '--quiet') {
+      quiet = true;
+    } else if (argument.startsWith('--')) {
+      return usageError(TOOL, `unknown option ${argument}`);
+    } else {
+      directories.push(argument);
+    }
+  }
+  if (directories.length === 0) directories.push(DEFAULT_DIRECTORY);
+
+  const problems = [];
+  const lines = [];
+  for (const directory of directories) {
+    const report = checkDirectory(directory);
+    if (typeof report === 'string') return usageError(TOOL, report);
+    problems.push(...report.problems);
+    lines.push(...report.lines);
+  }
+
+  for (const problem of problems) process.stdout.write(`${problem}\n`);
+  if (problems.length > 0) {
+    process.stdout.write(`\n${TOOL}: ${countOf(problems.length, 'problem')}\n`);
+    return 1;
+  }
+  if (!quiet) {
+    for (const line of lines) process.stdout.write(`${line}\n`);
+  }
+  return 0;
+}
+
+/**
+ * Check one catalog directory.
+ * @param {string} directory - Where `en.json` and its locales live.
+ * @returns {{problems: string[], lines: string[]} | string} What was found, or
+ * the reason the directory could not be read.
+ */
+function checkDirectory(directory) {
+  let entries;
+  try {
+    entries = readdirSync(directory);
+  } catch {
+    return `cannot read ${directory}`;
+  }
+  const source = readCatalog(join(directory, `${SOURCE_LOCALE}.json`));
+  if (typeof source === 'string') return source;
+
+  const problems = [];
+  const lines = [];
+  for (const problem of catalogProblems(source, directory, SOURCE_LOCALE)) {
+    problems.push(problem);
+  }
+  const keys = Object.keys(source);
+  lines.push(`${directory}: ${countOf(keys.length, 'message')} in English`);
+
+  for (const entry of entries.toSorted()) {
+    if (!entry.endsWith('.json')) continue;
+    const locale = basename(entry, '.json');
+    if (locale === SOURCE_LOCALE) continue;
+    const path = join(directory, entry);
+    if (statSync(path).isDirectory()) continue;
+    const catalog = readCatalog(path);
+    if (typeof catalog === 'string') {
+      problems.push(catalog);
+      continue;
+    }
+    problems.push(
+      ...catalogProblems(catalog, directory, locale),
+      ...localeProblems(source, catalog, path),
+    );
+    const translated = keys.filter((key) => hasOwn(catalog, key)).length;
+    lines.push(
+      `  ${locale}: ${translated}/${keys.length} translated${
+        translated === keys.length
+          ? ''
+          : `, ${countOf(keys.length - translated, 'message')} still in English`
+      }`,
+    );
+  }
+  return { problems, lines };
+}
+
+/**
+ * What is wrong with a catalog read on its own.
+ * @param {Record<string, unknown>} catalog - The messages.
+ * @param {string} directory - Where it lives, for the report.
+ * @param {string} locale - Which locale it is.
+ * @returns {string[]} One line per problem.
+ */
+function catalogProblems(catalog, directory, locale) {
+  const problems = [];
+  const where = join(directory, `${locale}.json`);
+  for (const [key, message] of Object.entries(catalog)) {
+    if (typeof message !== 'string') {
+      problems.push(`${where}: ${key} is not a string`);
+      continue;
+    }
+    if (message.trim() === '') {
+      problems.push(`${where}: ${key} is empty`);
+    }
+    for (const name of placeholders(message)) {
+      if (name.includes(',')) {
+        problems.push(
+          `${where}: ${key} uses an ICU plural or select, which the page does not load a formatter for — write one key per branch`,
+        );
+        break;
+      }
+      if (!/^\w+$/.test(name)) {
+        problems.push(`${where}: ${key} has a malformed placeholder {${name}}`);
+      }
+    }
+  }
+  return problems;
+}
+
+/**
+ * What is wrong with a translation against the English it translates.
+ * @param {Record<string, string>} source - The English messages.
+ * @param {Record<string, unknown>} catalog - The translation.
+ * @param {string} where - Its path, for the report.
+ * @returns {string[]} One line per problem.
+ */
+function localeProblems(source, catalog, where) {
+  const problems = [];
+  for (const [key, message] of Object.entries(catalog)) {
+    if (!hasOwn(source, key)) {
+      problems.push(`${where}: ${key} is not a key of English`);
+      continue;
+    }
+    if (typeof message !== 'string') continue;
+    const wanted = placeholders(source[key]);
+    const written = placeholders(message);
+    for (const name of wanted) {
+      if (!written.has(name)) {
+        problems.push(`${where}: ${key} drops the placeholder {${name}}`);
+      }
+    }
+    for (const name of written) {
+      if (!wanted.has(name)) {
+        problems.push(`${where}: ${key} adds the placeholder {${name}}`);
+      }
+    }
+  }
+  return problems;
+}
+
+/**
+ * The names a message fills in.
+ * @param {string} message - The message.
+ * @returns {Set<string>} Every `{name}` it writes.
+ */
+function placeholders(message) {
+  const names = new Set();
+  for (const match of message.matchAll(PLACEHOLDER)) {
+    names.add(match.groups.name);
+  }
+  return names;
+}
+
+/**
+ * Read one catalog file.
+ * @param {string} path - Where it is.
+ * @returns {Record<string, unknown> | string} The messages, or why they could
+ * not be read.
+ */
+function readCatalog(path) {
+  let text;
+  try {
+    text = readFileSync(path, 'utf8');
+  } catch {
+    return `cannot read ${path}`;
+  }
+  let parsed;
+  try {
+    parsed = JSON.parse(text);
+  } catch (error) {
+    return `${path}: ${error instanceof Error ? error.message : 'is not JSON'}`;
+  }
+  if (parsed === null || typeof parsed !== 'object' || Array.isArray(parsed)) {
+    return `${path}: is not an object of messages`;
+  }
+  return parsed;
+}
+
+function hasOwn(catalog, key) {
+  return Object.hasOwn(catalog, key);
+}

package/lib/about/ui/AboutBuild.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AboutBuild.d.ts","sourceRoot":"","sources":["../../../src/about/ui/AboutBuild.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,YAAY,EAAa,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAI/D,MAAM,WAAW,eAAe;IAC9B,6CAA6C;IAC7C,KAAK,EAAE,SAAS,CAAC;IACjB,8EAA8E;IAC9E,UAAU,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CAwB/D"}
+{"version":3,"file":"AboutBuild.d.ts","sourceRoot":"","sources":["../../../src/about/ui/AboutBuild.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,YAAY,EAAa,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAK/D,MAAM,WAAW,eAAe;IAC9B,6CAA6C;IAC7C,KAAK,EAAE,SAAS,CAAC;IACjB,8EAA8E;IAC9E,UAAU,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CA8B/D"}

package/lib/about/ui/AboutBuild.js

@@ -1,5 +1,6 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { formatBuiltAt, shortCommit } from "../../build/core/buildInfo.js";
+import { useChromeT } from "../../i18n/ui/useT.js";
 import { githubSources } from "../core/repository.js";
 /**
  * The one line that says when the build a visitor has open was made.
@@ -14,10 +15,20 @@ import { githubSources } from "../core/repository.js";
  */
 export function AboutBuild(props) {
     const { build, repository } = props;
+    const t = useChromeT();
     const sources = githubSources(repository);
-    return (_jsxs("p", { style: PARAGRAPH_STYLE, children: ["Built ", formatBuiltAt(build.builtAt), build.commit === undefined ? null : (_jsxs(_Fragment, { children: [' from commit ', _jsx(Reference, { href: sources === undefined
-                            ? undefined
-                            : `${sources}/commit/${build.commit}`, children: shortCommit(build.commit) })] })), "."] }));
+    const builtAt = formatBuiltAt(build.builtAt);
+    if (build.commit === undefined) {
+        return _jsx("p", { style: PARAGRAPH_STYLE, children: t('about.built', { builtAt }) });
+    }
+    // The commit is a link inside a sentence whose word order is the
+    // translator's, so the message is split where it names it.
+    const [before = '', after = ''] = t('about.builtFromCommit', {
+        builtAt,
+    }).split('{commit}');
+    return (_jsxs("p", { style: PARAGRAPH_STYLE, children: [before, _jsx(Reference, { href: sources === undefined
+                    ? undefined
+                    : `${sources}/commit/${build.commit}`, children: shortCommit(build.commit) }), after] }));
 }
 function Reference(props) {
     const { href, children } = props;

package/lib/about/ui/AboutBuild.js.map

@@ -1 +1 @@
-{"version":3,"file":"AboutBuild.js","sourceRoot":"","sources":["../../../src/about/ui/AboutBuild.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAStD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,OAAO,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC;IAE1C,OAAO,CACL,aAAG,KAAK,EAAE,eAAe,uBAChB,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,EAClC,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACnC,8BACG,eAAe,EAChB,KAAC,SAAS,IACR,IAAI,EACF,OAAO,KAAK,SAAS;4BACnB,CAAC,CAAC,SAAS;4BACX,CAAC,CAAC,GAAG,OAAO,WAAW,KAAK,CAAC,MAAM,EAAE,YAGxC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,GAChB,IACX,CACJ,SAEC,CACL,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAGlB;IACC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACjC,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,eAAM,KAAK,EAAE,UAAU,YAAG,QAAQ,GAAQ,CAAC;IAE1E,OAAO,CACL,YAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,KAAK,EAAE,UAAU,YACxE,eAAM,KAAK,EAAE,UAAU,YAAG,QAAQ,GAAQ,GACxC,CACL,CAAC;AACJ,CAAC;AAED,MAAM,eAAe,GAAG;IACtB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,mBAAmB;IAC1B,QAAQ,EAAE,EAAE;CACoB,CAAC;AAEnC,MAAM,UAAU,GAAG;IACjB,UAAU,EAAE,2CAA2C;IACvD,QAAQ,EAAE,EAAE;CACoB,CAAC;AAEnC,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,eAAe,EAAmC,CAAC"}
+{"version":3,"file":"AboutBuild.js","sourceRoot":"","sources":["../../../src/about/ui/AboutBuild.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAStD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;IACvB,MAAM,OAAO,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC7C,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;QAC/B,OAAO,YAAG,KAAK,EAAE,eAAe,YAAG,CAAC,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,CAAC,GAAK,CAAC;IACxE,CAAC;IAED,iEAAiE;IACjE,2DAA2D;IAC3D,MAAM,CAAC,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,uBAAuB,EAAE;QAC3D,OAAO;KACR,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAErB,OAAO,CACL,aAAG,KAAK,EAAE,eAAe,aACtB,MAAM,EACP,KAAC,SAAS,IACR,IAAI,EACF,OAAO,KAAK,SAAS;oBACnB,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC,GAAG,OAAO,WAAW,KAAK,CAAC,MAAM,EAAE,YAGxC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,GAChB,EACX,KAAK,IACJ,CACL,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAGlB;IACC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACjC,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,eAAM,KAAK,EAAE,UAAU,YAAG,QAAQ,GAAQ,CAAC;IAE1E,OAAO,CACL,YAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,KAAK,EAAE,UAAU,YACxE,eAAM,KAAK,EAAE,UAAU,YAAG,QAAQ,GAAQ,GACxC,CACL,CAAC;AACJ,CAAC;AAED,MAAM,eAAe,GAAG;IACtB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,mBAAmB;IAC1B,QAAQ,EAAE,EAAE;CACoB,CAAC;AAEnC,MAAM,UAAU,GAAG;IACjB,UAAU,EAAE,2CAA2C;IACvD,QAAQ,EAAE,EAAE;CACoB,CAAC;AAEnC,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,eAAe,EAAmC,CAAC"}

package/lib/about/ui/AboutCitations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AboutCitations.d.ts","sourceRoot":"","sources":["../../../src/about/ui/AboutCitations.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAG9D,MAAM,WAAW,mBAAmB;IAClC,+DAA+D;IAC/D,KAAK,EAAE,SAAS,SAAS,EAAE,CAAC;CAC7B;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAoBvE"}
+{"version":3,"file":"AboutCitations.d.ts","sourceRoot":"","sources":["../../../src/about/ui/AboutCitations.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAI9D,MAAM,WAAW,mBAAmB;IAClC,+DAA+D;IAC/D,KAAK,EAAE,SAAS,SAAS,EAAE,CAAC;CAC7B;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAqBvE"}

package/lib/about/ui/AboutCitations.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CiteButton } from "../../citation/ui/CiteButton.js";
+import { useChromeT } from "../../i18n/ui/useT.js";
 /**
  * What to cite, and what citing each work credits: a reader handed two
  * references has to be told which is which before they can pick one. Each
@@ -10,7 +11,8 @@ import { CiteButton } from "../../citation/ui/CiteButton.js";
  */
 export function AboutCitations(props) {
     const { works } = props;
-    return (_jsx("div", { className: "about-citations", style: LIST_STYLE, children: works.map((work) => (_jsxs("div", { className: "about-citation", children: [_jsx("div", { style: WHAT_STYLE, children: work.what }), work.note === undefined ? null : (_jsx("p", { style: NOTE_STYLE, children: work.note })), _jsx(CiteButton, { reference: work.reference, label: `Cite ${work.what}`, placement: "bottom-start" })] }, work.reference.doi))) }));
+    const t = useChromeT();
+    return (_jsx("div", { className: "about-citations", style: LIST_STYLE, children: works.map((work) => (_jsxs("div", { className: "about-citation", children: [_jsx("div", { style: WHAT_STYLE, children: work.what }), work.note === undefined ? null : (_jsx("p", { style: NOTE_STYLE, children: work.note })), _jsx(CiteButton, { reference: work.reference, label: t('about.citeWork', { what: work.what }), placement: "bottom-start" })] }, work.reference.doi))) }));
 }
 const LIST_STYLE = {
     display: 'flex',

package/lib/about/ui/AboutCitations.js.map

@@ -1 +1 @@
-{"version":3,"file":"AboutCitations.js","sourceRoot":"","sources":["../../../src/about/ui/AboutCitations.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAkC,CAAC;AAO9D;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,UAAU,YAC/C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,eAA8B,SAAS,EAAC,gBAAgB,aACtD,cAAK,KAAK,EAAE,UAAU,YAAG,IAAI,CAAC,IAAI,GAAO,EACxC,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChC,YAAG,KAAK,EAAE,UAAU,YAAG,IAAI,CAAC,IAAI,GAAK,CACtC,EACD,KAAC,UAAU,IACT,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,KAAK,EAAE,QAAQ,IAAI,CAAC,IAAI,EAAE,EAC1B,SAAS,EAAC,cAAc,GACxB,KATM,IAAI,CAAC,SAAS,CAAC,GAAG,CAUtB,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAG;IACjB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,EAAE;CACyB,CAAC;AAEnC,MAAM,UAAU,GAAG,EAAE,UAAU,EAAE,GAAG,EAAmC,CAAC;AAExE,MAAM,UAAU,GAAG;IACjB,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,mBAAmB;IAC1B,QAAQ,EAAE,EAAE;CACoB,CAAC"}
+{"version":3,"file":"AboutCitations.js","sourceRoot":"","sources":["../../../src/about/ui/AboutCitations.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAkC,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAOnD;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;IAEvB,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,UAAU,YAC/C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,eAA8B,SAAS,EAAC,gBAAgB,aACtD,cAAK,KAAK,EAAE,UAAU,YAAG,IAAI,CAAC,IAAI,GAAO,EACxC,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChC,YAAG,KAAK,EAAE,UAAU,YAAG,IAAI,CAAC,IAAI,GAAK,CACtC,EACD,KAAC,UAAU,IACT,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,KAAK,EAAE,CAAC,CAAC,gBAAgB,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,EAC/C,SAAS,EAAC,cAAc,GACxB,KATM,IAAI,CAAC,SAAS,CAAC,GAAG,CAUtB,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAG;IACjB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,EAAE;CACyB,CAAC;AAEnC,MAAM,UAAU,GAAG,EAAE,UAAU,EAAE,GAAG,EAAmC,CAAC;AAExE,MAAM,UAAU,GAAG;IACjB,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,mBAAmB;IAC1B,QAAQ,EAAE,EAAE;CACoB,CAAC"}

package/lib/about/ui/AboutPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AboutPage.d.ts","sourceRoot":"","sources":["../../../src/about/ui/AboutPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AASrD,MAAM,WAAW,cAAc;IAC7B,uCAAuC;IACvC,OAAO,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CAqG7D"}
+{"version":3,"file":"AboutPage.d.ts","sourceRoot":"","sources":["../../../src/about/ui/AboutPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AASrD,MAAM,WAAW,cAAc;IAC7B,uCAAuC;IACvC,OAAO,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CAmH7D"}

package/lib/about/ui/AboutPage.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CreditsList } from "../../credits/ui/CreditsList.js";
 import { Wordmark } from "../../ecosystem/ui/Wordmark.js";
 import { SiteMark } from "../../ecosystem/ui/marks.js";
+import { useChromeT } from "../../i18n/ui/useT.js";
 import { resolveAbout } from "../core/about.js";
 import { AboutBuild } from "./AboutBuild.js";
 import { AboutCitations } from "./AboutCitations.js";
@@ -22,11 +23,18 @@ import { AboutVersion } from "./AboutVersion.js";
  */
 export function AboutPage(props) {
     const { content, className, children, logo, mark } = props;
+    const t = useChromeT();
     const about = resolveAbout(content);
     const site = about.site;
     return (_jsxs("div", { className: className === undefined ? 'about-page' : `about-page ${className}`, style: PAGE_STYLE, children: [_jsxs("header", { className: "about-hero", style: HERO_STYLE, children: [logo === undefined
                         ? (mark ?? _jsx(SiteMark, { site: site, size: 56 }))
-                        : null, _jsxs("div", { style: HERO_BODY_STYLE, children: [_jsx("h1", { style: logo === undefined ? NAME_STYLE : LOGO_NAME_STYLE, children: logo ?? _jsx(Wordmark, { site: site, size: 26 }) }), _jsx("p", { style: TAGLINE_STYLE, children: site.tagline }), _jsx("p", { style: WHAT_STYLE, children: about.what })] }), _jsx(AboutVersion, { build: about.build, repository: about.repository, publicRepository: about.publicRepository })] }), about.people.length === 0 && about.providedBy.length === 0 ? null : (_jsx(AboutSection, { title: "Provided by", className: "about-provided-by", children: _jsx(AboutProvidedBy, { people: about.people, providers: about.providedBy }) })), _jsx(AboutSection, { title: "What you can do here", className: "about-can", children: _jsx("ul", { style: CAN_LIST_STYLE, children: about.can.map((line) => (_jsx("li", { children: line }, line))) }) }), about.paragraphs.length === 0 ? null : (_jsx(AboutSection, { className: "about-context", children: about.paragraphs.map((paragraph, index) => (_jsx("p", { style: index === 0 ? FIRST_PARAGRAPH_STYLE : PARAGRAPH_STYLE, children: paragraph }, paragraph))) })), children, _jsx(AboutSection, { title: "Built on", className: "about-credits", children: _jsx(CreditsList, { entries: about.credits }) }), about.cite.length === 0 ? null : (_jsx(AboutSection, { title: "How to cite", className: "about-cite", children: _jsx(AboutCitations, { works: about.cite }) })), !about.publicRepository ? null : (_jsxs(AboutSection, { title: "Licence and source", className: "about-licence", children: [_jsxs("p", { style: FIRST_PARAGRAPH_STYLE, children: [about.license, ", \u00A9 cheminfo. Use it in a course, fork it, or lift a piece of it into something else. The sources are at", ' ', _jsx(ExternalLink, { href: about.repository }), "."] }), about.build === undefined ? null : (_jsx(AboutBuild, { build: about.build, repository: about.repository }))] })), about.issues === undefined ? null : (_jsx(AboutSection, { title: "Found a problem?", className: "about-issues", children: _jsxs("p", { style: FIRST_PARAGRAPH_STYLE, children: ["Tell us: a report naming what you typed and what came back is the fastest fix there is. ", _jsx(ExternalLink, { href: about.issues }), "."] }) }))] }));
+                        : null, _jsxs("div", { style: HERO_BODY_STYLE, children: [_jsx("h1", { style: logo === undefined ? NAME_STYLE : LOGO_NAME_STYLE, children: logo ?? _jsx(Wordmark, { site: site, size: 26 }) }), _jsx("p", { style: TAGLINE_STYLE, children: t.or(`site.${site.id}.tagline`, site.tagline) }), _jsx("p", { style: WHAT_STYLE, children: about.what })] }), _jsx(AboutVersion, { build: about.build, repository: about.repository, publicRepository: about.publicRepository })] }), about.people.length === 0 && about.providedBy.length === 0 ? null : (_jsx(AboutSection, { title: t('about.providedBy'), className: "about-provided-by", children: _jsx(AboutProvidedBy, { people: about.people, providers: about.providedBy }) })), _jsx(AboutSection, { title: t('about.whatYouCanDo'), className: "about-can", children: _jsx("ul", { style: CAN_LIST_STYLE, children: about.can.map((line) => (_jsx("li", { children: line }, line))) }) }), about.paragraphs.length === 0 ? null : (_jsx(AboutSection, { className: "about-context", children: about.paragraphs.map((paragraph, index) => (_jsx("p", { style: index === 0 ? FIRST_PARAGRAPH_STYLE : PARAGRAPH_STYLE, children: paragraph }, paragraph))) })), children, _jsx(AboutSection, { title: t('about.builtOn'), className: "about-credits", children: _jsx(CreditsList, { entries: about.credits }) }), about.cite.length === 0 ? null : (_jsx(AboutSection, { title: t('about.howToCite'), className: "about-cite", children: _jsx(AboutCitations, { works: about.cite }) })), !about.publicRepository ? null : (_jsxs(AboutSection, { title: t('about.licenceAndSource'), className: "about-licence", children: [_jsx("p", { style: FIRST_PARAGRAPH_STYLE, children: around(t('about.licence', { license: about.license }), 'sources', _jsx(ExternalLink, { href: about.repository }, "sources")) }), about.build === undefined ? null : (_jsx(AboutBuild, { build: about.build, repository: about.repository }))] })), about.issues === undefined ? null : (_jsx(AboutSection, { title: t('about.foundAProblem'), className: "about-issues", children: _jsx("p", { style: FIRST_PARAGRAPH_STYLE, children: around(t('about.reportIt'), 'tracker', _jsx(ExternalLink, { href: about.issues }, "tracker")) }) }))] }));
+}
+// A link sits inside a sentence whose word order is the translator's, so the
+// message names where it goes with a placeholder and is split there.
+function around(message, placeholder, link) {
+    const [before = '', after = ''] = message.split(`{${placeholder}}`);
+    return [before, link, after];
 }
 function ExternalLink(props) {
     const { href } = props;

package/lib/about/ui/AboutPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AboutPage.js","sourceRoot":"","sources":["../../../src/about/ui/AboutPage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAkC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAiC,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA8B,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAsB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAuB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAoB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAoB,CAAC;AAkClD;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IAExB,OAAO,CACL,eACE,SAAS,EACP,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,SAAS,EAAE,EAEpE,KAAK,EAAE,UAAU,aAEjB,kBAAQ,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,UAAU,aAC7C,IAAI,KAAK,SAAS;wBACjB,CAAC,CAAC,CAAC,IAAI,IAAI,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,CAAC;wBAC9C,CAAC,CAAC,IAAI,EACR,eAAK,KAAK,EAAE,eAAe,aACzB,aAAI,KAAK,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,YACzD,IAAI,IAAI,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,GACxC,EACL,YAAG,KAAK,EAAE,aAAa,YAAG,IAAI,CAAC,OAAO,GAAK,EAC3C,YAAG,KAAK,EAAE,UAAU,YAAG,KAAK,CAAC,IAAI,GAAK,IAClC,EACN,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,GACxC,IACK,EAER,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACnE,KAAC,YAAY,IAAC,KAAK,EAAC,aAAa,EAAC,SAAS,EAAC,mBAAmB,YAC7D,KAAC,eAAe,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,UAAU,GAAI,GACzD,CAChB,EAED,KAAC,YAAY,IAAC,KAAK,EAAC,sBAAsB,EAAC,SAAS,EAAC,WAAW,YAC9D,aAAI,KAAK,EAAE,cAAc,YACtB,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACvB,uBAAgB,IAAI,IAAX,IAAI,CAAa,CAC3B,CAAC,GACC,GACQ,EAEd,KAAK,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACtC,KAAC,YAAY,IAAC,SAAS,EAAC,eAAe,YACpC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,YAEE,KAAK,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,eAAe,YAE3D,SAAS,IAHL,SAAS,CAIZ,CACL,CAAC,GACW,CAChB,EAEA,QAAQ,EAET,KAAC,YAAY,IAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,eAAe,YACtD,KAAC,WAAW,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,GAC1B,EAEd,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChC,KAAC,YAAY,IAAC,KAAK,EAAC,aAAa,EAAC,SAAS,EAAC,YAAY,YACtD,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,GAAI,GACxB,CAChB,EAOA,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChC,MAAC,YAAY,IAAC,KAAK,EAAC,oBAAoB,EAAC,SAAS,EAAC,eAAe,aAChE,aAAG,KAAK,EAAE,qBAAqB,aAC5B,KAAK,CAAC,OAAO,mHACsC,GAAG,EACvD,KAAC,YAAY,IAAC,IAAI,EAAE,KAAK,CAAC,UAAU,GAAI,SACtC,EACH,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClC,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,GAAI,CACjE,IACY,CAChB,EAMA,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACnC,KAAC,YAAY,IAAC,KAAK,EAAC,kBAAkB,EAAC,SAAS,EAAC,cAAc,YAC7D,aAAG,KAAK,EAAE,qBAAqB,yGAEP,KAAC,YAAY,IAAC,IAAI,EAAE,KAAK,CAAC,MAAM,GAAI,SACxD,GACS,CAChB,IACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,KAAuB;IAC3C,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvB,OAAO,CACL,YAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,KAAK,EAAE,UAAU,YACvE,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,GAC/B,CACL,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAG;IACjB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,GAAG;IACb,2EAA2E;IAC3E,YAAY,EAAE,MAAM;IACpB,GAAG,EAAE,EAAE;CACyB,CAAC;AAEnC,MAAM,eAAe,GAAG;IACtB,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,CAAC;CACqB,CAAC;AAEnC,MAAM,UAAU,GAAG;IACjB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,yBAAyB;IACjC,YAAY,EAAE,eAAe;IAC7B,UAAU,EAAE,gBAAgB;IAC5B,GAAG,EAAE,EAAE;IACP,UAAU,EAAE,IAAI;CACgB,CAAC;AAEnC,MAAM,UAAU,GAAG;IACjB,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;CACiB,CAAC;AAEnC,MAAM,eAAe,GAAG;IACtB,MAAM,EAAE,SAAS;CACe,CAAC;AAEnC,MAAM,aAAa,GAAG;IACpB,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,mBAAmB;IAC1B,QAAQ,EAAE,EAAE;CACoB,CAAC;AAEnC,MAAM,UAAU,GAAG,EAAE,MAAM,EAAE,CAAC,EAAmC,CAAC;AAElE,MAAM,cAAc,GAAG;IACrB,MAAM,EAAE,CAAC;IACT,WAAW,EAAE,EAAE;CACiB,CAAC;AAEnC,MAAM,qBAAqB,GAAG;IAC5B,MAAM,EAAE,CAAC;CACuB,CAAC;AAEnC,MAAM,eAAe,GAAG;IACtB,MAAM,EAAE,SAAS;CACe,CAAC;AAEnC,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,eAAe,EAAmC,CAAC"}
+{"version":3,"file":"AboutPage.js","sourceRoot":"","sources":["../../../src/about/ui/AboutPage.tsx"],"names":[],"mappings":"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"}

package/lib/about/ui/AboutProvidedBy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AboutProvidedBy.d.ts","sourceRoot":"","sources":["../../../src/about/ui/AboutProvidedBy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,oBAAoB;IACnC,+CAA+C;IAC/C,MAAM,EAAE,SAAS,WAAW,EAAE,CAAC;IAC/B,kEAAkE;IAClE,SAAS,EAAE,SAAS,aAAa,EAAE,CAAC;CACrC;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CA8CzE"}
+{"version":3,"file":"AboutProvidedBy.d.ts","sourceRoot":"","sources":["../../../src/about/ui/AboutProvidedBy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAKzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,oBAAoB;IACnC,+CAA+C;IAC/C,MAAM,EAAE,SAAS,WAAW,EAAE,CAAC;IAC/B,kEAAkE;IAClE,SAAS,EAAE,SAAS,aAAa,EAAE,CAAC;CACrC;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CA+CzE"}

package/lib/about/ui/AboutProvidedBy.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useChromeT } from "../../i18n/ui/useT.js";
 /**
  * The lockup of who provides a site: the institution's logo, then the names
  * and the institution they work at, and under it what each one contributed
@@ -8,14 +9,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 export function AboutProvidedBy(props) {
     const { people, providers } = props;
+    const t = useChromeT();
     const withRoles = people.filter((person) => person.role !== undefined);
-    return (_jsxs("div", { children: [_jsxs("div", { style: LOCKUP_STYLE, children: [providers.map((provider) => (_jsx("a", { href: provider.href, target: "_blank", rel: "noopener noreferrer", title: provider.fullName, style: LOGO_TILE_STYLE, children: _jsx(ProviderLogo, { provider: provider }) }, provider.id))), _jsxs("div", { style: providers.length === 0 ? IDENTITY_STYLE : DIVIDED_IDENTITY_STYLE, children: [people.length === 0 ? null : (_jsx("p", { style: NAMES_STYLE, children: joinNames(people) })), providers.map((provider) => (_jsxs("p", { style: INSTITUTION_STYLE, children: [provider.fullName, _jsx("span", { style: LOCATION_STYLE, children: provider.location })] }, provider.id)))] })] }), withRoles.length === 0 ? null : (_jsx("ul", { style: ROLES_STYLE, children: withRoles.map((person) => (_jsxs("li", { children: [_jsx("strong", { children: person.name }), " \u2014 ", person.role] }, person.name))) }))] }));
+    return (_jsxs("div", { children: [_jsxs("div", { style: LOCKUP_STYLE, children: [providers.map((provider) => (_jsx("a", { href: provider.href, target: "_blank", rel: "noopener noreferrer", title: provider.fullName, style: LOGO_TILE_STYLE, children: _jsx(ProviderLogo, { provider: provider }) }, provider.id))), _jsxs("div", { style: providers.length === 0 ? IDENTITY_STYLE : DIVIDED_IDENTITY_STYLE, children: [people.length === 0 ? null : (_jsx("p", { style: NAMES_STYLE, children: joinNames(people, t) })), providers.map((provider) => (_jsxs("p", { style: INSTITUTION_STYLE, children: [provider.fullName, _jsx("span", { style: LOCATION_STYLE, children: provider.location })] }, provider.id)))] })] }), withRoles.length === 0 ? null : (_jsx("ul", { style: ROLES_STYLE, children: withRoles.map((person) => (_jsxs("li", { children: [_jsx("strong", { children: person.name }), " \u2014 ", person.role] }, person.name))) }))] }));
 }
-function joinNames(people) {
+function joinNames(people, t) {
     const names = people.map((person) => person.name);
     if (names.length < 2)
         return names.join('');
-    return `${names.slice(0, -1).join(', ')} and ${names.at(-1)}`;
+    return t('about.nameList', {
+        names: names.slice(0, -1).join(', '),
+        last: names.at(-1) ?? '',
+    });
 }
 function ProviderLogo(props) {
     const { provider } = props;

package/lib/about/ui/AboutProvidedBy.js.map

@@ -1 +1 @@
-{"version":3,"file":"AboutProvidedBy.js","sourceRoot":"","sources":["../../../src/about/ui/AboutProvidedBy.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AboutProvidedBy.js","sourceRoot":"","sources":["../../../src/about/ui/AboutProvidedBy.tsx"],"names":[],"mappings":"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"}

package/lib/capsule/ui/Capsule.d.ts

@@ -0,0 +1,30 @@
+/**
+ * One capsule of a filter row: an interactive tag that keeps its semantic
+ * colour whether or not it is selected, the filled shape being what encodes
+ * the selection.
+ */
+import type { Intent } from '@blueprintjs/core';
+import type { ReactElement } from 'react';
+/** What one capsule needs. */
+export interface CapsuleProps {
+    /** What the capsule reads, count included. */
+    text: string;
+    /** Whether it is filled. */
+    selected: boolean;
+    /**
+     * Colour of the capsule, which says what the outcome means.
+     * @default undefined — the capsule takes no intent
+     */
+    intent?: Intent;
+    /** What the pointer is told, or `undefined` for no title at all. */
+    title: string | undefined;
+    /** Called when the capsule is picked. */
+    onClick: () => void;
+}
+/**
+ * One capsule.
+ * @param props - See {@link CapsuleProps}.
+ * @returns The tag.
+ */
+export declare function Capsule(props: CapsuleProps): ReactElement;
+//# sourceMappingURL=Capsule.d.ts.map

package/lib/capsule/ui/Capsule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Capsule.d.ts","sourceRoot":"","sources":["../../../src/capsule/ui/Capsule.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,8BAA8B;AAC9B,MAAM,WAAW,YAAY;IAC3B,8CAA8C;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,yCAAyC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,YAAY,CAezD"}

package/lib/capsule/ui/Capsule.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tag } from '@blueprintjs/core';
+/**
+ * One capsule.
+ * @param props - See {@link CapsuleProps}.
+ * @returns The tag.
+ */
+export function Capsule(props) {
+    const { text, selected, intent, title, onClick } = props;
+    return (_jsx(Tag, { interactive: true, round: true, minimal: !selected, intent: intent, "aria-pressed": selected, htmlTitle: title, onClick: onClick, children: text }));
+}
+//# sourceMappingURL=Capsule.js.map