@jbrowse/plugin-alignments 2.2.2 → 2.3.1

package/esm/LinearReadCloudDisplay/components/ReactComponent.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { isAlive } from 'mobx-state-tree';
+import { observer } from 'mobx-react';
+import { makeStyles } from 'tss-react/mui';
+import { getContainingView } from '@jbrowse/core/util';
+import { LoadingEllipses } from '@jbrowse/core/ui';
+import { BlockMsg, } from '@jbrowse/plugin-linear-genome-view';
+const useStyles = makeStyles()(theme => ({
+    loading: {
+        paddingLeft: '0.6em',
+        backgroundColor: theme.palette.action.disabledBackground,
+        backgroundImage: 'repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px)',
+        height: '100%',
+        width: '100%',
+        pointerEvents: 'none',
+        textAlign: 'center',
+    },
+}));
+const Cloud = observer(function ({ model, }) {
+    const view = getContainingView(model);
+    return (React.createElement("canvas", { "data-testid": `ReadCloud-display-${model.drawn}`, ref: ref => {
+            if (isAlive(model)) {
+                model.setRef(ref);
+            }
+        }, style: {
+            position: 'absolute',
+            left: -view.offsetPx + model.lastDrawnOffsetPx,
+            width: view.dynamicBlocks.totalWidthPx,
+            height: model.height,
+        }, width: view.dynamicBlocks.totalWidthPx * 2, height: model.height * 2 }));
+});
+export default observer(function ({ model, }) {
+    const view = getContainingView(model);
+    const { classes } = useStyles();
+    const err = model.error;
+    return err ? (React.createElement(BlockMsg, { message: `${err}`, severity: "error", buttonText: 'Reload', action: model.reload })) : model.loading ? (React.createElement("div", { className: classes.loading, style: {
+            width: view.dynamicBlocks.totalWidthPx,
+            height: 20,
+            position: 'absolute',
+            left: Math.max(0, -view.offsetPx),
+        } },
+        React.createElement(LoadingEllipses, { message: model.message }))) : (React.createElement(Cloud, { model: model }));
+});
+//# sourceMappingURL=ReactComponent.js.map

package/esm/LinearReadCloudDisplay/components/ReactComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactComponent.js","sourceRoot":"","sources":["../../../src/LinearReadCloudDisplay/components/ReactComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,EACL,QAAQ,GAET,MAAM,oCAAoC,CAAA;AAO3C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,OAAO,EAAE;QACP,WAAW,EAAE,OAAO;QACpB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,kBAAkB;QACxD,eAAe,EACb,qHAAqH;QACvH,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,aAAa,EAAE,MAAM;QACrB,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,EAC/B,KAAK,GAGN;IACC,MAAM,IAAI,GAAG,iBAAiB,CAAC,KAAK,CAAQ,CAAA;IAC5C,OAAO,CACL,+CACe,qBAAqB,KAAK,CAAC,KAAK,EAAE,EAC/C,GAAG,EAAE,GAAG,CAAC,EAAE;YACT,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;gBAClB,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;aAClB;QACH,CAAC,EACD,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,CAAC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,iBAAiB;YAC9C,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,YAAY;YACtC,MAAM,EAAE,KAAK,CAAC,MAAM;SACrB,EACD,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,YAAY,GAAG,CAAC,EAC1C,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,GACxB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,QAAQ,CAAC,UAAU,EAChC,KAAK,GAGN;IACC,MAAM,IAAI,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA;IACrC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,CAAA;IACvB,OAAO,GAAG,CAAC,CAAC,CAAC,CACX,oBAAC,QAAQ,IACP,OAAO,EAAE,GAAG,GAAG,EAAE,EACjB,QAAQ,EAAC,OAAO,EAChB,UAAU,EAAE,QAAQ,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAClB,6BACE,SAAS,EAAE,OAAO,CAAC,OAAO,EAC1B,KAAK,EAAE;YACL,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,YAAY;YACtC,MAAM,EAAE,EAAE;YACV,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC;SAClC;QAED,oBAAC,eAAe,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,CACvC,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,IAAC,KAAK,EAAE,KAAK,GAAI,CACxB,CAAA;AACH,CAAC,CAAC,CAAA"}

package/esm/LinearReadCloudDisplay/configSchema.d.ts

@@ -0,0 +1,6 @@
+import PluginManager from '@jbrowse/core/PluginManager';
+/**
+ * #config LinearReadCloudDisplay
+ */
+declare function configSchemaF(pluginManager: PluginManager): import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
+export default configSchemaF;

package/esm/LinearReadCloudDisplay/configSchema.js

@@ -0,0 +1,49 @@
+import { ConfigurationSchema } from '@jbrowse/core/configuration';
+import { linearBasicDisplayConfigSchemaFactory } from '@jbrowse/plugin-linear-genome-view';
+import { types } from 'mobx-state-tree';
+/**
+ * #config LinearReadCloudDisplay
+ */
+function configSchemaF(pluginManager) {
+    return ConfigurationSchema('LinearReadCloudDisplay', {
+        /**
+         * #slot
+         */
+        maxFeatureScreenDensity: {
+            type: 'number',
+            description: 'maximum features per pixel that is displayed in the view',
+            defaultValue: 5,
+        },
+        /**
+         * #slot
+         */
+        featureHeight: {
+            type: 'number',
+            defaultValue: 7,
+        },
+        /**
+         * #slot
+         */
+        colorScheme: {
+            type: 'stringEnum',
+            model: types.enumeration('colorScheme', [
+                'strand',
+                'normal',
+                'insertSize',
+                'insertSizeAndOrientation',
+                'mappingQuality',
+                'tag',
+            ]),
+            description: 'color scheme to use',
+            defaultValue: 'normal',
+        },
+    }, {
+        /**
+         * #baseConfiguration
+         */
+        baseConfiguration: linearBasicDisplayConfigSchemaFactory(pluginManager),
+        explicitlyTyped: true,
+    });
+}
+export default configSchemaF;
+//# sourceMappingURL=configSchema.js.map

package/esm/LinearReadCloudDisplay/configSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configSchema.js","sourceRoot":"","sources":["../../src/LinearReadCloudDisplay/configSchema.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,qCAAqC,EAAE,MAAM,oCAAoC,CAAA;AAC1F,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC;;GAEG;AACH,SAAS,aAAa,CAAC,aAA4B;IACjD,OAAO,mBAAmB,CACxB,wBAAwB,EACxB;QACE;;WAEG;QACH,uBAAuB,EAAE;YACvB,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,0DAA0D;YACvE,YAAY,EAAE,CAAC;SAChB;QAED;;WAEG;QACH,aAAa,EAAE;YACb,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,CAAC;SAChB;QAED;;WAEG;QACH,WAAW,EAAE;YACX,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,aAAa,EAAE;gBACtC,QAAQ;gBACR,QAAQ;gBACR,YAAY;gBACZ,0BAA0B;gBAC1B,gBAAgB;gBAChB,KAAK;aACN,CAAC;YACF,WAAW,EAAE,qBAAqB;YAClC,YAAY,EAAE,QAAQ;SACvB;KACF,EACD;QACE;;WAEG;QACH,iBAAiB,EAAE,qCAAqC,CAAC,aAAa,CAAC;QACvE,eAAe,EAAE,IAAI;KACtB,CACF,CAAA;AACH,CAAC;AAED,eAAe,aAAa,CAAA"}

package/esm/LinearReadCloudDisplay/drawFeats.d.ts

@@ -0,0 +1,10 @@
+import { ChainData } from '../shared/fetchChains';
+export default function drawFeats(self: {
+    setLastDrawnOffsetPx: (n: number) => void;
+    setError: (e: unknown) => void;
+    colorBy?: {
+        type: string;
+    };
+    height: number;
+    chainData?: ChainData;
+}, ctx: CanvasRenderingContext2D): Promise<void>;

package/esm/LinearReadCloudDisplay/drawFeats.js

@@ -0,0 +1,156 @@
+import { getConf } from '@jbrowse/core/configuration';
+import { getContainingView } from '@jbrowse/core/util';
+// locals
+import { getOrientationColor, getInsertSizeColor, getInsertSizeAndOrientationColor, } from '../shared/color';
+// avoid drawing negative width features for SVG exports
+function fillRectCtx(x, y, width, height, ctx, color) {
+    if (width < 0) {
+        x += width;
+        width = -width;
+    }
+    if (height < 0) {
+        y += height;
+        height = -height;
+    }
+    if (color) {
+        ctx.fillStyle = color;
+    }
+    ctx.fillRect(x, y, width, height);
+}
+export default async function drawFeats(self, ctx) {
+    var _a;
+    const { chainData } = self;
+    if (!chainData) {
+        return;
+    }
+    const featureHeight = getConf(self, 'featureHeight');
+    const displayHeight = self.height;
+    const view = getContainingView(self);
+    self.setLastDrawnOffsetPx(view.offsetPx);
+    const { chains, stats } = chainData;
+    const coords = [];
+    for (let i = 0; i < chains.length; i++) {
+        const chain = chains[i];
+        // if we're looking at a paired read (flag 1) then assume it is just two
+        // reads (some small cases may defy this assumption such as secondary
+        // alignments but this may be uncommon)
+        if (chain[0].flags & 1 && chain.length > 1) {
+            const v0 = chain[0];
+            const v1 = chain[1];
+            const r1s = view.bpToPx({
+                refName: v0.refName,
+                coord: v0.start,
+            });
+            const r1e = view.bpToPx({
+                refName: v0.refName,
+                coord: v0.end,
+            });
+            const r2s = view.bpToPx({
+                refName: v1.refName,
+                coord: v1.start,
+            });
+            const r2e = view.bpToPx({
+                refName: v1.refName,
+                coord: v1.end,
+            });
+            let distance = 0;
+            if (r1s !== undefined &&
+                r1e !== undefined &&
+                r2s !== undefined &&
+                r2e !== undefined) {
+                if (v0.refName === v1.refName) {
+                    const s = Math.min(v0.start, v1.start);
+                    const e = Math.max(v0.end, v1.end);
+                    distance = Math.abs(e - s);
+                }
+                coords.push({
+                    r1s: r1s.offsetPx,
+                    r1e: r1e.offsetPx,
+                    r2s: r2s.offsetPx,
+                    r2e: r2e.offsetPx,
+                    v0,
+                    v1,
+                    distance,
+                });
+            }
+        }
+        else {
+            // if we're not looking at pairs, then it could be a multiply-split-long
+            // read, so traverse chain
+            for (let i = 1; i < chain.length; i++) {
+                const v0 = chain[i - 1];
+                const v1 = chain[i];
+                const r1s = view.bpToPx({
+                    refName: v0.refName,
+                    coord: v0.start,
+                });
+                const r1e = view.bpToPx({
+                    refName: v0.refName,
+                    coord: v0.end,
+                });
+                const r2s = view.bpToPx({
+                    refName: v1.refName,
+                    coord: v1.start,
+                });
+                const r2e = view.bpToPx({
+                    refName: v1.refName,
+                    coord: v1.end,
+                });
+                let distance = 0;
+                if (r1s !== undefined &&
+                    r1e !== undefined &&
+                    r2s !== undefined &&
+                    r2e !== undefined) {
+                    if (v0.refName === v1.refName) {
+                        const s = Math.min(v0.start, v1.start);
+                        const e = Math.max(v0.end, v1.end);
+                        distance = Math.abs(e - s);
+                    }
+                    coords.push({
+                        r1s: r1s.offsetPx,
+                        r1e: r1e.offsetPx,
+                        r2s: r2s.offsetPx,
+                        r2e: r2e.offsetPx,
+                        v0,
+                        v1,
+                        distance,
+                    });
+                }
+            }
+        }
+    }
+    let max = 0;
+    for (let i = 0; i < coords.length; i++) {
+        const { distance } = coords[i];
+        max = Math.max(max, distance);
+    }
+    const halfHeight = featureHeight / 2 - 0.5;
+    const scaler = (displayHeight - 20) / Math.log(max);
+    for (let i = 0; i < coords.length; i++) {
+        const { r1s, r1e, r2s, r2e, v0, v1, distance } = coords[i];
+        const type = ((_a = self.colorBy) === null || _a === void 0 ? void 0 : _a.type) || 'insertSizeAndOrientation';
+        const top = Math.log(distance) * scaler;
+        ctx.fillStyle = 'black';
+        const w = r2s - r1e;
+        fillRectCtx(r1e - view.offsetPx, top + halfHeight, w, 1, ctx);
+        if (type === 'insertSizeAndOrientation') {
+            ctx.fillStyle = getInsertSizeAndOrientationColor(v0, v1, stats);
+        }
+        else if (type === 'orientation') {
+            ctx.fillStyle = getOrientationColor(v0);
+        }
+        else if (type === 'insertSize') {
+            ctx.fillStyle = getInsertSizeColor(v0, v1, stats) || 'grey';
+        }
+        else if (type === 'gradient') {
+            const s = Math.min(v0.start, v1.start);
+            const e = Math.max(v0.end, v1.end);
+            ctx.fillStyle = `hsl(${Math.log10(Math.abs(e - s)) * 10},50%,50%)`;
+        }
+        const w1 = Math.max(r1e - r1s, 2);
+        const w2 = Math.max(r2e - r2s, 2);
+        fillRectCtx(r1s - view.offsetPx, top, w1, featureHeight, ctx);
+        fillRectCtx(r2s - view.offsetPx, top, w2, featureHeight, ctx);
+    }
+}
+//# sourceMappingURL=drawFeats.js.map

package/esm/LinearReadCloudDisplay/drawFeats.js.map

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

package/esm/LinearReadCloudDisplay/index.d.ts

@@ -0,0 +1,2 @@
+import PluginManager from '@jbrowse/core/PluginManager';
+export default function register(pluginManager: PluginManager): void;

package/esm/LinearReadCloudDisplay/index.js

@@ -0,0 +1,21 @@
+import DisplayType from '@jbrowse/core/pluggableElementTypes/DisplayType';
+// locals
+import ReactComponent from './components/ReactComponent';
+import configSchemaF from './configSchema';
+import stateModelF from './model';
+export default function register(pluginManager) {
+    pluginManager.addDisplayType(() => {
+        const configSchema = configSchemaF(pluginManager);
+        return new DisplayType({
+            name: 'LinearReadCloudDisplay',
+            displayName: 'Read cloud display',
+            configSchema,
+            stateModel: stateModelF(configSchema),
+            trackType: 'AlignmentsTrack',
+            viewType: 'LinearGenomeView',
+            subDisplay: { type: 'LinearAlignmentsDisplay', lowerPanel: true },
+            ReactComponent,
+        });
+    });
+}
+//# sourceMappingURL=index.js.map

package/esm/LinearReadCloudDisplay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/LinearReadCloudDisplay/index.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,iDAAiD,CAAA;AAEzE,SAAS;AACT,OAAO,cAAc,MAAM,6BAA6B,CAAA;AACxD,OAAO,aAAa,MAAM,gBAAgB,CAAA;AAC1C,OAAO,WAAW,MAAM,SAAS,CAAA;AAEjC,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,aAA4B;IAC3D,aAAa,CAAC,cAAc,CAAC,GAAG,EAAE;QAChC,MAAM,YAAY,GAAG,aAAa,CAAC,aAAa,CAAC,CAAA;QACjD,OAAO,IAAI,WAAW,CAAC;YACrB,IAAI,EAAE,wBAAwB;YAC9B,WAAW,EAAE,oBAAoB;YACjC,YAAY;YACZ,UAAU,EAAE,WAAW,CAAC,YAAY,CAAC;YACrC,SAAS,EAAE,iBAAiB;YAC5B,QAAQ,EAAE,kBAAkB;YAC5B,UAAU,EAAE,EAAE,IAAI,EAAE,yBAAyB,EAAE,UAAU,EAAE,IAAI,EAAE;YACjE,cAAc;SACf,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/esm/LinearReadCloudDisplay/model.d.ts

@@ -0,0 +1,320 @@
+import React from 'react';
+import { Instance } from 'mobx-state-tree';
+import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
+import { ChainData } from '../shared/fetchChains';
+import { ExportSvgOptions } from '@jbrowse/plugin-linear-genome-view/src/LinearGenomeView';
+interface Filter {
+    flagInclude: number;
+    flagExclude: number;
+    readName?: string;
+    tagFilter?: {
+        tag: string;
+        value: string;
+    };
+}
+/**
+ * #stateModel LinearReadCloudDisplay
+ * extends `BaseLinearDisplay`
+ */
+declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): import("mobx-state-tree").IModelType<{
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    type: import("mobx-state-tree").ISimpleType<string>;
+    rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+} & {
+    height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+    blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
+        key: import("mobx-state-tree").ISimpleType<string>;
+        region: import("mobx-state-tree").IModelType<{
+            refName: import("mobx-state-tree").ISimpleType<string>;
+            /**
+             * #property
+             */
+            start: import("mobx-state-tree").ISimpleType<number>;
+            end: import("mobx-state-tree").ISimpleType<number>;
+            reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        } & {
+            assemblyName: import("mobx-state-tree").ISimpleType<string>;
+        }, {
+            setRefName(newRefName: string): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+        reloadFlag: import("mobx-state-tree").IType<number | undefined, number, number>;
+        isLeftEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        isRightEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    }, {
+        renderInProgress: AbortController | undefined;
+        filled: boolean;
+        reactElement: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
+        layout: any;
+        /**
+         * #action
+         */
+        status: string;
+        error: unknown;
+        message: string | undefined;
+        maxHeightReached: boolean;
+        ReactComponent: ({ model, }: {
+            model: any;
+        }) => any;
+        /**
+         * #action
+         */
+        renderProps: any;
+    } & {
+        doReload(): void;
+        afterAttach(): void;
+        setStatus(message: string): void;
+        setLoading(abortController: AbortController): void;
+        setMessage(messageText: string): void;
+        setRendered(props: {
+            reactElement: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+            features: Map<string, import("@jbrowse/core/util").Feature>; /**
+             * #getter
+             */
+            layout: any;
+            maxHeightReached: boolean;
+            renderProps: any;
+        } | undefined): void;
+        setError(error: unknown): void;
+        reload(): void;
+        beforeDestroy(): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    userBpPerPxLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+    userByteSizeLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+} & {
+    /**
+     * #property
+     */
+    type: import("mobx-state-tree").ISimpleType<"LinearReadCloudDisplay">;
+    /**
+     * #property
+     */
+    configuration: import("mobx-state-tree").ITypeUnion<any, any, any>;
+    /**
+     * #property
+     */
+    filterBy: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+        flagInclude: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+        flagExclude: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+        readName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        tagFilter: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
+            tag: import("mobx-state-tree").ISimpleType<string>;
+            value: import("mobx-state-tree").ISimpleType<string>;
+        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+    /**
+     * #property
+     */
+    colorBy: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
+        type: import("mobx-state-tree").ISimpleType<string>;
+        tag: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        extra: import("mobx-state-tree").IType<any, any, any>;
+    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+}, {
+    rendererTypeName: string;
+    error: unknown;
+} & {
+    readonly RenderingComponent: React.FC<{
+        model: {
+            id: string;
+            type: string;
+            rpcDriverName: string | undefined;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            rendererTypeName: string;
+            error: unknown;
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("mobx-state-tree").ISimpleType<string>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        }, {
+            rendererTypeName: string;
+            error: unknown;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+        onHorizontalScroll?: Function | undefined;
+        blockState?: Record<string, any> | undefined;
+    }>;
+    readonly DisplayBlurb: React.FC<{
+        model: {
+            id: string;
+            type: string;
+            rpcDriverName: string | undefined;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            rendererTypeName: string;
+            error: unknown;
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("mobx-state-tree").ISimpleType<string>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        }, {
+            rendererTypeName: string;
+            error: unknown;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    }> | null;
+    readonly adapterConfig: any;
+    readonly parentTrack: any;
+    renderProps(): any;
+    readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
+    readonly DisplayMessageComponent: React.FC<any> | undefined;
+    trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
+    readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
+    regionCannotBeRendered(): undefined;
+} & {
+    setError(error?: unknown): void;
+    setRpcDriverName(rpcDriverName: string): void;
+    reload(): void;
+} & {
+    currBpPerPx: number;
+    scrollTop: number;
+    message: string;
+    featureIdUnderMouse: string | undefined;
+    contextMenuFeature: import("@jbrowse/core/util").Feature | undefined;
+    estimatedRegionStatsP: Promise<import("@jbrowse/core/data_adapters/BaseAdapter").Stats> | undefined;
+    estimatedRegionStats: import("@jbrowse/core/data_adapters/BaseAdapter").Stats | undefined;
+} & {
+    readonly blockType: "dynamicBlocks" | "staticBlocks";
+    readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
+} & {
+    readonly renderDelay: number;
+    readonly TooltipComponent: React.FC<any>;
+    readonly selectedFeatureId: string | undefined;
+    readonly DisplayMessageComponent: React.FC<any> | undefined;
+} & {
+    readonly features: import("@jbrowse/core/util/compositeMap").default<string, import("@jbrowse/core/util").Feature>;
+    readonly featureUnderMouse: import("@jbrowse/core/util").Feature | undefined;
+    getFeatureOverlapping(blockKey: string, x: number, y: number): any;
+    getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined;
+    searchFeatureByID(id: string): [number, number, number, number] | undefined;
+    readonly currentBytesRequested: number;
+    readonly currentFeatureScreenDensity: number;
+    readonly maxFeatureScreenDensity: any;
+    readonly estimatedStatsReady: boolean;
+    readonly maxAllowableBytes: number;
+} & {
+    setMessage(message: string): void;
+    afterAttach(): void;
+    estimateRegionsStats(regions: import("@jbrowse/core/util").Region[], opts: {
+        headers?: Record<string, string> | undefined;
+        signal?: AbortSignal | undefined;
+        filters?: string[] | undefined;
+    }): Promise<{}>;
+    setRegionStatsP(p?: Promise<import("@jbrowse/core/data_adapters/BaseAdapter").Stats> | undefined): void;
+    setRegionStats(estimatedRegionStats?: import("@jbrowse/core/data_adapters/BaseAdapter").Stats | undefined): void;
+    clearRegionStats(): void;
+    setHeight(displayHeight: number): number;
+    resizeHeight(distance: number): number;
+    setScrollTop(scrollTop: number): void;
+    updateStatsLimit(stats: import("@jbrowse/core/data_adapters/BaseAdapter").Stats): void;
+    addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
+    setCurrBpPerPx(n: number): void;
+    deleteBlock(key: string): void;
+    selectFeature(feature: import("@jbrowse/core/util").Feature): void;
+    clearFeatureSelection(): void;
+    setFeatureIdUnderMouse(feature: string | undefined): void;
+    reload(): void;
+    setContextMenuFeature(feature?: import("@jbrowse/core/util").Feature | undefined): void;
+} & {
+    readonly regionTooLarge: boolean;
+    readonly regionTooLargeReason: string;
+} & {
+    reload(): Promise<void>;
+    afterAttach(): void;
+} & {
+    regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features";
+    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): JSX.Element | null;
+    trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
+    contextMenuItems(): {
+        label: string;
+        icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+            muiName: string;
+        };
+        onClick: () => void;
+    }[];
+    renderProps(): any;
+} & {
+    renderSvg(opts: ExportSvgOptions & {
+        overrideHeight: number;
+    }): Promise<JSX.Element>;
+} & {
+    loading: boolean;
+    drawn: boolean;
+    chainData: ChainData | undefined;
+    ref: HTMLCanvasElement | null;
+    lastDrawnOffsetPx: number;
+} & {
+    /**
+     * #action
+     * internal, a reference to a HTMLCanvas because we use a autorun to draw the canvas
+     */
+    reload(): void;
+    /**
+     * #action
+     */
+    setRef(ref: HTMLCanvasElement | null): void;
+    setColorScheme(s: {
+        type: string;
+    }): void;
+    /**
+     * #action
+     */
+    setChainData(args: ChainData): void;
+    /**
+     * #action
+     */
+    setLoading(f: boolean): void;
+    /**
+     * #action
+     */
+    setDrawn(f: boolean): void;
+    /**
+     * #action
+     */
+    setFilterBy(filter: Filter): void;
+    /**
+     * #action
+     */
+    setLastDrawnOffsetPx(n: number): void;
+} & {
+    /**
+     * #getter
+     */
+    readonly ready: boolean;
+    readonly rendererTypeName: string;
+    renderProps(): any;
+    /**
+     * #method
+     */
+    trackMenuItems(): (import("@jbrowse/core/ui").MenuDivider | import("@jbrowse/core/ui").MenuSubHeader | import("@jbrowse/core/ui").NormalMenuItem | import("@jbrowse/core/ui").CheckboxMenuItem | import("@jbrowse/core/ui").RadioMenuItem | import("@jbrowse/core/ui").SubMenuItem | {
+        label: string;
+        icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+            muiName: string;
+        };
+        onClick: () => void;
+        subMenu?: undefined;
+    } | {
+        label: string;
+        icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+            muiName: string;
+        };
+        subMenu: {
+            label: string;
+            onClick: () => void;
+        }[];
+        onClick?: undefined;
+    })[];
+    /**
+     * #method
+     */
+    renderSvg(opts: ExportSvgOptions): Promise<JSX.Element | undefined>;
+} & {
+    afterAttach(): void;
+}, import("mobx-state-tree")._NotCustomized, {
+    type: string;
+    height: number;
+    id: string;
+    rpcDriverName: string | undefined;
+    userBpPerPxLimit: number | undefined;
+    userByteSizeLimit: number | undefined;
+} & import("mobx-state-tree")._NotCustomized>;
+export type LinearReadCloudDisplayStateModel = ReturnType<typeof stateModelFactory>;
+export type LinearReadCloudDisplayModel = Instance<LinearReadCloudDisplayStateModel>;
+export default stateModelFactory;