@jbrowse/plugin-alignments 3.1.0 → 3.3.0

package/dist/AlignmentsFeatureDetail/LinkedPairedAlignments.d.ts

@@ -3,4 +3,4 @@ import type { SimpleFeatureSerialized } from '@jbrowse/core/util';
 export default function SuppAlignments(props: {
     model: AlignmentFeatureWidgetModel;
     feature: SimpleFeatureSerialized;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/AlignmentsFeatureDetail/LinkedPairedAlignments.js

@@ -18,5 +18,5 @@ function SuppAlignments(props) {
     }
     catch (e) {
     }
-    return ((0, jsx_runtime_1.jsx)(BaseCard_1.default, { ...props, title: "Paired alignments", children: hasBreakendSplitView ? ((0, jsx_runtime_1.jsx)(LaunchPairedEndBreakpointSplitViewPanel_1.default, { model: model, feature: feature })) : null }));
+    return hasBreakendSplitView ? ((0, jsx_runtime_1.jsx)(BaseCard_1.default, { ...props, title: "Paired alignments", children: (0, jsx_runtime_1.jsx)(LaunchPairedEndBreakpointSplitViewPanel_1.default, { model: model, feature: feature }) })) : null;
 }

package/dist/AlignmentsFeatureDetail/getSAFeatures.js

@@ -25,12 +25,12 @@ async function getSAFeatures({ view, feature, }) {
         end: clipPos + (0, MismatchParser_1.getLengthSansClipping)(cigar),
     };
     const features = [feat, ...suppAlns];
-    features.forEach((f, idx) => {
+    for (const [idx, f] of features.entries()) {
         f.refName = assembly.getCanonicalRefName(f.refName) || f.refName;
         f.syntenyId = idx;
         f.mate.syntenyId = idx;
         f.mate.uniqueId = `${f.uniqueId}_mate`;
-    });
+    }
     features.sort((a, b) => a.clipPos - b.clipPos);
     return features;
 }

package/dist/AlignmentsFeatureDetail/stateModelFactory.js

@@ -4,8 +4,7 @@ exports.stateModelFactory = stateModelFactory;
 const BaseFeatureWidget_1 = require("@jbrowse/core/BaseFeatureWidget");
 const mobx_state_tree_1 = require("mobx-state-tree");
 function stateModelFactory(pluginManager) {
-    const baseModel = (0, BaseFeatureWidget_1.stateModelFactory)(pluginManager);
-    return mobx_state_tree_1.types.compose(baseModel, mobx_state_tree_1.types.model('AlignmentsFeatureWidget', {
+    return mobx_state_tree_1.types.compose((0, BaseFeatureWidget_1.stateModelFactory)(pluginManager), mobx_state_tree_1.types.model('AlignmentsFeatureWidget', {
         type: mobx_state_tree_1.types.literal('AlignmentsFeatureWidget'),
     }));
 }

package/dist/BamAdapter/BamAdapter.js

@@ -61,14 +61,18 @@ class BamAdapter extends BaseAdapter_1.BaseFeatureDataAdapter {
         const samHeader = await bam.getHeader();
         const idToName = [];
         const nameToId = {};
-        samHeader === null || samHeader === void 0 ? void 0 : samHeader.filter(l => l.tag === 'SQ').forEach((sqLine, refId) => {
-            const SN = sqLine.data.find(item => item.tag === 'SN');
-            if (SN) {
-                const refName = SN.value;
-                nameToId[refName] = refId;
-                idToName[refId] = refName;
+        if (samHeader) {
+            for (const [refId, sqLine] of samHeader
+                .filter(l => l.tag === 'SQ')
+                .entries()) {
+                const SN = sqLine.data.find(item => item.tag === 'SN');
+                if (SN) {
+                    const refName = SN.value;
+                    nameToId[refName] = refId;
+                    idToName[refId] = refName;
+                }
             }
-        });
+        }
         this.samHeader = { idToName, nameToId };
         return this.samHeader;
     }
@@ -106,9 +110,7 @@ class BamAdapter extends BaseAdapter_1.BaseFeatureDataAdapter {
         });
         const seqChunks = await (0, rxjs_2.firstValueFrom)(features.pipe((0, operators_1.toArray)()));
         let sequence = '';
-        seqChunks
-            .sort((a, b) => a.get('start') - b.get('start'))
-            .forEach(chunk => {
+        for (const chunk of seqChunks.sort((a, b) => a.get('start') - b.get('start'))) {
             const chunkStart = chunk.get('start');
             const chunkEnd = chunk.get('end');
             const trimStart = Math.max(start - chunkStart, 0);
@@ -116,7 +118,7 @@ class BamAdapter extends BaseAdapter_1.BaseFeatureDataAdapter {
             const trimLength = trimEnd - trimStart;
             const chunkSeq = chunk.get('seq') || chunk.get('residues');
             sequence += chunkSeq.slice(trimStart, trimStart + trimLength);
-        });
+        }
         if (sequence.length !== end - start) {
             throw new Error(`sequence fetch failed: fetching ${refName}:${(start - 1).toLocaleString()}-${end.toLocaleString()} returned ${sequence.length.toLocaleString()} bases, but should have returned ${(end - start).toLocaleString()}`);
         }

package/dist/CramAdapter/CramAdapter.js

@@ -100,16 +100,16 @@ class CramAdapter extends BaseAdapter_1.BaseFeatureDataAdapter {
         const samHeader = await cram.cram.getSamHeader();
         const idToName = [];
         const nameToId = {};
-        samHeader
+        for (const [refId, sqLine] of samHeader
             .filter(l => l.tag === 'SQ')
-            .forEach((sqLine, refId) => {
+            .entries()) {
             const SN = sqLine.data.find(item => item.tag === 'SN');
             if (SN) {
                 const refName = SN.value;
                 nameToId[refName] = refId;
                 idToName[refId] = refName;
             }
-        });
+        }
         const readGroups = samHeader
             .filter(l => l.tag === 'RG')
             .map(rgLine => { var _a; return (_a = rgLine.data.find(item => item.tag === 'ID')) === null || _a === void 0 ? void 0 : _a.value; });

package/dist/LinearPileupDisplay/SharedLinearPileupDisplayMixin.js

@@ -132,12 +132,12 @@ function SharedLinearPileupDisplayMixin(configSchema) {
                 '#CCEEFF',
                 'lightsalmon',
             ];
-            uniqueTag.forEach(value => {
+            for (const value of uniqueTag) {
                 if (!self.colorTagMap.has(value)) {
                     const totalKeys = [...self.colorTagMap.keys()].length;
                     self.colorTagMap.set(value, colorPalette[totalKeys]);
                 }
-            });
+            }
         },
         setFeatureUnderMouse(feat) {
             self.featureUnderMouseVolatile = feat;

package/dist/LinearPileupDisplay/model.js

@@ -69,14 +69,14 @@ function stateModelFactory(configSchema) {
             self.currSortBpPerPx = n;
         },
         updateVisibleModifications(uniqueModifications) {
-            uniqueModifications.forEach(value => {
+            for (const value of uniqueModifications) {
                 if (!self.visibleModifications.has(value.type)) {
                     self.visibleModifications.set(value.type, {
                         ...value,
                         color: (0, util_2.getColorForModification)(value.type),
                     });
                 }
-            });
+            }
         },
         setModificationsReady(flag) {
             self.modificationsReady = flag;

package/dist/LinearReadCloudDisplay/drawLongReadChains.js

@@ -7,8 +7,7 @@ const util_2 = require("./util");
 const color_1 = require("../shared/color");
 function drawLongReadChains({ ctx, self, chainData, view, asm, }) {
     var _a, _b, _c, _d, _e;
-    const distances = [];
-    const minXs = [];
+    const computedChains = [];
     const { chains } = chainData;
     const { height } = self;
     const featureHeight = (0, configuration_1.getConf)(self, 'featureHeight');
@@ -24,20 +23,21 @@ function drawLongReadChains({ ctx, self, chainData, view, asm, }) {
                 maxX = Math.max(maxX, re);
             }
         }
-        const distance = Math.abs(maxX - minX);
-        distances.push(distance);
-        minXs.push(minX);
+        computedChains.push({
+            distance: Math.abs(maxX - minX),
+            minX,
+            chain,
+        });
     }
+    const distances = computedChains.map(d => d.distance);
     const maxD = Math.log((0, util_1.max)(distances));
     const minD = Math.max(Math.log((0, util_1.min)(distances)) - 1, 0);
     const scaler = (height - 20) / (maxD - minD);
     const halfHeight = featureHeight / 2 - 0.5;
-    for (let i = 0; i < chains.length; i++) {
-        const chain = chains[i];
-        const w = distances[i];
+    for (const { minX, distance, chain } of computedChains) {
+        const w = distance;
         const top = (Math.log(w) - minD) * scaler;
-        const min = minXs[i];
-        (0, util_2.fillRectCtx)(min - view.offsetPx, top + halfHeight, w, 1, ctx, 'black');
+        (0, util_2.fillRectCtx)(minX - view.offsetPx, top + halfHeight, w, 1, ctx, 'black');
         const c1 = chain[0];
         let primaryStrand;
         if (!(c1.flags & 2048)) {

package/dist/PileupRenderer/PileupRenderer.d.ts

@@ -13,36 +13,7 @@ export default class PileupRenderer extends BoxRendererType {
         reversed?: boolean | undefined;
         assemblyName: string;
     };
-    render(renderProps: RenderArgsDeserialized): Promise<{
-        features: Map<any, any>;
-        layout: import("@jbrowse/core/util/layouts").GranularRectLayout<unknown>;
-        height: number;
-        width: number;
-        maxHeightReached: boolean;
-        containsNoTransferables: boolean;
-        canvasRecordedData: any;
-        reactElement?: React.ReactElement;
-        html?: string;
-    } | {
-        features: Map<any, any>;
-        layout: import("@jbrowse/core/util/layouts").GranularRectLayout<unknown>;
-        height: number;
-        width: number;
-        maxHeightReached: boolean;
-        containsNoTransferables: boolean;
-        reactElement: import("react/jsx-runtime").JSX.Element;
-        html?: string;
-    } | {
-        features: Map<any, any>;
-        layout: import("@jbrowse/core/util/layouts").GranularRectLayout<unknown>;
-        height: number;
-        width: number;
-        maxHeightReached: boolean;
-        containsNoTransferables: boolean;
-        imageData: any;
-        reactElement?: React.ReactElement;
-        html?: string;
-    }>;
+    render(renderProps: RenderArgsDeserialized): Promise<any>;
     createLayoutSession(args: PileupLayoutSessionProps): PileupLayoutSession;
 }
 export type { RenderArgs, RenderArgsSerialized, RenderResults, ResultsDeserialized, ResultsSerialized, } from '@jbrowse/core/pluggableElementTypes/renderers/BoxRendererType';

package/dist/PileupRenderer/makeImageData.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeImageData = makeImageData;
 const configuration_1 = require("@jbrowse/core/configuration");
 const ui_1 = require("@jbrowse/core/ui");
-const stopToken_1 = require("@jbrowse/core/util/stopToken");
+const util_1 = require("@jbrowse/core/util");
 const renderAlignment_1 = require("./renderAlignment");
 const renderMismatches_1 = require("./renderMismatches");
 const renderSoftClipping_1 = require("./renderSoftClipping");
-const util_1 = require("./util");
+const util_2 = require("./util");
 function makeImageData({ ctx, layoutRecords, canvasWidth, renderArgs, }) {
     const { stopToken, config, showSoftClip, colorBy, theme: configTheme, } = renderArgs;
     const mismatchAlpha = (0, configuration_1.readConfObject)(config, 'mismatchAlpha');
@@ -16,18 +16,13 @@ function makeImageData({ ctx, layoutRecords, canvasWidth, renderArgs, }) {
     const hideSmallIndels = (0, configuration_1.readConfObject)(config, 'hideSmallIndels');
     const defaultColor = (0, configuration_1.readConfObject)(config, 'color') === '#f0f';
     const theme = (0, ui_1.createJBrowseTheme)(configTheme);
-    const colorMap = (0, util_1.getColorBaseMap)(theme);
-    const colorContrastMap = (0, util_1.getContrastBaseMap)(theme);
+    const colorMap = (0, util_2.getColorBaseMap)(theme);
+    const colorContrastMap = (0, util_2.getContrastBaseMap)(theme);
     ctx.font = 'bold 10px Courier New,monospace';
-    const { charWidth, charHeight } = (0, util_1.getCharWidthHeight)();
-    const drawSNPsMuted = (0, util_1.shouldDrawSNPsMuted)(colorBy === null || colorBy === void 0 ? void 0 : colorBy.type);
-    const drawIndels = (0, util_1.shouldDrawIndels)();
-    let start = performance.now();
-    for (const feat of layoutRecords) {
-        if (performance.now() - start > 400) {
-            (0, stopToken_1.checkStopToken)(stopToken);
-            start = performance.now();
-        }
+    const { charWidth, charHeight } = (0, util_2.getCharWidthHeight)();
+    const drawSNPsMuted = (0, util_2.shouldDrawSNPsMuted)(colorBy === null || colorBy === void 0 ? void 0 : colorBy.type);
+    const drawIndels = (0, util_2.shouldDrawIndels)();
+    (0, util_1.forEachWithStopTokenCheck)(layoutRecords, stopToken, feat => {
         (0, renderAlignment_1.renderAlignment)({
             ctx,
             feat,
@@ -66,6 +61,6 @@ function makeImageData({ ctx, layoutRecords, canvasWidth, renderArgs, }) {
                 canvasWidth,
             });
         }
-    }
+    });
     return undefined;
 }

package/dist/PileupRenderer/renderModifications.js

@@ -6,7 +6,7 @@ const util_2 = require("./util");
 const getMaximumModificationAtEachPosition_1 = require("../shared/getMaximumModificationAtEachPosition");
 const util_3 = require("../shared/util");
 function renderModifications({ ctx, feat, region, bpPerPx, renderArgs, canvasWidth, cigarOps, }) {
-    var _a, _b, _c;
+    var _a, _b;
     const { feature, topPx, heightPx } = feat;
     const { colorBy, visibleModifications = {} } = renderArgs;
     const seq = feature.get('seq');
@@ -16,28 +16,33 @@ function renderModifications({ ctx, feat, region, bpPerPx, renderArgs, canvasWid
     const start = feature.get('start');
     const isolatedModification = (_a = colorBy === null || colorBy === void 0 ? void 0 : colorBy.modifications) === null || _a === void 0 ? void 0 : _a.isolatedModification;
     const twoColor = (_b = colorBy === null || colorBy === void 0 ? void 0 : colorBy.modifications) === null || _b === void 0 ? void 0 : _b.twoColor;
-    (_c = (0, getMaximumModificationAtEachPosition_1.getMaxProbModAtEachPosition)(feature, cigarOps)) === null || _c === void 0 ? void 0 : _c.forEach(({ allProbs, prob, type }, pos) => {
-        const r = start + pos;
-        const [leftPx, rightPx] = (0, util_1.bpSpanPx)(r, r + 1, region, bpPerPx);
-        const mod = visibleModifications[type];
-        if (!mod) {
-            console.warn(`${type} not known yet`);
-            return;
+    const probs = (0, getMaximumModificationAtEachPosition_1.getMaxProbModAtEachPosition)(feature, cigarOps);
+    if (probs) {
+        let pos = 0;
+        for (const { allProbs, prob, type } of probs) {
+            const r = start + pos;
+            const [leftPx, rightPx] = (0, util_1.bpSpanPx)(r, r + 1, region, bpPerPx);
+            const mod = visibleModifications[type];
+            if (!mod) {
+                console.warn(`${type} not known yet`);
+                return;
+            }
+            if (isolatedModification && mod.type !== isolatedModification) {
+                return;
+            }
+            const col = mod.color || 'black';
+            const s = 1 - (0, util_1.sum)(allProbs);
+            if (twoColor && s > (0, util_1.max)(allProbs)) {
+                const c = (0, util_3.alphaColor)('blue', s);
+                const w = rightPx - leftPx + 0.5;
+                (0, util_2.fillRect)(ctx, leftPx, topPx, w, heightPx, canvasWidth, c);
+            }
+            else {
+                const c = (0, util_3.alphaColor)(col, prob);
+                const w = rightPx - leftPx + 0.5;
+                (0, util_2.fillRect)(ctx, leftPx, topPx, w, heightPx, canvasWidth, c);
+            }
+            pos++;
         }
-        if (isolatedModification && mod.type !== isolatedModification) {
-            return;
-        }
-        const col = mod.color || 'black';
-        const s = 1 - (0, util_1.sum)(allProbs);
-        if (twoColor && s > (0, util_1.max)(allProbs)) {
-            const c = (0, util_3.alphaColor)('blue', s);
-            const w = rightPx - leftPx + 0.5;
-            (0, util_2.fillRect)(ctx, leftPx, topPx, w, heightPx, canvasWidth, c);
-        }
-        else {
-            const c = (0, util_3.alphaColor)(col, prob);
-            const w = rightPx - leftPx + 0.5;
-            (0, util_2.fillRect)(ctx, leftPx, topPx, w, heightPx, canvasWidth, c);
-        }
-    });
+    }
 }

package/dist/PileupRenderer/sortUtil.js

@@ -7,7 +7,7 @@ const sortFeature = (features, sortedBy) => {
     const featuresInCenterLine = [];
     const featuresOutsideCenter = [];
     const { pos, type } = sortedBy;
-    featureArray.forEach(innerArray => {
+    for (const innerArray of featureArray) {
         const feature = innerArray;
         const start = feature.get('start');
         const end = feature.get('end');
@@ -17,7 +17,7 @@ const sortFeature = (features, sortedBy) => {
         else {
             featuresOutsideCenter.push(innerArray);
         }
-    });
+    }
     const isCram = featureArray.length ? featureArray[0].get('tags') : false;
     switch (type) {
         case 'Start location': {

package/dist/SNPCoverageAdapter/SNPCoverageAdapter.js

@@ -44,20 +44,24 @@ class SNPCoverageAdapter extends BaseAdapter_1.BaseFeatureDataAdapter {
                 opts,
                 fetchSequence: (region) => this.fetchSequence(region),
             });
-            bins.forEach((bin, index) => {
-                const start = region.start + index;
-                observer.next(new simpleFeature_1.default({
-                    id: `${this.id}-${start}`,
-                    data: {
-                        score: bin.depth,
-                        snpinfo: bin,
-                        start,
-                        end: start + 1,
-                        refName: region.refName,
-                    },
-                }));
-            });
-            Object.entries(skipmap).forEach(([key, skip]) => {
+            let index = 0;
+            for (const bin of bins) {
+                if (bin) {
+                    const start = region.start + index;
+                    observer.next(new simpleFeature_1.default({
+                        id: `${this.id}-${start}`,
+                        data: {
+                            score: bin.depth,
+                            snpinfo: bin,
+                            start,
+                            end: start + 1,
+                            refName: region.refName,
+                        },
+                    }));
+                }
+                index++;
+            }
+            for (const [key, skip] of Object.entries(skipmap)) {
                 observer.next(new simpleFeature_1.default({
                     id: key,
                     data: {
@@ -69,7 +73,7 @@ class SNPCoverageAdapter extends BaseAdapter_1.BaseFeatureDataAdapter {
                         effectiveStrand: skip.effectiveStrand,
                     },
                 }));
-            });
+            }
             observer.complete();
         }, opts.stopToken);
     }

package/dist/SNPCoverageAdapter/processModifications.js

@@ -5,45 +5,50 @@ const util_1 = require("@jbrowse/core/util");
 const util_2 = require("./util");
 const getMaximumModificationAtEachPosition_1 = require("../shared/getMaximumModificationAtEachPosition");
 function processModifications({ feature, colorBy, region, bins, regionSequence, }) {
-    var _a, _b, _c;
+    var _a, _b;
     const fstart = feature.get('start');
     const fstrand = feature.get('strand');
     const fend = feature.get('end');
     const twoColor = (_a = colorBy === null || colorBy === void 0 ? void 0 : colorBy.modifications) === null || _a === void 0 ? void 0 : _a.twoColor;
     const isolatedModification = (_b = colorBy === null || colorBy === void 0 ? void 0 : colorBy.modifications) === null || _b === void 0 ? void 0 : _b.isolatedModification;
-    (_c = (0, getMaximumModificationAtEachPosition_1.getMaxProbModAtEachPosition)(feature)) === null || _c === void 0 ? void 0 : _c.forEach(({ type, prob, allProbs }, pos) => {
-        if (isolatedModification && type !== isolatedModification) {
-            return;
-        }
-        const epos = pos + fstart - region.start;
-        if (epos >= 0 && epos < bins.length && pos + fstart < fend) {
-            if (bins[epos] === undefined) {
-                bins[epos] = {
-                    depth: 0,
-                    readsCounted: 0,
-                    snps: {},
-                    ref: {
-                        probabilities: [],
-                        entryDepth: 0,
-                        '-1': 0,
-                        0: 0,
-                        1: 0,
-                    },
-                    mods: {},
-                    nonmods: {},
-                    delskips: {},
-                    noncov: {},
-                };
-            }
-            const s = 1 - (0, util_1.sum)(allProbs);
-            const bin = bins[epos];
-            bin.refbase = regionSequence[epos];
-            if (twoColor && s > (0, util_1.max)(allProbs)) {
-                (0, util_2.incWithProbabilities)(bin, fstrand, 'nonmods', `nonmod_${type}`, s);
+    const probs = (0, getMaximumModificationAtEachPosition_1.getMaxProbModAtEachPosition)(feature);
+    if (probs) {
+        let pos = 0;
+        for (const { type, prob, allProbs } of probs) {
+            if (isolatedModification && type !== isolatedModification) {
+                return;
             }
-            else {
-                (0, util_2.incWithProbabilities)(bin, fstrand, 'mods', `mod_${type}`, prob);
+            const epos = pos + fstart - region.start;
+            if (epos >= 0 && epos < bins.length && pos + fstart < fend) {
+                if (bins[epos] === undefined) {
+                    bins[epos] = {
+                        depth: 0,
+                        readsCounted: 0,
+                        snps: {},
+                        ref: {
+                            probabilities: [],
+                            entryDepth: 0,
+                            '-1': 0,
+                            0: 0,
+                            1: 0,
+                        },
+                        mods: {},
+                        nonmods: {},
+                        delskips: {},
+                        noncov: {},
+                    };
+                }
+                const s = 1 - (0, util_1.sum)(allProbs);
+                const bin = bins[epos];
+                bin.refbase = regionSequence[epos];
+                if (twoColor && s > (0, util_1.max)(allProbs)) {
+                    (0, util_2.incWithProbabilities)(bin, fstrand, 'nonmods', `nonmod_${type}`, s);
+                }
+                else {
+                    (0, util_2.incWithProbabilities)(bin, fstrand, 'mods', `mod_${type}`, prob);
+                }
             }
+            pos++;
         }
-    });
+    }
 }

package/dist/SNPCoverageRenderer/makeImage.js

@@ -4,7 +4,6 @@ exports.makeImage = makeImage;
 const configuration_1 = require("@jbrowse/core/configuration");
 const ui_1 = require("@jbrowse/core/ui");
 const util_1 = require("@jbrowse/core/util");
-const stopToken_1 = require("@jbrowse/core/util/stopToken");
 const plugin_wiggle_1 = require("@jbrowse/plugin-wiggle");
 const util_2 = require("../shared/util");
 const INTERBASE_INDICATOR_WIDTH = 7;
@@ -18,7 +17,7 @@ const complementBase = {
 };
 const fudgeFactor = 0.6;
 async function makeImage(ctx, props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _a;
     const { features, regions, bpPerPx, colorBy, displayCrossHatches, visibleModifications = {}, scaleOpts, height: unadjustedHeight, theme: configTheme, config: cfg, ticks, stopToken, } = props;
     const theme = (0, ui_1.createJBrowseTheme)(configTheme);
     const region = regions[0];
@@ -56,35 +55,25 @@ async function makeImage(ctx, props) {
         cpg_meth: 'red',
         cpg_unmeth: 'blue',
     };
-    const feats = [...features.values()];
     ctx.fillStyle = colorMap.total;
-    let start = performance.now();
-    for (const feature of feats) {
+    (0, util_1.forEachWithStopTokenCheck)(features.values(), stopToken, feature => {
         if (feature.get('type') === 'skip') {
-            continue;
+            return;
         }
         const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
         const w = rightPx - leftPx + fudgeFactor;
         const score = feature.get('score');
         ctx.fillRect(leftPx, toY(score), w, toHeight(score));
-        if (performance.now() - start > 400) {
-            (0, stopToken_1.checkStopToken)(stopToken);
-            start = performance.now();
-        }
-    }
+    });
     let prevTotal = 0;
     const extraHorizontallyFlippedOffset = region.reversed ? 1 / bpPerPx : 0;
     const drawingModifications = colorBy.type === 'modifications';
     const drawingMethylation = colorBy.type === 'methylation';
     const isolatedModification = (_a = colorBy.modifications) === null || _a === void 0 ? void 0 : _a.isolatedModification;
-    start = performance.now();
-    for (const feature of feats) {
-        const now = performance.now();
-        if (now - start > 400) {
-            (0, stopToken_1.checkStopToken)(stopToken);
-        }
+    (0, util_1.forEachWithStopTokenCheck)(features.values(), stopToken, feature => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         if (feature.get('type') === 'skip') {
-            continue;
+            return;
         }
         const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
         const snpinfo = feature.get('snpinfo');
@@ -92,7 +81,7 @@ async function makeImage(ctx, props) {
         const score0 = feature.get('score');
         if (drawingModifications) {
             let curr = 0;
-            const refbase = (_b = snpinfo.refbase) === null || _b === void 0 ? void 0 : _b.toUpperCase();
+            const refbase = (_a = snpinfo.refbase) === null || _a === void 0 ? void 0 : _a.toUpperCase();
             const { nonmods, mods, snps, ref } = snpinfo;
             for (const m of Object.keys(nonmods).sort().reverse()) {
                 const mod = visibleModifications[m.replace('nonmod_', '')] ||
@@ -107,14 +96,14 @@ async function makeImage(ctx, props) {
                 const cmp = complementBase[mod.base];
                 const detectable = mod.base === 'N'
                     ? score0
-                    : (((_c = snps[mod.base]) === null || _c === void 0 ? void 0 : _c.entryDepth) || 0) +
-                        (((_d = snps[cmp]) === null || _d === void 0 ? void 0 : _d.entryDepth) || 0) +
+                    : (((_b = snps[mod.base]) === null || _b === void 0 ? void 0 : _b.entryDepth) || 0) +
+                        (((_c = snps[cmp]) === null || _c === void 0 ? void 0 : _c.entryDepth) || 0) +
                         (refbase === mod.base ? ref['1'] : 0) +
                         (refbase === cmp ? ref['-1'] : 0);
                 const modifiable = mod.base === 'N'
                     ? score0
-                    : (((_e = snps[mod.base]) === null || _e === void 0 ? void 0 : _e.entryDepth) || 0) +
-                        (((_f = snps[cmp]) === null || _f === void 0 ? void 0 : _f.entryDepth) || 0) +
+                    : (((_d = snps[mod.base]) === null || _d === void 0 ? void 0 : _d.entryDepth) || 0) +
+                        (((_e = snps[cmp]) === null || _e === void 0 ? void 0 : _e.entryDepth) || 0) +
                         (refbase === mod.base ? ref.entryDepth : 0) +
                         (refbase === cmp ? ref.entryDepth : 0);
                 const { entryDepth, avgProbability = 0 } = snpinfo.nonmods[m];
@@ -139,14 +128,14 @@ async function makeImage(ctx, props) {
                 const cmp = complementBase[mod.base];
                 const detectable = mod.base === 'N'
                     ? score0
-                    : (((_g = snps[mod.base]) === null || _g === void 0 ? void 0 : _g.entryDepth) || 0) +
-                        (((_h = snps[cmp]) === null || _h === void 0 ? void 0 : _h.entryDepth) || 0) +
+                    : (((_f = snps[mod.base]) === null || _f === void 0 ? void 0 : _f.entryDepth) || 0) +
+                        (((_g = snps[cmp]) === null || _g === void 0 ? void 0 : _g.entryDepth) || 0) +
                         (refbase === mod.base ? ref['1'] : 0) +
                         (refbase === cmp ? ref['-1'] : 0);
                 const modifiable = mod.base === 'N'
                     ? score0
-                    : (((_j = snps[mod.base]) === null || _j === void 0 ? void 0 : _j.entryDepth) || 0) +
-                        (((_k = snps[cmp]) === null || _k === void 0 ? void 0 : _k.entryDepth) || 0) +
+                    : (((_h = snps[mod.base]) === null || _h === void 0 ? void 0 : _h.entryDepth) || 0) +
+                        (((_j = snps[cmp]) === null || _j === void 0 ? void 0 : _j.entryDepth) || 0) +
                         (refbase === mod.base ? ref.entryDepth : 0) +
                         (refbase === cmp ? ref.entryDepth : 0);
                 const { entryDepth, avgProbability = 0 } = mods[m];
@@ -228,17 +217,17 @@ async function makeImage(ctx, props) {
             }
         }
         prevTotal = score0;
-    }
+    });
     if (showArcs) {
-        for (const f of feats) {
-            if (f.get('type') !== 'skip') {
-                continue;
+        (0, util_1.forEachWithStopTokenCheck)(features.values(), stopToken, feature => {
+            if (feature.get('type') !== 'skip') {
+                return;
             }
-            const s = f.get('start');
-            const e = f.get('end');
+            const s = feature.get('start');
+            const e = feature.get('end');
             const [left, right] = (0, util_1.bpSpanPx)(s, e, region, bpPerPx);
             ctx.beginPath();
-            const effectiveStrand = f.get('effectiveStrand');
+            const effectiveStrand = feature.get('effectiveStrand');
             const pos = 'rgba(255,200,200,0.7)';
             const neg = 'rgba(200,200,255,0.7)';
             const neutral = 'rgba(200,200,200,0.7)';
@@ -251,11 +240,11 @@ async function makeImage(ctx, props) {
             else {
                 ctx.strokeStyle = neutral;
             }
-            ctx.lineWidth = Math.log(f.get('score') + 1);
+            ctx.lineWidth = Math.log(feature.get('score') + 1);
             ctx.moveTo(left, height - offset * 2);
             ctx.bezierCurveTo(left, 0, right, 0, right, height - offset * 2);
             ctx.stroke();
-        }
+        });
     }
     if (displayCrossHatches) {
         ctx.lineWidth = 1;

package/esm/AlignmentsFeatureDetail/LinkedPairedAlignments.d.ts

@@ -3,4 +3,4 @@ import type { SimpleFeatureSerialized } from '@jbrowse/core/util';
 export default function SuppAlignments(props: {
     model: AlignmentFeatureWidgetModel;
     feature: SimpleFeatureSerialized;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | null;