react-cheminfo 0.8.0 → 0.10.0

package/lib/download/core/figureSvgDocument.d.ts

@@ -0,0 +1,55 @@
+/**
+ * The one file a figure leaves the page as.
+ *
+ * A figure on the page is not always one drawing: a pair grid is sixteen
+ * charts laid out by the browser, each an `<svg>` of its own that knows
+ * nothing about where the others sit. So the saved file is a frame with each
+ * of them placed back where the reader saw it, rather than whichever one
+ * happened to be first in the document.
+ *
+ * It is assembled as text rather than as elements, so the same document comes
+ * out of a browser, a test and a server, and so the one part of the export
+ * that decides what the file *is* can be read without a DOM to run it in.
+ */
+/** One drawing on the page, and where it sits inside the saved figure. */
+export interface FigurePiece {
+    /** The `<svg>` element as it was serialized, tokens already resolved. */
+    markup: string;
+    /** Its left edge, in pixels from the left of the saved figure. */
+    x: number;
+    /** Its top edge, in pixels from the top of the saved figure. */
+    y: number;
+}
+/** How the file around the drawings is written. */
+export interface FigureSvgDocumentOptions {
+    /** Width of the whole figure, in pixels. */
+    width: number;
+    /** Its height. */
+    height: number;
+    /**
+     * What is painted under it. A figure saved with nothing behind it is a
+     * figure whose axes vanish the moment it is dropped on a dark slide, so a
+     * ground is the default and `transparent` is the deliberate choice.
+     * @default undefined — nothing is painted
+     */
+    background?: string;
+    /**
+     * The type the words are set in. A file that has left the page inherits no
+     * font from it, so the stack the figure was read in travels with it.
+     * @default undefined — the reader's own default
+     */
+    fontFamily?: string;
+    /**
+     * The size those words are set at, in pixels.
+     * @default undefined — the reader's own default
+     */
+    fontSize?: number;
+}
+/**
+ * Every drawing of a figure, in one standalone SVG document.
+ * @param pieces - The drawings, in the order they are painted.
+ * @param options - See {@link FigureSvgDocumentOptions}.
+ * @returns The document, ready to be saved or rendered.
+ */
+export declare function figureSvgDocument(pieces: readonly FigurePiece[], options: FigureSvgDocumentOptions): string;
+//# sourceMappingURL=figureSvgDocument.d.ts.map

package/lib/download/core/figureSvgDocument.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"figureSvgDocument.d.ts","sourceRoot":"","sources":["../../../src/download/core/figureSvgDocument.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,0EAA0E;AAC1E,MAAM,WAAW,WAAW;IAC1B,yEAAyE;IACzE,MAAM,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,CAAC,EAAE,MAAM,CAAC;IACV,gEAAgE;IAChE,CAAC,EAAE,MAAM,CAAC;CACX;AAED,mDAAmD;AACnD,MAAM,WAAW,wBAAwB;IACvC,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,MAAM,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAMD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,SAAS,WAAW,EAAE,EAC9B,OAAO,EAAE,wBAAwB,GAChC,MAAM,CAkBR"}

package/lib/download/core/figureSvgDocument.js

@@ -0,0 +1,79 @@
+/**
+ * The one file a figure leaves the page as.
+ *
+ * A figure on the page is not always one drawing: a pair grid is sixteen
+ * charts laid out by the browser, each an `<svg>` of its own that knows
+ * nothing about where the others sit. So the saved file is a frame with each
+ * of them placed back where the reader saw it, rather than whichever one
+ * happened to be first in the document.
+ *
+ * It is assembled as text rather than as elements, so the same document comes
+ * out of a browser, a test and a server, and so the one part of the export
+ * that decides what the file *is* can be read without a DOM to run it in.
+ */
+/** Where an SVG document says it belongs. */
+// eslint-disable-next-line unicorn/prefer-https -- an XML namespace is a name fixed by the SVG specification, not an address anything is fetched from.
+const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
+/**
+ * Every drawing of a figure, in one standalone SVG document.
+ * @param pieces - The drawings, in the order they are painted.
+ * @param options - See {@link FigureSvgDocumentOptions}.
+ * @returns The document, ready to be saved or rendered.
+ */
+export function figureSvgDocument(pieces, options) {
+    const { width, height, background, fontFamily, fontSize } = options;
+    const box = `0 0 ${round(width)} ${round(height)}`;
+    const style = documentStyle(fontFamily, fontSize);
+    let inside = background === undefined || background === ''
+        ? ''
+        : `<rect width="100%" height="100%" fill="${escapeAttribute(background)}"/>`;
+    for (const piece of pieces) {
+        inside += `<g transform="translate(${round(piece.x)} ${round(piece.y)})">${piece.markup}</g>`;
+    }
+    return (`<?xml version="1.0" encoding="UTF-8"?>` +
+        `<svg xmlns="${SVG_NAMESPACE}" width="${round(width)}" height="${round(height)}" viewBox="${box}"${style}>` +
+        `${inside}</svg>`);
+}
+/**
+ * The type the document is set in, as an attribute or as nothing at all.
+ * @param fontFamily - The stack the figure was read in.
+ * @param fontSize - The size it was read at, in pixels.
+ * @returns The `style` attribute, with the space in front of it.
+ */
+function documentStyle(fontFamily, fontSize) {
+    const rules = [];
+    if (fontFamily !== undefined && fontFamily !== '') {
+        rules.push(`font-family:${fontFamily}`);
+    }
+    if (fontSize !== undefined && Number.isFinite(fontSize)) {
+        rules.push(`font-size:${round(fontSize)}px`);
+    }
+    return rules.length === 0
+        ? ''
+        : ` style="${escapeAttribute(rules.join(';'))}"`;
+}
+/**
+ * A number as an attribute reads it: whole pixels where it is one, and two
+ * decimals otherwise, because a serialized figure carrying sixteen digits per
+ * offset is a file twice the size for no visible difference.
+ * @param value - The measurement.
+ * @returns How it is written.
+ */
+function round(value) {
+    if (!Number.isFinite(value))
+        return 0;
+    return Math.round(value * 100) / 100;
+}
+/**
+ * A value written inside double quotes, with the three characters that would
+ * end the attribute or the tag spelled out.
+ * @param value - The value.
+ * @returns The value, safe to quote.
+ */
+function escapeAttribute(value) {
+    return value
+        .replaceAll('&', '&amp;')
+        .replaceAll('<', '&lt;')
+        .replaceAll('"', '&quot;');
+}
+//# sourceMappingURL=figureSvgDocument.js.map

package/lib/download/core/figureSvgDocument.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"figureSvgDocument.js","sourceRoot":"","sources":["../../../src/download/core/figureSvgDocument.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAsCH,6CAA6C;AAC7C,uJAAuJ;AACvJ,MAAM,aAAa,GAAG,4BAA4B,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAC/B,MAA8B,EAC9B,OAAiC;IAEjC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IACpE,MAAM,GAAG,GAAG,OAAO,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;IACnD,MAAM,KAAK,GAAG,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IAElD,IAAI,MAAM,GACR,UAAU,KAAK,SAAS,IAAI,UAAU,KAAK,EAAE;QAC3C,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,0CAA0C,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC;IACjF,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QAC3B,MAAM,IAAI,2BAA2B,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,MAAM,MAAM,CAAC;IAChG,CAAC;IAED,OAAO,CACL,wCAAwC;QACxC,eAAe,aAAa,YAAY,KAAK,CAAC,KAAK,CAAC,aAAa,KAAK,CAAC,MAAM,CAAC,cAAc,GAAG,IAAI,KAAK,GAAG;QAC3G,GAAG,MAAM,QAAQ,CAClB,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,SAAS,aAAa,CACpB,UAA8B,EAC9B,QAA4B;IAE5B,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,KAAK,EAAE,EAAE,CAAC;QAClD,KAAK,CAAC,IAAI,CAAC,eAAe,UAAU,EAAE,CAAC,CAAC;IAC1C,CAAC;IACD,IAAI,QAAQ,KAAK,SAAS,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QACxD,KAAK,CAAC,IAAI,CAAC,aAAa,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IACD,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;QACvB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,WAAW,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;AACrD,CAAC;AAED;;;;;;GAMG;AACH,SAAS,KAAK,CAAC,KAAa;IAC1B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,CAAC,CAAC;IACtC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AACvC,CAAC;AAED;;;;;GAKG;AACH,SAAS,eAAe,CAAC,KAAa;IACpC,OAAO,KAAK;SACT,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC;SACxB,UAAU,CAAC,GAAG,EAAE,MAAM,CAAC;SACvB,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;AAC/B,CAAC"}

package/lib/download/core/figureTarget.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Finding the drawings inside whatever the caller pointed at.
+ *
+ * A caller names a figure by the `id` of the box it is mounted in — never by
+ * handing over an element it had to hold a ref to — because the box is
+ * something a page already has a name for, and because the thing that saves
+ * the figure is then free to sit anywhere on the page rather than inside the
+ * component that drew it.
+ */
+import type { FigurePixels } from './figureScale.ts';
+/** A figure's box on the page, in the coordinates a bounding box reports. */
+export interface FigureBounds {
+    /** Its left edge. */
+    left: number;
+    /** Its top edge. */
+    top: number;
+    /** Its width. */
+    width: number;
+    /** Its height. */
+    height: number;
+}
+/**
+ * The element a caller named.
+ * @param target - The `id` of the box the figure is mounted in, or the element
+ *   itself.
+ * @returns The element.
+ * @throws {Error} When no element on the page carries that `id`.
+ */
+export declare function figureElement(target: string | Element): Element;
+/**
+ * The drawings inside it, in the order they are painted.
+ *
+ * What is collected is every `<svg>` that is part of the picture: one for a
+ * plain chart, sixteen for a pair grid. The glyphs of the controls floating
+ * over a figure are `<svg>` too, so anything inside an element marked as
+ * chrome is left behind — a cog saved into the middle of a scatter plot is the
+ * bug this exists to prevent. A drawing with no area is left behind as well,
+ * because a tab that is not showing is still in the document.
+ * @param element - The box the figure is mounted in.
+ * @returns The drawings.
+ */
+export declare function figureDrawings(element: Element): readonly SVGSVGElement[];
+/**
+ * The box every drawing of a figure fits in.
+ * @param drawings - The drawings, as they sit on the page.
+ * @returns The box, or one with no area where there are no drawings.
+ */
+export declare function figureBounds(drawings: readonly SVGSVGElement[]): FigureBounds;
+/**
+ * How big the saved figure would be at its own size, for a control that has to
+ * write the resulting file size before anybody presses save.
+ * @param target - The `id` of the box the figure is mounted in, or the element.
+ * @returns The size in pixels, or `null` where there is nothing to save.
+ */
+export declare function figureSize(target: string | Element): FigurePixels | null;
+//# sourceMappingURL=figureTarget.d.ts.map

package/lib/download/core/figureTarget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"figureTarget.d.ts","sourceRoot":"","sources":["../../../src/download/core/figureTarget.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,6EAA6E;AAC7E,MAAM,WAAW,YAAY;IAC3B,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAS/D;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,aAAa,EAAE,CAazE;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,SAAS,aAAa,EAAE,GAAG,YAAY,CAgB7E;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY,GAAG,IAAI,CAYxE"}

package/lib/download/core/figureTarget.js

@@ -0,0 +1,119 @@
+/**
+ * Finding the drawings inside whatever the caller pointed at.
+ *
+ * A caller names a figure by the `id` of the box it is mounted in — never by
+ * handing over an element it had to hold a ref to — because the box is
+ * something a page already has a name for, and because the thing that saves
+ * the figure is then free to sit anywhere on the page rather than inside the
+ * component that drew it.
+ */
+/** Chrome floating over a figure, which is not part of the picture. */
+const CHROME = '[data-figure="chrome"]';
+/**
+ * The element a caller named.
+ * @param target - The `id` of the box the figure is mounted in, or the element
+ *   itself.
+ * @returns The element.
+ * @throws {Error} When no element on the page carries that `id`.
+ */
+export function figureElement(target) {
+    if (typeof target !== 'string')
+        return target;
+    // Escaped, because the ids React generates are not bare identifiers: a raw
+    // `#«r3»-panel` is not a selector any browser will parse.
+    const element = document.querySelector(`#${CSS.escape(target)}`);
+    if (element === null) {
+        throw new Error(`No element with the id ${target} to save.`);
+    }
+    return element;
+}
+/**
+ * The drawings inside it, in the order they are painted.
+ *
+ * What is collected is every `<svg>` that is part of the picture: one for a
+ * plain chart, sixteen for a pair grid. The glyphs of the controls floating
+ * over a figure are `<svg>` too, so anything inside an element marked as
+ * chrome is left behind — a cog saved into the middle of a scatter plot is the
+ * bug this exists to prevent. A drawing with no area is left behind as well,
+ * because a tab that is not showing is still in the document.
+ * @param element - The box the figure is mounted in.
+ * @returns The drawings.
+ */
+export function figureDrawings(element) {
+    if (element.tagName.toLowerCase() === 'svg') {
+        return [element];
+    }
+    const drawings = [];
+    for (const drawing of element.querySelectorAll('svg')) {
+        if (drawing.closest(CHROME) !== null)
+            continue;
+        if (isNested(drawings, drawing))
+            continue;
+        const box = drawing.getBoundingClientRect();
+        if (box.width <= 0 || box.height <= 0)
+            continue;
+        drawings.push(drawing);
+    }
+    return drawings;
+}
+/**
+ * The box every drawing of a figure fits in.
+ * @param drawings - The drawings, as they sit on the page.
+ * @returns The box, or one with no area where there are no drawings.
+ */
+export function figureBounds(drawings) {
+    let left = Number.POSITIVE_INFINITY;
+    let top = Number.POSITIVE_INFINITY;
+    let right = Number.NEGATIVE_INFINITY;
+    let bottom = Number.NEGATIVE_INFINITY;
+    for (const drawing of drawings) {
+        const box = drawing.getBoundingClientRect();
+        if (box.left < left)
+            left = box.left;
+        if (box.top < top)
+            top = box.top;
+        if (box.right > right)
+            right = box.right;
+        if (box.bottom > bottom)
+            bottom = box.bottom;
+    }
+    if (!Number.isFinite(left) || !Number.isFinite(top)) {
+        return { left: 0, top: 0, width: 0, height: 0 };
+    }
+    return { left, top, width: right - left, height: bottom - top };
+}
+/**
+ * How big the saved figure would be at its own size, for a control that has to
+ * write the resulting file size before anybody presses save.
+ * @param target - The `id` of the box the figure is mounted in, or the element.
+ * @returns The size in pixels, or `null` where there is nothing to save.
+ */
+export function figureSize(target) {
+    let bounds;
+    try {
+        bounds = figureBounds(figureDrawings(figureElement(target)));
+    }
+    catch {
+        return null;
+    }
+    if (bounds.width <= 0 || bounds.height <= 0)
+        return null;
+    return {
+        width: Math.round(bounds.width),
+        height: Math.round(bounds.height),
+    };
+}
+/**
+ * Whether a drawing already sits inside one that was taken.
+ * @param taken - The drawings collected so far.
+ * @param drawing - The one being considered.
+ * @returns Whether it is already part of the figure.
+ */
+function isNested(taken, drawing) {
+    for (const other of taken) {
+        if (other.contains(drawing))
+            return true;
+    }
+    return false;
+}
+//# sourceMappingURL=figureTarget.js.map

package/lib/download/core/figureTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"figureTarget.js","sourceRoot":"","sources":["../../../src/download/core/figureTarget.ts"],"names":[],"mappings":"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"}

package/lib/download/core/index.d.ts

@@ -1,4 +1,16 @@
+export { cssTokenNames, resolveCssTokens } from './cssTokens.ts';
 export { downloadBlob } from './downloadBlob.ts';
+export type { DownloadFigureOptions, FigureFormat } from './downloadFigure.ts';
+export { downloadFigure } from './downloadFigure.ts';
 export { downloadText } from './downloadText.ts';
+export { FIGURE_PNG_TYPE, figurePng } from './figurePng.ts';
+export type { FigurePixels } from './figureScale.ts';
+export { DEFAULT_FIGURE_SCALE, FIGURE_MAX_PIXELS, FIGURE_SCALES, figurePixels, figureScaleFits, figureScaleLabel, formatFigurePixels, } from './figureScale.ts';
+export type { FigureSvg, FigureSvgOptions } from './figureSvg.ts';
+export { FIGURE_SVG_TYPE, figureSvg } from './figureSvg.ts';
+export type { FigurePiece, FigureSvgDocumentOptions, } from './figureSvgDocument.ts';
+export { figureSvgDocument } from './figureSvgDocument.ts';
+export type { FigureBounds } from './figureTarget.ts';
+export { figureBounds, figureDrawings, figureElement, figureSize, } from './figureTarget.ts';
 export { sanitizeFileName } from './sanitizeFileName.ts';
 //# sourceMappingURL=index.d.ts.map

package/lib/download/core/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/download/core/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/download/core/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC5D,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC5D,YAAY,EACV,WAAW,EACX,wBAAwB,GACzB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EACL,YAAY,EACZ,cAAc,EACd,aAAa,EACb,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}

package/lib/download/core/index.js

@@ -1,4 +1,11 @@
+export { cssTokenNames, resolveCssTokens } from "./cssTokens.js";
 export { downloadBlob } from "./downloadBlob.js";
+export { downloadFigure } from "./downloadFigure.js";
 export { downloadText } from "./downloadText.js";
+export { FIGURE_PNG_TYPE, figurePng } from "./figurePng.js";
+export { DEFAULT_FIGURE_SCALE, FIGURE_MAX_PIXELS, FIGURE_SCALES, figurePixels, figureScaleFits, figureScaleLabel, formatFigurePixels, } from "./figureScale.js";
+export { FIGURE_SVG_TYPE, figureSvg } from "./figureSvg.js";
+export { figureSvgDocument } from "./figureSvgDocument.js";
+export { figureBounds, figureDrawings, figureElement, figureSize, } from "./figureTarget.js";
 export { sanitizeFileName } from "./sanitizeFileName.js";
 //# sourceMappingURL=index.js.map

package/lib/download/core/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/download/core/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/download/core/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE5D,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAK5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EACL,YAAY,EACZ,cAAc,EACd,aAAa,EACb,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}

package/lib/download/ui/FigureDownload.d.ts

@@ -0,0 +1,81 @@
+import type { IconName } from '@blueprintjs/core';
+import type { ReactElement } from 'react';
+import type { FigureFormat } from '../core/downloadFigure.ts';
+/** What {@link FigureDownload} needs. */
+export interface FigureDownloadProps {
+    /**
+     * The `id` of the box the figure is mounted in. Everything drawn inside it
+     * is saved — sixteen charts of a pair grid as readily as one scatter plot —
+     * and the controls floating over it are left behind.
+     */
+    targetId: string;
+    /**
+     * What the saved file is called, without its extension. Name it after the
+     * data rather than after the tool: a reader with four of these in a
+     * downloads folder cannot tell four `figure.png` apart.
+     * @default 'figure'
+     */
+    fileName?: string;
+    /**
+     * The format it opens on.
+     * @default 'png'
+     */
+    defaultFormat?: FigureFormat;
+    /**
+     * The resolution it opens on, as a multiple of the figure on screen.
+     * @default 2
+     */
+    defaultScale?: number;
+    /**
+     * The resolutions offered.
+     * @default [1, 2, 3, 4]
+     */
+    scales?: readonly number[];
+    /**
+     * What is painted under the figure. `transparent` leaves it unpainted, for a
+     * figure going onto a coloured slide.
+     * @default the surface the figure is drawn on
+     */
+    background?: string;
+    /**
+     * What the glyph is called, for the pointer and for a screen reader.
+     * @default 'Save this figure'
+     */
+    label?: string;
+    /**
+     * What the panel behind it is called.
+     * @default 'Save figure'
+     */
+    title?: string;
+    /**
+     * Its glyph.
+     * @default 'download'
+     */
+    icon?: IconName;
+    /**
+     * Value of the `data-testid` attribute of the glyph.
+     * @default undefined
+     */
+    testId?: string;
+}
+/**
+ * The glyph that takes the figure off the page as a file.
+ *
+ * It works from the `id` of the box the figure is mounted in rather than from
+ * the figure itself, so the control is free to sit in the bar above the
+ * picture — or anywhere else on the page — without the component that drew the
+ * figure having to hand anything over. That is also what lets one control save
+ * a view that is really several charts: whatever is inside the box is what is
+ * saved.
+ *
+ * Both formats are offered because they answer different questions. An SVG is
+ * the figure itself, sharp at any size and still editable, which is what a
+ * paper wants; a PNG is a picture of it, which is what every chat window and
+ * slide deck accepts. The resolution belongs to the second alone, and the
+ * panel writes out the pixels it is about to produce so nobody has to guess
+ * what `3×` means for the figure in front of them.
+ * @param props - See {@link FigureDownloadProps}.
+ * @returns The glyph and its panel.
+ */
+export declare function FigureDownload(props: FigureDownloadProps): ReactElement;
+//# sourceMappingURL=FigureDownload.d.ts.map

package/lib/download/ui/FigureDownload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FigureDownload.d.ts","sourceRoot":"","sources":["../../../src/download/ui/FigureDownload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAQ9D,yCAAyC;AACzC,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAkEvE"}

package/lib/download/ui/FigureDownload.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PopoverNext } from '@blueprintjs/core';
+import { useState } from 'react';
+import { OverlayIconButton } from "../../overlay/ui/OverlayIconButton.js";
+import { downloadFigure } from "../core/downloadFigure.js";
+import { DEFAULT_FIGURE_SCALE, FIGURE_SCALES } from "../core/figureScale.js";
+import { figureSize } from "../core/figureTarget.js";
+import { FigureDownloadPanel } from "./FigureDownloadPanel.js";
+/**
+ * The glyph that takes the figure off the page as a file.
+ *
+ * It works from the `id` of the box the figure is mounted in rather than from
+ * the figure itself, so the control is free to sit in the bar above the
+ * picture — or anywhere else on the page — without the component that drew the
+ * figure having to hand anything over. That is also what lets one control save
+ * a view that is really several charts: whatever is inside the box is what is
+ * saved.
+ *
+ * Both formats are offered because they answer different questions. An SVG is
+ * the figure itself, sharp at any size and still editable, which is what a
+ * paper wants; a PNG is a picture of it, which is what every chat window and
+ * slide deck accepts. The resolution belongs to the second alone, and the
+ * panel writes out the pixels it is about to produce so nobody has to guess
+ * what `3×` means for the figure in front of them.
+ * @param props - See {@link FigureDownloadProps}.
+ * @returns The glyph and its panel.
+ */
+export function FigureDownload(props) {
+    const { targetId, fileName, background, scales = FIGURE_SCALES } = props;
+    const { defaultFormat = 'png', defaultScale = DEFAULT_FIGURE_SCALE } = props;
+    const { label = 'Save this figure', title = 'Save figure' } = props;
+    const { icon = 'download', testId } = props;
+    const [open, setOpen] = useState(false);
+    const [format, setFormat] = useState(defaultFormat);
+    const [scale, setScale] = useState(defaultScale);
+    const [size, setSize] = useState(null);
+    const [failure, setFailure] = useState(null);
+    const [saving, setSaving] = useState(false);
+    // The panel is held open from here rather than left to itself, because the
+    // figure has to be measured at the moment it opens: its size is what the
+    // panel writes out, and reading a bounding box on every render would cost a
+    // layout pass on a bar that is re-rendered on every pointer move.
+    function interact(next) {
+        setOpen(next);
+        if (!next)
+            return;
+        setSize(figureSize(targetId));
+        setFailure(null);
+    }
+    async function save() {
+        setSaving(true);
+        try {
+            await downloadFigure(targetId, { format, scale, fileName, background });
+            setFailure(null);
+        }
+        catch (error) {
+            setFailure(error instanceof Error ? error.message : String(error));
+        }
+        finally {
+            setSaving(false);
+        }
+    }
+    return (_jsx(PopoverNext, { isOpen: open, placement: "bottom-end", onInteraction: interact, content: _jsx(FigureDownloadPanel, { title: title, format: format, scale: scale, scales: scales, size: size, failure: failure, saving: saving, onFormatChange: setFormat, onScaleChange: setScale, onSave: () => void save() }), children: _jsx(OverlayIconButton, { icon: icon, label: label, value: format.toUpperCase(), active: open, testId: testId, opensMenu: true }) }));
+}
+//# sourceMappingURL=FigureDownload.js.map

package/lib/download/ui/FigureDownload.js.map

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

package/lib/download/ui/FigureDownloadPanel.d.ts

@@ -0,0 +1,45 @@
+import type { ReactElement } from 'react';
+import type { FigureFormat } from '../core/downloadFigure.ts';
+import type { FigurePixels } from '../core/figureScale.ts';
+/** What {@link FigureDownloadPanel} is drawn from. */
+export interface FigureDownloadPanelProps {
+    /** What the panel is called. */
+    title: string;
+    /** Which file the reader is about to write. */
+    format: FigureFormat;
+    /** The multiple of the figure on screen it is painted at. */
+    scale: number;
+    /** The multiples offered. */
+    scales: readonly number[];
+    /** How big the figure is on the page, or `null` where there is none. */
+    size: FigurePixels | null;
+    /** What went wrong the last time save was pressed, if anything. */
+    failure: string | null;
+    /** Whether a file is being written right now. */
+    saving: boolean;
+    /** Called with the format the reader picked. */
+    onFormatChange: (format: FigureFormat) => void;
+    /** Called with the multiple they picked. */
+    onScaleChange: (scale: number) => void;
+    /** Called when they press save. */
+    onSave: () => void;
+}
+/**
+ * The two choices behind the save glyph, and the button that writes the file.
+ *
+ * The resolution stays in place and greyed while an SVG is selected rather
+ * than disappearing, because a control that vanishes is a control the reader
+ * concludes the figure does not have — and the sentence at the foot says why
+ * it is greyed, which is that an SVG has no resolution to choose.
+ *
+ * That sentence is the panel's own hint line rather than a row of its own: it
+ * is not a setting, it is what the two settings above it currently amount to,
+ * and it is the only thing here that answers the question a reader actually
+ * has, which is how big the file is going to be. Saving itself is a command
+ * rather than a setting, so it sits at the foot under the hairline: a button
+ * filed among the settings is read as one, and a press nobody meant to make.
+ * @param props - See {@link FigureDownloadPanelProps}.
+ * @returns The panel.
+ */
+export declare function FigureDownloadPanel(props: FigureDownloadPanelProps): ReactElement;
+//# sourceMappingURL=FigureDownloadPanel.d.ts.map

package/lib/download/ui/FigureDownloadPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FigureDownloadPanel.d.ts","sourceRoot":"","sources":["../../../src/download/ui/FigureDownloadPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAQ3D,sDAAsD;AACtD,MAAM,WAAW,wBAAwB;IACvC,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,MAAM,EAAE,YAAY,CAAC;IACrB,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,wEAAwE;IACxE,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IAC1B,mEAAmE;IACnE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,iDAAiD;IACjD,MAAM,EAAE,OAAO,CAAC;IAChB,gDAAgD;IAChD,cAAc,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,4CAA4C;IAC5C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,mCAAmC;IACnC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,wBAAwB,GAC9B,YAAY,CAqCd"}