@jbrowse/plugin-variants 2.13.1 → 2.14.0

package/dist/ChordVariantDisplay/models/stateModelFactory.d.ts

@@ -52,7 +52,7 @@ declare const stateModelFactory: (configSchema: AnyConfigurationSchemaType) => i
             error: unknown;
             message: string | undefined;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-        onHorizontalScroll?: Function;
+        onHorizontalScroll?: () => void;
         blockState?: Record<string, any>;
     }>;
     readonly DisplayBlurb: import("react").FC<{
@@ -100,7 +100,7 @@ declare const stateModelFactory: (configSchema: AnyConfigurationSchemaType) => i
 } & {
     readonly blockDefinitions: import("@jbrowse/plugin-circular-view/src/CircularView/models/slices").Slice[];
     renderProps(): any;
-    readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
+    readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType | undefined;
     isCompatibleWithRenderer(renderer: import("@jbrowse/core/pluggableElementTypes").RendererType): renderer is import("@jbrowse/core/pluggableElementTypes").CircularChordRendererType;
     readonly selectedFeatureId: string | undefined;
 } & {
@@ -118,7 +118,7 @@ declare const stateModelFactory: (configSchema: AnyConfigurationSchemaType) => i
     afterAttach(): void;
 } & {
     renderSvg(opts: import("@jbrowse/plugin-circular-view/src/CircularView/models/model").ExportSvgOptions & {
-        theme: import("@mui/material").ThemeOptions;
+        theme?: import("@mui/material").ThemeOptions;
     }): Promise<import("react").JSX.Element>;
 } & {
     /**

package/dist/ChordVariantDisplay/models/stateModelFactory.js

@@ -42,7 +42,9 @@ const stateModelFactory = (configSchema) => {
                 radius: view.radiusPx,
                 blockDefinitions: self.blockDefinitions,
                 config: self.configuration.renderer,
-                onChordClick: (arg) => self.onChordClick(arg),
+                onChordClick: (arg) => {
+                    self.onChordClick(arg);
+                },
             };
         },
     }));

package/dist/LinearVariantDisplay/model.d.ts

@@ -139,7 +139,7 @@ export default function stateModelFactory(configSchema: AnyConfigurationSchemaTy
             error: unknown;
             message: string | undefined;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-        onHorizontalScroll?: Function;
+        onHorizontalScroll?: () => void;
         blockState?: Record<string, any>;
     }>;
     readonly DisplayBlurb: import("react").FC<{

package/dist/StructuralVariantChordRenderer/Chord.js

@@ -54,6 +54,7 @@ const Chord = (0, mobx_react_1.observer)(function Chord({ feature, blocksForRefs
     let endBlock;
     const alt = (_a = feature.get('ALT')) === null || _a === void 0 ? void 0 : _a[0];
     const bnd = alt && (0, vcf_1.parseBreakend)(alt);
+    const startPos = feature.get('start');
     if (bnd) {
         // VCF BND
         const matePosition = bnd.MatePosition.split(':');
@@ -64,7 +65,7 @@ const Chord = (0, mobx_react_1.observer)(function Chord({ feature, blocksForRefs
         // VCF TRA
         const chr2 = (_c = (_b = feature.get('INFO')) === null || _b === void 0 ? void 0 : _b.CHR2) === null || _c === void 0 ? void 0 : _c[0];
         const end = (_e = (_d = feature.get('INFO')) === null || _d === void 0 ? void 0 : _d.END) === null || _e === void 0 ? void 0 : _e[0];
-        endPosition = parseInt(end, 10);
+        endPosition = Number.parseInt(end, 10);
         endBlock = blocksForRefs[chr2];
     }
     else if (svType === 'mate') {
@@ -74,8 +75,11 @@ const Chord = (0, mobx_react_1.observer)(function Chord({ feature, blocksForRefs
         endPosition = mate.start;
         endBlock = blocksForRefs[chr2];
     }
+    else {
+        console.warn('unknown sv type', svType);
+        endPosition = startPos + 1;
+    }
     if (endBlock) {
-        const startPos = feature.get('start');
         const startRadians = bpToRadians(startBlock, startPos);
         const endRadians = bpToRadians(endBlock, endPosition);
         const startXY = (0, util_1.polarToCartesian)(radius, startRadians);
@@ -88,9 +92,7 @@ const Chord = (0, mobx_react_1.observer)(function Chord({ feature, blocksForRefs
             feature,
         });
         return (react_1.default.createElement("path", { "data-testid": `chord-${feature.id()}`, cursor: "crosshair", fill: "none", d: ['M', ...startXY, 'Q', ...controlXY, ...endXY].join(' '), ...(0, util_1.getStrokeProps)(hovered ? hoverStrokeColor : strokeColor), strokeWidth: hovered ? 3 : 1, onClick: evt => {
-                if (endBlock && startBlock) {
-                    onClick(feature, startBlock.region, endBlock.region, evt);
-                }
+                onClick(feature, startBlock.region, endBlock.region, evt);
             }, onMouseOver: () => {
                 if (!selected) {
                     setHovered(true);

package/dist/StructuralVariantChordRenderer/ReactComponent.d.ts

@@ -2,11 +2,11 @@ import React from 'react';
 import { Feature } from '@jbrowse/core/util';
 import { AnyConfigurationModel } from '@jbrowse/core/configuration';
 import { Block, AnyRegion } from './Chord';
-declare const StructuralVariantChordsReactComponent: ({ features, config, displayModel, blockDefinitions, radius, bezierRadius, displayModel: { selectedFeatureId }, onChordClick, }: {
+declare const StructuralVariantChordsReactComponent: ({ features, config, displayModel, blockDefinitions, radius, bezierRadius, onChordClick, }: {
     features: Map<string, Feature>;
     radius: number;
     config: AnyConfigurationModel;
-    displayModel: {
+    displayModel?: {
         id: string;
         selectedFeatureId: string;
     };

package/dist/StructuralVariantChordRenderer/ReactComponent.js

@@ -30,7 +30,8 @@ const react_1 = __importStar(require("react"));
 const mobx_react_1 = require("mobx-react");
 // locals
 const Chord_1 = __importDefault(require("./Chord"));
-const StructuralVariantChordsReactComponent = (0, mobx_react_1.observer)(function ({ features, config, displayModel, blockDefinitions, radius, bezierRadius, displayModel: { selectedFeatureId }, onChordClick, }) {
+const StructuralVariantChordsReactComponent = (0, mobx_react_1.observer)(function ({ features, config, displayModel, blockDefinitions, radius, bezierRadius, onChordClick, }) {
+    const { id, selectedFeatureId } = displayModel || {};
     // make a map of refName -> blockDefinition
     const blocksForRefsMemo = (0, react_1.useMemo)(() => {
         const blocksForRefs = {};
@@ -44,10 +45,6 @@ const StructuralVariantChordsReactComponent = (0, mobx_react_1.observer)(functio
         }
         return blocksForRefs;
     }, [blockDefinitions]);
-    return (react_1.default.createElement("g", { id: `chords-${typeof jest !== 'undefined' ? 'test' : displayModel.id}`, "data-testid": "structuralVariantChordRenderer" }, [...features.values()].map(feature => {
-        const id = feature.id();
-        const selected = String(selectedFeatureId) === String(id);
-        return (react_1.default.createElement(Chord_1.default, { key: id, feature: feature, config: config, radius: radius, bezierRadius: bezierRadius, blocksForRefs: blocksForRefsMemo, selected: selected, onClick: onChordClick }));
-    })));
+    return (react_1.default.createElement("g", { "data-testid": "structuralVariantChordRenderer" }, [...features.values()].map(feature => (react_1.default.createElement(Chord_1.default, { key: feature.id(), feature: feature, config: config, radius: radius, bezierRadius: bezierRadius, blocksForRefs: blocksForRefsMemo, selected: String(selectedFeatureId) === String(id), onClick: onChordClick })))));
 });
 exports.default = StructuralVariantChordsReactComponent;

package/dist/VariantFeatureWidget/AnnotGrid.js

@@ -32,6 +32,8 @@ function VariantAnnotPanel({ rows, columns, }) {
     const [checked, setChecked] = (0, react_1.useState)(false);
     const widths = columns.map(e => (0, util_1.measureGridWidth)(rows.map(r => r[e.field])));
     return rows.length ? (react_1.default.createElement("div", null,
-        react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: checked, onChange: event => setChecked(event.target.checked) }), label: react_1.default.createElement(material_1.Typography, { variant: "body2" }, "Show options") }),
+        react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: checked, onChange: event => {
+                    setChecked(event.target.checked);
+                } }), label: react_1.default.createElement(material_1.Typography, { variant: "body2" }, "Show options") }),
         react_1.default.createElement(x_data_grid_1.DataGrid, { rowHeight: 25, rows: rows, columns: columns.map((c, i) => ({ ...c, width: widths[i] })), slots: { toolbar: checked ? x_data_grid_1.GridToolbar : null } }))) : null;
 }

package/dist/VariantFeatureWidget/BreakendOptionDialog.js

@@ -50,8 +50,12 @@ const BreakendOptionDialog = (0, mobx_react_1.observer)(function ({ model, handl
     const [mirror, setMirror] = (0, react_1.useState)(true);
     return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: handleClose, title: "Breakpoint split view options" },
         react_1.default.createElement(material_1.DialogContent, null,
-            react_1.default.createElement(Checkbox2, { checked: copyTracks, onChange: event => setCopyTracks(event.target.checked), label: "Copy tracks into the new view" }),
-            react_1.default.createElement(Checkbox2, { checked: mirror, onChange: event => setMirror(event.target.checked), label: "Mirror tracks vertically in vertically stacked view" })),
+            react_1.default.createElement(Checkbox2, { checked: copyTracks, onChange: event => {
+                    setCopyTracks(event.target.checked);
+                }, label: "Copy tracks into the new view" }),
+            react_1.default.createElement(Checkbox2, { checked: mirror, onChange: event => {
+                    setMirror(event.target.checked);
+                }, label: "Mirror tracks vertically in vertically stacked view" })),
         react_1.default.createElement(material_1.DialogActions, null,
             react_1.default.createElement(material_1.Button, { onClick: () => {
                     const { view } = model;
@@ -84,6 +88,8 @@ const BreakendOptionDialog = (0, mobx_react_1.observer)(function ({ model, handl
                     }
                     handleClose();
                 }, variant: "contained", color: "primary", autoFocus: true }, "OK"),
-            react_1.default.createElement(material_1.Button, { onClick: () => handleClose(), color: "secondary", variant: "contained" }, "Cancel"))));
+            react_1.default.createElement(material_1.Button, { onClick: () => {
+                    handleClose();
+                }, color: "secondary", variant: "contained" }, "Cancel"))));
 });
 exports.default = BreakendOptionDialog;

package/dist/VariantFeatureWidget/BreakendPanel.js

@@ -34,7 +34,9 @@ function LocStringList({ locStrings, model, }) {
     const session = (0, util_1.getSession)(model);
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(material_1.Typography, null, "Link to linear view of breakend endpoints"),
-        react_1.default.createElement("ul", null, locStrings.map((locString, index) => (react_1.default.createElement("li", { key: `${locString}-${index}` },
+        react_1.default.createElement("ul", null, locStrings.map((locString, index) => (
+        /* biome-ignore lint/suspicious/noArrayIndexKey: */
+        react_1.default.createElement("li", { key: `${locString}-${index}` },
             react_1.default.createElement(material_1.Link, { href: "#", onClick: event => {
                     var _a;
                     event.preventDefault();
@@ -58,7 +60,7 @@ function LaunchBreakpointSplitViewPanel({ locStrings, model, feature, viewType,
     const simpleFeature = new util_1.SimpleFeature(feature);
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(material_1.Typography, null, "Launch split views with breakend source and target"),
-        react_1.default.createElement("ul", null, locStrings.map(locString => (react_1.default.createElement("li", { key: `${JSON.stringify(locString)}` },
+        react_1.default.createElement("ul", null, locStrings.map(locString => (react_1.default.createElement("li", { key: JSON.stringify(locString) },
             react_1.default.createElement(material_1.Link, { href: "#", onClick: event => {
                     event.preventDefault();
                     session.queueDialog(handleClose => [

package/dist/VariantFeatureWidget/VariantAnnotationTable.js

@@ -12,5 +12,5 @@ function VariantAnnotationTable({ data, fields, title, }) {
         react_1.default.createElement(AnnotGrid_1.default, { rows: data.map((elt, id) => ({
                 id,
                 ...Object.fromEntries(elt.split('|').map((e, i) => [fields[i], e])),
-            })) || [], columns: fields.map(c => ({ field: c })) }))) : null;
+            })), columns: fields.map(c => ({ field: c })) }))) : null;
 }

package/dist/VariantFeatureWidget/VariantFeatureWidget.js

@@ -14,17 +14,17 @@ const BreakendPanel_1 = __importDefault(require("./BreakendPanel"));
 const VariantAnnotationTable_1 = __importDefault(require("./VariantAnnotationTable"));
 const variantFieldDescriptions_1 = require("./variantFieldDescriptions");
 function AnnPanel({ descriptions, feature, }) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const annDesc = (_b = (_a = descriptions === null || descriptions === void 0 ? void 0 : descriptions.INFO) === null || _a === void 0 ? void 0 : _a.ANN) === null || _b === void 0 ? void 0 : _b.Description;
-    const annFields = ((_c = annDesc === null || annDesc === void 0 ? void 0 : annDesc.match(/.*Functional annotations:'(.*)'$/)) === null || _c === void 0 ? void 0 : _c[1].split('|')) || [];
-    const ann = ((_d = feature.INFO) === null || _d === void 0 ? void 0 : _d.ANN) || [];
+    const annFields = ((_d = (_c = annDesc === null || annDesc === void 0 ? void 0 : annDesc.match(/.*Functional annotations:'(.*)'$/)) === null || _c === void 0 ? void 0 : _c[1]) === null || _d === void 0 ? void 0 : _d.split('|')) || [];
+    const ann = ((_e = feature.INFO) === null || _e === void 0 ? void 0 : _e.ANN) || [];
     return (react_1.default.createElement(VariantAnnotationTable_1.default, { fields: annFields, data: ann, title: "Variant ANN field" }));
 }
 function CsqPanel({ descriptions, feature, }) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const csqDescription = (_b = (_a = descriptions === null || descriptions === void 0 ? void 0 : descriptions.INFO) === null || _a === void 0 ? void 0 : _a.CSQ) === null || _b === void 0 ? void 0 : _b.Description;
-    const csqFields = ((_c = csqDescription === null || csqDescription === void 0 ? void 0 : csqDescription.match(/.*Format: (.*)/)) === null || _c === void 0 ? void 0 : _c[1].split('|')) || [];
-    const csq = ((_d = feature.INFO) === null || _d === void 0 ? void 0 : _d.CSQ) || [];
+    const csqFields = ((_d = (_c = csqDescription === null || csqDescription === void 0 ? void 0 : csqDescription.match(/.*Format: (.*)/)) === null || _c === void 0 ? void 0 : _c[1]) === null || _d === void 0 ? void 0 : _d.split('|')) || [];
+    const csq = ((_e = feature.INFO) === null || _e === void 0 ? void 0 : _e.CSQ) || [];
     return (react_1.default.createElement(VariantAnnotationTable_1.default, { fields: csqFields, data: csq, title: "Variant CSQ field" }));
 }
 const VariantFeatureWidget = (0, mobx_react_1.observer)(function (props) {

package/dist/VariantFeatureWidget/VariantSampleGrid.js

@@ -32,7 +32,9 @@ const util_1 = require("@jbrowse/core/util");
 function SampleFilters({ columns, filter, setFilter, }) {
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(material_1.Typography, null, "These filters can use a plain text search or regex style query, e.g. in the genotype field, entering 1 will query for all genotypes that include the first alternate allele e.g. 0|1 or 1|1, entering [1-9]\\d* will find any non-zero allele e.g. 0|2 or 2/33"),
-        columns.map(({ field }) => (react_1.default.createElement(material_1.TextField, { key: `filter-${field}`, placeholder: `Filter ${field}`, value: filter[field] || '', onChange: event => setFilter({ ...filter, [field]: event.target.value }) })))));
+        columns.map(({ field }) => (react_1.default.createElement(material_1.TextField, { key: `filter-${field}`, placeholder: `Filter ${field}`, value: filter[field] || '', onChange: event => {
+                setFilter({ ...filter, [field]: event.target.value });
+            } })))));
 }
 function VariantSamples(props) {
     var _a;
@@ -59,7 +61,7 @@ function VariantSamples(props) {
             ? filters.every(key => {
                 const currFilter = filter[key];
                 return currFilter
-                    ? row[key].match(new RegExp(currFilter, 'i'))
+                    ? new RegExp(currFilter, 'i').exec(row[key])
                     : true;
             })
             : true);
@@ -82,7 +84,9 @@ function VariantSamples(props) {
     // https://github.com/mui-org/material-ui-x/issues/1197
     return !preFilteredRows.length ? null : (react_1.default.createElement(BaseFeatureDetail_1.BaseCard, { ...props, title: "Samples" },
         error ? react_1.default.createElement(material_1.Typography, { color: "error" }, `${error}`) : null,
-        react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: checked, onChange: event => setChecked(event.target.checked) }), label: react_1.default.createElement(material_1.Typography, { variant: "body2" }, "Show options") }),
+        react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: checked, onChange: event => {
+                    setChecked(event.target.checked);
+                } }), label: react_1.default.createElement(material_1.Typography, { variant: "body2" }, "Show options") }),
         checked ? (react_1.default.createElement(SampleFilters, { setFilter: setFilter, columns: columns, filter: filter })) : null,
         react_1.default.createElement(x_data_grid_1.DataGrid, { autoHeight: true, rows: rows, hideFooter: rows.length < 100, columns: columns, disableRowSelectionOnClick: true, rowHeight: 25, columnHeaderHeight: 35, disableColumnMenu: true, slots: { toolbar: checked ? x_data_grid_1.GridToolbar : null }, slotProps: {
                 toolbar: {

package/dist/VcfAdapter/VcfAdapter.d.ts

@@ -1,24 +1,28 @@
 import { BaseFeatureDataAdapter, BaseOptions } from '@jbrowse/core/data_adapters/BaseAdapter';
 import { Region, Feature } from '@jbrowse/core/util';
 import IntervalTree from '@flatten-js/interval-tree';
-import VcfFeature from '../VcfFeature';
+type StatusCallback = (arg: string) => void;
 export default class VcfAdapter extends BaseFeatureDataAdapter {
-    static capabilities: string[];
-    protected vcfFeatures?: Promise<{
+    calculatedIntervalTreeMap: Record<string, IntervalTree>;
+    vcfFeatures?: Promise<{
         header: string;
-        intervalTree: Record<string, IntervalTree<VcfFeature>>;
+        intervalTreeMap: Record<string, (sc?: StatusCallback) => IntervalTree>;
     }>;
+    static capabilities: string[];
     getHeader(): Promise<string>;
     getMetadata(): Promise<any>;
-    setupP(): Promise<{
+    setupP(opts?: BaseOptions): Promise<{
         header: string;
-        intervalTree: Record<string, IntervalTree<VcfFeature>>;
+        intervalTreeMap: {
+            [k: string]: (sc?: (arg: string) => void) => IntervalTree<any>;
+        };
     }>;
     setup(): Promise<{
         header: string;
-        intervalTree: Record<string, IntervalTree<VcfFeature>>;
+        intervalTreeMap: Record<string, (sc?: StatusCallback) => IntervalTree>;
     }>;
     getRefNames(_?: BaseOptions): Promise<string[]>;
     getFeatures(region: Region, opts?: BaseOptions): import("rxjs").Observable<Feature>;
     freeResources(): void;
 }
+export {};

package/dist/VcfAdapter/VcfAdapter.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const BaseAdapter_1 = require("@jbrowse/core/data_adapters/BaseAdapter");
+const util_1 = require("@jbrowse/core/util");
 const io_1 = require("@jbrowse/core/util/io");
 const rxjs_1 = require("@jbrowse/core/util/rxjs");
 const interval_tree_1 = __importDefault(require("@flatten-js/interval-tree"));
@@ -11,66 +12,84 @@ const bgzf_filehandle_1 = require("@gmod/bgzf-filehandle");
 const vcf_1 = __importDefault(require("@gmod/vcf"));
 // local
 const VcfFeature_1 = __importDefault(require("../VcfFeature"));
-const readVcf = (f) => {
-    const header = [];
-    const rest = [];
-    f.split(/\n|\r\n|\r/)
-        .map(f => f.trim())
-        .filter(f => !!f)
-        .forEach(line => {
-        if (line.startsWith('#')) {
-            header.push(line);
-        }
-        else if (line) {
-            rest.push(line);
-        }
-    });
-    return { header: header.join('\n'), lines: rest };
-};
-function isGzip(buf) {
-    return buf[0] === 31 && buf[1] === 139 && buf[2] === 8;
-}
 class VcfAdapter extends BaseAdapter_1.BaseFeatureDataAdapter {
+    constructor() {
+        super(...arguments);
+        this.calculatedIntervalTreeMap = {};
+    }
     async getHeader() {
         const { header } = await this.setup();
         return header;
     }
     async getMetadata() {
         const { header } = await this.setup();
-        const parser = new vcf_1.default({ header: header });
+        const parser = new vcf_1.default({ header });
         return parser.getMetadata();
     }
-    // converts lines into an interval tree
-    async setupP() {
-        const pm = this.pluginManager;
-        const buf = await (0, io_1.openLocation)(this.getConf('vcfLocation'), pm).readFile();
-        const buffer = isGzip(buf) ? await (0, bgzf_filehandle_1.unzip)(buf) : buf;
-        // 512MB  max chrome string length is 512MB
-        if (buffer.length > 536870888) {
-            throw new Error('Data exceeds maximum string length (512MB)');
-        }
-        const str = new TextDecoder().decode(buffer);
-        const { header, lines } = readVcf(str);
-        const intervalTree = {};
-        const parser = new vcf_1.default({ header });
-        let idx = 0;
-        for (const line of lines) {
-            const f = new VcfFeature_1.default({
-                variant: parser.parseLine(line),
-                parser,
-                id: `${this.id}-${idx++}`,
-            });
-            const key = f.get('refName');
-            if (!intervalTree[key]) {
-                intervalTree[key] = new interval_tree_1.default();
+    async setupP(opts) {
+        const { statusCallback = () => { } } = opts || {};
+        const buf = (await (0, io_1.openLocation)(this.getConf('vcfLocation'), this.pluginManager).readFile(opts));
+        const buffer = (0, util_1.isGzip)(buf)
+            ? await (0, util_1.updateStatus)('Unzipping', statusCallback, () => (0, bgzf_filehandle_1.unzip)(buf))
+            : buf;
+        const headerLines = [];
+        const featureMap = {};
+        let blockStart = 0;
+        const decoder = typeof TextDecoder !== 'undefined' ? new TextDecoder('utf8') : undefined;
+        let i = 0;
+        while (blockStart < buffer.length) {
+            const n = buffer.indexOf('\n', blockStart);
+            // could be a non-newline ended file, so slice to end of file if n===-1
+            const b = n === -1 ? buffer.slice(blockStart) : buffer.slice(blockStart, n);
+            const line = ((decoder === null || decoder === void 0 ? void 0 : decoder.decode(b)) || b.toString()).trim();
+            if (line) {
+                if (line.startsWith('#')) {
+                    headerLines.push(line);
+                }
+                else {
+                    const ret = line.indexOf('\t');
+                    const refName = line.slice(0, ret);
+                    if (!featureMap[refName]) {
+                        featureMap[refName] = [];
+                    }
+                    featureMap[refName].push(line);
+                }
             }
-            intervalTree[key].insert([f.get('start'), f.get('end')], f);
+            if (i++ % 10000 === 0) {
+                statusCallback(`Loading ${Math.floor(blockStart / 1000000).toLocaleString('en-US')}/${Math.floor(buffer.length / 1000000).toLocaleString('en-US')} MB`);
+            }
+            blockStart = n + 1;
         }
-        return { header, intervalTree };
+        const header = headerLines.join('\n');
+        const parser = new vcf_1.default({ header });
+        const intervalTreeMap = Object.fromEntries(Object.entries(featureMap).map(([refName, lines]) => [
+            refName,
+            (sc) => {
+                if (!this.calculatedIntervalTreeMap[refName]) {
+                    sc === null || sc === void 0 ? void 0 : sc('Parsing VCF data');
+                    let idx = 0;
+                    const intervalTree = new interval_tree_1.default();
+                    for (const line of lines) {
+                        const f = new VcfFeature_1.default({
+                            variant: parser.parseLine(line),
+                            parser,
+                            id: `${this.id}-${refName}-${idx++}`,
+                        });
+                        intervalTree.insert([f.get('start'), f.get('end')], f);
+                    }
+                    this.calculatedIntervalTreeMap[refName] = intervalTree;
+                }
+                return this.calculatedIntervalTreeMap[refName];
+            },
+        ]));
+        return {
+            header,
+            intervalTreeMap,
+        };
     }
     async setup() {
         if (!this.vcfFeatures) {
-            this.vcfFeatures = this.setupP().catch(e => {
+            this.vcfFeatures = this.setupP().catch((e) => {
                 this.vcfFeatures = undefined;
                 throw e;
             });
@@ -78,16 +97,16 @@ class VcfAdapter extends BaseAdapter_1.BaseFeatureDataAdapter {
         return this.vcfFeatures;
     }
     async getRefNames(_ = {}) {
-        const { intervalTree } = await this.setup();
-        return Object.keys(intervalTree);
+        const { intervalTreeMap } = await this.setup();
+        return Object.keys(intervalTreeMap);
     }
     getFeatures(region, opts = {}) {
         return (0, rxjs_1.ObservableCreate)(async (observer) => {
             var _a;
             try {
                 const { start, end, refName } = region;
-                const { intervalTree } = await this.setup();
-                (_a = intervalTree[refName]) === null || _a === void 0 ? void 0 : _a.search([start, end]).forEach((f) => {
+                const { intervalTreeMap } = await this.setup();
+                (_a = intervalTreeMap[refName]) === null || _a === void 0 ? void 0 : _a.call(intervalTreeMap, opts.statusCallback).search([start, end]).forEach(f => {
                     observer.next(f);
                 });
                 observer.complete();

package/dist/VcfFeature/index.d.ts

@@ -36,7 +36,7 @@ export default class VCFFeature implements Feature {
         ALT: string[];
         CHROM: string;
         INFO: any;
-        ID: string[];
+        ID?: string[];
     }): FeatureData;
     toJSON(): any;
 }

package/dist/VcfFeature/index.js

@@ -3,14 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 // locals
 const util_1 = require("./util");
 class VCFFeature {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     constructor(args) {
         this.variant = args.variant;
         this.parser = args.parser;
         this.data = this.dataFromVariant(this.variant);
         this._id = args.id;
     }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     get(field) {
         var _a;
         return field === 'samples'
@@ -34,8 +32,8 @@ class VCFFeature {
         const { REF, ALT, POS, CHROM, INFO, ID } = variant;
         const start = POS - 1;
         const [type, description] = (0, util_1.getSOTermAndDescription)(REF, ALT, this.parser);
-        const isTRA = ALT === null || ALT === void 0 ? void 0 : ALT.some(f => f === '<TRA>');
-        const isSymbolic = ALT === null || ALT === void 0 ? void 0 : ALT.some(f => f.includes('<'));
+        const isTRA = ALT.includes('<TRA>');
+        const isSymbolic = ALT.some(f => f.includes('<'));
         return {
             refName: CHROM,
             start,
@@ -43,10 +41,9 @@ class VCFFeature {
             description,
             type,
             name: ID === null || ID === void 0 ? void 0 : ID.join(','),
-            aliases: ID && ID.length > 1 ? variant.ID.slice(1) : undefined,
+            aliases: ID && ID.length > 1 ? ID.slice(1) : undefined,
         };
     }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     toJSON() {
         return {
             uniqueId: this._id,

package/dist/VcfFeature/util.d.ts

@@ -2,6 +2,6 @@ import VCF from '@gmod/vcf';
 /**
  * Get a sequence ontology (SO) term that describes the variant type
  */
-export declare function getSOTermAndDescription(ref: string, alt: string[], parser: VCF): string[];
+export declare function getSOTermAndDescription(ref: string, alt: string[] | undefined, parser: VCF): string[];
 export declare function getSOAndDescFromAltDefs(alt: string, parser: VCF): string[];
 export declare function getSOAndDescByExamination(ref: string, alt: string): string[];

package/dist/VcfFeature/util.js

@@ -40,10 +40,12 @@ function getSOTermAndDescription(ref, alt, parser) {
     // Combine descriptions like ["SNV G -> A", "SNV G -> T"] to ["SNV G -> A,T"]
     if (descriptions.size > 1) {
         const descs = [...descriptions];
-        const prefixes = new Set(descs.map(desc => {
+        const prefixes = new Set(descs
+            .map(desc => {
             const prefix = desc.split('->');
             return prefix[1] ? prefix[0] : desc;
-        }));
+        })
+            .filter((f) => !!f));
         descriptions = new Set([...prefixes]
             .map(r => r.trim())
             .map(prefix => {
@@ -88,43 +90,43 @@ function getSOAndDescByExamination(ref, alt) {
     if (bnd) {
         return ['breakend', alt];
     }
-    else if (ref.length === 1 && alt.length === 1) {
+    if (ref.length === 1 && alt.length === 1) {
         return ['SNV', makeDescriptionString('SNV', ref, alt)];
     }
-    else if (alt === '<INS>') {
+    if (alt === '<INS>') {
         return ['insertion', alt];
     }
-    else if (alt === '<DEL>') {
+    if (alt === '<DEL>') {
         return ['deletion', alt];
     }
-    else if (alt === '<INV>') {
+    if (alt === '<INV>') {
         return ['inversion', alt];
     }
-    else if (alt === '<TRA>') {
+    if (alt === '<TRA>') {
         return ['translocation', alt];
     }
-    else if (alt.includes('<')) {
+    if (alt.includes('<')) {
         return ['sv', alt];
     }
-    else if (ref.length === alt.length) {
+    if (ref.length === alt.length) {
         return ref.split('').reverse().join('') === alt
             ? ['inversion', makeDescriptionString('inversion', ref, alt)]
             : ['substitution', makeDescriptionString('substitution', ref, alt)];
     }
-    else if (ref.length <= alt.length) {
+    if (ref.length <= alt.length) {
         const len = alt.length - ref.length;
         const lena = len.toLocaleString('en-US');
         return [
             'insertion',
-            len > 5 ? lena + 'bp INS' : makeDescriptionString('insertion', ref, alt),
+            len > 5 ? `${lena}bp INS` : makeDescriptionString('insertion', ref, alt),
         ];
     }
-    else if (ref.length > alt.length) {
+    if (ref.length > alt.length) {
         const len = ref.length - alt.length;
         const lena = len.toLocaleString('en-US');
         return [
             'deletion',
-            len > 5 ? lena + 'bp DEL' : makeDescriptionString('deletion', ref, alt),
+            len > 5 ? `${lena}bp DEL` : makeDescriptionString('deletion', ref, alt),
         ];
     }
     return ['indel', makeDescriptionString('indel', ref, alt)];

package/dist/VcfTabixAdapter/VcfTabixAdapter.js

@@ -33,7 +33,7 @@ class VcfTabixAdapter extends BaseAdapter_1.BaseFeatureDataAdapter {
     }
     async configure() {
         if (!this.configured) {
-            this.configured = this.configurePre().catch(e => {
+            this.configured = this.configurePre().catch((e) => {
                 this.configured = undefined;
                 throw e;
             });

package/dist/extensionPoints.js

@@ -20,7 +20,7 @@ function ExtensionPointsF(pluginManager) {
             if (regexGuess.test(fileName) && !adapterHint) {
                 return obj;
             }
-            else if (adapterHint === adapterName) {
+            if (adapterHint === adapterName) {
                 return obj;
             }
             return adapterGuesser(file, index, adapterHint);

package/esm/ChordVariantDisplay/models/stateModelFactory.d.ts

@@ -52,7 +52,7 @@ declare const stateModelFactory: (configSchema: AnyConfigurationSchemaType) => i
             error: unknown;
             message: string | undefined;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-        onHorizontalScroll?: Function;
+        onHorizontalScroll?: () => void;
         blockState?: Record<string, any>;
     }>;
     readonly DisplayBlurb: import("react").FC<{
@@ -100,7 +100,7 @@ declare const stateModelFactory: (configSchema: AnyConfigurationSchemaType) => i
 } & {
     readonly blockDefinitions: import("@jbrowse/plugin-circular-view/src/CircularView/models/slices").Slice[];
     renderProps(): any;
-    readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
+    readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType | undefined;
     isCompatibleWithRenderer(renderer: import("@jbrowse/core/pluggableElementTypes").RendererType): renderer is import("@jbrowse/core/pluggableElementTypes").CircularChordRendererType;
     readonly selectedFeatureId: string | undefined;
 } & {
@@ -118,7 +118,7 @@ declare const stateModelFactory: (configSchema: AnyConfigurationSchemaType) => i
     afterAttach(): void;
 } & {
     renderSvg(opts: import("@jbrowse/plugin-circular-view/src/CircularView/models/model").ExportSvgOptions & {
-        theme: import("@mui/material").ThemeOptions;
+        theme?: import("@mui/material").ThemeOptions;
     }): Promise<import("react").JSX.Element>;
 } & {
     /**