@jbrowse/plugin-alignments 3.7.0 → 4.0.1

package/esm/LinearReadArcsDisplay/model.d.ts

@@ -1,48 +1,51 @@
 import type React from 'react';
 import type { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
-import type { Instance } from 'mobx-state-tree';
-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>>;
+import type { Instance } from '@jbrowse/mobx-state-tree';
+import type { ExportSvgDisplayOptions, LegendItem } from '@jbrowse/plugin-linear-genome-view';
+declare 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>>;
 } & {
-    filterBySetting: import("mobx-state-tree").IType<import("../shared/types").FilterBy | undefined, import("../shared/types").FilterBy | undefined, import("../shared/types").FilterBy | undefined>;
-    colorBySetting: import("mobx-state-tree").IType<import("../shared/types").ColorBy | undefined, import("../shared/types").ColorBy | undefined, import("../shared/types").ColorBy | undefined>;
+    filterBySetting: import("@jbrowse/mobx-state-tree").IType<import("../shared/types.ts").FilterBy | undefined, import("../shared/types.ts").FilterBy | undefined, import("../shared/types.ts").FilterBy | undefined>;
+    colorBySetting: import("@jbrowse/mobx-state-tree").IType<import("../shared/types.ts").ColorBy | undefined, import("../shared/types.ts").ColorBy | undefined, import("../shared/types.ts").ColorBy | undefined>;
 } & {
-    type: import("mobx-state-tree").ISimpleType<"LinearReadArcsDisplay">;
+    lineWidth: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<number>>;
+    jitter: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<number>>;
+    drawInter: import("@jbrowse/mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    drawLongRange: import("@jbrowse/mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+} & {
+    type: import("@jbrowse/mobx-state-tree").ISimpleType<"LinearReadArcsDisplay">;
     configuration: AnyConfigurationSchemaType;
-    lineWidth: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
-    jitter: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
-    drawInter: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-    drawLongRange: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    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>;
     }>;
@@ -51,30 +54,142 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             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;
@@ -109,32 +224,38 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     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;
 } & {
     loading: boolean;
-    chainData: import("../shared/fetchChains").ChainData | undefined;
     lastDrawnOffsetPx: number | undefined;
-    lastDrawnBpPerPx: number;
     ref: HTMLCanvasElement | null;
+    renderingImageData: ImageBitmap | undefined;
+    renderingStopToken: import("@jbrowse/core/util").StopToken | undefined;
+    statusMessage: string | undefined;
+} & {
+    readonly drawn: boolean;
 } & {
     setLastDrawnOffsetPx(n: number): void;
-    setLastDrawnBpPerPx(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;
+} & {
+    beforeDestroy(): void;
+} & {
+    chainData: import("../shared/types.ts").ChainData | undefined;
+    lastDrawnBpPerPx: number;
+} & {
+    setLastDrawnBpPerPx(n: number): void;
     setColorScheme(colorBy: {
         type: string;
     }): void;
-    setChainData(args: import("../shared/fetchChains").ChainData): void;
-    setFilterBy(filter: import("../shared/types").FilterBy): void;
-} & {
-    readonly drawn: boolean;
-} & {
-    readonly colorBy: any;
-    readonly filterBy: any;
+    setChainData(args: import("../shared/types.ts").ChainData): void;
+    setFilterBy(filter: import("../shared/types.ts").FilterBy): void;
 } & {
-    reload(): void;
     setDrawInter(f: boolean): void;
     setDrawLongRange(f: boolean): void;
     setLineWidth(n: number): void;
@@ -142,6 +263,15 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
 } & {
     readonly lineWidthSetting: any;
     readonly jitterVal: number;
+} & {
+    readonly colorBy: any;
+    readonly filterBy: any;
+} & {
+    setShowLegend(s: boolean): void;
+    reload(): void;
+} & {
+    legendItems(): LegendItem[];
+    svgLegendWidth(): number;
 } & {
     renderProps(): any;
     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 | {
@@ -149,10 +279,24 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
         icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
             muiName: string;
         };
-        subMenu: {
+        subMenu: ({
+            label: string;
+            type: "subMenu";
+            subMenu: ({
+                label: string;
+                onClick: () => void;
+                type?: undefined;
+            } | {
+                type: "divider";
+                label?: undefined;
+                onClick?: undefined;
+            })[] | {
+                label: string;
+            }[];
+        } | {
             label: string;
             onClick: () => void;
-        }[];
+        })[];
     } | {
         label: string;
         icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
@@ -168,22 +312,41 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             onClick: () => void;
         }[];
         type?: undefined;
-        checked?: undefined;
-        onClick?: undefined;
     } | {
         label: string;
         type: string;
-        checked: boolean;
-        onClick: () => void;
-        subMenu?: undefined;
+        subMenu: {
+            label: string;
+            type: string;
+            checked: boolean | undefined;
+            onClick: () => void;
+        }[];
     })[];
-} & {
-    renderSvg(opts: {
-        rasterizeLayers?: boolean;
-    }): Promise<React.ReactNode>;
+    renderSvg(opts: ExportSvgDisplayOptions): Promise<React.ReactNode>;
 } & {
     afterAttach(): void;
-}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+}, import("@jbrowse/mobx-state-tree")._NotCustomized, import("@jbrowse/mobx-state-tree").ModelSnapshotType<{
+    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("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/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>>;
+} & {
+    filterBySetting: import("@jbrowse/mobx-state-tree").IType<import("../shared/types.ts").FilterBy | undefined, import("../shared/types.ts").FilterBy | undefined, import("../shared/types.ts").FilterBy | undefined>;
+    colorBySetting: import("@jbrowse/mobx-state-tree").IType<import("../shared/types.ts").ColorBy | undefined, import("../shared/types.ts").ColorBy | undefined, import("../shared/types.ts").ColorBy | undefined>;
+} & {
+    lineWidth: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<number>>;
+    jitter: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<number>>;
+    drawInter: import("@jbrowse/mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    drawLongRange: import("@jbrowse/mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+} & {
+    type: import("@jbrowse/mobx-state-tree").ISimpleType<"LinearReadArcsDisplay">;
+    configuration: AnyConfigurationSchemaType;
+    showLegend: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>>;
+}>>;
 export type LinearReadArcsDisplayStateModel = ReturnType<typeof stateModelFactory>;
 export type LinearReadArcsDisplayModel = Instance<LinearReadArcsDisplayStateModel>;
 export default stateModelFactory;

package/esm/LinearReadArcsDisplay/model.js

@@ -1,54 +1,40 @@
 import { ConfigurationReference, getConf } from '@jbrowse/core/configuration';
 import { BaseDisplay } from '@jbrowse/core/pluggableElementTypes';
+import { types } from '@jbrowse/mobx-state-tree';
 import { FeatureDensityMixin, TrackHeightMixin, } from '@jbrowse/plugin-linear-genome-view';
-import { types } from 'mobx-state-tree';
-import { LinearReadDisplayBaseMixin } from '../shared/LinearReadDisplayBaseMixin';
-import { getColorSchemeMenuItem, getFilterByMenuItem, } from '../shared/menuItems';
+import { LinearReadArcsDisplaySettingsMixin } from "../shared/LinearReadArcsDisplaySettingsMixin.js";
+import { LinearReadDisplayBaseMixin } from "../shared/LinearReadDisplayBaseMixin.js";
+import { calculateSvgLegendWidth, getReadDisplayLegendItems, } from "../shared/legendUtils.js";
+import { getColorSchemeMenuItem, getFilterByMenuItem, } from "../shared/menuItems.js";
 function stateModelFactory(configSchema) {
     return types
-        .compose('LinearReadArcsDisplay', BaseDisplay, TrackHeightMixin(), FeatureDensityMixin(), LinearReadDisplayBaseMixin(), types.model({
+        .compose('LinearReadArcsDisplay', BaseDisplay, TrackHeightMixin(), FeatureDensityMixin(), LinearReadDisplayBaseMixin(), LinearReadArcsDisplaySettingsMixin(), types.model({
         type: types.literal('LinearReadArcsDisplay'),
         configuration: ConfigurationReference(configSchema),
-        lineWidth: types.maybe(types.number),
-        jitter: types.maybe(types.number),
-        drawInter: true,
-        drawLongRange: true,
+        showLegend: types.maybe(types.boolean),
     }))
         .views(self => ({
         get colorBy() {
-            var _a;
-            return (_a = self.colorBySetting) !== null && _a !== void 0 ? _a : getConf(self, 'colorBy');
+            return self.colorBySetting ?? getConf(self, 'colorBy');
         },
         get filterBy() {
-            var _a;
-            return (_a = self.filterBySetting) !== null && _a !== void 0 ? _a : getConf(self, 'filterBy');
+            return self.filterBySetting ?? getConf(self, 'filterBy');
         },
     }))
         .actions(self => ({
+        setShowLegend(s) {
+            self.showLegend = s;
+        },
         reload() {
             self.error = undefined;
         },
-        setDrawInter(f) {
-            self.drawInter = f;
-        },
-        setDrawLongRange(f) {
-            self.drawLongRange = f;
-        },
-        setLineWidth(n) {
-            self.lineWidth = n;
-        },
-        setJitter(n) {
-            self.jitter = n;
-        },
     }))
         .views(self => ({
-        get lineWidthSetting() {
-            var _a;
-            return (_a = self.lineWidth) !== null && _a !== void 0 ? _a : getConf(self, 'lineWidth');
+        legendItems() {
+            return getReadDisplayLegendItems(self.colorBy);
         },
-        get jitterVal() {
-            var _a;
-            return (_a = self.jitter) !== null && _a !== void 0 ? _a : getConf(self, 'jitter');
+        svgLegendWidth() {
+            return self.showLegend ? calculateSvgLegendWidth(this.legendItems()) : 0;
         },
     }))
         .views(self => {
@@ -57,7 +43,14 @@ function stateModelFactory(configSchema) {
             renderProps() {
                 return {
                     ...superRenderProps(),
-                    notReady: !self.chainData,
+                    notReady: false,
+                    filterBy: self.filterBy,
+                    colorBy: self.colorBy,
+                    drawInter: self.drawInter,
+                    drawLongRange: self.drawLongRange,
+                    lineWidth: self.lineWidthSetting,
+                    jitter: self.jitterVal,
+                    height: self.height,
                 };
             },
             trackMenuItems() {
@@ -117,41 +110,51 @@ function stateModelFactory(configSchema) {
                         ],
                     },
                     {
-                        label: 'Draw inter-region vertical lines',
-                        type: 'checkbox',
-                        checked: self.drawInter,
-                        onClick: () => {
-                            self.setDrawInter(!self.drawInter);
-                        },
-                    },
-                    {
-                        label: 'Draw long range connections',
-                        type: 'checkbox',
-                        checked: self.drawLongRange,
-                        onClick: () => {
-                            self.setDrawLongRange(!self.drawLongRange);
-                        },
+                        label: 'Show...',
+                        type: 'subMenu',
+                        subMenu: [
+                            {
+                                label: 'Show legend',
+                                type: 'checkbox',
+                                checked: self.showLegend,
+                                onClick: () => {
+                                    self.setShowLegend(!self.showLegend);
+                                },
+                            },
+                            {
+                                label: 'Inter-chromosomal connections (purple vertical lines)',
+                                type: 'checkbox',
+                                checked: self.drawInter,
+                                onClick: () => {
+                                    self.setDrawInter(!self.drawInter);
+                                },
+                            },
+                            {
+                                label: 'Long range connections (red vertical lines)',
+                                type: 'checkbox',
+                                checked: self.drawLongRange,
+                                onClick: () => {
+                                    self.setDrawLongRange(!self.drawLongRange);
+                                },
+                            },
+                        ],
                     },
                     getColorSchemeMenuItem(self),
                 ];
             },
+            async renderSvg(opts) {
+                const { renderSvg } = await import("./renderSvg.js");
+                return renderSvg(self, opts);
+            },
         };
     })
-        .views(self => ({
-        async renderSvg(opts) {
-            const { renderSvg } = await import('../shared/renderSvgUtil');
-            const { drawFeats } = await import('./drawFeats');
-            return renderSvg(self, opts, drawFeats);
-        },
-    }))
         .actions(self => ({
         afterAttach() {
             ;
             (async () => {
                 try {
-                    const { doAfterAttach } = await import('../shared/afterAttach');
-                    const { drawFeats } = await import('./drawFeats');
-                    doAfterAttach(self, drawFeats);
+                    const { doAfterAttachRPC } = await import("./afterAttachRPC.js");
+                    doAfterAttachRPC(self);
                 }
                 catch (e) {
                     console.error(e);
@@ -159,6 +162,20 @@ function stateModelFactory(configSchema) {
                 }
             })();
         },
-    }));
+    }))
+        .postProcessSnapshot(snap => {
+        if (!snap) {
+            return snap;
+        }
+        const { lineWidth, jitter, drawInter, drawLongRange, showLegend, ...rest } = snap;
+        return {
+            ...rest,
+            ...(lineWidth !== undefined ? { lineWidth } : {}),
+            ...(jitter !== undefined ? { jitter } : {}),
+            ...(!drawInter ? { drawInter } : {}),
+            ...(!drawLongRange ? { drawLongRange } : {}),
+            ...(showLegend !== undefined ? { showLegend } : {}),
+        };
+    });
 }
 export default stateModelFactory;

package/esm/LinearReadArcsDisplay/renderSvg.d.ts

@@ -0,0 +1,3 @@
+import type { LinearReadArcsDisplayModel } from './model.ts';
+import type { ExportSvgDisplayOptions } from '@jbrowse/plugin-linear-genome-view';
+export declare function renderSvg(self: LinearReadArcsDisplayModel, opts: ExportSvgDisplayOptions): Promise<import("react/jsx-runtime").JSX.Element>;

package/esm/LinearReadArcsDisplay/renderSvg.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { getContainingView, getRpcSessionId, getSession, } from '@jbrowse/core/util';
+import { ReactRendering, renderingToSvg, } from '@jbrowse/core/util/offscreenCanvasUtils';
+import { getSnapshot } from '@jbrowse/mobx-state-tree';
+import { SVGLegend } from '@jbrowse/plugin-linear-genome-view';
+export async function renderSvg(self, opts) {
+    const view = getContainingView(self);
+    const session = getSession(self);
+    const { rpcManager, assemblyManager } = session;
+    const height = opts.overrideHeight ?? self.height;
+    const assemblyName = view.assemblyNames[0];
+    const assembly = assemblyName ? assemblyManager.get(assemblyName) : undefined;
+    const sequenceAdapterConfig = assembly?.configuration?.sequence?.adapter;
+    const sequenceAdapter = sequenceAdapterConfig
+        ? getSnapshot(sequenceAdapterConfig)
+        : undefined;
+    const viewSnapshot = structuredClone({
+        ...getSnapshot(view),
+        staticBlocks: view.staticBlocks,
+        width: view.width,
+    });
+    const rpcSessionId = getRpcSessionId(self);
+    const rendering = (await rpcManager.call(rpcSessionId, 'RenderLinearReadArcsDisplay', {
+        sessionId: rpcSessionId,
+        view: viewSnapshot,
+        adapterConfig: self.adapterConfig,
+        sequenceAdapter,
+        config: getSnapshot(self.configuration),
+        ...self.renderProps(),
+        height,
+        exportSVG: opts,
+        theme: opts.theme,
+    }));
+    const finalRendering = await renderingToSvg(rendering, view.staticBlocks.totalWidthPx, height);
+    const visibleWidth = view.width;
+    const clipId = `clip-${self.id}-svg`;
+    const legendItems = self.showLegend ? self.legendItems() : [];
+    return (_jsxs(_Fragment, { children: [_jsx("defs", { children: _jsx("clipPath", { id: clipId, children: _jsx("rect", { x: 0, y: 0, width: visibleWidth, height: height }) }) }), _jsx("g", { clipPath: `url(#${clipId})`, children: _jsx("g", { transform: `translate(${Math.max(0, -view.offsetPx)} 0)`, children: _jsx(ReactRendering, { rendering: finalRendering }) }) }), legendItems.length > 0 ? (_jsx(SVGLegend, { items: legendItems, width: visibleWidth, legendAreaWidth: opts.legendWidth })) : null] }));
+}

package/esm/LinearReadCloudDisplay/afterAttachRPC.d.ts

@@ -0,0 +1,2 @@
+import type { LinearReadCloudDisplayModel } from './model.ts';
+export declare function doAfterAttachRPC(self: LinearReadCloudDisplayModel): void;