react-msaview 9.0.0 → 9.1.1

package/dist/components/minimap/minimapLayout.js

@@ -16,4 +16,24 @@ export function getMinimapLayout(model) {
     const polygonPoints = `${s + w},0 ${s},0 0,${polygonHeight} ${msaCanvasWidth},${polygonHeight}`;
     return { unit, s, w, polygonHeight, polygonPoints };
 }
+/**
+ * The domain overlay's boxes scaled onto the minimap bar, one per row's band,
+ * in the colors the alignment draws them, so the overview shows the domains
+ * the alignment does. Empty unless the domains fill the cells.
+ */
+export function minimapDomainRects(model, width, height) {
+    const { cellFill, domainBands, featureColors, leaves, numColumns } = model;
+    if (cellFill !== 'domain' || numColumns <= 0 || leaves.length === 0) {
+        return [];
+    }
+    const colUnit = width / numColumns;
+    const rowUnit = height / leaves.length;
+    return leaves.flatMap((leaf, row) => (domainBands.get(leaf.data.name) ?? []).map(band => ({
+        x: band.startCol * colUnit,
+        y: row * rowUnit,
+        w: Math.max(1, (band.endCol - band.startCol) * colUnit),
+        h: Math.max(1, rowUnit),
+        fill: featureColors.get(band.annotation)?.fill ?? 'grey',
+    })));
+}
 //# sourceMappingURL=minimapLayout.js.map

package/dist/components/minimap/minimapLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"minimapLayout.js","sourceRoot":"","sources":["../../../src/components/minimap/minimapLayout.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAA;AAEpC;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAmB;IAClD,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,KAAK,CAAA;IACpE,MAAM,IAAI,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IACzB,6EAA6E;IAC7E,4BAA4B;IAC5B,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,IAAI,CAAC,GAAG,CAAC,cAAc,GAAG,IAAI,EAAE,EAAE,CAAC,CAAC,CAAA;IACvE,MAAM,aAAa,GAAG,aAAa,GAAG,kBAAkB,CAAA;IACxD,MAAM,aAAa,GAAG,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,aAAa,IAAI,cAAc,IAAI,aAAa,EAAE,CAAA;IAC/F,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AACrD,CAAC"}
+{"version":3,"file":"minimapLayout.js","sourceRoot":"","sources":["../../../src/components/minimap/minimapLayout.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAA;AAEpC;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAmB;IAClD,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,KAAK,CAAA;IACpE,MAAM,IAAI,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IACzB,6EAA6E;IAC7E,4BAA4B;IAC5B,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,IAAI,CAAC,GAAG,CAAC,cAAc,GAAG,IAAI,EAAE,EAAE,CAAC,CAAC,CAAA;IACvE,MAAM,aAAa,GAAG,aAAa,GAAG,kBAAkB,CAAA;IACxD,MAAM,aAAa,GAAG,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,aAAa,IAAI,cAAc,IAAI,aAAa,EAAE,CAAA;IAC/F,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AACrD,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAChC,KAAmB,EACnB,KAAa,EACb,MAAc;IAEd,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IAC1E,IAAI,QAAQ,KAAK,QAAQ,IAAI,UAAU,IAAI,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACpE,OAAO,EAAE,CAAA;IACX,CAAC;IACD,MAAM,OAAO,GAAG,KAAK,GAAG,UAAU,CAAA;IAClC,MAAM,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;IACtC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAClC,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACnD,CAAC,EAAE,IAAI,CAAC,QAAQ,GAAG,OAAO;QAC1B,CAAC,EAAE,GAAG,GAAG,OAAO;QAChB,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC;QACvD,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC;QACvB,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,IAAI,IAAI,MAAM;KACzD,CAAC,CAAC,CACJ,CAAA;AACH,CAAC"}

package/dist/components/msa/MSACanvas.js

@@ -1,11 +1,20 @@
 import React, { useCallback, useRef } from 'react';
 import { observer } from 'mobx-react';
 import { useWheelScroll } from '../../useWheelScroll.js';
+import { zoomSnapshotScale } from '../../zoomSnapshot.js';
+import { alignmentAriaLabel } from '../controls.js';
 import Loading from './Loading.js';
 import MSACanvasBlock from './MSACanvasBlock.js';
+import { WheelZoomHint, useWheelZoomHint } from './WheelZoomHint.js';
 import { onMsaKey } from './msaKeys.js';
 const MSACanvas = observer(function ({ model }) {
-    const { MSA, msaFilehandle, height, msaCanvasWidth, blocks2d, scrollZoom, scrollX, scrollY, } = model;
+    const { MSA, msaFilehandle, height, msaCanvasWidth, blocks2d, scrollZoom, scrollX, scrollY, zoomSnapshot, } = model;
+    const blocks = zoomSnapshot
+        ? zoomSnapshot.blocksY.flatMap(by => zoomSnapshot.blocksX.map(bx => [bx, by]))
+        : blocks2d;
+    const scale = zoomSnapshot
+        ? zoomSnapshotScale(model, zoomSnapshot)
+        : undefined;
     const ref = useRef(null);
     const onScrollX = useCallback((d) => {
         model.doScrollX(d);
@@ -14,16 +23,22 @@ const MSACanvas = observer(function ({ model }) {
         model.doScrollY(d);
     }, [model]);
     const onZoom = useCallback((scaleFactor, offsetX, offsetY) => {
-        model.zoomToPos(scaleFactor, offsetX, offsetY, model.wheelZoomAxis);
+        model.wheelZoomToPos(scaleFactor, offsetX, offsetY);
     }, [model]);
+    const onZoomSettle = useCallback(() => {
+        model.endWheelZoom();
+    }, [model]);
+    const hint = useWheelZoomHint(model);
     const { onMouseDown, onMouseUp } = useWheelScroll({
         ref,
         onScrollX,
         onScrollY,
         onZoom,
+        onZoomSettle,
+        onWheelScroll: hint.onWheelScroll,
         scrollZoom,
     });
-    return (React.createElement("div", { ref: ref, "data-testid": "msa_canvas", tabIndex: 0, "aria-label": "Alignment. Arrow keys scroll, shift pages, + and - zoom, Home and End jump to the first and last column. Shift-drag selects cells, and Escape clears the selection.", onKeyDown: event => {
+    return (React.createElement("div", { ref: ref, "data-testid": "msa_canvas", tabIndex: 0, "aria-label": alignmentAriaLabel, onKeyDown: event => {
             if (onMsaKey(model, event)) {
                 event.preventDefault();
             }
@@ -43,13 +58,16 @@ const MSACanvas = observer(function ({ model }) {
             height,
             width: msaCanvasWidth,
             overflow: 'hidden',
-        } }, !MSA && !msaFilehandle ? null : MSA ? (React.createElement("div", { style: {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            transform: `translate(${scrollX}px, ${scrollY}px)`,
-            willChange: 'transform',
-        } }, blocks2d.map(([bx, by]) => (React.createElement(MSACanvasBlock, { key: `${bx}_${by}`, model: model, offsetX: bx, offsetY: by }))))) : (React.createElement(Loading, null))));
+        } },
+        !MSA && !msaFilehandle ? null : MSA ? (React.createElement("div", { style: {
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                transform: `translate(${scrollX}px, ${scrollY}px)${scale ? ` scale(${scale.sx}, ${scale.sy})` : ''}`,
+                transformOrigin: '0 0',
+                willChange: 'transform',
+            } }, blocks.map(([bx, by]) => (React.createElement(MSACanvasBlock, { key: `${bx}_${by}`, model: model, offsetX: bx, offsetY: by }))))) : (React.createElement(Loading, null)),
+        hint.visible ? React.createElement(WheelZoomHint, null) : null));
 });
 export default MSACanvas;
 //# sourceMappingURL=MSACanvas.js.map

package/dist/components/msa/MSACanvas.js.map

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

package/dist/components/msa/MSACanvasBlock.js

@@ -1,32 +1,32 @@
-import React from 'react';
+import React, { useRef } from 'react';
 import BaseTooltip from '@jbrowse/core/ui/BaseTooltip';
-import { useTheme } from '@mui/material';
 import { observer } from 'mobx-react';
+import { useCanvasTheme } from '../../darkReader.js';
 import { useCanvasAutorun } from '../../useCanvasAutorun.js';
-import { drawMsaRaster, rasterSupported } from './msaRaster.js';
-import { renderBoxFeatureCanvasBlock } from './renderBoxFeatureCanvasBlock.js';
+import { drawMsaRaster, rasterApplies } from './msaRaster.js';
 import { renderMSABlock } from './renderMSABlock.js';
 import { useMsaBlockMouse } from './useMsaBlockMouse.js';
 const MSACanvasBlock = observer(function ({ model, offsetX, offsetY, }) {
     const { blockSize, highResScaleFactor } = model;
-    const theme = useTheme();
+    const theme = useCanvasTheme();
     const { anchor, onMouseMove, onMouseDown, onClick, onMouseLeave } = useMsaBlockMouse({ model, offsetX, offsetY });
     const canvasSize = blockSize * highResScaleFactor;
+    const drawnAt = useRef(undefined);
     const ref = useCanvasAutorun({
         draw: ctx => {
+            // during a wheel zoom MSACanvas scales what this block drew at the
+            // snapshot, so the block redraws only when a new snapshot is taken
+            const snap = model.zoomSnapshot;
+            if (snap &&
+                (snap === drawnAt.current ||
+                    snap.colWidth !== model.colWidth ||
+                    snap.rowHeight !== model.rowHeight)) {
+                return;
+            }
+            drawnAt.current = snap;
             ctx.resetTransform();
             ctx.clearRect(0, 0, canvasSize, canvasSize);
-            renderBoxFeatureCanvasBlock({
-                ctx,
-                theme,
-                offsetX,
-                offsetY,
-                model,
-            });
-            // the alignment background comes from zoom-independent raster tiles; the
-            // domain overlay paints its own boxes instead, and letter-color mode has
-            // no background to paint
-            const rasterTiles = !model.actuallyShowDomains && model.bgColor && rasterSupported();
+            const rasterTiles = rasterApplies(model);
             if (rasterTiles) {
                 drawMsaRaster({ ctx, model, theme, offsetX, offsetY });
             }
@@ -37,6 +37,7 @@ const MSACanvasBlock = observer(function ({ model, offsetX, offsetY, }) {
                 offsetY,
                 model,
                 rasterTiles,
+                domains: true,
             });
         },
         width: canvasSize,

package/dist/components/msa/MSACanvasBlock.js.map

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

package/dist/components/msa/MSAMouseoverCanvas.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import { isAlive } from '@jbrowse/mobx-state-tree';
-import { useTheme } from '@mui/material';
 import { observer } from 'mobx-react';
 import { msaOverlayZIndex } from '../../constants.js';
+import { useCanvasTheme } from '../../darkReader.js';
 import { useCanvasAutorun } from '../../useCanvasAutorun.js';
 import { renderMouseover } from './renderMSAMouseover.js';
 const MSAMouseoverCanvas = observer(function ({ model, }) {
     const { height, msaCanvasWidth: width, highResScaleFactor } = model;
-    const theme = useTheme();
+    const theme = useCanvasTheme();
     const canvasWidth = width * highResScaleFactor;
     const canvasHeight = height * highResScaleFactor;
     const ref = useCanvasAutorun({

package/dist/components/msa/MSAMouseoverCanvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"MSAMouseoverCanvas.js","sourceRoot":"","sources":["../../../src/components/msa/MSAMouseoverCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAIzD,MAAM,kBAAkB,GAAG,QAAQ,CAAC,UAAU,EAC5C,KAAK,GAGN;IACC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAA;IACnE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,WAAW,GAAG,KAAK,GAAG,kBAAkB,CAAA;IAC9C,MAAM,YAAY,GAAG,MAAM,GAAG,kBAAkB,CAAA;IAChD,MAAM,GAAG,GAAG,gBAAgB,CAAC;QAC3B,IAAI,EAAE,GAAG,CAAC,EAAE;YACV,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;gBACnB,eAAe,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;YACxC,CAAC;QACH,CAAC;QACD,KAAK,EAAE,WAAW;QAClB,MAAM,EAAE,YAAY;QACpB,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;KACrB,CAAC,CAAA;IAEF,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,WAAW,EACd,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK;YACL,MAAM;YACN,MAAM,EAAE,gBAAgB;YACxB,aAAa,EAAE,MAAM;SACtB,GACD,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"MSAMouseoverCanvas.js","sourceRoot":"","sources":["../../../src/components/msa/MSAMouseoverCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAIzD,MAAM,kBAAkB,GAAG,QAAQ,CAAC,UAAU,EAC5C,KAAK,GAGN;IACC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAA;IACnE,MAAM,KAAK,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,WAAW,GAAG,KAAK,GAAG,kBAAkB,CAAA;IAC9C,MAAM,YAAY,GAAG,MAAM,GAAG,kBAAkB,CAAA;IAChD,MAAM,GAAG,GAAG,gBAAgB,CAAC;QAC3B,IAAI,EAAE,GAAG,CAAC,EAAE;YACV,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;gBACnB,eAAe,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;YACxC,CAAC;QACH,CAAC;QACD,KAAK,EAAE,WAAW;QAClB,MAAM,EAAE,YAAY;QACpB,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;KACrB,CAAC,CAAA;IAEF,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,WAAW,EACd,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK;YACL,MAAM;YACN,MAAM,EAAE,gBAAgB;YACxB,aAAa,EAAE,MAAM;SACtB,GACD,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,kBAAkB,CAAA"}

package/dist/components/msa/WheelZoomHint.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { MsaViewModel } from '../../model.ts';
+export declare function useWheelZoomHint(model: MsaViewModel): {
+    visible: boolean;
+    onWheelScroll: (event: WheelEvent) => void;
+};
+export declare function WheelZoomHint(): React.JSX.Element;

package/dist/components/msa/WheelZoomHint.js

@@ -0,0 +1,38 @@
+import React, { useCallback, useRef, useState } from 'react';
+import { Paper, Typography } from '@mui/material';
+const hinted = new WeakSet();
+const zoomKey = typeof navigator !== 'undefined' && navigator.platform.startsWith('Mac')
+    ? '⌘'
+    : 'Ctrl';
+export function useWheelZoomHint(model) {
+    const [visible, setVisible] = useState(false);
+    const timer = useRef(undefined);
+    const onWheelScroll = useCallback((event) => {
+        if (!model.scrollZoom &&
+            Math.abs(event.deltaY) > Math.abs(event.deltaX) &&
+            !hinted.has(model)) {
+            hinted.add(model);
+            setVisible(true);
+            clearTimeout(timer.current);
+            timer.current = setTimeout(() => {
+                setVisible(false);
+            }, 2500);
+        }
+    }, [model]);
+    return { visible, onWheelScroll };
+}
+export function WheelZoomHint() {
+    return (React.createElement(Paper, { elevation: 3, style: {
+            position: 'absolute',
+            top: 12,
+            left: '50%',
+            transform: 'translateX(-50%)',
+            padding: '4px 12px',
+            pointerEvents: 'none',
+            zIndex: 2,
+        } },
+        React.createElement(Typography, { variant: "body2" },
+            zoomKey,
+            " + scroll to zoom, or check Zoom on scroll")));
+}
+//# sourceMappingURL=WheelZoomHint.js.map

package/dist/components/msa/WheelZoomHint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WheelZoomHint.js","sourceRoot":"","sources":["../../../src/components/msa/WheelZoomHint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE5D,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAIjD,MAAM,MAAM,GAAG,IAAI,OAAO,EAAgB,CAAA;AAE1C,MAAM,OAAO,GACX,OAAO,SAAS,KAAK,WAAW,IAAI,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC;IACtE,CAAC,CAAC,GAAG;IACL,CAAC,CAAC,MAAM,CAAA;AAEZ,MAAM,UAAU,gBAAgB,CAAC,KAAmB;IAClD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,KAAK,GAAG,MAAM,CAAgC,SAAS,CAAC,CAAA;IAC9D,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAAiB,EAAE,EAAE;QACpB,IACE,CAAC,KAAK,CAAC,UAAU;YACjB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC;YAC/C,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAClB,CAAC;YACD,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACjB,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;YAC3B,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC9B,UAAU,CAAC,KAAK,CAAC,CAAA;YACnB,CAAC,EAAE,IAAI,CAAC,CAAA;QACV,CAAC;IACH,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAA;IACD,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,CAAA;AACnC,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,OAAO,CACL,oBAAC,KAAK,IACJ,SAAS,EAAE,CAAC,EACZ,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,EAAE;YACP,IAAI,EAAE,KAAK;YACX,SAAS,EAAE,kBAAkB;YAC7B,OAAO,EAAE,UAAU;YACnB,aAAa,EAAE,MAAM;YACrB,MAAM,EAAE,CAAC;SACV;QAED,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO;YACxB,OAAO;yDACG,CACP,CACT,CAAA;AACH,CAAC"}

package/dist/components/msa/drawFeatureSpans.d.ts

@@ -31,19 +31,11 @@ export interface SpanLayout {
      */
     headRise?: (height: number) => number;
 }
-/** the rows of `bandsByRow` that `leaves` covers, in display order */
-export declare function spanRows<T extends SpanBand>(leaves: HierarchyNode<NodeWithIdsAndLength>[], bandsByRow: Map<string, T[]>): SpanRow<T>[];
 /**
- * The span mark, in whatever x space the caller maps its bands into: alignment
- * columns for the domain overlay, panel pixels for a `features` row panel. A
- * feature with a strand draws as an arrow, one without as a box, and a label
- * draws inside the span wherever the text fits.
- *
- * `xOf` returns the span's `[xStart, xEnd]` in the context's coordinates, and
- * the context is translated so that `y - rowHeight` is the row's top edge.
+ * What a renderer hands the span mark: its rows, where a band lands in them,
+ * its x mapping, the colors and the label each feature takes.
  */
-export declare function drawFeatureSpans<T extends SpanBand>({ ctx, rows, layout, xOf, colors, labelOf, labelDrawn, contrastText, xMin, xMax, }: {
-    ctx: RenderCtx;
+export interface SpanSource<T extends SpanBand> {
     rows: SpanRow<T>[];
     layout: SpanLayout;
     xOf: (band: T) => [number, number];
@@ -53,6 +45,53 @@ export declare function drawFeatureSpans<T extends SpanBand>({ ctx, rows, layout
     }>;
     labelOf?: (band: T) => string | undefined;
     labelDrawn?: (band: T) => void;
+}
+/** a span as drawn: a box, or an arrow's outline where it carries a strand */
+export interface SpanShape<T extends SpanBand> {
+    band: T;
+    fill: string;
+    stroke: string;
+    box?: {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    };
+    outline?: [number, number][];
+}
+export interface SpanLabel {
+    text: string;
+    x: number;
+    y: number;
+    fill: string;
+}
+/** one row's shapes, then the labels drawn over them at `fontSize` */
+export interface SpanMarkRow<T extends SpanBand> {
+    shapes: SpanShape<T>[];
+    labels: SpanLabel[];
+    fontSize: number;
+}
+/** the rows of `bandsByRow` that `leaves` covers, in display order */
+export declare function spanRows<T extends SpanBand>(leaves: HierarchyNode<NodeWithIdsAndLength>[], bandsByRow: Map<string, T[]>): SpanRow<T>[];
+/**
+ * The span mark as geometry, in whatever x space `xOf` maps its bands into:
+ * alignment columns for the domain overlay, panel pixels for a `features` row
+ * panel. A feature with a strand is an arrow, one without a box, and a label
+ * lands inside the span wherever `measureText` says the text fits.
+ *
+ * `y - rowHeight` is the row's top edge in the coordinates `rows` gives.
+ */
+export declare function featureSpanMarks<T extends SpanBand>({ rows, layout, xOf, colors, labelOf, labelDrawn, measureText, xMin, xMax, }: SpanSource<T> & {
+    measureText: (text: string, fontSize: number) => number;
+    xMin: number;
+    xMax: number;
+}): SpanMarkRow<T>[];
+/**
+ * The span mark, drawn into `ctx` from `featureSpanMarks`, with the context
+ * translated so that `y - rowHeight` is the row's top edge.
+ */
+export declare function drawFeatureSpans<T extends SpanBand>({ ctx, contrastText, ...source }: SpanSource<T> & {
+    ctx: RenderCtx;
     contrastText: (color: string) => string;
     xMin: number;
     xMax: number;

package/dist/components/msa/drawFeatureSpans.js

@@ -11,26 +11,28 @@ export function spanRows(leaves, bandsByRow) {
     return rows;
 }
 /**
- * The span mark, in whatever x space the caller maps its bands into: alignment
- * columns for the domain overlay, panel pixels for a `features` row panel. A
- * feature with a strand draws as an arrow, one without as a box, and a label
- * draws inside the span wherever the text fits.
+ * The span mark as geometry, in whatever x space `xOf` maps its bands into:
+ * alignment columns for the domain overlay, panel pixels for a `features` row
+ * panel. A feature with a strand is an arrow, one without a box, and a label
+ * lands inside the span wherever `measureText` says the text fits.
  *
- * `xOf` returns the span's `[xStart, xEnd]` in the context's coordinates, and
- * the context is translated so that `y - rowHeight` is the row's top edge.
+ * `y - rowHeight` is the row's top edge in the coordinates `rows` gives.
  */
-export function drawFeatureSpans({ ctx, rows, layout, xOf, colors, labelOf, labelDrawn, contrastText, xMin, xMax, }) {
-    // one row's spans are drawn before any of its labels. Bands are ordered
-    // longest-first so a nested one lands on top, and drawing each label with its
-    // own span put the child's box over the parent's text: `S` covered `RBD`, and
-    // `RBD` read as `RB`. Reused across rows rather than allocated per row.
-    const placed = [];
+export function featureSpanMarks({ rows, layout, xOf, colors, labelOf, labelDrawn, measureText, xMin, xMax, }) {
+    const out = [];
     for (const { y, bands } of rows) {
         const h = layout.height(bands[0].laneCount);
         const headLen = layout.headLength(h);
         const rise = layout.headRise?.(h) ?? 0;
         const labelled = labelOf !== undefined && h >= minFeatureLabelHeight;
-        placed.length = 0;
+        const fontSize = Math.min(h - 2, 11);
+        const shapes = [];
+        const labels = [];
+        // one row's spans are drawn before any of its labels. Bands are ordered
+        // longest-first so a nested one lands on top, and drawing each label with
+        // its own span put the child's box over the parent's text: `S` covered
+        // `RBD`, and `RBD` read as `RB`.
+        const placed = [];
         for (const band of bands) {
             const [xStart, xEnd] = xOf(band);
             const w = xEnd - xStart;
@@ -39,75 +41,116 @@ export function drawFeatureSpans({ ctx, rows, layout, xOf, colors, labelOf, labe
             }
             const t = layout.top(y, band.lane, h);
             const { fill, stroke } = colors.get(band.annotation);
-            ctx.fillStyle = fill;
-            ctx.strokeStyle = stroke;
             const { strand } = band.annotation;
             const head = strand === undefined ? 0 : Math.min(headLen, w);
-            if (strand === undefined) {
-                ctx.fillRect(xStart, t, w, h);
-                ctx.strokeRect(xStart, t, w, h);
-            }
-            else {
-                drawGeneArrow({ ctx, x: xStart, t, w, h, head, rise, strand });
-            }
+            shapes.push(strand === undefined
+                ? { band, fill, stroke, box: { x: xStart, y: t, w, h } }
+                : {
+                    band,
+                    fill,
+                    stroke,
+                    outline: geneArrow({ x: xStart, t, w, h, head, rise, strand }),
+                });
             if (labelled) {
                 placed.push({ band, xStart, w, t, head, fill });
             }
         }
-        if (placed.length > 0) {
-            ctx.font = `${Math.min(h - 2, 11)}px sans-serif`;
+        for (const { band, xStart, w, t, head, fill } of placed) {
+            // asking for the label here rather than in the pass above keeps the
+            // once-per-block segment numbering in drawing order
+            const text = labelOf(band);
+            // the head narrows to a point, so only about half of it holds text
+            if (text !== undefined &&
+                measureText(text, fontSize) + 2 <= w - head / 2) {
+                labelDrawn?.(band);
+                labels.push({ text, x: xStart + w / 2, y: t + h / 2, fill });
+            }
+        }
+        out.push({ shapes, labels, fontSize });
+    }
+    return out;
+}
+/**
+ * The span mark, drawn into `ctx` from `featureSpanMarks`, with the context
+ * translated so that `y - rowHeight` is the row's top edge.
+ */
+export function drawFeatureSpans({ ctx, contrastText, ...source }) {
+    let font = '';
+    const setFont = (fontSize) => {
+        const next = `${fontSize}px sans-serif`;
+        if (next !== font) {
+            ctx.font = next;
+            font = next;
+        }
+    };
+    const rows = featureSpanMarks({
+        ...source,
+        measureText: (text, fontSize) => {
+            setFont(fontSize);
+            return ctx.measureText(text).width;
+        },
+    });
+    for (const { shapes, labels, fontSize } of rows) {
+        for (const { fill, stroke, box, outline } of shapes) {
+            ctx.fillStyle = fill;
+            ctx.strokeStyle = stroke;
+            if (box) {
+                ctx.fillRect(box.x, box.y, box.w, box.h);
+                ctx.strokeRect(box.x, box.y, box.w, box.h);
+            }
+            else if (outline) {
+                ctx.beginPath();
+                ctx.moveTo(...outline[0]);
+                for (let i = 1; i < outline.length; i++) {
+                    ctx.lineTo(...outline[i]);
+                }
+                ctx.closePath();
+                ctx.fill();
+                ctx.stroke();
+            }
+        }
+        if (labels.length > 0) {
+            setFont(fontSize);
             ctx.textAlign = 'center';
             ctx.textBaseline = 'middle';
-            for (const { band, xStart, w, t, head, fill } of placed) {
-                // asking for the label here rather than in the pass above keeps the
-                // once-per-block segment numbering in drawing order
-                const label = labelOf(band);
-                // the head narrows to a point, so only about half of it holds text
-                if (label !== undefined &&
-                    ctx.measureText(label).width + 2 <= w - head / 2) {
-                    labelDrawn?.(band);
-                    ctx.fillStyle = contrastText(fill);
-                    ctx.fillText(label, xStart + w / 2, t + h / 2);
-                }
+            for (const { text, x, y, fill } of labels) {
+                ctx.fillStyle = contrastText(fill);
+                ctx.fillText(text, x, y);
             }
         }
     }
 }
 /**
- * A gene arrow, drawn the way gggenes and gggenomes draw one: the head is the
- * last `head` pixels *of* the feature, tapering to a point at its end, and a
- * feature shorter than the head is all head. The glyph therefore covers its
+ * A gene arrow's outline, the way gggenes and gggenomes draw one: the head is
+ * the last `head` pixels *of* the feature, tapering to a point at its end, and
+ * a feature shorter than the head is all head. The glyph therefore covers its
  * start..end span and nothing else, so adjacent genes butt together instead of
  * biting triangles out of each other, a neighbour never draws over a label, and
  * a gene 20 columns wide reads as 20 columns wide.
  *
  * `rise` lifts the head above the band, for a bar too thin to taper.
  */
-function drawGeneArrow({ ctx, x, t, w, h, head, rise, strand, }) {
+function geneArrow({ x, t, w, h, head, rise, strand, }) {
     const tip = strand > 0 ? x + w : x;
     const tail = strand > 0 ? x : x + w;
     const flange = strand > 0 ? tip - head : tip + head;
     const bottom = t + h;
     const crown = t - rise;
     const point = (crown + bottom) / 2;
-    ctx.beginPath();
     if (head >= w) {
-        ctx.moveTo(tail, crown);
-        ctx.lineTo(tip, point);
-        ctx.lineTo(tail, bottom);
-    }
-    else {
-        ctx.moveTo(tail, t);
-        ctx.lineTo(flange, t);
-        if (rise > 0) {
-            ctx.lineTo(flange, crown);
-        }
-        ctx.lineTo(tip, point);
-        ctx.lineTo(flange, bottom);
-        ctx.lineTo(tail, bottom);
+        return [
+            [tail, crown],
+            [tip, point],
+            [tail, bottom],
+        ];
     }
-    ctx.closePath();
-    ctx.fill();
-    ctx.stroke();
+    return [
+        [tail, t],
+        [flange, t],
+        ...(rise > 0 ? [[flange, crown]] : []),
+        [tip, point],
+        [flange, bottom],
+        [tail, bottom],
+    ];
 }
 //# sourceMappingURL=drawFeatureSpans.js.map

package/dist/components/msa/drawFeatureSpans.js.map

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

package/dist/components/msa/msaKeys.js

@@ -22,6 +22,9 @@ export function onMsaKey(model, { key, shiftKey }) {
         case '-':
             model.zoomOut();
             return true;
+        case '0':
+            model.resetZoom();
+            return true;
         case 'Home':
             model.setScrollX(0);
             return true;

package/dist/components/msa/msaKeys.js.map

@@ -1 +1 @@
-{"version":3,"file":"msaKeys.js","sourceRoot":"","sources":["../../../src/components/msa/msaKeys.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,QAAQ,CACtB,KAAmB,EACnB,EAAE,GAAG,EAAE,QAAQ,EAAsC;IAErD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,KAAK,CAAA;IACpE,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC/C,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAA;IAC/C,QAAQ,GAAG,EAAE,CAAC;QACZ,KAAK,WAAW;YACd,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;YACnB,OAAO,IAAI,CAAA;QACb,KAAK,YAAY;YACf,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAA;YACpB,OAAO,IAAI,CAAA;QACb,KAAK,SAAS;YACZ,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;YACnB,OAAO,IAAI,CAAA;QACb,KAAK,WAAW;YACd,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAA;YACpB,OAAO,IAAI,CAAA;QACb,KAAK,GAAG,CAAC;QACT,KAAK,GAAG;YACN,KAAK,CAAC,MAAM,EAAE,CAAA;YACd,OAAO,IAAI,CAAA;QACb,KAAK,GAAG;YACN,KAAK,CAAC,OAAO,EAAE,CAAA;YACf,OAAO,IAAI,CAAA;QACb,KAAK,MAAM;YACT,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;YACnB,OAAO,IAAI,CAAA;QACb,KAAK,KAAK;YACR,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;YAClC,OAAO,IAAI,CAAA;QACb,KAAK,QAAQ;YACX,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;gBACpB,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,OAAO,IAAI,CAAA;YACb,CAAC;YACD,OAAO,KAAK,CAAA;QACd;YACE,OAAO,KAAK,CAAA;IAChB,CAAC;AACH,CAAC"}
+{"version":3,"file":"msaKeys.js","sourceRoot":"","sources":["../../../src/components/msa/msaKeys.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,QAAQ,CACtB,KAAmB,EACnB,EAAE,GAAG,EAAE,QAAQ,EAAsC;IAErD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,KAAK,CAAA;IACpE,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC/C,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAA;IAC/C,QAAQ,GAAG,EAAE,CAAC;QACZ,KAAK,WAAW;YACd,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;YACnB,OAAO,IAAI,CAAA;QACb,KAAK,YAAY;YACf,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAA;YACpB,OAAO,IAAI,CAAA;QACb,KAAK,SAAS;YACZ,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;YACnB,OAAO,IAAI,CAAA;QACb,KAAK,WAAW;YACd,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAA;YACpB,OAAO,IAAI,CAAA;QACb,KAAK,GAAG,CAAC;QACT,KAAK,GAAG;YACN,KAAK,CAAC,MAAM,EAAE,CAAA;YACd,OAAO,IAAI,CAAA;QACb,KAAK,GAAG;YACN,KAAK,CAAC,OAAO,EAAE,CAAA;YACf,OAAO,IAAI,CAAA;QACb,KAAK,GAAG;YACN,KAAK,CAAC,SAAS,EAAE,CAAA;YACjB,OAAO,IAAI,CAAA;QACb,KAAK,MAAM;YACT,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;YACnB,OAAO,IAAI,CAAA;QACb,KAAK,KAAK;YACR,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;YAClC,OAAO,IAAI,CAAA;QACb,KAAK,QAAQ;YACX,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;gBACpB,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,OAAO,IAAI,CAAA;YACb,CAAC;YACD,OAAO,KAAK,CAAA;QACd;YACE,OAAO,KAAK,CAAA;IAChB,CAAC;AACH,CAAC"}