react-cheminfo 0.69.0 → 0.71.0

package/lib/mass/core/toMassSpectrum.js

@@ -0,0 +1,78 @@
+/**
+ * Turning what a reader produced into what the viewer holds.
+ *
+ * A reader answers about a file and knows nothing about the session it is being
+ * read into — which spectra are already open, what colours they took, what this
+ * one should be called. That is the gap this closes: the peaks are picked here,
+ * the resolution decided, and it is the only place an identity or a colour is
+ * invented.
+ */
+import { nextSpectrumColor } from "../../chart/core/spectrumColor.js";
+import { analyseSpectrum } from "./analyseSpectrum.js";
+import { decideResolution } from "./resolutionOf.js";
+/**
+ * Make a held spectrum out of a read one.
+ *
+ * The resolution is the strongest verdict there is evidence for, as
+ * `decideResolution` weighs it: measured on the peak widths when the trace is a
+ * profile, otherwise what the file says the instrument was, and only failing
+ * both what the decimals of the masses imply.
+ * @param loaded - What the reader produced.
+ * @param options - The identity, colour and name to give it.
+ * @returns The spectrum as the viewer holds it, its peaks picked.
+ * @throws {Error} Whatever the peak picking refuses the trace with.
+ */
+export function toMassSpectrum(loaded, options = {}) {
+    const { id = crypto.randomUUID(), color, taken = [], name, analysis, } = options;
+    const analysed = analyseSpectrum(loaded.trace, {
+        ...analysis,
+        ...(loaded.continuous === undefined
+            ? {}
+            : { continuous: loaded.continuous }),
+    });
+    const resolution = decideResolution({
+        measured: analysed.resolution,
+        meta: loaded.meta,
+        masses: analysed.centroid.x,
+    });
+    return {
+        id,
+        name: name ?? loaded.name ?? loaded.origin.fileName ?? 'Spectrum',
+        color: color ?? nextSpectrumColor(taken),
+        profile: analysed.profile,
+        centroid: analysed.centroid,
+        meta: loaded.meta,
+        origin: loaded.origin,
+        // One trace or the other, never both: sticks standing inside the peak
+        // shapes they were picked from read as a second spectrum over the first.
+        showProfile: analysed.profile !== null,
+        showCentroid: analysed.profile === null,
+        resolution,
+    };
+}
+/**
+ * Make held spectra out of everything one file held.
+ *
+ * The colours are handed out one at a time against a growing list, so a file
+ * carrying three scans gives three spectra of three colours rather than three
+ * of the same — `nextSpectrumColor` can only answer that if it is told what the
+ * previous call took.
+ * @param loaded - What the reader produced, in file order.
+ * @param options - The colours already taken, and how the peaks are picked.
+ * @returns The spectra, in the same order.
+ */
+export function toMassSpectra(loaded, options = {}) {
+    const { taken = [], analysis } = options;
+    const colors = [...taken];
+    const spectra = [];
+    for (const entry of loaded) {
+        const spectrum = toMassSpectrum(entry, {
+            taken: colors,
+            ...(analysis === undefined ? {} : { analysis }),
+        });
+        colors.push(spectrum.color);
+        spectra.push(spectrum);
+    }
+    return spectra;
+}
+//# sourceMappingURL=toMassSpectrum.js.map

package/lib/mass/core/toMassSpectrum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toMassSpectrum.js","sourceRoot":"","sources":["../../../src/mass/core/toMassSpectrum.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAGtE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAgCrD;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,cAAc,CAC5B,MAA0B,EAC1B,UAAiC,EAAE;IAEnC,MAAM,EACJ,EAAE,GAAG,MAAM,CAAC,UAAU,EAAE,EACxB,KAAK,EACL,KAAK,GAAG,EAAE,EACV,IAAI,EACJ,QAAQ,GACT,GAAG,OAAO,CAAC;IACZ,MAAM,QAAQ,GAAG,eAAe,CAAC,MAAM,CAAC,KAAK,EAAE;QAC7C,GAAG,QAAQ;QACX,GAAG,CAAC,MAAM,CAAC,UAAU,KAAK,SAAS;YACjC,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC;KACvC,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,gBAAgB,CAAC;QAClC,QAAQ,EAAE,QAAQ,CAAC,UAAU;QAC7B,IAAI,EAAE,MAAM,CAAC,IAAI;QACjB,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;KAC5B,CAAC,CAAC;IACH,OAAO;QACL,EAAE;QACF,IAAI,EAAE,IAAI,IAAI,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,QAAQ,IAAI,UAAU;QACjE,KAAK,EAAE,KAAK,IAAI,iBAAiB,CAAC,KAAK,CAAC;QACxC,OAAO,EAAE,QAAQ,CAAC,OAAO;QACzB,QAAQ,EAAE,QAAQ,CAAC,QAAQ;QAC3B,IAAI,EAAE,MAAM,CAAC,IAAI;QACjB,MAAM,EAAE,MAAM,CAAC,MAAM;QACrB,sEAAsE;QACtE,yEAAyE;QACzE,WAAW,EAAE,QAAQ,CAAC,OAAO,KAAK,IAAI;QACtC,YAAY,EAAE,QAAQ,CAAC,OAAO,KAAK,IAAI;QACvC,UAAU;KACX,CAAC;AACJ,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,aAAa,CAC3B,MAAqC,EACrC,UAA6D,EAAE;IAE/D,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IACzC,MAAM,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;IAC1B,MAAM,OAAO,GAAmB,EAAE,CAAC;IACnC,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QAC3B,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,EAAE;YACrC,KAAK,EAAE,MAAM;YACb,GAAG,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC;SAChD,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC5B,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/mass/core/traceIcon.d.ts

@@ -0,0 +1,82 @@
+/**
+ * The three things one trace icon has to say, and what a click on it asks for.
+ *
+ * A spectrum row carries two of these icons, one for the continuous trace and
+ * one for the centroid sticks, and each of them answers two questions at once:
+ * is this trace on the chart, and is this the spectrum everything else is
+ * about. The second is not decoration — the selected spectrum is the one the
+ * peak labels are written on, the one the acquisition table describes and the
+ * one the peak list holds — so a plain visibility checkbox would either lose it
+ * or need a second control beside it in a row that has no room for one.
+ *
+ * The two icons are an **either/or**, not two checkboxes: a spectrum is drawn as
+ * its profile or as its sticks and never as both. Drawn together, the sticks
+ * stand inside the very peak shapes they were picked from, and the pair reads as
+ * two spectra laid over each other — a peak top that says one thing in the
+ * outline and another in the stick beside it. Which peaks the picking found is
+ * asked of the label toggle instead, which marks their tops over whichever trace
+ * is on screen.
+ *
+ * Hence the cycle: a hidden trace comes back drawn *and* selected and takes the
+ * other trace off, a trace drawn beside somebody else's selection takes the
+ * selection over, and only a click on a trace that already has both takes the
+ * spectrum off the chart. The rule lives here rather than in the row so it can
+ * be read in one place and tested without mounting anything.
+ */
+import type { SpectrumVisibility } from './massReducer.ts';
+/** Which of a spectrum's two traces an icon stands for. */
+export type MassTraceKind = 'profile' | 'centroid';
+/**
+ * What one trace icon currently says.
+ *
+ * `drawn` is the state a plain checkbox cannot tell from `selected`: the trace
+ * is on the chart, but the labels, the acquisition table and the peak list are
+ * about some other spectrum.
+ */
+export type TraceIconState = 'hidden' | 'drawn' | 'selected';
+/** What a click on a trace icon asks the viewer for. */
+export interface TraceIconClick {
+    /**
+     * The visibility to ask of the spectrum. It names **both** traces every time,
+     * because they are an either/or: picking one is also the gesture that puts the
+     * other away, and a change that mentioned only the trace clicked would leave
+     * the two drawn together for exactly as long as nobody clicked the other.
+     */
+    visibility: SpectrumVisibility;
+    /**
+     * Whether the spectrum becomes the one the panels act on. `false` means the
+     * selection is left exactly as it is rather than cleared: a spectrum whose
+     * last trace has just been hidden is still the one being worked on, and its
+     * acquisition table has no business emptying itself because of a click on an
+     * eye.
+     */
+    select: boolean;
+}
+/**
+ * What a click on a trace icon asks for, given what the icon was saying.
+ *
+ * The click that hides a trace is the same click that would otherwise select
+ * it, which is why `select` and the visibility asked for always agree: any
+ * click leaving the spectrum on the chart also makes it the one being looked at,
+ * and the only click that takes it off is one on a trace that already had the
+ * selection.
+ * @param kind - The trace the icon stands for.
+ * @param state - What the icon was saying before the click.
+ * @returns The visibility to ask for, and whether to take the selection.
+ * @example
+ * nextTraceIconClick('centroid', 'drawn'); // { visibility: { showProfile: false, showCentroid: true }, select: true }
+ */
+export declare function nextTraceIconClick(kind: MassTraceKind, state: TraceIconState): TraceIconClick;
+/**
+ * What a trace icon says about a spectrum as it stands.
+ *
+ * Selection belongs to the spectrum rather than to either trace, so the icon of
+ * the drawn trace of the selected spectrum says `selected` while the other says
+ * `hidden` — which is the honest picture: it is that spectrum, not one of its
+ * traces, that the rest of the viewer is about.
+ * @param shown - Whether that trace is drawn.
+ * @param isSelected - Whether the spectrum is the one the panels act on.
+ * @returns The state the icon draws itself in.
+ */
+export declare function traceIconState(shown: boolean, isSelected: boolean): TraceIconState;
+//# sourceMappingURL=traceIcon.d.ts.map

package/lib/mass/core/traceIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"traceIcon.d.ts","sourceRoot":"","sources":["../../../src/mass/core/traceIcon.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,2DAA2D;AAC3D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,UAAU,CAAC;AAEnD;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AAE7D,wDAAwD;AACxD,MAAM,WAAW,cAAc;IAC7B;;;;;OAKG;IACH,UAAU,EAAE,kBAAkB,CAAC;IAC/B;;;;;;OAMG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,aAAa,EACnB,KAAK,EAAE,cAAc,GACpB,cAAc,CAShB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,OAAO,EACd,UAAU,EAAE,OAAO,GAClB,cAAc,CAGhB"}

package/lib/mass/core/traceIcon.js

@@ -0,0 +1,66 @@
+/**
+ * The three things one trace icon has to say, and what a click on it asks for.
+ *
+ * A spectrum row carries two of these icons, one for the continuous trace and
+ * one for the centroid sticks, and each of them answers two questions at once:
+ * is this trace on the chart, and is this the spectrum everything else is
+ * about. The second is not decoration — the selected spectrum is the one the
+ * peak labels are written on, the one the acquisition table describes and the
+ * one the peak list holds — so a plain visibility checkbox would either lose it
+ * or need a second control beside it in a row that has no room for one.
+ *
+ * The two icons are an **either/or**, not two checkboxes: a spectrum is drawn as
+ * its profile or as its sticks and never as both. Drawn together, the sticks
+ * stand inside the very peak shapes they were picked from, and the pair reads as
+ * two spectra laid over each other — a peak top that says one thing in the
+ * outline and another in the stick beside it. Which peaks the picking found is
+ * asked of the label toggle instead, which marks their tops over whichever trace
+ * is on screen.
+ *
+ * Hence the cycle: a hidden trace comes back drawn *and* selected and takes the
+ * other trace off, a trace drawn beside somebody else's selection takes the
+ * selection over, and only a click on a trace that already has both takes the
+ * spectrum off the chart. The rule lives here rather than in the row so it can
+ * be read in one place and tested without mounting anything.
+ */
+/**
+ * What a click on a trace icon asks for, given what the icon was saying.
+ *
+ * The click that hides a trace is the same click that would otherwise select
+ * it, which is why `select` and the visibility asked for always agree: any
+ * click leaving the spectrum on the chart also makes it the one being looked at,
+ * and the only click that takes it off is one on a trace that already had the
+ * selection.
+ * @param kind - The trace the icon stands for.
+ * @param state - What the icon was saying before the click.
+ * @returns The visibility to ask for, and whether to take the selection.
+ * @example
+ * nextTraceIconClick('centroid', 'drawn'); // { visibility: { showProfile: false, showCentroid: true }, select: true }
+ */
+export function nextTraceIconClick(kind, state) {
+    const show = state !== 'selected';
+    return {
+        visibility: {
+            showProfile: show && kind === 'profile',
+            showCentroid: show && kind === 'centroid',
+        },
+        select: show,
+    };
+}
+/**
+ * What a trace icon says about a spectrum as it stands.
+ *
+ * Selection belongs to the spectrum rather than to either trace, so the icon of
+ * the drawn trace of the selected spectrum says `selected` while the other says
+ * `hidden` — which is the honest picture: it is that spectrum, not one of its
+ * traces, that the rest of the viewer is about.
+ * @param shown - Whether that trace is drawn.
+ * @param isSelected - Whether the spectrum is the one the panels act on.
+ * @returns The state the icon draws itself in.
+ */
+export function traceIconState(shown, isSelected) {
+    if (!shown)
+        return 'hidden';
+    return isSelected ? 'selected' : 'drawn';
+}
+//# sourceMappingURL=traceIcon.js.map

package/lib/mass/core/traceIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"traceIcon.js","sourceRoot":"","sources":["../../../src/mass/core/traceIcon.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAmCH;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,kBAAkB,CAChC,IAAmB,EACnB,KAAqB;IAErB,MAAM,IAAI,GAAG,KAAK,KAAK,UAAU,CAAC;IAClC,OAAO;QACL,UAAU,EAAE;YACV,WAAW,EAAE,IAAI,IAAI,IAAI,KAAK,SAAS;YACvC,YAAY,EAAE,IAAI,IAAI,IAAI,KAAK,UAAU;SAC1C;QACD,MAAM,EAAE,IAAI;KACb,CAAC;AACJ,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,cAAc,CAC5B,KAAc,EACd,UAAmB;IAEnB,IAAI,CAAC,KAAK;QAAE,OAAO,QAAQ,CAAC;IAC5B,OAAO,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;AAC3C,CAAC"}

package/lib/mass/core/writtenResolution.d.ts

@@ -0,0 +1,40 @@
+/**
+ * The weakest evidence of resolution, and the only one a bare peak table has:
+ * how many decimals its masses were written with.
+ *
+ * Weak because the decimals say what the exporter wrote rather than what the
+ * instrument resolved — an ion trap that exports four decimals is read as high
+ * resolution by it, and nothing in the numbers can tell that apart. Whole
+ * numbers are the case it is sure of: a table of them is a nominal-mass table
+ * whatever wrote it.
+ */
+import type { MassResolution } from './massResolution.ts';
+/**
+ * The most decimals a written mass is looked at for.
+ *
+ * Beyond six the digits are the noise of a binary fraction rather than anything
+ * an exporter wrote, and every mass computed rather than typed reaches it.
+ */
+export declare const MAXIMUM_WRITTEN_DECIMALS = 6;
+/**
+ * The resolution the written masses imply.
+ *
+ * Whole numbers are a nominal-mass table; one or two decimals are a coarse
+ * measurement; three or more are taken for a resolved one. The decimals the
+ * masses were written with are also how many they are shown with, up to four.
+ * @param masses - The m/z of every peak, as they were read.
+ * @returns The verdict, `nominal` for a spectrum holding no peak at all.
+ */
+export declare function writtenResolution(masses: Float64Array): MassResolution;
+/**
+ * How many decimals the masses were written with, the most any of them needs.
+ *
+ * Tested against a tolerance rather than for equality, because a JCAMP scales
+ * every value by its `##XFACTOR=` on the way in and `1631 × 0.1` is
+ * `163.10000000000002` — one decimal written, sixteen in the double. The count
+ * only ever grows, so each mass is tested from the decimals already found.
+ * @param masses - The m/z of every peak.
+ * @returns The decimals, from 0 to `MAXIMUM_WRITTEN_DECIMALS`.
+ */
+export declare function writtenDecimals(masses: Float64Array): number;
+//# sourceMappingURL=writtenResolution.d.ts.map

package/lib/mass/core/writtenResolution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"writtenResolution.d.ts","sourceRoot":"","sources":["../../../src/mass/core/writtenResolution.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAG1D;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAE1C;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,YAAY,GAAG,cAAc,CAStE;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAU5D"}

package/lib/mass/core/writtenResolution.js

@@ -0,0 +1,77 @@
+/**
+ * The weakest evidence of resolution, and the only one a bare peak table has:
+ * how many decimals its masses were written with.
+ *
+ * Weak because the decimals say what the exporter wrote rather than what the
+ * instrument resolved — an ion trap that exports four decimals is read as high
+ * resolution by it, and nothing in the numbers can tell that apart. Whole
+ * numbers are the case it is sure of: a table of them is a nominal-mass table
+ * whatever wrote it.
+ */
+import { MZ_DECIMALS } from "./massResolution.js";
+/**
+ * The most decimals a written mass is looked at for.
+ *
+ * Beyond six the digits are the noise of a binary fraction rather than anything
+ * an exporter wrote, and every mass computed rather than typed reaches it.
+ */
+export const MAXIMUM_WRITTEN_DECIMALS = 6;
+/**
+ * The resolution the written masses imply.
+ *
+ * Whole numbers are a nominal-mass table; one or two decimals are a coarse
+ * measurement; three or more are taken for a resolved one. The decimals the
+ * masses were written with are also how many they are shown with, up to four.
+ * @param masses - The m/z of every peak, as they were read.
+ * @returns The verdict, `nominal` for a spectrum holding no peak at all.
+ */
+export function writtenResolution(masses) {
+    const written = writtenDecimals(masses);
+    const kind = written === 0 ? 'nominal' : written < 3 ? 'low' : 'high';
+    return {
+        kind,
+        resolvingPower: null,
+        basis: 'decimals',
+        decimals: Math.min(written, MZ_DECIMALS.high),
+    };
+}
+/**
+ * How many decimals the masses were written with, the most any of them needs.
+ *
+ * Tested against a tolerance rather than for equality, because a JCAMP scales
+ * every value by its `##XFACTOR=` on the way in and `1631 × 0.1` is
+ * `163.10000000000002` — one decimal written, sixteen in the double. The count
+ * only ever grows, so each mass is tested from the decimals already found.
+ * @param masses - The m/z of every peak.
+ * @returns The decimals, from 0 to `MAXIMUM_WRITTEN_DECIMALS`.
+ */
+export function writtenDecimals(masses) {
+    let most = 0;
+    for (const mass of masses) {
+        if (!Number.isFinite(mass))
+            continue;
+        while (most < MAXIMUM_WRITTEN_DECIMALS && !isWrittenWith(mass, most)) {
+            most++;
+        }
+        if (most === MAXIMUM_WRITTEN_DECIMALS)
+            break;
+    }
+    return most;
+}
+/**
+ * Whether a mass was written with no more than so many decimals.
+ * @param mass - The mass.
+ * @param decimals - How many decimals.
+ * @returns Whether rounding it there changes nothing an exporter wrote.
+ */
+function isWrittenWith(mass, decimals) {
+    return Math.abs(mass - Number(mass.toFixed(decimals))) <= DECIMAL_EPSILON;
+}
+/**
+ * How far a mass may sit from its rounding and still be written that way.
+ *
+ * Far below the smallest step tested, a millionth, and far above the error a
+ * scaling by `##XFACTOR=` leaves in a double, which is around 1e-13 at m/z 1000.
+ */
+const DECIMAL_EPSILON = 1e-8;
+//# sourceMappingURL=writtenResolution.js.map

package/lib/mass/core/writtenResolution.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"writtenResolution.js","sourceRoot":"","sources":["../../../src/mass/core/writtenResolution.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,CAAC;AAE1C;;;;;;;;GAQG;AACH,MAAM,UAAU,iBAAiB,CAAC,MAAoB;IACpD,MAAM,OAAO,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;IACxC,MAAM,IAAI,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IACtE,OAAO;QACL,IAAI;QACJ,cAAc,EAAE,IAAI;QACpB,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC;KAC9C,CAAC;AACJ,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,eAAe,CAAC,MAAoB;IAClD,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,KAAK,MAAM,IAAI,IAAI,MAAM,EAAE,CAAC;QAC1B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;YAAE,SAAS;QACrC,OAAO,IAAI,GAAG,wBAAwB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;YACrE,IAAI,EAAE,CAAC;QACT,CAAC;QACD,IAAI,IAAI,KAAK,wBAAwB;YAAE,MAAM;IAC/C,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;;;GAKG;AACH,SAAS,aAAa,CAAC,IAAY,EAAE,QAAgB;IACnD,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,eAAe,CAAC;AAC5E,CAAC;AAED;;;;;GAKG;AACH,MAAM,eAAe,GAAG,IAAI,CAAC"}

package/lib/mass/ui/MassAboutDialog.d.ts

@@ -0,0 +1,16 @@
+export interface MassAboutDialogProps {
+    /** Whether the dialog is open. */
+    isOpen: boolean;
+    /** Close it. */
+    onClose: () => void;
+}
+/**
+ * What the viewer is, what it stands on, and who is owed for it.
+ *
+ * The credits are read from the shared registry rather than written here, so
+ * every page of the family names each work the same way, licence included.
+ * @param props - Component props.
+ * @returns The dialog.
+ */
+export declare function MassAboutDialog(props: MassAboutDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=MassAboutDialog.d.ts.map

package/lib/mass/ui/MassAboutDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MassAboutDialog.d.ts","sourceRoot":"","sources":["../../../src/mass/ui/MassAboutDialog.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,oBAAoB;IACnC,kCAAkC;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,gBAAgB;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAkC1D"}

package/lib/mass/ui/MassAboutDialog.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogBody } from '@blueprintjs/core';
+import { credits } from "../../credits/core/credits.js";
+import { CreditsList } from "../../credits/ui/CreditsList.js";
+import { massCommands } from "../core/massCommands.js";
+import { MassLogo } from "./MassLogo.js";
+/**
+ * What the viewer is, what it stands on, and who is owed for it.
+ *
+ * The credits are read from the shared registry rather than written here, so
+ * every page of the family names each work the same way, licence included.
+ * @param props - Component props.
+ * @returns The dialog.
+ */
+export function MassAboutDialog(props) {
+    const { isOpen, onClose } = props;
+    return (_jsx(Dialog, { isOpen: isOpen, onClose: onClose, title: massCommands.about.title, icon: _jsx(MassLogo, { size: 20 }), style: dialogStyle, children: _jsxs(DialogBody, { children: [_jsxs("div", { style: brandStyle, children: [_jsx(MassLogo, { size: 64 }), _jsxs("div", { children: [_jsx("p", { style: leadStyle, children: "react-cheminfo/mass" }), _jsx("p", { style: paragraphStyle, children: "Draws mass spectra read from JCAMP-DX and text files, picks the peaks of a profile, labels them as you zoom, and says whether each spectrum is high resolution." })] })] }), _jsx("h4", { style: headingStyle, children: "Built on" }), _jsx(CreditsList, { entries: MASS_CREDITS }), _jsxs("p", { style: paragraphStyle, children: ["The ", _jsx("strong", { children: "colours" }), " are Okabe and Ito's colour-universal palette, so two traces stay distinguishable for a reader with a colour vision deficiency."] })] }) }));
+}
+/** Every work the viewer borrows, in the order it reads a file through them. */
+const MASS_CREDITS = credits([
+    'jcampconverter',
+    'xy-parser',
+    'ms-spectrum',
+    'ml-gsd',
+    'ml-spectra-processing',
+    'convert-to-jcamp',
+    'react-mf',
+    'react-science',
+    'blueprint',
+]);
+const dialogStyle = { width: 'min(680px, 92vw)' };
+const brandStyle = {
+    display: 'flex',
+    alignItems: 'flex-start',
+    gap: 16,
+};
+const leadStyle = {
+    margin: '0 0 4px',
+    fontWeight: 600,
+    fontSize: 16,
+};
+const paragraphStyle = { margin: '0 0 6px' };
+const headingStyle = { margin: '14px 0 4px' };
+//# sourceMappingURL=MassAboutDialog.js.map

package/lib/mass/ui/MassAboutDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MassAboutDialog.js","sourceRoot":"","sources":["../../../src/mass/ui/MassAboutDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAkC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAgB,CAAC;AAS1C;;;;;;;GAOG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAElC,OAAO,CACL,KAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,EAC/B,IAAI,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,EAC5B,KAAK,EAAE,WAAW,YAElB,MAAC,UAAU,eACT,eAAK,KAAK,EAAE,UAAU,aACpB,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,EACtB,0BACE,YAAG,KAAK,EAAE,SAAS,oCAAyB,EAC5C,YAAG,KAAK,EAAE,cAAc,gLAIpB,IACA,IACF,EAEN,aAAI,KAAK,EAAE,YAAY,yBAAe,EACtC,KAAC,WAAW,IAAC,OAAO,EAAE,YAAY,GAAI,EACtC,aAAG,KAAK,EAAE,cAAc,qBAClB,uCAAwB,uIAG1B,IACO,GACN,CACV,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,MAAM,YAAY,GAAG,OAAO,CAAC;IAC3B,gBAAgB;IAChB,WAAW;IACX,aAAa;IACb,QAAQ;IACR,uBAAuB;IACvB,kBAAkB;IAClB,UAAU;IACV,eAAe;IACf,WAAW;CACZ,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,EAAE,KAAK,EAAE,kBAAkB,EAAW,CAAC;AAE3D,MAAM,UAAU,GAAG;IACjB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,YAAY;IACxB,GAAG,EAAE,EAAE;CACC,CAAC;AAEX,MAAM,SAAS,GAAG;IAChB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,EAAE;CACJ,CAAC;AAEX,MAAM,cAAc,GAAG,EAAE,MAAM,EAAE,SAAS,EAAW,CAAC;AAEtD,MAAM,YAAY,GAAG,EAAE,MAAM,EAAE,YAAY,EAAW,CAAC"}

package/lib/mass/ui/MassCanvas.d.ts

@@ -0,0 +1,46 @@
+import type { MassPlotClick } from '../core/massEditorApi.ts';
+export interface MassCanvasProps {
+    /**
+     * The m/z of the peak the pointer is resting on, wherever it was hovered —
+     * the chart or the peak table.
+     * @default null
+     */
+    highlightMz?: number | null;
+    /**
+     * Told which peak the pointer has come to rest on over the chart.
+     * @default undefined
+     */
+    onHighlight?: (mz: number | null) => void;
+    /**
+     * The `id` put on the box the chart is drawn in, which the "Save figure"
+     * panel is pointed at.
+     * @default undefined
+     */
+    chartId?: string;
+    /**
+     * Told of a click on the plot, with the spectrum selected at that moment.
+     * @default undefined
+     */
+    onPlotClick?: (click: MassPlotClick) => void;
+    /**
+     * Read files dropped on the chart.
+     * @default undefined — a drop is left to the page
+     */
+    onDropFiles?: (files: File[]) => void;
+}
+/**
+ * The chart, and the status bar under it.
+ *
+ * This is where the state meets the drawing: the chart holds nothing, so
+ * everything it draws is read out of the state here and every gesture it reports
+ * is written back. The window in particular goes **both** ways — the chart is
+ * told what to show and reports what it arrives at — which is what lets a toolbar
+ * button, a row of the peak table and a drag all move it.
+ *
+ * The chart is also where files are dropped, because that is where a chemist
+ * expects the spectrum to land; the box is outlined while one is held over it.
+ * @param props - Component props.
+ * @returns The canvas.
+ */
+export declare function MassCanvas(props: MassCanvasProps): import("react").JSX.Element;
+//# sourceMappingURL=MassCanvas.d.ts.map

package/lib/mass/ui/MassCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MassCanvas.d.ts","sourceRoot":"","sources":["../../../src/mass/ui/MassCanvas.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAQ9D,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7C;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACvC;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,+BA4FhD"}

package/lib/mass/ui/MassCanvas.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from 'react';
+import { MassChart } from "./MassChart.js";
+import { MassStatusBar } from "./MassStatusBar.js";
+import { useMassActions, useMassEditorState } from "./massStateContext.js";
+/**
+ * The chart, and the status bar under it.
+ *
+ * This is where the state meets the drawing: the chart holds nothing, so
+ * everything it draws is read out of the state here and every gesture it reports
+ * is written back. The window in particular goes **both** ways — the chart is
+ * told what to show and reports what it arrives at — which is what lets a toolbar
+ * button, a row of the peak table and a drag all move it.
+ *
+ * The chart is also where files are dropped, because that is where a chemist
+ * expects the spectrum to land; the box is outlined while one is held over it.
+ * @param props - Component props.
+ * @returns The canvas.
+ */
+export function MassCanvas(props) {
+    const { highlightMz = null, onHighlight, chartId, onPlotClick, onDropFiles, } = props;
+    const { state, visibleSpectra } = useMassEditorState();
+    const actions = useMassActions();
+    const { domain, tool, selectedId } = state.view;
+    const { showLabels, labelLimit, showCharges, mzDecimals } = state.settings;
+    const [isDropping, setIsDropping] = useState(false);
+    const onDomainChange = useCallback((next) => actions.setDomain(next), [actions]);
+    const onPeakHover = useMemo(() => onHighlight === undefined
+        ? undefined
+        : (peak) => onHighlight(peak?.mz ?? null), [onHighlight]);
+    // Which spectrum was selected is the viewer's to say, not the chart's: the
+    // chart only knows where the press landed.
+    const onClick = useMemo(() => onPlotClick === undefined
+        ? undefined
+        : (mz, peak) => onPlotClick({
+            mz,
+            peakMz: peak?.mz ?? null,
+            spectrumId: selectedId,
+        }), [onPlotClick, selectedId]);
+    const drop = onDropFiles === undefined
+        ? {}
+        : {
+            onDragOver: (event) => {
+                if (!event.dataTransfer.types.includes('Files'))
+                    return;
+                // Without this the browser opens the file in place of the page.
+                event.preventDefault();
+                event.dataTransfer.dropEffect = 'copy';
+                if (!isDropping)
+                    setIsDropping(true);
+            },
+            onDragLeave: () => setIsDropping(false),
+            onDrop: (event) => {
+                event.preventDefault();
+                setIsDropping(false);
+                const files = [...event.dataTransfer.files];
+                if (files.length > 0)
+                    onDropFiles(files);
+            },
+        };
+    return (_jsxs("div", { style: rootStyle, children: [_jsx("div", { id: chartId, style: isDropping ? droppingChartStyle : chartStyle, ...drop, children: _jsx(MassChart, { spectra: visibleSpectra, labelledId: selectedId, showLabels: showLabels, labelLimit: labelLimit, showCharges: showCharges, ...(mzDecimals === 'auto' ? {} : { mzDecimals }), highlightMz: highlightMz, domain: domain, onDomainChange: onDomainChange, drag: tool === 'box' ? 'box' : 'xAxis', 
+                    // The shell runs `f` through its command table, where it is listed.
+                    answersKeys: false, emphasisedId: visibleSpectra.length > 1 ? selectedId : null, ...(onPeakHover === undefined ? {} : { onPeakHover }), ...(onClick === undefined ? {} : { onPlotClick: onClick }) }) }), _jsx(MassStatusBar, {})] }));
+}
+const rootStyle = {
+    display: 'flex',
+    flexDirection: 'column',
+    flex: '1 1 1px',
+    minWidth: 0,
+    minHeight: 0,
+};
+/** The chart takes what the status bar does not. */
+const chartStyle = {
+    flex: '1 1 1px',
+    minHeight: 0,
+    outline: '2px dashed transparent',
+    outlineOffset: -4,
+};
+/** The same box while a file is held over it, saying where it will land. */
+const droppingChartStyle = {
+    ...chartStyle,
+    outlineColor: 'var(--accent, currentColor)',
+};
+//# sourceMappingURL=MassCanvas.js.map

package/lib/mass/ui/MassCanvas.js.map

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

package/lib/mass/ui/MassChart.d.ts

@@ -0,0 +1,21 @@
+import type { ReactElement } from 'react';
+import type { MassChartProps } from './massChartProps.ts';
+/**
+ * The chart: every layer of a mass spectrum, in one SVG.
+ *
+ * The axes go under the data, so a grid line is never read as a peak. Only the
+ * data band is clipped, so a zoomed trace stops at the plot edge while the
+ * labels over the tallest peaks are allowed out over the margin — clip those and
+ * the base peak of every spectrum loses its label. The guide, the drag rectangle
+ * and the crosshair go over everything, because each answers a question being
+ * asked right now.
+ *
+ * Nothing is held here. The spectra, what is labelled, what is being looked at
+ * and the window are all props, and every gesture comes back out as a callback
+ * — so one component draws an editor's chart, a report page's single spectrum
+ * and a test.
+ * @param props - Component props.
+ * @returns The chart.
+ */
+export declare function MassChart(props: MassChartProps): ReactElement;
+//# sourceMappingURL=MassChart.d.ts.map

package/lib/mass/ui/MassChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MassChart.d.ts","sourceRoot":"","sources":["../../../src/mass/ui/MassChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAiB1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAI1D;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CA8K7D"}