@jbrowse/plugin-hic 3.7.0 → 4.0.1

package/esm/LinearHicDisplay/model.d.ts

@@ -1,111 +1,49 @@
+import type React from 'react';
+import type { HicFlatbushItem } from '../HicRenderer/types.ts';
 import type { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
-export default 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>>;
+import type { Instance } from '@jbrowse/mobx-state-tree';
+import type { ExportSvgDisplayOptions, LegendItem } from '@jbrowse/plugin-linear-genome-view';
+export default function stateModelFactory(configSchema: AnyConfigurationSchemaType): import("@jbrowse/mobx-state-tree").IModelType<{
+    id: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<string>, [undefined]>;
+    type: import("@jbrowse/mobx-state-tree").ISimpleType<string>;
+    rpcDriverName: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
 } & {
-    heightPreConfig: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+    heightPreConfig: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<number>>;
 } & {
-    userBpPerPxLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
-    userByteSizeLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+    userBpPerPxLimit: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<number>>;
+    userByteSizeLimit: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<number>>;
 } & {
-    blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
-        key: import("mobx-state-tree").ISimpleType<string>;
-        region: import("mobx-state-tree").IType<import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region>;
-        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>;
-    }, {
-        stopToken: string | undefined;
-        filled: boolean;
-        reactElement: React.ReactElement | undefined;
-        features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
-        layout: any;
-        status: string;
-        error: unknown;
-        message: string | undefined;
-        maxHeightReached: boolean;
-        ReactComponent: ({ model, }: {
-            model: {
-                error?: unknown;
-                reload: () => void;
-                message: React.ReactNode;
-                filled?: boolean;
-                status?: string;
-                reactElement?: React.ReactElement;
-            };
-        }) => import("react/jsx-runtime").JSX.Element | undefined;
-        renderProps: any;
-    } & {
-        doReload(): void;
-        afterAttach(): void;
-        setStatus(message: string): void;
-        setLoading(newStopToken: string): void;
-        setMessage(messageText: string): void;
-        setRendered(props: import("@jbrowse/plugin-linear-genome-view/src/BaseLinearDisplay/models/serverSideRenderedBlock").RenderedProps | undefined): void;
-        setError(error: unknown): void;
-        reload(): void;
-        beforeDestroy(): void;
-    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-    configuration: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-        maxFeatureScreenDensity: {
-            type: string;
-            description: string;
-            defaultValue: number;
-        };
-        fetchSizeLimit: {
-            type: string;
-            defaultValue: number;
-            description: string;
-        };
-        height: {
-            type: string;
-            defaultValue: number;
-            description: string;
-        };
-        mouseover: {
-            type: string;
-            description: string;
-            defaultValue: string;
-            contextVariable: string[];
-        };
-        jexlFilters: {
-            type: string;
-            description: string;
-            defaultValue: never[];
-        };
-    }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
-} & {
-    type: import("mobx-state-tree").ISimpleType<"LinearHicDisplay">;
+    type: import("@jbrowse/mobx-state-tree").ISimpleType<"LinearHicDisplay">;
     configuration: AnyConfigurationSchemaType;
-    resolution: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-    useLogScale: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-    colorScheme: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-    activeNormalization: import("mobx-state-tree").IType<string | undefined, string, string>;
-    mode: import("mobx-state-tree").IType<string | undefined, string, string>;
+    resolution: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<number>, [undefined]>;
+    useLogScale: import("@jbrowse/mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    colorScheme: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
+    activeNormalization: import("@jbrowse/mobx-state-tree").IType<string | undefined, string, string>;
+    mode: import("@jbrowse/mobx-state-tree").IType<string | undefined, string, string>;
+    showLegend: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>>;
 }, {
     rendererTypeName: string;
     error: unknown;
-    message: string | undefined;
+    statusMessage: string | undefined;
 } & {
     readonly RenderingComponent: React.FC<{
         model: {
             id: string;
             type: string;
             rpcDriverName: string | undefined;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+        } & import("@jbrowse/mobx-state-tree/dist/internal").NonEmptyObject & {
             rendererTypeName: string;
             error: unknown;
-            message: string | undefined;
-        } & 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>>;
+            statusMessage: string | undefined;
+        } & import("@jbrowse/mobx-state-tree").IStateTreeNode<import("@jbrowse/mobx-state-tree").IModelType<{
+            id: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("@jbrowse/mobx-state-tree").ISimpleType<string>;
+            rpcDriverName: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
         }, {
             rendererTypeName: string;
             error: unknown;
-            message: string | undefined;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+            statusMessage: string | undefined;
+        }, import("@jbrowse/mobx-state-tree")._NotCustomized, import("@jbrowse/mobx-state-tree")._NotCustomized>>;
         onHorizontalScroll?: () => void;
         blockState?: Record<string, any>;
     }>;
@@ -114,30 +52,142 @@ export default function stateModelFactory(configSchema: AnyConfigurationSchemaTy
             id: string;
             type: string;
             rpcDriverName: string | undefined;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+        } & import("@jbrowse/mobx-state-tree/dist/internal").NonEmptyObject & {
             rendererTypeName: string;
             error: unknown;
-            message: string | undefined;
-        } & 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>>;
+            statusMessage: string | undefined;
+        } & import("@jbrowse/mobx-state-tree").IStateTreeNode<import("@jbrowse/mobx-state-tree").IModelType<{
+            id: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("@jbrowse/mobx-state-tree").ISimpleType<string>;
+            rpcDriverName: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
         }, {
             rendererTypeName: string;
             error: unknown;
-            message: string | undefined;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+            statusMessage: string | undefined;
+        }, import("@jbrowse/mobx-state-tree")._NotCustomized, import("@jbrowse/mobx-state-tree")._NotCustomized>>;
     }> | null;
     readonly adapterConfig: any;
-    readonly parentTrack: any;
+    readonly parentTrack: import("@jbrowse/core/util").AbstractTrackModel;
+    readonly parentDisplay: any;
+    readonly effectiveRpcDriverName: any;
+} & {
     renderProps(): any;
+    renderingProps(): {
+        displayModel: {
+            id: string;
+            type: string;
+            rpcDriverName: string | undefined;
+        } & import("@jbrowse/mobx-state-tree/dist/internal").NonEmptyObject & {
+            rendererTypeName: string;
+            error: unknown;
+            statusMessage: string | undefined;
+        } & {
+            readonly RenderingComponent: React.FC<{
+                model: {
+                    id: string;
+                    type: string;
+                    rpcDriverName: string | undefined;
+                } & import("@jbrowse/mobx-state-tree/dist/internal").NonEmptyObject & {
+                    rendererTypeName: string;
+                    error: unknown;
+                    statusMessage: string | undefined;
+                } & import("@jbrowse/mobx-state-tree").IStateTreeNode<import("@jbrowse/mobx-state-tree").IModelType<{
+                    id: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<string>, [undefined]>;
+                    type: import("@jbrowse/mobx-state-tree").ISimpleType<string>;
+                    rpcDriverName: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
+                }, {
+                    rendererTypeName: string;
+                    error: unknown;
+                    statusMessage: string | undefined;
+                }, import("@jbrowse/mobx-state-tree")._NotCustomized, import("@jbrowse/mobx-state-tree")._NotCustomized>>;
+                onHorizontalScroll?: () => void;
+                blockState?: Record<string, any>;
+            }>;
+            readonly DisplayBlurb: React.FC<{
+                model: {
+                    id: string;
+                    type: string;
+                    rpcDriverName: string | undefined;
+                } & import("@jbrowse/mobx-state-tree/dist/internal").NonEmptyObject & {
+                    rendererTypeName: string;
+                    error: unknown;
+                    statusMessage: string | undefined;
+                } & import("@jbrowse/mobx-state-tree").IStateTreeNode<import("@jbrowse/mobx-state-tree").IModelType<{
+                    id: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<string>, [undefined]>;
+                    type: import("@jbrowse/mobx-state-tree").ISimpleType<string>;
+                    rpcDriverName: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
+                }, {
+                    rendererTypeName: string;
+                    error: unknown;
+                    statusMessage: string | undefined;
+                }, import("@jbrowse/mobx-state-tree")._NotCustomized, import("@jbrowse/mobx-state-tree")._NotCustomized>>;
+            }> | null;
+            readonly adapterConfig: any;
+            readonly parentTrack: import("@jbrowse/core/util").AbstractTrackModel;
+            readonly parentDisplay: any;
+            readonly effectiveRpcDriverName: any;
+        } & import("@jbrowse/mobx-state-tree").IStateTreeNode<import("@jbrowse/mobx-state-tree").IModelType<{
+            id: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("@jbrowse/mobx-state-tree").ISimpleType<string>;
+            rpcDriverName: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
+        }, {
+            rendererTypeName: string;
+            error: unknown;
+            statusMessage: string | undefined;
+        } & {
+            readonly RenderingComponent: React.FC<{
+                model: {
+                    id: string;
+                    type: string;
+                    rpcDriverName: string | undefined;
+                } & import("@jbrowse/mobx-state-tree/dist/internal").NonEmptyObject & {
+                    rendererTypeName: string;
+                    error: unknown;
+                    statusMessage: string | undefined;
+                } & import("@jbrowse/mobx-state-tree").IStateTreeNode<import("@jbrowse/mobx-state-tree").IModelType<{
+                    id: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<string>, [undefined]>;
+                    type: import("@jbrowse/mobx-state-tree").ISimpleType<string>;
+                    rpcDriverName: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
+                }, {
+                    rendererTypeName: string;
+                    error: unknown;
+                    statusMessage: string | undefined;
+                }, import("@jbrowse/mobx-state-tree")._NotCustomized, import("@jbrowse/mobx-state-tree")._NotCustomized>>;
+                onHorizontalScroll?: () => void;
+                blockState?: Record<string, any>;
+            }>;
+            readonly DisplayBlurb: React.FC<{
+                model: {
+                    id: string;
+                    type: string;
+                    rpcDriverName: string | undefined;
+                } & import("@jbrowse/mobx-state-tree/dist/internal").NonEmptyObject & {
+                    rendererTypeName: string;
+                    error: unknown;
+                    statusMessage: string | undefined;
+                } & import("@jbrowse/mobx-state-tree").IStateTreeNode<import("@jbrowse/mobx-state-tree").IModelType<{
+                    id: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<string>, [undefined]>;
+                    type: import("@jbrowse/mobx-state-tree").ISimpleType<string>;
+                    rpcDriverName: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
+                }, {
+                    rendererTypeName: string;
+                    error: unknown;
+                    statusMessage: string | undefined;
+                }, import("@jbrowse/mobx-state-tree")._NotCustomized, import("@jbrowse/mobx-state-tree")._NotCustomized>>;
+            }> | null;
+            readonly adapterConfig: any;
+            readonly parentTrack: import("@jbrowse/core/util").AbstractTrackModel;
+            readonly parentDisplay: any;
+            readonly effectiveRpcDriverName: any;
+        }, import("@jbrowse/mobx-state-tree")._NotCustomized, import("@jbrowse/mobx-state-tree")._NotCustomized>>;
+    };
     readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
     readonly DisplayMessageComponent: undefined | React.FC<any>;
     trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
     readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
     regionCannotBeRendered(): null;
 } & {
-    setMessage(arg?: string): void;
+    setStatusMessage(arg?: string): void;
     setError(error?: unknown): void;
     setRpcDriverName(rpcDriverName: string): void;
     reload(): void;
@@ -172,77 +222,55 @@ export default function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     readonly regionTooLarge: boolean;
     readonly regionTooLargeReason: string;
 } & {
-    readonly statsReadyAndRegionNotTooLarge: boolean;
+    readonly featureDensityStatsReadyAndRegionNotTooLarge: boolean;
     regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features";
     regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react/jsx-runtime").JSX.Element | null;
 } & {
-    mouseoverExtraInformation: string | undefined;
-    featureIdUnderMouse: undefined | string;
-    contextMenuFeature: undefined | import("@jbrowse/core/util").Feature;
-} & {
-    readonly DisplayMessageComponent: undefined | React.FC<any>;
-    readonly blockType: "staticBlocks" | "dynamicBlocks";
-    readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
-} & {
-    readonly renderDelay: number;
-    readonly TooltipComponent: import("@jbrowse/core/util").AnyReactComponentType;
-    readonly selectedFeatureId: string | undefined;
-    copyInfoToClipboard(feature: import("@jbrowse/core/util").Feature): void;
+    loading: boolean;
+    lastDrawnOffsetPx: number | undefined;
+    ref: HTMLCanvasElement | null;
+    renderingImageData: ImageBitmap | undefined;
+    renderingStopToken: import("@jbrowse/core/util").StopToken | undefined;
+    statusMessage: string | undefined;
 } & {
-    readonly features: import("@jbrowse/core/util/compositeMap").default<string, import("@jbrowse/core/util").Feature>;
-    readonly featureUnderMouse: import("@jbrowse/core/util").Feature | undefined;
-    readonly layoutFeatures: import("@jbrowse/core/util/compositeMap").default<string, [number, number, number, number] | [number, number, number, number, {
-        label?: string;
-        description?: string;
-        refName: string;
-    }]>;
-    getFeatureOverlapping(blockKey: string, x: number, y: number): string | undefined;
-    getFeatureByID(blockKey: string, id: string): ([number, number, number, number] | [number, number, number, number, {
-        label?: string;
-        description?: string;
-        refName: string;
-    }]) | undefined;
-    searchFeatureByID(id: string): ([number, number, number, number] | [number, number, number, number, {
-        label?: string;
-        description?: string;
-        refName: string;
-    }]) | undefined;
+    readonly drawn: boolean;
 } & {
-    addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
-    deleteBlock(key: string): void;
-    selectFeature(feature: import("@jbrowse/core/util").Feature): void;
-    navToFeature(feature: import("@jbrowse/core/util").Feature): void;
-    clearFeatureSelection(): void;
-    setFeatureIdUnderMouse(feature?: string): void;
-    setContextMenuFeature(feature?: import("@jbrowse/core/util").Feature): void;
-    setMouseoverExtraInformation(extra?: string): void;
+    setLastDrawnOffsetPx(n: number): void;
+    setLoading(f: boolean): void;
+    setRef(ref: HTMLCanvasElement | null): void;
+    setRenderingImageData(imageData: ImageBitmap | undefined): void;
+    setRenderingStopToken(token?: import("@jbrowse/core/util").StopToken): void;
+    setStatusMessage(msg?: string): void;
 } & {
-    reload(): Promise<void>;
-} & {
-    trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
-    contextMenuItems(): import("@jbrowse/core/ui").MenuItem[];
-    renderProps(): any;
-} & {
-    renderSvg(opts: import("@jbrowse/plugin-linear-genome-view").ExportSvgDisplayOptions): Promise<import("react/jsx-runtime").JSX.Element>;
-    afterAttach(): void;
+    beforeDestroy(): void;
 } & {
     availableNormalizations: string[] | undefined;
+    flatbush: ArrayBufferLike | undefined;
+    flatbushItems: HicFlatbushItem[];
+    maxScore: number;
+    yScalar: number;
 } & {
-    readonly blockType: string;
     readonly rendererTypeName: string;
+    readonly rendererConfig: any;
+} & {
     renderProps(): any;
+    legendItems(): LegendItem[];
+    svgLegendWidth(): number;
 } & {
+    setFlatbushData(flatbush: ArrayBufferLike | undefined, items: HicFlatbushItem[], maxScore: number, yScalar: number): void;
+    reload(): void;
     setResolution(n: number): void;
     setUseLogScale(f: boolean): void;
     setColorScheme(f?: string): void;
     setActiveNormalization(f: string): void;
     setAvailableNormalizations(f: string[]): void;
     setMode(arg: string): void;
+    setShowLegend(arg: boolean): void;
 } & {
     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;
         type: string;
-        checked: boolean;
+        checked: boolean | undefined;
         onClick: () => void;
         subMenu?: undefined;
     } | {
@@ -268,92 +296,9 @@ export default function stateModelFactory(configSchema: AnyConfigurationSchemaTy
         checked?: undefined;
         onClick?: undefined;
     })[];
+    renderSvg(opts: ExportSvgDisplayOptions): Promise<React.ReactNode>;
 } & {
     afterAttach(): void;
-}, {
-    type: string;
-} & 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<string>;
-    rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-} & {
-    heightPreConfig: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
-} & {
-    userBpPerPxLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
-    userByteSizeLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
-} & {
-    blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
-        key: import("mobx-state-tree").ISimpleType<string>;
-        region: import("mobx-state-tree").IType<import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region>;
-        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>;
-    }, {
-        stopToken: string | undefined;
-        filled: boolean;
-        reactElement: React.ReactElement | undefined;
-        features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
-        layout: any;
-        status: string;
-        error: unknown;
-        message: string | undefined;
-        maxHeightReached: boolean;
-        ReactComponent: ({ model, }: {
-            model: {
-                error?: unknown;
-                reload: () => void;
-                message: React.ReactNode;
-                filled?: boolean;
-                status?: string;
-                reactElement?: React.ReactElement;
-            };
-        }) => import("react/jsx-runtime").JSX.Element | undefined;
-        renderProps: any;
-    } & {
-        doReload(): void;
-        afterAttach(): void;
-        setStatus(message: string): void;
-        setLoading(newStopToken: string): void;
-        setMessage(messageText: string): void;
-        setRendered(props: import("@jbrowse/plugin-linear-genome-view/src/BaseLinearDisplay/models/serverSideRenderedBlock").RenderedProps | undefined): void;
-        setError(error: unknown): void;
-        reload(): void;
-        beforeDestroy(): void;
-    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-    configuration: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-        maxFeatureScreenDensity: {
-            type: string;
-            description: string;
-            defaultValue: number;
-        };
-        fetchSizeLimit: {
-            type: string;
-            defaultValue: number;
-            description: string;
-        };
-        height: {
-            type: string;
-            defaultValue: number;
-            description: string;
-        };
-        mouseover: {
-            type: string;
-            description: string;
-            defaultValue: string;
-            contextVariable: string[];
-        };
-        jexlFilters: {
-            type: string;
-            description: string;
-            defaultValue: never[];
-        };
-    }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
-}>> & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree")._NotCustomized, {
-    type: string;
-    id: string;
-    configuration: import("mobx-state-tree").ModelSnapshotType<Record<string, any>>;
-    rpcDriverName: string | undefined;
-    heightPreConfig: number | undefined;
-    userBpPerPxLimit: number | undefined;
-    userByteSizeLimit: number | undefined;
-} & import("mobx-state-tree")._NotCustomized>;
+}, import("@jbrowse/mobx-state-tree")._NotCustomized, import("@jbrowse/mobx-state-tree")._NotCustomized>;
+export type LinearHicDisplayStateModel = ReturnType<typeof stateModelFactory>;
+export type LinearHicDisplayModel = Instance<LinearHicDisplayStateModel>;

package/esm/LinearHicDisplay/model.js

@@ -1,12 +1,11 @@
 import { ConfigurationReference, getConf } from '@jbrowse/core/configuration';
-import { getContainingTrack, getSession } from '@jbrowse/core/util';
-import { BaseLinearDisplay } from '@jbrowse/plugin-linear-genome-view';
-import { autorun } from 'mobx';
-import { addDisposer, getEnv, types } from 'mobx-state-tree';
+import { BaseDisplay } from '@jbrowse/core/pluggableElementTypes';
+import { types } from '@jbrowse/mobx-state-tree';
+import { FeatureDensityMixin, NonBlockCanvasDisplayMixin, TrackHeightMixin, } from '@jbrowse/plugin-linear-genome-view';
 function x() { }
 export default function stateModelFactory(configSchema) {
     return types
-        .compose('LinearHicDisplay', BaseLinearDisplay, types.model({
+        .compose('LinearHicDisplay', BaseDisplay, TrackHeightMixin(), FeatureDensityMixin(), NonBlockCanvasDisplayMixin(), types.model({
         type: types.literal('LinearHicDisplay'),
         configuration: ConfigurationReference(configSchema),
         resolution: types.optional(types.number, 1),
@@ -14,41 +13,70 @@ export default function stateModelFactory(configSchema) {
         colorScheme: types.maybe(types.string),
         activeNormalization: 'KR',
         mode: 'triangular',
+        showLegend: types.maybe(types.boolean),
     }))
         .volatile(() => ({
         availableNormalizations: undefined,
+        flatbush: undefined,
+        flatbushItems: [],
+        maxScore: 0,
+        yScalar: 1,
+    }))
+        .views(self => ({
+        get rendererTypeName() {
+            return 'HicRenderer';
+        },
+        get rendererConfig() {
+            return {
+                ...getConf(self, 'renderer'),
+                ...(self.colorScheme
+                    ? { color: 'jexl:interpolate(count,scale)' }
+                    : {}),
+            };
+        },
     }))
         .views(self => {
         const { renderProps: superRenderProps } = self;
         return {
-            get blockType() {
-                return 'dynamicBlocks';
-            },
-            get rendererTypeName() {
-                return 'HicRenderer';
-            },
             renderProps() {
-                const config = self.rendererType.configSchema.create({
-                    ...getConf(self, 'renderer'),
-                    ...(self.colorScheme
-                        ? { color: 'jexl:interpolate(count,scale)' }
-                        : {}),
-                }, getEnv(self));
                 return {
                     ...superRenderProps(),
-                    config,
-                    displayHeight: self.mode === 'adjust' ? self.height : undefined,
-                    normalization: self.activeNormalization,
-                    rpcDriverName: self.rpcDriverName,
-                    displayModel: self,
+                    config: self.rendererConfig,
                     resolution: self.resolution,
                     useLogScale: self.useLogScale,
                     colorScheme: self.colorScheme,
+                    normalization: self.activeNormalization,
+                    displayHeight: self.mode === 'adjust' ? self.height : undefined,
                 };
             },
+            legendItems() {
+                const colorScheme = self.colorScheme ?? 'juicebox';
+                const displayMax = self.useLogScale
+                    ? self.maxScore
+                    : Math.round(self.maxScore / 20);
+                const minLabel = self.useLogScale ? '1' : '0';
+                const maxLabel = `${displayMax.toLocaleString()}${self.useLogScale ? ' (log)' : ''}`;
+                return [
+                    {
+                        label: `${minLabel} - ${maxLabel} (${colorScheme})`,
+                    },
+                ];
+            },
+            svgLegendWidth() {
+                return self.showLegend && self.maxScore > 0 ? 140 : 0;
+            },
         };
     })
         .actions(self => ({
+        setFlatbushData(flatbush, items, maxScore, yScalar) {
+            self.flatbush = flatbush;
+            self.flatbushItems = items;
+            self.maxScore = maxScore;
+            self.yScalar = yScalar;
+        },
+        reload() {
+            self.error = undefined;
+        },
         setResolution(n) {
             self.resolution = n;
         },
@@ -67,6 +95,9 @@ export default function stateModelFactory(configSchema) {
         setMode(arg) {
             self.mode = arg;
         },
+        setShowLegend(arg) {
+            self.showLegend = arg;
+        },
     }))
         .views(self => {
         const { trackMenuItems: superTrackMenuItems } = self;
@@ -82,6 +113,14 @@ export default function stateModelFactory(configSchema) {
                             self.setUseLogScale(!self.useLogScale);
                         },
                     },
+                    {
+                        label: 'Show legend',
+                        type: 'checkbox',
+                        checked: self.showLegend,
+                        onClick: () => {
+                            self.setShowLegend(!self.showLegend);
+                        },
+                    },
                     {
                         label: 'Rendering mode',
                         type: 'subMenu',
@@ -176,27 +215,25 @@ export default function stateModelFactory(configSchema) {
                         : []),
                 ];
             },
+            async renderSvg(opts) {
+                const { renderSvg } = await import("./renderSvg.js");
+                return renderSvg(self, opts);
+            },
         };
     })
         .actions(self => ({
         afterAttach() {
-            addDisposer(self, autorun(async () => {
+            ;
+            (async () => {
                 try {
-                    const { rpcManager } = getSession(self);
-                    const track = getContainingTrack(self);
-                    const adapterConfig = getConf(track, 'adapter');
-                    const { norms } = (await rpcManager.call(getConf(track, 'trackId'), 'CoreGetInfo', {
-                        adapterConfig,
-                    }));
-                    if (norms) {
-                        self.setAvailableNormalizations(norms);
-                    }
+                    const { doAfterAttach } = await import("./afterAttach.js");
+                    doAfterAttach(self);
                 }
                 catch (e) {
                     console.error(e);
-                    getSession(self).notifyError(`${e}`, e);
+                    self.setError(e);
                 }
-            }));
+            })();
         },
     }));
 }