react-cheminfo 0.33.0 → 0.35.0

package/lib/download/core/pictureExport.js

@@ -1,116 +0,0 @@
-import { writeImageToClipboard } from "../../clipboard/core/copyPng.js";
-import { downloadBlob } from "./downloadBlob.js";
-import { downloadText } from "./downloadText.js";
-import { imageSize } from "./imageResolution.js";
-import { contentBox, elementBox } from "./svgBounds.js";
-import { svgToPng } from "./svgToPng.js";
-import { svgToString } from "./svgToString.js";
-/**
- * Room left around a drawing in a written-out picture, in drawing units.
- *
- * Enough that a name written under the bottom of the drawing, and the stroke
- * around its outermost mark, are inside the picture rather than against its
- * edge.
- */
-export const PICTURE_PADDING = 12;
-/**
- * How big the drawing comes out at a resolution, before it is written out.
- *
- * What is measured is what the picture will be of rather than whatever is on
- * screen, so the answer does not change when the window is resized or the
- * drawing panned — the size shown next to the resolution is the size of the
- * file that is about to be written.
- * @param svg - The element, as it is rendered.
- * @param scale - How many pixels each drawing unit becomes.
- * @param options - What the picture is of.
- * @returns The size, or `null` when nothing is drawn.
- */
-export function pictureSize(svg, scale, options = {}) {
-    const box = svg && pictureBox(svg, options);
-    return box && imageSize(box, scale);
-}
-/**
- * Put the drawing on the clipboard as a PNG.
- *
- * The rasterization is handed to the clipboard as a promise rather than awaited
- * first: Safari only allows a clipboard write the click itself started.
- * @param svg - The element, as it is rendered.
- * @param options - How big to make it.
- * @returns Whether it was copied. `false` when nothing is drawn, and in a
- *   browser whose clipboard takes text only.
- */
-export async function copyPicture(svg, options = {}) {
-    const written = describe(svg, options);
-    if (!written)
-        return false;
-    return await writeImageToClipboard(svgToPng(written.svg, written.png));
-}
-/**
- * Save the drawing as a PNG.
- * @param svg - The element, as it is rendered.
- * @param options - How big to make it, and what to call it.
- * @returns Whether it was saved. `false` when nothing is drawn.
- */
-export async function savePngPicture(svg, options = {}) {
-    const written = describe(svg, options);
-    if (!written)
-        return false;
-    downloadBlob(await svgToPng(written.svg, written.png), `${written.name}.png`);
-    return true;
-}
-/**
- * Save the drawing as an SVG.
- *
- * The resolution is carried into the file as the size it opens at, but the
- * shapes stay shapes: an SVG printed at any size is drawn again rather than
- * enlarged, which is the reason to prefer it wherever it can go.
- * @param svg - The element, as it is rendered.
- * @param options - How big to make it, and what to call it.
- * @returns Whether it was saved. `false` when nothing is drawn.
- */
-export function saveSvgPicture(svg, options = {}) {
-    const written = describe(svg, options);
-    if (!written)
-        return false;
-    downloadText(svgToString(written.svg, written.png), `${written.name}.svg`, 'image/svg+xml');
-    return true;
-}
-/**
- * The rectangle a picture of the element would cover, in drawing units.
- * @param svg - The element, as it is rendered.
- * @param options - What the picture is of.
- * @returns The rectangle, or `null` when nothing is drawn.
- */
-function pictureBox(svg, options) {
-    const { frame = 'content', padding = PICTURE_PADDING } = options;
-    return frame === 'content' ? contentBox(svg, padding) : elementBox(svg);
-}
-/**
- * Work out what a picture of the element would be.
- * @param svg - The element, as it is rendered.
- * @param options - How big to make it, and what to call it.
- * @returns The element and the rectangle to write out, or `null` when nothing
- *   is drawn.
- */
-function describe(svg, options) {
-    const { scale = 2, filename = 'picture', label = 'Drawing', frame = 'content', } = options;
-    if (!svg)
-        return null;
-    const box = pictureBox(svg, options);
-    if (!box)
-        return null;
-    const size = imageSize(box, scale);
-    return {
-        svg,
-        // A picture of the element keeps the `viewBox` the element was drawn with,
-        // which is the one thing that makes its own scaling come out right.
-        png: {
-            box: frame === 'content' ? box : null,
-            width: size.width,
-            height: size.height,
-            label,
-        },
-        name: filename,
-    };
-}
-//# sourceMappingURL=pictureExport.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pictureExport.js","sourceRoot":"","sources":["../../../src/download/core/pictureExport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAExE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AA6ClC;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,WAAW,CACzB,GAAyB,EACzB,KAAa,EACb,UAAqD,EAAE;IAEvD,MAAM,GAAG,GAAG,GAAG,IAAI,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAC5C,OAAO,GAAG,IAAI,SAAS,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;AACtC,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,KAAK,UAAU,WAAW,CAC/B,GAAyB,EACzB,UAA0B,EAAE;IAE5B,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IACvC,IAAI,CAAC,OAAO;QAAE,OAAO,KAAK,CAAC;IAC3B,OAAO,MAAM,qBAAqB,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;AACzE,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,KAAK,UAAU,cAAc,CAClC,GAAyB,EACzB,UAA0B,EAAE;IAE5B,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IACvC,IAAI,CAAC,OAAO;QAAE,OAAO,KAAK,CAAC;IAC3B,YAAY,CAAC,MAAM,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,OAAO,CAAC,IAAI,MAAM,CAAC,CAAC;IAC9E,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,cAAc,CAC5B,GAAyB,EACzB,UAA0B,EAAE;IAE5B,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IACvC,IAAI,CAAC,OAAO;QAAE,OAAO,KAAK,CAAC;IAC3B,YAAY,CACV,WAAW,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,EACrC,GAAG,OAAO,CAAC,IAAI,MAAM,EACrB,eAAe,CAChB,CAAC;IACF,OAAO,IAAI,CAAC;AACd,CAAC;AAgBD;;;;;GAKG;AACH,SAAS,UAAU,CACjB,GAAkB,EAClB,OAAkD;IAElD,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,OAAO,GAAG,eAAe,EAAE,GAAG,OAAO,CAAC;IACjE,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;AAC1E,CAAC;AAED;;;;;;GAMG;AACH,SAAS,QAAQ,CACf,GAAyB,EACzB,OAAuB;IAEvB,MAAM,EACJ,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,SAAS,EACpB,KAAK,GAAG,SAAS,EACjB,KAAK,GAAG,SAAS,GAClB,GAAG,OAAO,CAAC;IACZ,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IAEtB,MAAM,GAAG,GAAG,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IACrC,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IAEtB,MAAM,IAAI,GAAG,SAAS,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACnC,OAAO;QACL,GAAG;QACH,2EAA2E;QAC3E,oEAAoE;QACpE,GAAG,EAAE;YACH,GAAG,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI;YACrC,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK;SACN;QACD,IAAI,EAAE,QAAQ;KACf,CAAC;AACJ,CAAC"}

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

@@ -1,46 +0,0 @@
-import type { IconName } from '@blueprintjs/core';
-import type { ReactNode } from 'react';
-export interface ExportDialogFrameProps {
-    /** Whether the dialog is showing. */
-    isOpen: boolean;
-    /** What it is about, along the top. */
-    title: string;
-    /** The icon beside that title. */
-    icon: IconName;
-    /**
-     * The name saved files take, without their extension; the section is keyed on
-     * it, so a file saved under a new name is what the name box opens on next
-     * time rather than what was typed and then thought better of.
-     */
-    filename: string;
-    /**
-     * How wide the dialog opens, in pixels. A section showing text needs the room
-     * to show a molfile line whole; one showing controls does not.
-     * @default 560
-     */
-    width?: number;
-    /**
-     * Whether the section is mounted only while the dialog is open, for a section
-     * whose work — measuring a picture off the page — is only worth doing while
-     * it is being looked at.
-     * @default false
-     */
-    mountWhileOpen?: boolean;
-    /** The section, built with the status setter the footer reads. */
-    children: (onStatus: (status: string) => void) => ReactNode;
-    /** Called when the dialog is dismissed. */
-    onClose: () => void;
-}
-/**
- * The frame every export dialog shares: the section, and what it last did.
- *
- * Each thing the editor writes out gets a dialog of its own rather than one
- * shared dialog of tabs, since a picture, a structure and a sequence are asked
- * for at different moments; what they have in common is only the frame, which
- * is here so the three cannot come to differ in how they close or where they
- * say what they wrote.
- * @param props - Component props.
- * @returns The dialog.
- */
-export declare function ExportDialogFrame(props: ExportDialogFrameProps): import("react").JSX.Element;
-//# sourceMappingURL=ExportDialogFrame.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ExportDialogFrame.d.ts","sourceRoot":"","sources":["../../../src/download/ui/ExportDialogFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,sBAAsB;IACrC,qCAAqC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,IAAI,EAAE,QAAQ,CAAC;IACf;;;;OAIG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kEAAkE;IAClE,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,KAAK,SAAS,CAAC;IAC5D,2CAA2C;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAgC9D"}

package/lib/download/ui/ExportDialogFrame.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Dialog, DialogBody, DialogFooter } from '@blueprintjs/core';
-import { useState } from 'react';
-import { useConfirmOnEnter } from "../../panel/ui/useConfirmOnEnter.js";
-import { exportNoteStyle } from "../core/exportStyles.js";
-/**
- * The frame every export dialog shares: the section, and what it last did.
- *
- * Each thing the editor writes out gets a dialog of its own rather than one
- * shared dialog of tabs, since a picture, a structure and a sequence are asked
- * for at different moments; what they have in common is only the frame, which
- * is here so the three cannot come to differ in how they close or where they
- * say what they wrote.
- * @param props - Component props.
- * @returns The dialog.
- */
-export function ExportDialogFrame(props) {
-    const { isOpen, title, icon, filename, width = DEFAULT_WIDTH, mountWhileOpen = false, children, onClose, } = props;
-    const [status, setStatus] = useState(null);
-    useConfirmOnEnter(isOpen, onClose);
-    return (_jsxs(Dialog, { isOpen: isOpen, title: title, icon: icon, style: { width, maxWidth: '92vw' }, onClose: onClose, children: [_jsx(DialogBody, { children: mountWhileOpen && !isOpen ? null : children(setStatus) }, filename), _jsx(DialogFooter, { actions: _jsx(Button, { text: "Close", onClick: onClose }), children: _jsx("span", { style: exportNoteStyle, children: status }) })] }));
-}
-const DEFAULT_WIDTH = 560;
-//# sourceMappingURL=ExportDialogFrame.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ExportDialogFrame.js","sourceRoot":"","sources":["../../../src/download/ui/ExportDialogFrame.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAkC1D;;;;;;;;;;GAUG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EACJ,MAAM,EACN,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,GAAG,aAAa,EACrB,cAAc,GAAG,KAAK,EACtB,QAAQ,EACR,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE1D,iBAAiB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEnC,OAAO,CACL,MAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,EAClC,OAAO,EAAE,OAAO,aAEhB,KAAC,UAAU,cACR,cAAc,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,IADxC,QAAQ,CAEZ,EACb,KAAC,YAAY,IAAC,OAAO,EAAE,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,GAAI,YAC9D,eAAM,KAAK,EAAE,eAAe,YAAG,MAAM,GAAQ,GAChC,IACR,CACV,CAAC;AACJ,CAAC;AAED,MAAM,aAAa,GAAG,GAAG,CAAC"}

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

@@ -1,47 +0,0 @@
-import type { PictureFrame } from '../core/pictureExport.ts';
-export interface ExportImageDialogProps {
-    /** Whether the dialog is showing. */
-    isOpen: boolean;
-    /**
-     * The drawing the picture is taken of, as it is rendered. Read when a button
-     * is pressed rather than passed in, since a drawing is laid out again on
-     * every resize. `null` when nothing is drawn.
-     */
-    getDrawing: () => SVGSVGElement | null;
-    /**
-     * The name saved files take, without their extension.
-     * @default 'picture'
-     */
-    filename?: string;
-    /**
-     * What the picture is read out as in the file it is written to, in place of
-     * the instructions the element carries for whoever is working it.
-     * @default 'Drawing'
-     */
-    label?: string;
-    /**
-     * Whether the picture is the drawing inside the element — a canvas, which is
-     * mostly the empty space around what is on it — or the element as it is laid
-     * out, which is what a chart drawn to the box it was given is.
-     * @default 'content'
-     */
-    frame?: PictureFrame;
-    /** Called when the dialog is dismissed. */
-    onClose: () => void;
-}
-/**
- * A drawing as a picture: PNG at a chosen resolution, or SVG.
- *
- * How big it comes out is asked rather than guessed, since only one size could
- * be the default and neither a figure nor a thumbnail is it. SVG is the honest
- * answer wherever it is accepted — it is drawn again at whatever size it is
- * printed — so the resolution there is only the size the file opens at.
- *
- * The same dialog writes out a glycan, a molecule and a spectrum, because none
- * of what it does depends on what is drawn: it is handed an SVG element that is
- * already on the page, and asks it how big it is.
- * @param props - Component props.
- * @returns The dialog.
- */
-export declare function ExportImageDialog(props: ExportImageDialogProps): import("react").JSX.Element;
-//# sourceMappingURL=ExportImageDialog.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ExportImageDialog.d.ts","sourceRoot":"","sources":["../../../src/download/ui/ExportImageDialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAK7D,MAAM,WAAW,sBAAsB;IACrC,qCAAqC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,UAAU,EAAE,MAAM,aAAa,GAAG,IAAI,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,2CAA2C;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAqC9D"}

package/lib/download/ui/ExportImageDialog.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { DEFAULT_IMAGE_RESOLUTION } from "../core/imageResolution.js";
-import { ExportDialogFrame } from "./ExportDialogFrame.js";
-import { ExportPictureSection } from "./ExportPictureSection.js";
-/**
- * A drawing as a picture: PNG at a chosen resolution, or SVG.
- *
- * How big it comes out is asked rather than guessed, since only one size could
- * be the default and neither a figure nor a thumbnail is it. SVG is the honest
- * answer wherever it is accepted — it is drawn again at whatever size it is
- * printed — so the resolution there is only the size the file opens at.
- *
- * The same dialog writes out a glycan, a molecule and a spectrum, because none
- * of what it does depends on what is drawn: it is handed an SVG element that is
- * already on the page, and asks it how big it is.
- * @param props - Component props.
- * @returns The dialog.
- */
-export function ExportImageDialog(props) {
-    const { isOpen, getDrawing, filename = 'picture', label = 'Drawing', frame, onClose, } = props;
-    const [resolutionId, setResolutionId] = useState(DEFAULT_IMAGE_RESOLUTION.id);
-    return (_jsx(ExportDialogFrame, { isOpen: isOpen, title: "Export as an image", icon: "media", filename: filename, width: 460, mountWhileOpen: true, onClose: onClose, children: (onStatus) => (_jsx(ExportPictureSection, { getDrawing: getDrawing, resolutionId: resolutionId, onResolutionChange: setResolutionId, filename: filename, label: label, frame: frame, onStatus: onStatus })) }));
-}
-//# sourceMappingURL=ExportImageDialog.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ExportImageDialog.js","sourceRoot":"","sources":["../../../src/download/ui/ExportImageDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAGtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAyB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA4B,CAAC;AAiClE;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EACJ,MAAM,EACN,UAAU,EACV,QAAQ,GAAG,SAAS,EACpB,KAAK,GAAG,SAAS,EACjB,KAAK,EACL,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,wBAAwB,CAAC,EAAE,CAC5B,CAAC;IAEF,OAAO,CACL,KAAC,iBAAiB,IAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,GAAG,EACV,cAAc,QACd,OAAO,EAAE,OAAO,YAEf,CAAC,QAAQ,EAAE,EAAE,CAAC,CACb,KAAC,oBAAoB,IACnB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,eAAe,EACnC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,CACH,GACiB,CACrB,CAAC;AACJ,CAAC"}

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

@@ -1,29 +0,0 @@
-export interface ExportNameFieldProps {
-    /** What is in the box, without an extension. */
-    name: string;
-    /**
-     * The extension the file is about to take, shown after what is typed.
-     * @default ''
-     */
-    extension?: string;
-    /** Called with what was typed. */
-    onChange: (name: string) => void;
-}
-/**
- * What the file about to be written out is called.
- *
- * It sits at the right of the row of buttons, against the one that writes the
- * file, because that is what it is about — copying takes no name, and puts
- * itself at the other end of the row. The name the editor came in with is
- * offered, since that is what a glycan is usually saved under, but a picture
- * for a slide and a molfile for a docking run are rarely wanted under it.
- *
- * The box grows with what is typed, so the extension sits directly against the
- * name and the two read as the one filename they are about to become. Held to a
- * fixed width instead, the extension hangs at the far edge with the gap between
- * them reading as part of neither.
- * @param props - Component props.
- * @returns The field.
- */
-export declare function ExportNameField(props: ExportNameFieldProps): import("react").JSX.Element;
-//# sourceMappingURL=ExportNameField.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ExportNameField.d.ts","sourceRoot":"","sources":["../../../src/download/ui/ExportNameField.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,oBAAoB;IACnC,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAmD1D"}

package/lib/download/ui/ExportNameField.js

@@ -1,99 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useLayoutEffect, useRef } from 'react';
-import { TOKEN } from "../../tokens/core/familyTokens.js";
-/**
- * What the file about to be written out is called.
- *
- * It sits at the right of the row of buttons, against the one that writes the
- * file, because that is what it is about — copying takes no name, and puts
- * itself at the other end of the row. The name the editor came in with is
- * offered, since that is what a glycan is usually saved under, but a picture
- * for a slide and a molfile for a docking run are rarely wanted under it.
- *
- * The box grows with what is typed, so the extension sits directly against the
- * name and the two read as the one filename they are about to become. Held to a
- * fixed width instead, the extension hangs at the far edge with the gap between
- * them reading as part of neither.
- * @param props - Component props.
- * @returns The field.
- */
-export function ExportNameField(props) {
-    const { name, extension = '', onChange } = props;
-    const input = useRef(null);
-    const mirror = useRef(null);
-    const ruler = useRef(null);
-    // Measured off a copy of the text in the same font rather than counted in
-    // characters, which only holds for a monospace one. The width is set on the
-    // element instead of kept in state: it is what the browser has just measured,
-    // so rendering again to store it would measure the same thing twice.
-    useLayoutEffect(() => {
-        if (!input.current || !mirror.current || !ruler.current)
-            return;
-        const measured = mirror.current.offsetWidth + CARET;
-        const floor = ruler.current.offsetWidth;
-        input.current.style.width = `${Math.min(Math.max(measured, floor), MAXIMUM)}px`;
-    });
-    return (_jsx("div", { style: fieldStyle, children: _jsxs("div", { className: "bp6-input", style: boxStyle, children: [_jsx("input", { ref: input, value: name, "aria-label": "File name", placeholder: PLACEHOLDER, spellCheck: false, autoComplete: "off", style: inputStyle, onChange: (event) => onChange(event.target.value), 
-                    // The name is in force as it is typed, so Enter has nothing left to
-                    // confirm — and is kept off the dialog, whose answer is to close.
-                    onKeyDown: (event) => {
-                        if (event.key === 'Enter')
-                            event.stopPropagation();
-                    } }), extension === '' ? null : (_jsx("span", { style: extensionStyle, children: extension })), _jsx("span", { ref: mirror, style: mirrorStyle, "aria-hidden": "true", children: name === '' ? PLACEHOLDER : name }), _jsx("span", { ref: ruler, style: mirrorStyle, "aria-hidden": "true", children: FLOOR_SAMPLE })] }) }));
-}
-/** What the box says when nothing has been typed into it. */
-const PLACEHOLDER = 'File name';
-/** Room for the caret past the last character, so it is never clipped. */
-const CARET = 2;
-/**
- * Twenty characters, which the box is never narrower than.
- *
- * A name is typed into this box as often as it is read out of it, and a box cut
- * to `glycan` leaves no room to do that in — so the floor is a name of the
- * length one usually is, measured in the box's own font rather than counted at
- * some assumed character width. `n` is about the average width of a lowercase
- * letter, which is what a filename is mostly made of.
- */
-const FLOOR_SAMPLE = 'n'.repeat(20);
-/** Past this a name scrolls inside the box rather than pushing the dialog. */
-const MAXIMUM = 260;
-// Held against the right of the row beside the button that writes the file, so
-// the space in the row falls between copying and saving rather than inside the
-// name.
-const fieldStyle = { marginLeft: 'auto', flexShrink: 0 };
-// Blueprint's own input chrome, worn by the box rather than by the field inside
-// it, so the name and the extension sit within one border. Positioned, so the
-// hidden copy the width is measured off can be taken out of the layout without
-// leaving the box it takes its font from.
-const boxStyle = {
-    position: 'relative',
-    display: 'flex',
-    alignItems: 'center',
-    width: 'fit-content',
-};
-// The field itself brings nothing of its own: the box around it is what is
-// seen, and the text has to be in the font the width was measured in.
-const inputStyle = {
-    font: 'inherit',
-    border: 'none',
-    outline: 'none',
-    padding: 0,
-    margin: 0,
-    background: 'transparent',
-    color: 'inherit',
-};
-const extensionStyle = {
-    color: TOKEN.textMuted,
-    whiteSpace: 'pre',
-};
-// A copy of what is typed, in the same font, laid out but never painted.
-const mirrorStyle = {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    visibility: 'hidden',
-    pointerEvents: 'none',
-    whiteSpace: 'pre',
-    font: 'inherit',
-};
-//# sourceMappingURL=ExportNameField.js.map

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

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

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

@@ -1,38 +0,0 @@
-import type { PictureFrame } from '../core/pictureExport.ts';
-export interface ExportPictureSectionProps {
-    /** The drawing a picture is taken of, as it is rendered. */
-    getDrawing: () => SVGSVGElement | null;
-    /** Which of the resolutions is picked. */
-    resolutionId: string;
-    /** Called with the resolution that was picked. */
-    onResolutionChange: (id: string) => void;
-    /**
-     * The name the name box opens on, and falls back to when it is cleared,
-     * without its extension.
-     */
-    filename: string;
-    /** What the picture is read out as in the file it is written to. */
-    label: string;
-    /**
-     * Whether the picture is the drawing inside the element or the element as it
-     * is laid out.
-     * @default 'content'
-     */
-    frame?: PictureFrame;
-    /** Called with what became of the last thing written out. */
-    onStatus: (status: string) => void;
-}
-/**
- * The drawing as a picture: how big it comes out, and where it goes.
- *
- * The size the file will be is shown beside the resolution rather than after
- * the fact, since that is the number the choice is made on — a figure for a
- * paper and a thumbnail for a slide are the same drawing at very different
- * sizes. What is measured is what the picture will be of and not whatever is on
- * screen, so the answer does not change when the window is resized or the
- * drawing panned.
- * @param props - Component props.
- * @returns The section.
- */
-export declare function ExportPictureSection(props: ExportPictureSectionProps): import("react").JSX.Element;
-//# sourceMappingURL=ExportPictureSection.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ExportPictureSection.d.ts","sourceRoot":"","sources":["../../../src/download/ui/ExportPictureSection.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAW7D,MAAM,WAAW,yBAAyB;IACxC,4DAA4D;IAC5D,UAAU,EAAE,MAAM,aAAa,GAAG,IAAI,CAAC;IACvC,0CAA0C;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,6DAA6D;IAC7D,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,+BA2EpE"}

package/lib/download/ui/ExportPictureSection.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, HTMLSelect } from '@blueprintjs/core';
-import { useState } from 'react';
-import { exportButtonsStyle, exportNoteStyle, exportSectionStyle, } from "../core/exportStyles.js";
-import { IMAGE_RESOLUTIONS, formatImageSize, imageResolution, } from "../core/imageResolution.js";
-import { copyPicture, pictureSize, savePngPicture, saveSvgPicture, } from "../core/pictureExport.js";
-import { sanitizeFileName } from "../core/sanitizeFileName.js";
-import { ExportNameField } from "./ExportNameField.js";
-/**
- * The drawing as a picture: how big it comes out, and where it goes.
- *
- * The size the file will be is shown beside the resolution rather than after
- * the fact, since that is the number the choice is made on — a figure for a
- * paper and a thumbnail for a slide are the same drawing at very different
- * sizes. What is measured is what the picture will be of and not whatever is on
- * screen, so the answer does not change when the window is resized or the
- * drawing panned.
- * @param props - Component props.
- * @returns The section.
- */
-export function ExportPictureSection(props) {
-    const { getDrawing, resolutionId, onResolutionChange, filename, label, frame, onStatus, } = props;
-    const [name, setName] = useState(filename);
-    const savedName = sanitizeFileName(name, filename);
-    const { scale } = imageResolution(resolutionId);
-    const size = pictureSize(getDrawing(), scale, { frame });
-    const options = { scale, filename: savedName, label, frame };
-    return (_jsxs("section", { style: exportSectionStyle, children: [_jsxs("div", { style: resolutionStyle, children: [_jsx(HTMLSelect, { value: resolutionId, "aria-label": "Resolution", onChange: (event) => onResolutionChange(event.currentTarget.value), children: IMAGE_RESOLUTIONS.map((resolution) => (_jsx("option", { value: resolution.id, children: resolution.label }, resolution.id))) }), _jsx("span", { style: exportNoteStyle, children: formatImageSize(size) })] }), _jsxs("div", { style: exportButtonsStyle, children: [_jsx(Button, { icon: "duplicate", disabled: size === null, text: "Copy PNG", onClick: () => {
-                            // The rasterization is started here rather than awaited: Safari
-                            // only allows a clipboard write the click itself started.
-                            void copyPicture(getDrawing(), options).then((copied) => onStatus(copied ? 'Picture copied.' : 'Nothing was copied.'), () => onStatus('Nothing was copied.'));
-                        } }), _jsx(ExportNameField, { name: name, onChange: setName }), _jsx(Button, { icon: "download", disabled: size === null, text: "Save PNG", title: `Save as ${savedName}.png`, onClick: () => {
-                            void savePngPicture(getDrawing(), options).then((saved) => {
-                                if (saved)
-                                    onStatus(`Saved as ${savedName}.png.`);
-                            });
-                        } }), _jsx(Button, { icon: "download", disabled: size === null, text: "Save SVG", title: `Save as ${savedName}.svg`, onClick: () => {
-                            if (saveSvgPicture(getDrawing(), options)) {
-                                onStatus(`Saved as ${savedName}.svg.`);
-                            }
-                        } })] })] }));
-}
-const resolutionStyle = {
-    display: 'flex',
-    alignItems: 'center',
-    gap: 8,
-};
-//# sourceMappingURL=ExportPictureSection.js.map

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

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

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

@@ -1,23 +0,0 @@
-/** The box a picture is taken out of. */
-export interface DrawingBox {
-    /** Put on the box the drawing sits in, so it can be found again. */
-    attach: (element: HTMLElement | null) => void;
-    /**
-     * The drawing a picture is taken of, `null` when the box holds none — which
-     * is what an editor showing nothing yet, or one whose box has not been
-     * mounted, hands the export dialog.
-     */
-    getDrawing: () => SVGSVGElement | null;
-}
-/**
- * Find the drawing a picture is to be taken of, when it is asked for.
- *
- * A drawing is laid out again on every resize, so the element itself is never
- * held onto: what is kept is the box it sits in, and the drawing is read out of
- * it at the moment a button is pressed. What counts as the drawing in there —
- * the one element for an editor showing one, the panes composed for an editor
- * showing a stack of charts — is `drawingIn`.
- * @returns The box to attach, and the drawing inside it.
- */
-export declare function useDrawingBox(): DrawingBox;
-//# sourceMappingURL=useDrawingBox.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useDrawingBox.d.ts","sourceRoot":"","sources":["../../../src/download/ui/useDrawingBox.ts"],"names":[],"mappings":"AAIA,yCAAyC;AACzC,MAAM,WAAW,UAAU;IACzB,oEAAoE;IACpE,MAAM,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C;;;;OAIG;IACH,UAAU,EAAE,MAAM,aAAa,GAAG,IAAI,CAAC;CACxC;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,IAAI,UAAU,CAU1C"}

package/lib/download/ui/useDrawingBox.js

@@ -1,21 +0,0 @@
-import { useCallback, useRef } from 'react';
-import { drawingIn } from "../core/stackedDrawing.js";
-/**
- * Find the drawing a picture is to be taken of, when it is asked for.
- *
- * A drawing is laid out again on every resize, so the element itself is never
- * held onto: what is kept is the box it sits in, and the drawing is read out of
- * it at the moment a button is pressed. What counts as the drawing in there —
- * the one element for an editor showing one, the panes composed for an editor
- * showing a stack of charts — is `drawingIn`.
- * @returns The box to attach, and the drawing inside it.
- */
-export function useDrawingBox() {
-    const box = useRef(null);
-    const attach = useCallback((element) => {
-        box.current = element;
-    }, []);
-    const getDrawing = useCallback(() => drawingIn(box.current), []);
-    return { attach, getDrawing };
-}
-//# sourceMappingURL=useDrawingBox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useDrawingBox.js","sourceRoot":"","sources":["../../../src/download/ui/useDrawingBox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AActD;;;;;;;;;GASG;AACH,MAAM,UAAU,aAAa;IAC3B,MAAM,GAAG,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAE7C,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,OAA2B,EAAE,EAAE;QACzD,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IAEjE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;AAChC,CAAC"}

package/src/about/core/repository.ts

@@ -1,22 +0,0 @@
-/**
- * What can be linked to inside a repository, and when.
- *
- * Only GitHub has the addresses the About page builds — a release tag, a
- * commit — and only a repository a visitor can open is worth pointing them at.
- */
-
-/** Where our repositories live, and the only host whose paths we know. */
-const GITHUB = 'https://github.com/';
-
-/**
- * The sources as a base a release or a commit can be appended to.
- * @param repository - Where the sources live.
- * @returns The address without its trailing slash, or `undefined` when it is
- * not a GitHub repository and nothing inside it can be addressed.
- */
-export function githubSources(repository: string): string | undefined {
-  const sources = repository.endsWith('/')
-    ? repository.slice(0, -1)
-    : repository;
-  return sources.startsWith(GITHUB) ? sources : undefined;
-}

package/src/download/core/exportStyles.ts

@@ -1,20 +0,0 @@
-/**
- * A row of buttons with the name box among them, wrapping when the dialog is
- * too narrow for them.
- */
-export const exportButtonsStyle = {
-  display: 'flex',
-  flexWrap: 'wrap',
-  alignItems: 'center',
-  gap: 6,
-} as const;
-
-/** One group of an export dialog: what it offers, in a column. */
-export const exportSectionStyle = {
-  display: 'flex',
-  flexDirection: 'column',
-  gap: 8,
-} as const;
-
-/** Text that says something about a control rather than being one. */
-export const exportNoteStyle = { fontSize: 12, opacity: 0.7 } as const;