react-cheminfo 0.20.0 → 0.22.0

package/lib/seo/core/siteFiles.d.ts

@@ -8,12 +8,12 @@
  * entry need. The mount is read back out of it here, so the addresses these
  * files hand out start where the site actually answers.
  */
-import type { EcosystemSite, SiteId } from '../../ecosystem/core/sites.ts';
+import type { SiteId, SiteRecord } from '../../ecosystem/core/sites.ts';
 import type { RouteMeta } from './routes.ts';
 /** What a crawler is told about the site as a whole. */
 export interface SiteFilesOptions {
     /** The site, named or passed. */
-    site: EcosystemSite | SiteId;
+    site: SiteRecord | SiteId;
     /** Every address it answers. */
     routes: readonly RouteMeta[];
     /**
@@ -41,7 +41,7 @@ export declare function sitemapXml(options: SiteFilesOptions): string;
  * @param site - The site, named or passed.
  * @returns Its record.
  */
-export declare function resolveSite(site: EcosystemSite | SiteId): EcosystemSite;
+export declare function resolveSite(site: SiteRecord | SiteId): SiteRecord;
 /**
  * Where the site is served, as an absolute address without a trailing slash.
  *

package/lib/seo/core/siteFiles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"siteFiles.d.ts","sourceRoot":"","sources":["../../../src/seo/core/siteFiles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAK3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAO7C,wDAAwD;AACxD,MAAM,WAAW,gBAAgB;IAC/B,iCAAiC;IACjC,IAAI,EAAE,aAAa,GAAG,MAAM,CAAC;IAC7B,gCAAgC;IAChC,MAAM,EAAE,SAAS,SAAS,EAAE,CAAC;IAC7B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,CAgB5D;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,GAAG,aAAa,CAEvE;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,QAAQ,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,CAQ1D;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,CAE7D"}
+{"version":3,"file":"siteFiles.d.ts","sourceRoot":"","sources":["../../../src/seo/core/siteFiles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAKxE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAO7C,wDAAwD;AACxD,MAAM,WAAW,gBAAgB;IAC/B,iCAAiC;IACjC,IAAI,EAAE,UAAU,GAAG,MAAM,CAAC;IAC1B,gCAAgC;IAChC,MAAM,EAAE,SAAS,SAAS,EAAE,CAAC;IAC7B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,CAgB5D;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,UAAU,CAEjE;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,QAAQ,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,CAQ1D;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,CAE7D"}

package/lib/seo/core/siteFiles.js.map

@@ -1 +1 @@
-{"version":3,"file":"siteFiles.js","sourceRoot":"","sources":["../../../src/seo/core/siteFiles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAIxD,+EAA+E;AAC/E,kFAAkF;AAClF,kEAAkE;AAClE,MAAM,WAAW,GAAG,eAAe,CAAC;AAiBpC;;;;;;;;;;GAUG;AACH,MAAM,UAAU,UAAU,CAAC,OAAyB;IAClD,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IACjC,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAChC,MAAM,IAAI,KAAK,CAAC,sCAAsC,CAAC,CAAC;IAC1D,CAAC;IACD,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM;SAC3B,GAAG,CACF,CAAC,KAAK,EAAE,EAAE,CACR,eAAe,UAAU,CAAC,GAAG,MAAM,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,cAAc,CACpE;SACA,IAAI,CAAC,IAAI,CAAC,CAAC;IACd,OAAO;;EAEP,OAAO;;CAER,CAAC;AACF,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,IAA4B;IACtD,OAAO,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC1D,CAAC;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,QAAQ,CAAC,OAAyB;IAChD,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,WAAW,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;IAC7E,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;QACvD,MAAM,IAAI,KAAK,CACb,sEAAsE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAC/F,CAAC;IACJ,CAAC;IACD,OAAO,iBAAiB,CAAC,MAAM,CAAC,CAAC;AACnC,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,OAAyB;IACnD,OAAO,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;AACvC,CAAC"}
+{"version":3,"file":"siteFiles.js","sourceRoot":"","sources":["../../../src/seo/core/siteFiles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAIxD,+EAA+E;AAC/E,kFAAkF;AAClF,kEAAkE;AAClE,MAAM,WAAW,GAAG,eAAe,CAAC;AAiBpC;;;;;;;;;;GAUG;AACH,MAAM,UAAU,UAAU,CAAC,OAAyB;IAClD,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IACjC,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAChC,MAAM,IAAI,KAAK,CAAC,sCAAsC,CAAC,CAAC;IAC1D,CAAC;IACD,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM;SAC3B,GAAG,CACF,CAAC,KAAK,EAAE,EAAE,CACR,eAAe,UAAU,CAAC,GAAG,MAAM,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,cAAc,CACpE;SACA,IAAI,CAAC,IAAI,CAAC,CAAC;IACd,OAAO;;EAEP,OAAO;;CAER,CAAC;AACF,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,IAAyB;IACnD,OAAO,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC1D,CAAC;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,QAAQ,CAAC,OAAyB;IAChD,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,WAAW,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;IAC7E,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;QACvD,MAAM,IAAI,KAAK,CACb,sEAAsE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAC/F,CAAC;IACJ,CAAC;IACD,OAAO,iBAAiB,CAAC,MAAM,CAAC,CAAC;AACnC,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,OAAyB;IACnD,OAAO,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;AACvC,CAAC"}

package/lib/seo/vite/ogCard.d.ts

@@ -9,7 +9,8 @@
  * load: this module sits in the same entry point as the prerender plugin, which
  * a site must be able to import with none of the optional peers installed.
  */
-import type { EcosystemSite, SiteId } from '../../ecosystem/core/sites.ts';
+import type { ReactNode } from 'react';
+import type { SiteId, SiteRecord } from '../../ecosystem/core/sites.ts';
 /** The width every card is drawn at. */
 export declare const OG_WIDTH = 1200;
 /** The height every card is drawn at. */
@@ -17,12 +18,18 @@ export declare const OG_HEIGHT = 630;
 /** What the card says, beyond the site's own name and mark. */
 export interface OgCardOptions {
     /** The site, named or passed. */
-    site: EcosystemSite | SiteId;
+    site: SiteRecord | SiteId;
     /**
      * The sentence under the name.
      * @default the site's tagline
      */
     description?: string;
+    /**
+     * The drawing on the mark's plate, for a site the shared glyph set does not
+     * hold — see `SiteMark`.
+     * @default the family's drawing for that site
+     */
+    glyph?: (accent: string) => ReactNode;
 }
 /**
  * The card, as a standalone page.

package/lib/seo/vite/ogCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ogCard.d.ts","sourceRoot":"","sources":["../../../src/seo/vite/ogCard.ts"],"names":[],"mappings":"AACA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAK3E,wCAAwC;AACxC,eAAO,MAAM,QAAQ,OAAO,CAAC;AAE7B,yCAAyC;AACzC,eAAO,MAAM,SAAS,MAAM,CAAC;AAE7B,+DAA+D;AAC/D,MAAM,WAAW,aAAa;IAC5B,iCAAiC;IACjC,IAAI,EAAE,aAAa,GAAG,MAAM,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAsB,UAAU,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CAuDxE"}
+{"version":3,"file":"ogCard.d.ts","sourceRoot":"","sources":["../../../src/seo/vite/ogCard.ts"],"names":[],"mappings":"AACA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAKxE,wCAAwC;AACxC,eAAO,MAAM,QAAQ,OAAO,CAAC;AAE7B,yCAAyC;AACzC,eAAO,MAAM,SAAS,MAAM,CAAC;AAE7B,+DAA+D;AAC/D,MAAM,WAAW,aAAa;IAC5B,iCAAiC;IACjC,IAAI,EAAE,UAAU,GAAG,MAAM,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,SAAS,CAAC;CACvC;AAED;;;;;;;;;;;;GAYG;AACH,wBAAsB,UAAU,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CA4DxE"}

package/lib/seo/vite/ogCard.js

@@ -40,7 +40,12 @@ export async function ogCardHtml(options) {
         import('react-dom/server'),
         import("../../ecosystem/ui/marks.js"),
     ]);
-    const mark = renderToStaticMarkup(createElement(SiteMark, { site, size: 132, colors: 'literal' }));
+    const mark = renderToStaticMarkup(createElement(SiteMark, {
+        site,
+        glyph: options.glyph,
+        size: 132,
+        colors: 'literal',
+    }));
     const dot = site.name.dot === true ? '<span class="dot">.</span>' : '';
     return `<!doctype html>
 <html lang="en">

package/lib/seo/vite/ogCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ogCard.js","sourceRoot":"","sources":["../../../src/seo/vite/ogCard.ts"],"names":[],"mappings":"AAAA,8FAA8F;AAC9F;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,wCAAwC;AACxC,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC;AAE7B,yCAAyC;AACzC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAC;AAa7B;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,KAAK,UAAU,UAAU,CAAC,OAAsB;IACrD,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,MAAM,GAAG,cAAc,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;IAC3D,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO,CAAC;IACxD,MAAM,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,oBAAoB,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,GAC/D,MAAM,OAAO,CAAC,GAAG,CAAC;QAChB,MAAM,CAAC,OAAO,CAAC;QACf,MAAM,CAAC,kBAAkB,CAAC;QAC1B,MAAM,CAAC,6BAA8B,CAAC;KACvC,CAAC,CAAC;IACL,MAAM,IAAI,GAAG,oBAAoB,CAC/B,aAAa,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAChE,CAAC;IACF,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvE,OAAO;;;;;;;;iBAQQ,QAAQ;kBACP,SAAS;;;;sBAIL,mBAAmB,CAAC,WAAW,CAAC;iBACrC,mBAAmB,CAAC,QAAQ,CAAC;;;;;;uBAMvB,MAAM,CAAC,IAAI;sBACZ,MAAM,CAAC,GAAG;sBACV,MAAM,CAAC,GAAG;qCACK,mBAAmB,CAAC,cAAc,CAAC;;;;;sBAKlD,IAAI,CAAC,QAAQ;;;;;MAK7B,IAAI;6BACmB,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,qBAAqB,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;;SAEzG,UAAU,CAAC,WAAW,CAAC;;;CAG/B,CAAC;AACF,CAAC"}
+{"version":3,"file":"ogCard.js","sourceRoot":"","sources":["../../../src/seo/vite/ogCard.ts"],"names":[],"mappings":"AAAA,8FAA8F;AAC9F;;;;;;;;;;GAUG;AAIH,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,wCAAwC;AACxC,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC;AAE7B,yCAAyC;AACzC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAC;AAmB7B;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,KAAK,UAAU,UAAU,CAAC,OAAsB;IACrD,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,MAAM,GAAG,cAAc,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;IAC3D,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO,CAAC;IACxD,MAAM,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,oBAAoB,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,GAC/D,MAAM,OAAO,CAAC,GAAG,CAAC;QAChB,MAAM,CAAC,OAAO,CAAC;QACf,MAAM,CAAC,kBAAkB,CAAC;QAC1B,MAAM,CAAC,6BAA8B,CAAC;KACvC,CAAC,CAAC;IACL,MAAM,IAAI,GAAG,oBAAoB,CAC/B,aAAa,CAAC,QAAQ,EAAE;QACtB,IAAI;QACJ,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,SAAS;KAClB,CAAC,CACH,CAAC;IACF,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvE,OAAO;;;;;;;;iBAQQ,QAAQ;kBACP,SAAS;;;;sBAIL,mBAAmB,CAAC,WAAW,CAAC;iBACrC,mBAAmB,CAAC,QAAQ,CAAC;;;;;;uBAMvB,MAAM,CAAC,IAAI;sBACZ,MAAM,CAAC,GAAG;sBACV,MAAM,CAAC,GAAG;qCACK,mBAAmB,CAAC,cAAc,CAAC;;;;;sBAKlD,IAAI,CAAC,QAAQ;;;;;MAK7B,IAAI;6BACmB,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,qBAAqB,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;;SAEzG,UAAU,CAAC,WAAW,CAAC;;;CAG/B,CAAC;AACF,CAAC"}

package/lib/seo/vite/prerender.d.ts

@@ -17,14 +17,14 @@
  * a name it does not have.
  */
 import type { Plugin } from 'vite';
-import type { EcosystemSite, SiteId } from '../../ecosystem/core/sites.ts';
+import type { SiteId, SiteRecord } from '../../ecosystem/core/sites.ts';
 import type { NoscriptText } from '../core/noscript.ts';
 import type { RobotsDisallow } from '../core/robots.ts';
 import type { RouteMeta } from '../core/routes.ts';
 /** What the build needs to know to write the site's addresses. */
 export interface PrerenderOptions {
     /** The site, named or passed. */
-    site: EcosystemSite | SiteId;
+    site: SiteRecord | SiteId;
     /** Every address it answers, each with its title and description. */
     routes: readonly RouteMeta[];
     /**

package/lib/seo/vite/prerender.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prerender.d.ts","sourceRoot":"","sources":["../../../src/seo/vite/prerender.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAKH,OAAO,KAAK,EAAU,MAAM,EAAE,MAAM,MAAM,CAAC;AAE3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAMnD,kEAAkE;AAClE,MAAM,WAAW,gBAAgB;IAC/B,iCAAiC;IACjC,IAAI,EAAE,aAAa,GAAG,MAAM,CAAC;IAC7B,qEAAqE;IACrE,MAAM,EAAE,SAAS,SAAS,EAAE,CAAC;IAC7B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC,MAAM,GAAG,cAAc,CAAC,CAAC;IACxD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC1B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;CACnC;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,CA6EnE"}
+{"version":3,"file":"prerender.d.ts","sourceRoot":"","sources":["../../../src/seo/vite/prerender.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAKH,OAAO,KAAK,EAAU,MAAM,EAAE,MAAM,MAAM,CAAC;AAE3C,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAExE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAMnD,kEAAkE;AAClE,MAAM,WAAW,gBAAgB;IAC/B,iCAAiC;IACjC,IAAI,EAAE,UAAU,GAAG,MAAM,CAAC;IAC1B,qEAAqE;IACrE,MAAM,EAAE,SAAS,SAAS,EAAE,CAAC;IAC7B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC,MAAM,GAAG,cAAc,CAAC,CAAC;IACxD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC1B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;CACnC;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,CA6EnE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-cheminfo",
-  "version": "0.20.0",
+  "version": "0.22.0",
   "license": "MIT",
   "description": "React components, hooks and framework-free helpers shared by the cheminfo sites: site chrome, citations, sharing, routing, pedagogy, charts, and the structure, orbital and 3D molecule viewers",
   "author": "Luc Patiny",

package/src/about/core/about.ts

@@ -3,7 +3,7 @@ import type { CitedWork } from '../../citation/core/works.ts';
 import type { CreditEntry, CreditId } from '../../credits/core/credits.ts';
 import { credits } from '../../credits/core/credits.ts';
 import { siteById } from '../../ecosystem/core/lookup.ts';
-import type { EcosystemSite, SiteId } from '../../ecosystem/core/sites.ts';
+import type { SiteId, SiteRecord } from '../../ecosystem/core/sites.ts';
 
 import type { ProviderEntry, ProviderId } from './providers.ts';
 import { providers } from './providers.ts';
@@ -23,7 +23,7 @@ export interface AboutContent {
    * is deliberately not listed in the family's Tools menu and therefore not in
    * `ECOSYSTEM_SITES`.
    */
-  siteId: SiteId | EcosystemSite;
+  siteId: SiteId | SiteRecord;
   /** One sentence: what this tool is. */
   what: string;
   /**
@@ -101,7 +101,7 @@ export interface AboutPerson {
  */
 export interface ResolvedAbout {
   /** The site's own record, which carries its name, tagline and colours. */
-  site: EcosystemSite;
+  site: SiteRecord;
   what: string;
   /** The context paragraphs, empty when the site writes none. */
   paragraphs: readonly string[];

package/src/build/vite/gitHead.ts

@@ -29,11 +29,14 @@ export function readGitHead(start: string): string | undefined {
   // itself and neither `refs` nor `packed-refs` is read at all.
   if (!head.startsWith('ref:')) return asCommit(head);
 
+  // A linked worktree keeps only its own `HEAD`: the branch it names lives in
+  // the repository's common directory, which `commondir` points to.
   const ref = head.slice('ref:'.length).trim();
-  const loose = readText(join(gitDir, ref));
+  const commonDir = findCommonDir(gitDir);
+  const loose = readText(join(gitDir, ref)) ?? readText(join(commonDir, ref));
   return (
     asCommit(loose) ??
-    commitInPackedRefs(readText(join(gitDir, 'packed-refs')), ref)
+    commitInPackedRefs(readText(join(commonDir, 'packed-refs')), ref)
   );
 }
 
@@ -74,6 +77,18 @@ export function findGitDir(start: string): string | undefined {
   }
 }
 
+/**
+ * The directory the refs of a repository live in: the `.git` directory itself,
+ * or for a linked worktree the one its `commondir` file names.
+ * @param gitDir - The `.git` directory `HEAD` was read from.
+ * @returns The absolute path of the common directory.
+ */
+function findCommonDir(gitDir: string): string {
+  const pointer = readText(join(gitDir, 'commondir'));
+  if (pointer === undefined || pointer === '') return gitDir;
+  return isAbsolute(pointer) ? pointer : resolve(gitDir, pointer);
+}
+
 /**
  * The hash a packed `refs` file gives a ref.
  * @param packed - The contents of `packed-refs`, when there is one.

package/src/chrome/ui/SiteHeader.tsx

@@ -2,7 +2,7 @@ import type { ReactElement, ReactNode } from 'react';
 import { Fragment } from 'react';
 
 import { siteById } from '../../ecosystem/core/lookup.ts';
-import type { SiteId } from '../../ecosystem/core/sites.ts';
+import type { SiteId, SiteRecord } from '../../ecosystem/core/sites.ts';
 import { Wordmark } from '../../ecosystem/ui/Wordmark.tsx';
 import { SiteMark } from '../../ecosystem/ui/marks.tsx';
 
@@ -12,8 +12,24 @@ import type { NavItem } from './navItem.ts';
 import { isModifiedClick } from './navItem.ts';
 
 export interface SiteHeaderProps {
-  /** The site the bar belongs to, which draws its mark and writes its name. */
-  siteId: SiteId;
+  /**
+   * The site the bar belongs to, which draws its mark and writes its name. One
+   * of `site` and `siteId` is required.
+   * @default undefined
+   */
+  siteId?: SiteId;
+  /**
+   * The same site, passed rather than named — for a site that is deliberately
+   * not one of `ECOSYSTEM_SITES`, and so is linked from no other site's menu.
+   * @default undefined
+   */
+  site?: SiteRecord;
+  /**
+   * The site's own mark, for a site the shared glyph set does not hold. It
+   * stands where `SiteMark` would, at the size the site draws it.
+   * @default undefined — the family's mark for that site
+   */
+  mark?: ReactNode;
   /** The pages, in the order the bar lists them. */
   nav: readonly NavItem[];
   /**
@@ -86,10 +102,13 @@ export interface SiteHeaderProps {
  * @param props - The site, its pages, its utilities, and whether the page is
  * framed in another site.
  * @returns The bar, or nothing at all on an embedded page.
+ * @throws {Error} When neither `site` nor `siteId` is given.
  */
 export function SiteHeader(props: SiteHeaderProps): ReactElement | null {
   const {
     siteId,
+    site: record,
+    mark,
     nav,
     activeId,
     actions,
@@ -104,7 +123,10 @@ export function SiteHeader(props: SiteHeaderProps): ReactElement | null {
 
   if (embedded) return null;
 
-  const site = siteById(siteId);
+  const site = record ?? (siteId === undefined ? undefined : siteById(siteId));
+  if (site === undefined) {
+    throw new Error('SiteHeader needs one of its `site` and `siteId` props');
+  }
 
   return (
     <header className="app-header no-print">
@@ -119,8 +141,8 @@ export function SiteHeader(props: SiteHeaderProps): ReactElement | null {
             onHome();
           }}
         >
-          <SiteMark siteId={siteId} size={markSize} />
-          <Wordmark siteId={siteId} />
+          {mark ?? <SiteMark site={site} size={markSize} />}
+          <Wordmark site={site} />
         </a>
         <nav className="app-header-nav">
           {nav.map((item) => (

package/src/clipboard/ui/ClickToCopy.tsx

@@ -0,0 +1,190 @@
+import { Icon } from '@blueprintjs/core';
+import type {
+  CSSProperties,
+  KeyboardEvent,
+  MouseEvent,
+  ReactElement,
+  ReactNode,
+} from 'react';
+
+import { onActivateKey } from '../../hooks/ui/activationKey.ts';
+import { joinClassNames } from '../../shared/ui/joinClassNames.ts';
+import type { ClipboardContent } from '../core/writeToClipboard.ts';
+import { writeToClipboard } from '../core/writeToClipboard.ts';
+
+import { useCopyToClipboard } from './useCopyToClipboard.ts';
+
+/** The elements a {@link ClickToCopy} can be, so a table cell is its own target. */
+export type ClickToCopyElement = 'span' | 'code' | 'div' | 'td' | 'th';
+
+/** What {@link ClickToCopy} copies, and how it reads. */
+export interface ClickToCopyProps {
+  /**
+   * What goes on the clipboard: text, or text with its HTML rendering. A
+   * function is called only when the value is clicked.
+   */
+  value: ClipboardContent | (() => ClipboardContent);
+  /** What is shown; the pointer turns into the copy cursor over it. */
+  children: ReactNode;
+  /**
+   * What the value is, named in the hover title: `Copy the SMILES (C=CC=O)`.
+   * @default undefined — the title names only the value
+   */
+  label?: string;
+  /**
+   * Hover title, replacing the one built from `label` and the value.
+   * @default undefined
+   */
+  title?: string;
+  /**
+   * The element drawn. A `span` or a `code` sits in a line of text and shows
+   * its glyph past its right edge; a `div`, `td` or `th` keeps room for it
+   * inside. A `td` or `th` keeps its cell role, so a table stays a table to a
+   * screen reader. A list item or a paragraph holds a `span` or a `div`
+   * instead, so it stays a list item or a paragraph.
+   * @default 'span'
+   */
+  as?: ClickToCopyElement;
+  /**
+   * Whether the value is a tab stop and a button of its own, with its glyph.
+   * Off when a copy button beside it already copies the same value, so the
+   * keyboard and a screen reader meet one control, and the eye one glyph.
+   * @default true
+   */
+  focusable?: boolean;
+  /**
+   * Whether there is nothing to copy: the children are drawn as plain content.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Class the element carries, in addition to `click-to-copy`.
+   * @default undefined
+   */
+  className?: string;
+  /**
+   * Inline style of the element.
+   * @default undefined
+   */
+  style?: CSSProperties;
+}
+
+/** Past this length the value is left out of the title: a molfile is no tooltip. */
+const TITLE_VALUE_MAX = 120;
+
+const INLINE = new Set<ClickToCopyElement>(['span', 'code']);
+const CELLS = new Set<ClickToCopyElement>(['td', 'th']);
+
+/** A control inside the value acts on its own click, which copies nothing. */
+const NESTED_CONTROL =
+  'a[href], button, input, select, textarea, summary, label, [role="button"], [role="link"], [role="checkbox"], [role="switch"], [role="tab"], [role="menuitem"]';
+
+/**
+ * A value that is copied by clicking it.
+ *
+ * Text in a tool is not selectable — a drag across a viewer must not paint the
+ * page — so what is worth taking away is copied this way instead: the copy
+ * cursor, a tint and a clipboard glyph announce it on hover, a click or `Enter`
+ * puts it on the clipboard, and a tick confirms it. The click stops there, so
+ * a value inside a clickable row copies without also opening the row, and a
+ * link or a button nested in the value keeps its own click.
+ * @param props - See {@link ClickToCopyProps}.
+ * @returns The copyable value.
+ */
+export function ClickToCopy(props: ClickToCopyProps): ReactElement {
+  const {
+    value,
+    children,
+    label,
+    title,
+    as: Element = 'span',
+    focusable = true,
+    disabled = false,
+    className,
+    style,
+  } = props;
+  const { copied, failed, copy } = useCopyToClipboard();
+
+  if (disabled) {
+    return (
+      <Element className={className} style={style}>
+        {children}
+      </Element>
+    );
+  }
+
+  function activate(
+    event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>,
+  ): void {
+    if (isOnNestedControl(event)) return;
+    event.stopPropagation();
+    void copy(
+      typeof value === 'function' ? () => writeToClipboard(value()) : value,
+    );
+  }
+
+  const outcome = copied ? 'copied' : failed ? 'failed' : undefined;
+
+  return (
+    <Element
+      className={joinClassNames(
+        'click-to-copy',
+        INLINE.has(Element) ? 'click-to-copy--inline' : 'click-to-copy--block',
+        className,
+      )}
+      style={style}
+      role={focusable && !CELLS.has(Element) ? 'button' : undefined}
+      tabIndex={focusable ? 0 : undefined}
+      title={title ?? copyTitle(value, label)}
+      data-copy={outcome}
+      onClick={activate}
+      onKeyDown={onActivateKey<KeyboardEvent<HTMLElement>>(activate)}
+    >
+      {children}
+      {focusable ? (
+        <Icon
+          className="click-to-copy__icon"
+          icon={
+            outcome === 'copied'
+              ? 'tick'
+              : outcome === 'failed'
+                ? 'cross'
+                : 'clipboard'
+          }
+          size={16}
+        />
+      ) : null}
+      <span className="click-to-copy__status" role="status">
+        {outcome === 'copied'
+          ? 'Copied'
+          : outcome === 'failed'
+            ? 'Copy failed'
+            : null}
+      </span>
+    </Element>
+  );
+}
+
+function isOnNestedControl(
+  event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>,
+): boolean {
+  const { target, currentTarget } = event;
+  if (!(target instanceof Element) || target === currentTarget) return false;
+  const control = target.closest(NESTED_CONTROL);
+  return (
+    control !== null &&
+    control !== currentTarget &&
+    currentTarget.contains(control)
+  );
+}
+
+function copyTitle(
+  value: ClickToCopyProps['value'],
+  label: string | undefined,
+): string {
+  const what = label === undefined ? 'Copy' : `Copy the ${label}`;
+  if (typeof value === 'function') return what;
+  const text = typeof value === 'string' ? value : value.text;
+  if (text === '' || text.length > TITLE_VALUE_MAX) return what;
+  return label === undefined ? `Copy ${text}` : `${what} (${text})`;
+}

package/src/clipboard/ui/CopyButton.tsx

@@ -44,7 +44,7 @@ export interface CopyButtonProps {
   small?: boolean;
   /**
    * Glyph shown at rest. A tick replaces it while the copy is confirmed.
-   * @default 'duplicate'
+   * @default 'clipboard'
    */
   icon?: IconName;
   /**
@@ -83,7 +83,7 @@ export function CopyButton(props: CopyButtonProps): ReactElement {
     failedLabel = 'Copy failed',
     minimal = false,
     small = false,
-    icon = 'duplicate',
+    icon = 'clipboard',
     disabled = false,
     resetAfter = DEFAULT_COPY_RESET_AFTER,
     title = 'Copy to clipboard',

package/src/clipboard/ui/CopyableValue.tsx

@@ -3,6 +3,7 @@ import type { CSSProperties, ReactElement, ReactNode } from 'react';
 import { MISSING_VALUE } from '../../format/core/missing.ts';
 import { TOKEN } from '../../tokens/core/familyTokens.ts';
 
+import { ClickToCopy } from './ClickToCopy.tsx';
 import { CopyButton } from './CopyButton.tsx';
 
 const DEFAULT_BLOCK_HEIGHT = 160;
@@ -50,9 +51,9 @@ export interface CopyableValueProps {
  * One read-only value, named, with the button that copies it.
  *
  * A derived notation — a SMILES, an InChIKey, an accession — is only useful
- * somewhere else, so it is shown with the single click that puts it on the
- * clipboard, and selecting the value by hand takes all of it at once. An empty
- * value reads as the missing marker and offers nothing to copy.
+ * somewhere else, so a click on the value or on its button puts it on the
+ * clipboard. An empty value reads as the missing marker and offers nothing to
+ * copy.
  * @param props - See {@link CopyableValueProps}.
  * @returns The labelled value and its copy button.
  */
@@ -93,12 +94,17 @@ export function CopyableValue(props: CopyableValueProps): ReactElement {
           small
         />
       </div>
-      <code
+      <ClickToCopy
+        as="code"
+        value={value}
+        label={label}
+        focusable={false}
+        disabled={isEmpty}
         className="copyable-value__value"
         style={block ? { ...BLOCK_VALUE_STYLE, maxHeight } : VALUE_STYLE}
       >
         {isEmpty ? MISSING_VALUE : value}
-      </code>
+      </ClickToCopy>
       {children}
     </div>
   );
@@ -127,7 +133,6 @@ const VALUE_STYLE = {
   fontFamily: 'ui-monospace, SFMono-Regular, Menlo, monospace',
   fontSize: 12,
   overflowWrap: 'anywhere',
-  userSelect: 'all',
 } as const satisfies CSSProperties;
 
 const BLOCK_VALUE_STYLE = {

package/src/clipboard/ui/index.ts

@@ -1,3 +1,5 @@
+export type { ClickToCopyElement, ClickToCopyProps } from './ClickToCopy.tsx';
+export { ClickToCopy } from './ClickToCopy.tsx';
 export type { CodeBlockProps, CodeBlockTone } from './CodeBlock.tsx';
 export { CodeBlock } from './CodeBlock.tsx';
 export type { CopyableValueProps } from './CopyableValue.tsx';

package/src/ecosystem/core/groups.ts

@@ -4,13 +4,14 @@
  * A single grid of tiles tells a visitor nothing about which of them is for
  * a first-year student and which is for a research project. The groups are the
  * answer, and they read as a progression: the chemistry a course opens with,
- * then the molecule itself, then what was measured of it, then the work only a
- * project needs — and last the three tools that are not chemistry at all.
+ * the exercises that practise it, then the molecule itself, then what was
+ * measured of it, then the work only a project needs — and last the tools that
+ * are not chemistry at all.
  */
 
 /** The topics, in the order they are written. */
 export type SiteGroupId =
-  'basics' | 'structures' | 'spectra' | 'research' | 'computing';
+  'basics' | 'practice' | 'structures' | 'spectra' | 'research' | 'computing';
 
 /** One topic the family's tools are gathered under. */
 export interface SiteGroup {
@@ -36,6 +37,12 @@ export const SITE_GROUPS: readonly SiteGroup[] = [
     label: 'Chemistry basics',
     blurb: 'Where a course starts, and what you go back to.',
   },
+  {
+    id: 'practice',
+    label: 'Practice',
+    blurb:
+      'Where a first course is worked through, one graded series at a time.',
+  },
   {
     id: 'structures',
     label: 'Structures & notation',

package/src/ecosystem/core/index.ts

@@ -14,6 +14,7 @@ export type {
   SiteId,
   SiteMarkColors,
   SiteName,
+  SiteRecord,
 } from './sites.ts';
 export { ECOSYSTEM_SITES, siteUrl } from './sites.ts';
 export { siteTokensCss } from './tokens.ts';

package/src/ecosystem/core/lookup.ts

@@ -1,6 +1,6 @@
 import type { SiteGroup, SiteGroupId } from './groups.ts';
 import { SITE_GROUPS } from './groups.ts';
-import type { EcosystemSite, SiteId } from './sites.ts';
+import type { EcosystemSite, SiteId, SiteRecord } from './sites.ts';
 import { ECOSYSTEM_SITES } from './sites.ts';
 
 /** One topic and the sites written under it. */
@@ -62,7 +62,7 @@ export function siteById(id: SiteId): EcosystemSite {
  * @param site - The site being named.
  * @returns What the site is called, in one string.
  */
-export function siteDisplayName(site: EcosystemSite): string {
+export function siteDisplayName(site: SiteRecord): string {
   return site.name.dot === true
     ? site.host
     : `${site.name.lead}${site.name.alt}`;

package/src/ecosystem/core/nameColors.ts

@@ -1,6 +1,6 @@
 import { FAMILY_TOKEN_VALUES, TOKEN } from '../../tokens/core/familyTokens.ts';
 
-import type { EcosystemSite } from './types.ts';
+import type { SiteRecord } from './types.ts';
 
 /** The colour each half of a site's name is written in. */
 export interface SiteNameColors {
@@ -35,7 +35,7 @@ export interface SiteNameColorsOptions {
  * @returns The colour of each half, and of the dot between them.
  */
 export function siteNameColors(
-  site: EcosystemSite,
+  site: SiteRecord,
   options: SiteNameColorsOptions = {},
 ): SiteNameColors {
   const literal = options.colors === 'literal';