@jbrowse/core 2.1.5 → 2.1.7

package/ui/AboutDialog.d.ts

@@ -1,5 +1,11 @@
 /// <reference types="react" />
 import { AnyConfigurationModel } from '../configuration';
+export declare function FileInfo({ config }: {
+    config: AnyConfigurationModel;
+}): JSX.Element | null;
+export declare function AboutContents({ config }: {
+    config: AnyConfigurationModel;
+}): JSX.Element;
 export default function AboutDialog({ config, handleClose, }: {
     config: AnyConfigurationModel;
     handleClose: () => void;

package/ui/AboutDialog.js

@@ -26,6 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AboutContents = exports.FileInfo = void 0;
 const react_1 = __importStar(require("react"));
 const copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
 const material_1 = require("@mui/material");
@@ -33,6 +34,7 @@ const Close_1 = __importDefault(require("@mui/icons-material/Close"));
 const mui_1 = require("tss-react/mui");
 const configuration_1 = require("../configuration");
 const util_1 = require("../util");
+const tracks_1 = require("../util/tracks");
 const BaseFeatureDetail_1 = require("../BaseFeatureWidget/BaseFeatureDetail");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     closeButton: {
@@ -45,14 +47,11 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         minWidth: 800,
     },
 }));
-function AboutDialog({ config, handleClose, }) {
-    const { classes } = useStyles();
-    const [info, setInfo] = (0, react_1.useState)();
+function FileInfo({ config }) {
     const [error, setError] = (0, react_1.useState)();
-    const [copied, setCopied] = (0, react_1.useState)(false);
+    const [info, setInfo] = (0, react_1.useState)();
     const session = (0, util_1.getSession)(config);
     const { rpcManager } = session;
-    const conf = (0, configuration_1.readConfObject)(config);
     (0, react_1.useEffect)(() => {
         const aborter = new AbortController();
         const { signal } = aborter;
@@ -80,13 +79,6 @@ function AboutDialog({ config, handleClose, }) {
             cancelled = true;
         };
     }, [config, rpcManager]);
-    let trackName = (0, configuration_1.readConfObject)(config, 'name');
-    if ((0, configuration_1.readConfObject)(config, 'type') === 'ReferenceSequenceTrack') {
-        const asm = session.assemblies.find(a => a.sequence === config.configuration);
-        trackName = asm
-            ? `Reference Sequence (${(0, configuration_1.readConfObject)(asm, 'displayName') || (0, configuration_1.readConfObject)(asm, 'name')})`
-            : 'Reference Sequence';
-    }
     const details = typeof info === 'string'
         ? {
             header: `<pre>${info
@@ -94,19 +86,49 @@ function AboutDialog({ config, handleClose, }) {
                 .replace(/>/g, '&gt;')}</pre>`,
         }
         : info || {};
+    return info !== null ? (react_1.default.createElement(BaseFeatureDetail_1.BaseCard, { title: "File info" }, error ? (react_1.default.createElement(material_1.Typography, { color: "error" }, `${error}`)) : info === undefined ? ('Loading file data...') : (react_1.default.createElement(BaseFeatureDetail_1.Attributes, { attributes: details })))) : null;
+}
+exports.FileInfo = FileInfo;
+function AboutContents({ config }) {
+    const [copied, setCopied] = (0, react_1.useState)(false);
+    const conf = (0, configuration_1.readConfObject)(config);
+    const session = (0, util_1.getSession)(config);
+    const hideUris = (0, configuration_1.getConf)(session, ['formatAbout', 'hideUris']) ||
+        (0, configuration_1.readConfObject)(config, ['formatAbout', 'hideUris']);
+    const { pluginManager } = (0, util_1.getEnv)(session);
+    const confPostExt = pluginManager.evaluateExtensionPoint('Core-customizeAbout', {
+        config: {
+            ...conf,
+            ...(0, configuration_1.getConf)(session, ['formatAbout', 'config'], { config: conf }),
+            ...(0, configuration_1.readConfObject)(config, ['formatAbout', 'config'], { config: conf }),
+        },
+    }, { session, config });
+    const ExtraPanel = pluginManager.evaluateExtensionPoint('Core-extraAboutPanel', null, { session, config });
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(BaseFeatureDetail_1.BaseCard, { title: "Configuration" },
+            !hideUris ? (react_1.default.createElement(material_1.Button, { variant: "contained", style: { float: 'right' }, onClick: () => {
+                    (0, copy_to_clipboard_1.default)(JSON.stringify(conf, null, 2));
+                    setCopied(true);
+                    setTimeout(() => setCopied(false), 1000);
+                } }, copied ? 'Copied to clipboard!' : 'Copy config')) : null,
+            react_1.default.createElement(BaseFeatureDetail_1.Attributes, { attributes: confPostExt, omit: ['displays', 'baseUri', 'refNames', 'formatAbout'], hideUris: hideUris })),
+        ExtraPanel ? (react_1.default.createElement(BaseFeatureDetail_1.BaseCard, { title: ExtraPanel.name },
+            react_1.default.createElement(ExtraPanel.Component, { config: config }))) : null,
+        react_1.default.createElement(FileInfo, { config: config })));
+}
+exports.AboutContents = AboutContents;
+function AboutDialog({ config, handleClose, }) {
+    const { classes } = useStyles();
+    const session = (0, util_1.getSession)(config);
+    const trackName = (0, tracks_1.getTrackName)(config, session);
+    const { pluginManager } = (0, util_1.getEnv)(session);
+    const AboutComponent = pluginManager.evaluateExtensionPoint('Core-replaceAbout', AboutContents, { session, config });
     return (react_1.default.createElement(material_1.Dialog, { open: true, onClose: handleClose, maxWidth: "xl" },
         react_1.default.createElement(material_1.DialogTitle, null,
             trackName,
             react_1.default.createElement(material_1.IconButton, { className: classes.closeButton, onClick: () => handleClose(), size: "large" },
                 react_1.default.createElement(Close_1.default, null))),
         react_1.default.createElement(material_1.DialogContent, { className: classes.content },
-            react_1.default.createElement(BaseFeatureDetail_1.BaseCard, { title: "Configuration" },
-                react_1.default.createElement(material_1.Button, { variant: "contained", style: { float: 'right' }, onClick: () => {
-                        (0, copy_to_clipboard_1.default)(JSON.stringify(conf, null, 2));
-                        setCopied(true);
-                        setTimeout(() => setCopied(false), 1000);
-                    } }, copied ? 'Copied to clipboard!' : 'Copy config'),
-                react_1.default.createElement(BaseFeatureDetail_1.Attributes, { attributes: conf, omit: ['displays', 'baseUri', 'refNames'] })),
-            info !== null ? (react_1.default.createElement(BaseFeatureDetail_1.BaseCard, { title: "File info" }, error ? (react_1.default.createElement(material_1.Typography, { color: "error" }, `${error}`)) : info === undefined ? ('Loading file data...') : (react_1.default.createElement(BaseFeatureDetail_1.Attributes, { attributes: details })))) : null)));
+            react_1.default.createElement(AboutComponent, { config: config }))));
 }
 exports.default = AboutDialog;

package/ui/App.js

@@ -106,7 +106,7 @@ const Logo = (0, mobx_react_1.observer)(({ session }) => {
         return react_1.default.createElement("img", { src: logoPath.uri, alt: "Custom logo" });
     }
 });
-const AppToolbar = ({ session, HeaderButtons = react_1.default.createElement("div", null), }) => {
+const AppToolbar = (0, mobx_react_1.observer)(({ session, HeaderButtons = react_1.default.createElement("div", null), }) => {
     const { classes } = useStyles();
     const { savedSessionNames, name, menus } = session;
     function handleNameChange(newName) {
@@ -130,7 +130,7 @@ const AppToolbar = ({ session, HeaderButtons = react_1.default.createElement("di
         react_1.default.createElement("div", { className: classes.grow }),
         react_1.default.createElement("div", { style: { width: 150, maxHeight: 48 } },
             react_1.default.createElement(Logo, { session: session }))));
-};
+});
 const ViewLauncher = (0, mobx_react_1.observer)(({ session }) => {
     var _a;
     const { classes } = useStyles();

package/ui/DrawerWidget.js

@@ -31,7 +31,7 @@ const react_error_boundary_1 = require("react-error-boundary");
 const material_1 = require("@mui/material");
 const mui_1 = require("tss-react/mui");
 const mobx_react_1 = require("mobx-react");
-const mobx_state_tree_1 = require("mobx-state-tree");
+const util_1 = require("../util");
 // icons
 const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
 const Close_1 = __importDefault(require("@mui/icons-material/Close"));
@@ -59,10 +59,10 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
     },
 }));
 const DrawerHeader = (0, mobx_react_1.observer)(({ session, setToolbarHeight, }) => {
-    const { pluginManager } = (0, mobx_state_tree_1.getEnv)(session);
+    const { pluginManager } = (0, util_1.getEnv)(session);
     const { visibleWidget, activeWidgets, drawerPosition } = session;
     const { classes } = useStyles();
-    const [anchorEl, setAnchorEl] = react_1.default.useState(null);
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
     return (react_1.default.createElement(material_1.AppBar, { position: "sticky", className: classes.header, ref: ref => setToolbarHeight((ref === null || ref === void 0 ? void 0 : ref.getBoundingClientRect().height) || 0) },
         react_1.default.createElement(material_1.Toolbar, { disableGutters: true },
             react_1.default.createElement(material_1.FormControl, { className: classes.formControl },
@@ -110,9 +110,12 @@ const DrawerHeader = (0, mobx_react_1.observer)(({ session, setToolbarHeight, })
 });
 const DrawerWidget = (0, mobx_react_1.observer)(({ session }) => {
     const { visibleWidget } = session;
-    const { pluginManager } = (0, mobx_state_tree_1.getEnv)(session);
+    const { pluginManager } = (0, util_1.getEnv)(session);
     const DrawerComponent = visibleWidget
-        ? pluginManager.getWidgetType(visibleWidget.type).ReactComponent
+        ? pluginManager.evaluateExtensionPoint('Core-replaceWidget', pluginManager.getWidgetType(visibleWidget.type).ReactComponent, {
+            session,
+            model: visibleWidget,
+        })
         : null;
     // we track the toolbar height because components that use virtualized
     // height want to be able to fill the contained, minus the toolbar height
@@ -121,7 +124,6 @@ const DrawerWidget = (0, mobx_react_1.observer)(({ session }) => {
     return (react_1.default.createElement(Drawer_1.default, { session: session },
         react_1.default.createElement(DrawerHeader, { session: session, setToolbarHeight: setToolbarHeight }),
         react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement("div", null, "Loading...") },
-            react_1.default.createElement(react_error_boundary_1.ErrorBoundary, { FallbackComponent: ({ error }) => react_1.default.createElement(ErrorMessage_1.default, { error: error }) },
-                react_1.default.createElement(DrawerComponent, { model: visibleWidget, session: session, toolbarHeight: toolbarHeight })))));
+            react_1.default.createElement(react_error_boundary_1.ErrorBoundary, { FallbackComponent: ({ error }) => react_1.default.createElement(ErrorMessage_1.default, { error: error }) }, DrawerComponent ? (react_1.default.createElement(DrawerComponent, { model: visibleWidget, session: session, toolbarHeight: toolbarHeight })) : null))));
 });
 exports.default = DrawerWidget;

package/ui/FatalErrorDialog.d.ts

@@ -1,24 +1,8 @@
 /// <reference types="react" />
-import PropTypes from 'prop-types';
-declare const FatalErrorDialog: {
-    ({ componentStack, error, onFactoryReset, resetButtonText, }: {
-        componentStack: string;
-        error: Error;
-        onFactoryReset: Function;
-        resetButtonText: string;
-    }): JSX.Element;
-    propTypes: {
-        componentStack: PropTypes.Requireable<string>;
-        error: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-        onFactoryReset: PropTypes.Validator<(...args: any[]) => any>;
-        resetButtonText: PropTypes.Requireable<string>;
-    };
-    defaultProps: {
-        error: {
-            message: string;
-        };
-        componentStack: string;
-        resetButtonText: string;
-    };
-};
+declare const FatalErrorDialog: ({ componentStack, error, onFactoryReset, resetButtonText, }: {
+    componentStack?: string | undefined;
+    error?: unknown;
+    onFactoryReset: Function;
+    resetButtonText?: string | undefined;
+}) => JSX.Element;
 export default FatalErrorDialog;

package/ui/FatalErrorDialog.js

@@ -26,44 +26,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const Button_1 = __importDefault(require("@mui/material/Button"));
-const Dialog_1 = __importDefault(require("@mui/material/Dialog"));
-const DialogActions_1 = __importDefault(require("@mui/material/DialogActions"));
-const DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
-const DialogTitle_1 = __importDefault(require("@mui/material/DialogTitle"));
-const prop_types_1 = __importDefault(require("prop-types"));
 const react_1 = __importStar(require("react"));
+const material_1 = require("@mui/material");
 const FactoryResetDialog_1 = __importDefault(require("./FactoryResetDialog"));
 const ResetComponent = ({ onFactoryReset, resetButtonText, }) => {
     const [dialogOpen, setDialogOpen] = (0, react_1.useState)(false);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Button_1.default, { "data-testid": "fatal-error", color: "primary", variant: "contained", onClick: () => setDialogOpen(true) }, resetButtonText),
+        react_1.default.createElement(material_1.Button, { "data-testid": "fatal-error", color: "primary", variant: "contained", onClick: () => setDialogOpen(true) }, resetButtonText),
         react_1.default.createElement(FactoryResetDialog_1.default, { onClose: () => setDialogOpen(false), open: dialogOpen, onFactoryReset: onFactoryReset })));
 };
-ResetComponent.propTypes = {
-    onFactoryReset: prop_types_1.default.func.isRequired,
-    resetButtonText: prop_types_1.default.string.isRequired,
-};
-const FatalErrorDialog = ({ componentStack, error, onFactoryReset, resetButtonText, }) => {
-    return (react_1.default.createElement(Dialog_1.default, { open: true },
-        react_1.default.createElement(DialogTitle_1.default, { style: { backgroundColor: '#e88' } }, "Fatal error"),
-        react_1.default.createElement(DialogContent_1.default, null,
+const FatalErrorDialog = ({ componentStack, error = 'No error message provided', onFactoryReset, resetButtonText = 'Factory Reset', }) => {
+    console.error(error);
+    return (react_1.default.createElement(material_1.Dialog, { open: true },
+        react_1.default.createElement(material_1.DialogTitle, { style: { background: '#e88' } }, "Fatal error"),
+        react_1.default.createElement(material_1.DialogContent, null,
             react_1.default.createElement("pre", null,
-                error.toString(),
+                `${error}`,
                 componentStack)),
-        react_1.default.createElement(DialogActions_1.default, null,
-            react_1.default.createElement(Button_1.default, { color: "secondary", variant: "contained", onClick: () => window.location.reload() }, "Refresh"),
+        react_1.default.createElement(material_1.DialogActions, null,
+            react_1.default.createElement(material_1.Button, { color: "secondary", variant: "contained", onClick: () => window.location.reload() }, "Refresh"),
             react_1.default.createElement(ResetComponent, { onFactoryReset: onFactoryReset, resetButtonText: resetButtonText }))));
 };
-FatalErrorDialog.propTypes = {
-    componentStack: prop_types_1.default.string,
-    error: prop_types_1.default.shape({}),
-    onFactoryReset: prop_types_1.default.func.isRequired,
-    resetButtonText: prop_types_1.default.string,
-};
-FatalErrorDialog.defaultProps = {
-    error: { message: 'No error message provided' },
-    componentStack: '',
-    resetButtonText: 'Factory Reset',
-};
 exports.default = FatalErrorDialog;

package/util/index.d.ts

@@ -1,3 +1,4 @@
+import PluginManager from '../PluginManager';
 import { IAnyStateTreeNode, IStateTreeNode } from 'mobx-state-tree';
 import { IReactionPublic, IReactionOptions } from 'mobx';
 import SimpleFeature, { Feature, isFeature } from './simpleFeature';
@@ -334,3 +335,6 @@ export declare function getUriLink(value: {
 }): string;
 export declare function getStr(obj: unknown): string;
 export declare function measureGridWidth(elements: string[]): number;
+export declare function getEnv(obj: any): {
+    pluginManager: PluginManager;
+};

package/util/index.js

@@ -30,7 +30,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getBpDisplayStr = exports.supportedIndexingAdapters = exports.bytesForRegions = exports.objectHash = exports.hashCode = exports.updateStatus = exports.generateCodonTable = exports.defaultCodonTable = exports.defaultStops = exports.defaultStarts = exports.measureText = exports.rIC = exports.blobToDataURL = exports.complement = exports.reverse = exports.revcom = exports.isElectron = exports.stringify = exports.minmax = exports.renameRegionsIfNeeded = exports.renameRegionIfNeeded = exports.makeAbortableReaction = exports.findLastIndex = exports.iterMap = exports.bpSpanPx = exports.featureSpanPx = exports.cartesianToPolar = exports.polarToCartesian = exports.degToRad = exports.radToDeg = exports.bpToPx = exports.clamp = exports.compareLocStrings = exports.compareLocs = exports.parseLocString = exports.parseLocStringOneBased = exports.assembleLocString = exports.getContainingDisplay = exports.getContainingTrack = exports.getContainingView = exports.getSession = exports.findParentThatIs = exports.springAnimate = exports.findParentThat = exports.useDebouncedCallback = exports.useDebounce = exports.inProduction = exports.inDevelopment = exports.isFeature = exports.SimpleFeature = void 0;
-exports.measureGridWidth = exports.getStr = exports.getUriLink = exports.useLocalStorage = exports.getLayoutId = exports.getViewParams = exports.getTickDisplayStr = exports.toLocale = void 0;
+exports.getEnv = exports.measureGridWidth = exports.getStr = exports.getUriLink = exports.useLocalStorage = exports.getLayoutId = exports.getViewParams = exports.getTickDisplayStr = exports.toLocale = void 0;
 /* eslint-disable @typescript-eslint/no-explicit-any */
 const react_1 = require("react");
 const is_object_1 = __importDefault(require("is-object"));
@@ -996,3 +996,7 @@ function measureGridWidth(elements) {
     return Math.max(...elements.map(element => Math.min(Math.max(measureText(getStr(element), 14) + 50, 80), 1000)));
 }
 exports.measureGridWidth = measureGridWidth;
+function getEnv(obj) {
+    return (0, mobx_state_tree_1.getEnv)(obj);
+}
+exports.getEnv = getEnv;

package/util/stats.js

@@ -86,11 +86,13 @@ async function scoresToStats(region, features) {
     const { start, end } = region;
     const { scoreMin, scoreMax, scoreSum, scoreSumSquares, featureCount } = await features
         .pipe((0, operators_1.reduce)((seed, f) => {
-        const score = f.get('score');
-        seed.scoreMax = Math.max(seed.scoreMax, f.get('summary') ? f.get('maxScore') : score);
-        seed.scoreMin = Math.min(seed.scoreMin, f.get('summary') ? f.get('minScore') : score);
-        seed.scoreSum += score;
-        seed.scoreSumSquares += score * score;
+        const s = f.get('score');
+        const summary = f.get('summary');
+        const { scoreMax, scoreMin } = seed;
+        seed.scoreMax = Math.max(scoreMax, summary ? f.get('maxScore') : s);
+        seed.scoreMin = Math.min(scoreMin, summary ? f.get('minScore') : s);
+        seed.scoreSum += s;
+        seed.scoreSumSquares += s * s;
         seed.featureCount += 1;
         return seed;
     }, {

package/util/tracks.d.ts

@@ -1,9 +1,9 @@
 import { IAnyStateTreeNode } from 'mobx-state-tree';
 import { PreFileLocation, FileLocation } from './types';
-import { AnyConfigurationModel } from '../configuration/configurationSchema';
+import { AnyConfigurationModel } from '../configuration';
 export declare function getTrackAssemblyNames(track: IAnyStateTreeNode & {
     configuration: AnyConfigurationModel;
-}): any[];
+}): string[];
 /** return the rpcSessionId of the highest parent node in the tree that has an rpcSessionId */
 export declare function getRpcSessionId(thisNode: IAnyStateTreeNode): string;
 /**
@@ -73,3 +73,6 @@ export declare function generateUnknownTrackConf(trackName: string, trackUrl: st
     category: string[] | undefined;
     trackId: string;
 };
+export declare function getTrackName(conf: AnyConfigurationModel, session: {
+    assemblies: AnyConfigurationModel[];
+}): any;

package/util/tracks.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateUnknownTrackConf = exports.generateUnsupportedTrackConf = exports.guessTrackType = exports.guessAdapter = exports.getFileName = exports.makeIndexType = exports.makeIndex = exports.storeBlobLocation = exports.setBlobMap = exports.getBlobMap = exports.getBlob = exports.UNSUPPORTED = exports.UNKNOWN = exports.getParentRenderProps = exports.getRpcSessionId = exports.getTrackAssemblyNames = void 0;
+exports.getTrackName = exports.generateUnknownTrackConf = exports.generateUnsupportedTrackConf = exports.guessTrackType = exports.guessAdapter = exports.getFileName = exports.makeIndexType = exports.makeIndex = exports.storeBlobLocation = exports.setBlobMap = exports.getBlobMap = exports.getBlob = exports.UNSUPPORTED = exports.UNKNOWN = exports.getParentRenderProps = exports.getRpcSessionId = exports.getTrackAssemblyNames = void 0;
 const mobx_state_tree_1 = require("mobx-state-tree");
 const index_1 = require("./index");
 const configuration_1 = require("../configuration");
 /* utility functions for use by track models and so forth */
 function getTrackAssemblyNames(track) {
-    const trackConf = track.configuration;
-    const trackAssemblyNames = (0, configuration_1.readConfObject)(trackConf, 'assemblyNames');
+    const trackAssemblyNames = (0, configuration_1.getConf)(track, 'assemblyNames');
     if (!trackAssemblyNames) {
         // Check if it's an assembly sequence track
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -126,7 +125,7 @@ function getFileName(track) {
 exports.getFileName = getFileName;
 function guessAdapter(file, index, adapterHint, model) {
     if (model) {
-        const { pluginManager } = (0, mobx_state_tree_1.getEnv)(model);
+        const { pluginManager } = (0, index_1.getEnv)(model);
         const adapterGuesser = pluginManager.evaluateExtensionPoint('Core-guessAdapterForLocation', (_file, _index, _adapterHint) => {
             return undefined;
         });
@@ -144,7 +143,7 @@ function guessTrackType(adapterType, model) {
     if (model) {
         // @ts-ignore
         const session = (0, index_1.getSession)(model);
-        const trackTypeGuesser = (0, mobx_state_tree_1.getEnv)(session).pluginManager.evaluateExtensionPoint('Core-guessTrackTypeForLocation', (_adapterName) => {
+        const trackTypeGuesser = (0, index_1.getEnv)(session).pluginManager.evaluateExtensionPoint('Core-guessTrackTypeForLocation', (_adapterName) => {
             return undefined;
         });
         const trackType = trackTypeGuesser(adapterType);
@@ -179,3 +178,14 @@ function generateUnknownTrackConf(trackName, trackUrl, categories) {
     return conf;
 }
 exports.generateUnknownTrackConf = generateUnknownTrackConf;
+function getTrackName(conf, session) {
+    const trackName = (0, configuration_1.readConfObject)(conf, 'name');
+    if (!trackName && (0, configuration_1.readConfObject)(conf, 'type') === 'ReferenceSequenceTrack') {
+        const asm = session.assemblies.find(a => a.sequence === conf);
+        return asm
+            ? `Reference sequence (${(0, configuration_1.readConfObject)(asm, 'displayName') || (0, configuration_1.readConfObject)(asm, 'name')})`
+            : 'Reference sequence';
+    }
+    return trackName;
+}
+exports.getTrackName = getTrackName;