react-cheminfo 0.42.0 → 0.43.0

package/lib/periodic/ui/cellType.d.ts

@@ -0,0 +1,106 @@
+/**
+ * How large the writing in a cell is.
+ *
+ * Everything a cell holds is sized against the table's own width, so the same
+ * drawing reads at 280px beside a chart and across a lecture-hall screen.
+ *
+ * Nothing is ever trimmed: a value cut short by an ellipsis is a wrong value —
+ * `0.0899` read as `0.0…` is worse than not writing it at all. A line that is
+ * still too wide at the size its table writes is condensed instead, which keeps
+ * its height, its weight and its colour — the thing a reader compares two cells
+ * on — while giving back the width it was missing.
+ */
+/** The column the electron counts stand in, as a share of the table's width. */
+export declare const SHELLS_SHARE = 1.2;
+/**
+ * The air between the symbol and that column, as a share of the table's width.
+ *
+ * Without it the widest symbols — `Md`, `Tm`, `Cm`, anything carrying an `M` or
+ * an `m` — are written at the cap and end a pixel from the first electron, and
+ * the cell reads as two things that collided rather than as two columns.
+ */
+export declare const SHELLS_GAP = 0.5;
+/** What the counts and their air together take off the width of a cell. */
+export declare const SHELLS_RESERVED: number;
+/** How the third line of a whole table is written. */
+export interface DetailType {
+    /** Size every cell writes it at, as a CSS length. */
+    size: string;
+    /** How wide one em of it is, in shares of the table's width. */
+    sizeShare: number;
+}
+/**
+ * The one size a table writes its third line at.
+ *
+ * The largest at which the widest of them fits, between a floor and a cap: a
+ * table whose values are short writes them large, and one writing names writes
+ * every name at the size the longest needs.
+ * @param widths - How wide each line is, in ems of its own size.
+ * @param reservedShare - Width taken by the electron counts, as a share of the
+ * table's width; zero when none are written.
+ * @returns The size, as a CSS length and as the share it was computed from.
+ */
+export declare function detailType(widths: readonly number[], reservedShare: number): DetailType;
+/**
+ * How much a line has to be condensed to fit its cell.
+ * @param widthInEm - How wide the line is, in ems of its own size.
+ * @param type - What the table writes its third line at.
+ * @param reservedShare - Width taken by the electron counts, as a share of the
+ * table's width; zero when none are written.
+ * @returns A horizontal scale, never above 1.
+ */
+export declare function condensedScale(widthInEm: number, type: DetailType, reservedShare: number): number;
+/**
+ * The size the symbol is written at.
+ *
+ * Every symbol is written at the same size, except the widest of them — the
+ * ones whose second letter is an `m` — which are written a tenth smaller rather
+ * than run into the edges of their cell.
+ * @param symbol - The chemical symbol.
+ * @param cap - Largest it is written, as a share of the table's width.
+ * @param reservedShare - Width taken by the electron counts, as a share of the
+ * table's width; zero when none are written.
+ * @returns A CSS length.
+ */
+export declare function symbolFontSize(symbol: string, cap: number, reservedShare: number): string;
+/**
+ * A share, at the precision a length is written to.
+ * @param share - The share, in per cent of the table's width.
+ * @returns The same share, rounded.
+ */
+export declare function rounded(share: number): number;
+/**
+ * How wide a string is, in ems of its own size.
+ *
+ * A value is written with tabular figures, where every glyph — the decimal
+ * point and the minus of an exponent included — advances the same width, so
+ * counting its characters is the measurement. A name is proportional, and is
+ * measured letter by letter: measured as figures, every name in the table would
+ * be sized for a width it does not have.
+ * @param text - The string.
+ * @returns Its width, never zero.
+ */
+export declare function textWidthInEm(text: string): number;
+/**
+ * The size a stack of electron counts is written at.
+ *
+ * Seven shells have to stand in the height of one cell, so the size is what
+ * the deepest stack of the table leaves — francium's seven, wherever the table
+ * writes any.
+ * @param count - How many shells stand in the tallest stack.
+ * @returns A CSS length.
+ */
+export declare function shellFontSize(count: number): string;
+/**
+ * A horizontal scale, written as a transform.
+ * @param scale - The scale, from {@link condensedScale}.
+ * @returns The transform, or nothing at all when the line fits as it is.
+ */
+export declare function scaleX(scale: number): string | undefined;
+/** The size the symbol is written at wherever it fits, as a share of the table. */
+export declare const SYMBOL_CAP = 2.1;
+/** How tall one row of the table is, as a share of its width. */
+export declare const ROW_SHARE = 6.8;
+/** The height one of them takes, in ems of its own size. */
+export declare const SHELL_LEADING = 1.2;
+//# sourceMappingURL=cellType.d.ts.map

package/lib/periodic/ui/cellType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cellType.d.ts","sourceRoot":"","sources":["../../../src/periodic/ui/cellType.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAiBH,gFAAgF;AAChF,eAAO,MAAM,YAAY,MAAM,CAAC;AAEhC;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,MAAM,CAAC;AAE9B,2EAA2E;AAC3E,eAAO,MAAM,eAAe,QAA4B,CAAC;AAqBzD,sDAAsD;AACtD,MAAM,WAAW,UAAU;IACzB,qDAAqD;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CACxB,MAAM,EAAE,SAAS,MAAM,EAAE,EACzB,aAAa,EAAE,MAAM,GACpB,UAAU,CAYZ;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAC5B,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,UAAU,EAChB,aAAa,EAAE,MAAM,GACpB,MAAM,CAGR;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,EACX,aAAa,EAAE,MAAM,GACpB,MAAM,CAIR;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE7C;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAOlD;AAuBD;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKnD;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAExD;AAED,mFAAmF;AACnF,eAAO,MAAM,UAAU,MAAM,CAAC;AAE9B,iEAAiE;AACjE,eAAO,MAAM,SAAS,MAAM,CAAC;AAK7B,4DAA4D;AAC5D,eAAO,MAAM,aAAa,MAAM,CAAC"}

package/lib/periodic/ui/cellType.js

@@ -0,0 +1,181 @@
+/**
+ * How large the writing in a cell is.
+ *
+ * Everything a cell holds is sized against the table's own width, so the same
+ * drawing reads at 280px beside a chart and across a lecture-hall screen.
+ *
+ * Nothing is ever trimmed: a value cut short by an ellipsis is a wrong value —
+ * `0.0899` read as `0.0…` is worse than not writing it at all. A line that is
+ * still too wide at the size its table writes is condensed instead, which keeps
+ * its height, its weight and its colour — the thing a reader compares two cells
+ * on — while giving back the width it was missing.
+ */
+import { ADVANCE } from "./glyphWidths.js";
+import { ofWidth } from "./unit.js";
+/**
+ * How wide one line of text is, in per cent of the table's width.
+ *
+ * A column of the grid is 4.85% of it; this is what a cell leaves of that once
+ * its border and its padding are allowed for. One share rather than a share
+ * less a few pixels, because the size a line is written at and the width it
+ * then has are then the same arithmetic — which is what lets the scale that
+ * condenses an over-wide line be a plain number rather than a length only the
+ * engine can resolve.
+ */
+const TEXT_SHARE = 4.5;
+/** The column the electron counts stand in, as a share of the table's width. */
+export const SHELLS_SHARE = 1.2;
+/**
+ * The air between the symbol and that column, as a share of the table's width.
+ *
+ * Without it the widest symbols — `Md`, `Tm`, `Cm`, anything carrying an `M` or
+ * an `m` — are written at the cap and end a pixel from the first electron, and
+ * the cell reads as two things that collided rather than as two columns.
+ */
+export const SHELLS_GAP = 0.5;
+/** What the counts and their air together take off the width of a cell. */
+export const SHELLS_RESERVED = SHELLS_SHARE + SHELLS_GAP;
+/** Largest the third line is written, as a share of the table's width. */
+const DETAIL_CAP = 1.5;
+/**
+ * Smallest it is written, as a share of the table's width.
+ *
+ * Under this a name stops being readable at any table size, so the few names
+ * that do not fit are condensed rather than written smaller — the table keeps
+ * one size for all 118, which is what makes a column of them readable at a
+ * glance.
+ */
+const DETAIL_FLOOR = 0.95;
+/** What one tabular glyph advances, as a share of its own size. */
+const TABULAR_EM = 0.6;
+/** A string of digits, a decimal point, a sign, an exponent and nothing else. */
+const NUMERIC = /^[\d\s.,+\-−×^eE]+$/u;
+/**
+ * The one size a table writes its third line at.
+ *
+ * The largest at which the widest of them fits, between a floor and a cap: a
+ * table whose values are short writes them large, and one writing names writes
+ * every name at the size the longest needs.
+ * @param widths - How wide each line is, in ems of its own size.
+ * @param reservedShare - Width taken by the electron counts, as a share of the
+ * table's width; zero when none are written.
+ * @returns The size, as a CSS length and as the share it was computed from.
+ */
+export function detailType(widths, reservedShare) {
+    let widest = 1;
+    for (const width of widths) {
+        if (width > widest)
+            widest = width;
+    }
+    const room = TEXT_SHARE - reservedShare;
+    const share = rounded(Math.min(DETAIL_CAP, Math.max(DETAIL_FLOOR, room / widest)));
+    // A floor under which the type is not readable whatever the table is sized
+    // to, which is the one case the share alone does not cover.
+    return { size: `max(0.4rem, ${ofWidth(share)})`, sizeShare: share };
+}
+/**
+ * How much a line has to be condensed to fit its cell.
+ * @param widthInEm - How wide the line is, in ems of its own size.
+ * @param type - What the table writes its third line at.
+ * @param reservedShare - Width taken by the electron counts, as a share of the
+ * table's width; zero when none are written.
+ * @returns A horizontal scale, never above 1.
+ */
+export function condensedScale(widthInEm, type, reservedShare) {
+    const room = TEXT_SHARE - reservedShare;
+    return Math.min(1, room / (widthInEm * type.sizeShare));
+}
+/**
+ * The size the symbol is written at.
+ *
+ * Every symbol is written at the same size, except the widest of them — the
+ * ones whose second letter is an `m` — which are written a tenth smaller rather
+ * than run into the edges of their cell.
+ * @param symbol - The chemical symbol.
+ * @param cap - Largest it is written, as a share of the table's width.
+ * @param reservedShare - Width taken by the electron counts, as a share of the
+ * table's width; zero when none are written.
+ * @returns A CSS length.
+ */
+export function symbolFontSize(symbol, cap, reservedShare) {
+    const room = TEXT_SHARE - reservedShare;
+    const share = rounded(Math.min(cap, room / (textWidthInEm(symbol) * BOLD)));
+    return `max(0.5rem, ${ofWidth(share)})`;
+}
+/**
+ * A share, at the precision a length is written to.
+ * @param share - The share, in per cent of the table's width.
+ * @returns The same share, rounded.
+ */
+export function rounded(share) {
+    return Number(share.toFixed(3));
+}
+/**
+ * How wide a string is, in ems of its own size.
+ *
+ * A value is written with tabular figures, where every glyph — the decimal
+ * point and the minus of an exponent included — advances the same width, so
+ * counting its characters is the measurement. A name is proportional, and is
+ * measured letter by letter: measured as figures, every name in the table would
+ * be sized for a width it does not have.
+ * @param text - The string.
+ * @returns Its width, never zero.
+ */
+export function textWidthInEm(text) {
+    if (NUMERIC.test(text))
+        return Math.max(text.length, 1) * TABULAR_EM * SAFETY;
+    let width = 0;
+    for (const character of text) {
+        width += glyphWidth(character);
+    }
+    return Math.max(width * SAFETY, TABULAR_EM);
+}
+/**
+ * How wide one glyph is, in ems.
+ *
+ * Measured in the family's own type rather than guessed at by class: the four
+ * classes a glyph can be sorted into put `Tm` an eighth wider than it is, which
+ * is a symbol written an eighth smaller than its cell can take.
+ * @param character - The glyph.
+ * @returns Its advance.
+ */
+function glyphWidth(character) {
+    const measured = ADVANCE[character];
+    if (measured !== undefined)
+        return measured;
+    return character >= 'a' && character <= 'z' ? 0.54 : 0.65;
+}
+/** What is added to every measurement, for the faces this one stands in for. */
+const SAFETY = 1.04;
+/** How much wider the same string is when it is set bold, as the symbol is. */
+const BOLD = 1.08;
+/**
+ * The size a stack of electron counts is written at.
+ *
+ * Seven shells have to stand in the height of one cell, so the size is what
+ * the deepest stack of the table leaves — francium's seven, wherever the table
+ * writes any.
+ * @param count - How many shells stand in the tallest stack.
+ * @returns A CSS length.
+ */
+export function shellFontSize(count) {
+    const share = rounded(Math.min(SHELL_CAP, ROW_SHARE / (Math.max(count, 1) * SHELL_LEADING)));
+    return `max(0.3rem, ${ofWidth(share)})`;
+}
+/**
+ * A horizontal scale, written as a transform.
+ * @param scale - The scale, from {@link condensedScale}.
+ * @returns The transform, or nothing at all when the line fits as it is.
+ */
+export function scaleX(scale) {
+    return scale >= 1 ? undefined : `scaleX(${scale.toFixed(3)})`;
+}
+/** The size the symbol is written at wherever it fits, as a share of the table. */
+export const SYMBOL_CAP = 2.1;
+/** How tall one row of the table is, as a share of its width. */
+export const ROW_SHARE = 6.8;
+/** The size the electron counts are written at where they have the room. */
+const SHELL_CAP = 1.1;
+/** The height one of them takes, in ems of its own size. */
+export const SHELL_LEADING = 1.2;
+//# sourceMappingURL=cellType.js.map

package/lib/periodic/ui/cellType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cellType.js","sourceRoot":"","sources":["../../../src/periodic/ui/cellType.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC;;;;;;;;;GASG;AACH,MAAM,UAAU,GAAG,GAAG,CAAC;AAEvB,gFAAgF;AAChF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAC;AAEhC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAC;AAE9B,2EAA2E;AAC3E,MAAM,CAAC,MAAM,eAAe,GAAG,YAAY,GAAG,UAAU,CAAC;AAEzD,0EAA0E;AAC1E,MAAM,UAAU,GAAG,GAAG,CAAC;AAEvB;;;;;;;GAOG;AACH,MAAM,YAAY,GAAG,IAAI,CAAC;AAE1B,mEAAmE;AACnE,MAAM,UAAU,GAAG,GAAG,CAAC;AAEvB,iFAAiF;AACjF,MAAM,OAAO,GAAG,sBAAsB,CAAC;AAUvC;;;;;;;;;;GAUG;AACH,MAAM,UAAU,UAAU,CACxB,MAAyB,EACzB,aAAqB;IAErB,IAAI,MAAM,GAAG,CAAC,CAAC;IACf,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QAC3B,IAAI,KAAK,GAAG,MAAM;YAAE,MAAM,GAAG,KAAK,CAAC;IACrC,CAAC;IACD,MAAM,IAAI,GAAG,UAAU,GAAG,aAAa,CAAC;IACxC,MAAM,KAAK,GAAG,OAAO,CACnB,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,IAAI,GAAG,MAAM,CAAC,CAAC,CAC5D,CAAC;IACF,2EAA2E;IAC3E,4DAA4D;IAC5D,OAAO,EAAE,IAAI,EAAE,eAAe,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AACtE,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAC5B,SAAiB,EACjB,IAAgB,EAChB,aAAqB;IAErB,MAAM,IAAI,GAAG,UAAU,GAAG,aAAa,CAAC;IACxC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;AAC1D,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,cAAc,CAC5B,MAAc,EACd,GAAW,EACX,aAAqB;IAErB,MAAM,IAAI,GAAG,UAAU,GAAG,aAAa,CAAC;IACxC,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;IAC5E,OAAO,eAAe,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;AAC1C,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,OAAO,CAAC,KAAa;IACnC,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,aAAa,CAAC,IAAY;IACxC,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,UAAU,GAAG,MAAM,CAAC;IAC9E,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,KAAK,MAAM,SAAS,IAAI,IAAI,EAAE,CAAC;QAC7B,KAAK,IAAI,UAAU,CAAC,SAAS,CAAC,CAAC;IACjC,CAAC;IACD,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,MAAM,EAAE,UAAU,CAAC,CAAC;AAC9C,CAAC;AAED;;;;;;;;GAQG;AACH,SAAS,UAAU,CAAC,SAAiB;IACnC,MAAM,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IACpC,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,QAAQ,CAAC;IAC5C,OAAO,SAAS,IAAI,GAAG,IAAI,SAAS,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAC5D,CAAC;AAED,gFAAgF;AAChF,MAAM,MAAM,GAAG,IAAI,CAAC;AAEpB,+EAA+E;AAC/E,MAAM,IAAI,GAAG,IAAI,CAAC;AAElB;;;;;;;;GAQG;AACH,MAAM,UAAU,aAAa,CAAC,KAAa;IACzC,MAAM,KAAK,GAAG,OAAO,CACnB,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,SAAS,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CACtE,CAAC;IACF,OAAO,eAAe,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;AAC1C,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,MAAM,CAAC,KAAa;IAClC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;AAChE,CAAC;AAED,mFAAmF;AACnF,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAC;AAE9B,iEAAiE;AACjE,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAC;AAE7B,4EAA4E;AAC5E,MAAM,SAAS,GAAG,GAAG,CAAC;AAEtB,4DAA4D;AAC5D,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC"}

package/lib/periodic/ui/glyphWidths.d.ts

@@ -0,0 +1,11 @@
+/**
+ * What each letter advances, in ems, in the family's type.
+ *
+ * Read off the rendered page at 100px, rounded up, because sorting a glyph into
+ * one of four width classes puts `Tm` an eighth wider than it is — which is a
+ * symbol written an eighth smaller than its cell can take. A platform
+ * substituting another face moves these by a few per cent, which the safety
+ * margin of `cellType` covers.
+ */
+export declare const ADVANCE: Record<string, number>;
+//# sourceMappingURL=glyphWidths.d.ts.map

package/lib/periodic/ui/glyphWidths.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glyphWidths.d.ts","sourceRoot":"","sources":["../../../src/periodic/ui/glyphWidths.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA0D1C,CAAC"}

package/lib/periodic/ui/glyphWidths.js

@@ -0,0 +1,69 @@
+/**
+ * What each letter advances, in ems, in the family's type.
+ *
+ * Read off the rendered page at 100px, rounded up, because sorting a glyph into
+ * one of four width classes puts `Tm` an eighth wider than it is — which is a
+ * symbol written an eighth smaller than its cell can take. A platform
+ * substituting another face moves these by a few per cent, which the safety
+ * margin of `cellType` covers.
+ */
+export const ADVANCE = {
+    a: 0.5,
+    b: 0.57,
+    c: 0.52,
+    d: 0.57,
+    e: 0.52,
+    f: 0.33,
+    g: 0.56,
+    h: 0.54,
+    i: 0.22,
+    j: 0.22,
+    k: 0.5,
+    l: 0.23,
+    m: 0.8,
+    n: 0.54,
+    o: 0.54,
+    p: 0.56,
+    q: 0.56,
+    r: 0.35,
+    s: 0.47,
+    t: 0.33,
+    u: 0.54,
+    v: 0.5,
+    w: 0.72,
+    x: 0.48,
+    y: 0.5,
+    z: 0.5,
+    A: 0.62,
+    B: 0.6,
+    C: 0.66,
+    D: 0.67,
+    E: 0.55,
+    F: 0.53,
+    G: 0.69,
+    H: 0.69,
+    I: 0.24,
+    J: 0.49,
+    K: 0.6,
+    L: 0.52,
+    M: 0.81,
+    N: 0.69,
+    O: 0.71,
+    P: 0.59,
+    Q: 0.71,
+    R: 0.6,
+    S: 0.59,
+    T: 0.59,
+    U: 0.68,
+    V: 0.62,
+    W: 0.9,
+    X: 0.62,
+    Y: 0.6,
+    Z: 0.61,
+    ' ': 0.27,
+    '-': 0.33,
+    '–': 0.54,
+    '.': 0.25,
+    ',': 0.25,
+};
+//# sourceMappingURL=glyphWidths.js.map

package/lib/periodic/ui/glyphWidths.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"glyphWidths.js","sourceRoot":"","sources":["../../../src/periodic/ui/glyphWidths.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,OAAO,GAA2B;IAC7C,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,IAAI;IACP,GAAG,EAAE,IAAI;IACT,GAAG,EAAE,IAAI;IACT,GAAG,EAAE,IAAI;IACT,GAAG,EAAE,IAAI;IACT,GAAG,EAAE,IAAI;CACV,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-cheminfo",
-  "version": "0.42.0",
+  "version": "0.43.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",
@@ -76,6 +76,7 @@
     "react-markdown": "^10.1.0",
     "rehype-raw": "^7.0.0",
     "rehype-sanitize": "^6.0.0",
+    "semver": "^7.8.5",
     "yaml": "^2.9.1"
   },
   "devDependencies": {
@@ -86,6 +87,7 @@
     "@types/node": "^26.2.0",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.4",
+    "@types/semver": "^7.8.0",
     "@vitest/coverage-v8": "^4.1.10",
     "@zakodium/tsconfig": "^1.0.5",
     "benchmark": "^2.1.4",
@@ -154,5 +156,11 @@
     "xtb-wasm": {
       "optional": true
     }
+  },
+  "overrides": {
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4"
   }
 }

package/src/deploy/core/buildGate.ts

@@ -1,8 +1,6 @@
+import { lineOf, parseJsonObject, stringEntries } from './json.ts';
 import type { DeployProblem } from './types.ts';
 
-/** The scripts a repository's own `package.json` declares, as npm would run them. */
-type Scripts = Record<string, string>;
-
 /**
  * Report a repository that can bundle, and so publish, code nothing tested.
  *
@@ -24,8 +22,9 @@ export function readBuildGate(
   problems: DeployProblem[],
 ): void {
   if (packageJson === undefined) return;
-  const scripts = parseScripts(packageJson);
-  if (scripts === undefined) return;
+  const parsed = parseJsonObject(packageJson);
+  if (parsed === undefined) return;
+  const scripts = stringEntries(parsed.scripts);
 
   const build = scripts.build;
   if (build !== undefined && !/\bnpm run test\b/.test(build)) {
@@ -90,33 +89,3 @@ function gatedBuildLine(dockerfile: string): number | undefined {
   }
   return undefined;
 }
-
-/**
- * The scripts block of a `package.json`.
- * @param text - The file, unparsed.
- * @returns Its scripts, or undefined when the file is not readable as one.
- */
-function parseScripts(text: string): Scripts | undefined {
-  let parsed: unknown;
-  try {
-    parsed = JSON.parse(text);
-  } catch {
-    return undefined;
-  }
-  if (typeof parsed !== 'object' || parsed === null) return undefined;
-  const scripts = (parsed as { scripts?: unknown }).scripts;
-  if (typeof scripts !== 'object' || scripts === null) return {};
-  return scripts as Scripts;
-}
-
-/**
- * Where a report should point, so the reader lands on the script itself.
- * @param text - The file to search.
- * @param needle - The key to find.
- * @returns Its line, counting from 1, or 0 when it is not there.
- */
-function lineOf(text: string, needle: string): number {
-  const at = text.indexOf(needle);
-  if (at === -1) return 0;
-  return text.slice(0, at).split('\n').length;
-}

package/src/deploy/core/checkDeploy.ts

@@ -7,6 +7,7 @@ import {
   readInstallRetries,
   readPublishedImage,
 } from './publishedImage.ts';
+import { readReactCopies } from './reactCopies.ts';
 import type { CheckDeployOptions, DeployFile, DeployProblem } from './types.ts';
 import { DEPLOY_COMPOSE_FILES } from './types.ts';
 
@@ -88,6 +89,12 @@ export function findDeployProblems(
 
   readBuildGate(byPath.get('package.json'), dockerfile, problems);
 
+  readReactCopies(
+    byPath.get('package.json'),
+    byPath.get('package-lock.json'),
+    problems,
+  );
+
   readPublishedImage(byPath.get(DOCKER_IMAGE_WORKFLOW), problems);
 
   const gitignore = byPath.get('.gitignore');

package/src/deploy/core/index.ts

@@ -7,6 +7,7 @@ export type {
   DeployProblemKind,
 } from './types.ts';
 export { NGINX_CONFIG, PAGE_CACHE_CONFIG } from './pageCache.ts';
+export { REACT_MAJOR, readReactCopies } from './reactCopies.ts';
 export {
   DOCKER_IMAGE_WORKFLOW,
   readInstallRetries,

package/src/deploy/core/json.ts

@@ -0,0 +1,53 @@
+/**
+ * Reading the repository's own JSON files, which a checker must do without ever
+ * throwing: the absence of a file, and a file somebody has broken, are both
+ * things to report rather than to crash on.
+ */
+
+/**
+ * A JSON file the repository may not have, or may have broken.
+ * @param text - The file, unparsed.
+ * @returns Its object form, or undefined when it is neither.
+ */
+export function parseJsonObject(
+  text: string | undefined,
+): Record<string, unknown> | undefined {
+  if (text === undefined) return undefined;
+  let parsed: unknown;
+  try {
+    parsed = JSON.parse(text);
+  } catch {
+    return undefined;
+  }
+  if (typeof parsed !== 'object' || parsed === null) return undefined;
+  return parsed as Record<string, unknown>;
+}
+
+/**
+ * A block of a `package.json` as a map of strings, dropping any entry that is
+ * not one — the nested form of `overrides` pins something other than the
+ * package it is written under.
+ * @param value - The block, as parsed.
+ * @returns Its string entries.
+ */
+export function stringEntries(value: unknown): Record<string, string> {
+  if (typeof value !== 'object' || value === null) return {};
+  const found: Record<string, string> = {};
+  for (const [key, entry] of Object.entries(value)) {
+    if (typeof entry === 'string') found[key] = entry;
+  }
+  return found;
+}
+
+/**
+ * Where a report should point, so the reader lands on the line itself.
+ * @param text - The file to search, when there is one.
+ * @param needle - The literal to find.
+ * @returns Its line, counting from 1, or 0 when it is not there.
+ */
+export function lineOf(text: string | undefined, needle: string): number {
+  if (text === undefined) return 0;
+  const at = text.indexOf(needle);
+  if (at === -1) return 0;
+  return text.slice(0, at).split('\n').length;
+}