@jbrowse/plugin-alignments 3.2.0 → 3.4.0

package/dist/AlignmentsFeatureDetail/AlignmentsFeatureDetail.js

@@ -48,12 +48,16 @@ const tagInfo_1 = require("./tagInfo");
 const util_1 = require("./util");
 const SupplementaryAlignments = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./SupplementaryAlignments'))));
 const LinkedPairedAlignments = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./LinkedPairedAlignments'))));
+const FeatDefined = (0, mobx_react_1.observer)(function (props) {
+    const { model, feat } = props;
+    const flags = feat.flags;
+    const SA = (0, util_1.getTag)('SA', feat);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Paper, { "data-testid": "alignment-side-drawer", children: [(0, jsx_runtime_1.jsx)(FeatureDetails_1.default, { ...props, descriptions: { tags: tagInfo_1.tags }, feature: feat, formatter: (value, key) => key === 'next_segment_position' ? ((0, jsx_runtime_1.jsx)(PairLink_1.default, { model: model, locString: value })) : ((0, jsx_runtime_1.jsx)(Formatter_1.default, { value: value })) }), SA !== undefined ? ((0, jsx_runtime_1.jsx)(SupplementaryAlignments, { model: model, tag: SA, feature: feat })) : null, flags != null ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [flags & 1 ? ((0, jsx_runtime_1.jsx)(LinkedPairedAlignments, { model: model, feature: feat })) : null, (0, jsx_runtime_1.jsx)(Flags_1.default, { flags: flags, ...props })] })) : null] }));
+});
 const AlignmentsFeatureDetails = (0, mobx_react_1.observer)(function (props) {
     const { model } = props;
     const { featureData } = model;
     const feat = structuredClone(featureData);
-    const SA = (0, util_1.getTag)('SA', feat);
-    const { flags } = feat;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Paper, { "data-testid": "alignment-side-drawer", children: [(0, jsx_runtime_1.jsx)(FeatureDetails_1.default, { ...props, descriptions: { tags: tagInfo_1.tags }, feature: feat, formatter: (value, key) => key === 'next_segment_position' ? ((0, jsx_runtime_1.jsx)(PairLink_1.default, { model: model, locString: value })) : ((0, jsx_runtime_1.jsx)(Formatter_1.default, { value: value })) }), SA !== undefined ? ((0, jsx_runtime_1.jsx)(SupplementaryAlignments, { model: model, tag: SA, feature: feat })) : null, flags & 1 ? ((0, jsx_runtime_1.jsx)(LinkedPairedAlignments, { model: model, feature: feat })) : null, flags !== undefined ? (0, jsx_runtime_1.jsx)(Flags_1.default, { feature: feat, ...props }) : null] }));
+    return feat ? ((0, jsx_runtime_1.jsx)(FeatDefined, { feat: feat, ...props })) : ((0, jsx_runtime_1.jsx)("div", { children: "No feature loaded, may not be available after page refresh because it was too large for localStorage" }));
 });
 exports.default = AlignmentsFeatureDetails;

package/dist/AlignmentsFeatureDetail/Flags.d.ts

@@ -1,5 +1,3 @@
 export default function AlignmentFlags(props: {
-    feature: {
-        flags: number;
-    };
+    flags: number;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/AlignmentsFeatureDetail/Flags.js

@@ -32,8 +32,7 @@ const flagNames = [
 ];
 function AlignmentFlags(props) {
     const { classes } = useStyles();
-    const { feature } = props;
-    const { flags } = feature;
+    const { flags } = props;
     return ((0, jsx_runtime_1.jsxs)(BaseCard_1.default, { ...props, title: "Flags", children: [(0, jsx_runtime_1.jsx)(SimpleField_1.default, { name: "Flag", value: flags }), (0, jsx_runtime_1.jsx)(material_1.FormGroup, { children: flagNames.map((name, idx) => {
                     const val = flags & (1 << idx);
                     const key = `${name}_${val}`;

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/stateModelFactory.d.ts

@@ -3,9 +3,9 @@ import type { Instance } from 'mobx-state-tree';
 export declare function stateModelFactory(pluginManager: PluginManager): import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     type: import("mobx-state-tree").ISimpleType<"BaseFeatureWidget">;
-    featureData: import("mobx-state-tree").IType<any, any, any>;
+    featureData: import("mobx-state-tree").IType<import("@jbrowse/core/BaseFeatureWidget/types").MaybeSerializedFeat, import("@jbrowse/core/BaseFeatureWidget/types").MaybeSerializedFeat, import("@jbrowse/core/BaseFeatureWidget/types").MaybeSerializedFeat>;
     formattedFields: import("mobx-state-tree").IType<any, any, any>;
-    unformattedFeatureData: import("mobx-state-tree").IType<any, any, any>;
+    unformattedFeatureData: import("mobx-state-tree").IType<import("@jbrowse/core/BaseFeatureWidget/types").MaybeSerializedFeat, import("@jbrowse/core/BaseFeatureWidget/types").MaybeSerializedFeat, import("@jbrowse/core/BaseFeatureWidget/types").MaybeSerializedFeat>;
     view: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
     track: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
     trackId: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
@@ -35,14 +35,15 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     } & {
         afterAttach(): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+    descriptions: import("mobx-state-tree").IType<Record<string, unknown> | undefined, Record<string, unknown> | undefined, Record<string, unknown> | undefined>;
 } & {
     type: import("mobx-state-tree").ISimpleType<"AlignmentsFeatureWidget">;
 }, {
     error: unknown;
 } & {
-    setFeatureData(featureData: Record<string, unknown>): void;
+    setFeatureData(featureData: import("@jbrowse/core/util").SimpleFeatureSerialized): void;
     clearFeatureData(): void;
-    setFormattedData(feat: Record<string, unknown>): void;
+    setFormattedData(feat: import("@jbrowse/core/util").SimpleFeatureSerialized): void;
     setExtra(type?: string, trackId?: string, maxDepth?: number): void;
     setError(e: unknown): void;
 } & {
@@ -52,9 +53,9 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
 } & Partial<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     type: import("mobx-state-tree").ISimpleType<"BaseFeatureWidget">;
-    featureData: import("mobx-state-tree").IType<any, any, any>;
+    featureData: import("mobx-state-tree").IType<import("@jbrowse/core/BaseFeatureWidget/types").MaybeSerializedFeat, import("@jbrowse/core/BaseFeatureWidget/types").MaybeSerializedFeat, import("@jbrowse/core/BaseFeatureWidget/types").MaybeSerializedFeat>;
     formattedFields: import("mobx-state-tree").IType<any, any, any>;
-    unformattedFeatureData: import("mobx-state-tree").IType<any, any, any>;
+    unformattedFeatureData: import("mobx-state-tree").IType<import("@jbrowse/core/BaseFeatureWidget/types").MaybeSerializedFeat, import("@jbrowse/core/BaseFeatureWidget/types").MaybeSerializedFeat, import("@jbrowse/core/BaseFeatureWidget/types").MaybeSerializedFeat>;
     view: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
     track: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
     trackId: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
@@ -84,6 +85,7 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     } & {
         afterAttach(): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+    descriptions: import("mobx-state-tree").IType<Record<string, unknown> | undefined, Record<string, unknown> | undefined, Record<string, unknown> | undefined>;
 }>> & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree")._NotCustomized, {
     type: "BaseFeatureWidget";
     id: string;
@@ -94,6 +96,7 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     maxDepth: number | undefined;
     sequenceFeatureDetails: import("mobx-state-tree").ModelSnapshotType<{}>;
     formattedFields: any;
+    descriptions: Record<string, unknown> | undefined;
     finalizedFeatureData: any;
 } & import("mobx-state-tree")._NotCustomized>;
 export type AlignmentFeatureWidgetStateModel = ReturnType<typeof stateModelFactory>;

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.d.ts

@@ -39,7 +39,6 @@ export default class BamAdapter extends BaseFeatureDataAdapter {
         bytes: number;
         fetchSizeLimit: any;
     }>;
-    freeResources(): void;
     refIdToName(refId: number): string | undefined;
 }
 export {};

package/dist/BamAdapter/BamAdapter.js

@@ -173,7 +173,6 @@ class BamAdapter extends BaseAdapter_1.BaseFeatureDataAdapter {
         }
         return super.getMultiRegionFeatureDensityStats(regions, opts);
     }
-    freeResources() { }
     refIdToName(refId) {
         var _a;
         return (_a = this.samHeader) === null || _a === void 0 ? void 0 : _a.idToName[refId];

package/dist/CramAdapter/CramAdapter.d.ts

@@ -43,7 +43,6 @@ export default class CramAdapter extends BaseFeatureDataAdapter {
     }, opts?: BaseOptions & {
         filterBy: FilterBy;
     }): import("rxjs").Observable<Feature>;
-    freeResources(): void;
     cramRecordToFeature(record: CramRecord): CramSlightlyLazyFeature;
     getMultiRegionFeatureDensityStats(regions: Region[], opts?: BaseOptions): Promise<{
         bytes: number;

package/dist/CramAdapter/CramAdapter.js

@@ -202,7 +202,6 @@ class CramAdapter extends BaseAdapter_1.BaseFeatureDataAdapter {
             });
         }, stopToken);
     }
-    freeResources() { }
     cramRecordToFeature(record) {
         return new CramSlightlyLazyFeature_1.default(record, this);
     }

package/dist/CramAdapter/CramTestAdapters.d.ts

@@ -24,6 +24,5 @@ export declare class SequenceAdapter extends BaseFeatureDataAdapter {
         start: number;
         end: number;
     }): Observable<SimpleFeature>;
-    freeResources(): void;
 }
 export {};

package/dist/CramAdapter/CramTestAdapters.js

@@ -81,6 +81,5 @@ class SequenceAdapter extends BaseAdapter_1.BaseFeatureDataAdapter {
             return { unsubscribe: () => { } };
         });
     }
-    freeResources() { }
 }
 exports.SequenceAdapter = SequenceAdapter;

package/dist/LinearPileupDisplay/SharedLinearPileupDisplayMixin.d.ts

@@ -201,7 +201,7 @@ export declare function SharedLinearPileupDisplayMixin(configSchema: AnyConfigur
 } & {
     addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
     deleteBlock(key: string): void;
-    selectFeature(feature: Feature): void;
+    selectFeature(feature: Feature): Promise<void>;
     navToFeature(feature: Feature): void;
     clearFeatureSelection(): void;
     setFeatureIdUnderMouse(feature?: string): void;

package/dist/LinearPileupDisplay/SharedLinearPileupDisplayMixin.js

@@ -225,7 +225,9 @@ function SharedLinearPileupDisplayMixin(configSchema) {
                             icon: MenuOpen_1.default,
                             onClick: () => {
                                 self.clearFeatureSelection();
-                                self.selectFeature(feat);
+                                self.selectFeature(feat).catch((e) => {
+                                    (0, util_1.getSession)(self).notifyError(`${e}`, e);
+                                });
                             },
                         },
                         {
@@ -271,13 +273,13 @@ function SharedLinearPileupDisplayMixin(configSchema) {
                                     rendererType: 'PileupRenderer',
                                 }));
                                 if ((0, mobx_state_tree_1.isAlive)(self) && feature) {
-                                    self.selectFeature(new util_1.SimpleFeature(feature));
+                                    await self.selectFeature(new util_1.SimpleFeature(feature));
                                 }
                             }
                         }
                         catch (e) {
                             console.error(e);
-                            session.notify(`${e}`);
+                            session.notifyError(`${e}`, e);
                         }
                     },
                     onClick() {
@@ -306,7 +308,7 @@ function SharedLinearPileupDisplayMixin(configSchema) {
                         }
                         catch (e) {
                             console.error(e);
-                            session.notify(`${e}`);
+                            session.notifyError(`${e}`, e);
                         }
                     },
                 };

package/dist/LinearPileupDisplay/model.d.ts

@@ -205,7 +205,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
 } & {
     addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
     deleteBlock(key: string): void;
-    selectFeature(feature: import("@jbrowse/core/util").Feature): void;
+    selectFeature(feature: import("@jbrowse/core/util").Feature): Promise<void>;
     navToFeature(feature: import("@jbrowse/core/util").Feature): void;
     clearFeatureSelection(): void;
     setFeatureIdUnderMouse(feature?: string): void;

package/dist/PileupRenderer/PileupRenderer.d.ts

@@ -20,7 +20,7 @@ export default class PileupRenderer extends BoxRendererType {
         width: number;
         maxHeightReached: boolean;
         containsNoTransferables: boolean;
-        canvasRecordedData: any;
+        canvasRecordedData: Record<string, unknown>;
         reactElement?: React.ReactElement;
         html?: string;
     } | {
@@ -30,7 +30,8 @@ export default class PileupRenderer extends BoxRendererType {
         width: number;
         maxHeightReached: boolean;
         containsNoTransferables: boolean;
-        reactElement: import("react/jsx-runtime").JSX.Element;
+        imageData: any;
+        reactElement?: React.ReactElement;
         html?: string;
     } | {
         features: Map<any, any>;
@@ -39,8 +40,7 @@ export default class PileupRenderer extends BoxRendererType {
         width: number;
         maxHeightReached: boolean;
         containsNoTransferables: boolean;
-        imageData: any;
-        reactElement?: React.ReactElement;
+        reactElement: React.ReactElement;
         html?: string;
     }>;
     createLayoutSession(args: PileupLayoutSessionProps): PileupLayoutSession;

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;
+    var _a, _b, _c;
     const { feature, topPx, heightPx } = feat;
     const { colorBy, visibleModifications = {} } = renderArgs;
     const seq = feature.get('seq');
@@ -16,33 +16,29 @@ 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;
-    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++;
+    (_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;
         }
-    }
+        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++;
+    });
 }

package/dist/SNPCoverageAdapter/SNPCoverageAdapter.d.ts

@@ -11,5 +11,4 @@ export default class SNPCoverageAdapter extends BaseFeatureDataAdapter {
     getFeatures(region: Region, opts?: BaseOptions): import("rxjs").Observable<Feature>;
     getMultiRegionFeatureDensityStats(regions: Region[], opts?: BaseOptions): Promise<import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats>;
     getRefNames(opts?: BaseOptions): Promise<string[]>;
-    freeResources(): void;
 }

package/dist/SNPCoverageAdapter/SNPCoverageAdapter.js

@@ -85,6 +85,5 @@ class SNPCoverageAdapter extends BaseAdapter_1.BaseFeatureDataAdapter {
         const { subadapter } = await this.configure();
         return subadapter.getRefNames(opts);
     }
-    freeResources() { }
 }
 exports.default = SNPCoverageAdapter;

package/dist/SNPCoverageAdapter/processModifications.js

@@ -5,50 +5,46 @@ 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;
+    var _a, _b, _c;
     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;
-    const probs = (0, getMaximumModificationAtEachPosition_1.getMaxProbModAtEachPosition)(feature);
-    if (probs) {
-        let pos = 0;
-        for (const { type, prob, allProbs } of probs) {
-            if (isolatedModification && type !== isolatedModification) {
-                return;
+    (_c = (0, getMaximumModificationAtEachPosition_1.getMaxProbModAtEachPosition)(feature)) === null || _c === void 0 ? void 0 : _c.forEach(({ allProbs, prob, type }, 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 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);
-                }
+            else {
+                (0, util_2.incWithProbabilities)(bin, fstrand, 'mods', `mod_${type}`, prob);
             }
-            pos++;
         }
-    }
+        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;