@jbrowse/plugin-linear-comparative-view 3.7.0 → 4.0.0

package/esm/LGVSyntenyDisplay/model.js

@@ -1,9 +1,9 @@
 import { lazy } from 'react';
 import { ConfigurationReference, getConf } from '@jbrowse/core/configuration';
 import { getContainingTrack, getContainingView, getSession, isSessionModelWithWidgets, } from '@jbrowse/core/util';
+import { types } from '@jbrowse/mobx-state-tree';
 import { SharedLinearPileupDisplayMixin } from '@jbrowse/plugin-alignments';
-import { types } from 'mobx-state-tree';
-const LaunchSyntenyViewDialog = lazy(() => import('./components/LaunchSyntenyViewDialog'));
+const LaunchSyntenyViewDialog = lazy(() => import("./components/LaunchSyntenyViewDialog.js"));
 function stateModelFactory(schema) {
     return types
         .compose('LGVSyntenyDisplay', SharedLinearPileupDisplayMixin(schema), types.model({

package/esm/LaunchLinearSyntenyView.js

@@ -1,90 +1,17 @@
-import { notEmpty } from '@jbrowse/core/util';
-import { when } from 'mobx';
-function makeMultiDimArray(str) {
-    return Array.isArray(str[0]) ? str : [str];
-}
 export default function LaunchLinearSyntenyView(pluginManager) {
     pluginManager.addToExtensionPoint('LaunchView-LinearSyntenyView', async ({ session, views, tracks = [], }) => {
-        try {
-            const { assemblyManager } = session;
-            const model = session.addView('LinearSyntenyView', {});
-            await when(() => !!model.width);
-            model.setViews(await Promise.all(views.map(async (view) => {
-                const asm = await assemblyManager.waitForAssembly(view.assembly);
-                if (!asm) {
-                    throw new Error(`Assembly ${view.assembly} failed to load`);
-                }
-                return {
-                    type: 'LinearGenomeView',
-                    bpPerPx: 1,
-                    offsetPx: 0,
-                    hideHeader: true,
-                    displayedRegions: asm.regions,
-                };
-            })));
-            await Promise.all(model.views.map(view => when(() => view.initialized)));
-            let idsNotFound = [];
-            await Promise.all(views.map(async (data, idx) => {
-                const view = model.views[idx];
-                const { assembly, loc, tracks = [] } = data;
-                const asm = await assemblyManager.waitForAssembly(assembly);
-                if (!asm) {
-                    throw new Error(`Assembly ${data.assembly} failed to load`);
-                }
-                await view.navToSearchString({ input: loc, assembly: asm });
-                idsNotFound = [
-                    ...idsNotFound,
-                    ...tracks.map(trackId => tryTrackLGV({
-                        model: view,
-                        trackId,
-                    })),
-                ];
-            }));
-            idsNotFound = [
-                ...idsNotFound,
-                ...makeMultiDimArray(tracks).flatMap((trackSet, level) => trackSet.map(trackId => tryTrackSynteny({
-                    model,
-                    trackId,
-                    level,
-                }))),
-            ];
-            if (idsNotFound.filter(notEmpty).length) {
-                throw new Error(`Could not resolve identifiers: ${idsNotFound.join(',')}`);
-            }
-        }
-        catch (e) {
-            session.notifyError(`${e}`, e);
-            throw e;
-        }
+        const flatTracks = Array.isArray(tracks[0])
+            ? tracks.flat()
+            : tracks;
+        session.addView('LinearSyntenyView', {
+            init: {
+                views: views.map(v => ({
+                    loc: v.loc,
+                    assembly: v.assembly,
+                    tracks: v.tracks,
+                })),
+                tracks: flatTracks,
+            },
+        });
     });
 }
-function tryTrackLGV({ model, trackId, }) {
-    try {
-        model.showTrack(trackId);
-    }
-    catch (e) {
-        if (/Could not resolve identifier/.exec(`${e}`) ||
-            /track not found/.exec(`${e}`)) {
-            return trackId;
-        }
-        else {
-            throw e;
-        }
-    }
-    return undefined;
-}
-function tryTrackSynteny({ model, trackId, level, }) {
-    try {
-        model.showTrack(trackId, level);
-    }
-    catch (e) {
-        if (/Could not resolve identifier/.exec(`${e}`) ||
-            /track not found/.exec(`${e}`)) {
-            return trackId;
-        }
-        else {
-            throw e;
-        }
-    }
-    return undefined;
-}

package/esm/LinearComparativeDisplay/configSchemaF.d.ts

@@ -1,2 +1,2 @@
-declare function configSchemaFactory(_pluginManager: any): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
+declare function configSchemaFactory(_pluginManager: any): import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaType<{}, import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
 export default configSchemaFactory;

package/esm/LinearComparativeDisplay/index.js

@@ -1,6 +1,6 @@
 import DisplayType from '@jbrowse/core/pluggableElementTypes/DisplayType';
-import configSchemaFactory from './configSchemaF';
-import stateModelFactory from './stateModelFactory';
+import configSchemaFactory from "./configSchemaF.js";
+import stateModelFactory from "./stateModelFactory.js";
 export default function LinearComparativeDisplayF(pluginManager) {
     pluginManager.addDisplayType(() => {
         const configSchema = configSchemaFactory(pluginManager);

package/esm/LinearComparativeDisplay/stateModelFactory.d.ts

@@ -1,36 +1,36 @@
 import type { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
 import type { Feature } from '@jbrowse/core/util';
-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';
+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>>;
 } & {
-    type: import("mobx-state-tree").ISimpleType<"LinearComparativeDisplay">;
+    type: import("@jbrowse/mobx-state-tree").ISimpleType<"LinearComparativeDisplay">;
     configuration: AnyConfigurationSchemaType;
 }, {
     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>;
     }>;
@@ -39,81 +39,54 @@ 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;
-    renderProps(): any;
-    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;
-    setError(error?: unknown): void;
-    setRpcDriverName(rpcDriverName: string): void;
-    reload(): void;
+    readonly parentTrack: import("@jbrowse/core/util").AbstractTrackModel;
+    readonly parentDisplay: any;
+    readonly effectiveRpcDriverName: any;
 } & {
-    renderInProgress: string | undefined;
-    features: Feature[] | undefined;
-    message: string | undefined;
-    loadingStatus: string | undefined;
-} & {
-    readonly level: number;
-    readonly height: number;
-    renderProps(): {
-        rpcDriverName: string | undefined;
+    renderProps(): any;
+    renderingProps(): {
         displayModel: {
             id: string;
-            type: "LinearComparativeDisplay";
+            type: string;
             rpcDriverName: string | undefined;
-            configuration: {
-                [x: string]: any;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-                setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
-                    [x: string]: any;
-                } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-                    setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
-                        [x: string]: any;
-                    } & import("mobx-state-tree/dist/internal").NonEmptyObject & any & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>);
-                } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>);
-            } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+        } & import("@jbrowse/mobx-state-tree/dist/internal").NonEmptyObject & {
             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>;
             }>;
@@ -122,68 +95,51 @@ 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;
-            renderProps(): any;
-            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;
-            setError(error?: unknown): void;
-            setRpcDriverName(rpcDriverName: string): void;
-            reload(): void;
-        } & {
-            renderInProgress: string | undefined;
-            features: Feature[] | undefined;
-            message: string | undefined;
-            loadingStatus: 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>>;
-        } & {
-            type: import("mobx-state-tree").ISimpleType<"LinearComparativeDisplay">;
-            configuration: AnyConfigurationSchemaType;
+            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;
-            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>;
             }>;
@@ -192,41 +148,45 @@ 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;
-            renderProps(): any;
-            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;
-            setError(error?: unknown): void;
-            setRpcDriverName(rpcDriverName: string): void;
-            reload(): void;
-        } & {
-            renderInProgress: string | undefined;
-            features: Feature[] | undefined;
-            message: string | undefined;
-            loadingStatus: string | undefined;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-        highResolutionScaling: number;
+            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;
+} & {
+    setStatusMessage(arg?: string): void;
+    setError(error?: unknown): void;
+    setRpcDriverName(rpcDriverName: string): void;
+    reload(): void;
+} & {
+    renderInProgress: string | undefined;
+    features: Feature[] | undefined;
+    message: string | undefined;
+    loadingStatus: string | undefined;
+} & {
+    readonly level: number;
+    readonly height: number;
+    renderProps(): any;
 } & {
     setLoading(newStopToken: string): void;
     setMessage(messageText: string): void;
@@ -237,7 +197,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     setError(error: unknown): void;
 } & {
     afterAttach(): void;
-}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+}, import("@jbrowse/mobx-state-tree")._NotCustomized, import("@jbrowse/mobx-state-tree")._NotCustomized>;
 export default stateModelFactory;
 export type LinearComparativeDisplayModel = ReturnType<typeof stateModelFactory>;
 export type LinearComparativeDisplay = Instance<LinearComparativeDisplayModel>;

package/esm/LinearComparativeDisplay/stateModelFactory.js

@@ -3,7 +3,7 @@ import { BaseDisplay } from '@jbrowse/core/pluggableElementTypes/models';
 import { dedupe, getContainingView, getSession, makeAbortableReaction, } from '@jbrowse/core/util';
 import { stopStopToken } from '@jbrowse/core/util/stopToken';
 import { getRpcSessionId } from '@jbrowse/core/util/tracks';
-import { getParent, getSnapshot, types } from 'mobx-state-tree';
+import { getParent, getSnapshot, types } from '@jbrowse/mobx-state-tree';
 function stateModelFactory(configSchema) {
     return types
         .compose('LinearComparativeDisplay', BaseDisplay, types.model({
@@ -16,21 +16,22 @@ function stateModelFactory(configSchema) {
         message: undefined,
         loadingStatus: undefined,
     }))
-        .views(self => ({
-        get level() {
-            return getParent(self, 4).level;
-        },
-        get height() {
-            return getParent(self, 4).height;
-        },
-        renderProps() {
-            return {
-                rpcDriverName: self.rpcDriverName,
-                displayModel: self,
-                highResolutionScaling: 2,
-            };
-        },
-    }))
+        .views(self => {
+        const { renderProps: superRenderProps } = self;
+        return {
+            get level() {
+                return getParent(self, 4).level;
+            },
+            get height() {
+                return getParent(self, 4).height;
+            },
+            renderProps() {
+                return {
+                    ...superRenderProps(),
+                };
+            },
+        };
+    })
         .actions(self => {
         let stopToken;
         return {
@@ -131,7 +132,7 @@ async function renderBlockEffect(props) {
     const { model, sessionId, adapterConfig, level } = renderProps;
     const view = renderProps.view.views[level];
     return {
-        features: dedupe((await rpcManager.call('getFeats', 'CoreGetFeatures', {
+        features: dedupe((await rpcManager.call(sessionId, 'CoreGetFeatures', {
             regions: view.staticBlocks.contentBlocks,
             sessionId,
             adapterConfig,

package/esm/LinearComparativeView/components/ColorBySelector.d.ts

@@ -1,4 +1,4 @@
-import type { LinearComparativeViewModel } from '../model';
+import type { LinearComparativeViewModel } from '../model.ts';
 declare const ColorBySelector: ({ model, }: {
     model: LinearComparativeViewModel;
 }) => import("react/jsx-runtime").JSX.Element;

package/esm/LinearComparativeView/components/ColorBySelector.js

@@ -2,10 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
 import PaletteIcon from '@mui/icons-material/Palette';
 import { observer } from 'mobx-react';
-const ColorBySelector = observer(function ({ model, }) {
-    var _a, _b, _c;
-    const firstDisplay = (_b = (_a = model.levels[0]) === null || _a === void 0 ? void 0 : _a.tracks[0]) === null || _b === void 0 ? void 0 : _b.displays[0];
-    const colorBy = (_c = firstDisplay === null || firstDisplay === void 0 ? void 0 : firstDisplay.colorBy) !== null && _c !== void 0 ? _c : 'default';
+const ColorBySelector = observer(function ColorBySelector({ model, }) {
+    const firstDisplay = model.levels[0]?.tracks[0]?.displays[0];
+    const colorBy = firstDisplay?.colorBy ?? 'default';
     const setColorBy = (value) => {
         for (const level of model.levels) {
             for (const track of level.tracks) {

package/esm/LinearComparativeView/components/Header.d.ts

@@ -1,4 +1,4 @@
-import type { LinearComparativeViewModel } from '../model';
+import type { LinearComparativeViewModel } from '../model.ts';
 declare const Header: ({ model, }: {
     model: LinearComparativeViewModel;
 }) => import("react/jsx-runtime").JSX.Element;

package/esm/LinearComparativeView/components/Header.js

@@ -2,27 +2,26 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useState } from 'react';
 import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
 import { TrackSelector as TrackSelectorIcon } from '@jbrowse/core/ui/Icons';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import MoreVertIcon from '@mui/icons-material/MoreVert';
 import SearchIcon from '@mui/icons-material/Search';
 import { FormGroup } from '@mui/material';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
-import ColorBySelector from './ColorBySelector';
-import HeaderSearchBoxes from './HeaderSearchBoxes';
-import MinLengthSlider from './MinLengthSlider';
-import OpacitySlider from './OpacitySlider';
+import ColorBySelector from "./ColorBySelector.js";
+import HeaderSearchBoxes from "./HeaderSearchBoxes.js";
+import MinLengthSlider from "./MinLengthSlider.js";
+import OpacitySlider from "./OpacitySlider.js";
 const useStyles = makeStyles()({
     inline: {
         display: 'inline-flex',
     },
 });
-const Header = observer(function ({ model, }) {
-    var _a, _b;
+const Header = observer(function Header({ model, }) {
     const { classes } = useStyles();
     const { views, levels, showDynamicControls } = model;
     const [showSearchBoxes, setShowSearchBoxes] = useState(views.length <= 3);
     const [sideBySide, setSideBySide] = useState(views.length <= 3);
-    const hasDisplays = (_b = (_a = levels[0]) === null || _a === void 0 ? void 0 : _a.tracks[0]) === null || _b === void 0 ? void 0 : _b.displays[0];
+    const hasDisplays = levels[0]?.tracks[0]?.displays[0];
     return (_jsxs(FormGroup, { row: true, children: [_jsx(CascadingMenuButton, { menuItems: [
                     {
                         label: 'Synteny track selectors',
@@ -42,7 +41,7 @@ const Header = observer(function ({ model, }) {
                             onClick: () => view.activateTrackSelector(),
                         })),
                     },
-                ], children: _jsx(TrackSelectorIcon, {}) }), _jsx(CascadingMenuButton, { menuItems: [
+                ], children: _jsx(TrackSelectorIcon, {}) }), _jsx(CascadingMenuButton, { menuItems: () => [
                     {
                         label: 'Row view menus',
                         type: 'subMenu',

package/esm/LinearComparativeView/components/HeaderSearchBoxes.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getBpDisplayStr } from '@jbrowse/core/util';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import { SearchBox } from '@jbrowse/plugin-linear-genome-view';
 import { Typography } from '@mui/material';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
 const useStyles = makeStyles()(() => ({
     bp: {
         display: 'flex',
@@ -14,7 +14,7 @@ const useStyles = makeStyles()(() => ({
         display: 'flex',
     },
 }));
-const HeaderSearchBoxes = observer(function ({ view, }) {
+const HeaderSearchBoxes = observer(function HeaderSearchBoxes({ view, }) {
     const { classes } = useStyles();
     const { assemblyDisplayNames, coarseTotalBp } = view;
     return (_jsxs("span", { className: classes.searchBox, children: [_jsx(SearchBox, { model: view, showHelp: false }), _jsxs(Typography, { variant: "body2", color: "textSecondary", className: classes.bp, children: [assemblyDisplayNames.join(','), " ", getBpDisplayStr(coarseTotalBp)] })] }));

package/esm/LinearComparativeView/components/LinearComparativeRenderArea.d.ts

@@ -1,4 +1,4 @@
-import type { LinearComparativeViewModel } from '../model';
+import type { LinearComparativeViewModel } from '../model.ts';
 declare const LinearComparativeRenderArea: ({ model, }: {
     model: LinearComparativeViewModel;
 }) => import("react/jsx-runtime").JSX.Element;