react-cheminfo 0.20.0 → 0.21.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.21.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/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/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';

package/src/ecosystem/core/sites.ts

@@ -1,11 +1,12 @@
 // tokens-ok: file — every site's two colours are declared here.
-import type { EcosystemSite } from './types.ts';
+import type { EcosystemSite, SiteRecord } from './types.ts';
 
 export type {
   EcosystemSite,
   SiteId,
   SiteMarkColors,
   SiteName,
+  SiteRecord,
 } from './types.ts';
 
 /**
@@ -295,6 +296,6 @@ export const ECOSYSTEM_SITES: readonly EcosystemSite[] = [
  * @param site - The site being linked to.
  * @returns The URL to open.
  */
-export function siteUrl(site: EcosystemSite): string {
+export function siteUrl(site: SiteRecord): string {
   return `https://${site.host}/`;
 }

package/src/ecosystem/core/tokens.ts

@@ -1,6 +1,6 @@
 // tokens-ok: file — the block a site renders is written here.
 import { siteById } from './lookup.ts';
-import type { EcosystemSite, SiteId } from './sites.ts';
+import type { SiteId, SiteRecord } from './sites.ts';
 
 /**
  * The custom properties a site of the family sets on `:root`: the two colours
@@ -9,21 +9,22 @@ import type { EcosystemSite, SiteId } from './sites.ts';
  *
  * It is a complete rule rather than a list of declarations, so it drops into a
  * `<style>` of a prerendered page as it is.
- * @param id - The site whose palette is wanted.
+ * @param site - The site whose palette is wanted: its id, or the record of a
+ *   site that is not one of the family.
  * @returns The `:root` rule, ending in a newline.
  */
-export function siteTokensCss(id: SiteId): string {
-  const site = siteById(id);
-  const answering = answeringColor(site);
+export function siteTokensCss(site: SiteId | SiteRecord): string {
+  const record = typeof site === 'string' ? siteById(site) : site;
+  const answering = answeringColor(record);
   const declarations = [
-    `--brand: ${site.brand};`,
+    `--brand: ${record.brand};`,
     `--brand-alt: ${answering};`,
   ];
 
   // The answering colour of several sites is a yellow or an amber that sits
   // around 2:1 on white, so text set in it needs the darkened form instead.
-  if (site.brandAlt !== answering) {
-    declarations.push(`--brand-alt-text: ${site.brandAlt};`);
+  if (record.brandAlt !== answering) {
+    declarations.push(`--brand-alt-text: ${record.brandAlt};`);
   }
   declarations.push('--accent: var(--brand);');
 
@@ -32,6 +33,6 @@ export function siteTokensCss(id: SiteId): string {
 
 // The second colour as the site's mark draws it: on the accent element, unless
 // the mark inverts the pair and gives the plate the answering colour instead.
-function answeringColor(site: EcosystemSite): string {
+function answeringColor(site: SiteRecord): string {
   return site.mark.accent === site.brand ? site.mark.plate : site.mark.accent;
 }

package/src/ecosystem/core/types.ts

@@ -50,10 +50,14 @@ export interface SiteName {
   ink?: 'lead' | 'alt';
 }
 
-/** One site of the family: its name, address, topic and two colours. */
-export interface EcosystemSite {
-  /** The identifier every component and helper names the site by. */
-  id: SiteId;
+/**
+ * What the chrome draws a site from: its name, address and two colours. A site
+ * that is deliberately not one of the family writes its own, and passes it
+ * wherever a family site passes its id.
+ */
+export interface SiteRecord {
+  /** The identifier the site is named by. */
+  id: string;
   /** The name, split the way the site's own wordmark splits it. */
   name: SiteName;
   /** Where the site lives, written the way it is typed. */
@@ -70,11 +74,6 @@ export interface EcosystemSite {
   publicRepository?: boolean;
   /** One line on what the site does. */
   tagline: string;
-  /**
-   * The topic the site is written under, which is what decides where it sits
-   * in the menu and in the footer.
-   */
-  group: SiteGroupId;
   /**
    * The colour the name is written in — the first half, or the second when
    * `name.ink` leaves the first in the family's ink.
@@ -90,6 +89,17 @@ export interface EcosystemSite {
   mark: SiteMarkColors;
 }
 
+/** One site of the family: its record, and the topic it is listed under. */
+export interface EcosystemSite extends SiteRecord {
+  /** The identifier every component and helper names the site by. */
+  id: SiteId;
+  /**
+   * The topic the site is written under, which is what decides where it sits
+   * in the menu and in the footer.
+   */
+  group: SiteGroupId;
+}
+
 /** The colours a site's mark is drawn in. */
 export interface SiteMarkColors {
   /** The rounded square the mark is drawn on. */

package/src/ecosystem/ui/SiteTheme.tsx

@@ -1,12 +1,22 @@
 import type { ReactElement } from 'react';
 
-import type { SiteId } from '../core/sites.ts';
+import type { SiteId, SiteRecord } from '../core/sites.ts';
 import { siteTokensCss } from '../core/tokens.ts';
 
 /** What the site palette needs. */
 export interface SiteThemeProps {
-  /** The site whose palette the page takes. */
-  siteId: SiteId;
+  /**
+   * The site whose palette the page takes, named. 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`.
+   * @default undefined
+   */
+  site?: SiteRecord;
 }
 
 /**
@@ -18,7 +28,12 @@ export interface SiteThemeProps {
  * in a component.
  * @param props - The site whose palette is injected.
  * @returns The rule, as a style element that applies wherever it is rendered.
+ * @throws {Error} When neither `site` nor `siteId` is given.
  */
 export function SiteTheme(props: SiteThemeProps): ReactElement {
-  return <style>{siteTokensCss(props.siteId)}</style>;
+  const site = props.site ?? props.siteId;
+  if (site === undefined) {
+    throw new Error('SiteTheme needs one of its `site` and `siteId` props');
+  }
+  return <style>{siteTokensCss(site)}</style>;
 }

package/src/ecosystem/ui/Wordmark.tsx

@@ -3,7 +3,7 @@ import type { CSSProperties, ReactElement } from 'react';
 import { joinClassNames } from '../../shared/ui/joinClassNames.ts';
 import { siteById } from '../core/lookup.ts';
 import { siteNameColors } from '../core/nameColors.ts';
-import type { EcosystemSite, SiteId } from '../core/sites.ts';
+import type { SiteId, SiteRecord } from '../core/sites.ts';
 
 /** What a site's written name needs. */
 export interface WordmarkProps {
@@ -13,7 +13,7 @@ export interface WordmarkProps {
    * required.
    * @default undefined
    */
-  site?: EcosystemSite;
+  site?: SiteRecord;
   /**
    * The same site, named rather than passed, which is what a header knows.
    * @default undefined

package/src/ecosystem/ui/marks.tsx

@@ -1,7 +1,7 @@
-import type { CSSProperties, ReactElement } from 'react';
+import type { CSSProperties, ReactElement, ReactNode } from 'react';
 
 import { siteById } from '../core/lookup.ts';
-import type { EcosystemSite, SiteId } from '../core/sites.ts';
+import type { SiteId, SiteRecord } from '../core/sites.ts';
 
 import { GLYPHS } from './glyphs.tsx';
 
@@ -19,13 +19,21 @@ export interface SiteMarkProps {
    * and `siteId` is required.
    * @default undefined
    */
-  site?: EcosystemSite;
+  site?: SiteRecord;
   /**
    * The same site, named rather than passed, for a header that knows only
    * which site it is.
    * @default undefined
    */
   siteId?: SiteId;
+  /**
+   * What is drawn on the plate, in the same 32×32 box, given the colour its one
+   * answering element takes. It is how a site that is not one of the family,
+   * and so has no drawing in the shared set, still gets a mark of the family's
+   * shape.
+   * @default the family's drawing for that site
+   */
+  glyph?: (accent: string) => ReactNode;
   /**
    * Edge of the square the mark is drawn in, in pixels.
    * @default 28
@@ -57,13 +65,15 @@ export interface SiteMarkProps {
  * The little logo of one site of the family.
  * @param props - Which site, how big, and where its colours come from.
  * @returns The mark, as an inline SVG.
- * @throws {Error} When neither `site` nor `siteId` is given.
+ * @throws {Error} When neither `site` nor `siteId` is given, or when the site
+ *   is not one of the family and no `glyph` is.
  */
 export function SiteMark(props: SiteMarkProps): ReactElement {
   const {
     className,
     site,
     siteId,
+    glyph,
     size = 28,
     plate = true,
     colors = 'literal',
@@ -73,6 +83,10 @@ export function SiteMark(props: SiteMarkProps): ReactElement {
   if (drawn === undefined) {
     throw new Error('SiteMark needs one of its `site` and `siteId` props');
   }
+  const draw = glyph ?? familyGlyph(drawn.id);
+  if (draw === undefined) {
+    throw new Error(`SiteMark has no drawing for ${drawn.id}: pass its glyph`);
+  }
 
   const usesTokens = colors === 'tokens';
   const plateFill = usesTokens ? 'var(--brand)' : drawn.mark.plate;
@@ -100,7 +114,11 @@ export function SiteMark(props: SiteMarkProps): ReactElement {
           stroke={edge}
         />
       ) : null}
-      {GLYPHS[drawn.id](accent)}
+      {draw(accent)}
     </svg>
   );
 }
+
+function familyGlyph(id: string): ((accent: string) => ReactNode) | undefined {
+  return Object.hasOwn(GLYPHS, id) ? GLYPHS[id as SiteId] : undefined;
+}

package/src/seo/core/noscript.ts

@@ -167,7 +167,7 @@ function labelOf(route: NoscriptRoute): string {
 }
 
 function familyList(
-  current: SiteId,
+  current: string,
   ecosystem: boolean | NoscriptEcosystem | undefined,
 ): string {
   if (ecosystem === undefined || ecosystem === false) return '';

package/src/seo/core/pageMeta.ts

@@ -13,7 +13,7 @@
  */
 
 import { siteDisplayName } from '../../ecosystem/core/lookup.ts';
-import type { EcosystemSite, SiteId } from '../../ecosystem/core/sites.ts';
+import type { SiteId, SiteRecord } from '../../ecosystem/core/sites.ts';
 import { escapeAttribute, escapeText } from '../../share/core/escape.ts';
 
 import type { DocumentMeta } from './documentMeta.ts';
@@ -25,7 +25,7 @@ import { PAGE_HEAD_MARKER, fill } from './template.ts';
 /** Which site is being served, and what it answers. */
 export interface PageMetaOptions {
   /** 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/src/seo/core/siteFiles.ts

@@ -10,7 +10,7 @@
  */
 
 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 { trimTrailingSlash } from '../../router/core/address.ts';
 import { basePathOf } from '../../router/core/basePath.ts';
 import { escapeText } from '../../share/core/escape.ts';
@@ -25,7 +25,7 @@ const HTTP_ORIGIN = /^https?:\/\//i;
 /** 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[];
   /**
@@ -71,7 +71,7 @@ ${entries}
  * @param site - The site, named or passed.
  * @returns Its record.
  */
-export function resolveSite(site: EcosystemSite | SiteId): EcosystemSite {
+export function resolveSite(site: SiteRecord | SiteId): SiteRecord {
   return typeof site === 'string' ? siteById(site) : site;
 }
 

package/src/seo/vite/ogCard.ts

@@ -11,8 +11,10 @@
  * a site must be able to import with none of the optional peers installed.
  */
 
+import type { ReactNode } from 'react';
+
 import { siteNameColors } from '../../ecosystem/core/nameColors.ts';
-import type { EcosystemSite, SiteId } from '../../ecosystem/core/sites.ts';
+import type { SiteId, SiteRecord } from '../../ecosystem/core/sites.ts';
 import { escapeText } from '../../share/core/escape.ts';
 import { FAMILY_TOKEN_VALUES } from '../../tokens/core/familyTokens.ts';
 import { resolveSite } from '../core/siteFiles.ts';
@@ -26,12 +28,18 @@ export 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;
 }
 
 /**
@@ -58,7 +66,12 @@ export async function ogCardHtml(options: OgCardOptions): Promise<string> {
       import('../../ecosystem/ui/marks.tsx'),
     ]);
   const mark = renderToStaticMarkup(
-    createElement(SiteMark, { site, size: 132, colors: 'literal' }),
+    createElement(SiteMark, {
+      site,
+      glyph: options.glyph,
+      size: 132,
+      colors: 'literal',
+    }),
   );
   const dot = site.name.dot === true ? '<span class="dot">.</span>' : '';