@jbrowse/plugin-linear-genome-view 2.10.2 → 2.11.0

package/dist/LinearGenomeView/model.d.ts

@@ -81,6 +81,8 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     showCytobandsSetting: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
     trackLabels: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     showGridlines: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<Required<ParsedLocString>, Required<ParsedLocString>, Required<ParsedLocString>>>, [undefined]>;
+    colorByCDS: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
 }, {
     width: number;
 } & {
@@ -223,6 +225,10 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
      */
     readonly trackTypeActions: Map<string, MenuItem[]>;
 } & {
+    /**
+     * #action
+     */
+    setColorByCDS(flag: boolean): void;
     /**
      * #action
      */
@@ -251,6 +257,18 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
      * #action
      */
     setShowGridlines(b: boolean): void;
+    /**
+     * #action
+     */
+    addToHighlights(highlight: Required<ParsedLocString>): void;
+    /**
+     * #action
+     */
+    setHighlight(highlight: Required<ParsedLocString>[] | undefined): void;
+    /**
+     * #action
+     */
+    removeHighlight(highlight: Required<ParsedLocString>): void;
     /**
      * #action
      */
@@ -287,6 +305,22 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
      */
     hideTrack(trackId: string): number;
 } & {
+    /**
+     * #action
+     */
+    moveTrackDown(id: string): void;
+    /**
+     * #action
+     */
+    moveTrackUp(id: string): void;
+    /**
+     * #action
+     */
+    moveTrackToTop(id: string): void;
+    /**
+     * #action
+     */
+    moveTrackToBottom(id: string): void;
     /**
      * #action
      */
@@ -523,20 +557,21 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     bpToPx({ refName, coord, regionNumber, }: {
         refName: string;
         coord: number;
-        regionNumber?: number | undefined;
+        regionNumber?: number;
     }): {
         index: number;
         offsetPx: number;
     } | undefined;
     /**
      * #method
-     * scrolls the view to center on the given bp. if that is not in any
-     * of the displayed regions, does nothing
+     * scrolls the view to center on the given bp. if that is not in any of
+     * the displayed regions, does nothing
+     *
      * @param coord - basepair at which you want to center the view
      * @param refName - refName of the displayedRegion you are centering at
      * @param regionNumber - index of the displayedRegion
      */
-    centerAt(coord: number, refName: string, regionNumber: number): void;
+    centerAt(coord: number, refName: string, regionNumber?: number): void;
     /**
      * #method
      */
@@ -567,7 +602,37 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     } | undefined;
 } & {
     afterCreate(): void;
-}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+}, import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    displayName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    minimized: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+} & {
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    type: import("mobx-state-tree").IType<string | undefined, string, string>;
+    offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
+    bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
+    displayedRegions: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+        refName: import("mobx-state-tree").ISimpleType<string>;
+        start: import("mobx-state-tree").ISimpleType<number>;
+        end: import("mobx-state-tree").ISimpleType<number>;
+        reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+    } & {
+        assemblyName: import("mobx-state-tree").ISimpleType<string>;
+    }, {
+        setRefName(newRefName: string): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    tracks: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyType>;
+    hideHeader: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    hideHeaderOverview: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    hideNoTracksActive: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    trackSelectorType: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    showCenterLine: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+    showCytobandsSetting: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+    trackLabels: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    showGridlines: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<Required<ParsedLocString>, Required<ParsedLocString>, Required<ParsedLocString>>>, [undefined]>;
+    colorByCDS: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+}>>, import("mobx-state-tree")._NotCustomized>;
 export type LinearGenomeViewStateModel = ReturnType<typeof stateModelFactory>;
 export type LinearGenomeViewModel = Instance<LinearGenomeViewStateModel>;
 export { default as ReactComponent, default as LinearGenomeView, } from './components/LinearGenomeView';

package/dist/LinearGenomeView/model.js

@@ -50,6 +50,8 @@ const FolderOpen_1 = __importDefault(require("@mui/icons-material/FolderOpen"));
 const PhotoCamera_1 = __importDefault(require("@mui/icons-material/PhotoCamera"));
 const ZoomIn_1 = __importDefault(require("@mui/icons-material/ZoomIn"));
 const MenuOpen_1 = __importDefault(require("@mui/icons-material/MenuOpen"));
+const Palette_1 = __importDefault(require("@mui/icons-material/Palette"));
+const Search_1 = __importDefault(require("@mui/icons-material/Search"));
 const MiniControls_1 = __importDefault(require("./components/MiniControls"));
 const Header_1 = __importDefault(require("./components/Header"));
 const util_2 = require("./util");
@@ -126,7 +128,6 @@ function stateModelFactory(pluginManager) {
         tracks: mobx_state_tree_1.types.array(pluginManager.pluggableMstType('track', 'stateModel')),
         /**
          * #property
-         * array of currently displayed tracks state model's
          */
         hideHeader: false,
         /**
@@ -165,6 +166,16 @@ function stateModelFactory(pluginManager) {
          * show the "gridlines" in the track area
          */
         showGridlines: true,
+        /**
+         * #property
+         * highlights on the LGV from the URL parameters
+         */
+        highlight: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.array(mobx_state_tree_1.types.frozen()), []),
+        /**
+         * #property
+         * color by CDS
+         */
+        colorByCDS: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.boolean, () => Boolean(JSON.parse((0, util_1.localStorageGetItem)('lgv-colorByCDS') || 'false'))),
     }))
         .volatile(() => ({
         volatileWidth: undefined,
@@ -355,7 +366,7 @@ function stateModelFactory(pluginManager) {
             return {
                 ...(0, tracks_1.getParentRenderProps)(self),
                 bpPerPx: self.bpPerPx,
-                highResolutionScaling: (0, configuration_1.getConf)((0, util_1.getSession)(self), 'highResolutionScaling'),
+                colorByCDS: self.colorByCDS,
             };
         },
         /**
@@ -426,6 +437,12 @@ function stateModelFactory(pluginManager) {
         },
     }))
         .actions(self => ({
+        /**
+         * #action
+         */
+        setColorByCDS(flag) {
+            self.colorByCDS = flag;
+        },
         /**
          * #action
          */
@@ -468,6 +485,25 @@ function stateModelFactory(pluginManager) {
         setShowGridlines(b) {
             self.showGridlines = b;
         },
+        /**
+         * #action
+         */
+        addToHighlights(highlight) {
+            var _a;
+            (_a = self.highlight) === null || _a === void 0 ? void 0 : _a.push(highlight);
+        },
+        /**
+         * #action
+         */
+        setHighlight(highlight) {
+            self.highlight = (0, mobx_state_tree_1.cast)(highlight);
+        },
+        /**
+         * #action
+         */
+        removeHighlight(highlight) {
+            self.highlight.remove(highlight);
+        },
         /**
          * #action
          */
@@ -587,6 +623,47 @@ function stateModelFactory(pluginManager) {
         },
     }))
         .actions(self => ({
+        /**
+         * #action
+         */
+        moveTrackDown(id) {
+            const idx = self.tracks.findIndex(v => v.id === id);
+            if (idx === -1) {
+                return;
+            }
+            if (idx !== -1 && idx < self.tracks.length - 1) {
+                self.tracks.splice(idx, 2, self.tracks[idx + 1], self.tracks[idx]);
+            }
+        },
+        /**
+         * #action
+         */
+        moveTrackUp(id) {
+            const idx = self.tracks.findIndex(track => track.id === id);
+            if (idx > 0) {
+                self.tracks.splice(idx - 1, 2, self.tracks[idx], self.tracks[idx - 1]);
+            }
+        },
+        /**
+         * #action
+         */
+        moveTrackToTop(id) {
+            const idx = self.tracks.findIndex(track => track.id === id);
+            self.tracks = (0, mobx_state_tree_1.cast)([
+                self.tracks[idx],
+                ...self.tracks.filter(track => track.id !== id),
+            ]);
+        },
+        /**
+         * #action
+         */
+        moveTrackToBottom(id) {
+            const idx = self.tracks.findIndex(track => track.id === id);
+            self.tracks = (0, mobx_state_tree_1.cast)([
+                ...self.tracks.filter(track => track.id !== id),
+                self.tracks[idx],
+            ]);
+        },
         /**
          * #action
          */
@@ -599,9 +676,9 @@ function stateModelFactory(pluginManager) {
             if (newIndex === -1) {
                 throw new Error(`Track ID ${targetId} not found`);
             }
-            const track = (0, mobx_state_tree_1.getSnapshot)(self.tracks[oldIndex]);
-            self.tracks.splice(oldIndex, 1);
-            self.tracks.splice(newIndex, 0, track);
+            const tracks = self.tracks.filter((_, idx) => idx !== oldIndex);
+            tracks.splice(newIndex, 0, self.tracks[oldIndex]);
+            self.tracks = (0, mobx_state_tree_1.cast)(tracks);
         },
         /**
          * #action
@@ -792,7 +869,7 @@ function stateModelFactory(pluginManager) {
          * perform animated slide
          */
         function slide(viewWidths) {
-            const [animate, cancelAnimation] = (0, util_1.springAnimate)(self.offsetPx, self.offsetPx + self.width * viewWidths, self.scrollTo);
+            const [animate, cancelAnimation] = (0, util_1.springAnimate)(self.offsetPx, self.offsetPx + self.width * viewWidths, self.scrollTo, undefined, undefined, 200);
             cancelLastAnimation();
             cancelLastAnimation = cancelAnimation;
             animate();
@@ -879,6 +956,7 @@ function stateModelFactory(pluginManager) {
                     ? [
                         {
                             label: 'Sequence search',
+                            icon: Search_1.default,
                             onClick: () => {
                                 (0, util_1.getSession)(self).queueDialog(handleClose => [
                                     SequenceSearchDialog,
@@ -908,6 +986,13 @@ function stateModelFactory(pluginManager) {
                     icon: SyncAlt_1.default,
                     onClick: self.horizontallyFlip,
                 },
+                {
+                    label: 'Color by CDS',
+                    type: 'checkbox',
+                    checked: self.colorByCDS,
+                    icon: Palette_1.default,
+                    onClick: () => self.setColorByCDS(!self.colorByCDS),
+                },
                 {
                     label: 'Show...',
                     icon: Visibility_1.default,
@@ -1072,11 +1157,10 @@ function stateModelFactory(pluginManager) {
             }, { delay: 150 }));
             (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(() => {
                 const s = (s) => JSON.stringify(s);
-                const { showCytobandsSetting, showCenterLine } = self;
-                if (typeof localStorage !== 'undefined') {
-                    localStorage.setItem('lgv-showCytobands', s(showCytobandsSetting));
-                    localStorage.setItem('lgv-showCenterLine', s(showCenterLine));
-                }
+                const { showCytobandsSetting, showCenterLine, colorByCDS } = self;
+                (0, util_1.localStorageSetItem)('lgv-showCytobands', s(showCytobandsSetting));
+                (0, util_1.localStorageSetItem)('lgv-showCenterLine', s(showCenterLine));
+                (0, util_1.localStorageSetItem)('lgv-colorByCDS', s(colorByCDS));
             }));
         },
     }))
@@ -1260,8 +1344,9 @@ function stateModelFactory(pluginManager) {
         },
         /**
          * #method
-         * scrolls the view to center on the given bp. if that is not in any
-         * of the displayed regions, does nothing
+         * scrolls the view to center on the given bp. if that is not in any of
+         * the displayed regions, does nothing
+         *
          * @param coord - basepair at which you want to center the view
          * @param refName - refName of the displayedRegion you are centering at
          * @param regionNumber - index of the displayedRegion
@@ -1319,7 +1404,19 @@ function stateModelFactory(pluginManager) {
                 document.removeEventListener('keydown', handler);
             });
         },
-    }));
+    }))
+        .preProcessSnapshot(snap => {
+        if (!snap) {
+            return snap;
+        }
+        const { highlight, ...rest } = snap;
+        return {
+            highlight: Array.isArray(highlight) || highlight === undefined
+                ? highlight
+                : [highlight],
+            ...rest,
+        };
+    });
 }
 exports.stateModelFactory = stateModelFactory;
 var LinearGenomeView_1 = require("./components/LinearGenomeView");

package/dist/LinearGenomeView/svgcomponents/SVGLinearGenomeView.js

@@ -19,7 +19,7 @@ const util_2 = require("./util");
 // render LGV to SVG
 async function renderToSvg(model, opts) {
     await (0, mobx_1.when)(() => model.initialized);
-    const { textHeight = 18, headerHeight = 40, rulerHeight = 50, fontSize = 13, cytobandHeight = 100, trackLabels = 'offset', themeName = 'default', Wrapper = ({ children }) => react_1.default.createElement(react_1.default.Fragment, null, children), } = opts;
+    const { textHeight = 18, headerHeight = 40, rulerHeight = 50, fontSize = 13, cytobandHeight = 100, trackLabels = 'offset', themeName = 'default', Wrapper = ({ children }) => children, } = opts;
     const session = (0, util_1.getSession)(model);
     const { allThemes } = session;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/dist/LinearGenomeView/util.d.ts

@@ -24,8 +24,8 @@ export declare function generateLocations(regions: ParsedLocString[] | undefined
     assemblyName: string;
     parentRegion: import("@jbrowse/core/assemblyManager/assembly").BasicRegion;
     end?: number | undefined;
-    reversed?: boolean | undefined;
     start?: number | undefined;
+    reversed?: boolean | undefined;
     refName: string;
 }[]>;
 /**