@jbrowse/plugin-data-management 2.11.0 → 2.11.1

package/dist/AddConnectionWidget/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function AddConnectionWidgetF(pluginManager: PluginManager): void;

package/dist/AddConnectionWidget/index.js

@@ -31,7 +31,7 @@ const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
 const react_1 = require("react");
 const model_1 = __importDefault(require("./model"));
 const configSchema = (0, configuration_1.ConfigurationSchema)('AddConnectionWidget', {});
-exports.default = (pluginManager) => {
+function AddConnectionWidgetF(pluginManager) {
     pluginManager.addWidgetType(() => {
         return new pluggableElementTypes_1.WidgetType({
             name: 'AddConnectionWidget',
@@ -41,4 +41,5 @@ exports.default = (pluginManager) => {
             ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/AddConnectionWidget')))),
         });
     });
-};
+}
+exports.default = AddConnectionWidgetF;

package/dist/AddTrackWidget/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function AddTrackWidgetF(pluginManager: PluginManager): void;

package/dist/AddTrackWidget/index.js

@@ -31,7 +31,7 @@ const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
 const react_1 = require("react");
 const model_1 = __importDefault(require("./model"));
 const configSchema = (0, configuration_1.ConfigurationSchema)('AddTrackWidget', {});
-exports.default = (pluginManager) => {
+function AddTrackWidgetF(pluginManager) {
     pluginManager.addWidgetType(() => {
         return new pluggableElementTypes_1.WidgetType({
             name: 'AddTrackWidget',
@@ -41,4 +41,5 @@ exports.default = (pluginManager) => {
             ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/AddTrackWidget')))),
         });
     });
-};
+}
+exports.default = AddTrackWidgetF;

package/dist/HierarchicalTrackSelectorWidget/index.d.ts

@@ -1,5 +1,4 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function HierarchicalTrackSelectorWidgetF(pluginManager: PluginManager): void;
 export { type HierarchicalTrackSelectorModel, default as stateModelFactory, } from './model';
 export { default as configSchema } from './configSchema';

package/dist/HierarchicalTrackSelectorWidget/index.js

@@ -31,7 +31,7 @@ const model_1 = __importDefault(require("./model"));
 const configSchema_1 = __importDefault(require("./configSchema"));
 const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
 const react_1 = require("react");
-exports.default = (pluginManager) => {
+function HierarchicalTrackSelectorWidgetF(pluginManager) {
     pluginManager.addWidgetType(() => {
         return new pluggableElementTypes_1.WidgetType({
             name: 'HierarchicalTrackSelectorWidget',
@@ -41,7 +41,8 @@ exports.default = (pluginManager) => {
             ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/HierarchicalTrackSelector')))),
         });
     });
-};
+}
+exports.default = HierarchicalTrackSelectorWidgetF;
 var model_2 = require("./model");
 Object.defineProperty(exports, "stateModelFactory", { enumerable: true, get: function () { return __importDefault(model_2).default; } });
 var configSchema_2 = require("./configSchema");

package/dist/HierarchicalTrackSelectorWidget/model.d.ts

@@ -14,22 +14,6 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
      * #property
      */
     type: import("mobx-state-tree").ISimpleType<"HierarchicalTrackSelectorWidget">;
-    /**
-     * #property
-     */
-    initialized: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<boolean>>;
-    /**
-     * #property
-     */
-    collapsed: import("mobx-state-tree").IMapType<import("mobx-state-tree").ISimpleType<boolean>>;
-    /**
-     * #property
-     */
-    sortTrackNames: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<boolean>>;
-    /**
-     * #property
-     */
-    sortCategories: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<boolean>>;
     /**
      * #property
      */
@@ -107,6 +91,9 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
         setSubschema(slotName: string, data: unknown): any;
     } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>)[];
+    sortTrackNames: boolean;
+    sortCategories: boolean;
+    collapsed: import("mobx").ObservableMap<string, boolean>;
     filterText: string;
     recentlyUsedCounter: number;
     favoritesCounter: number;
@@ -131,6 +118,10 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
      * #getter
      */
     readonly recentlyUsedSet: Set<string>;
+    /**
+     * #getter
+     */
+    readonly assemblyNames: string[];
 } & {
     /**
      * #action
@@ -208,6 +199,10 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
      * #action
      */
     expandAllCategories(): void;
+    /**
+     * #action
+     */
+    setCollapsedCategories(str: [string, boolean][]): void;
     /**
      * #action
      */
@@ -237,24 +232,11 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
     /**
      * #getter
      */
-    readonly assemblyNames: string[];
-} & {
-    /**
-     * #getter
-     */
-    readonly recentlyUsedLocalStorageKey: string;
+    readonly activeSortTrackNames: boolean;
     /**
      * #getter
      */
-    readonly favoritesLocalStorageKey: string;
-    /**
-     * #getter
-     */
-    readonly activeSortTrackNames: any;
-    /**
-     * #getter
-     */
-    readonly activeSortCategories: any;
+    readonly activeSortCategories: boolean;
     /**
      * #getter
      * filter out tracks that don't match the current assembly/display types
@@ -340,8 +322,6 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
      * #action
      */
     collapseTopLevelCategories(): void;
-} & {
-    afterCreate(): void;
 } & {
     /**
      * #getter

package/dist/HierarchicalTrackSelectorWidget/model.js

@@ -10,21 +10,52 @@ const filterTracks_1 = require("./filterTracks");
 const generateHierarchy_1 = require("./generateHierarchy");
 const util_2 = require("./util");
 const facetedModel_1 = require("./facetedModel");
-// for settings that are config dependent
-function postNoConfigF() {
+// for settings that are not config dependent
+function keyNoConfigPostFix() {
     return typeof window !== 'undefined'
         ? [window.location.host, window.location.pathname].join('-')
         : 'empty';
 }
-// for settings that are not config dependent
-function postF() {
+// for settings that are config dependent
+function keyConfigPostFix() {
     return typeof window !== 'undefined'
         ? [
-            postNoConfigF(),
+            keyNoConfigPostFix(),
             new URLSearchParams(window.location.search).get('config'),
         ].join('-')
         : 'empty';
 }
+function recentlyUsedK(assemblyNames) {
+    return ['recentlyUsedTracks', keyConfigPostFix(), assemblyNames.join(',')]
+        .filter(f => !!f)
+        .join('-');
+}
+// this has a extra } at the end because that's how it was initially
+// released
+function favoritesK() {
+    return `favoriteTracks-${keyConfigPostFix()}}`;
+}
+function collapsedK(assemblyNames, viewType) {
+    return [
+        'collapsedCategories',
+        keyConfigPostFix(),
+        assemblyNames.join(','),
+        viewType,
+    ].join('-');
+}
+function sortTrackNamesK() {
+    return 'sortTrackNames';
+}
+function sortCategoriesK() {
+    return 'sortCategories';
+}
+function localStorageGetJSON(key, defaultValue) {
+    var _a;
+    return JSON.parse((_a = (0, util_1.localStorageGetItem)(key)) !== null && _a !== void 0 ? _a : defaultValue);
+}
+function localStorageSetJSON(key, val) {
+    (0, util_1.localStorageSetItem)(key, JSON.stringify(val));
+}
 const MAX_RECENTLY_USED = 10;
 /**
  * #stateModel HierarchicalTrackSelectorWidget
@@ -40,22 +71,6 @@ function stateTreeFactory(pluginManager) {
          * #property
          */
         type: mobx_state_tree_1.types.literal('HierarchicalTrackSelectorWidget'),
-        /**
-         * #property
-         */
-        initialized: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.boolean),
-        /**
-         * #property
-         */
-        collapsed: mobx_state_tree_1.types.map(mobx_state_tree_1.types.boolean),
-        /**
-         * #property
-         */
-        sortTrackNames: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.boolean),
-        /**
-         * #property
-         */
-        sortCategories: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.boolean),
         /**
          * #property
          */
@@ -66,9 +81,12 @@ function stateTreeFactory(pluginManager) {
         faceted: mobx_state_tree_1.types.optional((0, facetedModel_1.facetedStateTreeF)(), {}),
     })
         .volatile(() => ({
-        favorites: [],
+        favorites: localStorageGetJSON(favoritesK(), '[]'),
         recentlyUsed: [],
         selection: [],
+        sortTrackNames: !!localStorageGetJSON(sortTrackNamesK(), 'false'),
+        sortCategories: !!localStorageGetJSON(sortCategoriesK(), 'false'),
+        collapsed: mobx_1.observable.map(),
         filterText: '',
         recentlyUsedCounter: 0,
         favoritesCounter: 0,
@@ -99,6 +117,13 @@ function stateTreeFactory(pluginManager) {
         get recentlyUsedSet() {
             return new Set(self.recentlyUsed);
         },
+        /**
+         * #getter
+         */
+        get assemblyNames() {
+            var _a;
+            return ((_a = self.view) === null || _a === void 0 ? void 0 : _a.assemblyNames) || [];
+        },
     }))
         .actions(self => ({
         /**
@@ -223,6 +248,12 @@ function stateTreeFactory(pluginManager) {
         expandAllCategories() {
             self.collapsed.clear();
         },
+        /**
+         * #action
+         */
+        setCollapsedCategories(str) {
+            self.collapsed.replace(str);
+        },
         /**
          * #action
          */
@@ -263,43 +294,17 @@ function stateTreeFactory(pluginManager) {
             const assembly = assemblyManager.get(assemblyName);
             const trackConf = assembly === null || assembly === void 0 ? void 0 : assembly.configuration.sequence;
             const viewType = pluginManager.getViewType(self.view.type);
-            if (!trackConf) {
-                return undefined;
-            }
-            for (const display of trackConf.displays) {
-                if (viewType.displayTypes.some(d => d.name === display.type)) {
-                    return trackConf;
+            if (trackConf) {
+                for (const display of trackConf.displays) {
+                    if (viewType.displayTypes.some(d => d.name === display.type)) {
+                        return trackConf;
+                    }
                 }
             }
             return undefined;
         },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
-        get assemblyNames() {
-            var _a;
-            return ((_a = self.view) === null || _a === void 0 ? void 0 : _a.assemblyNames) || [];
-        },
-    }))
-        .views(self => ({
-        /**
-         * #getter
-         */
-        get recentlyUsedLocalStorageKey() {
-            return `recentlyUsedTracks-${[postF(), self.assemblyNames.join(',')]
-                .filter(f => !!f)
-                .join('-')}`;
-        },
-        /**
-         * #getter
-         */
-        get favoritesLocalStorageKey() {
-            // this has a extra } at the end because that's how it was initially
-            // released
-            return `favoriteTracks-${postF()}}`;
-        },
         /**
          * #getter
          */
@@ -434,35 +439,6 @@ function stateTreeFactory(pluginManager) {
                 self.setCategoryCollapsed(path, true);
             }
         },
-    }))
-        .actions(self => ({
-        afterCreate() {
-            if (!self.initialized) {
-                const session = (0, util_1.getSession)(self);
-                if ((0, configuration_1.getConf)(session, [
-                    'hierarchical',
-                    'defaultCollapsed',
-                    'topLevelCategories',
-                ])) {
-                    self.collapseTopLevelCategories();
-                }
-                if ((0, configuration_1.getConf)(session, [
-                    'hierarchical',
-                    'defaultCollapsed',
-                    'subCategories',
-                ])) {
-                    self.collapseSubCategories();
-                }
-                for (const entry of (0, configuration_1.getConf)(session, [
-                    'hierarchical',
-                    'defaultCollapsed',
-                    'categoryNames',
-                ])) {
-                    self.collapsed.set(entry, true);
-                }
-                self.initialized = true;
-            }
-        },
     }))
         .views(self => ({
         /**
@@ -476,13 +452,46 @@ function stateTreeFactory(pluginManager) {
         afterAttach() {
             // this should be the first autorun to properly initialize
             (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(() => {
-                self.setRecentlyUsed(JSON.parse((0, util_1.localStorageGetItem)(self.recentlyUsedLocalStorageKey) || '[]'));
-                self.setFavorites(JSON.parse((0, util_1.localStorageGetItem)(self.favoritesLocalStorageKey) || '[]'));
+                const { assemblyNames, view } = self;
+                self.setRecentlyUsed(localStorageGetJSON(recentlyUsedK(assemblyNames), '[]'));
+                const val = (0, util_1.localStorageGetItem)(collapsedK(assemblyNames, view.type));
+                if (!val) {
+                    self.expandAllCategories();
+                    const session = (0, util_1.getSession)(self);
+                    if ((0, configuration_1.getConf)(session, [
+                        'hierarchical',
+                        'defaultCollapsed',
+                        'topLevelCategories',
+                    ])) {
+                        self.collapseTopLevelCategories();
+                    }
+                    if ((0, configuration_1.getConf)(session, [
+                        'hierarchical',
+                        'defaultCollapsed',
+                        'subCategories',
+                    ])) {
+                        self.collapseSubCategories();
+                    }
+                    for (const entry of (0, configuration_1.getConf)(session, [
+                        'hierarchical',
+                        'defaultCollapsed',
+                        'categoryNames',
+                    ])) {
+                        self.setCategoryCollapsed(`Tracks-${entry}`, true);
+                    }
+                }
+                else {
+                    self.setCollapsedCategories(JSON.parse(val));
+                }
             }));
             // this should be the second autorun
             (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(() => {
-                (0, util_1.localStorageSetItem)(self.favoritesLocalStorageKey, JSON.stringify(self.favorites));
-                (0, util_1.localStorageSetItem)(self.recentlyUsedLocalStorageKey, JSON.stringify(self.recentlyUsed));
+                const { assemblyNames, collapsed, view } = self;
+                localStorageSetJSON(recentlyUsedK(assemblyNames), self.recentlyUsed);
+                localStorageSetJSON(collapsedK(assemblyNames, view.type), collapsed);
+                localStorageSetJSON(favoritesK(), self.favorites);
+                localStorageSetJSON(sortTrackNamesK(), self.sortTrackNames);
+                localStorageSetJSON(sortCategoriesK(), self.sortCategories);
             }));
         },
     }));

package/dist/HierarchicalTrackSelectorWidget/util.d.ts

@@ -7,6 +7,6 @@ interface Node {
     children: Node[];
     id: string;
 }
-export declare function findSubCategories(obj: Node[], paths: string[]): boolean;
+export declare function findSubCategories(obj: Node[], paths: string[], depth?: number): boolean;
 export declare function findTopLevelCategories(obj: Node[], paths: string[]): void;
 export {};

package/dist/HierarchicalTrackSelectorWidget/util.js

@@ -27,12 +27,13 @@ function matches(query, conf, session) {
         !!categories.filter(c => c.toLowerCase().includes(queryLower)).length);
 }
 exports.matches = matches;
-function findSubCategories(obj, paths) {
+function findSubCategories(obj, paths, depth = 0) {
     let hasSubs = false;
     for (const elt of obj) {
         if (elt.children.length) {
-            const hasSubCategories = findSubCategories(elt.children, paths);
-            if (hasSubCategories) {
+            const hasSubCategories = findSubCategories(elt.children, paths, depth + 1);
+            // avoid pushing the root "Tracks" node by checking depth>0
+            if (hasSubCategories && depth > 0) {
                 paths.push(elt.id);
             }
         }

package/dist/PluginStoreWidget/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function PluginStoreWidgetF(pluginManager: PluginManager): void;

package/dist/PluginStoreWidget/index.js

@@ -31,7 +31,7 @@ const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
 const react_1 = require("react");
 const model_1 = __importDefault(require("./model"));
 const configSchema = (0, configuration_1.ConfigurationSchema)('PluginStoreWidget', {});
-exports.default = (pluginManager) => {
+function PluginStoreWidgetF(pluginManager) {
     pluginManager.addWidgetType(() => {
         return new pluggableElementTypes_1.WidgetType({
             name: 'PluginStoreWidget',
@@ -41,4 +41,5 @@ exports.default = (pluginManager) => {
             ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/PluginStoreWidget')))),
         });
     });
-};
+}
+exports.default = PluginStoreWidgetF;

package/dist/index.d.ts

@@ -5,7 +5,7 @@ declare const AssemblyManager: import("react").LazyExoticComponent<({ rootModel,
     rootModel: any;
     onClose: (arg: boolean) => void;
 }) => import("react").JSX.Element>;
-export default class extends Plugin {
+export default class DataManagementPlugin extends Plugin {
     name: string;
     exports: {
         AssemblyManager: import("react").LazyExoticComponent<({ rootModel, onClose, }: {

package/dist/index.js

@@ -36,7 +36,7 @@ const PluginStoreWidget_1 = __importDefault(require("./PluginStoreWidget"));
 const HierarchicalTrackSelectorWidget_1 = __importDefault(require("./HierarchicalTrackSelectorWidget"));
 const AssemblyManager = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./AssemblyManager'))));
 exports.AssemblyManager = AssemblyManager;
-class default_1 extends Plugin_1.default {
+class DataManagementPlugin extends Plugin_1.default {
     constructor() {
         super(...arguments);
         this.name = 'DataManagementPlugin';
@@ -53,4 +53,4 @@ class default_1 extends Plugin_1.default {
     }
     configure(_pluginManager) { }
 }
-exports.default = default_1;
+exports.default = DataManagementPlugin;

package/dist/ucsc-trackhub/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function UCSCTrackHubConnectionF(pluginManager: PluginManager): void;

package/dist/ucsc-trackhub/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
 const model_1 = __importDefault(require("./model"));
 const configSchema_1 = __importDefault(require("./configSchema"));
-exports.default = (pluginManager) => {
+function UCSCTrackHubConnectionF(pluginManager) {
     pluginManager.addConnectionType(() => new pluggableElementTypes_1.ConnectionType({
         name: 'UCSCTrackHubConnection',
         configSchema: configSchema_1.default,
@@ -15,4 +15,5 @@ exports.default = (pluginManager) => {
         description: 'A track or assembly hub in the Track Hub format',
         url: '//genome.ucsc.edu/goldenPath/help/hgTrackHubHelp.html#Intro',
     }));
-};
+}
+exports.default = UCSCTrackHubConnectionF;

package/esm/AddConnectionWidget/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function AddConnectionWidgetF(pluginManager: PluginManager): void;

package/esm/AddConnectionWidget/index.js

@@ -3,7 +3,7 @@ import { WidgetType } from '@jbrowse/core/pluggableElementTypes';
 import { lazy } from 'react';
 import stateModel from './model';
 const configSchema = ConfigurationSchema('AddConnectionWidget', {});
-export default (pluginManager) => {
+export default function AddConnectionWidgetF(pluginManager) {
     pluginManager.addWidgetType(() => {
         return new WidgetType({
             name: 'AddConnectionWidget',
@@ -13,4 +13,4 @@ export default (pluginManager) => {
             ReactComponent: lazy(() => import('./components/AddConnectionWidget')),
         });
     });
-};
+}

package/esm/AddTrackWidget/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function AddTrackWidgetF(pluginManager: PluginManager): void;

package/esm/AddTrackWidget/index.js

@@ -3,7 +3,7 @@ import { WidgetType } from '@jbrowse/core/pluggableElementTypes';
 import { lazy } from 'react';
 import stateModelFactory from './model';
 const configSchema = ConfigurationSchema('AddTrackWidget', {});
-export default (pluginManager) => {
+export default function AddTrackWidgetF(pluginManager) {
     pluginManager.addWidgetType(() => {
         return new WidgetType({
             name: 'AddTrackWidget',
@@ -13,4 +13,4 @@ export default (pluginManager) => {
             ReactComponent: lazy(() => import('./components/AddTrackWidget')),
         });
     });
-};
+}

package/esm/HierarchicalTrackSelectorWidget/index.d.ts

@@ -1,5 +1,4 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function HierarchicalTrackSelectorWidgetF(pluginManager: PluginManager): void;
 export { type HierarchicalTrackSelectorModel, default as stateModelFactory, } from './model';
 export { default as configSchema } from './configSchema';

package/esm/HierarchicalTrackSelectorWidget/index.js

@@ -2,7 +2,7 @@ import stateModelFactory from './model';
 import configSchema from './configSchema';
 import { WidgetType } from '@jbrowse/core/pluggableElementTypes';
 import { lazy } from 'react';
-export default (pluginManager) => {
+export default function HierarchicalTrackSelectorWidgetF(pluginManager) {
     pluginManager.addWidgetType(() => {
         return new WidgetType({
             name: 'HierarchicalTrackSelectorWidget',
@@ -12,6 +12,6 @@ export default (pluginManager) => {
             ReactComponent: lazy(() => import('./components/HierarchicalTrackSelector')),
         });
     });
-};
+}
 export { default as stateModelFactory, } from './model';
 export { default as configSchema } from './configSchema';

package/esm/HierarchicalTrackSelectorWidget/model.d.ts

@@ -14,22 +14,6 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
      * #property
      */
     type: import("mobx-state-tree").ISimpleType<"HierarchicalTrackSelectorWidget">;
-    /**
-     * #property
-     */
-    initialized: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<boolean>>;
-    /**
-     * #property
-     */
-    collapsed: import("mobx-state-tree").IMapType<import("mobx-state-tree").ISimpleType<boolean>>;
-    /**
-     * #property
-     */
-    sortTrackNames: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<boolean>>;
-    /**
-     * #property
-     */
-    sortCategories: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<boolean>>;
     /**
      * #property
      */
@@ -107,6 +91,9 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
         setSubschema(slotName: string, data: unknown): any;
     } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>)[];
+    sortTrackNames: boolean;
+    sortCategories: boolean;
+    collapsed: import("mobx").ObservableMap<string, boolean>;
     filterText: string;
     recentlyUsedCounter: number;
     favoritesCounter: number;
@@ -131,6 +118,10 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
      * #getter
      */
     readonly recentlyUsedSet: Set<string>;
+    /**
+     * #getter
+     */
+    readonly assemblyNames: string[];
 } & {
     /**
      * #action
@@ -208,6 +199,10 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
      * #action
      */
     expandAllCategories(): void;
+    /**
+     * #action
+     */
+    setCollapsedCategories(str: [string, boolean][]): void;
     /**
      * #action
      */
@@ -237,24 +232,11 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
     /**
      * #getter
      */
-    readonly assemblyNames: string[];
-} & {
-    /**
-     * #getter
-     */
-    readonly recentlyUsedLocalStorageKey: string;
+    readonly activeSortTrackNames: boolean;
     /**
      * #getter
      */
-    readonly favoritesLocalStorageKey: string;
-    /**
-     * #getter
-     */
-    readonly activeSortTrackNames: any;
-    /**
-     * #getter
-     */
-    readonly activeSortCategories: any;
+    readonly activeSortCategories: boolean;
     /**
      * #getter
      * filter out tracks that don't match the current assembly/display types
@@ -340,8 +322,6 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
      * #action
      */
     collapseTopLevelCategories(): void;
-} & {
-    afterCreate(): void;
 } & {
     /**
      * #getter

package/esm/HierarchicalTrackSelectorWidget/model.js

@@ -1,5 +1,5 @@
 import { types, addDisposer } from 'mobx-state-tree';
-import { autorun } from 'mobx';
+import { autorun, observable } from 'mobx';
 import { getConf, readConfObject, } from '@jbrowse/core/configuration';
 import { dedupe, getSession, localStorageGetItem, localStorageSetItem, notEmpty, } from '@jbrowse/core/util';
 import { ElementId } from '@jbrowse/core/util/types/mst';
@@ -8,21 +8,52 @@ import { filterTracks } from './filterTracks';
 import { generateHierarchy } from './generateHierarchy';
 import { findSubCategories, findTopLevelCategories } from './util';
 import { facetedStateTreeF } from './facetedModel';
-// for settings that are config dependent
-function postNoConfigF() {
+// for settings that are not config dependent
+function keyNoConfigPostFix() {
     return typeof window !== 'undefined'
         ? [window.location.host, window.location.pathname].join('-')
         : 'empty';
 }
-// for settings that are not config dependent
-function postF() {
+// for settings that are config dependent
+function keyConfigPostFix() {
     return typeof window !== 'undefined'
         ? [
-            postNoConfigF(),
+            keyNoConfigPostFix(),
             new URLSearchParams(window.location.search).get('config'),
         ].join('-')
         : 'empty';
 }
+function recentlyUsedK(assemblyNames) {
+    return ['recentlyUsedTracks', keyConfigPostFix(), assemblyNames.join(',')]
+        .filter(f => !!f)
+        .join('-');
+}
+// this has a extra } at the end because that's how it was initially
+// released
+function favoritesK() {
+    return `favoriteTracks-${keyConfigPostFix()}}`;
+}
+function collapsedK(assemblyNames, viewType) {
+    return [
+        'collapsedCategories',
+        keyConfigPostFix(),
+        assemblyNames.join(','),
+        viewType,
+    ].join('-');
+}
+function sortTrackNamesK() {
+    return 'sortTrackNames';
+}
+function sortCategoriesK() {
+    return 'sortCategories';
+}
+function localStorageGetJSON(key, defaultValue) {
+    var _a;
+    return JSON.parse((_a = localStorageGetItem(key)) !== null && _a !== void 0 ? _a : defaultValue);
+}
+function localStorageSetJSON(key, val) {
+    localStorageSetItem(key, JSON.stringify(val));
+}
 const MAX_RECENTLY_USED = 10;
 /**
  * #stateModel HierarchicalTrackSelectorWidget
@@ -38,22 +69,6 @@ export default function stateTreeFactory(pluginManager) {
          * #property
          */
         type: types.literal('HierarchicalTrackSelectorWidget'),
-        /**
-         * #property
-         */
-        initialized: types.maybe(types.boolean),
-        /**
-         * #property
-         */
-        collapsed: types.map(types.boolean),
-        /**
-         * #property
-         */
-        sortTrackNames: types.maybe(types.boolean),
-        /**
-         * #property
-         */
-        sortCategories: types.maybe(types.boolean),
         /**
          * #property
          */
@@ -64,9 +79,12 @@ export default function stateTreeFactory(pluginManager) {
         faceted: types.optional(facetedStateTreeF(), {}),
     })
         .volatile(() => ({
-        favorites: [],
+        favorites: localStorageGetJSON(favoritesK(), '[]'),
         recentlyUsed: [],
         selection: [],
+        sortTrackNames: !!localStorageGetJSON(sortTrackNamesK(), 'false'),
+        sortCategories: !!localStorageGetJSON(sortCategoriesK(), 'false'),
+        collapsed: observable.map(),
         filterText: '',
         recentlyUsedCounter: 0,
         favoritesCounter: 0,
@@ -97,6 +115,13 @@ export default function stateTreeFactory(pluginManager) {
         get recentlyUsedSet() {
             return new Set(self.recentlyUsed);
         },
+        /**
+         * #getter
+         */
+        get assemblyNames() {
+            var _a;
+            return ((_a = self.view) === null || _a === void 0 ? void 0 : _a.assemblyNames) || [];
+        },
     }))
         .actions(self => ({
         /**
@@ -221,6 +246,12 @@ export default function stateTreeFactory(pluginManager) {
         expandAllCategories() {
             self.collapsed.clear();
         },
+        /**
+         * #action
+         */
+        setCollapsedCategories(str) {
+            self.collapsed.replace(str);
+        },
         /**
          * #action
          */
@@ -261,43 +292,17 @@ export default function stateTreeFactory(pluginManager) {
             const assembly = assemblyManager.get(assemblyName);
             const trackConf = assembly === null || assembly === void 0 ? void 0 : assembly.configuration.sequence;
             const viewType = pluginManager.getViewType(self.view.type);
-            if (!trackConf) {
-                return undefined;
-            }
-            for (const display of trackConf.displays) {
-                if (viewType.displayTypes.some(d => d.name === display.type)) {
-                    return trackConf;
+            if (trackConf) {
+                for (const display of trackConf.displays) {
+                    if (viewType.displayTypes.some(d => d.name === display.type)) {
+                        return trackConf;
+                    }
                 }
             }
             return undefined;
         },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
-        get assemblyNames() {
-            var _a;
-            return ((_a = self.view) === null || _a === void 0 ? void 0 : _a.assemblyNames) || [];
-        },
-    }))
-        .views(self => ({
-        /**
-         * #getter
-         */
-        get recentlyUsedLocalStorageKey() {
-            return `recentlyUsedTracks-${[postF(), self.assemblyNames.join(',')]
-                .filter(f => !!f)
-                .join('-')}`;
-        },
-        /**
-         * #getter
-         */
-        get favoritesLocalStorageKey() {
-            // this has a extra } at the end because that's how it was initially
-            // released
-            return `favoriteTracks-${postF()}}`;
-        },
         /**
          * #getter
          */
@@ -432,35 +437,6 @@ export default function stateTreeFactory(pluginManager) {
                 self.setCategoryCollapsed(path, true);
             }
         },
-    }))
-        .actions(self => ({
-        afterCreate() {
-            if (!self.initialized) {
-                const session = getSession(self);
-                if (getConf(session, [
-                    'hierarchical',
-                    'defaultCollapsed',
-                    'topLevelCategories',
-                ])) {
-                    self.collapseTopLevelCategories();
-                }
-                if (getConf(session, [
-                    'hierarchical',
-                    'defaultCollapsed',
-                    'subCategories',
-                ])) {
-                    self.collapseSubCategories();
-                }
-                for (const entry of getConf(session, [
-                    'hierarchical',
-                    'defaultCollapsed',
-                    'categoryNames',
-                ])) {
-                    self.collapsed.set(entry, true);
-                }
-                self.initialized = true;
-            }
-        },
     }))
         .views(self => ({
         /**
@@ -474,13 +450,46 @@ export default function stateTreeFactory(pluginManager) {
         afterAttach() {
             // this should be the first autorun to properly initialize
             addDisposer(self, autorun(() => {
-                self.setRecentlyUsed(JSON.parse(localStorageGetItem(self.recentlyUsedLocalStorageKey) || '[]'));
-                self.setFavorites(JSON.parse(localStorageGetItem(self.favoritesLocalStorageKey) || '[]'));
+                const { assemblyNames, view } = self;
+                self.setRecentlyUsed(localStorageGetJSON(recentlyUsedK(assemblyNames), '[]'));
+                const val = localStorageGetItem(collapsedK(assemblyNames, view.type));
+                if (!val) {
+                    self.expandAllCategories();
+                    const session = getSession(self);
+                    if (getConf(session, [
+                        'hierarchical',
+                        'defaultCollapsed',
+                        'topLevelCategories',
+                    ])) {
+                        self.collapseTopLevelCategories();
+                    }
+                    if (getConf(session, [
+                        'hierarchical',
+                        'defaultCollapsed',
+                        'subCategories',
+                    ])) {
+                        self.collapseSubCategories();
+                    }
+                    for (const entry of getConf(session, [
+                        'hierarchical',
+                        'defaultCollapsed',
+                        'categoryNames',
+                    ])) {
+                        self.setCategoryCollapsed(`Tracks-${entry}`, true);
+                    }
+                }
+                else {
+                    self.setCollapsedCategories(JSON.parse(val));
+                }
             }));
             // this should be the second autorun
             addDisposer(self, autorun(() => {
-                localStorageSetItem(self.favoritesLocalStorageKey, JSON.stringify(self.favorites));
-                localStorageSetItem(self.recentlyUsedLocalStorageKey, JSON.stringify(self.recentlyUsed));
+                const { assemblyNames, collapsed, view } = self;
+                localStorageSetJSON(recentlyUsedK(assemblyNames), self.recentlyUsed);
+                localStorageSetJSON(collapsedK(assemblyNames, view.type), collapsed);
+                localStorageSetJSON(favoritesK(), self.favorites);
+                localStorageSetJSON(sortTrackNamesK(), self.sortTrackNames);
+                localStorageSetJSON(sortCategoriesK(), self.sortCategories);
             }));
         },
     }));

package/esm/HierarchicalTrackSelectorWidget/util.d.ts

@@ -7,6 +7,6 @@ interface Node {
     children: Node[];
     id: string;
 }
-export declare function findSubCategories(obj: Node[], paths: string[]): boolean;
+export declare function findSubCategories(obj: Node[], paths: string[], depth?: number): boolean;
 export declare function findTopLevelCategories(obj: Node[], paths: string[]): void;
 export {};

package/esm/HierarchicalTrackSelectorWidget/util.js

@@ -21,12 +21,13 @@ export function matches(query, conf, session) {
     return (getTrackName(conf, session).toLowerCase().includes(queryLower) ||
         !!categories.filter(c => c.toLowerCase().includes(queryLower)).length);
 }
-export function findSubCategories(obj, paths) {
+export function findSubCategories(obj, paths, depth = 0) {
     let hasSubs = false;
     for (const elt of obj) {
         if (elt.children.length) {
-            const hasSubCategories = findSubCategories(elt.children, paths);
-            if (hasSubCategories) {
+            const hasSubCategories = findSubCategories(elt.children, paths, depth + 1);
+            // avoid pushing the root "Tracks" node by checking depth>0
+            if (hasSubCategories && depth > 0) {
                 paths.push(elt.id);
             }
         }

package/esm/PluginStoreWidget/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function PluginStoreWidgetF(pluginManager: PluginManager): void;

package/esm/PluginStoreWidget/index.js

@@ -3,7 +3,7 @@ import { WidgetType } from '@jbrowse/core/pluggableElementTypes';
 import { lazy } from 'react';
 import stateModelFactory from './model';
 const configSchema = ConfigurationSchema('PluginStoreWidget', {});
-export default (pluginManager) => {
+export default function PluginStoreWidgetF(pluginManager) {
     pluginManager.addWidgetType(() => {
         return new WidgetType({
             name: 'PluginStoreWidget',
@@ -13,4 +13,4 @@ export default (pluginManager) => {
             ReactComponent: lazy(() => import('./components/PluginStoreWidget')),
         });
     });
-};
+}

package/esm/index.d.ts

@@ -5,7 +5,7 @@ declare const AssemblyManager: import("react").LazyExoticComponent<({ rootModel,
     rootModel: any;
     onClose: (arg: boolean) => void;
 }) => import("react").JSX.Element>;
-export default class extends Plugin {
+export default class DataManagementPlugin extends Plugin {
     name: string;
     exports: {
         AssemblyManager: import("react").LazyExoticComponent<({ rootModel, onClose, }: {

package/esm/index.js

@@ -6,7 +6,7 @@ import AddConnectionWidgetF from './AddConnectionWidget';
 import PluginStoreWidgetF from './PluginStoreWidget';
 import HierarchicalTrackSelectorWidgetF from './HierarchicalTrackSelectorWidget';
 const AssemblyManager = lazy(() => import('./AssemblyManager'));
-export default class extends Plugin {
+export default class DataManagementPlugin extends Plugin {
     constructor() {
         super(...arguments);
         this.name = 'DataManagementPlugin';

package/esm/ucsc-trackhub/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function UCSCTrackHubConnectionF(pluginManager: PluginManager): void;

package/esm/ucsc-trackhub/index.js

@@ -1,7 +1,7 @@
 import { ConnectionType } from '@jbrowse/core/pluggableElementTypes';
 import stateModelFactory from './model';
 import configSchema from './configSchema';
-export default (pluginManager) => {
+export default function UCSCTrackHubConnectionF(pluginManager) {
     pluginManager.addConnectionType(() => new ConnectionType({
         name: 'UCSCTrackHubConnection',
         configSchema,
@@ -10,4 +10,4 @@ export default (pluginManager) => {
         description: 'A track or assembly hub in the Track Hub format',
         url: '//genome.ucsc.edu/goldenPath/help/hgTrackHubHelp.html#Intro',
     }));
-};
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-data-management",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "description": "JBrowse 2 linear genome view",
   "keywords": [
     "jbrowse",
@@ -60,5 +60,5 @@
   "distModule": "esm/index.js",
   "srcModule": "src/index.ts",
   "module": "esm/index.js",
-  "gitHead": "3d43a820b9274a6160aa4dc15616147f390d9094"
+  "gitHead": "11b28d66d782eb06f92ccb993108bb6c3c82819e"
 }