@jbrowse/plugin-alignments 2.6.3 → 2.7.0

package/dist/PileupRenderer/components/PileupRendering.js

@@ -30,7 +30,7 @@ const mobx_react_1 = require("mobx-react");
 // used so that user can click-away-from-feature below the laid out features
 // (issue #1248)
 const canvasPadding = 100;
-function PileupRendering(props) {
+const PileupRendering = (0, mobx_react_1.observer)(function (props) {
     var _a;
     const { onMouseMove, blockKey, displayModel, width, height, regions, bpPerPx, sortedBy, colorBy, filterBy, } = props;
     const { selectedFeatureId, featureIdUnderMouse, contextMenuFeature } = displayModel;
@@ -133,10 +133,8 @@ function PileupRendering(props) {
     }
     function callMouseHandler(handlerName, event) {
         // @ts-expect-error
-        // eslint-disable-next-line react/destructuring-assignment
         const featureHandler = props[`onFeature${handlerName}`];
         // @ts-expect-error
-        // eslint-disable-next-line react/destructuring-assignment
         const canvasHandler = props[`on${handlerName}`];
         if (featureHandler && featureIdUnderMouse) {
             featureHandler(event, featureIdUnderMouse);
@@ -157,5 +155,5 @@ function PileupRendering(props) {
             .join('-')}`, style: { position: 'relative', width: canvasWidth, height } },
         react_1.default.createElement(ui_1.PrerenderedCanvas, { ...props, style: { position: 'absolute', left: 0, top: 0 } }),
         react_1.default.createElement("canvas", { "data-testid": "pileup_overlay_canvas", width: canvasWidth, height: height + canvasPadding, style: { position: 'absolute', left: 0, top: 0 }, className: "highlightOverlayCanvas", ref: highlightOverlayCanvas, onMouseDown: event => onMouseDown(event), onMouseEnter: event => onMouseEnter(event), onMouseOut: event => onMouseOut(event), onMouseOver: event => onMouseOver(event), onMouseUp: event => onMouseUp(event), onMouseLeave: event => onMouseLeave(event), onMouseMove: event => mouseMove(event), onClick: event => onClick(event), onContextMenu: event => onContextMenu(event), onFocus: () => { }, onBlur: () => { } })));
-}
-exports.default = (0, mobx_react_1.observer)(PileupRendering);
+});
+exports.default = PileupRendering;

package/dist/PileupRenderer/getAlignmentShapeColor.js

@@ -39,7 +39,7 @@ function getAlignmentShapeColor({ colorType, tag, feature, config, defaultColor,
                 }[val] || 'color_nostrand'];
             }
             else {
-                return colorTagMap[val] || color_1.fillColor['color_nostrand'];
+                return colorTagMap[val] || color_1.fillColor.color_nostrand;
             }
         }
         case 'insertSizeAndPairOrientation':

package/dist/PileupRenderer/layoutFeature.js

@@ -10,8 +10,7 @@ function layoutFeature({ feature, layout, bpPerPx, region, showSoftClip, heightP
         const mismatches = feature.get('mismatches');
         const seq = feature.get('seq');
         if (seq) {
-            for (let i = 0; i < mismatches.length; i += 1) {
-                const { type, start, cliplen = 0 } = mismatches[i];
+            for (const { type, start, cliplen = 0 } of mismatches) {
                 if (type === 'softclip') {
                     start === 0 ? (expansionBefore = cliplen) : (expansionAfter = cliplen);
                 }

package/dist/PileupRenderer/makeImageData.d.ts

@@ -1,8 +1,6 @@
 import { Feature } from '@jbrowse/core/util';
 import { RenderArgsDeserializedWithFeaturesAndLayout } from './PileupRenderer';
-export interface RenderArgsWithColor extends RenderArgsDeserializedWithFeaturesAndLayout {
-    Color: Awaited<typeof import('color')>;
-}
+export type RenderArgsWithColor = RenderArgsDeserializedWithFeaturesAndLayout;
 interface LayoutFeature {
     heightPx: number;
     topPx: number;

package/dist/PileupRenderer/renderMethylation.js

@@ -4,11 +4,12 @@ exports.renderMethylation = void 0;
 const util_1 = require("@jbrowse/core/util");
 const MismatchParser_1 = require("../MismatchParser");
 const util_2 = require("./util");
+const colord_1 = require("@jbrowse/core/util/colord");
 // Color by methylation is slightly modified version of color by
 // modifications that focuses on CpG sites, with non-methylated CpG colored
 function renderMethylation({ ctx, feat, region, bpPerPx, renderArgs, canvasWidth, }) {
     var _a, _b;
-    const { regionSequence, Color } = renderArgs;
+    const { regionSequence } = renderArgs;
     const { feature, topPx, heightPx } = feat;
     if (!regionSequence) {
         throw new Error('region sequence required for methylation');
@@ -23,15 +24,9 @@ function renderMethylation({ ctx, feat, region, bpPerPx, renderArgs, canvasWidth
     function getCol(k) {
         if (methBins[k]) {
             const p = methProbs[k] || 0;
-            return p > 0.5
-                ? Color('red')
-                    .alpha((p - 0.5) * 2)
-                    .hsl()
-                    .string()
-                : Color('blue')
-                    .alpha(1 - p * 2)
-                    .hsl()
-                    .string();
+            return (p > 0.5
+                ? (0, colord_1.colord)('red').alpha((p - 0.5) * 2)
+                : (0, colord_1.colord)('blue').alpha(1 - p * 2)).toHslString();
         }
         return undefined;
     }

package/dist/PileupRenderer/renderMismatches.d.ts

@@ -4,12 +4,8 @@ export declare function renderMismatches({ ctx, feat, renderArgs, minSubfeatureW
     ctx: CanvasRenderingContext2D;
     feat: LayoutFeature;
     renderArgs: RenderArgsWithColor;
-    colorForBase: {
-        [key: string]: string;
-    };
-    contrastForBase: {
-        [key: string]: string;
-    };
+    colorForBase: Record<string, string>;
+    contrastForBase: Record<string, string>;
     mismatchAlpha?: boolean;
     drawIndels?: boolean;
     drawSNPsMuted?: boolean;

package/dist/PileupRenderer/renderMismatches.js

@@ -3,8 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderMismatches = void 0;
 const util_1 = require("@jbrowse/core/util");
 const util_2 = require("./util");
+const colord_1 = require("@jbrowse/core/util/colord");
 function renderMismatches({ ctx, feat, renderArgs, minSubfeatureWidth, largeInsertionIndicatorScale, mismatchAlpha, charWidth, charHeight, colorForBase, contrastForBase, canvasWidth, drawSNPsMuted, drawIndels = true, }) {
-    const { Color, bpPerPx, regions } = renderArgs;
+    const { bpPerPx, regions } = renderArgs;
     const { heightPx, topPx, feature } = feat;
     const [region] = regions;
     const start = feature.get('start');
@@ -19,8 +20,7 @@ function renderMismatches({ ctx, feat, renderArgs, minSubfeatureWidth, largeInse
     }
     // two pass rendering: first pass, draw all the mismatches except wide
     // insertion markers
-    for (let i = 0; i < mismatches.length; i += 1) {
-        const mismatch = mismatches[i];
+    for (const mismatch of mismatches) {
         const mstart = start + mismatch.start;
         const mlen = mismatch.length;
         const mbase = mismatch.base;
@@ -32,10 +32,9 @@ function renderMismatches({ ctx, feat, renderArgs, minSubfeatureWidth, largeInse
                 const c = mismatchAlpha
                     ? mismatch.qual === undefined
                         ? baseColor
-                        : Color(baseColor)
+                        : (0, colord_1.colord)(baseColor)
                             .alpha(Math.min(1, mismatch.qual / 50))
-                            .hsl()
-                            .string()
+                            .toHslString()
                     : baseColor;
                 (0, util_2.fillRect)(ctx, Math.round(leftPx), topPx, widthPx, heightPx, canvasWidth, c);
             }
@@ -47,10 +46,9 @@ function renderMismatches({ ctx, feat, renderArgs, minSubfeatureWidth, largeInse
                 ctx.fillStyle = mismatchAlpha
                     ? mismatch.qual === undefined
                         ? contrastColor
-                        : Color(contrastColor)
+                        : (0, colord_1.colord)(contrastColor)
                             .alpha(Math.min(1, mismatch.qual / 50))
-                            .hsl()
-                            .string()
+                            .toHslString()
                     : contrastColor;
                 ctx.fillText(mbase, leftPx + (widthPx - charWidth) / 2 + 1, topPx + heightPx);
             }
@@ -105,8 +103,7 @@ function renderMismatches({ ctx, feat, renderArgs, minSubfeatureWidth, largeInse
     }
     // second pass, draw wide insertion markers on top
     if (drawIndels) {
-        for (let i = 0; i < mismatches.length; i += 1) {
-            const mismatch = mismatches[i];
+        for (const mismatch of mismatches) {
             const mstart = start + mismatch.start;
             const mlen = mismatch.length;
             const [leftPx] = (0, util_1.bpSpanPx)(mstart, mstart + mlen, region, bpPerPx);

package/dist/PileupRenderer/renderModifications.js

@@ -5,6 +5,7 @@ const util_1 = require("@jbrowse/core/util");
 const MismatchParser_1 = require("../MismatchParser");
 const util_2 = require("../util");
 const util_3 = require("./util");
+const colord_1 = require("@jbrowse/core/util/colord");
 // render modifications stored in MM tag in BAM
 //
 // ML stores probabilities as array of numerics and MP is scaled phred scores
@@ -17,7 +18,7 @@ const util_3 = require("./util");
 // about low qual calls <20 approx
 function renderModifications({ ctx, feat, region, bpPerPx, renderArgs, canvasWidth, }) {
     const { feature, topPx, heightPx } = feat;
-    const { Color, modificationTagMap = {} } = renderArgs;
+    const { modificationTagMap = {} } = renderArgs;
     const seq = feature.get('seq');
     if (!seq) {
         return;
@@ -33,17 +34,12 @@ function renderModifications({ ctx, feat, region, bpPerPx, renderArgs, canvasWid
     let probIndex = 0;
     for (const { type, positions } of modifications) {
         const col = modificationTagMap[type] || 'black';
-        const base = Color(col);
+        const base = (0, colord_1.colord)(col);
         for (const readPos of (0, MismatchParser_1.getNextRefPos)(cigarOps, positions)) {
             const r = start + readPos;
             const [leftPx, rightPx] = (0, util_1.bpSpanPx)(r, r + 1, region, bpPerPx);
             const prob = (probabilities === null || probabilities === void 0 ? void 0 : probabilities[probIndex]) || 0;
-            const c = prob !== 1
-                ? base
-                    .alpha(prob + 0.1)
-                    .hsl()
-                    .string()
-                : col;
+            const c = prob !== 1 ? base.alpha(prob + 0.1).toHslString() : col;
             const w = rightPx - leftPx + 0.5;
             (0, util_3.fillRect)(ctx, leftPx, topPx, w, heightPx, canvasWidth, c);
             probIndex++;

package/dist/PileupRenderer/renderSoftClipping.js

@@ -16,32 +16,33 @@ function renderSoftClipping({ ctx, feat, renderArgs, config, theme, colorForBase
     if (!(seq && mismatches)) {
         return;
     }
-    mismatches
-        .filter(mismatch => mismatch.type === 'softclip')
-        .forEach(mismatch => {
-        const len = mismatch.cliplen || 0;
-        const s = feature.get('start');
-        const start = mismatch.start === 0 ? s - len : s + mismatch.start;
-        for (let k = 0; k < len; k += 1) {
-            const base = seq.charAt(k + mismatch.start);
-            // If softclip length+start is longer than sequence, no need to
-            // continue showing base
-            if (!base) {
-                return;
-            }
-            const s0 = start + k;
-            const [leftPx, rightPx] = (0, util_1.bpSpanPx)(s0, s0 + 1, region, bpPerPx);
-            const widthPx = Math.max(minFeatWidth, rightPx - leftPx);
-            // Black accounts for IUPAC ambiguity code bases such as N that
-            // show in soft clipping
-            const baseColor = colorForBase[base] || '#000000';
-            ctx.fillStyle = baseColor;
-            (0, util_2.fillRect)(ctx, leftPx, topPx, widthPx, heightPx, canvasWidth);
-            if (widthPx >= charWidth && heightPx >= charHeight - 5) {
-                ctx.fillStyle = theme.palette.getContrastText(baseColor);
-                ctx.fillText(base, leftPx + (widthPx - charWidth) / 2 + 1, topPx + heightPx);
+    const heightLim = charHeight - 2;
+    for (const mismatch of mismatches) {
+        if (mismatch.type === 'softclip') {
+            const len = mismatch.cliplen || 0;
+            const s = feature.get('start');
+            const start = mismatch.start === 0 ? s - len : s + mismatch.start;
+            for (let k = 0; k < len; k += 1) {
+                const base = seq.charAt(k + mismatch.start);
+                // If softclip length+start is longer than sequence, no need to
+                // continue showing base
+                if (!base) {
+                    return;
+                }
+                const s0 = start + k;
+                const [leftPx, rightPx] = (0, util_1.bpSpanPx)(s0, s0 + 1, region, bpPerPx);
+                const widthPx = Math.max(minFeatWidth, rightPx - leftPx);
+                // Black accounts for IUPAC ambiguity code bases such as N that
+                // show in soft clipping
+                const baseColor = colorForBase[base] || '#000000';
+                ctx.fillStyle = baseColor;
+                (0, util_2.fillRect)(ctx, leftPx, topPx, widthPx, heightPx, canvasWidth);
+                if (widthPx >= charWidth && heightPx >= heightLim) {
+                    ctx.fillStyle = theme.palette.getContrastText(baseColor);
+                    ctx.fillText(base, leftPx + (widthPx - charWidth) / 2 + 1, topPx + heightPx);
+                }
             }
         }
-    });
+    }
 }
 exports.renderSoftClipping = renderSoftClipping;

package/dist/PileupRenderer/sortUtil.js

@@ -59,8 +59,8 @@ const sortFeature = (features, sortedBy) => {
             featuresInCenterLine.sort((a, b) => {
                 const aMismatch = baseMap.get(a.id());
                 const bMismatch = baseMap.get(b.id());
-                const acode = bMismatch && bMismatch.base.toUpperCase();
-                const bcode = aMismatch && aMismatch.base.toUpperCase();
+                const acode = bMismatch === null || bMismatch === void 0 ? void 0 : bMismatch.base.toUpperCase();
+                const bcode = aMismatch === null || aMismatch === void 0 ? void 0 : aMismatch.base.toUpperCase();
                 if (acode === bcode && acode === '*') {
                     // @ts-expect-error
                     return aMismatch.length - bMismatch.length;

package/dist/SNPCoverageAdapter/util.d.ts

@@ -1,18 +1,14 @@
-export interface SkipMap {
-    [key: string]: {
-        score: number;
-        feature: unknown;
-        start: number;
-        end: number;
-        strand: number;
-        xs: string;
-    };
-}
+export type SkipMap = Record<string, {
+    score: number;
+    feature: unknown;
+    start: number;
+    end: number;
+    strand: number;
+    xs: string;
+}>;
 export interface BinType {
     total?: number;
-    strands?: {
-        [key: string]: number;
-    };
+    strands?: Record<string, number>;
 }
 export interface Bin {
     refbase?: string;

package/dist/SNPCoverageRenderer/SNPCoverageRenderer.js

@@ -61,8 +61,7 @@ class SNPCoverageRenderer extends plugin_wiggle_1.WiggleBaseRenderer {
         // Use two pass rendering, which helps in visualizing the SNPs at higher
         // bpPerPx First pass: draw the gray background
         ctx.fillStyle = colorForBase.total;
-        for (let i = 0; i < coverage.length; i++) {
-            const feature = coverage[i];
+        for (const feature of coverage) {
             const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
             const w = rightPx - leftPx + fudgeFactor;
             const score = feature.get('score');
@@ -80,8 +79,7 @@ class SNPCoverageRenderer extends plugin_wiggle_1.WiggleBaseRenderer {
         // Second pass: draw the SNP data, and add a minimum feature width of 1px
         // which can be wider than the actual bpPerPx This reduces overdrawing of
         // the grey background over the SNPs
-        for (let i = 0; i < coverage.length; i++) {
-            const feature = coverage[i];
+        for (const feature of coverage) {
             const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
             const score = feature.get('score');
             const snpinfo = feature.get('snpinfo');
@@ -89,8 +87,7 @@ class SNPCoverageRenderer extends plugin_wiggle_1.WiggleBaseRenderer {
             const totalScore = snpinfo.total;
             const keys = Object.keys(snpinfo.cov).sort();
             let curr = 0;
-            for (let i = 0; i < keys.length; i++) {
-                const base = keys[i];
+            for (const base of keys) {
                 const { total } = snpinfo.cov[base];
                 ctx.fillStyle =
                     colorForBase[base] ||
@@ -105,8 +102,7 @@ class SNPCoverageRenderer extends plugin_wiggle_1.WiggleBaseRenderer {
             const indicatorHeight = 4.5;
             if (drawInterbaseCounts) {
                 let curr = 0;
-                for (let i = 0; i < interbaseEvents.length; i++) {
-                    const base = interbaseEvents[i];
+                for (const base of interbaseEvents) {
                     const { total } = snpinfo.noncov[base];
                     const r = 0.6;
                     ctx.fillStyle = colorForBase[base];
@@ -118,8 +114,7 @@ class SNPCoverageRenderer extends plugin_wiggle_1.WiggleBaseRenderer {
                 let accum = 0;
                 let max = 0;
                 let maxBase = '';
-                for (let i = 0; i < interbaseEvents.length; i++) {
-                    const base = interbaseEvents[i];
+                for (const base of interbaseEvents) {
                     const { total } = snpinfo.noncov[base];
                     accum += total;
                     if (total > max) {
@@ -144,8 +139,7 @@ class SNPCoverageRenderer extends plugin_wiggle_1.WiggleBaseRenderer {
             prevTotal = totalScore;
         }
         if (drawArcs) {
-            for (let i = 0; i < skips.length; i++) {
-                const f = skips[i];
+            for (const f of skips) {
                 const [left, right] = (0, util_1.bpSpanPx)(f.get('start'), f.get('end'), region, bpPerPx);
                 ctx.beginPath();
                 const str = f.get('strand');

package/dist/shared/BaseDisplayComponent.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { LinearReadCloudDisplayModel } from '../LinearReadCloudDisplay/model';
 import { LinearReadArcsDisplayModel } from '../LinearReadArcsDisplay/model';
-declare const _default: ({ model, children, }: {
+declare const BaseDisplayComponent: ({ model, children, }: {
     model: LinearReadArcsDisplayModel | LinearReadCloudDisplayModel;
     children?: React.ReactNode;
 }) => React.JSX.Element | null;
-export default _default;
+export default BaseDisplayComponent;

package/dist/shared/BaseDisplayComponent.js

@@ -25,7 +25,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => {
         },
     };
 });
-exports.default = (0, mobx_react_1.observer)(function ({ model, children, }) {
+const BaseDisplayComponent = (0, mobx_react_1.observer)(function ({ model, children, }) {
     const { error, regionTooLarge } = model;
     return error ? (react_1.default.createElement(plugin_linear_genome_view_1.BlockMsg, { message: `${error}`, severity: "error", buttonText: "Reload", action: model.reload })) : regionTooLarge ? (model.regionCannotBeRendered()) : (react_1.default.createElement(DataDisplay, { model: model }, children));
 });
@@ -46,3 +46,4 @@ const LoadingBar = (0, mobx_react_1.observer)(function ({ model, }) {
     return (react_1.default.createElement("div", { className: classes.loading },
         react_1.default.createElement(ui_1.LoadingEllipses, { message: message })));
 });
+exports.default = BaseDisplayComponent;

package/dist/shared/FilterByTag.d.ts

@@ -1,19 +1,10 @@
 import React from 'react';
-interface FilterBy {
-    flagExclude: number;
-    flagInclude: number;
-    readName?: string;
-    tagFilter?: {
-        tag: string;
-        value: string;
-    };
-}
-declare function FilterByTagDlg(props: {
+import { IFilter } from '.';
+declare const FilterByTagDialog: (props: {
     model: {
-        filterBy: FilterBy;
-        setFilterBy: (arg: FilterBy) => void;
+        filterBy: IFilter;
+        setFilterBy: (arg: IFilter) => void;
     };
     handleClose: () => void;
-}): React.JSX.Element;
-declare const _default: typeof FilterByTagDlg;
-export default _default;
+}) => React.JSX.Element;
+export default FilterByTagDialog;

package/dist/shared/FilterByTag.js

@@ -70,7 +70,7 @@ function Bitmask(props) {
                 react_1.default.createElement("label", { htmlFor: key }, name)));
         })));
 }
-function FilterByTagDlg(props) {
+const FilterByTagDialog = (0, mobx_react_1.observer)(function (props) {
     var _a, _b;
     const { model, handleClose } = props;
     const { classes } = useStyles();
@@ -99,9 +99,7 @@ function FilterByTagDlg(props) {
                         react_1.default.createElement(Bitmask, { flag: flagExclude, setFlag: setFlagExclude })))),
             react_1.default.createElement(material_1.Paper, { className: classes.paper, variant: "outlined" },
                 react_1.default.createElement(material_1.Typography, null, "Filter by tag name and value. Use * in the value field to get all reads containing any value for that tag. Example: filter tag name SA with value * to get all split/supplementary reads. Other examples include HP for haplotype, or RG for read group"),
-                react_1.default.createElement(material_1.TextField, { className: classes.field, value: tag, onChange: event => setTag(event.target.value), placeholder: "Enter tag name", inputProps: {
-                        maxLength: 2,
-                    }, error: tag.length === 2 && !validTag, helperText: tag.length === 2 && !validTag ? 'Not a valid tag' : '' }),
+                react_1.default.createElement(material_1.TextField, { className: classes.field, value: tag, onChange: event => setTag(event.target.value), placeholder: "Enter tag name", inputProps: { maxLength: 2 }, error: tag.length === 2 && !validTag, helperText: tag.length === 2 && !validTag ? 'Not a valid tag' : '' }),
                 react_1.default.createElement(material_1.TextField, { className: classes.field, value: tagValue, onChange: event => setTagValue(event.target.value), placeholder: "Enter tag value" })),
             react_1.default.createElement(material_1.Paper, { className: classes.paper, variant: "outlined" },
                 react_1.default.createElement(material_1.Typography, null, "Filter by read name"),
@@ -122,5 +120,5 @@ function FilterByTagDlg(props) {
                         handleClose();
                     } }, "Submit"),
                 react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => handleClose() }, "Cancel")))));
-}
-exports.default = (0, mobx_react_1.observer)(FilterByTagDlg);
+});
+exports.default = FilterByTagDialog;

package/dist/shared/fetchChains.js

@@ -4,6 +4,7 @@ exports.fetchChains = void 0;
 const util_1 = require("@jbrowse/core/util");
 const mobx_state_tree_1 = require("mobx-state-tree");
 async function fetchChains(self) {
+    // @ts-expect-error
     const { rpcSessionId: sessionId } = (0, util_1.getContainingTrack)(self);
     const { rpcManager } = (0, util_1.getSession)(self);
     const view = (0, util_1.getContainingView)(self);

package/dist/shared/index.d.ts

@@ -33,4 +33,13 @@ export declare const FilterModel: import("mobx-state-tree").IModelType<{
         value: import("mobx-state-tree").ISimpleType<string>;
     }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
 }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+export interface IFilter {
+    flagExclude: number;
+    flagInclude: number;
+    readName?: string;
+    tagFilter?: {
+        tag: string;
+        value: string;
+    };
+}
 export {};

package/dist/util.d.ts

@@ -5,15 +5,9 @@ import { IAutorunOptions } from 'mobx';
 export declare function getTag(feature: Feature, tag: string): any;
 export declare function getTagAlt(feature: Feature, tag: string, alt: string): any;
 export declare const orientationTypes: {
-    fr: {
-        [key: string]: string;
-    };
-    rf: {
-        [key: string]: string;
-    };
-    ff: {
-        [key: string]: string;
-    };
+    fr: Record<string, string>;
+    rf: Record<string, string>;
+    ff: Record<string, string>;
 };
 export declare const pairMap: {
     readonly LR: "color_pair_lr";

package/esm/AlignmentsFeatureDetail/AlignmentsFeatureDetail.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IAnyStateTreeNode } from 'mobx-state-tree';
-declare const _default: (props: {
+declare const AlignmentsFeatureDetails: (props: {
     model: IAnyStateTreeNode;
 }) => React.JSX.Element;
-export default _default;
+export default AlignmentsFeatureDetails;

package/esm/AlignmentsFeatureDetail/AlignmentsFeatureDetail.js

@@ -92,7 +92,7 @@ function PairLink({ locString, model, }) {
             navToLoc(locString, model);
         }, href: "#" }, locString));
 }
-export default observer(function AlignmentFeatureDetails(props) {
+const AlignmentsFeatureDetails = observer(function (props) {
     const { model } = props;
     const feat = clone(model.featureData);
     const SA = getTag('SA', feat);
@@ -103,3 +103,4 @@ export default observer(function AlignmentFeatureDetails(props) {
         SA ? React.createElement(SupplementaryAlignments, { model: model, tag: SA }) : null,
         feat.flags !== undefined ? (React.createElement(AlignmentFlags, { feature: feat, ...props })) : null));
 });
+export default AlignmentsFeatureDetails;

package/esm/AlignmentsFeatureDetail/util.d.ts

@@ -1,8 +1,6 @@
 import { IAnyStateTreeNode } from 'mobx-state-tree';
 export declare function getTag(tag: string, feat: {
-    tags?: {
-        [key: string]: unknown;
-    };
+    tags?: Record<string, unknown>;
     [key: string]: unknown;
 }): unknown;
 export declare function navToLoc(locString: string, model: IAnyStateTreeNode): Promise<void>;

package/esm/BamAdapter/BamAdapter.d.ts

@@ -2,6 +2,7 @@ import { BamFile } from '@gmod/bam';
 import { BaseFeatureDataAdapter, BaseOptions } from '@jbrowse/core/data_adapters/BaseAdapter';
 import { Region } from '@jbrowse/core/util/types';
 import { Feature } from '@jbrowse/core/util';
+import { IFilter } from '../shared';
 interface Header {
     idToName: string[];
     nameToId: Record<string, number>;
@@ -29,15 +30,7 @@ export default class BamAdapter extends BaseFeatureDataAdapter {
     getFeatures(region: Region & {
         originalRefName?: string;
     }, opts?: BaseOptions & {
-        filterBy: {
-            flagInclude: number;
-            flagExclude: number;
-            tagFilter: {
-                tag: string;
-                value: unknown;
-            };
-            readName: string;
-        };
+        filterBy: IFilter;
     }): import("rxjs").Observable<Feature>;
     getMultiRegionFeatureDensityStats(regions: Region[], opts?: BaseOptions): Promise<import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats | {
         bytes: number;

package/esm/CramAdapter/CramAdapter.d.ts

@@ -2,20 +2,12 @@ import { IndexedCramFile, CramRecord } from '@gmod/cram';
 import { BaseFeatureDataAdapter, BaseOptions, BaseSequenceAdapter } from '@jbrowse/core/data_adapters/BaseAdapter';
 import { Region, Feature } from '@jbrowse/core/util';
 import CramSlightlyLazyFeature from './CramSlightlyLazyFeature';
+import { IFilter } from '../shared';
 interface Header {
     idToName?: string[];
     nameToId?: Record<string, number>;
     readGroups?: (string | undefined)[];
 }
-interface FilterBy {
-    flagInclude: number;
-    flagExclude: number;
-    tagFilter: {
-        tag: string;
-        value: unknown;
-    };
-    readName: string;
-}
 export default class CramAdapter extends BaseFeatureDataAdapter {
     samHeader: Header;
     private setupP?;
@@ -30,7 +22,7 @@ export default class CramAdapter extends BaseFeatureDataAdapter {
         cram: IndexedCramFile;
         sequenceAdapter: BaseSequenceAdapter;
     }>;
-    getHeader(opts?: BaseOptions): Promise<string | undefined>;
+    getHeader(_opts?: BaseOptions): Promise<string | undefined>;
     private seqFetch;
     private setupPre;
     private setup;
@@ -41,7 +33,7 @@ export default class CramAdapter extends BaseFeatureDataAdapter {
     getFeatures(region: Region & {
         originalRefName?: string;
     }, opts?: BaseOptions & {
-        filterBy: FilterBy;
+        filterBy: IFilter;
     }): import("rxjs").Observable<Feature>;
     freeResources(): void;
     cramRecordToFeature(record: CramRecord): CramSlightlyLazyFeature;

package/esm/CramAdapter/CramAdapter.js

@@ -5,6 +5,7 @@ import { openLocation } from '@jbrowse/core/util/io';
 import { ObservableCreate } from '@jbrowse/core/util/rxjs';
 import { toArray } from 'rxjs/operators';
 import { firstValueFrom } from 'rxjs';
+// locals
 import CramSlightlyLazyFeature from './CramSlightlyLazyFeature';
 export default class CramAdapter extends BaseFeatureDataAdapter {
     constructor() {
@@ -49,7 +50,7 @@ export default class CramAdapter extends BaseFeatureDataAdapter {
         }
         return this.configureP;
     }
-    async getHeader(opts) {
+    async getHeader(_opts) {
         const { cram } = await this.configure();
         return cram.cram.getHeaderText();
     }

package/esm/CramAdapter/util.js

@@ -8,9 +8,7 @@ export function readFeaturesToMismatches(readFeatures, start, qual) {
     let refPos = 0;
     let sublen = 0;
     let lastPos = start;
-    for (let i = 0; i < readFeatures.length; i++) {
-        const f = readFeatures[i];
-        const { code, pos, data, sub, ref } = f;
+    for (const { refPos: p, code, pos, data, sub, ref } of readFeatures) {
         sublen = refPos - lastPos;
         lastPos = refPos;
         if (sublen && insLen > 0) {
@@ -22,7 +20,7 @@ export function readFeaturesToMismatches(readFeatures, start, qual) {
             };
             insLen = 0;
         }
-        refPos = f.refPos - 1 - start;
+        refPos = p - 1 - start;
         if (code === 'X') {
             // substitution
             mismatches[j++] = {
@@ -130,8 +128,7 @@ export function readFeaturesToCIGAR(readFeatures, alignmentStart, readLen, refRe
     let sublen = 0;
     let insLen = 0;
     if (readFeatures !== undefined) {
-        for (let i = 0; i < readFeatures.length; i++) {
-            const { code, refPos, sub, data } = readFeatures[i];
+        for (const { code, refPos, sub, data } of readFeatures) {
             sublen = refPos - lastPos;
             seq += ref.slice(lastPos - refStart, refPos - refStart);
             lastPos = refPos;